/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

body{
	overflow-x: hidden !important;
}

.site_header>.e-con-inner>.e-child .elementor-widget-theme-site-logo img { width: 75%; }
.site_header>.e-con-inner>.e-child>.e-child>.phone_btn .elementor-button-text { font-weight: 600; }

#content .home_banner .slick-arrow {top: auto;right: 42% !important;bottom: 30px;width: 48px;height: 48px;background: #ffffff00 !important;border: 2px solid white;padding: 12px;left: auto;color: white;}
#content .home_banner .slick-arrow svg { width: 100%; height: 100%; }
#content .home_banner .slick-arrow svg path { fill: white; }
#content .home_banner .slick-arrow.slick-next { right: 38% !important; }
#content .home_banner .slick-arrow:hover { background: white !important; }
#content .home_banner .slick-arrow:hover path { fill: black; }

#content .marque { overflow-x: hidden; }
.about_sec .content_wrapper .elementor-widget-icon-list ul { display: flex; flex-wrap: wrap;  gap: 20px; }
.about_sec .content_wrapper .elementor-widget-icon-list ul li { width: 48%; padding: 0 !important; margin: 0 !important; }
.about_sec .content_wrapper .elementor-widget-icon-list ul li .elementor-icon-list-icon { width: 25px; height: 25px; background: #1f74c7; display: flex; align-items: center; justify-content: center; border-radius: 50%; padding: 7px; }
.about_sec .content_wrapper .elementor-widget-icon-list ul li .elementor-icon-list-icon svg { margin: 0; }
.about_sec .content_wrapper .elementor-widget-icon-list ul li .elementor-icon-list-icon svg path { fill: white; }
.get_free_qoute .elementor-form-fields-wrapper input:not(input[type="checkbox"]) { height: 60px; }
.get_free_qoute .elementor-form-fields-wrapper .elementor-field-type-acceptance { margin-bottom: 20px; }
.get_free_qoute .elementor-form-fields-wrapper .elementor-field-type-acceptance input { width: 20px; height: 20px; }
.get_free_qoute .elementor-form-fields-wrapper .elementor-field-type-acceptance label { color: #cacaca; line-height: 1.5 !important; zoom: 0.9; width: 96%; }
.get_free_qoute .elementor-form-fields-wrapper .elementor-field-type-acceptance .elementor-field-option { display: flex; align-items: flex-start; gap: 10px; }
.gallery_section .video_sec .e-child .elementor-widget-video { width: 100%; height: 100%; }
.testimonial_sec .elementor-swiper-button { width: 50px; height: 50px;  align-items: center; justify-content: center; border: 1px solid #02062F !important; border-radius: 50%; left: 7% !important; bottom: 30px !important; top: auto !important; }
.testimonial_sec .elementor-swiper-button svg { width: 100%; height: 100%; }
.testimonial_sec .elementor-swiper-button svg path { fill: #02062F; }
.testimonial_sec .elementor-swiper-button:hover { background: #02062F; }
.testimonial_sec .elementor-swiper-button:hover path { fill: white; }
.testimonial_sec>.e-con-inner>.e-child:last-child { position: unset; }
.testimonial_sec>.e-con-inner>.e-child:last-child .e-widget-swiper { position: unset; }
.testimonial_sec .elementor-swiper-button.elementor-swiper-button-next { left: 11% !important; }
.get_free_qoute>.e-child:first-child .elementor-widget-icon-list .elementor-icon-list-icon { border-radius : 50%;width: 20px; height: 20px; background: white; display: flex; align-items: center; justify-content: center; padding: 4px; }
.get_free_qoute>.e-child:first-child .elementor-widget-icon-list .elementor-icon-list-item { margin-bottom: 10px; }

.site_footer .main_footer .newsletter .elementor-widget-form .elementor-form-fields-wrapper { background: white; padding: 10px; flex-wrap: nowrap; border-radius: 7px; padding-left: 50px; justify-content:space-between}
.site_footer .main_footer .newsletter .elementor-widget-form .elementor-form-fields-wrapper .elementor-field-type-email { width: 87%; margin: 0; border: 0 !important; }
.site_footer .main_footer .newsletter .elementor-widget-form .elementor-form-fields-wrapper .e-form__buttons {width: 60px;margin: 0;height: 48px;}
.site_footer .main_footer .newsletter .elementor-widget-form .elementor-form-fields-wrapper .elementor-field-type-email input { border: 0; padding: 0; }
.site_footer .main_footer .newsletter .elementor-widget-form .elementor-form-fields-wrapper .e-form__buttons button { padding: 0; width: 100%; height: 100%; }
/* .site_footer .main_footer .newsletter .elementor-widget-icon { position: absolute; top: 55px; z-index: 9; left: 9px; } */
/* .site_footer .main_footer .newsletter .elementor-widget-icon svg { width: 30px; } */
.site_footer .main_footer .newsletter .elementor-widget-icon svg path { fill: #d6d6d6; }
/* .site_footer .main_footer .newsletter .elementor-widget-text-editor { margin-top: 15px; } */
.site_footer .main_footer .newsletter .elementor-widget-text-editor>p>a { font-size: inherit; }

#content .services_list .service_card { width: 22%; }
#content .services_list .service_card.active { width: 34%; }

/* ================================
   XPRO Compare Arrows (unchanged)
   ================================ */
.my-before-after span.xpro-compare-left-arrow,
.my-before-after .xpro-compare-right-arrow{
    display: block;
    width: 10px;
    height: 10px;
    border: none !important;
}
.my-before-after span.xpro-compare-left-arrow::after{
    content: "\276E"; /* ❮ */
    left: -5px !important;
}
.my-before-after .xpro-compare-right-arrow::after{
    content: "\276F"; /* ❯ */
    left: 5px !important;
}
.my-before-after span.xpro-compare-left-arrow::after,
.my-before-after .xpro-compare-right-arrow::after{
    position: absolute;
    top: -5px;
    left: 0;
    right: 0;
    width: 10px;
    height: 10px;
    color: black;
}
.my-before-after .xpro-compare-handle{
    width: 72px;
    height: 72px;
    background-color: white !important;
    opacity: 1 !important;
    box-shadow: none !important;
}
.my-before-after .xpro-compare-handle::before{
    margin-bottom: 35px;
    box-shadow: none;
}
.my-before-after .xpro-compare-handle::after{
    margin-top: 35px;
    box-shadow: none;
}
.my-before-after .xpro-compare-before-label{
    padding: 0;
    margin: 0;
    margin-bottom: 50px;
    margin-left: 18%;
}
.my-before-after .xpro-compare-after-label{
    padding: 0;
    margin: 0;
    margin-bottom: 50px;
    margin-right: 18%;
}

/* ================================
   Before/After Widget (Final)
   ================================ */
.ba-card {
    background: transparent;
    border: none;
    border-radius: 26px;
    width: 90%;
    max-width: 620px;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
}
.main_footer  .brand_info a img{border-radius:50%} 
.ba-card * {
    box-sizing: border-box;
}
.ba-container {
    position: relative;
    width: 100%;
    aspect-ratio: 4 / 3.4;
    overflow: hidden;
    border-radius: 18px;
    user-select: none;
    cursor: ew-resize;
    box-shadow: none;
}
.ba-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    pointer-events: none;
}
.ba-after {
    z-index: 1;
}
.ba-before-wrap {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 50%;
    overflow: hidden;
    z-index: 2;
    margin-right: 3px;
}
/* .ba-before-wrap img {
    width: var(--img-width, 100%);
} */
.ba-before-wrap img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: var(--ba-container-width, 100%);
    object-fit: cover;
    max-width: none;
}
.ba-after-wrap {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%;
    overflow: hidden;
    z-index: 3;
    pointer-events: none;
    margin-left: 3px;
}
.site_header  a img{border-radius:50%}
.ba-divider {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 10px;
    background: #ffffff;
    border: none;
    transform: translateX(-2px);
    z-index: 3;
    pointer-events: none;
}
.ba-handle {
    position: absolute;
    top: 50%;
    left: 50% ;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    background: #ffffff;
    border-radius: 50%;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    z-index: 4;
    cursor: ew-resize;
    touch-action: none;
}
.ba-handle svg {
    width:12px;
    height: 10px;
}
.ba-label {
    font-family:"Montserrat";
    position: absolute;
    bottom: 60px;
    font-size: 28px;
    font-weight: 600;
    letter-spacing: 0.2px;
    color: #000000;
    white-space: nowrap;
    pointer-events: none;
}
.ba-label-before {
    left: 55%;
    transform: translateX(-90%);
}
.ba-label-after {
    left: 35%;
    transform: translateX(10%);
}

.get_free_qoute .elementor-form-fields-wrapper select{
    height: 60px !important;
    color: #9A9A9A !important;
}

/* Responsive */

@media(max-width: 1366px){
    #content .home_banner .slick-arrow.slick-next {
        right: 37% !important;
    }
}
@media(max-width: 1200px){
    #content .home_banner .slick-arrow.slick-next {
        right: 36% !important;
    }
}
@media(max-width: 1024px){
    #content .home_banner .slick-arrow.slick-prev{
        left: unset;
        right: 10% !important;
        bottom: 0;
    }
    #content .home_banner .slick-arrow.slick-next{
        left: unset;
        right: 16px !important;
        bottom: 0;
    }
    #content .services_list{
        display: grid;
        grid-template-columns: repeat(2,1fr)
    }
    #content .services_list .service_card{
        width: 100% !important
    }
    #content .services_list .service_card img{
        aspect-ratio: 1/1.2;
        object-fit: cover;
    }
}
@media(max-width: 767px){
    #content .home_banner .slick-arrow.slick-prev{
        right: 15% !important;
    }
	.about_sec .content_wrapper .elementor-widget-icon-list ul li {
		width: 100%;
	}
    #content .services_list{
        grid-template-columns: repeat(1,1fr)
    }
	.ba-card .ba-label {font-size:18px !important}

}
@media(max-width: 500px){
    #content .home_banner .slick-arrow.slick-prev{
        right: 22% !important;
    }
}