/* instruments.php Specific Premium Light Styles */
            :root {
                --inst-bg-cream: #fbf9f6;
                --inst-bg-sand: #f4ede0;
                --inst-bg-white: #ffffff;
                --inst-text-dark: #2d241e;
                --inst-text-soft: #5c524f;
                --inst-gold: #c9a84c;
                --inst-clay: #b65a3f;
                --inst-border-soft: rgba(45, 36, 30, 0.08);
                --inst-border-gold: rgba(201, 168, 76, 0.25);
                --inst-shadow-soft: 0 15px 35px rgba(45, 36, 30, 0.04);
                --inst-shadow-hover: 0 25px 60px rgba(45, 36, 30, 0.1);
            }

            /* Intro Section */
            .inst-intro-section {
                background-color: var(--inst-bg-cream);
                padding: 130px 0 100px;
                text-align: center;
                position: relative;
                overflow: hidden;
            }

            .inst-subheading {
                display: inline-flex;
                align-items: center;
                gap: 12px;
                font-size: 10px;
                text-transform: uppercase;
                letter-spacing: 0.35em;
                color: var(--inst-clay);
                font-weight: 700;
                margin-bottom: 28px;
            }
            
            .inst-subheading::before, .inst-subheading::after {
                content: "";
                display: inline-block;
                width: 24px;
                height: 1px;
                background-color: var(--inst-clay);
            }

            .inst-heading {
                font-family: 'Cormorant Garamond', Georgia, serif;
                font-size: 58px;
                line-height: 1.15;
                color: var(--inst-text-dark);
                font-weight: 300;
                max-width: 850px;
                margin: 0 auto 35px;
            }

            .inst-desc {
                font-size: 17px;
                line-height: 1.85;
                color: var(--inst-text-soft);
                max-width: 650px;
                margin: 0 auto;
                font-weight: 300;
            }

            /* Listing Section */
            .inst-listing-section {
                background-color: var(--inst-bg-sand);
                padding: 140px 0;
                position: relative;
                overflow: hidden;
            }

            .inst-showcase-item {
                position: relative;
                padding: 100px 0;
                border-bottom: 1px solid rgba(45, 36, 30, 0.06);
            }

            .inst-showcase-item:last-child {
                border-bottom: none;
            }

            .inst-showcase-img-wrap {
                position: relative;
                /*aspect-ratio: 3 / 2;*/
                overflow: hidden;
                border-radius: 0;
                background-color: var(--inst-bg-cream);
                transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
            }

            .inst-showcase-item:hover .inst-showcase-img-wrap {
                transform: translateY(-5px);
            }

            .inst-showcase-img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                transition: transform 2.0s cubic-bezier(0.16, 1, 0.3, 1);
            }

            .inst-showcase-item:hover .inst-showcase-img {
                transform: scale(1.06);
            }

            /* Watermark background numbers for cinematic editorial feel */
            .inst-showcase-number {
                position: absolute;
                bottom: -30px;
                right: -10px;
                font-family: 'Cormorant Garamond', Georgia, serif;
                font-size: 180px;
                line-height: 1;
                font-weight: 300;
                color: rgba(201, 168, 76, 0.07);
                pointer-events: none;
                z-index: 1;
                user-select: none;
            }

            .inst-showcase-content-box {
                position: relative;
                padding: 0 30px;
                display: flex;
                flex-direction: column;
                justify-content: center;
                z-index: 2;
            }

            /* Add alignment helper for left content rows */
            .inst-showcase-content-box.align-right {
                align-items: flex-end;
                text-align: right;
            }

            .inst-showcase-content-box.align-right .inst-btn {
                align-self: flex-end;
            }

            .inst-showcase-category {
                font-family: 'Plus Jakarta Sans', sans-serif;
                font-size: 10px;
                text-transform: uppercase;
                letter-spacing: 0.3em;
                color: var(--inst-gold);
                font-weight: 700;
                margin-bottom: 12px;
                display: inline-block;
            }

            .inst-showcase-title {
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-size: 36px;
    color: var(--inst-text-dark);
    margin-bottom: 15px;
    font-weight: 400;
    line-height: 1.15;
    transition: color 0.4s ease;
}

            .inst-showcase-item:hover .inst-showcase-title {
                color: var(--inst-clay);
            }

          .inst-showcase-text {
    color: var(--inst-text-soft);
    font-size: 14px;
    line-height: 1.8;
    margin-bottom: 10px;
    font-weight: 300;
}



            /* Specification details container */
           .inst-card-specs {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
    font-family: 'Plus Jakarta Sans', sans-serif;
    border-top: 1px dashed rgba(45, 36, 30, 0.08);
    padding-top: 16px;
    width: 100%;
}

            .inst-spec-row {
                display: flex;
                justify-content: space-between;
                align-items: center;
                padding: 7.5px 0;
                border-bottom: 1px solid rgba(45, 36, 30, 0.04);
            }

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

            .inst-spec-label {
                font-size: 9px;
                text-transform: uppercase;
                letter-spacing: 0.15em;
                color: var(--inst-clay);
                font-weight: 700;
            }

            .inst-spec-value {
                font-size: 12px;
                color: var(--inst-text-soft);
                font-weight: 500;
                text-align: right;
            }

            .inst-btn {
                position: relative;
                display: inline-flex;
                align-items: center;
                gap: 10px;
                color: var(--inst-text-dark);
                text-transform: uppercase;
                font-size: 11px;
                letter-spacing: 0.25em;
                font-weight: 700;
                transition: color 0.4s cubic-bezier(0.16, 1, 0.3, 1), transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
                align-self: flex-start;
                padding-bottom: 8px;
                text-decoration: none;
            }

            /* Animated luxury underline */
            .inst-btn::before {
                content: "";
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                height: 1px;
                background-color: var(--inst-border-gold);
                transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.4s ease;
                transform-origin: right;
                transform: scaleX(0.5);
            }

            .inst-btn::after {
                content: "→";
                font-size: 14px;
                transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), color 0.4s ease;
                display: inline-block;
            }

            /* Smooth interaction on button hover */
            .inst-btn:hover {
                color: var(--inst-clay);
                transform: translateX(2px);
            }

            .inst-btn:hover::before {
                background-color: var(--inst-clay);
                transform-origin: left;
                transform: scaleX(1);
            }

            .inst-btn:hover::after {
                transform: translateX(6px);
                color: var(--inst-clay);
            }

            /* Responsive overrides */
            @media (max-width: 991px) {
                .inst-showcase-content-box {
                    padding: 0 20px;
                }
                .inst-showcase-title {
                    font-size: 38px;
                }
            }

            @media (max-width: 768px) {
                .inst-listing-section {
                    padding: 80px 0;
                }
                .inst-showcase-item {
                    padding: 60px 0;
                }
                .inst-showcase-content-box {
                    padding: 30px 0 0;
                }
                .inst-showcase-title {
                    font-size: 32px;
                    margin-bottom: 16px;
                }
                .inst-showcase-number {
                    font-size: 120px;
                    bottom: -20px;
                }
            }

            /* FAQ Section */
            .inst-faq-section {
                background-color: var(--inst-bg-cream);
                padding: 130px 0;
                position: relative;
            }

            .faq-container {
               
            }

            /* Custom Premium Accordion Styling */
            .premium-faq-accordion .accordion-item {
                background-color: var(--inst-bg-white);
                border: 1px solid var(--inst-border-soft) !important;
                border-radius: 8px !important;
                margin-bottom: 18px;
                box-shadow: var(--inst-shadow-soft);
                overflow: hidden;
                transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
            }

            .premium-faq-accordion .accordion-item:hover {
                border-color: rgba(45, 36, 30, 0.15) !important;
                box-shadow: var(--inst-shadow-hover);
            }

            .premium-faq-accordion .accordion-button {
    background: none !important;
    border: none !important;
    padding: 10px 30px !important;
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-size: 24px;
    font-weight: 400;
    color: var(--inst-text-dark) !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    text-align: left;
    box-shadow: none !important;
    transition: color 0.4s ease, border-color 0.4s ease;
    border-bottom: 1px solid transparent !important;
    line-height: 1.8;
}

            .premium-faq-accordion .accordion-button:focus {
                box-shadow: none !important;
                border: none !important;
            }

            .premium-faq-accordion .accordion-button:not(.collapsed) {
                color: var(--inst-clay) !important;
                border-bottom-color: var(--inst-bg-sand) !important;
            }

            /* Premium Custom + and - icon details */
            .premium-faq-accordion .accordion-button::after {
                display: none !important; /* Hide native Bootstrap arrow */
            }

            .faq-icon-wrapper {
                position: relative;
                width: 32px;
                height: 32px;
                border: 1px solid var(--inst-border-gold);
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                color: var(--inst-gold);
                background-color: transparent;
                transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
                flex-shrink: 0;
                margin-left: 20px;
            }

            .faq-icon-line {
                position: absolute;
                background-color: currentColor;
                transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.4s ease;
            }

            .faq-line-horizontal {
                width: 12px;
                height: 1px;
            }

            .faq-line-vertical {
                width: 1px;
                height: 12px;
            }

            /* Hover effects on the icon wrapper */
            .premium-faq-accordion .accordion-button:hover .faq-icon-wrapper {
                background-color: var(--inst-bg-sand);
                color: var(--inst-clay);
                border-color: var(--inst-clay);
            }

            /* Expanded states */
            .premium-faq-accordion .accordion-button:not(.collapsed) .faq-icon-wrapper {
                background-color: var(--inst-clay);
                border-color: var(--inst-clay);
                color: var(--inst-bg-white);
                transform: rotate(180deg);
            }

            .premium-faq-accordion .accordion-button:not(.collapsed) .faq-line-vertical {
                transform: rotate(90deg);
                opacity: 0;
            }

            .premium-faq-accordion .accordion-body {
                padding: 24px 30px 30px !important;
                color: var(--inst-text-soft) !important;
                font-size: 16px;
                line-height: 1.85;
                font-weight: 300;
                background-color: var(--inst-bg-white);
            }

            @media (max-width: 768px) {
                .inst-heading { font-size: 42px; }
                .inst-card-title { font-size: 26px; }
                .inst-card-content { padding: 35px 25px; }
                .premium-faq-accordion .accordion-button {
                    font-size: 20px;
                    padding: 20px 24px !important;
                }
                .premium-faq-accordion .accordion-body {
                    padding: 20px 24px 24px !important;
                }
            }
        
        
         
           

.breadcumb-section {
    position: relative; /* important */
 
    padding-top: 140px;
    padding-bottom: 140px;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
}

.breadcumb-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    background: rgba(0, 0, 0, 0.5); /* black overlay (adjust opacity here) */
    
    z-index: -1; /* keeps it behind content */
}
.hero-heading {
    font-size: 64px;
    line-height: 1.2;
}