.service_qualities {
    display: flex;
}

.service_qualities li {
    width: 18%;
    flex-wrap: wrap;
    justify-content: center;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.service_qualities {
    display: flex;
    text-align: center;
    flex-wrap: wrap;
    row-gap: 30px;
    column-gap: 15px;
    justify-content: center;
}

.service_detail_pg .top_content_left_img {
    margin-bottom: 50px;
}

.service_qualities .title_xxs {
    margin-top: 20px;
}

.service_qualities ul li span {
    display: inline-block;
}

.divider {
    border-top: 1px solid rgba(19, 39, 40, 0.1);
}

.service_detail_pg .top_content_wrap {
    padding: 35px 0 80px;
    border-bottom: solid 1px #00000011;
}


/* service list start */

.service_list_wrap {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 80px;
}

.service_right {
    width: 710px;
}

.service_left {
    width: calc(100% - 710px);
    padding-right: 146px;
    margin: auto 0;
}

.service_left .title_md {
    line-height: 36px;
}

.service_list_sec {
    padding: 0 0 0 0;
}

.reverse {
    flex-direction: row-reverse;
}

.btn_CTA img {
    margin-right: 5px;
}

.reverse .service_left {
    padding-right: 0;
    padding-left: 125px;
}

.checklist .title_xs {
    margin-bottom: 10px;
}

.we_offer_wrapper {
    align-items: center;
}

/* .content_container a {
    margin-top: 30px;
} */

.btn_CTA img {
    margin-right: 5px;
}


/* faq */

.faq_wrapper {
    border-radius: 10px;
    padding: 40px 85px 10px 60px;
    margin-top: 45px;
}

.smk_accordion .accordion_in .acc_head h3 span.num {
    font-size: 14px;
    font-weight: 600;
    padding-right: 10px;
}

.faq_wrapper .faqs .accordion_in:last-child {
    border-bottom: 0 !important;
}

.contact_right {
    padding-left: 50px
}


/* svn faqs start */

.faqs_head {
    margin-bottom: 0;
}

.faq_wrap {
    background-color: #F0F6FF;
    padding: 50px 80px;
}

.faqs .accordion_in .acc_content p {
    font-family: 'Figtree';
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: #333333;
    letter-spacing: 0.4px;
    /* margin-bottom: 51px; */
    padding-right: 40px;
}


/* svn faqs end */


/* Hot water service css start */

.hotwater_sec {
    position: relative; 
}

.hotwater_wrap {
    display: flex;
    flex-wrap: wrap;  
    padding: 80px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);  
}

.areaspg.innerpage .hotwater_sec .hotwater_wrap {
    padding: 80px 0 20px;
}

.hotwater_left {
    width: 600px;
}

.area_locations .title_md {
    text-transform: capitalize;
}

.hotwater_right {
    width: calc(100% - 600px);    
}

.blue_column_divider {
    padding-left: 60px;
    position: relative;
}

.blue_column_divider::before {
    content: '';
    position: absolute;
    top: 0;
    left: 60px;
    height: 100%;
    width: 1px;
    background-color: #D1E3FF;
}

.hotwater_wrap .hotwater_right .blue_column_divider {
    padding-left: 100px;
}

.hotwater_wrap .hotwater_right .blue_column_divider::before {
    left: 80px;
}

/* Hot water service css end */

.otherservices_sec {
    margin-top: 100px;
    padding-top: 80px;
}

.otherservice_slider .service_items {
    height: 160px;
}

.otherservice_slider {
    margin: 0 -10px;
}

.otherservice_slider.service_list li {
    padding-top: 110px !important;
    padding: 0 10px;
}

.otherservice_slider .slick-prev.slick-arrow {
    left: unset;
    right: 53px;
    top: -51px;
}

.what_we_offer_sec {
    padding-top: 0px;
    position: relative;
    padding-bottom: 0;
}

.areas-detail.innerpage .what_we_offer_sec {
    margin: 50px 0 0;
}

.otherservice_slider button.slick-next.slick-arrow {
    top: -50px;
    right: 6px;
}

.brandlist_wrap {
    border-top: solid 1px rgba(0, 0, 0, 0.107);
}

.qualities_box_servicepg:not(.slick-initialized) {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -12px;
}

.qualities_box_servicepg:not(.slick-initialized) li {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 35px;
    border: solid 1px #D9E8FF;
    margin: 0 15px;
    width: calc(20% - 30px);
}

.qualities_box_servicepg li {
    padding: 0;
    min-height: 100px;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.qualities_box_servicepg li span img {
    min-width: 55px;
}

.qualities_box_servicepg li .title_xxs {
    margin-bottom: 0;
}

.qualities_box_servicepg li .title_xxs {
    margin-bottom: 0;
    margin-top: 15px;
}

.qualities_box_servicepg.slick-initialized {
    margin: 0 -12px;
}

.service_detail_pg .content_left h2,
.service_detail_pg .content_right h2,
.service_detail_pg .service_left h2,
.service_detail_pg .service_right h2 {
	font-family: 'Figtree' !important;
	font-size: calc(18px + (26 - 18) * (100vw - 320px)/ (1920 - 320)) !important;
    line-height: 1.1 !important;
	letter-spacing: 0;
    margin-bottom: 20px !important;
	color: var(--black-color) !important;
    font-weight: 500 !important;
}

.service_detail_pg .service_left h2:not(:first-child),
.service_detail_pg .service_right h2:not(:first-child),
.service_detail_pg .content_left h2:not(:first-child),
.service_detail_pg .content_right h2:not(:first-child) {
    margin-top: 50px;
}

/* Super Large devices (large desktops, less than 1600px) */

@media (max-width: 1599.98px) {
    .service_right {
        width: 650px;
    }
    .service_left {
        width: calc(100% - 650px);
        padding-right: 100px
    }
    .reverse .service_left {
        padding-left: 100px;
    }
    .hotwater_left {
        width: 650px;
    }
    .service_detail .hotwater_sec {
        padding: 20px 0 60px 0;
    }
    .hotwater_right {
        width: calc(100% - 650px);
        padding-left: 100px;
    }
    .brandlist_wrap {
        padding-top: 70px;
    }
    .otherservices_sec {
        margin-top: 80px;
        padding-top: 80px;
    }
}


/* Extra Large devices (large desktops, less than 1440px) */

@media (max-width: 1439.98px) {
    .service_detail_pg .top_section_about .top_content_wrap .qualities_wrap {
        padding-top: 30px;
    }
    .qualities_box_servicepg li .title_xxs {
        padding: 0 33px;
    }
    .service_left {
        width: calc(100% - 575px);
        padding-right: 60px;
    }
    .service_right {
        width: 575px;
    }
    .reverse .service_left {
        padding-left: 60px;
    }
    .hotwater_left {
        width: 500px;
    }
    .hotwater_right {
        width: calc(100% - 500px);
        padding-left: 60px;
    }
    .hotwater_location_list li {
        font-size: 14px;
    }
    .service_qualities li {
        width: 130px;       
    }
    .service_list_wrap {
        padding-bottom: 40px;
    }
}


/* Large devices (desktops, less than 1200px) */

@media (max-width: 1199.98px) {
    .otherservices_sec {
        margin-top: 60px;
        padding-top: 72px;
    }
    .otherservices_sec .brandlist_wrap {
        padding-top: 60px;
    }
    .service_left {
        width: calc(100% - 50%);
        padding-right: 30px;
    }
    .service_right {
        width: 50%;
    }
    .reverse .service_left {
        padding-left: 30px;
    }
    .hotwater_left {
        width: 50%;
    }
    .hotwater_right {
        width: calc(100% - 50%);
        padding-left: 30px;
    }

    .hotwater_wrap .mt_50 {
        margin-top: 25px;
    }
    .hotwater_location_list {
        column-count: 2;
        column-gap: 0;
    }
    .hotwater_location_list li {
        width: 100%;
        font-size: 16px;
    }
    .hotwater_sec {
        padding: 40px 0;
    }
    .faq_wrap {
        background-color: #F0F6FF;
        padding: 40px;
    }
}


/* Medium devices (tablets, less than 992px) */

@media (max-width: 991.98px) {
    .qualities_box_servicepg li .title_xxs {
        padding: 0px 22px;
    }
    .qualities_box_servicepg li {
        min-height: auto;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
    .qualities_box_servicepg li .title_xxs {
        padding: 0px 12px;
        text-align: left;
        display: flex;
        margin-top: 0;
    }
    .service_detail_pg .top_content_wrap {
        padding: 35px 0 35px;
    }
    .service_list_wrap {
        margin-bottom: 0px;
        padding-bottom: 20px;
        flex-direction: column-reverse;
    }
    .service_left {
        width: 100%;
        padding-right: 0;
    }
    .service_right {
        width: 100%;
        margin-bottom: 40px;
        margin-top: 20px;
    }
    .reverse .service_left {
        padding-left: 0;
    }
    .we_offer_wrapper {
        flex-direction: column-reverse;
    }
    .hotwater_right {
        width: 100%;
        padding-left: 0;
        margin-top: 40px;
    }
    .hotwater_left {
        width: 100%;
    }
    .hotwater_sec {
        padding: 0;
    }
    .hotwater_wrap {
        padding: 40px 0;
    }
    section.inpage {
        padding: 40px 0;
        margin: 0;
    }

    .hotwater_wrap .hotwater_right .blue_column_divider {
        padding-left: 0;
    }
    .hotwater_location_list {
        column-gap: 30px;
    }
    .hotwater_location_list li {
        width: 42%;
        margin: 15px 20px 0;
    }
    .brandlist_wrap {
        padding-top: 35px;
    }
}


/* Small devices (landscape phones, less than 768px) */

@media (max-width: 767.98px) {
    .service_detail_pg .top_section_about .top_content_wrap .qualities_wrap {
        padding-top: 0;
    }
    .service_detail_pg .top_content_wrap {
        padding: 35px 0 35px 0;
    }

    .hotwater_location_list {
        margin: 0 0px;
        column-gap: 8px;
    }    
    .content_container.pr_100 {
        margin-top: 50px;
    }
    .areaspg .what_we_offer_sec .we_offer_wrapper .content_container.pr_100 {
        margin-top: 0px;
    }
    .brandlist_wrap {
        padding-top: 25px;
    }
    .hotwater_wrap {
        padding: 40px 0 0;
    }

    .service_qualities li {
        width: 100px;
        flex-grow: 1;
    }

    .service_qualities li>span>img {
        width: 45px;
    }
    .faq_wrap {
        background-color: #F0F6FF;
        padding: 20px;
    }
}


/* Extra small devices (portrait phones, less than 576px) */

@media (max-width: 575.98px) {
    .mt-100 {
        margin-top: 25px;
    }
    .qualities_box_servicepg li .title_xxs {
        padding: 0px 22px;
    }
    /* .service_detail_pg {
        margin-right: calc(-100vw / 2 + (100% - 170px) / 2);
    } */
    .hotwater_location_list {
        column-gap: 0;
    }
    .hotwater_location_list li {
        width: 100%;
    }
    .content_container.pr_100 {
        margin-top: 0px;
    }
    .areas-detail.innerpage .what_we_offer_sec .content_container.pr_100 {
        margin-top: 50px;
    }
    .service_detail_pg .top_content_wrap {
        padding: 20px 0 30px 0;
    }
    .service_detail_pg .top_content_wrap:first-child .top_content_left_img {
        margin-bottom: 20px;
    }
    .service_qualities {
        row-gap: 15px;
        column-gap: 10px;
    }
    .service_qualities .title_xxs {
        margin-top: 10px;
        font-size: 14px;
        line-height: 1;
    }
}