/* Fonts */
body {
    /*   font-family: "Inter", sans-serif; */
    font-family: 'Manrope', sans-serif;
    font-size: 17px;
    line-height: 1.7;
    color: #1a1a1a;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Montserrat", sans-serif;
}

h1 {
    font-size: 48px;
    font-weight: 800;
}

h2 {
    font-size: 40px;
    font-weight: 800;
    margin-bottom: 16px;
}

h3 {
    font-size: 22px;
    font-weight: 700;
    color: #1A1A1A;
}

@media(max-width:767px) {
    h1 {
        font-size: 36px !important;
    }

    h2 {
        font-size: 28px;
    }

    h3 {
        font-size: 18px;
    }
	
	.projects-hero{
		padding: 120px 0px 40px !important;
	}
}

/* Navbar */
.navbar {
    background-color: #2c2c2c !important;
/* 	background-color: #fff !important; */
}

.navbar-brand span {
    font-family: "Montserrat", sans-serif;
    line-height: 1.1;
}

.nav-link {
    color: #fff !important;
/* 	color: #1a1a1a !important; */
    transition: 0.3s;
    font-size: 16px;
    font-family: "Montserrat", sans-serif;
    padding: 10px 10px !important;
}

.nav-link:hover,
.nav-link.active {
    color: #FFD700 !important;
}

.btn-orange {
    background-color: #FFD700;
    color: #1a1a1a;
    font-weight: 600;
    transition: 0.3s;
    border: 1px solid #FFD700;
    border-radius: 50px;
    font-size: 16px;
    padding: 16px 30px;
}

.btn-orange:hover {
    background-color: #1A1A1A;
    color: #fff !important;
    border: 1px solid #fff !important;
}

.number-btn {
    background-color: #FFD700;
    color: #1a1a1a;
    font-weight: 600;
    transition: 0.3s;
    border: 1px solid #FFD700;
    border-radius: 50px;
    font-size: 16px;
    padding: 16px 20px;
}

.number-btn:hover {
    background-color: #fff;
}

.mob-number-btn {
    background-color: #FFD700;
    color: #1a1a1a;
    font-weight: 600;
    transition: 0.3s;
    border: 1px solid #FFD700;
    border-radius: 50px;
    font-size: 16px;
    padding: 12px 16px;
}

.mob-number-btn:hover {
    background-color: #fff;
}

a.navbar-brand.d-flex.align-items-center.header-logo {
    margin: 0px;
}


/* Banner Css */
.inex-banner {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 140px 0 94px;
    position: relative;
}

.quality-line p {
    margin-bottom: 0px;
    padding: 5px 5px;
    color: #6c757d;
    font-weight: normal;
}

.inex-banner-content {
    color: #fff;
    position: relative;
    z-index: 1;
}

.inex-banner-content h1 {
    font-size: 48px;
}

.hero-location {
    position: absolute;
    left: 0px;
    bottom: -60px;
}

p.inex-desc {
    width: 89%;
    font-weight: 400;
}

.hero-location {
    display: inline-block;
    font-size: 12px;
    /* small text */
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #fff;
    opacity: 0.85;
}

.inex-banner-buttons {
    padding-top: 20px;
}

.btn-yellow {
    background-color: #FFD700;
    color: #1a1a1a;
    font-weight: 600;
    text-transform: uppercase;
    padding: 16px 30px;
    transition: 0.3s;
    border-radius: 50px;
    z-index: 99;
    position: relative;
    border: 1px solid #fff;
    text-decoration: none;
}

.btn-yellow:hover {
    background-color: #1A1A1A;
    color: #FFD700;
}

.btn-white {
    background-color: #fff;
    color: #1a1a1a;
    font-weight: 600;
    text-transform: uppercase;
    padding: 16px 30px;
    transition: 0.3s;
    border-radius: 50px;
    z-index: 99;
    position: relative;
    border: 1px solid #fff;
    text-decoration: none;
}

.btn-white:hover {
    background-color: #1A1A1A;
    color: #FFD700;
}

.inex-banner-buttons {
    display: flex;
    gap: 20px;
}

/* Logo slider css */
@keyframes scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(calc(-250px * 7));
    }
}

.slider {
    height: auto;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }

    /* move left by half of total width */
}

.slider .slide-track {
    display: inline-flex;
    gap: 40px;
    animation: scroll 60s linear infinite;
}

.slider .slide-track:hover {
    animation-play-state: paused;
}

.logo-sec {
    padding: 5px 0px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

.slider img {
    height: 60px;
    max-width: 130px;
    width: auto;
    object-fit: contain;
    filter: grayscale(100%);
    opacity: 0.5;
    transition: all 0.3s ease;
}

.slider img:hover {
    opacity: 1;
    filter: grayscale(0%);
}

/* Service Sec css */

.main-service {
    position: relative;
    padding: 60px 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    /* background-attachment: fixed; */
}

.main-service::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.82);
    /* dark overlay */
    z-index: 0;
}


.service-title {
    padding: 0px 0px 40px;
    position: relative;
    display: inline-block;
    color: #fff;
}

.service-hr {
    position: absolute;
    left: 0;
    bottom: 25px;
    width: 100%;
    height: 2px;
    background: #FFD700;
    border: none;
}

.service-title h2 {
    font-size: 40px;
}

.second-section .row {
    row-gap: 20px;
}

.main-colms {
    background: #FFFFFF;
    border-radius: 12px;
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.06);
    padding: 22px;
    border-left: 4px solid #FFD700;
    height: 100%;
    position: relative;

    /* ✅ FIXED */
    transition:
        transform 0.4s ease,
        box-shadow 0.4s ease;
}

/* Hover effect */
.main-colms:hover {
    transform: translateY(-6px) scale(1.01);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
    ;
}


.service-card-link {
    text-decoration: none;
    color: inherit;
}

.image-sec img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    border-radius: 12px;
    transition: transform 0.35s ease;
    display: block;
    border: 2px solid #fff;
}

.img-content {
    padding-top: 20px;
    text-align: center;
}

/* Image soft zoom */
.main-colms img {
    transition: transform 0.4s ease;
}

.main-colms:hover img {
    transform: scale(1.05);
}


/* ===============================
   TESTIMONIAL MULTI CARD SLIDER
================================ */

.testimonial-sec {
    padding: 60px 0px;
    background: #fff;
}

div#testimonialCarousel {
    padding: 30px 0px 20px;
}

.testimonial-title {
    position: relative;
}

.testimonial-title::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -15px;
    transform: translateX(-50%);
    width: 340px;
    height: 2px;
    background-color: #FFD700;
    border-radius: 2px;
    z-index: 1;
}

/* Base reset */
#testimonialCarousel .carousel-inner {
    display: flex;
    overflow: hidden;
    padding: 30px 0px 0px;
}

/* Remove Bootstrap translate slide on desktop */
@media (min-width: 576px) {
    #testimonialCarousel .carousel-item {
        transform: none !important;
        position: relative;
        display: block;
    }
}

/* Mobile → 1 card */
#testimonialCarousel .carousel-item {
    flex: 0 0 100%;
}

/* Desktop → 2 cards */
@media (min-width: 576px) {
    #testimonialCarousel .carousel-item {
        flex: 0 0 50%;
    }
}

/* Card spacing */
#testimonialCarousel .card {
    margin: 0 0.75rem;
    height: 100%;
}

/* Avatar */
#testimonialCarousel img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    object-fit: cover;
}

/* Controls */
.carousel-control-prev,
.carousel-control-next {
    width: 3rem;
    height: 3rem;
    background: #1A1A1A;
    border-radius: 50%;
    top: 50%;
    /*transform: translateY(-50%);*/
}

/* Text */
.card-title {
    font-weight: 600;
    color: #1a1a1a;
}

.card-text {
    min-height: 60px;
    color: #1a1a1a;
    font-style: italic;
}

span.text-second {
    color: #808080;
}

.image-detail {
    gap: 20px;
}

/* Footer Css  */

.footer-section {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #fff;
    padding: 60px 0px 20px;
}

.footer-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.85);
    /* overlay color */
    z-index: 0;
}

.footer-logo img {
    width: auto;
    height: 100px;
    object-fit: cover;
}

.common-link {
    padding-left: 40px;
}

.footer-heading {
    color: #FFD700;
    font-weight: bold;
}

.footer-main-links a {
    display: block;
    color: #fff;
    margin-bottom: 0.75rem;
    text-decoration: none;
    position: relative;
    /* Needed for the arrow positioning */
    padding-left: 20px;
    /* Space for arrow */
    transition: color 0.3s, padding-left 0.3s;
}

/* Add arrow using pseudo-element */
.footer-main-links a::before {
    content: ">";
    position: absolute;
    left: 0;
    color: #fff;
    transition: transform 0.3s;
}

/* Hover effect */
.footer-main-links a:hover {
    color: #FFD700;
    /* Example hover color */
    padding-left: 28px;
    /* Move text and arrow together */
}

.footer-main-links a:hover::before {
    transform: translateX(8px);
    /* Arrow moves slightly right */
    color: #FFD700;
    /* Optional: arrow changes color on hover */
}

.social-btns a {
    color: #fff;
    margin-right: 0.5rem;
    font-size: 1.1rem;
    transition: color 0.3s;
}

.social-btns a:hover {
    color: #FFD700;
}

.footer-contact a {
    color: #FFD700;
    text-decoration: none;
}

.footer-contact a:hover {
    text-decoration: underline;
    color: #fff;
}

.footer-bottom {
    position: relative;
    color: #fff;
}

.scroll-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 45px;
    height: 45px;
    background: #FFD700;
    color: #1a1a1a;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 18px;
    z-index: 9999;
    border: 1px solid #FFD700;

    /* hidden by default */
    opacity: 0;
    transform: translateY(20px);
    pointer-events: none;
    transition: 0.3s ease;
}

/* show when scrolling */
.scroll-top.show {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.scroll-top:hover {
    background: #1a1a1a;
    color: #FFD700;
}

/* Proejct slider section  */

.project-slider {
    padding: 80px 0px;
    background: #F5F6F8;
}

.cinema-slider {
    position: relative;
    overflow: hidden;
    padding: 30px 0px 20px;
    background: #F5F6F8;
}

/* Track */
.slider-track {
    display: flex;
    gap: 30px;
    transition: 0.7s cubic-bezier(.77, 0, .18, 1);
    /* overflow:hidden; */
}

/* Slides – Desktop (3) */
.slide-img {
    position: relative;
    min-width: calc(33.333% - 20px);
    height: 420px;
    overflow: hidden;
    cursor: pointer;
    border-radius: 12px;
}

.project-overlay {
    position: absolute;
    left: 12px;
    bottom: 12px;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    padding: 6px 10px;
    border-radius: 6px;
    z-index: 1;
}

/* Tablet – 2 slides */
@media (max-width: 992px) {
    .slide-img {
        min-width: calc(50% - 15px);
    }
}

/* Mobile – 1 slide */
@media (max-width: 600px) {
    .slide-img {
        min-width: 100%;
    }
}

/* Images */
.slide-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .8s ease;
}

/* Dark hover overlay */
.slide-img::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top,
            rgba(0, 0, 0, 0.7) 0%,
            rgba(0, 0, 0, 0.45) 35%,
            rgba(0, 0, 0, 0.15) 65%,
            rgba(0, 0, 0, 0) 100%);
    opacity: 1;
    transition: opacity .5s ease;
    z-index: 1;
}

/* Caption */
.caption {
    position: absolute;
    bottom: 40px;
    left: 40px;
    color: white;
    font-size: 32px;
    letter-spacing: 2px;
    z-index: 2;
    opacity: 0;
    transform: translateY(40px);
    transition: .6s;
}

/* Hover effects */
.slide-img:hover::before {
    opacity: 1;
}

.slide-img:hover img {
    transform: scale(1.08);
}

.slide-img:hover .caption {
    opacity: 1;
    transform: translateY(0);
}

/* Navigation arrows */
.nav {
    position: absolute;
    top: 45%;
    background: #fff;
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
}

.prev {
    left: 60px;
    transform: translateX(-60px);
}

.next {
    right: 10px;
    transform: translateX(10px);
}

.project-title {
    position: relative;
}

.project-title h2 {
    color: #1a1a1a;
    font-size: 40px;
    text-align: center;
}

.project-title::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -10px;
    transform: translateX(-50%);
    width: 260px;
    height: 2px;
    background-color: #FFD700;
    border-radius: 2px;
    z-index: 1;
}

.cta-band {
    padding: 80px 0px;
    background: #ffd700;
}

.cta-contents h2 {
    color: #1a1a1a;
    font-size: 40px;
    padding-bottom: 10px;
}

.cta-contents p {
    color: #1a1a1a;
    width: 70%;
    margin: 0 auto;
}

.cta-buttons {
    padding: 30px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.cta-buttons a {
    background: #fff;
    padding: 16px 30px;
    color: #1a1a1a;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    border-radius: 50px;
    border: 1px solid #fff;
}

.cta-buttons a:hover {
    background: #FFD700;
    color: #1a1a1a;
}

.cta-buttons a#openCalendly {
    background: #444;
    color: #fff;
    border: 1px solid #fff;
}

.cta-buttons a#openCalendly:hover {
    background: #ffd700;
    color: #1a1a1a;
}

.help-numb {
    margin: 0px;
    display: flex;
    gap: 10px;
    align-items: center;
}

.help-numb i {
    color: #1a1a1a;
}

.number-btn {
    background: #FFD700 !important;

}

.number-btn:hover {
    background: #fff !important;

}

.feature-strip {
    display: flex;
    justify-content: center;
    gap: 40px;
}

.feature-strip span {
    color: #1a1a1a;
    font-size: 18px;
    display: flex;
    align-items: center;
    gap: 10px;
    white-space: nowrap;
}

/* Yellow check icon */
.feature-strip i {
    color: #1a1a1a;
    font-size: 18px;
}


/* About ssection css */

.abt-sec {
    padding: 80px 0px;
    background: #F5F6F8;
}

.abt-title .legacy {
    font-style: italic;
    font-weight: 600;
}

.abt-title h2 {
    font-size: 40px;
}

.abt-img img {
    width: 100%;
    border-radius: 18px;
    /* rounded corners */
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25);
    /* soft depth shadow */
    transition: 0.4s ease;
}

/* Optional: nice hover effect */
.abt-img img:hover {
    transform: scale(1.02);
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.35);
}

.abt-btn {
    margin-top: 10px;
}

.abt-btn{
    background: #FFD700;
    padding: 16px 30px;
    color: #1a1a1a;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    border-radius: 50px;
    display: inline-block;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;

}

/* Arrow positioned outside initially */
.abt-btn::after {
    content: '→';
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: opacity 0.3s ease, right 0.3s ease;
}

.abt-btn:hover {
    background: #1A1A1A;
    color: #FFD700;
    padding-right: 50px;
    /* Make space for arrow */
}

.abt-btn:hover::after {
    opacity: 1;
    right: 25px;
}


/* Why Choose Section  */

.why-main-sec {
    padding: 80px 0px;
    background: #F5F6F8;
}

.why-sec h2 {
    font-size: 40px;
}

/* .why-sec{
  padding-left:40px;
} */

.why-btn {
    margin-top: 10px;
}

.why-btn a {
    background: #FFD700;
    padding: 16px 30px;
    color: #1a1a1a;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    border-radius: 50px;
    display: inline-block;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;

}

/* Arrow positioned outside initially */
.why-btn a::after {
    content: '→';
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: opacity 0.3s ease, right 0.3s ease;
}

.why-btn a:hover {
    background: #1A1A1A;
    color: #FFD700;
    padding-right: 50px;
    /* Make space for arrow */
}

.why-btn a:hover::after {
    opacity: 1;
    right: 25px;
}

.why-img img {
    width: 100%;
    border-radius: 18px;
    /* rounded corners */
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25);
    /* soft depth shadow */
    transition: 0.4s ease;
}

.why-img img:hover {
    transform: scale(1.02);
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.35);
}

/* header dropdown  */
/* Desktop hover dropdown */
@media (min-width: 992px) {
    .navbar .dropdown:hover>.dropdown-menu {
        display: block;
        margin-top: 0;
    }
}

/* Smooth animation */
.dropdown-menu {
    border-radius: 8px;
    padding: 10px 0;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    animation: fadeUp 0.25s ease;
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Rotate icon */
.dropdown-toggle i {
    transition: 0.3s ease;
}

.dropdown:hover .dropdown-toggle i {
    transform: rotate(180deg);
}

ul.navbar-nav.text-uppercase.fw-semibold {
    gap: 10px;
}

ul.dropdown-menu li a {
    font-family: "Montserrat", sans-serif;
}

ul.dropdown-menu li a:hover {
    background: #FFD700;
    color: #1a1a1a !important;
}

.footer-top-sec {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px;
    margin-bottom: 40px;
}

.request-btn a {
     background-color: #FFD700;
    color: #1a1a1a;
    font-weight: 600;
    border: 2px solid #FFD700;
    border-radius: 50px;
    font-size: 16px;
    padding: 14px 32px; /* height match */
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    transition: all 0.3s ease;
}

.request-btn a:hover {
    background: #1A1A1A;
    color: #fff;
	border-color:#fff;
}

/* Mobile sticky bottom bar */
.mobile-bottom-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
	gap:10px;
    background-color: #FFD700;
    padding: 14px 10px;
    z-index: 9999;
    box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.2);
}

/* Buttons styling */
.bottom-btn {
    flex:1;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    color:#fff;
    font-weight:600;
    padding:12px 15px;
    border-radius:50px;
    text-decoration:none;
    font-size:1rem;
    transition:0.3s;
    box-shadow:0 -2px 10px rgba(0,0,0,0.15);
}

/* Individual button colors */
.call-btn {
    background-color: #333333;
}

/* Green for Call */
.text-btn {
    background-color: #fff;
    color: #1a1a1a;
}

/* Blue for Text */
.quote-btn {
    background-color: #ffc107;
    color: #1a1a1a;
	border:2px solid #fff;
}

/* Hover effect */
.bottom-btn:hover {
    background:#fff;
	color:#1a1a1a;
}

/* popup css  */
.call-popup {
    position: fixed;
    bottom: 200px;
    left: 50%;
    transform: translateX(-50%) translateY(20px);
    background: #fff;
    padding: 30px 30px;
    border-radius: 20px;
    gap: 12px;
    z-index: 9999;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    max-width: 90%;
    display: flex;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s ease;
    height: 150px;
    align-items: center;
}

.call-popup.active {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
    pointer-events: auto;
}



/* Buttons */
.call-popup a {
    background: #28a745;
    /* Call = green */
    color: #fff;
    /* FIXED */
    padding: 10px 18px;
    border-radius: 30px;
    text-decoration: none;
    font-weight: 600;
    white-space: nowrap;
}

/* Text button */
.call-popup a:last-child {
    background: #FFD700;
    color: #1a1a1a;
}

/* Close icon */
.popup-close {
    position: absolute;
    top: 5px;
    right: 18px;
    background: #1a1a1a;
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    line-height: 27px;
    font-size: 23px !important;
    cursor: pointer;
    z-index: 10000;
}

/* nav.navbar.navbar-expand-lg.navbar-dark.bg-dark.py-2 {
    position: sticky;
    top: 0px;
    z-index: 99;
} */

nav.navbar.navbar-expand-lg.navbar-dark.bg-dark.py-2 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
}

.state-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 6px 14px;
}

.state-list li {
    font-size: 16px;
    color: #fff;
}

.icon-row {
    display: flex;
    gap: 10px;
    padding: 10px 14px;
}

.icon-box {
    flex: 1;
    background: #fff;
    border-radius: 12px;
    padding: 10px;
    text-align: center;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

.icon {
    width: 70px;
    height: 70px;
    margin: 0 auto 16px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    border: 1px solid #FFD700;
    color: #ffd700;
}

.icon:hover {
    background: #FFD700;
    color: #fff;
}

.icon-box h3 {
    margin: 0 0 10px;
    font-size: 18px;
    font-weight: 700;
    color: #1a1a1a;
}

.icon-box p {
    margin: 0;
    font-size: 14px;
    color: #1A1A1A;
    line-height: 1.2;
}

.safety-strip {
    background-color: #1a1a1a;
    padding: 20px 0px;
}

.safety-item i {
    color: #FFD700;
    font-size: 16px;
}

.safety-item span {
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.5px;
	line-height:1.4;
}

.safety-divider {
    color: #F5F6F8;
    margin: 0 18px;
    font-weight: 600;
}

.why-sec .down-time {
    font-size: 16px;
    font-style: italic;
    font-weight: 600;
}

.ct-btn {
    background-color: #FFD700;
    color: #1a1a1a;
    font-weight: 600;
    transition: 0.3s;
    border: 1px solid #FFD700;
    border-radius: 50px;
    font-size: 16px;
}

.ct-btn:hover {
    background: #fff;
    color: #1a1a1a;
}

.short-line {
    padding-top: 20px;
    text-align: center;
}

.hero-benefits {
    margin-top: 16px;
}

.benefit-item {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 5px;
}

.project-btn {
    margin: 20x 0px;
    text-align: center;
}

.project-btn a {
    background: #FFD700;
    padding: 16px 30px;
    color: #1a1a1a;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    border-radius: 50px;
    display: inline-block;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

/* Arrow positioned outside initially */
.project-btn a::after {
    content: '→';
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: opacity 0.3s ease, right 0.3s ease;
}

.project-btn a:hover {
    background: #1A1A1A;
    color: #FFD700;
    padding-right: 50px;
    /* Make space for arrow */
}

.project-btn a:hover::after {
    opacity: 1;
    right: 25px;
}

.footer-services-links {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px 16px;
}

.carousel-indicators {
    bottom: -40px;
}

.carousel-indicators [data-bs-target] {
    width: 16px !important;
    height: auto !important;
    background: #1A1A1A !important;
    border-radius: 50px !important;
}

.carousel-control-prev,
.carousel-control-next {
    display: none;
}

.quotes.display-2.text-body-tertiary {
    font-size: 48px;
    padding-left: 10px;
    color: #FFD700 !important;
}

/**********************************/
#quoteModal {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 10000;
    align-items: center;
    justify-content: center;
    top: 15px;
}

#quoteModal.active {
    display: flex;
}

.modal-content {
    background: #fff;
    padding: 32px;
    border-radius: 10px;
    width: 90%;
    max-width: 600px;
    position: relative;
    animation: modalFade .3s ease;
}

@keyframes modalFade {
    from {
        opacity: 0;
        transform: translateY(15px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.modal-content h2 {
    margin-bottom: 18px;
}

.modal-content label {
    display: block;
    margin-top: 0px;
    font-weight: 600;
}

.modal-content input {
    width: 100%;
    padding: 10px 12px;
    margin-top: 4px;
    border: 1px solid #ccc;
    border-radius: 6px;
}

.modal-content button {
    width: 100%;
    margin-top: 20px;
    padding: 12px;
    background: #FFD700;
    color: #1a1a1a;
    border: none;
    border-radius: 20px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
}

.modal-content button:hover {
    background: #1A1A1A;
    color: #FFD700;
}

.close-btn {
    position: absolute;
    top: 14px;
    right: 18px;
    font-size: 28px;
    cursor: pointer;
}

.form-note {
    margin-top: 14px;
    font-size: 14px;
    text-align: center;
}

.form-note a {
    color: #1A1A1A;
}

.form-note a:hover {
    color: #ffd700;
}

div#quoteForm p{
	margin-bottom:0px;
}

/* ********* */
/* ============================
   FIX SELECT TO MATCH INPUTS
============================= */

#quoteModal select.form-select,
#quoteModal select.form-control-custom,
#quoteModal .wpcf7-select {
    height: 46px;
    padding: 10px 14px;
    border-radius: 6px;
    border: 1px solid #ccc;
    font-size: 15px;
    font-weight: 500;
    background-color: #fff;
}

/* Fix arrow + appearance */
#quoteModal select {
    appearance: auto !important;
    -webkit-appearance: auto !important;
    background-image: none !important;
}

/* Focus style same as input */
#quoteModal select:focus {
    outline: none;
    border-color: #FFD700;
    box-shadow: 0 0 0 3px rgba(247, 234, 72, .35);
}

select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required.form-select {
    margin-top: 4px;
}

/*Book Btns css */
.book-btns {
    background-color: #1A1A1A;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    padding: 16px 30px;
    transition: 0.3s;
    border-radius: 50px;
    z-index: 99;
    position: relative;
    border: 1px solid #fff;
    text-decoration: none;
}

.book-btns:hover {
    background: #FFD700;
    color: #1a1a1a;
}

/*Market section */

.serve-title {
    text-align: center;
    margin-bottom: 20px;
    position: relative;
}

.serve-title h2 {
    display: inline-block;
    position: relative;
    padding-bottom: 18px;
    color: #1A1A1A;
    font-weight: 800;
    letter-spacing: .5px;
}

/* Glow underline */
.serve-title h2::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 95px;
    height: 4px;
    background: linear-gradient(90deg, #FFD700, #FFD700);
    transform: translateX(-50%);
    border-radius: 4px;
    box-shadow: 0 4px 14px rgba(247, 234, 72, .45);
}

/* Market SECTION */
.market-box {
    position: relative;
    height: 320px;
    border-radius: 12px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: start;
    transition: transform .4s ease, box-shadow .4s ease;
    box-shadow: 0 18px 40px rgba(0, 0, 0, .18);
}

/* MOBILE HEIGHT */
@media (max-width: 767px) {
    .market-box {
        height: 240px;
    }
}

/* Backgrounds */
.industrial-bg {
    background-position: center !important;
    background-repeat: repeat !important;
    background-size: cover !important;
}

.commercial-bg {
    background-position: center !important;
    background-repeat: repeat !important;
    background-size: cover !important;
}

.multi-bg {
    background-position: center !important;
    background-repeat: repeat !important;
    background-size: cover !important;
}

/* Overlay */
.market-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .6);
    z-index: 1;
}

/* CONTENT */
.market-content {
    position: relative;
    z-index: 2;
    width: 100%;
    color: #fff;
}

.market-content h3 {
    font-size: 22px;
    font-weight: 800;
    margin-bottom: 10px;
    color: #fff;
}

/* Bullet list */
.market-list {
    list-style: none;
    padding: 0;
    margin: 0 0 14px;
}

.market-list li {
    font-size: 16px;
    color: #fff;
    margin-bottom: 4px;
    position: relative;
    padding-left: 14px;
}

.market-list li::before {
    content: "•";
    color: #FFD700;
    position: absolute;
    left: 0;
}

/* CTA */
.market-link {
    background-color: #FFD700;
    color: #1A1A1A;
    font-weight: 700;
    border-radius: 40px;
    padding: 10px 26px;
    display: inline-block;
    text-decoration: none;
    transition: all .3s ease;
}

.market-link:hover {
    background: #1A1A1A;
    color: #FFD700;
    transform: translateY(-3px);
}

/* Hover */
.market-box:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 65px rgba(0, 0, 0, .28);
}


.abt-sec .container {
    border-left: 4px solid #FFD700;
}

.abt-details p {
    max-width: 650px;
}

.doc-line {
    padding: 20px 0px;
}

.doc-line p {
    margin-bottom: 0px;
}

.abt-sec .row {
    align-items: center;
}

/* Serive page css  */
/* ===============================
GLOBAL SECTION RHYTHM
================================ */
section {
    padding: 80px 0;
    position: relative;
    overflow: hidden;
}

.service-hero {
    position: relative;
    width: 100%;
    min-height: 500px;
    padding: 140px 0 20px;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;

    display: flex;
    align-items: center;

    color: #fff;
    overflow: hidden;
}

/* Dark overlay */

.service-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 1;
}

/* Content above overlay */

.service-hero .container {
    position: relative;
    z-index: 2;
}

.service-benefits,
.systems-section,
.closeout-section {
    background: #fff;
}

.method-section,
.env-section {
    background: #f5f5f5;
}

.cta-block {
    background: #1a1a1a;
}

.failure-section {
    background: #F5F6F8;
}

.env-section {
    background: #F5F6F8;
}

/* ===============================
TYPOGRAPHY & TEXT CLARITY
================================ */
.section-head h2 {
    text-align: center;
    letter-spacing: -0.5px;
}

/* ===============================
HERO
================================ */
.hero-content {
    padding: 20px 0px;
	text-align: center;
}

.hero-content h1 {
    
}

.hero-content p {
    max-width: 640px;
    color: #fff;
    margin: 0 auto;
}

/* ===============================
BENEFITS ICON CARDS
================================ */
.service-benefit {
    background: #1a1a1a;
    border: 1.5px solid #1a1a1a;
    border-radius: 14px;
    padding: 24px;
    text-align: center;
    transition: all .3s ease;
    position: relative;
    overflow: hidden;
    height: 100%;
}

.service-benefit i {
    background: #FFD700;
    color: #fff;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 16px;
    font-size: 28px;
    transition: all .3s ease;
}

.service-benefit span {
    font-weight: 500;
    color: #fff;
    display: block;
}

.service-benefit::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #FFD700;
    opacity: 0;
    transform: rotate(-2deg);
    transition: .3s;
    z-index: 0;
}

.service-benefit:hover::before {
    opacity: .12;
}

.service-benefit:hover {
    transform: translateY(-8px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .15);
}

/* ===============================
FAILURE TABLE
================================ */
.failure-table {
    background: #fff;
    border: 1px solid #1A1A1A4444f;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 25px 60px rgba(0, 0, 0, .1);
}

.failure-head {
    background: #1a1a1a;
    color: #ffd700;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 13px;
}

.failure-row {
    border-top: 1px solid #ddd;
    transition: background .25s ease;
}

.failure-row.alt {
    background: rgba(247, 234, 72, .22);
}

.failure-row:hover {
    background: rgba(247, 234, 72, .35);
}

.failure-cell {
    font-size: 13px;
    font-weight: 700;
    color: #FFD700;
    letter-spacing: 1px;
    padding: 16px 20px;
}

.fail-cell {
    padding: 16px 20px;
    font-size: 15px;
    line-height: 1.5;
    color: #1a1a1a;
}

.failure-row:nth-child(even) {
    background: #F5F6F8;
}

.failure-row:nth-child(odd) {
    background: #FFFFFF;
}

/* ===============================
METHOD STEPS
================================ */
/* SECTION */

.method-section {
    background: #1A1A1A;
    padding: 80px 0px;
    position: relative;
}

.method-section h2 {
    color: #fff;
}

/* WRAPPER */

.method-wrapper {
    position: relative;
}

/* DESKTOP LINE */

.method-wrapper::before {
    content: "";
    position: absolute;
    top: 26px;
    left: 5%;
    right: 5%;
    height: 2px;
    background: #FFD700;
    z-index: 0;
}

/* ITEM */

.method-item {
    text-align: center;
    position: relative;
    z-index: 2;
}

/* CIRCLE */

.timeline-circle {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #FFD700;
    color: #1A1A1A;
    font-weight: 800;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 14px;
}

/* TEXT */

.method-item h5 {
    color: #fff;
    font-weight: 700;
    margin-bottom: 4px;
}

.method-item span {
    font-size: 14px;
    color: #bfbfbf;
}

/* ---------------- MOBILE = VERTICAL TIMELINE ---------------- */

@media(max-width:991px) {

    .method-wrapper::before {
        display: none;
    }

    .method-item {
        display: block;
        text-align: left;
        gap: 18px;
        padding-left: 10px;
        align-items: center;
    }

    .method-item::before {
        content: "";
        position: absolute;
        left: 0px;
        top: 48px;
        bottom: -36px;
        width: 2px;
        background: #FFD700;
    }

    .method-wrapper>div:last-child .method-item::before {
        display: none;
    }

    .timeline-circle {
        margin-bottom: 10px;
		margin-left:0px;
		margin-right:0px;
    }

}

/* ===============================
SYSTEMS CARDS
================================ */
.systems-section .row {
    row-gap: 20px;
}

.system-card {
    background: #fff;
    border-radius: 12px;
    padding: 32px;
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.06);
    text-align: center;
    position: relative;
    transition: all .3s ease;
    height: 100%;
    align-items: center;
    border-left: 4px solid #FFD700;
    /* yellow left accent */
    transition: box-shadow 0.3s ease;
}


.system-card:hover {
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);

}

/* ===============================
ENVIRONMENT BOXES
================================ */
.env-box {
    background: #fff;
    border-radius: 12px;
    padding: 32px;
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.06);
    text-align: start;
    position: relative;
    transition: all .3s ease;
    height: 100%;
    align-items: center;
    border-top: 4px solid #FFD700;
    transition: box-shadow 0.3s ease;

}

.env-box h3 {
    margin-bottom: 16px;
    position: relative;
}


.env-box ul {
    padding-left: 0px;
    margin: 0;
    list-style: none;
}

.env-box ul li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 10px;
    font-weight: 600;
}

.env-box ul li::before {
    content: "\2022";
    /* bullet */
    position: absolute;
    left: 0;
	top:5px;
    color: #FFD700;
    font-size: 18px;
    line-height: 1;
}

.env-box:hover {
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
}

.industry-icon {
    font-size: 48px;
    color: #FFD700;
    margin-bottom: 10px;
    display: inline-block;
}

/* ===============================
CLOSEOUT SECTION / LIST
================================ */
.closeout-box {
    background: #FFFFFF;
    border-radius: 12px;
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.06);
    padding: 32px;
    border-left: 4px solid #FFD700;
    /* yellow left accent */
    transition: box-shadow 0.3s ease;
}

.closeout-list {
    columns: 1;
    margin-top: 20px;
    font-weight: 600;
    list-style: none;
    padding-left: 0;
}

.closeout-list li {
    position: relative;
    padding-left: 24px;
    margin-bottom: 12px;
}

.closeout-list li::before {
    content: "\2713";
    /* checkmark bullet */
    position: absolute;
    left: 0;
    top: 0;
    color: #FFD700;
    font-weight: 700;
}

.closeout-box:hover {
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
}

/* ===============================
CTA
================================ */
.cta-inner {
    background: #1a1a1a;
    /*   padding:64px 40px; */
    /*   border-radius:28px; */
    text-align: center;
}

.cta-inner h2 {
    color: #fff;
    margin-bottom: 18px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .05);
}

.cta-inner p {
    font-size: 18px;
    margin-bottom: 30px;
}

.bottom-cta-buttons a {
    display: inline-block;
    padding: 14px 36px;
    margin: 8px;
    font-weight: 800;
    text-decoration: none;
    border-radius: 50px;
    transition: all .25s ease;
}

.bottom-cta-buttons .btn-prime {
    background: #FFD700;
    color: #1a1a1a;
    border: 1px solid #fff;
}

.bottom-cta-buttons .btn-walk {
    background: #1A1A1A;
    color: #fff;
    border: 1px solid #fff;
}

.bottom-cta-buttons .btn-call-text {
    background: #FFD700;
    color: #1a1a1a;
    border: 1px solid #fff;
}

.bottom-cta-buttons .btn-prime:hover {
    background: #1A1A1A;
    color: #fff;
}

.bottom-cta-buttons .btn-walk:hover {
    background: #FFD700;
    color: #1a1a1a;
}

.bottom-cta-buttons .btn-call-text:hover {
    background: #1A1A1A;
    color: #fff;
}

/* ===============================
SECTION DIVIDERS & SHADOWS
================================ */
.service-benefits,
.failure-section,
.method-section,
.systems-section,
.env-section,
.closeout-section {
    border-top: 1px solid rgba(0, 0, 0, .08);
}

.service-benefit,
.system-card,
.env-box,
.closeout-box {
    box-shadow: 0 12px 36px rgba(0, 0, 0, .08);
}

/* table mboile csss  */


/* ================= ABOUT HERO ================= */
.about-hero {
    background: linear-gradient(135deg, #1a1a1a 0%, #222 100%);
    color: #fff;
    padding: 120px 0 100px;
    position: relative;
    overflow: hidden;
}

.about-hero::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 300px;
    height: 300px;
    background: rgba(247, 234, 72, 0.1);
    border-radius: 50%;
    transform: translate(150px, -150px);
}

.about-hero h1 {
    font-weight: 500;
    margin-bottom: 16px;
    font-size: 40px;
    position: relative;
    display: inline-block;
}

/* .about-hero h1::after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 80px;
  height: 4px;
  background: #FFD700;
  border-radius: 2px;
} */

.about-hero .hero-sub {
    color: #eaeaea;
    font-size: 16px;
    line-height: 1.6;
}

/* ================= COPY ================= */
.about-copy {
    background: #fff;
    padding: 80px 0;
}

.about-copy .lead {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #222;
    line-height: 1.2;
}

.about-copy p {
    color: #555;
    line-height: 1.6;
}

/* ================= FOCUS ================= */
.about-focus {
    background: #F5F6F8;
    padding: 80px 0;
}

section.about-focus .row.g-4 {
    align-items: center;
}

.focus-card {
    background: #fff;
    border: 2px solid #1a1a1a;
    border-radius: 22px;
    padding: 20px;
    text-align: center;
    font-weight: 700;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: relative;
    overflow: hidden;
}

.focus-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: #FFD700;
    transform: scaleX(0);
    transition: transform 0.3s;
}

.focus-card:hover::before {
    transform: scaleX(1);
}

.focus-card h3 {
    margin-bottom: 15px;
    color: #1a1a1a;
    font-size: 24px;
}

.focus-card:hover {
    transform: translateY(-12px) scale(1.02);
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);
    border-color: #FFD700;
}

/* ================= MARKETS ================= */
.about-markets {
    background: #fff;
    padding: 60px 0;
}

.market-box {
    /*   background: linear-gradient(145deg, #f8f8f8, #f5f5f5); */
    border: 2px solid #1a1a1a;
    border-radius: 22px;
    padding: 40px 30px;
    height: 100%;
    transition: all 0.4s ease;
    text-align: start;
    position: relative;
}

.market-box h4 {
    font-weight: 700;
    margin-bottom: 20px;
    position: relative;
    padding-left: 24px;
    color: #1a1a1a;
    font-size: 22px;
}

.market-box h4::before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 8px;
    height: 32px;
    background: #FFD700;
    border-radius: 4px;
    transition: height 0.3s;
}

.market-box:hover h4::before {
    height: 40px;
}

.market-box ul {
    padding-left: 12px;
    margin-bottom: 20px;
}

.market-box li {
    margin-bottom: 10px;
    color: #fff;
    position: relative;
    padding-left: 8px;
}

.market-box li::before {
    content: "•";
    color: #FFD700;
    font-weight: bold;
    font-size: 20px;
    position: absolute;
    left: -15px;
    top: -2px;
}

.market-box:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
    border-color: #FFD700;
    background: linear-gradient(145deg, #fff, #f8f8f8);
}

/* ================= SERVICE AREA ================= */
.promise-title h4 {
    text-align: end;
    color: #fff;
    position: relative;
}

/* ============================= */
/* SERVICE AREA SECTION */
/* ============================= */

.inex-service-zone {
    background: #F5F6F8;
    padding: 80px 0;
    color: #fff;
    position: relative;
    overflow: hidden;
}

/* Bottom gold accent line */
.inex-service-zone::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, #FFD700, transparent);
}

/* Heading */
.zone-heading {
    color: #1a1a1a;
    position: relative;
    display: inline-block;
    padding-bottom: 14px;
}

/* Gold underline below heading */
.zone-heading::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: 60px;
    height: 4px;
    background: #FFD700;
    border-radius: 2px;
}

.zone-subtext {
    color: #1a1a1a;
    max-width: 650px;
    margin: 0 auto;
    font-size: 16px;
}

/* ============================= */
/* CARD DESIGN */
/* ============================= */

.zone-card {
    background: #1a1a1a;
    border-radius: 18px;
    padding: 32px;
    text-align: start;
    border: 1px solid rgba(255, 255, 255, 0.05);
    transition: all 0.4s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
}

/* Left gold accent strip */
.zone-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 4px;
    background: #FFD700;
    border-radius: 18px 0 0 18px;
}

.zone-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.4);
    border-color: #FFD700;
}

/* Icon */
.zone-icon {
    font-size: 28px;
    color: #FFD700;
    margin-bottom: 18px;
}

/* State Name */
.zone-card h4 {
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 20px;
    color: #fff;
}

/* ============================= */
/* CITY LIST */
/* ============================= */

.zone-city-list {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: left;
}

.zone-city-list li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 10px;
    color: #ddd;
    font-size: 16px;
    line-height: 1.6;
    transition: color 0.3s ease;
}

.zone-city-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 6px;
    height: 6px;
    background: #FFD700;
    border-radius: 50%;
}

.zone-city-list li:hover {
    color: #FFD700;
}

/* ============================= */
/* RESPONSIVE */
/* ============================= */

@media (max-width: 992px) {
    .zone-heading {
        font-size: 30px;
    }
}

@media (max-width: 768px) {
    .zone-card {
        padding: 35px 25px;
    }

    .zone-heading {
        font-size: 26px;
    }
}

/* ================= MOBILE ================= */
@media(max-width: 768px) {
    .about-hero {
        padding: 80px 0 60px;
    }

    .about-hero h1::after {
        left: 50%;
        transform: translateX(-50%);
        width: 60px;
    }

    .about-hero .hero-sub {
        font-size: 16px;
    }

    .about-copy,
    .about-focus,
    .about-markets,
    .about-service-area,
    .cta-block,
	.inex-service-zone {
        padding: 48px 0;
    }
	
    .focus-card,
    .market-box {
        margin-bottom: 20px;
    }

    .about-service-area h3 {
        font-size: 28px;
    }
}

/* Contact Page css  */

.contact-hero {
        position: relative;
    width: 100%;
    min-height: 500px;
    padding: 140px 0 20px;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    display: flex;
    align-items: center;
    color: #fff;
    overflow: hidden;
}
.contact-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 1;
}
.cont-data{
	position:relative;
	z-index:1;
}
.contact-hero h1 {
    font-weight: 500;
    margin-bottom: 18px;
}

.contact-hero .hero-sub {
    font-size: 16px;
    font-weight: 600;
    color: #eaeaea;
    line-height: 1.5;
}


/* MOBILE */
@media(max-width:768px) {
    .contact-hero h1 {
        font-size: 40px;
    }

    .contact-hero .hero-sub {
        font-size: 16px;
    }
}


.contact-main-split {
    background: #f5f5f5;
    padding: 80px 0;
}

/* LEFT PANEL */
.contact-panel {
    background: #fff;
    border-radius: 28px;
    padding: 40px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .18);
    height: 100%;
}

.contact-panel h3 {
    font-weight: 500;
    margin-bottom: 20px;
}


/* Quote Form */
.quote-form-panel {
    margin-top:30px;
}

.quote-form-panel h3 {
    margin-bottom: 16px;
}

.contact-form input,
.contact-form select,
.contact-form textarea {
    width: 100%;
    padding: 12px 14px;
    border-radius: 8px;
    border: 1px solid #ddd;
	transition: border-color 0.3s;

}

.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus {
    outline: none;
    border-color: #ffd700;
    box-shadow: 0 0 0 3px rgba(255,215,0,0.15);
}

/* BUTTONS */
input.wpcf7-form-control.wpcf7-submit.has-spinner.btn-primary{
	 background: #1a1a1a;
    color: #fff;
    font-weight: 700;
    padding: 14px 28px;
    border-radius: 50px;
    border: none;
    transition: all .25s ease;
}

input.wpcf7-form-control.wpcf7-submit.has-spinner.btn-primary:hover{
	background:#ffd700;
	
}

/* RIGHT PANEL: Calendar */
.calendar-panel {
    background: #fff;
    border-radius: 28px;
    padding: 32px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .18);
/*     height: auto; */
}

.calendar-panel h3 {
    font-weight: 600;
    margin-bottom: 12px;
}

.calendar-frame iframe {
    border-radius: 16px;
    border: 2px solid #1a1a1a;
}

/* MOBILE */
@media(max-width:768px) {

    .contact-panel,
    .calendar-panel {
        padding: 28px;
    }

    .quote-form-panel {
        padding: 24px;
    }

    .calendar-frame iframe {
        height: 500px;
    }
}

/* Project Css  */
.projects-hero{
	position: relative;
    width: 100%;
    min-height: 500px;
    padding: 140px 0 20px;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    display: flex;
    align-items: center;
    color: #fff;
    overflow: hidden;
}
.projects-hero:before{
	 content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 1;
}
.project-head{
	position:relative;
	z-index:1;
}
.project-btns{
	position:relative;
	z-index:1;
}

.projects-hero h1 {
    font-size: 48px;
    font-weight: 500;
    margin-bottom: 18px;
}

.projects-hero .hero-sub {
    font-size: 16px;
    color: #eaeaea;
    line-height: 1.5;
}

/*  Feature project css  */
/* Main Section */
.featured-projects {
    background: #fff;
    padding: 60px 0;
    position: relative;
}

/* Head Section - Improved */
.featured-projects .section-head {
    text-align: center;
    margin-bottom: 30px;
}

.featured-projects .section-head h2 {
    margin-bottom: 14px;
    position: relative;
    display: inline-block;
}

.featured-projects .section-head h2::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 4px;
    background: #FFD700;
    border-radius: 2px;
}

.section-sub {
    color: #1A1A1A;
    font-size: 16px;
    line-height: 1.2;
}

/* Filters - Enhanced */
.filter-group {
    background: #f5f5f5;
    padding: 20px;
    border-radius: 20px;
    margin-bottom: 55px;
    border: 1px solid #e0e0e0;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
}

.filter-set {
    margin-bottom: 24px;
}

.filter-label {
    font-weight: 800;
    display: block;
    margin-bottom: 12px;
    color: #222;
    font-size: 1.1rem;
    position: relative;
    padding-left: 12px;
}

.filter-label::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 16px;
    background: #FFD700;
    border-radius: 2px;
}

/* Buttons - Better Design */
.filter-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.filter-btn {
    border: 1px solid #ccc;
    background: transparent;
    padding: 10px 22px;
    border-radius: 100px;
	font-size:14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    color: #1a1a1a;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.filter-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: #1a1a1a;
    transition: left 0.3s ease;
    z-index: -1;
}

.filter-btn:hover {
    color: #FFD700;
    border-color: #1a1a1a;
}

.filter-btn:hover::before {
    left: 0;
}

.filter-btn.active {
    background: #FFD700;
    border-color: #FFD700;
    color: #1a1a1a;
    box-shadow: 0 4px 12px rgba(247, 234, 72, 0.3);
    transform: translateY(-2px);
}

.filter-btn.active:hover {
    color: #fff;
}

/* Cards - Enhanced */
.project-card {
    background: #fff;
    border-radius: 12px 12px 0px 0px;
    overflow: hidden;
    box-shadow: 0 14px 36px rgba(0, 0, 0, 0.12);
    transition: all 0.4s ease;
    height: 100%;
    position: relative;
}

.project-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #FFD700;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s ease;
}

.project-card:hover::before {
    transform: scaleX(1);
}

.project-card:hover {
    transform: translateY(-9px);
    box-shadow: 0 22px 48px rgba(0, 0, 0, 0.18);
}

/* Image - Better Styling */
.project-img {
    position: relative;
    overflow: hidden;
}

.project-img::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 50%);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.project-card:hover .project-img::after {
    opacity: 1;
}

.project-img img {
    width: 100%;
/*     height: 220px; */
	aspect-ratio:16/10;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.project-card:hover .project-img img {
    transform: scale(1.05);
}

/* Body - Improved */
.project-body {
    padding: 18px;
}

.project-body h4 {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 12px;
    color: #222;
    line-height: 1.3;
    position: relative;
    padding-bottom: 10px;
}

.project-body h4::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 3px;
    background: #FFD700;
    border-radius: 1.5px;
}

.project-body p {
    color: #666;
    line-height: 1.6;
    margin-bottom: 16px;
    font-size: 0.95rem;
}

/* Meta - Enhanced */
.project-meta {
    list-style: none;
    padding: 0;
    margin: 0;
    padding-top: 16px;
    border-top: 1px solid #f0f0f0;
}

.project-meta li {
    font-size: 14px;
    color: #1A1A1A;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    padding-left: 20px;
    position: relative;
}

.project-meta li::before {
    content: '→';
    position: absolute;
    left: 0;
    color: #FFD700;
    font-weight: bold;
    font-size: 16px;
}

.project-meta strong {
    color: #fff;
    margin-right: 5px;
}

/* Project Tags */
.project-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 16px;
}

.project-tag {
    background: #f5f5f5;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    color: #1A1A1A;
    border: 1px solid #e0e0e0;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .featured-projects {
        padding: 48px 0;
    }

    .featured-projects .section-head h2 {
        font-size: 2rem;
    }

    .filter-group {
        padding: 24px;
        margin-bottom: 40px;
    }

    .filter-buttons {
        justify-content: center;
		gap:10px;
    }

    .project-img img {
        height: 190px;
    }

    .project-body {
        padding: 20px;
    }

    .project-meta li {
        font-size: 13px;
    }
}

@media (max-width: 768px) {

    .filter-group {
        padding: 20px;
        border-radius: 16px;
    }

    .filter-btn {
        padding: 8px 16px;
        font-size: 16px;
    }

    .project-img img {
        height: 180px;
    }
}

/* Animation for cards on load */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.project-card {
    animation: fadeInUp 0.6s ease forwards;
    opacity: 0;
}

.project-card:nth-child(1) {
    animation-delay: 0.1s;
}

.project-card:nth-child(2) {
    animation-delay: 0.2s;
}

.project-card:nth-child(3) {
    animation-delay: 0.3s;
}

.project-card:nth-child(4) {
    animation-delay: 0.4s;
}

.project-card:nth-child(5) {
    animation-delay: 0.5s;
}

.project-card:nth-child(6) {
    animation-delay: 0.6s;
}

/*  featured css end  */

/* *** Project Gallery Css**** */
.photo-gallery {
    background: #f5f5f5;
    padding: 60px 0;
}

.gall-head h2 {
    text-align: center;
    letter-spacing: -0.5px;
    margin-bottom: 20px;
    font-weight: 600;
}

/* Filters */

.gallery-filters {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.gallery-btn {
    background: #fff;
    border: 1px solid #ccc;
    padding: 10px 22px;
    border-radius: 100px;
    font-weight: 600;
    transition: .3s ease;
}

.gallery-btn:hover {
    background: #1a1a1a;
    color: #FFD700;
}

.gallery-btn.active {
    background: #FFD700;
    border-color: #FFD700;
    color: #1a1a1a;
}

/* Grid Cards */

.gallery-card {
    position: relative;
    overflow: hidden;
    border-radius: 18px;
    cursor: pointer;
    box-shadow: 0 12px 32px rgba(0, 0, 0, .12);
    transition: .35s ease;
}

.gallery-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 44px rgba(0, 0, 0, .18);
}

.gallery-card img {
    width: 100%;
    height: 230px;
    object-fit: cover;
}

/* Overlay */

.gallery-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .55);
    color: #fff;
    display: flex;
    align-items: flex-end;
    padding: 16px;
    font-weight: 700;
    opacity: 0;
    transition: .3s ease;
}

.gallery-card:hover .gallery-overlay {
    opacity: 1;
}

/* Lightbox */

.gallery-lightbox {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .9);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.gallery-lightbox.active {
    display: flex;
}

.gallery-lightbox-img {
    max-width: 100%;
    max-height: 90%;
	object-fit:cover;
    border-radius: 12px;
	width:90%;
	margin: 0 auto;
}

.gallery-caption {
    position: absolute;
    bottom: 60px;
    color: #fff;
    font-weight: 700;
    background: #1a1a1a;
    padding: 10px;
    border-radius: 10px;
	z-index:2;
}


.gallery-close {
    position: absolute;
    top: 0px;
    right: 40px;
    font-size: 42px;
    color: #fff;
    cursor: pointer;
}

/* .gallery-caption {
    position: absolute;
    bottom: 40px;
    color: #fff;
    font-weight: 700;
}
 */
.gallery-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 46px;
    color: #FFD700;
    cursor: pointer;
    padding: 20px;
}

.gallery-arrow.prev {
    left: 20px;
}

.gallery-arrow.next {
    right: 20px;
}

/* Proje gallery Css end  */

.serve-area-list {
    list-style: none;
    padding: 0;
    margin: 16px 0px 20px;
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 28px;
    flex-wrap: wrap;
}

/* item */

.serve-area-list li {
    position: relative;
    font-weight: 700;
    color: #1a1a1a;
    padding-left: 18px;
    letter-spacing: .2px;
}

/* subtle yellow accent bar */

.serve-area-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
    height: 22px;
    background: #FFD700;
    border-radius: 6px;
}

/* hover — informational polish */

.serve-area-list li:hover {
    color: #1A1A1A;
}

/* mobile */

@media(max-width:768px) {

    .serve-area-list {
        gap: 18px;
    }

    .serve-area-list li {
        font-size: 15px;
    }

}

.contact-info-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 20px;
}

/* item row */

.contact-info-list li {
    display: flex;
    align-items: flex-start;
    gap: 7px;
    font-size: 16px;
    font-weight: 500;
    color: #1A1A1A;
    line-height: 1.5;
}

/* icons */

.contact-info-list li i {
    font-size: 18px;
    color: #1a1a1a;
    min-width: 22px;
    margin-top: 3px;
}

/* strong labels */

.contact-info-list strong {
    font-weight: 800;
    color: #1a1a1a;
    margin-right: 4px;
}

/* links */

.contact-info-list a {
    color: #1a1a1a;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: .2s ease;
}

.contact-info-list a:hover {
    border-color: #FFD700;
    color: #1A1A1A;
}

/* subtle accent left bar */

.contact-info-list li {
    position: relative;
    padding-left: 12px;
}

.contact-info-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    bottom: 6px;
    width: 4px;
    background: #FFD700;
    border-radius: 4px;
}

/* mobile */

@media(max-width:768px) {

    .contact-info-list li {
        font-size: 15px;
    }

}

.environment-title {
    padding: 20px 0px 30px 0px;
    text-align: center;
	
}

.environment-title h2{
	position:relative;
	    display: flex;
    justify-content: center;
	padding-bottom:8px;
}

.environment-title h2::after{
	content: "";
    position: absolute;
    left: auto;
    bottom: 0;
    width: 200px;
    height: 3px;
    background: #ffd700;
    border-radius: 6px;
}

.glance-title {
    padding: 20px 0px 30px 0px;
    text-align: center;
}

.method-title {
    margin-bottom: 30px;
}

.pass-para p {
    font-weight: 600;
    padding: 20px 0px;
    margin-bottom: 0px;
    font-style: italic;
}

/* FINISH OPTIONS */

.finish-options-section {
    background: #fff;
}

/* heading */

.finish-title {
    text-align: center;
}

.finish-subtext {
    font-size: 16px;
    color: #1A1A1A;
}

/* boxes */

.finish-box {
    padding: 26px 28px;
    border-left: 6px solid #FFD700;
    background: #fafafa;
    height: 100%;
}

/* group titles */

.finish-box h3 {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 18px;
}

/* lists */

.finish-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.finish-list li {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 16px;
    color: #1A1A1A;
}

/* accent */

.finish-list .accent-bar {
    width: 5px;
    height: 26px;
    background: #FFD700;
    border-radius: 4px;
    flex-shrink: 0;
}

/* hover polish */

.finish-box:hover {
    background: #fff;
    box-shadow: 0 10px 26px rgba(0, 0, 0, .08);
    transition: .25s ease;
}

.form-control-custom {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #ccc;
    border-radius: 10px;
    font-size: 15px;
    outline: none;
    background: #fff;
    transition: all .25s ease;
}

.install-title {
    text-align: center;
    padding: 0px 0px 30px 0px;
}

.error-sec {
    text-align: center;
}

.error-sec .error {
    font-size: 150px;
    color: #FFD700;
    text-shadow: 1px 1px 1px #FFD700, 2px 2px 1px #FFD700, 3px 3px 1px #FFD700, 4px 4px 1px #2c2c2c, 5px 5px 1px #FFD700, 6px 6px 1px #2c2c2c, 7px 7px 1px #FFD700, 8px 8px 1px #2c2c2c, 25px 25px 8px rgba(0, 0, 0, 0.2);
}

/* .page{
  margin: 2rem 0;
  font-size: 20px;
  font-weight: 600;
  color: #1A1A1A;
} */

.back-home {
    display: inline-block;
    border: 2px solid #1A1A1A;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    padding: 0.75rem 1rem 0.6rem;
    transition: all 0.2s linear;
    box-shadow: 0 15px 15px -11px rgba(0, 0, 0, 0.4);
    background: #222;
    border-radius: 6px;
    text-decoration: none;
	margin-top:20px;
}

.back-home:hover {
    background: #FFD700;
    color: #1a1a1a;
}

.system-select-section {
    padding: 60px 0;
    background: #fff;
}

/* Heading */

.sys-sub {
    max-width: 720px;
    margin: 0 auto;
    color: #1A1A1A;
}

/* Scroll wrapper */
.sys-scroll-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* Table */
.sys-table {
    min-width: 900px;
    border-radius: 18px;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, .08);
}

/* Header */
.sys-head {
    display: grid;
    grid-template-columns: 1.2fr 2fr 2fr;
    background: #1a1a1a;
    color: #fff;
    padding: 18px 26px;
    font-weight: 700;
}

/* Rows */
.sys-row {
    display: grid;
    grid-template-columns: 1.2fr 2fr 2fr;
    padding: 22px 26px;
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    background: #fff;
    transition: .3s ease;
}

.sys-row:last-child {
    border-bottom: none;
}

.sys-row.alt {
    background: rgba(247, 234, 72, .12);
}

.sys-row:hover {
    background: rgba(247, 234, 72, .25);
}

/* Cells */
.sys-cell {
    font-size: 16px;
    color: #1A1A1A;
}

.sys-cell.system {
    font-weight: 700;
    color: #1a1a1a;
}

.sys-cell.need {
    font-weight: 700;
}

/* Mobile */
@media(max-width:768px) {

    .sys-title {
        font-size: 30px;
    }

    .sys-table {
        min-width: 780px;
    }

}

/* *********** */
/* =====================================
   MOBILE SIDE SCROLL FIX — FAILURE TABLE
   ===================================== */

@media (max-width: 768px) {

    /* Scroll container */
    .failure-scroll-wrap {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    /* Prevent bootstrap wrapping */
    .failure-table .row {
        flex-wrap: nowrap;
    }

    /* Force table width */
    .failure-table {
        min-width: 900px;
    }

    /* Column width lock */
    .failure-table .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .service-benefits .row {
        row-gap: 20px;
    }

    .env-section .row {
        row-gap: 20px;
    }

    .about-hero h1 {
        font-size: 32px;
    }

    .swipe-title {
        padding: 20px 0px;
        text-align: right;
    }

    .swipe-title p {
        font-weight: 600;
        font-style: italic;
    }

    .method-section .row {
        row-gap: 20px;
    }

    .closeout-box {
        padding: 30px;
    }
	
	section{
		padding:48px 0px !important;
	}
	
	.safety-strip .safe-line{
		display:block !important;
	}
	span.safety-divider{
		display:none;
	}
	.safety-item{
		margin-bottom: 10px;
	}
}

@media(min-width:769px) {
    .swipe-title {
        display: none;
    }
}

.method-section .row {
    justify-content: center;
}

.pass-para {
    text-align: center;
}

.img-content p {
    font-size: 16px;
    font-weight: 400;
}

p.proof-line {
    font-size: 14px;
    letter-spacing: 1px;
    color: rgba(255, 255, 255, 0.8);
}

p.proof-line span {
    color: #FFD700;
}


/* ==============================
   HOW IT WORKS – CLIENT READY
============================== */

.hiw-section {
    padding: 80px 0;
    background: linear-gradient(135deg, #ffffff 0%, #f8f9ff 100%);
    position: relative;
    overflow: hidden;
}

/* Background decorative elements */
.hiw-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, #FFD700, transparent);
}

.hiw-section::after {
    content: '';
    position: absolute;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 215, 0, 0.05) 0%, transparent 70%);
    top: -150px;
    right: -100px;
    z-index: 0;
}

.hiw-title {
    position: relative;
    z-index: 1;
}

.hiw-title h2::after {
    content: '';
    display: block;
    width: 60px;
    height: 4px;
    background: #FFD700;
    margin-top: 12px;
    left: 46%;
    position: absolute;
}


.hiw-title h2 {
    font-size: 40px;
    font-weight: 600;
    color: #1a1a1a;
    background: linear-gradient(90deg, #1a1a1a, #333);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 10px;
    letter-spacing: -0.5px;
}

.hiw-sub {
    margin-top: 15px;
    font-weight: 600;
    color: #666;
    font-size: 18px;
    position: relative;
    display: inline-block;
    padding: 0 20px;
}

.hiw-sub::before,
.hiw-sub::after {
    content: '';
    position: absolute;
    top: 50%;
    width: 40px;
    height: 2px;
    background: linear-gradient(90deg, transparent, #FFD700);
}

.hiw-sub::before {
    left: -40px;
}

.hiw-sub::after {
    right: -40px;
    background: linear-gradient(90deg, #FFD700, transparent);
}

/* Wrapper */
.hiw-wrapper {
    margin-top: 30px;
    position: relative;
    z-index: 1;
}

/* Step card - Enhanced Design */
.hiw-step {
    text-align: center;
    padding: 50px 25px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.06);
    border-left: 4px solid #FFD700;
    transition:
        transform 0.4s ease,
        box-shadow 0.4s ease;
    position: relative;
    overflow: hidden;
    /*   border: 1px solid rgba(255, 215, 0, 0.1); */
    backdrop-filter: blur(10px);
}

.hiw-step:hover {
    transform: translateY(-6px) scale(1.01);
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.12);
}

.hiw-step:hover::before {
    opacity: 1;
}

.hiw-step:hover .hiw-circle {
    transform: scale(1.1) rotate(5deg);
    background: linear-gradient(135deg, #FFD700, #ffc400);
}

/* Animated background effect on hover */
.hiw-step::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: radial-gradient(circle, rgba(255, 215, 0, 0.1) 0%, transparent 70%);
    transform: translate(-50%, -50%);
    transition: width 0.6s, height 0.6s;
    border-radius: 50%;
    z-index: -1;
}

.hiw-step:hover::after {
    width: 300px;
    height: 300px;
}

/* Circle - Enhanced with gradient */
.hiw-circle {
    width: 70px;
    height: 70px;
    margin: 0 auto 25px;
    background: linear-gradient(135deg, #FFD700, #ffc400);
    color: #fff;
    font-size: 26px;
    font-weight: 800;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 15px 30px rgba(255, 215, 0, 0.3);
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    z-index: 2;
}

/* Add shine effect to circle */
.hiw-circle::after {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: linear-gradient(135deg, transparent, rgba(255, 255, 255, 0.4), transparent);
    border-radius: 50%;
    z-index: -1;
    animation: shine 3s infinite linear;
}

@keyframes shine {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Headings */
.hiw-step h5 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 12px;
    color: #1a1a1a;
    position: relative;
    display: inline-block;
    padding-bottom: 8px;
}

.hiw-step h5::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 30px;
    height: 2px;
    background: #FFD700;
    transition: width 0.3s ease;
}

.hiw-step:hover h5::after {
    width: 50px;
}

.hiw-step p {
    font-size: 16px;
    color: #555;
    max-width: 280px;
    margin: 0 auto;
    line-height: 1.6;
    position: relative;
    z-index: 2;
}

/* Add decorative dot between steps for desktop */
@media (min-width: 992px) {
    .hiw-step:not(:last-child)::before {
        content: '→';
        position: absolute;
        right: -40px;
        top: 50%;
        transform: translateY(-50%);
        color: #FFD700;
        font-size: 24px;
        font-weight: bold;
        opacity: 0.5;
        transition: all 0.3s ease;
    }

    .hiw-step:hover::before {
        opacity: 1;
        right: -45px;
    }
}

@media (max-width: 991px) {
    .hiw-section {
        padding: 40px 0;
    }

    .hiw-sub {
        font-size: 16px;
    }

    .hiw-step {
        margin-bottom: 40px;
        padding: 40px 20px;
    }

    /* Remove arrow between steps on tablet */
    .hiw-step::before {
        display: none;
    }
}

@media (max-width: 767px) {
    .hiw-section {
        padding: 30px 0;
    }

    .hiw-sub::before,
    .hiw-sub::after {
        width: 20px;
    }

    .hiw-sub::before {
        left: -20px;
    }

    .hiw-sub::after {
        right: -20px;
    }

    .hiw-wrapper {
        margin-top: 30px;
    }

    .hiw-step {
        padding: 35px 20px;
        border-radius: 20px;
        margin-bottom: 30px;
    }

    .hiw-circle {
        width: 60px;
        height: 60px;
        font-size: 24px;
        margin-bottom: 20px;
    }

    .hiw-step h5 {
        font-size: 18px;
    }

    .hiw-step p {
        font-size: 16px;
    }
}


/* Add floating animation to steps */
@keyframes float {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }
}

.hiw-step {
    animation: float 6s ease-in-out infinite;
}

.hiw-step:nth-child(2) {
    animation-delay: 0.5s;
}

.hiw-step:nth-child(3) {
    animation-delay: 1s;
}

.hiw-step:nth-child(4) {
    animation-delay: 1.5s;
}

/* Pause animation on hover */
.hiw-step:hover {
    animation-play-state: paused;
}

/* Inner Page Breadcumb  */
.breadcrumb-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 15px;
    font-weight: 600;
}

.bc-link {
    color: #fff;
    text-decoration: none;
    transition: color .3s ease;
}

.bc-link:hover {
    color: #FFD700;
}

.bc-sep {
    color: #aaa;
    font-size: 18px;
}

.bc-current {
    color: #FFD700;
    font-weight: 800;
}

/* Mobile */

@media (max-width: 767px) {
    .breadcrumb-wrap {
        font-size: 14px;
        flex-wrap: wrap;
    }
}

/* ******************* */
.failure-table-section {
    padding: 60px 0;
}

/* TABLE WRAP */
.failurde-table {
    width: 100%;
    border-collapse: collapse;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .15);
}

/* HEADER */
.failurde-table thead {
    background: #1A1A1A;
}

.failurde-table th {
    color: #FFD700;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: 1px;
    padding: 16px 20px;
    text-align: left;
    border: none;
}

.failurde-table th i {
    margin-right: 8px;
    font-size: 14px;
}

/* BODY ROWS */
.failurde-table tbody tr:nth-child(even) {
    background: #F5F6F8;
}

.failurde-table tbody tr:nth-child(odd) {
    background: #FFFFFF;
}

/* CELLS */
.failurde-table td {
    padding: 16px 20px;
    font-size: 15px;
    line-height: 1.5;
    color: #1A1A1A;
    border-top: 1px solid #ddd;
}

/* ============================
   MOBILE — KEEP STACKED ONLY
   NO SCROLL — NO REDESIGN
============================= */
/* ===========================
   MOBILE STACKED VERSION
=========================== */
/* ===========================
   MOBILE STACKED — DESKTOP COLORS
=========================== */
@media (max-width: 768px) {

    .failurde-table,
    .failurde-table thead,
    .failurde-table tbody,
    .failurde-table th,
    .failurde-table td,
    .failurde-table tr {
        display: block;
        width: 100%;
    }

    /* Hide header */
    .failurde-table thead {
        display: none;
    }

    /* Each row becomes card */
    .failurde-table tbody tr {
        background: #FFFFFF !important;
        margin-bottom: 18px;
        border: 1px solid #e1e1e1;
        border-radius: 14px;
        overflow: hidden;
        box-shadow: 0 10px 22px rgba(0, 0, 0, .12);
    }

    /* Cells stack */
    .failurde-table td {
        border: none;
        padding: 14px 18px;
        position: relative;
        color: #1A1A1A;
        font-size: 16px;
        font-weight: 600;
        background: transparent !important;
    }

    /* Label before content */
    .failurde-table td:before {
        content: attr(data-label);
        display: block;
        font-size: 16px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: .6px;
        margin-bottom: 6px;
        color: #FFD700;
        background:#1a1a1a;
		padding: 5px 10px;
    }
	.glance-title p{
		max-width:100% !important;
	}
}

.line-head h2{
  position: relative;
  display:flex;
	justify-content:center;
  padding-bottom: 10px; 
	text-align:center;
}

.line-head h2::after{
  content:"";
  position:absolute;
  left:auto;
  bottom:0;
  width:200px; 
  height:3px;
  background:#ffd700;
  border-radius:6px;
}

.glance-title p{
		max-width:640px;
	margin: 0 auto;
	}

.calendar-panel p a{
		color:#1a1a1a;
  padding-left:5px;
	}
.calendar-panel p a:hover{
		color:#ffd700;
	}

.about-box {
  background: linear-gradient(145deg, #1a1a1a 0%, #222 100%);
  border-left: 6px solid #ffd700;
  padding: 50px 60px;
  border-radius: 12px;
  position: relative;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
}

.about-box h4 {
  color: #ffffff;
  font-size: 20px;
  line-height: 1.6;
  font-weight: 400;
  margin: 0;
}

.about-box h4 span {
  display: block;
  margin: 10px 0;
  color: #ffd700;
  letter-spacing: 0.5px;
}

/* Responsive */
@media (max-width: 768px) {
  .about-box {
    padding: 35px 25px;
  }

  .about-box h4 {
    font-size: 18px;
  }
}
/* Section spacing */
.focus-section{
	margin-top:20px;
}

/* Card */
.inex-focus-card {
  background: #ffffff;
  border-radius: 12px;
  padding: 32px;
  border-left: 4px solid #FFD700;
  box-shadow: 0 2px 16px rgba(0,0,0,0.06);
  transition: all 0.3s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 18px;
}

/* Hover */
.inex-focus-card:hover {
  box-shadow: 0 8px 28px rgba(0,0,0,0.12);
  transform: translateY(-4px);
}

/* Icon */
.inex-icon {
  width: 24px;
  height: 24px;
  color: #FFD700;
  flex-shrink: 0;
}

.inex-icon i {
  font-size: 22px;
}

/* Text */
.inex-focus-card p {
  margin: 0;
  font-weight: 600;
  color: #1a1a1a;
  font-size: 18px;
  line-height: 1.4;
}
.abt-line{
	text-align:center;
}

.abt-line h2 {
  position: relative;
  display: inline-block;
  padding-bottom: 14px;
}

.abt-line h2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;  
  height: 4px;   
  background: #ffd700;
  border-radius: 2px;
}


/* ============================= */
/* FINISH LEVEL SECTION */
/* ============================= */

.inex-finish-section {
  background: #f5f6f8;
  padding: 80px 0;
  color: #fff;
  position: relative;
}

/* Bottom gold accent */
.inex-finish-section::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, #FFD700, transparent);
}

/* Heading */
.finish-heading {
  color:#1a1a1a;
  position: relative;
  display: inline-block;
  padding-bottom: 14px;
}

.finish-heading::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 60px;
  height: 4px;
  background: #FFD700;
  border-radius: 2px;
}

.finish-subtext {
  color: #1a1a1a;
  max-width: 640px;
  margin: 0 auto;
}

/* ============================= */
/* CARD DESIGN */
/* ============================= */

.finish-card {
  background: #1a1a1a;
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,0.05);
  transition: all 0.4s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.finish-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 25px 50px rgba(0,0,0,0.4);
  border-color: #FFD700;
}

/* Image Area */
.finish-image {
  position: relative;
  height: 300px;
  overflow: hidden;
}

.finish-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Placeholder */
.image-placeholder {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFD700;
  font-weight: 600;
  font-size: 14px;
  border: 2px dashed rgba(255,215,0,0.4);
  margin: 20px;
  border-radius: 12px;
}

/* Content */
.finish-content {
  padding: 25px;
  text-align: center;
}

.finish-level {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  color: #FFD700;
  margin-bottom: 8px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.finish-card h4 {
  font-size: 22px;
  font-weight: 600;
  margin: 0;
}

/* Responsive */
@media (max-width: 768px) {
  .finish-image {
    height:auto;
  }
	.inex-focus-card p{
		font-size:16px;
	}
}

/* ============================= */
/* AGGREGATE EXPOSURE SECTION */
/* ============================= */

.inex-aggregate-section {
  background:#F5F6F8;
  padding: 80px 0;
  color: #fff;
  position: relative;
}

.inex-aggregate-section::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, #FFD700, transparent);
}

/* Heading */
.aggregate-heading {
  color:#1a1a1a;
  position: relative;
  display: inline-block;
  padding-bottom: 14px;
}

.aggregate-heading::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 60px;
  height: 4px;
  background: #FFD700;
  border-radius: 2px;
}

.aggregate-subtext {
  color: #1a1a1a;
  max-width: 650px;
  margin: 0 auto;
}

/* Card */
.aggregate-card {
  background: #1a1a1a;
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,0.05);
  transition: all 0.4s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.aggregate-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 25px 50px rgba(0,0,0,0.4);
  border-color: #FFD700;
}

/* Image */
.aggregate-image {
  position: relative;
  height: 300px;
  background: #000;
  overflow: hidden;
}

.aggregate-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Placeholder */
.aggregate-placeholder {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFD700;
  font-weight: 600;
  font-size: 14px;
  border: 2px dashed rgba(255,215,0,0.4);
  margin: 20px;
  border-radius: 12px;
}

/* Content */
.aggregate-content {
  padding: 25px;
  text-align: center;
}

.aggregate-card h4 {
  font-size: 22px;
  font-weight: 600;
  margin: 0;
}

/* Responsive */
@media (max-width: 768px) {
  .aggregate-image {
    height: auto;
  }
}

.contact-form p{
	margin-bottom:0px;
}
.contact-form p br{
	display:none;
}

/* ============================= */
/* EXTRA SERVICES SECTION */
/* ============================= */

.inex-extra-services {
  background: #fff;
  padding: 80px 0;
  color: #fff;
  position: relative;
}

.inex-extra-services::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, #FFD700, transparent);
}

/* Heading */
.extra-services-heading {
	color:#1a1a1a;
  margin-bottom: 12px;
  position: relative;
  display: inline-block;
  padding-bottom: 14px;
}

.extra-icon i{
	font-size:30px;
}

.extra-services-heading::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 60px;
  height: 4px;
  background: #FFD700;
}

.extra-services-subtext {
  color: #1a1a1a;
  max-width: 650px;
  margin: 0 auto;
}

/* Card */
.extra-service-card {
  background: #1a1a1a;
  border-radius: 18px;
  padding: 32px;
  text-align: center;
  border: 1px solid rgba(255,255,255,0.05);
  transition: all 0.4s ease;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

/* Gold left accent */
.extra-service-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 4px;
  background: #FFD700;
  border-radius: 18px 0 0 18px;
}

.extra-service-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 25px 50px rgba(0,0,0,0.4);
  border-color: #FFD700;
}

/* Icon */
.extra-icon {
  margin-bottom: 18px;
}

.extra-icon svg {
  width: 32px;
  height: 32px;
  color: #FFD700;
}

/* Title */
.extra-service-card h4 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 10px;
}

/* Description */
.extra-service-card p {
  font-size: 14px;
  color: #ccc;
  margin: 0;
  line-height: 1.6;
}

/* Responsive */
@media (max-width: 768px) {
  .extra-services-heading {
    font-size: 28px;
  }
}

.postid-44 .env-section{
	background:#fff;
}

.postid-44 .closeout-section{
	background:#F5F6F8;
}

/* ******************************** */
/* ===============================
   Project Hover Overlay Effect
================================= */

.project-img {
    position: relative;
    overflow: hidden;
}

.project-img::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(transparent, rgba(0,0,0,0.9));
    transform: translateY(100%);
    transition: transform 0.4s ease;
    z-index: 1;
}

/* Overlay Content */
.project-body {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    color: #fff;
    z-index: 2;
    transform: translateY(100%);
    transition: transform 0.4s ease;
}

/* Hover Effect */
.project-card:hover .project-img::after,
.project-card:hover .project-body {
    transform: translateY(0);
}

/* Text Styling */
.project-body h4 {
    margin-bottom: 8px;
    color: #fff;
}

.project-meta {
    list-style: none;
    padding: 0;
    margin: 0;
}

.project-meta li {
    font-size: 14px;
    margin-bottom: 4px;
	color:#fff !important;
}

.project-meta li strong{
	color:#fff !important;
}

@media(max-width:767px){
	.project-body{
		position:inherit;
		transform:none;
	}
	.project-body h4{
		color:#1a1a1a;
	}
	.project-meta li{
		color:#1a1a1a !important;
	}
	.project-meta li strong{
		color:#1a1a1a !important;
	}
}

a.book-btn.walkthrough-new{
	background: #1A1A1A;
    color: #fff;
    border: 1px solid #fff;
	display: inline-block;
    padding: 14px 36px;
    margin: 8px;
    font-weight: 800;
    text-decoration: none;
    border-radius: 50px;
    transition: all .25s ease;
}

a.book-btn.walkthrough-new:hover{
	background: #ffd700;
    color: #1a1a1a;
}

/* ********* */
.rapid-return-badge {
    margin-top: 20px;
    text-align: start;
    max-width:640px;
}

.rapid-return-badge h5{
    display: block;
    color: #ffd700;
}

.rapid-return-badge span {
    display: block;
    font-size: 18px;
    font-weight: 500;
	color:#fff;
}

.implied-para p {
    margin-bottom: 0px;
    padding: 4px;
}

.owner-img-box img{
	border-radius: 20px;
	box-shadow:0 20px 40px rgba(0, 0, 0, 0.2);
}

/* **Team Css  */
.team-section {
  background: #F5F6F8;
  padding: 80px 0;
  color: #ffffff;
}

.team-heading {
 color:#1a1a1a;
}

.team-divider {
  width: 80px;
  height: 3px;
  background: #ffd700;
  margin: 15px auto 0;
}

.team-card {
  background: #222;
  padding: 25px 20px;
  border-radius: 12px;
  transition: 0.3s ease;
  height: 100%;
}

.team-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.6);
}

.team-img {
  width: 120px;
  height: 120px;
  object-fit: cover;
  border-radius: 50%;
  margin-bottom: 15px;
  border: 3px solid #ffd700;
}

.team-card h5 {
  margin-bottom: 5px;
  font-weight: 600;
}

.role {
  color: #ffd700;
  margin-bottom: 5px;
}

.years {
  font-size: 15px;
  color: #fff;
}

.badge-line {
    text-align: center;
    color: #fff;
	padding:8px 0px;
}
.badge-line p{
	margin-bottom:0px;
}

/* *********About map  */
.service-map-card {
  background: #1a1a1a;
  color: #ffffff;
  padding: 30px 25px;
  border-radius: 12px;
  position: relative;
  overflow: hidden;
}

.service-map-icon i {
  color: #ffd700;
  font-size: 28px;
}

.mi-map-wrapper {
  position: relative;
  margin: 20px 0;
  text-align: center;
}

.mi-map-img {
  max-width: 100%;
  height: auto;
	border-radius:10px;
}

.zone-city-list li {
  color: #ffffff;
}

.service-note {
  margin-top: 15px;
  font-size: 14px;
  color: #ffd700;
  font-weight: 500;
  border-top: 1px solid rgba(255, 215, 0, 0.3);
  padding-top: 12px;
}

.map-para {
    color: #ffd700;
}


/* Owner page css  */
section.owner-letter-section.letter-page {
    background: #f5f6f8;
	padding: 120px 0px 80px;
}

.owner-letter-card {
  background-color: #ffffff;
  padding: 32px;
  border-radius: 8px;
  box-shadow: 0 20px 60px rgba(0,0,0,0.08);
  border-top: 5px solid #ffd700;
}

.owner-letter-page-title {
  color: #1a1a1a;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.owner-letter-heading {
  color: #1a1a1a;
  font-weight: 700;
}

.owner-letter-body {
  color: #1a1a1a;
  line-height: 1.8;
}

.owner-letter-list {
  padding-left: 20px;
}

.owner-letter-list li {
  margin-bottom: 18px;
}

.owner-letter-signature {
  border-top: 1px solid #eaeaea;
  padding-top: 30px;
}

.owner-signature-img {
  max-width: 200px;
}

.owner-headshot-img {
  max-width: 120px;
  border-radius: 50%;
  border: 3px solid #ffd700;
}

.owner-letter-name {
  font-weight: 700;
  color: #1a1a1a;
}

.owner-letter-title {
  color: #1a1a1a;
  opacity: 0.8;
}

.owner-letter-footer {
  color: #1a1a1a;
  font-weight: 500;
}

.owner-contact-link {
  color: #1a1a1a;
  text-decoration: none;
  transition: 0.3s ease;
}

.owner-contact-link:hover {
  color: #ffd700;
  text-decoration: underline;
}

.gurantee-btn{
	background:#1a1a1a ;
	color:#fff;
    padding: 16px 30px;
    color: #fff ;
    text-decoration: none ;
    font-size: 16px;
    font-weight: 600 ;
    border-radius: 50px ;
    display: inline-block ;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden ;
}

.gurantee-btn:hover {
    background: #ffd700 ;
    color: #1a1a1a;
    padding-right: 50px;
}

.gurantee-btn::after {
    content: '→';
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: opacity 0.3s ease, right 0.3s ease;
}

.gurantee-btn:hover {
    background: #1A1A1A;
    color: #FFD700;
    padding-right: 50px;
    /* Make space for arrow */
}

.gurantee-btn:hover::after {
    opacity: 1;
    right: 25px;
}

.inex-anchor-wrapper {
  position: sticky;
  top: 94px;
  z-index: 999;
  background: #1a1a1a;
  border-bottom: 1px solid #ffd700;
  padding: 14px 0;
}

.inex-anchor-links {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
}

.inex-anchor-item {
  color: #fff;
  font-weight: 600;
  text-decoration: none;
  padding-bottom: 6px;
  transition: 0.3s ease;
  position: relative;
}

.inex-anchor-item:hover {
  color: #ffd700;
}

.inex-anchor-item::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 2px;
  background: #ffd700;
  transition: 0.3s ease;
}

.inex-anchor-item:hover::after {
  width: 100%;
}

.pc-design-card {
    background: #f5f5f5;
    border: 1px solid #e6e6e6;
    padding: 25px;
    border-radius: 10px;
    text-align: center;
    height: 100%;
	transition: all 0.3s ease;
    transform: translateY(0);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.pc-swatch img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 10px;
    background: #f2f2f2;
    align-items: center;
    margin: 0 auto 15px;
}

.pc-design-card h4 {
    color: #1a1a1a;
    font-size: 18px !important;
    margin-top: 15px;
}

.pc-design-card p{
	color:#1a1a1a;
}
.pc-design-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
    border-color: #ffd700;
}

.system-img img{
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 20px;
    margin-bottom: 20px;
	 box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}

.system-text p{
	margin-bottom:0px;
	color:#1a1a1a;
	font-weight:600;
}

.rapid-return-wrap p {
    margin: 0 !important;
}

.rapid-return-wrap .wpcf7-form-control-wrap {
    display: inline-block !important;
}

.rapid-return-wrap .wpcf7-checkbox {
    display: inline-block !important;
}

.rapid-return-wrap .wpcf7-list-item {
    display: inline-block !important;
    margin: 0 !important;
}

.rapid-return-wrap label {
    display: inline-flex !important;
    align-items: center;
    gap: 10px;
    white-space: nowrap;   /* 🔥 ye important hai */
}

.rapid-return-wrap input[type="checkbox"] {
    margin: 0;
}

.photo-map-sec {
    background: #f5f6f8;
	padding:20px;
	border-radius:20px;
	 box-shadow: 0 20px 60px rgba(0, 0, 0, .18);
	height:100%;
}

/* Photo Card */
.tm-mb-photo {
    border-radius: 18px;
    overflow: hidden;
    border: 4px solid #ffd700;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .18);
    position: relative;
	margin-bottom:20px;
}

.tm-mb-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: 0.4s ease;
}

.tm-mb-photo:hover img {
    transform: scale(1.05);
}

/* Map Card */
.contact-map-wrap {
    border-radius: 18px;
    overflow: hidden;
    border: 4px solid #ffd700;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .18);
}

.contact-map-wrap iframe {
    width: 100%;
    height: 420px;
    border: 0;
}

/* Mobile */
@media (max-width: 991px) {
    .contact-map-wrap iframe {
        height: 350px;
    }
}

.request-btn.right-request {
    margin: 35px 0px;
}

.gmb-link {
    background: #1a1a1a;
    color: #ffd700;
    padding: 10px 18px;
    border-radius: 50px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
    border: 2px solid #fff;
}

.gmb-link:hover {
    background: #ffd700;
    color: #1a1a1a;
    border-color: #ffd700;
}

.resi-gall{
	overflow:visible;
	display:none;
}

.stack{
  perspective: 1200px;
  view-timeline-name: --cards;
  view-timeline-axis: block;
}

.card-img{
    max-width:1200px;
    margin: 0 auto;
    height:500px;
    border-radius:12px;
    overflow: hidden;
    animation: stack 1s linear both;
    position:sticky;
    top: calc(100px + (var(--i) - 1) * 20px);
    transform-style: preserve-3d;
    animation-name: --cards;
    animation-range: entry 0% exit 50%;
}

@keyframes stack {
        0%{
        transform: translateY(0) translateZ(0) rotateX(0) scale(1);
        }
        35%{
        transform: translateY(100) translateZ(-200) rotateX(8deg) scale(.92);
        }
         70%{
        transform: translateY(20px) translateZ(-120px) rotateX(2deg) scale(.95);
        }
        100%{
        transform: translateY(0) translateZ(0) rotateX(0) scale(1);
        }
    }

.card-img img{
    width:100%;
    height:100%;
    object-fit:cover;
}    

 #card1{
   --i: 1;
 }

  #card2{
    --i: 2;
 }
  #card3{
    --i: 3;
 }
  #card4{
    --i: 4;
 }
  #card5{
    --i: 5;
 }

.glance-title{
	color:#1a1a1a;
}

.postid-43 .resi-gall{
	background:#f5f6f8;
}

@media(max-width:768px){
	.rapid-return-wrap label{
		 white-space: normal;
    word-break: break-word;
    display: inline-block;
	}
	.rapid-return-wrap label input{
		width:auto;
	}
	.contact-hero{
		padding:140px 0 40px !important
	}
}

/* ================= Gallery Styles ================= */

.gallery-filter-row {
  display: flex;
  justify-content: center;
  gap: 15px;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.gallery-filter {
  background-color: #1a1a1a;
  color: #ffd700;
  border: 2px solid #ffd700;
  border-radius: 30px;
  padding: 8px 20px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 14px;
}

.gallery-filter:hover {
  background-color: #ffd700;
  color: #1a1a1a;
}

.gallery-filter.active {
  background-color: #ffd700;
  color: #1a1a1a;
  border-color: #ffd700;
}

/* Gallery grid items */
.gallery-grid .gallery-item {
  position: relative;
}

.gallery-card img {
  width: 100%;
  border-radius: 8px;
  display: block;
}

.gallery-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.45);
  color: #ffd700;
  text-align: center;
  padding: 8px;
  font-size: 14px;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.gallery-card:hover .gallery-overlay {
  opacity: 1;
}

.error404 .hero-content h1{
	text-align:center;
}

/* Make footer-row relative for absolute positioning inside */
.footer-row {
  position: relative;
}

/* Privacy Policy text default hidden */
.footer-privacy-text {
  display: none; /* hide by default */
  position: absolute; /* float above content */
  top: 94%; /* just below the link */
  width: 100%; /* set desired expanded width */
  max-width: 1200px;
  left:20px;
  background: #f7f7f7;
  color:#1a1a1a;
  padding: 10px;
  border-radius: 6px;
  z-index: 10; /* above other content */
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

.footer-privacy-text p{
	margin-bottom: 0px;
}

/* Show on hover of parent column */
.col-md-3 .footer-main-links:hover .footer-privacy-text {
  display: block;
}

/* Mobile adjustments */
@media (max-width: 767px) {
  .footer-privacy-text {
    top: auto;
    left: auto;
    width: auto; 
    max-width: 100%;
  }
}
.form-view-privacy {
    color: #ffd700;
}

.form-view-privacy:hover{
	color:#1a1a1a;
}
.safety-highlights{
	padding:10px 0px;
	background:#1a1a1a;
}
/* Section background and padding */
.safety-strip {
  background-color: #1a1a1a;
  padding: 10px 0;
}

/* Flex wrapper: single line */
.safe-line {
  display: flex;
  flex-wrap: nowrap;       /* one line only */
  justify-content: center; /* center items horizontally */
  align-items: center;
  gap: 20px;
  overflow-x: auto;        /* scroll if too long */
  text-align: start;
}

/* Each item */
.safety-item {
  display: flex;
  align-items: center;
  max-width: 400px;       /* max width per item */
  flex-shrink: 0;          /* prevent shrinking too small */
  gap: 8px;
  white-space: normal;     /* allow line-break if text too long */
}

/* Icons */
.safety-item i {
  color: #FFD700;
  font-size: 16px;
  flex-shrink: 0;
}

/* Text */
.safety-item span {
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.5px;
}

/* Mobile: wrap items naturally */
@media (max-width: 768px) {
  .safe-line {
    flex-wrap: wrap;
	justify-content: start;
  }
  .safety-item {
    max-width: 100%;
    justify-content: start;
  }
}

.stats-strip {
    background-color: #1a1a1a;
    padding: 20px 0px;
    border-top: 2px solid #fff;
}

.stat-item h2 {
  color: #ffd700;
  margin-bottom:10px;
}

.stat-item p {
  color: #ffffff;
}

/* Vertical divider desktop */
@media (min-width: 768px) {
  .stat-item {
    border-right: 1px solid rgba(255,255,255,0.15);
  }

  .stat-item:last-child {
    border-right: none;
  }
	
}

.mobile-serve-acc{
	text-decoration: none;
	color:#1a1a1a;
}

@media (max-width: 768px) {

  /* Modal wrapper */
  #quoteModal {
    padding: 10px;
    overflow-y: auto;
  }

  /* Modal box */
  #quoteModal .modal-content {
    width: 95%;
    max-width: 95%;
    height: auto;
    max-height: 80vh;
    overflow-y: auto;
    padding: 18px;
    border-radius: 10px;
  }

  /* Inputs smaller */
  #quoteModal .form-control,
  #quoteModal .form-select {
    font-size: 13px;
    padding: 8px 10px;
    height: 40px;
  }


  /* Close button */
  #quoteModal .close-btn {
    font-size: 24px;
    top: 8px;
    right: 12px;
  }

	.owner-content {
    padding-top: 20px;
}
	.safety_main{
		display:block !important;
	}
	.header-logo img{
		width:90px !important;
		height:auto !important;
	}
	.logo-sec{
		padding:5px 0px !important;
	}
}
.safety_main{
	display: flex;
	justify-content:center;
	align-items:center;
	text-transform:uppercase;
}

.hero-btn{
	background-color: #fff;
    color: #1A1A1A;
    font-weight: 600;
    text-transform: uppercase;
    padding: 16px 30px;
    transition: 0.3s;
    border-radius: 50px;
    z-index: 99;
    position: relative;
    border: 1px solid #fff;
    text-decoration: none;
}
.hero-btn:hover{
	background-color: #1A1A1A;
    color: #fff;
}

.header-logo img {
    height: 100px;
    object-fit: cover;
}

/* New proejct css  */
.section.slider__section {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.section.slider__section::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 0;
}
.counter-section {
    position: relative;
    /* padding: 120px 0; */
    color: #fff;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.counter-item {
    margin-bottom: 60px;
}
.counter-icon {
    font-size: 40px;
    margin-bottom: 15px;
    display: block;
}
.counter-number {
    font-size: 64px;
    font-weight: 700;
    color: #C8102E;
    margin-bottom: 10px;
}
.counter-divider {
    width: 40px;
    height: 3px;
    background-color: #ffd700;
    margin: 0 auto 10px auto;
}
.counter-label {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.profile-text {
    padding-bottom: 20px;
    position: relative;
}
.profile-text h2 {
    color: #fff;
    position: relative;
    display: inline-block;
}
.profile-text p {
    color:#ffd700;
    font-size: 22px;
    font-weight: 500;
}
    .profile-text::after {
        content: "";
        position: absolute;
        top: 24px;
        right: -140px;
        width: 65%;
        height: 2px;
        background-color: #ffd700;
        border-radius: 2px;
    }
.slide__item {
    height: 400px;
	position: relative;
    overflow: hidden;
}

.splide__list li img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: contrast(110%) brightness(105%) saturate(105%);
    transition: 0.3s ease;
}
.slide__item img {
    transition: transform 0.4s ease;
}
.splide__slide img {
    vertical-align: bottom;
}
.overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.7);
    opacity: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: opacity 0.4s ease;
    margin: 10px;
    text-decoration: none;
    color: #fff;
    padding: 20px;
    text-transform: uppercase;
    font-family: 'Inter', sans-serif;
}
.slider-content h3 {
    padding-top: 25px;
    font-size: 16px;
}
.slider-content h3 a {
    text-decoration: none;
    color: #fff;
}
.slider-content h3 a:hover{
	color:#ffd700;
}
.slide__item:hover img {
    transform: scale(1.05);
}
.slide__item:hover .overlay {
    opacity: 1;
}

.new-testimonial .row{
	margin-top:40px;
}

.focuse-section{
background:#F5F6F8;
}

.focus-title{
color:#1a1a1a;
position:relative;
display:inline-block;
}

.focus-title:after{
content:"";
display:block;
width:60px;
height:3px;
background:#ffd700;
margin:10px auto 0;
}

.focus-card {
    background: #fff;
    padding: 35px 25px;
    border-radius: 8px;
    transition: 0.35s;
    height: 100%;
    border: 1px solid #eee;
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}

.focus-card:hover{
    transform: translateY(-6px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.12);
}

.focus-icon{
width:70px;
height:70px;
margin:0 auto 20px;
background:#1a1a1a;
color:#ffd700;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
font-size:28px;
}

.breadcrumb-wrap {
    display: none;
}

.proof-section{
background:#1a1a1a;
}

.proof-wrapper{
font-size:16px;
font-weight:500;
color:#1a1a1a;
line-height:2;
}

.proof-badge{
color:#fff;
}



.proof-dot{
margin:0 6px;
color:#ffd700;
font-weight:700;
}


/* ********* */
.walkthrough-box{
background:#fff;
padding:32px;
border-radius:10px;
box-shadow:0 15px 35px rgba(0,0,0,0.08);
border-top:4px solid #ffd700;
position:sticky;
	top:130px;
}

.walkthrough-title{
color:#1a1a1a;
margin-bottom:15px;
}

.walkthrough-text{
font-size:16px;
color:#1a1a1a;
line-height:1.7;
margin-bottom:18px;
}

.walkthrough-trust{
font-size:15px;
color:#555;
border-left:3px solid #ffd700;
padding-left:12px;
margin-bottom:25px;
}

.walkthrough-btn{
display:inline-block;
background:#ffd700;
color:#1a1a1a;
padding:20px 30px;
border-radius:50px;
text-decoration:none;
font-weight:600;
transition:0.3s;
}

.walkthrough-btn:hover{
background:#1a1a1a;
color:#ffd700;
}
.contact-main-split{
	overflow: visible;
}

.backup-line{
	margin-top:20px;
}
.backup-line p a{
	color:#1a1a1a;
}
.backup-line p a:hover{
	color:#ffd700;
}

@media (max-width: 767px) {

.method-wrapper .col-12{
width:50%;
flex:0 0 50%;
max-width:50%;
}

}

.gurantee-btns{
	margin-top:20px;
}
.gurantee-btns a{
	background-color: #1A1A1A;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    padding: 16px 30px;
    transition: 0.3s;
    border-radius: 50px;
    z-index: 99;
    position: relative;
    border: 1px solid #fff;
    text-decoration: none;
}
.gurantee-btns a:hover{
	background-color:#ffd700 ;
    color: #1A1A1A;
}

.principal-title{
	position:relative;
	display:inline-block;
}
.principal-title:after {
    content: "";
    display: block;
    width: auto;
    height: 3px;
    background: #ffd700;
}
img.headshot-img {
    width: 100%;
    height: 240px;
    object-fit: contain;
    margin-bottom: 10px;
}

/* ********Project Css */
/* ============================= */
/* PROJECT SECTION */
/* =========================
PROJECT SECTION
========================= */

.zxqv-projects-wrap{
padding:80px 0;
background:#F5F6F8;
overflow-x:hidden;
}

.zxqv-project-card{
background:#fff;
border-radius:10px;
overflow:hidden;
cursor:pointer;
transition:0.3s;
box-shadow:0 10px 25px rgba(0,0,0,0.08);
	height:100%;
}

.zxqv-project-card:hover{
transform:translateY(-6px);
box-shadow:0 15px 35px rgba(0,0,0,0.2);
}

.zxqv-project-image img{
width:100%;
height:240px;
object-fit:cover;
display:block;
}

.zxqv-project-info{
padding:20px;
}

.zxqv-project-title{
font-size:20px;
font-weight:700;
margin-bottom:10px;
}

.zxqv-project-cat{
color:#ffd700;
font-weight:600;
margin-bottom:10px;
}

.zxqv-project-text{
font-size:16px;
margin-bottom:15px;
line-height:1.6;
}

.zxqv-project-btn{
background:#ffd700;
border:none;
padding:10px 18px;
font-weight:600;
border-radius:50px;
cursor:pointer;
transition:0.3s;
}

.zxqv-project-btn:hover{
background:#1a1a1a;
	color:#fff;
}


/* =========================
MODAL FIX
========================= */

.zxqv-modal-main .modal-dialog{
max-width:1250px;
width:96%;
margin:50px auto;
}

.zxqv-modal-main .modal-content{
    border-radius:12px;
	width:100%;
	max-width:inherit;
	position:fixed;
	top:20px;
	bottom:20px;
}

/* HEADER */

.zxqv-modal-head{
display:flex;
justify-content:space-between;
align-items:center;
padding:10px;
border-bottom:1px solid #eee;
background:#fff;
}

.zxqv-modal-head h3{
font-size:26px;
font-weight:700;
margin:0;
}

/* CLOSE BUTTON */

.zxqv-modal-close{
background:#ffd700 !important;
border:none !important;
width:42px !important;
height:42px !important;
border-radius:50% !important;
font-size:22px !important;
cursor:pointer;
display:flex!important;
align-items:center !important;
justify-content:center !important;
}

/* BODY */

.zxqv-modal-body{
padding:10px;
overflow-y:auto;
max-height:75vh;
}


/* =========================
SLIDER
========================= */

#zxqv-slider{
width:100%;
margin-bottom:25px;
}

#zxqv-slider img{
width:100%;
/* height:520px; */
object-fit:cover;
border-radius:10px;
display:block;
}


/* =========================
SPLIDE STYLE
========================= */

.zxqv-modal-main .splide__arrow{
background:#ffd700;
width:42px;
height:42px;
opacity:1;
}

.zxqv-modal-main .splide__arrow svg{
fill:#000;
}

.zxqv-modal-main .splide__pagination{
margin-top:15px;
}

.zxqv-modal-main .splide__pagination__page{
background:#ccc;
width:10px;
height:10px;
}

.zxqv-modal-main .splide__pagination__page.is-active{
background:#ffd700;
}


/* =========================
PROJECT DETAILS
========================= */

.zxqv-project-details{
margin-top:25px;
}

.zxqv-project-details h4{
font-size:28px;
margin-bottom:15px;
font-weight:700;
}

.zxqv-project-details p{
font-size:16px;
line-height:1.7;
color:#444;
margin-bottom:20px;
}

.zxqv-project-details ul{
padding-left:20px;
margin-bottom:25px;
}

.zxqv-project-details li{
margin-bottom:8px;
}


/* =========================
BUTTON STYLE
========================= */

.zxqv-project-details button{
display:flex;
justify-content:center;
align-items:center;
margin-top:20px;
padding:14px 28px;
background:#e11b22;
color:#fff;
border:none;
border-radius:30px;
font-size:16px;
font-weight:700;
cursor:pointer;
transition:0.3s;
}

.zxqv-project-details button:hover{
background:#c4151c;
}

#zxqvProjectModal {
    z-index: 9999;
}

.zxqv-modal-close:hover{
	color:#1a1a1a !important;
}
.modal-coating {
    column-count: 2;
}
.precise-title{
	padding:16px;
	border-left:3px solid #ffd700;
}
.precise-title p{
	margin-bottom:0px;
}

.precise-btn a{
	background-color: #ffd700;
    color: #1a1a1a;
    font-weight: 600;
    text-transform: uppercase;
    padding: 16px 22px;
    transition: all 0.3s ease;
    border-radius: 50px;
    z-index: 99;
    position: relative;
	text-decoration:none;
}
.precise-btn a:hover{
	background-color: #1a1a1a;
    color: #ffd700;
}
.precise-btn {
    margin-top: 20px;
    text-align: end;
}
.zxqv-projects-wrap .row{
	column-gap:20x;
}
.zxqv-projects-wrap .row{
	row-gap:30px;
}
.feature-title{
	margin-bottom:40px;
}
.feature-title h2{
	position:relative;
	display:inline-block;
}

.feature-title h2::after {
    content: "";
    display: block;
    width: 60px;
    height: 3px;
    background: #ffd700;
    margin: 10px auto 0;
}
/* modal ko header se upar lane ke liye */
.zxqv-modal-main{
    z-index: 99999 !important;
}

/* modal backdrop */
.modal-backdrop{
    z-index: 99990 !important;
}

/* Gallery css  */
.zxgal-section{
padding:80px 0;
background:#fff;
}

.zxgal-title{
color:#1a1a1a;
margin-bottom:40px;
	
}
.zxgal-title h2{
    position:realtive;
	display:inline-block;
}

.zxgal-title h2:after{
	content: "";
    display: block;
    width: 60px;
    height: 3px;
    background: #ffd700;
    margin: 10px auto 0;
}

.zxgal-masonry{
column-count:3;
column-gap:20px;
}

.zxgal-item{
break-inside:avoid;
margin-bottom:20px;
}

.zxgal-img{
width:100%;
border-radius:10px;
cursor:pointer;
transition:.4s;
}

.zxgal-img:hover{
transform:scale(1.05);
box-shadow:0 20px 40px rgba(0,0,0,0.5);
}

.zxgal-hidden{
display:none;
}

.zxgal-load-btn{
background:#ffd700;
border:none;
padding:12px 35px;
font-weight:600;
border-radius:40px;
	    margin: 0 auto;
}
.zxgal-load-btn:hover{
	background:#1a1a1a;
	color:#fff;
}
/* modal */

.zxgal-modal{
z-index:999999;
}

.modal-backdrop{
z-index:999990;
}
.zxgal-modal-head{
	position:relative;
	margin-bottom:20px;
}
.zxgal-close{
background:#ffd700 !important;
border:none !important;
width:45px !important;
height:45px !important;
border-radius:50% !important;
font-size:22px !important;
	    display: flex;
    justify-content: center;
    align-items: center;
	position: absolute;
	right:10px;
	top:-30px;
}
.zxgal-close:hover{
	color:inherit !important;
}

.zxgal-slider img{
width:100%;
height:550px;
object-fit:cover;
border-radius:10px;
}

.zxgal-modal-body ul#zxgalSlides li img{
	height:400px;
	object-fit:cover;
}

.modal-dialog.modal-xl.modal-dialog-centered {
    display: flex;
    justify-content: center;
}

.zxgal-modal-body .splide__arrows.splide__arrows--ltr .splide__arrow--prev{
	width:40px !important;
	height:40px;
}
.zxgal-modal-body .splide__arrows.splide__arrows--ltr .splide__arrow--prev:hover, .splide__arrow svg{
	fill: #fff;
}

.zxgal-modal-body .splide__arrows.splide__arrows--ltr .splide__arrow--next{
	width:40px !important;
	height:40px;
}

@media(max-width:992px){

.zxgal-masonry{
column-count:2;
}
	button.navbar-toggler{
		background:#1a1a1a;
	}
}

@media(max-width:767px){

.zxgal-masonry{
column-count:1;
}

}

.zxqv-modal-main .splide__arrow:hover svg{
fill:#fff;
}

@media (min-width:1024px) and (max-width:1299px){
	.zxqv-modal-body{
		min-height:60vh;
	}
	.zxqv-modal-main .modal-content{
		bottom:10px;
	}
}