@font-face {
    font-family: 'Open Sans';
    src: url('font/open-sans-semibold/OpenSans-SemiBold.woff2') format('woff2'),
        url('font/open-sans-semibold/OpenSans-SemiBold.woff') format('woff');
       
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

 @font-face {
    font-family: 'Open Sans';
    src: url('font/open-sans-bold/OpenSans-Bold.woff2') format('woff2'),
        url('font/open-sans-bold/OpenSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Eurostile';
   
    src:url('font/eurostile-blaita/Eurostile-Black-Italic.woff2') format('woff2'),
        url('font/eurostile-blaita/Eurostile-Black-Italic.woff') format('woff');
     
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}


@font-face {
    font-family: 'Poppins';
    src: url('font/poppins-regular/Poppins-Regular.woff2') format('woff2'),
         url('font/poppins-regular/Poppins-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
  

       src: url('font/poppins-semibold/Poppins-SemiBold.woff2') format('woff2'),
        url('font/poppins-semibold/Poppins-SemiBold.woff') format('woff');
    
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('font/poppins_extra/Poppins-ExtraBold.woff2') format('woff2'),
        url('font/poppins_extra/Poppins-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Eurostile';
    src:url('font/eurostile_bold/EurostileBold.woff2') format('woff2'),
        url('font/eurostile_bold/EurostileBold.woff') format('woff');
   
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
.menu_holder{height: 0px;}
#main-slider .item {position: relative;--bs-gutter-x: 0;height:100%;width: 100%;align-items: center;padding: 150px 0px 180px 0px;}
#main-slider .item {position: relative;min-height: 650px;height: 650px;align-items: center;}
/* overlay */
#main-slider  .item::after {content: "";position: absolute;top: 0;left: 0;width: 70%;height: 100%;background: url('../images/index_bannergr (1) (1).webp') no-repeat top left / cover;z-index: 1;pointer-events: none;}
.index_banner_con strong{display: flex;align-items: center;gap: 10px;  font-family: 'Poppins';font-weight: normal;font-size: 1.7rem;color: #ffffff;}
.index_banner_con img{width: 10px;height: 10px;}
.index_banner_con {position: relative;z-index: 3;padding: 0px 30px 0px 120px;min-height: 100%;width: 50%;}
.index_banner_con h1 {margin-bottom: 20px;color: #ffffff;text-transform: uppercase;font-family: 'Eurostile'; font-weight: 900;font-size: 4.3rem;line-height: 4.5rem;padding-top: 3px;font-style: italic;}
    .banner_first_word{display: block;}
.index_banner_con p {font-family: 'Poppins';font-weight: normal;font-size: 1rem;margin-bottom: 5px;line-height: 1.6;color: #ffffff;width: 93%;}
.index_banner_con .trusted {font-family: 'Eurostile';font-weight: 900;font-style: italic;font-size: 1.3rem;margin-top: 10px;color: #0a264b;padding: 10px 80px 10px 20px;display: inline-block;width: auto;background-image: url('../images/index_banner_yelowgr.png');background-size: 100% 100%;background-repeat: no-repeat;background-position: bottom;}
.index_banner_img{position: absolute;top: 0;right: 0; width: 100%;}
.index_banner_img img{width: 100%;height: 650px;object-fit: cover;object-position: center;}
.owl-nav button.owl-prev,.owl-nav button.owl-next {width: 45px;height: 45px;border-radius: 50%;margin: 0 5px;display: inline-flex;align-items: center;justify-content: center;font-size: 2.5rem;transition: 0.3s;position: relative;z-index: 5;}
.before_after_slider .owl-nav{display: flex;justify-content: center;margin-top: 10px;}
.mobile_services_wrap{padding: 70px 0px;}
.mobile_service_item{border-radius: 0;overflow: hidden;margin-bottom: 18px;background: #fff;position: relative;}
.mobile_service_btn{width: 100%;background: #0a264b;border: none;padding: 18px;display: flex;align-items: center;justify-content: space-between;}
.mobile_service_left{display: flex;align-items: center;gap: 14px;font-weight: 600;font-size: 15px;flex-direction: column;justify-content: center;width: 100%;font-family: 'Eurostile';font-weight: 900;font-size: 1.5rem;font-style: italic;border-radius: 0;color: #ffffff;text-align: center;transition: 0.3s ease;}
.mobile_service_left span{border-radius: 0%;background: transparent;display: flex;align-items: center;justify-content: center;}
.mobile_service_item.active .mobile_service_left img{filter: brightness(0) saturate(100%) invert(13%) sepia(21%) saturate(3540%) hue-rotate(185deg) brightness(92%) contrast(99%);}
.mobile_service_item .mobile_service_left img{width: 100%;filter:brightness(0) saturate(100%) invert(99%) sepia(10%) saturate(2%) hue-rotate(19deg) brightness(111%) contrast(100%);height: 100%;object-fit: cover;}
.mobile_service_btn i{font-size: 15px;transition: .4s ease;position: absolute;top: 10px;right: 10px;color: #fff;}
.mobile_service_content{display: none;}
.mobile_service_item.active .mobile_service_content{display: block;background-color: #f6f6f6;padding: 20px 0px;}
.mobile_service_item.active .mobile_service_btn{background-color: #cea92f;}
.mobile_service_item.active .mobile_service_left{color: #800000 !important}
.mobile_service_item.active .mobile_service_btn i{color: #fff;transform: rotate(45deg);}
.mobile_service_content img{width: 100%;object-fit: cover;}
.mobile_service_inner{padding: 25px 20px;text-align: center;}
.mobile_service_inner h3{color: #800000;font-family: 'Eurostile';font-weight: 900;font-size: 2.2rem;font-style: italic;line-height: normal;}
iframe{height: 400px;}
.mobile_service_inner p{color: #000000;font-family: 'Poppins';font-weight: normal;font-size: 1rem;margin-bottom: 18px;}
.mobile_service_inner ul li{text-align: start;}
.owl-nav.disabled {visibility: hidden;}
.mobile_service_inner .custom-btn{background-image: url('../images/about_anchor.png');background-repeat: no-repeat;background-size: contain;display: flex;transition: all 1s ease;color: #ffffff;background-position:100%;width: fit-content;padding: 30px 30px 35px 30px;text-decoration: none;font-family: 'Open Sans';font-weight: bold;font-size: 1.3rem;}
.index_banner_img{position: absolute;top:0;left:0;width: 100%;height: 100%;padding: 0px 0px;min-height: 100%;}
.index_banner_img img{width:100%;min-height: 600px;}
/* Slider Arrows */
#main-slider .owl-nav button{width:50px;height:50px;border-radius:50% !important;position:absolute;top:50%;transform:translateY(-50%);transition:.3s ease;display:flex !important;align-items:center;justify-content:center;z-index: 3;}
#main-slider .owl-nav .owl-prev{left:0px;}
#main-slider .owl-nav .owl-next{right:0px;}
#main-slider .owl-nav button i{color:#fff;font-size:40px;}
.page-wrap {width: min(100%);margin: 0 auto;padding: 60px 100px;background-color: #f4f4f4;}
.hero {text-align: center;margin-bottom: 32px;}
.eyebrow {margin: 0 0 10px;font-size: 13px;font-weight: 700;letter-spacing: 0.14em;text-transform: uppercase;color: #0a264b;font-family: 'Poppins';font-weight: normal;font-size: 1rem;}
.hero h5 {margin: 0;font-size: clamp(34px, 5vw, 58px);line-height: 1.05;color: #0a264b;font-family: 'Eurostile';font-weight: 900;font-style: italic;text-transform: uppercase;}
.intro {max-width: 560px;margin: 16px auto 0;font-size: 18px;color: #4b5563;}
.comparison-card {background: #ffffff;padding: clamp(14px, 3vw, 28px);border-radius: 28px;box-shadow: 0 24px 60px rgba(15, 23, 42, 0.12);}
.before-after-slider {position: relative;width: 100%;aspect-ratio: 16 / 9;overflow: hidden;border-radius: 20px;user-select: none;cursor: ew-resize;background: #d1d5db;}
.before-after-slider img {position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;pointer-events: none;}
.before-image-wrap {position: absolute;inset: 0;width: 50%;overflow: hidden;z-index: 2;}
.before-image {max-width: none;}
.label {position: absolute;top: 18px;z-index: 5;padding: 9px 14px;border-radius: 999px;font-size: 13px;font-weight: 700;color: #ffffff;background: rgba(17, 24, 39, 0.74);backdrop-filter: blur(8px);}
.label-before {left: 18px;}
.label-after {right: 18px;}
.slider-line {position: absolute;top: 0;bottom: 0;left: 50%;width: 4px;z-index: 6;background: #ffffff;transform: translateX(-50%);box-shadow: 0 0 18px rgba(0, 0, 0, 0.25);}
.slider-handle {position: absolute;top: 50%;left: 50%;z-index: 7;width: 58px;height: 58px;border: 4px solid #ffffff;border-radius: 50%;background: #2563eb;transform: translate(-50%, -50%);cursor: ew-resize;box-shadow: 0 12px 30px rgba(0, 0, 0, 0.22);}
.slider-handle span::before, .slider-handle span::after {content: "";position: absolute;top: 50%;width: 0;height: 0;transform: translateY(-50%);}
.slider-handle span::before {left: 13px;border-top: 7px solid transparent;border-bottom: 7px solid transparent;border-right: 9px solid #ffffff;}
.slider-handle span::after {right: 13px;border-top: 7px solid transparent;border-bottom: 7px solid transparent;border-left: 9px solid #ffffff;}
@media (max-width: 640px) {slider-handle span::before,.slider-handle span::after {margin: 0px -3px;}.page-wrap {padding: 34px 0;}
.comparison-card {border-radius: 20px;}
.before-after-slider {aspect-ratio: 4 / 5;border-radius: 16px;}
.label {top: 12px;font-size: 12px;}
.label-before {left: 12px;}.label-after {right: 12px; }
.slider-handle {width: 50px;height: 50px;}}
.before-after-slider{position:relative;}
.comparison_badge{position:absolute;top:15px;left:50%;transform:translateX(-50%);z-index:10;background:#fff;padding:10px 20px;border-radius:50px;font-weight:700;box-shadow:0 5px 20px rgba(0,0,0,.15);}
.comparison_title h3 {color: #0a264b;font-family: 'Poppins';font-weight: normal;font-size: 1.3rem;text-align: center;text-transform: uppercase;}