.bannerimg {
    height: 635px;
}
.bannerimg img{
    object-position: center 55%;
}
.homepage_banner_h {
    color: var(--color-white-solid, rgba(255, 255, 255, 1));

}
.Banner-text {
    bottom:189px
}
.Banner-text p{
    color: var(--color-white-solid, rgba(255, 255, 255, 1));
    width:492px;
    margin-top: 6px;

}
.Banner-text a {
    margin-top: 41px;
    width:220px;
    padding-left: 20px !important;
    padding: 17.5px 20px;
    height: 55px !important
}
.Banner-text a span {
    width:146px;
    color: rgba(25, 25, 25, 1);
}
.Banner-text a div {
    width:19px
}
.brand-container{
    /* margin: 90px 0 50px; */
    margin: 100px auto;
}
.brand-container h2{
    color:rgba(25, 25, 25, 1);
    font-weight: 700;
    font-size: 62px;
    margin-bottom: 20px;
}
.brand-swiper-container {
    padding: 38px 0 38px 21px;
}
.swiper-brand-work img {
    width: 300px;
    height: 58px;
}
.swiper-brand-work{
    width: max-content !important;
}
.bb-contaier{
    margin-bottom: 0px !important;
}
.bb-box{
    padding-top: 50px !important;
    padding-bottom: 0px !important;
}
.bb-box-data{
    bottom:20px !important;
}
.bb-box-data h4 {
    font-weight: 800 !important;
    color: rgba(25, 25, 25, 1);
}
.bb-box-data p{
    font-size: 15px !important;
    color: rgba(25, 25, 25, 1);
    line-height: 120% !important;

}
.card-container {
    width: calc(100% - 200px) !important;
    /* margin: 90px auto 90px !important; */
}
.card-heading {
    margin: 0 !important;
    color: rgba(25, 25, 25, 1);
}
.card-layout{
    margin: 50px 0 0 !important;
    gap: 20px !important;
    justify-content: center !important;
}
.basic-structure {
    width: 610px !important;
    height: auto !important;
}
img.cd-img{
    height: 395px !important;
}
.cd-details {
    min-height: 187px !important;
    padding:  43.5px 20px !important;
    /* justify-content: center !important; */
}
.cd-layout-heading {
    font-weight: 500 !important;
    font-size: 18px !important;
    color: #757575 !important;
}
.cd-layout-desp{
    font-size: 22px !important;
    color: #000000 !important;
    margin: 0 !important;
}
.basic-structure a {
    width: 168px !important;
    margin-left: 0 !important;
}
.card-heading{
    padding-top: 0px !important;
}
.left-sections.alt-left-style .demo-descriptions {
    color: rgba(0, 0, 0, 1);

}
p {
    margin-bottom: 0px !important;
}
.formbgs .formwrappers {
    padding: 44px 20px  !important
}
.form_input label{
    color: rgba(29, 29, 29, 1);

}
.form_btn button{
    font-size: 18px !important;
}
/* .left-sections.alt-left-style{
    padding : 0 60px 0 0  !important
} */

@media (max-width: 1024px) {
    .bannerimg {
        height:auto;
    }
    .banner-overlay {
        background: none
    }
    .Banner-text {
        bottom: 112px !important;
        left:10px;
        top:auto !important;
    }
    .homepage_banner_h{
        font-family: Archivo;
        font-weight: 700;
        font-size: 35px;
        line-height: 100%;
        letter-spacing: 0%;
    }
    .Banner-text p{
        font-family: Archivo;
        font-weight: 500;
        font-size: 15px;
        line-height: 100%;
        letter-spacing: 0%;
        margin-top: 5px;
    }
    /* .bannerimg img {
        object-position: 65%;
    } */
    .brand-container{
        margin: 30px 0 30px;
    }
    .brand-container h2{
        font-weight: 700;
        font-size: 35px;
        margin-bottom: 20px;
        color: #000000;
    }
    .brand-swiper-container {
        padding: 12px 0 12px 8px;
    }
    .swiper-brand-work img {
        width: 111.5px;
        height: 21.5px;
    }
    .bb-box-data {
        bottom:50% !important
    }
    .bb-box{
        margin-top :20px !important;
        padding-top:0px !important
    }
    .card-container {
        width: calc(100% - 42px) !important;
        margin: 0 auto 40px !important;
    }
    .card-heading {
        display: block !important;
        font-family: Archivo !important;
        font-weight: 700 !important;
        font-size: 35px !important;
        line-height: 100% !important;
        letter-spacing: 0 !important;
        text-align: center !important;
        margin: 40px 0 20px !important;
        color: rgba(0, 0, 0, 1);
    }
    .card-layout{
        margin-top:0px !important
    }
    .card-layout .basic-structure:not(:last-child) {
        margin: 0 !important;
    }
    .basic-structure {
        width: 100%!important;
    }
    .card-heading-mob {
        margin: 0 !important;
    }
    img.cd-img{
        height: 300px !important;
    }
    .card-layout .basic-structure {
        min-height: 476px !important;
    }
    .cd-details {
        min-height: 176px !important;
        padding: 25px 20px !important;
    }
    .cd-layout-heading {
        font-weight: 400 !important;
        color: #19191966 !important;
    }
    .cd-layout-desp {
        font-weight: 700 !important;
        font-size: 24px !important;
        color:rgba(25, 25, 25, 1) !important
        /* margin-bottom: 21px !important; */
    }
    .basic-structure a {
        width: 158px !important;
    }
    .button-svg {
        margin-left: 10px !important;
    }
    .bb-layout-common-class {
        padding: 20px;
    }

}
@media (min-width: 767px) and (max-width: 1024px) {
    img.cd-img {
        height: 550px;
        object-position: center 45%;
    }
    .card-layout .basic-structure {
        height: 759px;
    }
    .card-layout .basic-structure:last-child {
        height: 793px;
    }
    .card-layout {
        flex-direction: row !important;
    }
}
@media (max-width: 767px) {
    .Banner-text a {
        display: none;
    }
    .bannerimg img {
        object-position: 35%;
    }
    .Banner-text {
        bottom: 78px;
        left:10px;
        top:50%;
    }
    .homepage_banner_h{
        font-family: Archivo;
        font-weight: 700;
        font-size: 35px;
        line-height: 100%;
        letter-spacing: 0%;
    }
    .Banner-text p{
        font-family: Archivo;
        font-weight: 500;
        font-size: 15px;
        line-height: 100%;
        letter-spacing: 0%;
        width:142px;
        margin-top: 5px;
    }
    .formbgs .formwrappers {
        padding: 20px !important;
    }
    img.cd-img{
        width: 100%;
        height: 395px;
        object-fit: cover;
        border-radius: 20px 20px 0 0;
    } 
    .card-layout {
        flex: auto;
        flex-direction: column;
    }
    .card-layout:nth-child(odd) {
        margin-right: 0px;
    }
    .card-layout {
        gap: 33px !important;
    }
    .formbgs.sticky-formbgs{
        padding: 35px 16.5px !important;
    }
}
@media (max-width: 420px) {
    .card-layout .basic-structure {
        height: 100% !important;
    }
    .cd-details {
        height: fit-content !important;
        padding-bottom: 25px;
    }
    .Banner-text {
        bottom: 78px !important;
        left: 10px;
        top: 50% !important;
    }
  }
@media (min-width: 1025px) {
    .bb-layout-common-class {
        gap: 54px;
    }
}
