* {
    margin: 0px;
    padding: 0px;
}
h1, h2 ,h3 ,h4 ,h5, h6 , p , ul, li , a {
    font-family: "Montserrat", sans-serif;
}
.row {
    margin:0px;
}

.lght_gray {
    color:#484848 !important;
}


.b-r-20 {
    border-radius:20px;
}
/*------------- Banner Section CSS START Here -------------*/
.banner_container {
    max-width: 1392px;
    position: relative;
    margin: auto;
    width:100%;
    margin-top: 125px;
}
.bnr_rw_main {
    position: absolute;
    top: 75px;
    left: 45px;
    width:91%;
}
.banner_container .desktop_banner_img {
    width: 100%;
}
.banner_container .mobile_banner_img {
    display: none;
}
.bnr_btn_main {
    display: flex;
    gap: 12px;
    margin-top: 25px;
}
.banner_content h1 {
    font-size: 60px;
    line-height: 68px;
    font-weight: 700;
    color: #fff;
}
.banner_content h1 span {
    font-style: italic;
}
.banner_content p {
    font-weight: 400;
    font-size: 22px;
    line-height: 30px;
    color:#fff;
    max-width:550px;
    width:100%;
}
.brn_white_btn {
    text-decoration: none;
    font-size: 16px;
    color: #231F20;
    background-color: #fff;
    display: flex;
    text-align: left;
    padding: 12px 24px;
    /* border: 1px solid #231F20; */
    border-radius: 50px;
    width: 230px;
    height: 56px;
    align-items: anchor-center;
    font-weight: 700;
    justify-content: space-between;
}
.brn_trans_btn {
    text-decoration: none;
    font-size: 16px;
    color: #fff;
    display: flex;
    text-align: left;
    padding: 10px 24px;
    border: 1px solid #fff;
    border-radius: 50px;
    width: 230px;
    height: 56px;
    justify-content: space-between;
    align-items: center;
    line-height: 19px;
    font-weight: 700;
}
.brn_white_btn img , .brn_trans_btn img{
    filter: invert(1);
}

/*------------- Banner Section CSS END Here -------------*/

/*------------- Inside Banner Section CSS START Here -------------*/
.inside_banner_container .bnr_rw_main {
    position: absolute;
    top: 113px;
    width:91%;
}
.inside_banner_container .banner_content h1 {
    font-size: 58px;
    line-height: 72px;
    font-weight: 600;
}
.inside_banner_container .banner_content p {
    font-weight: 400;
    font-size: 20px;
}
.sml_para {
    font-size: 16px !important; 
    line-height: 25px  !important;
    max-width: 800px  !important;
    width: 100%  !important;
    padding-right:0px !important;
    margin-bottom: 0px;
}
/*------------- Inside Banner Section CSS END Here -------------*/

/* Button CSS */
.black_btn {
    text-decoration: none;
    font-size: 16px;
    color: #fff;
    background-color: #231F20;
    display: flex;
    text-align: left;
    padding: 12px 60px 12px 24px;
    border: 1px solid #231F20;
    border-radius: 50px;
    width: fit-content;
    height: 56px;
    align-items: anchor-center;
    font-weight: 500;
    justify-content: space-between;
    position: relative;
}
.black_btn::after {
    content: '';
    position: absolute;
    top: 16px;
    right: 24px;
    background-image: url('../img/global/btn_white_arrow.svg');
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
}

/* Section CSS */
.section_container {
    max-width:1280px;
    width:100%;
    margin: auto;
    position: relative;
    padding:80px 0px 60px 0px;
}
.section_container .sec_hd1 {
    font-weight:500;
    font-size: 72px;
    line-height: 45px;
    color: #292929;
    margin-bottom: 40px;
    letter-spacing: -2.2px;
}
.section_container .sec_hd2 {
    font-weight:600;
    font-size: 42px;
    line-height: 32px;
    color: #292929;
    margin-bottom:20px;  
}
.section_container p {
    font-size:16px;
    line-height: 26px;
    font-weight:500;
    max-width: 720px;
    width:100%;
    color: #292929 !important;
}
.section_container h3{
    font-size: 38px;
    line-height: 46px;
    font-weight: 500;
    color: #484848;
}
.section_img_col img {
    width: 100%;
}
.mobile_btn {
    display: none;
}


/*------------- Slider Arrow CSS START Here -------------*/
.swiper-button-prev {
    border: 1px solid #000;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    padding: 28px;
}

.swiper-button-next {
    border: 1px solid #000;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    padding: 28px;
}
.swiper-button-prev:after , .swiper-button-next:after {
    font-size: 20px !important;
    color: #000  !important;
    width: 20px  !important;
    height: 20px  !important;
}

@media only screen and (min-device-width: 1080px) and (max-device-width: 1366px) {

    /*------------- Banner Section CSS START Here -------------*/
    .banner_container {
        padding: 0px 20px;
    }
    .bnr_rw_main {
        left: 65px;
    }
    /*------------- Banner Section CSS END Here -------------*/

    /*------------- Inside Banner Section CSS START Here -------------*/
    /*------------- Inside Banner Section CSS END Here -------------*/
}

@media only screen and (min-device-width: 1080px) and (max-device-width: 1300px) {

    /*-------------  Section START CSS ------------- */
    .section_container {
        max-width:1245px;
        padding:80px 20px 60px 20px;
    }
    /*-------------  Section END CSS ------------- */
}


/*-------------   Mobile Screen Media Query -------------  */
@media only screen and (min-device-width: 300px) and (max-device-width: 680px) {
    
    /*------------- Banner Section CSS START Here -------------*/
    .banner_container {
        padding: 10px 10px 20px 10px;
        margin-top: 85px;
    }
    .banner_container .desktop_banner_img {
        display: none;
    }
    .banner_container .mobile_banner_img {
        display: block;
        width:100%;
    }
    .bnr_rw_main {
        top: auto;
        left: 10px;
        bottom: 50px;
        width:94%;
    }
    .banner_content h1 {
        font-size: 33px;
        line-height: 44px;
        font-weight: 600;
        padding-right: 19px;
    }
    .banner_content p {
        font-size: 16px;
        line-height: 23px;
        padding-right: 20px;
    }
    .bnr_btn_main {
        flex-direction: column;
        margin-top: 15px;
    }
    .brn_white_btn , .brn_trans_btn{
        width: 170px;
        height: 48px;
        padding-right:16px;
    }
    .brn_white_btn img, .brn_trans_btn img {
        width: 20px;
    }
    /*------------- Banner Section CSS END Here -------------*/

    /*------------- Inside Banner Section CSS START Here -------------*/
    .inside_banner_container .bnr_rw_main {
        top: auto;
        bottom: 55px;
        left: 13px;
    }
    .inside_banner_container .banner_content h1 {
        font-size: 38px;
        line-height: 44px;
    }
    .inside_banner_container .banner_content p {
        font-size: 16px;
    }
    .sml_para {
        font-size: 13px !important;
        line-height: 22px !important;
    }
    /*------------- Inside Banner Section CSS END Here -------------*/

    /*------------- Section Container CSS START Here -------------*/
    .section_container {
        padding: 30px 15px 60px 15px;
    }
    .project_container {
        padding-top: 5px;
    }
    .section_container .sec_hd1 {
        font-size: 40px;
        line-height: 44px;
        margin-bottom: 22px;
    }
    .section_container .sec_hd1 br {
        display: none;
    }
    .section_container .sec_hd2 {
        font-size: 36px;
        line-height: 44px;
    }
    .desktop_btn {
        display: none;
    }
    .mobile_btn {
        display: flex;
        align-items: center;
    }
    .black_btn {
        width:fit-content;
        height:44px;
    }
    .black_btn::after {
        top: 10px;
        right: 20px;
        width: 17px;
        height: 17px;
        background-size: 20px;
    }
    .section_container .sec_hd2 , .section_container p{
        text-align: left;
    }

    .section_container h3 {
        font-size: 32px;
        line-height: 39px;
    }
    .section_img_col a.black_btn.mobile_btn {
        margin-top: 18px;
    }
    /*------------- Section Container CSS END Here -------------*/


}


@media only screen and (min-device-width: 681px) and (max-device-width: 991px) {
    
    /*------------- Banner Section CSS START Here -------------*/
    .banner_container {
        padding: 10px 10px 20px 10px;
        margin-top: 95px;
    }

    .bnr_rw_main {
        top: auto;
        left: 15px;
        bottom: 55px;
        width: 94%;
    }
    .banner_content h1 {
        font-size: 33px;
        line-height: 41px;
        font-weight: 600;
        padding-right: 19px;
    }
    .banner_content p {
        font-size: 16px;
        line-height: 23px;
        padding-right: 20px;
    }
    .bnr_btn_main {
        flex-direction: row;
        margin-top: 15px;
    }
    .brn_white_btn , .brn_trans_btn{
        width: 170px;
        height: 48px;
        padding-right:16px;
    }
    .brn_white_btn img, .brn_trans_btn img {
        width: 20px;
    }
    /*------------- Banner Section CSS END Here -------------*/

    /*------------- Inside Banner Section CSS START Here -------------*/
     .inside_banner_container .bnr_rw_main {
        top: auto;
        bottom: 23px;
    }
    .inside_banner_container .banner_content h1 {
        font-size: 35px;
        line-height: 44px;
    }
    .inside_banner_container .banner_content p {
        font-size: 16px;
        line-height: 23px;
    }
    /*------------- Inside Banner Section CSS END Here -------------*/

    /*------------- Section Container CSS START Here -------------*/
    .section_container {
        padding: 30px 15px 60px 10px;
    }
    .project_container {
        padding-top: 5px;
    }
    .section_container .sec_hd1 {
        font-size: 40px;
        line-height: 44px;
        margin-bottom: 22px;
    }
    .section_container .sec_hd1 br {
        display: none;
    }
    .section_container .sec_hd2 {
        font-size: 38px;
    }
    .desktop_btn {
        display: none;
    }
    .mobile_btn {
        display: flex;
        align-items: center;
    }
    .black_btn {
        width:fit-content;
        height:44px;
        margin-top:30px;
    }
    .black_btn::after {
        top: 10px;
        right: 20px;
        width: 17px;
        height: 17px;
        background-size: 20px;
    }

    .section_container h3 {
        font-size: 32px;
        line-height: 39px;
    }
    .section_img_col a.black_btn.mobile_btn {
        margin-top: 18px;
    }
    .project_container .section_content_rgt {
        padding-left:0px;
    }

    .section_img_col img {
        width: 104%;
    }
    
    /*------------- Section Container CSS END Here -------------*/


}


@media only screen and (min-device-width: 992px) and (max-device-width: 1024px) {
    
    /*------------- Banner Section CSS START Here -------------*/
    .banner_container {
        padding: 10px 10px 20px 10px;
        margin-top: 125px;
    }

    .bnr_rw_main {
        top: auto;
        left: 15px;
        bottom: 55px;
    }
    .banner_content h1 {
        font-size: 44px !important;
        line-height: 52px !important;
        font-weight: 600;
        padding-right: 19px;
    }
    .banner_content p {
        font-size: 22px;
        line-height: 30px;
        padding-right: 20px;
    }
    .bnr_btn_main {
        flex-direction: row;
        margin-top: 15px;
    }
    .brn_white_btn , .brn_trans_btn{
        width: 170px;
        height: 48px;
        padding-right:16px;
    }
    .brn_white_btn img, .brn_trans_btn img {
        width: 20px;
    }
    /*------------- Banner Section CSS END Here -------------*/

    /*------------- Inside Banner Section CSS START Here -------------*/
    /*------------- Inside Banner Section CSS END Here -------------*/

    /*------------- Section Container CSS START Here -------------*/
    .section_container {
        padding: 30px 15px 60px 10px;
    }
    .project_container {
        padding-top: 5px;
    }
    .section_container .sec_hd1 {
        font-size: 40px;
        line-height: 44px;
        margin-bottom: 22px;
    }
    .section_container .sec_hd1 br {
        display: none;
    }
    .section_container .sec_hd2 {
        font-size: 38px;
        line-height: 42px;
    }
    .section_container p {
        font-size: 19px;
        line-height: 27px;
    }
    .desktop_btn {
        display: none;
    }
    .mobile_btn {
        display: flex;
        align-items: center;
    }
    .black_btn {
        width:fit-content;
        height:44px;
        margin-top:30px;
    }
    .black_btn::after {
        top: 10px;
        right: 20px;
        width: 17px;
        height: 17px;
        background-size: 20px;
    }

    .section_container h3 {
        font-size: 32px;
        line-height: 39px;
    }
    .section_img_col a.black_btn.mobile_btn {
        margin-top: 18px;
    }
    .project_container .section_content_rgt {
        padding-left:0px;
    }

    .section_img_col img {
        width: 104%;
    }
    
    /*------------- Section Container CSS END Here -------------*/


}