@charset "utf-8";
/* CSS Document */
.hm_about {padding: 98px 0; display: flex; width: 100%;}
.abt_text_left , .abt_img { width: 50%; float: left;}
.abt_img { text-align: right;}
/*.abt_text_left { padding-right: 48px;}*/
.abt_text_left {padding-right: 90px;}
.abt_text_left .title_36 { margin-bottom: 25px; font-weight: 500;}
.abt_img img { border-radius: 10px;}
.abt_img {position: sticky;top: 110px;align-self: flex-start;}
.about_text {display: inline-block;}

/* Customer Reviews */
.hm_customer { position: relative; color: #fff;padding: 100px 0; background: rgb(0 0 0 / 40%);}
.logo_icon { width: 71px; height: 71px; background: #000; border-radius: 100%;margin: 0 auto;display: inline-block;text-align: center; line-height: 65px; margin-bottom: 50px;}
.cust_text p { color: #fff; font-style: italic; font-size: 22px;line-height: 32px; font-family: 'Noto Serif';}
.customer_text .title_xlg  { color: #fff;}
.cust_text img { margin: 0 auto;}
.cust_text{max-width: 960px; margin: 0 auto;}
.cust_nm { font-size: 24px; font-weight: 600;; text-transform: uppercase;}
.cust_add { font-size: 18px; display: inline-block; padding: 5px 0; width: 100%;}
.hm_customer .common_arrow .slick-arrow { top: 20%;}
.hm_customer .common_arrow .slick-next.slick-arrow { right: -15px;}
.hm_customer .common_arrow .slick-prev.slick-arrow{left: -15px; }
.js_customer li:not(:first-child) { display: none;}
.js_customer.slick-initialized li { display: block;}
.beforeafter_ul > li:not(:nth-child(-n+3)) { display: none;}
.beforeafter_ul.slick-initialized > li { display: block;}
.beforeafter_ul > li:nth-child(-n+3) .twentytwenty-container { height: 310px;}
.beforeafter_ul > li { width: 33.3%; float: left;}


/* Top Text */
.hm_top_text {padding: 70px 0 86px; display: flex; width: 100%; position: relative;}
.logo-icon { border: 1px solid #C1C1C1; width: 94px; height: 94px; border-radius: 100%; background: #fff; display: inline-block; text-align: center; line-height:89px; margin: 0 auto 50px;}
.hm_top_text .title_xlg { margin-bottom: 15px;}
.hm_top_text .btn_border{ margin: 30px 0 0;}
.hm_top_text:after { position: absolute; content: ""; width: 1px; height: 70px; left: 0; right: 0; margin: 0 auto; top: 0; background: #C1C1C1;}



/* Additional Services */
.add_service { padding: 80px 0 100px; display: flex; width: 100%;}
.other_service { /*margin: 0 -35px;*/ margin: 0 -22px;}
.other_service li { padding: 0 35px 35px; width: 50%; float: left;}
.other_serv_text  { position: absolute; bottom: 30px; left: 0; width: 100%;z-index: 1; color: #fff;   padding: 0 50px;}
.oth_serv_img { position: relative;}
.oth_serv_img:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 35%;
    background: linear-gradient(0deg, black, transparent);
    bottom: 0px;
    left: 0;
    z-index: 0;
    border-radius: 0 0 10px 10px;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
}
.service_tit { font-size: 26px; font-weight: bold; text-transform: uppercase;}
.left_text img { margin-right: 20px;}
.oth_serv_img > img { border-radius: 10px;}
.read_more{ position: relative;}
.read_more:after { position: absolute; content: ""; width: 70px; height: 1px; background: #fff; left: 0; bottom: 0;}
.other_serv:hover .oth_serv_img:after { height: 100%; }
.read_more:hover { color:#47A01A; }


/* Home before After */
.hm_before_after { padding: 100px 0;display: flex;width: 100%;}
.beforeafter_ul { margin: 0 -16px; }
.beforeafter_ul li { padding: 0 16px; }
.twentytwenty-container > img { border-radius: 10px; transition:none}
.twentytwenty-handle {height: 35px;width: 35px;margin-left: -17px; margin-top: -17px;border: 0px solid white;}
.twentytwenty-right-arrow:before , .twentytwenty-left-arrow:before{top: -13px;font-size: 16px; }
.twentytwenty-left-arrow:before {    left: 2px; }
.twentytwenty-right-arrow:before {right: 2px; }
.twentytwenty-before-label, .twentytwenty-after-label { display: none !important;}
.twentytwenty-overlay:hover {background: rgb(0 0 0 / 0%);}
.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {
width: 2px; }
/*.hm_top_text .text-center p {font-size: 17px;}*/
.hm_top_text .text-center p {font-size: 18px; padding: 0 110px;}


 @media (max-width: 1700px) {
     
     .hm_top_text .text-center p {padding: 0;}
     
}

 @media (max-width: 1600px) {
    
   
}

@media (max-width: 1500px) {

}

 @media (max-width: 1439px) {
    
     .abt_img { position: sticky; top: 110px;}
     .about_text {display: inline-block;}
     .hm_about , .hm_customer, .hm_before_after, .add_service{padding: 80px 0;}
     .logo_icon {margin-bottom: 30px;}
}

 @media (max-width: 1199px) {
     
    .top_heading {
        margin-bottom: 40px;
    }

    .other_service li {
        padding: 0 25px;
    }

    .other_service {
        margin: 0 -25px;
    }

    .logo-icon {
        margin: 0 auto 35px;
    }

    .hm_top_text {
        padding: 50px 0 40px;
    }

    .hm_top_text:after {
        height: 50px;
    }
}

@media (max-width: 991px) {
   .abt_text_left,
   .abt_img {
       width: 100%;
       padding: 0;
   }

   .hm_about,
   .hm_customer, .hm_before_after, .add_service{
       padding: 60px 0;
   }
    .cust_text { padding: 0 40px;}
    .other_service li {
    padding: 0 15px; 
     }
    .other_service {
    margin: 0 -15px;
}
    .read_more { display: none;} 
    .other_serv_text {padding: 0 25px; }
}

 @media (max-width: 768px) {

}

 @media (max-width: 580px) {
    .hm_about , .hm_customer , .hm_before_after, .add_service{padding: 40px 0;}
    .cust_text p { font-size: 18px;line-height: 24px; }
    .cust_add {font-size: 14px;}
     .cust_nm {font-size: 24px;}
     .logo_icon { display: none;}
     .cust_text {padding: 0 0px;}
     .hm_about {padding: 40px 0;}
     .hm_customer {padding: 40px 0 80px;}
     .hm_customer .common_arrow .slick-prev.slick-arrow {left: 50%;}
     .hm_customer .common_arrow .slick-next.slick-arrow { right: 50%;}
     .hm_customer .common_arrow .slick-arrow {top: auto;}
     .top_heading {margin-bottom: 30px;}
     
     .other_service li { width: 100%; margin-bottom: 20px; padding: 0;}
     .other_service {margin: 0 0px;}
     .other_serv_text {bottom: 15px;}
     .service_tit { font-size: 20px;}
     .other_service li:last-child{margin-bottom: 0;}
     .left_text  { width: 100%; justify-content: center;}
     .logo-icon {margin: 0 auto 25px;}
     .beforeafter_ul {
         margin: 0 0px;
     }
     .beforeafter_ul li {
         padding: 0 0px;
     }
     .abt_text_left .title_36 {
         margin-bottom: 20px;
     }
     
     .logo-icon { 
     width: 70px;
    height: 70px;
         line-height: 69px;
     }
     .logo-icon img {max-width: 34px; }
}

 @media (max-width: 480px) {
.beforeafter_ul > li:not(:nth-child(-n+1)) {
    display: none;
}
     .beforeafter_ul > li {
         width: 100%;}
}

 @media (max-width: 360px) {

}