.premium-hero{background:#f8f3ee;position:relative;overflow:hidden}
.premium-hero .carousel-item{background:#f8f3ee}
.premium-hero-slide{position:relative;min-height:500px;display:flex;overflow:hidden;background:#faf6f1}
.premium-hero-copy-wrap{position:relative;z-index:3;width:100%;display:flex;align-items:center;background:linear-gradient(90deg,#faf6f1 0%,#faf6f1 38%,rgba(250,246,241,.95) 45%,rgba(250,246,241,.5) 57%,rgba(250,246,241,0) 68%)}
.premium-hero-copy{padding:70px 0 78px;max-width:620px}
.hero-kicker{display:inline-block;color:var(--brand-red);font-weight:700;text-transform:uppercase;letter-spacing:.19em;font-size:.74rem;margin-bottom:1.15rem}
.premium-hero h1,.premium-hero h2{font-family:'Playfair Display',serif;font-weight:600;color:var(--brand-ink);font-size:clamp(3rem,4.35vw,5rem);line-height:1.02;letter-spacing:-.025em;margin:0 0 1.25rem}
.premium-hero h1 span,.premium-hero h2 span{color:var(--brand-red)}
.premium-hero p{max-width:535px;color:#4f4946;font-size:1.05rem;line-height:1.65;margin-bottom:1.8rem}
.hero-actions .btn{min-width:175px;padding:.92rem 1.35rem;font-size:.88rem}

.premium-hero-image{position:absolute;z-index:1;top:0;right:0;width:58%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center}
.premium-hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(250,246,241,.9) 0%,rgba(250,246,241,.2) 18%,rgba(250,246,241,0) 42%);pointer-events:none}
.hero-paneer{background-image:url('./../../assets/img/banner4.png');background-position:center 48%}
.hero-snacks{background-image:url('./../../assets/img/banner2.png');background-position:center 52%}
.hero-sweets{background-image:url('./../../assets/img/banner3.png');background-position:center 50%}

.premium-hero-control{width:66px;opacity:1;z-index:5}
.premium-arrow{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.94);color:#2b2422;box-shadow:0 8px 24px rgba(65,37,32,.16);font-size:1rem;transition:.25s}
.premium-hero-control:hover .premium-arrow{background:var(--brand-red);color:#fff;transform:scale(1.05)}
.premium-hero-indicators{z-index:6;bottom:12px;margin-bottom:0}
.premium-hero-indicators [data-bs-target]{width:9px!important;height:9px!important;border-radius:50%!important;border:0!important;margin:0 5px!important;background:#fff!important;opacity:.9!important;box-shadow:0 0 0 1px rgba(0,0,0,.12)}
.premium-hero-indicators .active{background:var(--brand-red)!important;box-shadow:none}

@media (max-width:1199.98px){
  .premium-hero-slide{min-height:470px}
  .premium-hero-image{width:60%}
  .premium-hero-copy-wrap{background:linear-gradient(90deg,#faf6f1 0%,#faf6f1 43%,rgba(250,246,241,.9) 52%,rgba(250,246,241,0) 72%)}
  .premium-hero-copy{padding-left:18px}
}

@media (max-width:991.98px){
  .tulsi-nav .brand-logo img,.brand-logo img{width:132px;height:62px}
  .premium-hero-slide{min-height:auto;display:block;padding:0}
  .premium-hero-copy-wrap{min-height:430px;align-items:flex-end;background:linear-gradient(90deg,rgba(20,10,8,.63),rgba(20,10,8,.18));color:#fff}
  .premium-hero-image{width:100%;height:100%;left:0;right:auto}
  .premium-hero-image:after{background:linear-gradient(0deg,rgba(20,10,8,.72) 0%,rgba(20,10,8,.14) 70%)}
  .premium-hero-copy{padding:115px 42px 68px;max-width:680px}
  .premium-hero h1,.premium-hero h2{font-size:clamp(2.8rem,7vw,4.6rem);color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.18)}
  .premium-hero p{color:rgba(255,255,255,.92);max-width:600px}
  .hero-kicker{color:#fff}
  .premium-hero .btn-outline-brand{border-color:#fff!important;color:#fff!important;background:rgba(255,255,255,.05)}
  .premium-hero .btn-outline-brand:hover{background:#fff!important;color:var(--brand-red)!important}
  .premium-hero-control{width:54px}
  .benefits .benefit{border-bottom:1px solid var(--brand-line)}
}

@media (max-width:575.98px){
  .topbar{font-size:.68rem;padding:.45rem 0}
  .premium-hero-copy-wrap{min-height:520px;align-items:flex-end}
  .premium-hero-copy{padding:150px 22px 78px}
  .premium-hero h1,.premium-hero h2{font-size:2.65rem;line-height:1.03}
  .premium-hero p{font-size:.92rem;line-height:1.55;margin-bottom:1.35rem}
  .hero-kicker{font-size:.64rem;letter-spacing:.14em;margin-bottom:.75rem}
  .hero-actions{gap:.65rem!important}
  .hero-actions .btn{width:100%;min-width:0;padding:.82rem .9rem;font-size:.78rem}
  .premium-hero-control{display:none}
  .premium-hero-indicators{bottom:12px}
  .hero-paneer{background-position:64% center}
  .hero-snacks,.hero-sweets{background-position:center}
  .benefits .benefit{min-height:104px;padding:17px 10px;gap:10px;border-right:0}
  .benefits .benefit i{width:42px;height:42px;flex-basis:42px;font-size:1rem}
  .benefits .benefit b{font-size:.71rem}
  .benefits .benefit small{font-size:.64rem}
}

/****************************************************************************************************************/
/* Testimonial slider */
.testimonial-carousel{position:relative;padding-bottom:74px}
.testimonial-carousel .carousel-item{transition:transform .65s ease-in-out}
.testimonial-carousel .review-card{min-height:245px}
.review-stars{display:flex;gap:4px;color:var(--brand);margin-bottom:18px;font-size:.9rem}
.testimonial-controls{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;gap:18px}
.testimonial-control{position:static;width:42px;height:42px;border:1px solid rgba(184,23,23,.22);border-radius:50%;background:#fff;color:var(--brand);opacity:1;box-shadow:0 8px 24px rgba(39,30,26,.06)}
.testimonial-control:hover,.testimonial-control:focus{background:var(--brand);color:#fff;border-color:var(--brand)}
.testimonial-indicators{position:static;margin:0;display:flex;align-items:center;gap:8px}
.testimonial-indicators [data-bs-target]{width:8px;height:8px;border:0;border-radius:50%;margin:0;background-color:rgba(184,23,23,.28);opacity:1}
.testimonial-indicators .active{width:24px;border-radius:999px;background-color:var(--brand)}
@media (max-width:767.98px){
  .testimonial-carousel{padding-bottom:64px}
  .testimonial-carousel .review-card{min-height:auto}
  .testimonial-control{width:40px;height:40px}
}


/***********************************************Thank you page***************************************************/
.thankyou-page {
    min-height: calc(100vh - 88px);
    background: radial-gradient(circle at 80% 15%, rgba(181, 22, 32, 0.08), transparent 30%),
        linear-gradient(135deg, #fff 0%, #fff8f3 100%);
    display: flex;
    align-items: center;
    padding: 70px 0;
}
.thankyou-card {
    max-width: 820px;
    margin: auto;
    text-align: center;
    background: rgba(255, 255, 255, 0.94);
    border: 1px solid var(--line);
    border-radius: 34px;
    padding: clamp(2rem, 6vw, 5rem);
    box-shadow: var(--shadow);
    position: relative;
    overflow: hidden;
}
.thankyou-card:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 5px;
    background: var(--red);
}
.success-icon {
    width: 92px;
    height: 92px;
    border-radius: 50%;
    margin: 0 auto 1.7rem;
    display: grid;
    place-items: center;
    background: var(--cream);
    border: 1px solid rgba(181, 22, 32, 0.16);
    color: var(--red);
    font-size: 2.7rem;
}
.thankyou-card h1 {
    font:
        700 clamp(2.8rem, 7vw, 5.3rem) / 1 "Playfair Display",
        serif;
    margin-bottom: 1.2rem;
}
.thankyou-card h1 em {
    color: var(--red);
    font-style: normal;
}
.thankyou-card .lead {
    color: var(--muted);
    max-width: 610px;
    margin: 0 auto 2rem;
}
.thankyou-actions {
    display: flex;
    justify-content: center;
    gap: 0.8rem;
    flex-wrap: wrap;
}
.thankyou-note {
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--line);
    font-size: 0.9rem;
    color: var(--muted);
}
@media (max-width: 575.98px) {
    .thankyou-page {
        padding: 35px 12px;
        min-height: calc(100vh - 74px);
    }
    .thankyou-card {
        border-radius: 24px;
    }
    .thankyou-actions .btn {
        width: 100%;
    }
}

/*****************************CTA****************************************************/
.foodservice-section {
    position: relative;
    overflow: hidden;
    min-height: 540px;

    display: flex;
    align-items: center;

    padding: 75px 0;

    background: linear-gradient(100deg, #7d0811 0%, #970c16 34%, #ac0f1b 56%, #c81726 100%);
}

.foodservice-section .container {
    position: relative;
    z-index: 5;
}

/* subtle texture */

.foodservice-section::before {
    content: "";
    position: absolute;
    inset: 0;

    background: radial-gradient(circle at 25% 40%, rgba(255, 255, 255, 0.04), transparent 32%),
        radial-gradient(circle at 75% 70%, rgba(255, 255, 255, 0.03), transparent 28%);

    pointer-events: none;
}

.food-bg {
    position: absolute;

    right: -60px;
    top: 50%;
    transform: translateY(-50%);

    width: 54%;
    height: 100%;

    z-index: 1;

    background-image: linear-gradient(
            90deg,
            rgba(166, 13, 25, 1) 0%,
            rgba(166, 13, 25, 0.87) 18%,
            rgba(166, 13, 25, 0.55) 38%,
            rgba(166, 13, 25, 0.15) 67%,
            rgba(166, 13, 25, 0.06) 100%
        ),
        url("https://design.connective9.com/tulsipaneerv1/assets/img/banner2.png");

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    opacity: 0.82;

    mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.35) 12%, #000 36%, #000 100%);

    -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.35) 12%, #000 36%, #000 100%);
}

/* soft dark overlay on image */

.food-bg::after {
    content: "";
    position: absolute;
    inset: 0;

    background: linear-gradient(180deg, rgba(120, 0, 8, 0.2), rgba(120, 0, 8, 0.48));
}

.eyebrow {
    margin-bottom: 17px;

    color: #ffe5d0;

    font-size: 13px;
    font-weight: 700;

    letter-spacing: 2.3px;
    text-transform: uppercase;
}

.food-title {
    margin: 0;

    max-width: 790px;

    color: white;

    font-family: "Playfair Display", serif;

    font-size: clamp(44px, 5vw, 72px);
    line-height: 1.03;

    font-weight: 600;

    letter-spacing: -1.5px;
}

.food-title em {
    font-weight: 600;
}

.food-description {
    max-width: 670px;

    margin-top: 25px;
    margin-bottom: 0;

    color: rgba(255, 255, 255, 0.93);

    font-size: 17px;
    line-height: 1.65;
}

.cta-area {
    position: relative;
    z-index: 5;

    padding-left: 20px;
}

.cloche-icon {
    width: 56px;
    height: 56px;

    margin: 0 auto 13px;

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

    border: 1px solid var(--gold);
    border-radius: 50%;

    color: var(--gold);

    font-size: 24px;

    background: rgba(95, 0, 8, 0.18);

    backdrop-filter: blur(5px);
}

.cta-label {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 12px;

    margin-bottom: 19px;

    color: #f2cf79;

    font-size: 12px;
    font-weight: 700;

    letter-spacing: 1.7px;
    text-transform: uppercase;
}

.cta-label::before,
.cta-label::after {
    content: "";

    width: 35px;
    height: 1px;

    background: rgba(231, 196, 111, 0.55);
}

.premium-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 18px;

    width: 100%;

    padding: 12px 13px 12px 29px;

    color: #99121d;

    background: linear-gradient(145deg, #fffefa 0%, #fff6e8 100%);

    border: 2px solid rgba(232, 201, 126, 0.85);
    border-radius: 16px;

    font-size: 18px;
    font-weight: 600;

    text-decoration: none;

    box-shadow:
        0 8px 0 rgba(78, 0, 6, 0.18),
        0 16px 35px rgba(55, 0, 5, 0.32);

    transition: all 0.3s ease;
}

.premium-btn:hover {
    color: #8d0b16;

    transform: translateY(-4px);

    background: white;

    box-shadow:
        0 5px 0 rgba(78, 0, 6, 0.15),
        0 20px 40px rgba(55, 0, 5, 0.36);
}

.btn-arrow {
    width: 58px;
    height: 58px;

    flex: 0 0 58px;

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

    border-radius: 50%;

    color: white;

    font-size: 26px;

    background: linear-gradient(145deg, #d91f30, #9f0d18);

    box-shadow: 0 8px 16px rgba(90, 0, 8, 0.25);

    transition: all 0.3s ease;
}

.premium-btn:hover .btn-arrow {
    transform: translateX(5px);
}

.benefits-wrap {
    margin-top: 34px;
}

.benefit-item {
    position: relative;

    min-height: 83px;

    text-align: center;

    padding: 0 9px;
}

.benefit-item:not(:last-child)::after {
    content: "";

    position: absolute;

    right: 0;
    top: 12px;

    width: 1px;
    height: 58px;

    background: rgba(240, 210, 139, 0.24);
}

.benefit-icon {
    height: 34px;

    margin-bottom: 7px;

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

    color: var(--gold);

    font-size: 24px;
}

.benefit-text {
    margin: 0;

    color: rgba(255, 255, 255, 0.95);

    font-size: 12px;
    line-height: 1.35;
}


@media (max-width: 1199px) {
    .food-bg {
        width: 57%;
        right: -100px;
    }

    .food-title {
        font-size: 58px;
    }
}

@media (max-width: 991px) {
    .foodservice-section {
        min-height: auto;

        padding: 65px 0 55px;
    }

    .food-bg {
        width: 100%;
        height: 55%;

        top: auto;
        bottom: 0;
        right: 0;

        transform: none;

        opacity: 0.23;

        background-position: center 50%;

        mask-image: linear-gradient(180deg, transparent, #000 28%, #000 100%);

        -webkit-mask-image: linear-gradient(180deg, transparent, #000 28%, #000 100%);
    }

    .cta-area {
        margin-top: 50px;
        padding-left: 0;
    }

    .food-title {
        max-width: 760px;
    }
}

@media (max-width: 767px) {
    .foodservice-section {
        padding: 52px 0 45px;
    }

    .eyebrow {
        margin-bottom: 12px;

        font-size: 11px;

        letter-spacing: 1.5px;
    }

    .food-title {
        font-size: 42px;
        line-height: 1.06;

        letter-spacing: -0.8px;
    }

    .food-description {
        margin-top: 18px;

        font-size: 15px;
        line-height: 1.55;
    }

    .cta-area {
        margin-top: 40px;
    }

    .cloche-icon {
        width: 49px;
        height: 49px;

        font-size: 21px;
    }

    .premium-btn {
        padding: 10px 10px 10px 20px;

        border-radius: 13px;

        font-size: 15px;
    }

    .btn-arrow {
        width: 48px;
        height: 48px;

        flex: 0 0 48px;

        font-size: 21px;
    }

    .benefit-item {
        margin-bottom: 18px;
    }

    .benefit-item:nth-child(2)::after {
        display: none;
    }
}

@media (max-width: 450px) {
    .food-title {
        font-size: 36px;
    }

    .cta-label {
        font-size: 9.5px;

        letter-spacing: 1px;

        gap: 7px;
    }

    .cta-label::before,
    .cta-label::after {
        width: 19px;
    }

    .premium-btn {
        font-size: 14px;
    }
}