.elementor-1038 .elementor-element.elementor-element-5232f17{--display:flex;--margin-top:-40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1038 .elementor-element.elementor-element-220f688{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-1038 .elementor-element.elementor-element-220f688:not(.elementor-motion-effects-element-type-background), .elementor-1038 .elementor-element.elementor-element-220f688 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E7DDD07A;}.elementor-1038 .elementor-element.elementor-element-92cd703{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1038 .elementor-element.elementor-element-d8033cf{--display:flex;}.elementor-1038 .elementor-element.elementor-element-f8a97bc .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-1038 .elementor-element.elementor-element-f8a97bc .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-06c8fe8 );}.elementor-1038 .elementor-element.elementor-element-f8a97bc .elementor-icon-box-title, .elementor-1038 .elementor-element.elementor-element-f8a97bc .elementor-icon-box-title a{font-family:"Fraunces", Sans-serif;font-size:28px;font-weight:500;}.elementor-1038 .elementor-element.elementor-element-f8a97bc .elementor-icon-box-description{font-family:"Outfit", Sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:0.7px;color:var( --e-global-color-97d9afc );}.elementor-1038 .elementor-element.elementor-element-112c55a{--display:flex;}.elementor-1038 .elementor-element.elementor-element-b8906b0 .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-1038 .elementor-element.elementor-element-b8906b0 .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-06c8fe8 );}.elementor-1038 .elementor-element.elementor-element-b8906b0 .elementor-icon-box-title, .elementor-1038 .elementor-element.elementor-element-b8906b0 .elementor-icon-box-title a{font-family:"Fraunces", Sans-serif;font-size:28px;font-weight:500;}.elementor-1038 .elementor-element.elementor-element-b8906b0 .elementor-icon-box-description{font-family:"Outfit", Sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:0.7px;color:var( --e-global-color-97d9afc );}.elementor-1038 .elementor-element.elementor-element-a1599c1{--display:flex;}.elementor-1038 .elementor-element.elementor-element-4ac31a0 .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-1038 .elementor-element.elementor-element-4ac31a0 .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-06c8fe8 );}.elementor-1038 .elementor-element.elementor-element-4ac31a0 .elementor-icon-box-title, .elementor-1038 .elementor-element.elementor-element-4ac31a0 .elementor-icon-box-title a{font-family:"Fraunces", Sans-serif;font-size:28px;font-weight:500;}.elementor-1038 .elementor-element.elementor-element-4ac31a0 .elementor-icon-box-description{font-family:"Outfit", Sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:0.7px;color:var( --e-global-color-97d9afc );}.elementor-1038 .elementor-element.elementor-element-cd2ebf7{--display:flex;}.elementor-1038 .elementor-element.elementor-element-d5c5ab1 .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-1038 .elementor-element.elementor-element-d5c5ab1 .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-06c8fe8 );}.elementor-1038 .elementor-element.elementor-element-d5c5ab1 .elementor-icon-box-title, .elementor-1038 .elementor-element.elementor-element-d5c5ab1 .elementor-icon-box-title a{font-family:"Fraunces", Sans-serif;font-size:28px;font-weight:500;}.elementor-1038 .elementor-element.elementor-element-d5c5ab1 .elementor-icon-box-description{font-family:"Outfit", Sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:0.7px;color:var( --e-global-color-97d9afc );}.elementor-1038 .elementor-element.elementor-element-d1b91f3{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:4px 0px 0px 0px;--border-top-width:4px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-97d9afc );--border-color:var( --e-global-color-97d9afc );--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-1038 .elementor-element.elementor-element-166f211{--display:flex;}.elementor-1038 .elementor-element.elementor-element-c0c4b55 img{height:550px;object-fit:cover;object-position:center center;}.elementor-1038 .elementor-element.elementor-element-ec3bd2e{--display:flex;--overlay-opacity:0.36;--padding-top:20px;--padding-bottom:20px;--padding-left:40px;--padding-right:20px;}.elementor-1038 .elementor-element.elementor-element-ec3bd2e::before, .elementor-1038 .elementor-element.elementor-element-ec3bd2e > .elementor-background-video-container::before, .elementor-1038 .elementor-element.elementor-element-ec3bd2e > .e-con-inner > .elementor-background-video-container::before, .elementor-1038 .elementor-element.elementor-element-ec3bd2e > .elementor-background-slideshow::before, .elementor-1038 .elementor-element.elementor-element-ec3bd2e > .e-con-inner > .elementor-background-slideshow::before, .elementor-1038 .elementor-element.elementor-element-ec3bd2e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://fabricsatkhanna.com/wp-content/uploads/2026/08/bg-feather.png");--background-overlay:'';background-position:center right;background-repeat:no-repeat;background-size:45% auto;}.elementor-1038 .elementor-element.elementor-element-56f032b.elementor-element{--align-self:flex-start;}.elementor-1038 .elementor-element.elementor-element-56f032b .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:0.8px;color:var( --e-global-color-secondary );}.elementor-1038 .elementor-element.elementor-element-48d7a3a .elementor-heading-title{font-family:"Fraunces", Sans-serif;font-size:48px;font-weight:500;line-height:52px;}.elementor-1038 .elementor-element.elementor-element-a64594e{text-align:justify;font-family:"Outfit", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-06c8fe8 );}.elementor-1038 .elementor-element.elementor-element-ccfda77 .elementor-button{background-color:#00000000;font-family:"Outfit", Sans-serif;font-weight:500;text-transform:uppercase;letter-spacing:0.8px;fill:var( --e-global-color-3f79938 );color:var( --e-global-color-3f79938 );border-style:solid;border-width:1px 1px 1px 1px;border-radius:5px 5px 5px 5px;padding:15px 30px 15px 30px;}.elementor-1038 .elementor-element.elementor-element-ccfda77 .elementor-button:hover, .elementor-1038 .elementor-element.elementor-element-ccfda77 .elementor-button:focus{background-color:var( --e-global-color-06c8fe8 );color:var( --e-global-color-secondary );}.elementor-1038 .elementor-element.elementor-element-ccfda77.elementor-element{--align-self:flex-start;}.elementor-1038 .elementor-element.elementor-element-ccfda77 .elementor-button:hover svg, .elementor-1038 .elementor-element.elementor-element-ccfda77 .elementor-button:focus svg{fill:var( --e-global-color-secondary );}.elementor-1038 .elementor-element.elementor-element-6ced516{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1038 .elementor-element.elementor-element-f0de0f6{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1038 .elementor-element.elementor-element-1e727ac{--display:flex;}.elementor-1038 .elementor-element.elementor-element-15ebae1{--display:flex;}.elementor-1038 .elementor-element.elementor-element-c1ea7e4{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1038 .elementor-element.elementor-element-93adcb8{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1038 .elementor-element.elementor-element-4fa673f{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1038 .elementor-element.elementor-element-95542ea{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1038 .elementor-element.elementor-element-8d57119{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1038 .elementor-element.elementor-element-a346712{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1038 .elementor-element.elementor-element-862a56c{--display:flex;--margin-top:0px;--margin-bottom:-74px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-1038 .elementor-element.elementor-element-92cd703{--grid-auto-flow:row;}}@media(min-width:769px){.elementor-1038 .elementor-element.elementor-element-220f688{--content-width:1450px;}.elementor-1038 .elementor-element.elementor-element-166f211{--width:50%;}.elementor-1038 .elementor-element.elementor-element-ec3bd2e{--width:50%;}}@media(max-width:768px){.elementor-1038 .elementor-element.elementor-element-92cd703{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-1038 .elementor-element.elementor-element-f8a97bc .elementor-icon-box-title, .elementor-1038 .elementor-element.elementor-element-f8a97bc .elementor-icon-box-title a{font-size:20px;}.elementor-1038 .elementor-element.elementor-element-b8906b0 .elementor-icon-box-title, .elementor-1038 .elementor-element.elementor-element-b8906b0 .elementor-icon-box-title a{font-size:20px;}.elementor-1038 .elementor-element.elementor-element-4ac31a0 .elementor-icon-box-title, .elementor-1038 .elementor-element.elementor-element-4ac31a0 .elementor-icon-box-title a{font-size:20px;}.elementor-1038 .elementor-element.elementor-element-d5c5ab1 .elementor-icon-box-title, .elementor-1038 .elementor-element.elementor-element-d5c5ab1 .elementor-icon-box-title a{font-size:20px;}.elementor-1038 .elementor-element.elementor-element-c0c4b55 img{height:341px;}.elementor-1038 .elementor-element.elementor-element-ec3bd2e{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-1038 .elementor-element.elementor-element-48d7a3a .elementor-heading-title{font-size:29px;line-height:1.2em;}.elementor-1038 .elementor-element.elementor-element-a64594e{text-align:start;}.elementor-1038 .elementor-element.elementor-element-862a56c{--margin-top:0px;--margin-bottom:-70px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for html, class: .elementor-element-bcbfe77 *//* --- Color Palette & Variables --- */
:root {
    --khanna-gold: #c29b57;
    --khanna-navy: #091a36;
    --khanna-white: #ffffff;
    --khanna-font: 'Fraunces', serif;
}

/* --- Hero Wrapper --- */
.khanna-hero-wrapper {
    position: relative;
    width: 100%;
    height: 100vh;
    min-height: 600px;
    background-color: var(--khanna-navy);
    overflow: hidden;
    display: flex;
    align-items: center;
    font-family: var(--khanna-font);
}

/* --- Background & Overlay --- */
.khanna-hero-bg {
    position: absolute;
    top: -5%;
    left: -5%;
    width: 110%; /* Slightly oversized for parallax movement */
    height: 110%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
    transition: transform 0.1s ease-out; /* Smooths out the JS parallax */
}

.khanna-hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(9,26,54,0.9) 0%, rgba(9,26,54,0.4) 100%);
    z-index: 2;
}

/* --- Content Layout --- */
.khanna-hero-container {
    position: relative;
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
    padding: 0 20px;
    z-index: 3;
}

.khanna-hero-text-block {
    max-width: 700px;
    color: var(--khanna-white);
}

/* --- Typography --- */
.khanna-small-gold-title {
    color: var(--khanna-gold);
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    position: relative;
    padding-top: 10px;
    display: inline-block;
    margin-bottom: 15px;
}

.khanna-small-gold-title::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 2px;
    background-color: var(--khanna-gold);
}

.khanna-main-title {
    font-size: clamp(3rem, 5vw, 6rem);
    font-weight: 700;
    line-height: 1.1;
    margin: 0 0 20px 0;
    text-shadow: 2px 4px 8px rgba(0,0,0,0.5);
    color: var(--khanna-gold);
    font-family: 'Fraunces', Sans-Serif;
}

.khanna-subtitle {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.5;
    margin: 0 0 15px 0;
    color: rgba(255,255,255,0.95);
    font-style: italic;
    font-family: 'Fraunces';
}

.khanna-body-text {
    font-size: 1.2rem;
    font-weight: 300;
    line-height: 1.6;
    margin: 0 0 35px 0;
    color: rgba(255,255,255,0.75);
    max-width: 500px;
    font-family: 'Outfit', Sans-Serif;
}

/* --- Buttons --- */
.khanna-hero-actions {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.khanna-btn {
    padding: 12px 28px;
    font-size: 0.9rem;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    border-radius: 2px;
    transition: all 0.3s ease;
    font-family: inherit;
}

.khanna-btn-gold {
    background-color: var(--khanna-gold);
    color: var(--khanna-navy);
    border: 1px solid var(--khanna-gold);
}

.khanna-btn-gold:hover {
    background-color: transparent;
    color: var(--khanna-gold);
}

.khanna-btn-outline {
    background-color: transparent;
    color: var(--khanna-gold);
    border: 1px solid var(--khanna-gold);
}

.khanna-btn-outline:hover {
    background-color: var(--khanna-gold);
    color: var(--khanna-navy);
}

/* --- Scroll Indicator --- */
.khanna-scroll-indicator {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 4;
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--khanna-white);
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    cursor: pointer;
    transition: opacity 0.3s ease;
}

.khanna-mouse-icon {
    width: 22px;
    height: 34px;
    border: 2px solid rgba(255, 255, 255, 0.6);
    border-radius: 12px;
    position: relative;
}

.khanna-mouse-icon::after {
    content: '';
    position: absolute;
    top: 6px;
    left: 50%;
    transform: translateX(-50%);
    width: 2px;
    height: 6px;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 2px;
    animation: khannaScrollWheel 1.5s infinite;
}

@keyframes khannaScrollWheel {
    0% { top: 6px; opacity: 1; }
    100% { top: 18px; opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1a0f94e *//* --- Variables & Reset --- */
:root {
    --khanna-bg-cream: #fbf9f4; /* Soft cream background from image */
    --khanna-navy: #091a36;
    --khanna-gold: #c29b57;
    
    /* Font Pairing Setup */
    --khanna-font-heading: 'Fraunces', serif;
    --khanna-font-body: 'Outfit', sans-serif;
}

.khanna-collection-section {
    background-color: var(--khanna-bg-cream);
    padding: 80px 20px;
    font-family: var(--khanna-font-body); /* Default to Outfit for most text */
    color: var(--khanna-navy);
}

.khanna-collection-container {
    max-width: 1400px;
    margin: 0 auto;
}

/* --- Section Header --- */
.khanna-section-header {
    text-align: center;
    margin-bottom: 50px;
}

.khanna-subtitle-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 15px;
}

.khanna-small-title {
    font-family: var(--khanna-font-body);
    color: var(--khanna-gold);
    font-size: 0.85rem;
    font-weight: 600; /* Outfit looks great semi-bold here */
    text-transform: uppercase;
    letter-spacing: 2.5px;
}

.khanna-line {
    width: 40px;
    height: 1px;
    background-color: var(--khanna-gold);
}

.khanna-ornament {
    color: var(--khanna-gold);
    font-size: 0.7rem;
}

.khanna-section-title {
    font-family: var(--khanna-font-heading);
    font-size: clamp(2rem, 3.5vw, 3.2rem);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0;
    color: var(--khanna-navy);
}

/* --- 4x3 Grid Layout --- */
.khanna-fabric-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    row-gap: 40px;
}

/* --- Fabric Cards --- */
.khanna-fabric-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    cursor: pointer;
    opacity: 0; 
    transform: translateY(30px);
}

.khanna-fabric-img-wrap {
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border: 1px solid rgba(194, 155, 87, 0.3);
    border-radius: 8px;
    margin-bottom: 15px;
    position: relative;
    transition: all 0.4s ease;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}

.khanna-fabric-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

.khanna-fabric-name {
    font-family: var(--khanna-font-body);
    font-size: 0.95rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin: 0;
    color: var(--khanna-navy);
    transition: color 0.3s ease;
}

/* --- Hover Effects --- */
.khanna-fabric-card:hover .khanna-fabric-img-wrap {
    border-color: var(--khanna-gold);
    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
}

.khanna-fabric-card:hover .khanna-fabric-img-wrap img {
    transform: scale(1.08);
}

.khanna-fabric-card:hover .khanna-fabric-name {
    color: var(--khanna-gold);
}

/* --- Scroll Animation Classes --- */
.khanna-animate-item.is-visible {
    animation: khannaFadeUp 0.8s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}

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

/* --- Responsive Adjustments --- */
@media (max-width: 1024px) {
    .khanna-fabric-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
    .khanna-fabric-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

@media (max-width: 480px) {
    .khanna-fabric-grid {
        grid-template-columns: 1fr;
    }
}

/* --- Disclaimer Styling --- */
.khanna-collection-disclaimer {
    text-align: center;
    margin-top: 40px; /* Space between the grid and the text */
    padding: 15px 20px;
    border-top: 1px solid rgba(194, 155, 87, 0.3); /* Optional subtle gold border */
}

.khanna-collection-disclaimer p {
    font-family: 'Outfit', sans-serif;
    font-size: 0.95rem;
    color: #6c757d; /* Muted grey so it doesn't distract from the products */
    font-style: italic;
    font-weight: 300;
    margin: 0;
    letter-spacing: 0.5px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9de363c *//* --- Imports Fonts (Fraunces & Outfit) --- */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..700;1,9..144,300..700&family=Outfit:wght@300;400;500;600;700&display=swap');

/* --- Unique Variables Scope --- */
.nk-partner-section {
    --nk-navy: #091a36;
    --nk-gold: #c29b57;
    --nk-white: #ffffff;
    --nk-divider: rgba(194, 155, 87, 0.25);
    --nk-font-heading: 'Fraunces', serif;
    --nk-font-body: 'Outfit', sans-serif;

    background-color: var(--nk-navy);
    padding: 80px 20px;
    color: var(--nk-white);
    overflow: hidden;
    font-family: var(--nk-font-body);
}

.nk-partner-container {
    max-width: 1600px;
    margin: 0 auto;
}

/* --- Header Styling --- */
.nk-partner-header {
    text-align: center;
    margin-bottom: 60px;
}

.nk-partner-subtitle-box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin-bottom: 15px;
}

.nk-partner-subtitle {
    font-family: var(--nk-font-body);
    color: var(--nk-gold);
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.nk-partner-line {
    width: 30px;
    height: 1px;
    background-color: var(--nk-gold);
}

.nk-partner-title {
    font-family: var(--nk-font-heading);
    font-size: clamp(2rem, 3vw, 2.8rem);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 0;
    color: var(--nk-white);
}

/* --- Panoramic 6-Column Grid Layout --- */
.nk-partner-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    align-items: start;
}

/* --- Individual Value Card --- */
.nk-partner-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 0 20px;
    position: relative;
}

/* Vertical Gold Dividers on Desktop */
.nk-partner-item:not(:last-child)::after {
    content: '';
    position: absolute;
    right: 0;
    top: 10%;
    height: 80%;
    width: 1px;
    background-color: var(--nk-divider);
}

/* --- Icon & Text --- */
.nk-partner-icon {
    color: var(--nk-gold);
    width: 45px;
    height: 45px;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.nk-partner-icon svg {
    width: 100%;
    height: 100%;
}

.nk-partner-item-title {
    font-family: var(--nk-font-body);
    color: var(--nk-gold);
    font-size: 0.95rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 10px 0;
    line-height: 1.3;
}

.nk-partner-item-desc {
    font-family: var(--nk-font-body);
    font-size: 0.85rem;
    font-weight: 300;
    color: rgba(255, 255, 255, 0.75);
    line-height: 1.6;
    margin: 0;
}

/* --- Scroll Animation States --- */
.nk-reveal-target,
.nk-stagger-target {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s cubic-bezier(0.25, 1, 0.5, 1), transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);
}

.nk-reveal-target.nk-is-visible,
.nk-stagger-target.nk-is-visible {
    opacity: 1;
    transform: translateY(0);
}

/* --- Responsive Layout Adjustments --- */
@media (max-width: 1200px) {
    .nk-partner-grid {
        grid-template-columns: repeat(3, 1fr);
        row-gap: 50px;
    }
    
    /* Re-align vertical dividers for 3 columns */
    .nk-partner-item::after { 
        display: none; 
    }
    
    .nk-partner-item:not(:nth-child(3n))::after {
        display: block;
        right: 0;
        top: 0;
        height: 100%;
        width: 1px;
        background-color: var(--nk-divider);
    }
}

@media (max-width: 768px) {
    .nk-partner-grid {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 40px;
    }
    
    /* Re-align vertical dividers for 2 columns */
    .nk-partner-item::after { 
        display: none; 
    }
    
    .nk-partner-item:not(:nth-child(2n))::after {
        display: block;
    }
}

@media (max-width: 576px) {
    .nk-partner-grid {
        grid-template-columns: 1fr;
        row-gap: 0;
    }
    
    /* Horizontal dividers on single column mobile */
    .nk-partner-item::after { 
        display: none !important; 
    }
    
    .nk-partner-item:not(:last-child) {
        padding-bottom: 35px;
        margin-bottom: 35px;
        border-bottom: 1px solid var(--nk-divider);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0e6ad47 *//* --- Imports (if not already included) --- */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..700;1,9..144,300..700&family=Outfit:wght@300;400;500;600;700&display=swap');

/* --- Unique Variables Scope --- */
.nk-journey-section {
    --nk-navy: #091a36;
    --nk-gold: #c29b57;
    --nk-cream: #fbf9f4; /* Soft cream background */
    --nk-white: #ffffff;
    --nk-font-heading: 'Fraunces', serif;
    --nk-font-body: 'Outfit', sans-serif;

    background-color: var(--nk-cream);
    padding: 100px 20px;
    color: var(--nk-navy);
    overflow: hidden;
    font-family: var(--nk-font-body);
}

.nk-journey-container {
    max-width: 1200px;
    margin: 0 auto;
}

/* --- Section Header --- */
.nk-journey-header {
    text-align: center;
    margin-bottom: 70px;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

.nk-journey-subtitle-box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin-bottom: 15px;
}

.nk-journey-subtitle {
    color: var(--nk-gold);
    font-size: 0.85rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.nk-journey-line {
    width: 40px;
    height: 1px;
    background-color: var(--nk-gold);
}

.nk-journey-title {
    font-family: var(--nk-font-heading);
    font-size: clamp(2rem, 3.5vw, 3rem);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 20px 0;
    color: var(--nk-navy);
}

.nk-journey-intro {
    font-size: 1.1rem;
    line-height: 1.6;
    color: #4a5568;
    font-weight: 300;
    margin: 0;
}

/* --- Timeline Layout (Desktop) --- */
.nk-timeline-wrap {
    position: relative;
    max-width: 1000px;
    margin: 0 auto;
}

/* The Central Vertical Line */
.nk-timeline-center-line {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 2px;
    background-color: rgba(194, 155, 87, 0.3); /* Soft gold line */
    transform: translateX(-50%);
    z-index: 1;
}

/* Individual Timeline Items */
.nk-timeline-item {
    position: relative;
    width: 50%;
    padding: 0 40px;
    margin-bottom: 60px;
    z-index: 2;
}

.nk-timeline-item:last-child {
    margin-bottom: 0;
}

/* Alternating Placement */
.nk-timeline-left {
    left: 0;
    text-align: right;
}

.nk-timeline-right {
    left: 50%;
    text-align: left;
}

/* The Gold Bullet Points */
.nk-timeline-dot {
    position: absolute;
    top: 0;
    width: 20px;
    height: 20px;
    background-color: var(--nk-cream);
    border: 4px solid var(--nk-gold);
    border-radius: 50%;
    z-index: 3;
    box-shadow: 0 0 0 4px rgba(194, 155, 87, 0.15);
}

/* Position dots on the center line */
.nk-timeline-left .nk-timeline-dot {
    right: -10px;
}

.nk-timeline-right .nk-timeline-dot {
    left: -10px;
}

/* --- Timeline Content Boxes --- */
.nk-timeline-content {
    background-color: var(--nk-white);
    padding: 30px;
    border-radius: 4px;
    box-shadow: 0 10px 30px rgba(9, 26, 54, 0.05);
    border: 1px solid rgba(9, 26, 54, 0.05);
    position: relative;
    top: -15px; /* Aligns content better with the dot */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.nk-timeline-content:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(9, 26, 54, 0.08);
}

/* Typography inside timeline */
.nk-era-badge {
    display: inline-block;
    background-color: var(--nk-navy);
    color: var(--nk-gold);
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    padding: 6px 12px;
    border-radius: 2px;
    margin-bottom: 15px;
}

.nk-era-title {
    font-family: var(--nk-font-heading);
    color: var(--nk-navy);
    font-size: 1.5rem;
    margin: 0 0 15px 0;
    line-height: 1.3;
}

.nk-era-desc {
    color: #4a5568;
    font-size: 0.95rem;
    line-height: 1.7;
    margin: 0;
    font-weight: 300;
}

/* --- Scroll Animation States --- */
.nk-journey-reveal {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 0.8s cubic-bezier(0.25, 1, 0.5, 1), transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);
}

.nk-journey-reveal.nk-visible {
    opacity: 1;
    transform: translateY(0);
}

/* --- Responsive Layout (Tablet & Mobile) --- */
@media screen and (max-width: 768px) {
    .nk-timeline-wrap {
        padding-left: 20px; /* Space for the line on the left */
    }

    /* Move line to the left edge */
    .nk-timeline-center-line {
        left: 20px;
        transform: none;
    }

    /* Force all items to take full width and act like right-aligned items */
    .nk-timeline-item {
        width: 100%;
        left: 0;
        padding: 0 0 0 45px; /* Padding for the dot */
        text-align: left;
    }

    /* Align all dots to the left line */
    .nk-timeline-left .nk-timeline-dot,
    .nk-timeline-right .nk-timeline-dot {
        left: -10px;
        right: auto;
    }
}

@media screen and (max-width: 480px) {
    .nk-journey-section {
        padding: 60px 15px;
    }
    
    .nk-timeline-content {
        padding: 20px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6ed64b5 *//* --- Imports Fonts (if not already in your header) --- */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,300..700&family=Outfit:wght@300;400;500;600;700&display=swap');

/* --- Section Variables & Setup --- */
.nk-global-section {
    --nk-navy: #091a36;
    --nk-gold: #c29b57;
    --nk-cream: #fbf9f4; /* Matches the background of your map */
    --nk-text-grey: #4a5568;
    --nk-font-heading: 'Fraunces', serif;
    --nk-font-body: 'Outfit', sans-serif;

    background-color: var(--nk-cream);
    padding: 80px 20px;
    font-family: var(--nk-font-body);
    overflow: hidden;
}

.nk-global-container {
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}

/* --- Left Content Styling --- */
.nk-global-content {
    flex: 0 0 35%; /* Text takes up roughly 35% of the space */
    max-width: 450px;
}

.nk-global-subtitle-wrap {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 20px;
}

.nk-global-ornament {
    width: 18px;
    height: 18px;
    color: var(--nk-gold);
}

.nk-global-subtitle {
    color: var(--nk-gold);
    font-family: var(--nk-font-body);
    font-size: 0.85rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.nk-global-title {
    font-family: var(--nk-font-heading);
    color: var(--nk-navy);
    font-size: clamp(2rem, 3vw, 2.5rem);
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.25;
    letter-spacing: 1px;
    margin: 0 0 20px 0;
}

.nk-global-text {
    font-family: var(--nk-font-body);
    color: var(--nk-text-grey);
    font-size: 0.95rem;
    line-height: 1.6;
    font-weight: 400;
    margin: 0 0 35px 0;
}

.nk-global-btn {
    display: inline-block;
    padding: 12px 24px;
    font-family: var(--nk-font-body);
    font-size: 0.85rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: var(--nk-navy);
    background-color: transparent;
    border: 1px solid var(--nk-gold);
    text-decoration: none;
    transition: all 0.3s ease;
}

.nk-global-btn:hover {
    background-color: var(--nk-gold);
    color: #ffffff;
}

/* --- Right Image Area Styling --- */
.nk-global-image-wrapper {
    flex: 1; /* Image takes the remaining space */
    display: flex;
    justify-content: flex-end;
}

.nk-world-map-img {
    width: 100%;
    max-width: 900px; /* Prevents the image from getting too massive on huge screens */
    height: auto;
    display: block;
    mix-blend-mode: multiply; /* Helps the image blend seamlessly if the cream background hex codes are slightly off */
}

/* --- Scroll Animations --- */
.nk-global-reveal {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s cubic-bezier(0.25, 1, 0.5, 1), 
                transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);
}

.nk-global-reveal.nk-is-visible {
    opacity: 1;
    transform: translateY(0);
}

/* --- Responsive Layout Adjustments --- */
@media (max-width: 1024px) {
    .nk-global-container {
        flex-direction: column;
        text-align: center;
        gap: 50px;
    }

    .nk-global-content {
        flex: none;
        max-width: 600px;
    }

    .nk-global-subtitle-wrap {
        justify-content: center;
    }

    .nk-global-image-wrapper {
        justify-content: center;
        width: 100%;
    }
}/* End custom CSS */