@charset "utf-8";

/* CSS Document */

#homeBannerSlider{height:100vh}



.homeBanner{ height:100%; overflow:hidden; position:relative; margin-bottom:35px;}





.hbDex {width: 100%; height: 100%; object-fit: cover;  -webkit-transition: opacity 1s ease-in-out;

  -moz-transition: opacity 1s ease-in-out;

  -o-transition: opacity 1s ease-in-out;

  transition: opacity 1s ease-in-out; -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */

       -moz-animation: fadein 2s; /* Firefox < 16 */

        -ms-animation: fadein 2s; /* Internet Explorer */

         -o-animation: fadein 2s; /* Opera < 12.1 */

            animation: fadein 2s;}

			

			@keyframes fadein {

    from { opacity: 0; }

    to   { opacity: 1; }

}



/* Firefox < 16 */

@-moz-keyframes fadein {

    from { opacity: 0; }

    to   { opacity: 1; }

}



/* Safari, Chrome and Opera > 12.1 */

@-webkit-keyframes fadein {

    from { opacity: 0; }

    to   { opacity: 1; }

}



/* Internet Explorer */

@-ms-keyframes fadein {

    from { opacity: 0; }

    to   { opacity: 1; }

}



/* Opera < 12.1 */

@-o-keyframes fadein {

    from { opacity: 0; }

    to   { opacity: 1; }

}

  

  



.slick-slider, .slick-list, .slick-track{height:100%;}

/*sm edit section*/

.scroll_dwn{position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 20px; width: 47px;}

#home_banner_slider, #home_banner_slider>div, #home_banner_slider>div>div{ height:100%;}



.bannerInfo{/* max-width:1700px; width:90%; */margin:0 auto 0;position:absolute;left:0;right:0;bottom:30%;padding:20px 0;z-index:5;width: 95%;max-width: 1160px;}

.bannerInfo span{display:block;position:relative;overflow:hidden;/* padding-left:30px; */width: 50%;}

.bannerInfo span strong{ position:relative; top:90px; opacity:0; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease-in-out}

.bannerInfo span strong b{position:relative; padding:0 12px 0 20px; font-weight:300;}

.bannerInfo span strong b:after{position:absolute; content:""; background-color:#243267;; width:8px; height:8px; border-radius:50%; left:0px; top:8px; }

.bannerInfo span strong.fadeInUp{top:0;opacity:1; }

.bannerInfo span strong.fadeOutUp{top:-90px; opacity:0; }



.banner1_text1{/* left:8%; */padding-bottom:25px;color: #ffffff;font-size: 50px;line-height: 62px;font-weight: 600;}

.banner1_text2{left: 0px;padding-bottom:20px;color: #f1f1f1;font-size:18px;line-height:36px;font-weight: 300;/* text-transform: uppercase; */}

.banner1_text3{/* left:8%; */padding-bottom:0px;color:#FFF;font-size:16px;line-height:18px;}

.banner1_text2 strong, .banner1_text3 strong{font-weight: 300;}

.banner1_text1 strong{font-weight: 600;}



.slide_moreBtn{height:43px;width: 154px;text-align: center;line-height:43px;padding: 0px;color:#FFF;/* text-transform:uppercase; */background: #c17000;border-radius: 40px;font-size: 14px;font-weight: 600;display:inline-block;position:relative;opacity:0;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;-ms-transition: all 1s ease;transition: all 1s ease-in-out}

.slide_moreBtn:after{content:'';width:48px;height:9px;position:absolute;top:14px;right:-25px;/* background:url(../images/arrow.png) no-repeat 0 0; */z-index:1;}

.slide_moreBtn:before{content:'';/* width:29px; *//* height:1px; *//* position:absolute; *//* top:22px; */right:23px;/* background:#FFF; */z-index:2;}

.slide_moreBtn.fadeIn{opacity:1; }

.slide_moreBtn.fadeOut{opacity:0; }



.bannerInfo span strong.delay1{-webkit-transition-delay:0.4s;  transition-delay:0.4s;}

.bannerInfo span strong.delay2{-webkit-transition-delay:0.7s;  transition-delay:0.7s;}

.slide_moreBtn.delay2{-webkit-transition-delay:0.9s;  transition-delay:0.9s;}



.sloderControl{ position:absolute; bottom:5%; left:8%;  z-index:2; vertical-align:top; padding-left:30px;}

.hs_prev, .hs_next{ display:inline-block; margin:auto; z-index:10; width:40px; height:40px; border-radius:50%; background:rgba(255,255,255,0.5); border:1px solid #FFF; position:relative; text-indent:-99999px; cursor:pointer;  -webkit-transition: all .3s ease-out;   -moz-transition: all .3s ease-out; transition: all .3s ease-out; margin-right:10px; vertical-align:top;}

.hs_prev:after{content:''; width:15px; height:15px; background:url(../images/bannerCtrl.png) no-repeat -1px 0; position:absolute; left:0; top:0; bottom:0; right:0; margin:auto;}

.hs_next:after{content:''; width:15px; height:15px; background:url(../images/bannerCtrl.png) no-repeat -13px 0; position:absolute; left:0; top:0; bottom:0; right:0; margin:auto;}





.banner-dots{position:absolute; right:90px; top:40%; width:50px;}

.banner-dots li{width:100%; cursor:pointer; position:relative; vertical-align:middle; overflow:hidden;}

.banner-dots li:before{content:''; position: absolute; right: 0px; top: 50%; display:inline-block; height:2px; width:18px; background:#101010; vertical-align:middle;}

.banner-dots li span{font-size:0px; font-weight:600; color:#ff0137; display:inline-block; padding-right:15px; vertical-align:middle;}

.banner-dots li.slick-active:before{background:#ff0137;}

.banner-dots li.slick-active span{font-size:12px; }







.banner-dots-pops {position:absolute; left:0; bottom:40px; width:100%; height:11px; text-align:left; padding: 20px 58px 0;}

.banner-dots-pops li {display:inline-block; height:10px;	padding: 0px 8px 0 0 !important;}

.banner-dots-pops li span {display:inline-block; width:11px; height:11px; text-indent:-9999px; background:#fff; border-radius:50%; margin:0 2px; font-size:0; color:transparent}

.banner-dots-pops li.slick-active span {display:inline-block; width:11px; height:11px; text-indent:-9999px; background:#eb1c23; margin:0 2px}



.first_mid_box {

    display: flex;

    justify-content: space-between;

    /* gap: 2rem; */

    position: relative;

    z-index: 1;

    align-items: center;

}



section.first_box {

    background: #f5f5f5;

    position: relative;

    padding: 60px 0px;

}

section.first_box:before {

    position: absolute;

    left: 0px;

    top: 0px;

    content: "";

    background: url(../images/first_left_image.jpg);

    background-repeat: no-repeat;

    width: 40%;

    height: 100%;

}

section.first_box:after {

    position: absolute;

    right: 0px;

    bottom: 0px;

    content: "";

    background: url(../images/first_right_image.jpg);

    background-repeat: no-repeat;

    width: 40%;

    height: 100%;

}

.first_left_box h2 {

    font-size: 40px;

    color: #4d3227;

    font-weight: 600;

    margin-bottom: 20px;

    width: 100%;

}



.first_left_box p {

    font-size: 16px;

    font-weight: 300;

    color: #666666;

    margin-top: 20px;

}



.first_no_box {

    margin-top: 40px;

    width: 346px;

}



.first_no_box h3 {

    font-size: 380px;

    color: #cd7700;

    font-weight: 600;

    line-height: 300px;

    text-align: right;

}



.first_no_box span {

    text-align: center;

    display: block;

}



.first_left_box {

    display: flex;

    flex-direction: column;

    align-items: flex-end;

    width: 46%;

}

.first_right_box {

    width: 44%;

}



.first_right_box img {

    width: 100%;

}

.sec_box {

    display: flex;

}



img.sec_box_left_image {

    width: 50%;

}



.sec_box_right {

    width: 50%;

    background: #4d3227;

    padding: 40px;

    padding-left: 54px;

    color: #fff;

}

.sec_right_mid_box {

    width: 530px;

}

.sec_right_mid_box h2 {

    font-size: 36px;

    font-weight: 600;

    margin-bottom: 44px;

}



.sec_right_mid_box ul li h4 {

    font-size: 20px;

    font-weight: normal;

    margin-bottom: 14px;

}



.sec_right_mid_box ul li {

    padding-bottom: 40px;

    position: relative;

    padding-left: 58px;

    border-left: 1px dashed #b38e7f;

}



.sec_right_mid_box ul li:before {

    position: absolute;

    content: "";

    left: -34px;

    top: 0px;

    background: url(../images/icon1.png);

    width: 70px;

    height: 70px;

}

.sec_right_mid_box ul li:nth-child(1):before {

    background: url(../images/icon1.png);

}

.sec_right_mid_box ul li:nth-child(2):before {

    background: url(../images/icon2.png);

}

.sec_right_mid_box ul li:nth-child(3):before {

    background: url(../images/icon3.png);

}

.sec_right_mid_box ul li:nth-child(4):before {

    background: url(../images/icon4.png);

}

.sec_right_mid_box ul {

    margin-left: 34px;

}

.sec_right_mid_box ul li p {color: #e7e7e7;font-size: 16px;}



.sec_right_mid_box ul li:last-child {

    border-left: none;

}

section.third_box {

    position: relative;

    padding: 100px 0px;

    background: #f5f5f5;

}

section.third_box:before {

    position: absolute;

    left: 0px;

    top: 0px;

    content: "";

    background: url(../images/third_left_image.jpg);

    background-repeat: no-repeat;

    width: 40%;

    height: 100%;

}

section.third_box:after {

    position: absolute;

    right: 0px;

    bottom: 0px;

    content: "";

    background: url(../images/third_right_image.jpg);

    background-repeat: no-repeat;

    width: 40%;

    height: 100%;

    background-position: right;

}

.third_mid_box {

    position: relative;

    z-index: 1;

}



.third_mid_box h2 {

    font-size: 48px;

    color: #4d3227;

    text-align: center;

}



.what_box {

    display: flex;

    justify-content: space-between;

    margin-top: 50px;

    gap: 16px;

}



.what_first_box {

    background: #f8f8f8;

    padding: 40px 26px;

    border-radius: 6px;

    box-shadow: 0px 0px 16px rgb(0 0 0 / 7%);

}



.what_first_box h3 {

    font-size: 19px;

    color: #4d3227;

    font-weight: 600;

    margin-bottom: 20px;

    margin-top: 20px;

}



.what_first_box p {

    font-size: 16px;

    color: #666666;

    font-weight: 300;

}

section.forth_box {

    position: relative;

}



section.forth_box img {

    width: 100%;

}



.forth_image_mid_box {

    width: 95%;

    max-width: 1183px;

    margin: 0 auto;

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

}

.forth_image_mid_box h4 {

    font-size: 50px;

    color: #fff;

    font-weight: 600;

    line-height: 58px;

}



.forth_image_mid_box p {

    font-size: 18px;

    color: #fff;

    font-weight: 300;

    margin-top: 22px;

    margin-bottom: 20px;

}

.button_box {

    height: 43px;

    /* width: 154px; */

    text-align: center;

    line-height: 43px;

    padding: 0px 30px;

    color: #FFF;

    /* text-transform: uppercase; */

    background: #c17000;

    border-radius: 40px;

    font-size: 14px;

    font-weight: 600;

    display: inline-block;

    position: relative;

    -webkit-transition: all 1s ease;

    -moz-transition: all 1s ease;

    -o-transition: all 1s ease;

    -ms-transition: all 1s ease;

    transition: all 1s ease-in-out;

    margin-top: 20px;

}

section.fifth_box {

    background: #f5f5f5;

    padding: 100px 0px;

    position: relative;

}

section.fifth_box:after {

    position: absolute;

    right: 0px;

    left: 0px;

    bottom: 0px;

    content: "";

    background: url(../images/fifth_bottom_image.jpg);

    background-repeat: no-repeat;

    width: 40%;

    height: 100%;

    background-position: bottom center;

    margin: 0px auto;

}



.fifth_mid_box {

    display: flex;

    justify-content: space-between;

    position: relative;

    z-index: 1;

}



.fifth_left_box {

    width: 40%;

}



.fifth_right_box {

    width: 56%;

}



.fifth_right_box ul {

    display: flex;

    flex-wrap: wrap;

    gap: 30px 3%;

}



.fifth_right_box ul li {

    background: #fff;

    padding: 36px 20px;

    border-radius: 16px;

    box-shadow: 0px 0px 16px rgb(0 0 0 / 6%);

    width: 30%;

}



.fifth_right_box ul li img {

    width: 100%;

}

.fifth_left_box h2 {

    font-size: 48px;

    color: #4d3227;

    font-weight: 600;

    line-height: 40px;

    margin-bottom: 20px;

}



.fifth_left_box p {

    font-size: 16px;

    color: #787778;

    font-weight: 300;

}

section.cement_bg {

    background: url(../images/test_bg.jpg);

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    padding: 100px 0px;

}

section.cement_bg h3 {

    font-size: 48px;

    color: #fff;

    text-align: center;

    line-height: 50px;

    margin-bottom: 40px;

}



ul.client_slider li {

    background: #fff;

    margin: 0px 10px;

    padding: 30px 30px;

    border-radius: 20px;

}



.test_profile_box {

    display: flex;

    align-items: center;

    margin-top: 34px;

    border-top: 1px solid #ccc;

    padding-top: 20px;

    position: relative;

}



.testi_profile_right_box {

    padding-left: 20px;

}



.test_profile_box:before {

    position: absolute;

    width: 50px;

    height: 4px;

    background: #4d3227;

    content: "";

    top: -4px;

    left: 0px;

}



.testi_profile_right_box p.designation_text {

    font-size: 13px;

    color: #cd7700;

    font-weight: 600;

    margin-top: 0px;

}



.testi_profile_right_box span {

    font-size: 16px;

    color: #4d3227;

    font-weight: 600;

}



ul.client_slider p {

    font-size: 16px;

    color: #666666;

    font-weight: 300;

    margin-top: 20px;

}

ul.cement_bg-dot li button {

    font-size: 0px;

    background: #8b5100;

    border: none;

    width: 35px;

    height: 5px;

    border-radius: 6px;

    transition: 0.6s;

}



ul.cement_bg-dot li {

    background: transparent;

    font-size: 0px;

    padding: 0px;

    margin: 0px 6px;

    margin-top: 40px;

}



ul.cement_bg-dot {

    display: flex !important;

    align-items: center;

    justify-content: center;

}



ul.cement_bg-dot li.slick-active button {

    background: #cd7700;

}

section.sixth_box {

    background: #f5f5f5;

    padding: 100px 0px;

}



section.sixth_box h2 {

    text-align: center;

    font-size: 48px;

    color: #4d3227;

}



.six_bottom_box {

    margin-top: 80px;

}



.six_bottom_box ul {

    display: flex;

    gap: 20px;

}



.six_bottom_box ul li {

    background: #fff;

    border-radius: 14px;

    box-shadow: 0px 0px 26px rgb(0 0 0 / 12%);

    overflow: hidden;

}

.sixth_bottom_mid_box {

    padding: 30px 20px;

}



.sixth_first_box img {

    width: 100%;

}



.sixth_bottom_mid_box img {

    width: auto;

}



.watch_box {

    display: flex;

    align-items: center;

    margin-bottom: 20px;

}



.watch_box span {

    padding-left: 6px;

    font-size: 14px;

    color: #cd7700;

    font-weight: normal;

}



.watch_box h4 {

    font-size: 22px;

}



.sixth_bottom_mid_box h4 {

    font-size: 22px;

    font-weight: 600;

    margin-bottom: 16px;

    color: #4d3227;

}



.sixth_bottom_mid_box p {

    font-size: 16px;

    color: #666666;

    font-weight: 300;

    margin-bottom: 20px;

}



a.read_more {

    font-size: 16px;

    color: #cd7700;

    font-weight: 600;

    display: flex;

    align-items: center;

}



a.read_more img {

    padding-left: 8px;

}

.explore_button_box {

    text-align: center;

    margin-top: 50px;

}



.explore_button_box a.button_box {

    font-size: 18px;

    padding: 12px 30px;

    line-height: normal;

    height: auto;

}



@media screen and (max-width:1025px){

.sec1{ position:relative;}

.banner1_text1 { font-size: 40px; line-height: 45px; padding-bottom:10px;}

.bannerInfo span.banner1_text1 strong:after {top: 8px;}



}



@media screen and (max-width:900px){

	.bannerInfo span{ width:auto; padding-right:30px;}

	.bannerInfo{ bottom:auto; top:250px;}

	.playPoseHolder2, .gallery_paging{ display:none;}

	

	.hs_prev, .hs_next{ position:absolute; top:50%; z-index:3; left:10px; background: rgba(255,255,255,0); border:0px solid #FFF;}

	.hs_next{ right:10px;}

}



@media screen and (max-width:680px){

    .forth_image_mid_box h4 {

        font-size: 30px;

        line-height: 38px;

    }

    .fifth_left_box h2 {

        font-size: 34px;

    }

    section.cement_bg h3 {

        font-size: 36px;

    }

    section.sixth_box h2 {

        font-size: 36px;

        line-height: 40px;

    }

    .third_mid_box h2 {

        font-size: 36px;

    }

    .first_mid_box {

        flex-wrap: wrap;

    }

    .first_left_box {

        width: 100%;

    }

    .first_no_box {

        width: 100%;

        text-align: center;

    }

    .first_no_box h3 {

        font-size: 250px;

        line-height: 216px;

        text-align: center;

    }

    .first_right_box {

        width: 100%;

        margin-top: 40px;

    }

    .sec_box {

        flex-wrap: wrap;

    }

    img.sec_box_left_image {

        width: 100%;

    }

    .sec_box_right {

        width: 100%;

        padding-left: 30px;

    }

    .sec_right_mid_box h2 {

        font-size: 24px;

    }

    .sec_right_mid_box ul li h4 {

        font-size: 18px;

    }

    .sec_right_mid_box ul li p {

        font-size: 14px;

    }

    .sec_right_mid_box {

        width: 100%;

    }

    .what_box {

        flex-wrap: wrap;

    }

    section.fifth_box {

        padding: 50px 0px;

    }

    .fifth_mid_box {

        flex-wrap: wrap;

    }

    .fifth_left_box {

        width: 100%;

    }

    .fifth_right_box {

        width: 100%;

        margin-top: 40px;

    }

    section.sixth_box {

        padding: 50px 0px;

    }

    .six_bottom_box {

        margin-top: 40px;

    }

    .six_bottom_box ul {

        flex-wrap: wrap;

    }

	.banner-dots{display: none !important;}

.banner1_text1 { font-size:30px; line-height:35px;}

.banner1_text2 {line-height:20px; font-size: 13px; padding-bottom: 2px;}

	.bannerInfo {bottom: auto; top: 120px;}



.bannerInfo span{padding-right:50px;}

.banner1_text1 {font-size: 35px;line-height: normal;}



.bannerInfo span.banner1_text1 strong:after {left: -20px; }

.bannerInfo span {padding-left:20px;margin-bottom: 18px;}

.scroll_dwn {left: 0px;right: 0px;bottom: 100px;}

	



	



	.banner-dots-pops {padding: 20px 25px 0;}

}



@media screen and (max-width:480px){



}



@media screen and (max-width:360px){

}