/* =========================================================
   KHATI HOUSE
   CORPORATE DIWALI GIFTING
   LUXURY EARTHY / HANDCRAFTED THEME
========================================================= */


/* =========================================================
   DESIGN SYSTEM
========================================================= */

.corporate-diwali-page{

    --kh-bg:#f8f4ec;
    --kh-bg-soft:#f1eadf;
    --kh-bg-deep:#e8ddcd;

    --kh-card:#fffdf8;
    --kh-white:#ffffff;

    --kh-brown:#3b3028;
    --kh-brown-soft:#5c4d40;
    --kh-muted:#817366;

    --kh-gold:#b49358;
    --kh-gold-light:#d6bd87;
    --kh-gold-pale:#eadfca;

    --kh-line:#e2d6c5;

    --kh-shadow:
        0 20px 55px rgba(57,43,28,.09);

    color:var(--kh-brown);

    background:var(--kh-bg);

    overflow:hidden;
}

.corporate-diwali-page *,
.corporate-diwali-page *::before,
.corporate-diwali-page *::after{

    box-sizing:border-box;
}

.corporate-diwali-page img{

    max-width:100%;
}


/* =========================================================
   CONTAINERS
========================================================= */

.corporate-container{

    width:min(
        1180px,
        calc(100% - 40px)
    );

    margin:0 auto;
}

.corporate-narrow{

    width:min(
        800px,
        calc(100% - 40px)
    );

    margin:0 auto;
}


/* =========================================================
   HERO
========================================================= */

.corporate-hero{

    position:relative;

    padding:
        70px 0
        55px;

    background:
        radial-gradient(
            circle at 12% 18%,
            rgba(180,147,88,.14),
            transparent 28%
        ),
        radial-gradient(
            circle at 88% 80%,
            rgba(190,170,135,.15),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            #fcfaf5 0%,
            #f7f1e7 52%,
            #eee5d6 100%
        );

    border-bottom:
        1px solid
        var(--kh-line);
}

.corporate-hero::before{

    content:"";

    position:absolute;

    inset:18px;

    border:
        1px solid
        rgba(180,147,88,.20);

    pointer-events:none;
}

.corporate-hero::after{

    content:"✦";

    position:absolute;

    right:7%;

    top:10%;

    color:
        rgba(180,147,88,.18);

    font-size:100px;

    line-height:1;

    pointer-events:none;
}


/* =========================================================
   HERO LAYOUT
========================================================= */

.corporate-hero-content{

    position:relative;

    z-index:2;

    width:min(
        1180px,
        calc(100% - 40px)
    );

    margin:0 auto;

    display:grid;

    grid-template-columns:
        1.08fr
        .92fr;

    gap:55px;

    align-items:center;
}


/* =========================================================
   HERO EYEBROW
========================================================= */

.corporate-eyebrow{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:
        8px 15px;

    margin-bottom:23px;

    border:
        1px solid
        var(--kh-gold-light);

    border-radius:50px;

    background:
        rgba(255,255,255,.55);

    color:
        var(--kh-gold);

    font-size:10px;

    font-weight:800;

    letter-spacing:2px;

    text-transform:uppercase;
}

.corporate-eyebrow::before{

    content:"✦";

    font-size:12px;
}


/* =========================================================
   HERO HEADING
========================================================= */

.corporate-hero h1{

    max-width:650px;

    margin:
        0 0 22px;

    color:
        var(--kh-brown);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(40px,4.4vw,62px);

    font-weight:500;

    line-height:1.08;

    letter-spacing:-1.2px;
}

.corporate-hero h1 strong{

    color:
        var(--kh-gold);

    font-weight:500;
}


/* =========================================================
   HERO DESCRIPTION
========================================================= */

.corporate-hero p{

    max-width:620px;

    margin:0;

    color:
        var(--kh-muted);

    font-size:16px;

    line-height:1.85;
}


/* =========================================================
   HERO BUTTONS
========================================================= */

.corporate-hero-actions{

    display:flex;

    flex-wrap:wrap;

    gap:12px;

    margin-top:31px;
}

.corporate-primary-btn,
.corporate-secondary-btn{

    min-height:50px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:
        0 25px;

    border-radius:3px;

    text-decoration:none;

    font-size:12px;

    font-weight:800;

    letter-spacing:.5px;

    transition:
        all .25s ease;
}

.corporate-primary-btn{

    color:#fff;

    background:
        var(--kh-brown);

    box-shadow:
        0 10px 25px
        rgba(59,48,40,.16);
}

.corporate-primary-btn:hover{

    transform:
        translateY(-2px);

    background:
        #241c17;

    box-shadow:
        0 14px 30px
        rgba(59,48,40,.22);
}

.corporate-secondary-btn{

    color:
        var(--kh-brown);

    background:
        rgba(255,255,255,.5);

    border:
        1px solid
        var(--kh-gold-light);
}

.corporate-secondary-btn:hover{

    color:
        var(--kh-brown);

    background:
        var(--kh-gold-pale);

    transform:
        translateY(-2px);
}


/* =========================================================
   HERO HIGHLIGHTS
========================================================= */

.corporate-hero-highlights{

    display:grid;

    grid-template-columns:
        repeat(4,1fr);

    max-width:680px;

    margin-top:40px;

    border-top:
        1px solid
        var(--kh-line);

    border-bottom:
        1px solid
        var(--kh-line);
}

.corporate-highlight{

    padding:
        17px 18px;

    border-right:
        1px solid
        var(--kh-line);
}

.corporate-highlight:last-child{

    border-right:none;
}

.corporate-highlight strong{

    display:block;

    margin-bottom:5px;

    color:
        var(--kh-brown);

    font-size:12px;

    font-weight:800;
}

.corporate-highlight span{

    color:
        var(--kh-muted);

    font-size:10px;

    line-height:1.5;
}


/* =========================================================
   HERO IMAGE
========================================================= */

.corporate-hero-visual{

    position:relative;

    padding:10px;
}

.corporate-hero-image-wrap{

    position:relative;

    overflow:hidden;

    background:
        var(--kh-bg-deep);

    box-shadow:
        0 25px 65px
        rgba(55,42,28,.15);
}

.corporate-hero-image-wrap::before{

    content:"";

    position:absolute;

    inset:13px;

    z-index:2;

    border:
        1px solid
        rgba(255,255,255,.65);

    pointer-events:none;
}

.corporate-hero-image-wrap::after{

    content:"";

    position:absolute;

    inset:0;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.10),
            transparent 45%,
            rgba(70,50,30,.08)
        );

    pointer-events:none;
}

.corporate-hero-image-wrap img{

    width:100%;

    height:auto;

    display:block;

    object-fit:contain;
}

.corporate-hero-image-wrap:hover img{

    transform:
        scale(1.025);
}


/* =========================================================
   TRUST STRIP
========================================================= */

.corporate-trust-strip{

    position:relative;

    z-index:5;

    margin-top:-35px;
}

.corporate-trust-grid{

    display:grid;

    grid-template-columns:
        repeat(4,1fr);

    background:
        rgba(255,253,248,.96);

    border:
        1px solid
        var(--kh-line);

    box-shadow:
        var(--kh-shadow);
}

.corporate-trust-item{

    min-height:95px;

    padding:
        18px;

    display:flex;

    align-items:center;

    justify-content:center;

    text-align:center;

    border-right:
        1px solid
        var(--kh-line);
}

.corporate-trust-item:last-child{

    border-right:none;
}

.corporate-trust-item strong{

    display:block;

    margin-bottom:5px;

    color:
        var(--kh-brown);

    font-family:
        Georgia,
        serif;

    font-size:15px;

    font-weight:500;
}

.corporate-trust-item span{

    color:
        var(--kh-muted);

    font-size:10px;
}


/* =========================================================
   SECTION TYPOGRAPHY
========================================================= */

.corporate-section-label{

    display:inline-flex;

    align-items:center;

    gap:10px;

    margin-bottom:15px;

    color:
        var(--kh-gold);

    font-size:10px;

    font-weight:800;

    letter-spacing:2.5px;

    text-transform:uppercase;
}

.corporate-section-label::before,
.corporate-section-label::after{

    content:"";

    width:25px;

    height:1px;

    background:
        var(--kh-gold-light);
}

.corporate-section-heading{

    max-width:760px;

    margin:
        0 auto 18px;

    color:
        var(--kh-brown);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(32px,4vw,48px);

    font-weight:500;

    line-height:1.18;

    letter-spacing:-.5px;
}


/* =========================================================
   INTRO
========================================================= */

.corporate-intro{

    padding:
        110px 0
        55px;

    text-align:center;
}

.corporate-intro p{

    max-width:740px;

    margin:0 auto;

    color:
        var(--kh-muted);

    font-size:15px;

    line-height:1.85;
}


/* =========================================================
   BUNDLES
========================================================= */

.corporate-bundles{

    padding:
        55px 0
        110px;
}

.corporate-bundle-grid{

    display:grid;

    grid-template-columns:
        repeat(3,1fr);

    gap:25px;

    margin-top:48px;
}

.corporate-bundle-card{

    position:relative;

    display:flex;

    flex-direction:column;

    overflow:hidden;

    background:
        var(--kh-card);

    border:
        1px solid
        var(--kh-line);

    box-shadow:
        0 10px 35px
        rgba(57,43,28,.055);

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}

.corporate-bundle-card:hover{

    transform:
        translateY(-7px);

    box-shadow:
        0 22px 50px
        rgba(57,43,28,.13);
}

.corporate-bundle-image{

    position:relative;

    overflow:hidden;

    aspect-ratio:
        4 / 3;

    background:
        var(--kh-bg-deep);
}

.corporate-bundle-image::after{

    content:"";

    position:absolute;

    inset:12px;

    border:
        1px solid
        rgba(255,255,255,.5);

    pointer-events:none;
}

.corporate-bundle-image img{

    width:100%;
    height:100%;

    display:block;

    object-fit:cover;

    transition:
        transform .5s ease;
}

.corporate-bundle-card:hover
.corporate-bundle-image img{

    transform:
        scale(1.045);
}

.corporate-bundle-body{

    flex:1;

    display:flex;

    flex-direction:column;

    padding:
        28px 25px 25px;
}

.corporate-bundle-body h3{

    margin:
        0 0 7px;

    color:
        var(--kh-brown);

    font-family:
        Georgia,
        serif;

    font-size:24px;

    font-weight:500;
}

.corporate-bundle-subtitle{

    margin:
        0 0 17px;

    color:
        var(--kh-muted);

    font-size:12px;

    line-height:1.65;
}

.corporate-bundle-price{

    margin-bottom:19px;

    color:
        var(--kh-gold);

    font-family:
        Georgia,
        serif;

    font-size:19px;

    font-weight:600;
}

.corporate-bundle-list{

    margin:
        0 0 27px;

    padding:0;

    list-style:none;
}

.corporate-bundle-list li{

    position:relative;

    margin-bottom:11px;

    padding-left:21px;

    color:
        var(--kh-brown-soft);

    font-size:12px;

    line-height:1.55;
}

.corporate-bundle-list li::before{

    content:"✦";

    position:absolute;

    left:0;

    color:
        var(--kh-gold);

    font-size:9px;
}

.corporate-card-btn{

    width:100%;

    min-height:44px;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-top:auto;

    color:
        var(--kh-brown);

    background:
        transparent;

    border:
        1px solid
        var(--kh-gold-light);

    border-radius:3px;

    text-decoration:none;

    font-size:11px;

    font-weight:800;

    letter-spacing:.5px;

    transition:
        all .25s ease;
}

.corporate-card-btn:hover{

    color:
        #fff;

    background:
        var(--kh-brown);

    border-color:
        var(--kh-brown);
}


/* =========================================================
   BULK PRICING
========================================================= */

.corporate-pricing{

    position:relative;

    padding:
        105px 0;

    background:
        var(--kh-bg-soft);
}

.corporate-pricing-table-wrap{

    position:relative;

    margin-top:45px;

    overflow:auto;

    background:
        var(--kh-card);

    border:
        1px solid
        var(--kh-line);

    box-shadow:
        var(--kh-shadow);
}

.corporate-pricing-table{

    width:100%;

    min-width:650px;

    border-collapse:collapse;
}

.corporate-pricing-table th{

    padding:
        18px 20px;

    color:
        #fff;

    background:
        var(--kh-brown);

    font-family:
        Georgia,
        serif;

    font-size:13px;

    font-weight:500;

    text-align:left;
}

.corporate-pricing-table td{

    padding:
        18px 20px;

    color:
        var(--kh-brown-soft);

    border-bottom:
        1px solid
        var(--kh-line);

    font-size:12px;
}

.corporate-pricing-table tbody tr:hover{

    background:
        #fbf6ed;
}


/* =========================================================
   CUSTOMIZATION
========================================================= */

.corporate-customization{

    padding:
        110px 0;
}

.corporate-custom-grid{

    display:grid;

    grid-template-columns:
        repeat(5,1fr);

    gap:20px;

    margin-top:48px;
}

.corporate-custom-card{

    position:relative;

    padding:
        32px 22px;

    text-align:center;

    background:
        var(--kh-card);

    border:
        1px solid
        var(--kh-line);

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.corporate-custom-card::before{

    content:"";

    position:absolute;

    left:25%;
    right:25%;
    top:0;

    height:2px;

    background:
        var(--kh-gold-light);
}

.corporate-custom-card:hover{

    transform:
        translateY(-5px);

    box-shadow:
        var(--kh-shadow);
}

.corporate-custom-icon{

    width:58px;
    height:58px;

    display:flex;

    align-items:center;
    justify-content:center;

    margin:
        0 auto 19px;

    border-radius:50%;

    color:
        var(--kh-gold);

    background:
        #f4ecdc;

    border:
        1px solid
        var(--kh-gold-pale);

    font-size:20px;
}

.corporate-custom-card h3{

    margin:
        0 0 9px;

    color:
        var(--kh-brown);

    font-family:
        Georgia,
        serif;

    font-size:18px;

    font-weight:500;
}

.corporate-custom-card p{

    margin:0;

    color:
        var(--kh-muted);

    font-size:12px;

    line-height:1.7;
}


/* =========================================================
   WHY KHATI HOUSE
========================================================= */

.corporate-why{

    padding:
        110px 0;

    background:
        linear-gradient(
            135deg,
            #eee5d7,
            #f7f1e7
        );
}

.corporate-why-grid{

    display:grid;

    grid-template-columns:
        1fr
        1fr;

    gap:75px;

    align-items:center;
}

.corporate-why-content
.corporate-section-heading{

    margin-left:0;

    margin-right:0;
}

.corporate-why-content p{

    color:
        var(--kh-muted);

    font-size:14px;

    line-height:1.85;
}

.corporate-why-list{

    margin:
        30px 0 0;

    padding:0;

    list-style:none;
}

.corporate-why-list li{

    position:relative;

    margin-bottom:17px;

    padding-left:29px;

    color:
        var(--kh-brown-soft);

    font-size:13px;

    line-height:1.6;
}

.corporate-why-list li::before{

    content:"✦";

    position:absolute;

    left:0;

    color:
        var(--kh-gold);

    font-size:11px;
}

.corporate-why-visual{

    position:relative;

    padding:12px;

    background:
        var(--kh-card);

    box-shadow:
        var(--kh-shadow);
}

.corporate-why-visual::after{

    content:"";

    position:absolute;

    inset:22px;

    border:
        1px solid
        rgba(180,147,88,.35);

    pointer-events:none;
}

.corporate-why-visual img{

    width:100%;

    min-height:420px;

    display:block;

    object-fit:cover;
}


/* =========================================================
   PREMIUM ENQUIRY SECTION
========================================================= */

.corporate-enquiry{

    position:relative;

    padding:
        110px 0;

    background:
        #3c332c;
}

.corporate-enquiry::before{

    content:"";

    position:absolute;

    inset:20px;

    border:
        1px solid
        rgba(214,189,135,.18);

    pointer-events:none;
}

.corporate-enquiry-wrapper{

    position:relative;

    z-index:2;

    display:grid;

    grid-template-columns:
        .85fr
        1.15fr;

    gap:75px;

    align-items:center;
}


/* =========================================================
   ENQUIRY CONTENT
========================================================= */

.corporate-enquiry-content{

    color:#fff;
}

.corporate-enquiry-content
.corporate-section-label{

    color:
        var(--kh-gold-light);
}

.corporate-enquiry-content
.corporate-section-label::before,
.corporate-enquiry-content
.corporate-section-label::after{

    background:
        var(--kh-gold-light);
}

.corporate-enquiry-content
.corporate-section-heading{

    margin-left:0;

    margin-right:0;

    color:
        #fff;
}

.corporate-enquiry-content > p{

    max-width:500px;

    color:
        rgba(255,255,255,.68);

    font-size:14px;

    line-height:1.85;
}

.corporate-enquiry-points{

    margin:
        32px 0 0;

    padding:0;

    list-style:none;
}

.corporate-enquiry-points li{

    position:relative;

    margin-bottom:15px;

    padding-left:27px;

    color:
        rgba(255,255,255,.85);

    font-size:12px;
}

.corporate-enquiry-points li::before{

    content:"✦";

    position:absolute;

    left:0;

    color:
        var(--kh-gold-light);
}


/* =========================================================
   FORM OUTER CARD
========================================================= */

.corporate-enquiry-form-wrap{

    position:relative;

    padding:
        38px;

    background:
        #fdf9f1;

    border:
        1px solid
        rgba(214,189,135,.45);

    box-shadow:
        0 30px 70px
        rgba(0,0,0,.25);
}


/* Decorative inner frame */

.corporate-enquiry-form-wrap::before{

    content:"";

    position:absolute;

    inset:10px;

    border:
        1px solid
        rgba(180,147,88,.20);

    pointer-events:none;
}

.corporate-enquiry-form{

    position:relative;

    z-index:2;

    display:flex;

    flex-direction:column;

    gap:20px;
}


/* =========================================================
   FORM HEADING
========================================================= */

.corporate-enquiry-form::before{

    content:"Corporate Gifting Enquiry";

    display:block;

    margin-bottom:2px;

    color:
        var(--kh-brown);

    font-family:
        Georgia,
        serif;

    font-size:25px;

    font-weight:500;
}


/* =========================================================
   FORM ROW
========================================================= */

.corporate-form-row{

    display:grid;

    grid-template-columns:
        repeat(2,1fr);

    gap:16px;
}


/* =========================================================
   FORM GROUP
========================================================= */

.corporate-form-group{

    display:flex;

    flex-direction:column;

    gap:7px;
}

.corporate-form-group label{

    color:
        var(--kh-brown-soft);

    font-size:10px;

    font-weight:800;

    letter-spacing:.8px;

    text-transform:uppercase;
}


/* =========================================================
   FORM INPUTS
========================================================= */

.corporate-form-group input,
.corporate-form-group select,
.corporate-form-group textarea{

    width:100%;

    padding:
        14px 15px;

    color:
        var(--kh-brown);

    background:
        rgba(255,255,255,.75);

    border:
        1px solid
        #dcd0bd;

    border-radius:3px;

    outline:none;

    font-family:inherit;

    font-size:13px;

    transition:
        all .2s ease;
}

.corporate-form-group input::placeholder,
.corporate-form-group textarea::placeholder{

    color:
        #a79a8b;
}

.corporate-form-group textarea{

    min-height:115px;

    resize:vertical;
}

.corporate-form-group input:hover,
.corporate-form-group select:hover,
.corporate-form-group textarea:hover{

    border-color:
        var(--kh-gold-light);
}

.corporate-form-group input:focus,
.corporate-form-group select:focus,
.corporate-form-group textarea:focus{

    border-color:
        var(--kh-gold);

    background:#fff;

    box-shadow:
        0 0 0 3px
        rgba(180,147,88,.10);
}


/* =========================================================
   FORM SUBMIT
========================================================= */

.corporate-form-submit{

    position:relative;

    width:100%;

    min-height:53px;

    overflow:hidden;

    border:none;

    border-radius:3px;

    color:#fff;

    background:
        linear-gradient(
            135deg,
            #4b4037,
            #302821
        );

    font-family:inherit;

    font-size:12px;

    font-weight:800;

    letter-spacing:1px;

    text-transform:uppercase;

    cursor:pointer;

    transition:
        all .25s ease;
}

.corporate-form-submit::after{

    content:"";

    position:absolute;

    top:0;
    left:-100%;

    width:60%;
    height:100%;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.15),
            transparent
        );

    transition:
        left .5s ease;
}

.corporate-form-submit:hover{

    transform:
        translateY(-2px);

    box-shadow:
        0 12px 28px
        rgba(45,35,28,.20);
}

.corporate-form-submit:hover::after{

    left:120%;
}


/* =========================================================
   FORM NOTE
========================================================= */

.corporate-form-note{

    margin:0;

    color:
        #8a7c6d;

    font-size:10px;

    line-height:1.6;

    text-align:center;
}


/* =========================================================
   FAQ
========================================================= */

.corporate-faq{

    padding:
        110px 0;
}

.corporate-faq-list{

    display:flex;

    flex-direction:column;

    gap:10px;

    margin-top:45px;
}

.corporate-faq-item{

    overflow:hidden;

    background:
        var(--kh-card);

    border:
        1px solid
        var(--kh-line);
}

.corporate-faq-item summary{

    position:relative;

    padding:
        21px 55px
        21px 22px;

    color:
        var(--kh-brown);

    font-family:
        Georgia,
        serif;

    font-size:14px;

    font-weight:500;

    cursor:pointer;

    list-style:none;
}

.corporate-faq-item summary::-webkit-details-marker{

    display:none;
}

.corporate-faq-item summary::after{

    content:"+";

    position:absolute;

    right:22px;

    top:50%;

    transform:
        translateY(-50%);

    color:
        var(--kh-gold);

    font-family:
        Arial,
        sans-serif;

    font-size:21px;
}

.corporate-faq-item[open]
summary::after{

    content:"−";
}

.corporate-faq-answer{

    padding:
        0 22px
        22px;

    color:
        var(--kh-muted);

    font-size:12px;

    line-height:1.8;
}


/* =========================================================
   FINAL CTA
========================================================= */

.corporate-final-cta{

    padding:
        0 0
        110px;
}

.corporate-final-cta-box{

    position:relative;

    overflow:hidden;

    padding:
        75px 40px;

    text-align:center;

    background:
        linear-gradient(
            135deg,
            #e9deca,
            #f7f0e4
        );

    border:
        1px solid
        var(--kh-gold-light);

    box-shadow:
        var(--kh-shadow);
}

.corporate-final-cta-box::before{

    content:"✦";

    position:absolute;

    left:8%;

    top:20%;

    color:
        rgba(180,147,88,.25);

    font-size:55px;
}

.corporate-final-cta-box::after{

    content:"✦";

    position:absolute;

    right:8%;

    bottom:15%;

    color:
        rgba(180,147,88,.22);

    font-size:75px;
}

.corporate-final-cta-box h2{

    position:relative;

    z-index:2;

    max-width:700px;

    margin:
        0 auto 15px;

    color:
        var(--kh-brown);

    font-family:
        Georgia,
        serif;

    font-size:
        clamp(30px,4vw,46px);

    font-weight:500;

    line-height:1.2;
}

.corporate-final-cta-box p{

    position:relative;

    z-index:2;

    max-width:650px;

    margin:
        0 auto 28px;

    color:
        var(--kh-muted);

    font-size:13px;

    line-height:1.75;
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:1000px){

    .corporate-hero-content{

        grid-template-columns:
            1fr;

        gap:50px;
    }

    .corporate-hero-image-wrap img{

        height:450px;
    }

    .corporate-bundle-grid{

        grid-template-columns:
            repeat(2,1fr);
    }

    .corporate-custom-grid{

        grid-template-columns:
            repeat(2,1fr);
    }

    .corporate-enquiry-wrapper{

        grid-template-columns:
            1fr;

        gap:45px;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:768px){

    .corporate-container,
    .corporate-narrow,
    .corporate-hero-content{

        width:
            calc(100% - 28px);
    }


    /* -----------------------------------------
       HERO
    ----------------------------------------- */

    .corporate-hero{

        padding:
            70px 0
            65px;
    }

    .corporate-hero::before{

        inset:9px;
    }

    .corporate-hero::after{

        right:2%;

        top:7%;

        font-size:55px;
    }

    .corporate-eyebrow{

        margin-bottom:17px;

        font-size:8px;

        letter-spacing:1.5px;
    }

    .corporate-hero h1{

        font-size:
            clamp(37px,10vw,51px);

        letter-spacing:-1px;
    }

    .corporate-hero p{

        font-size:13px;

        line-height:1.8;
    }

    .corporate-hero-actions{

        flex-direction:column;

        align-items:stretch;

        margin-top:25px;
    }

    .corporate-primary-btn,
    .corporate-secondary-btn{

        width:100%;
    }

    .corporate-hero-highlights{

        grid-template-columns:
            1fr;

        margin-top:30px;
    }

    .corporate-highlight{

        border-right:none;

        border-bottom:
            1px solid
            var(--kh-line);
    }

    .corporate-highlight:last-child{

        border-bottom:none;
    }

    .corporate-hero-visual{

        padding:6px;
    }

    .corporate-hero-image-wrap img{
    
        width:100%;
        height:auto;
        aspect-ratio:auto;
        object-fit:contain;
    }


    /* -----------------------------------------
       TRUST
    ----------------------------------------- */

    .corporate-trust-strip{

        margin-top:-18px;
    }

    .corporate-trust-grid{

        grid-template-columns:
            repeat(2,1fr);
    }

    .corporate-trust-item{

        min-height:78px;

        padding:
            11px 8px;
    }

    .corporate-trust-item:nth-child(2n){

        border-right:none;
    }

    .corporate-trust-item:nth-last-child(-n+2){

        border-bottom:none;
    }

    .corporate-trust-item strong{

        font-size:12px;
    }

    .corporate-trust-item span{

        font-size:9px;
    }


    /* -----------------------------------------
       INTRO
    ----------------------------------------- */

    .corporate-intro{

        padding:
            75px 0
            40px;
    }

    .corporate-section-heading{

        font-size:29px;
    }

    .corporate-intro p{

        font-size:12px;
    }


    /* -----------------------------------------
       BUNDLES
    ----------------------------------------- */

    .corporate-bundles{

        padding:
            40px 0
            75px;
    }

    .corporate-bundle-grid{

        grid-template-columns:
            1fr;

        gap:18px;

        margin-top:32px;
    }

    .corporate-bundle-body{

        padding:
            20px 17px 18px;
    }
    
    .corporate-bundle-body h3{
        font-size:21px;
        margin-bottom:5px;
    }
    
    .corporate-bundle-subtitle{
        margin-bottom:12px;
        font-size:11px;
        line-height:1.5;
    }
    
    .corporate-bundle-price{
        margin-bottom:14px;
        font-size:17px;
    }
    
    .corporate-bundle-list{
        margin-bottom:20px;
    }
    
    .corporate-bundle-list li{
        margin-bottom:7px;
        padding-left:18px;
        font-size:11px;
        line-height:1.45;
    }
    
    .corporate-card-btn{
        min-height:42px;
        font-size:10px;
}


    /* -----------------------------------------
       PRICING
    ----------------------------------------- */

    .corporate-pricing{

        padding:
            75px 0;
    }

    .corporate-pricing-table-wrap{

        margin-top:32px;
    }


    /* -----------------------------------------
       CUSTOMIZATION
    ----------------------------------------- */

    .corporate-customization{

        padding:
            75px 0;
    }

    .corporate-custom-grid{

        grid-template-columns:
            repeat(2,1fr);

        gap:12px;

        margin-top:32px;
    }

    .corporate-custom-card{

        padding:
            25px 13px;
    }

    .corporate-custom-card h3{

        font-size:16px;
    }


    /* -----------------------------------------
       WHY
    ----------------------------------------- */

    .corporate-why{

        padding:
            75px 0;
    }

    .corporate-why-grid{

        grid-template-columns:
            1fr;

        gap:38px;
    }

    .corporate-why-content
    .corporate-section-heading{

        margin-left:0;

        margin-right:0;
    }

    .corporate-why-visual img{

        min-height:290px;
    }


    /* -----------------------------------------
       ENQUIRY
    ----------------------------------------- */

    .corporate-enquiry{

        padding:
            75px 0;
    }

    .corporate-enquiry::before{

        inset:10px;
    }

    .corporate-enquiry-wrapper{

        gap:35px;
    }

    .corporate-enquiry-form-wrap{

        padding:
            30px 17px;
    }

    .corporate-enquiry-form::before{

        font-size:22px;
    }

    .corporate-form-row{

        grid-template-columns:
            1fr;
    }


    /* -----------------------------------------
       FAQ
    ----------------------------------------- */

    .corporate-faq{

        padding:
            75px 0;
    }

    .corporate-faq-list{

        margin-top:32px;
    }

    .corporate-faq-item summary{

        padding:
            18px 43px
            18px 16px;

        font-size:13px;
    }

    .corporate-faq-answer{

        padding:
            0 16px
            20px;

        font-size:12px;
    }


    /* -----------------------------------------
       FINAL CTA
    ----------------------------------------- */

    .corporate-final-cta{

        padding:
            0 0
            75px;
    }

    .corporate-final-cta-box{

        padding:
            50px 20px;
    }

    .corporate-final-cta-box h2{

        font-size:29px;
    }

    .corporate-final-cta-box p{

        font-size:12px;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media(max-width:480px){

    .corporate-custom-grid{

        grid-template-columns:
            1fr;
    }

    .corporate-hero-image-wrap img{

        height:auto;
        aspect-ratio:auto;
        object-fit:contain;
    }

    .corporate-section-heading{

        font-size:27px;
    }
}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media(prefers-reduced-motion:reduce){

    .corporate-diwali-page *,
    .corporate-diwali-page *::before,
    .corporate-diwali-page *::after{

        transition:none !important;

        animation:none !important;
    }
}


/* =========================================================
   CORPORATE GIFTING - PACKAGING CARD ENHANCEMENT
   ========================================================= */

.corporate-custom-card {
    position: relative;
    overflow: hidden;
}

.corporate-custom-card:nth-child(4),
.corporate-custom-card:nth-child(5) {
    background: linear-gradient(
        145deg,
        #fffdf8 0%,
        #f5eee2 100%
    );
}

.corporate-custom-card:nth-child(4)::before,
.corporate-custom-card:nth-child(5)::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 100%;
    background: #c9a227;
}

.corporate-custom-card:nth-child(4) .corporate-custom-icon,
.corporate-custom-card:nth-child(5) .corporate-custom-icon {
    background: rgba(201, 162, 39, 0.12);
    color: #8a6812;
}

.corporate-custom-card:nth-child(4) h3,
.corporate-custom-card:nth-child(5) h3 {
    color: #4b3424;
}