:root{
  --maroon:#7a1421;
  --red:#c62328;
  --orange:#f0641e;
  --gold:#f6a821;
  --cream:#fff8ec;
  --cream-2:#fdeed3;
  --ink:#2c1810;
  --ink-soft:#6b5a4d;
  --leaf:#3f7d3a;
}
html{scroll-behavior:smooth;}
body{font-family:'Manrope',sans-serif;color:var(--ink);background:#fff;}
h1,h2,h3,.display-font{/*font-family:'Baloo 2',sans-serif;*/
  font-family: "Bebas Neue", sans-serif;
  font-weight: lighter  
}

/* Utility top bar */
.topbar{
  background: var(--maroon);
  color: #fff2df;
  font-size:.8rem;
  padding:.4rem 0;
}
.topbar a{color:#fff2df; text-decoration:none;}
.topbar a:hover{color:#fff;}

/* NAVBAR */
.navbar-brandbar{
  background:#fff;
  padding:5px 0;
  box-shadow: 0 4px 18px rgba(122,20,33,.08);
}
.brand-logo{
  width:50px;height:50px;border-radius:50%;
  background: radial-gradient(circle at 35% 30%, var(--gold), var(--orange) 55%, var(--red) 100%);
  display:flex;align-items:center;justify-content:center;
  color:#fff;font-size:1.4rem;
  box-shadow: 0 6px 14px rgba(198,35,40,.35);
}
.brand-word{
  font-family:'Baloo 2',sans-serif;
  font-weight:800;
  line-height:1;
  color: var(--maroon);
}
.brand-word small{
  display:block;
  font-family:'Manrope',sans-serif;
  font-weight:600;
  font-size:.62rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color: var(--orange);
  margin-top:2px;
}
.navbar-brandbar .nav-link{
  font-weight:700;
  font-size:.92rem;
  color: var(--ink);
  padding: .5rem 1rem !important;
  position:relative;
}
.navbar-brandbar .nav-link:hover, .navbar-brandbar .nav-link.active{ color: var(--red); }
.nav-item.dropdown:hover .dropdown-menu{ display:block; margin-top:0; }
.dropdown-menu{
  border:none;
  border-radius: 14px;
  box-shadow: 0 24px 48px rgba(122,20,33,.18);
  padding: 1rem;
}
.dropdown-menu .dropdown-item{
  border-radius:8px;
  font-weight:600;
  font-size:.88rem;
  padding:.5rem .8rem;
}
.dropdown-menu .dropdown-item:hover{ background: var(--cream-2); color: var(--red); }
.btn-bring-home{
  background: linear-gradient(135deg, var(--orange), var(--red));
  border:none;
  color:#fff;
  font-weight:800;
  border-radius:999px;
  padding:.6rem 1.5rem;
  font-size:.88rem;
  box-shadow: 0 10px 22px rgba(198,35,40,.3);
}
.btn-bring-home:hover{ color:#fff; filter:brightness(1.06); }

/* HERO CAROUSEL */
.hero-carousel{
  position:relative;
  overflow:hidden;
}
.hero-slide{
  min-height: 720px;
  display:flex;
  align-items:center;
  position:relative;
}
.hero-slide.slide-1{ background-image: url(../images/slider-1-bg.jpg);
background-repeat:no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
background-position:center;}

.hero-slide.slide-2{ 
   background-image: url(../images/slider-2-bg.jpg);
background-repeat:no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
background-position:center;
}
.hero-slide.slide-3{ 
 background-image: url(../images/slider-2-bg.jpg);
background-repeat:no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
background-position:center;}

.hero-eyebrow{
  font-weight:800;
  color: var(--orange);
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:.85rem;
}
.hero-slide h1{
  font-size: clamp(2.4rem, 5vw, 3.6rem);
   color: var(--maroon);
  line-height:1.08;
      letter-spacing: 1px;
}
.hero-slide h1 span{ color: var(--red); }
.hero-slide .hero-sub{
  font-weight:600;
  color: var(--ink-soft);
  font-size:1.15rem;
  max-width: 420px;
}
.hero-graphic{
  position:relative;
  height: 600px;
}
.hero-graphic img.main-pack{
  position:absolute;
  right: 10%;
  bottom: 0;
  height: 100%;
  filter: drop-shadow(0 30px 30px rgba(0,0,0,.25));
}
.floating-chip{
  position:absolute;
  background:#fff;
  border-radius:16px;
  box-shadow: 0 14px 30px rgba(122,20,33,.15);
  padding:.5rem;
  width: 92px; height:92px;
      z-index: 1;
  display:flex;align-items:center;justify-content:center;
}
.floating-chip img{ width:100%; height:100%; object-fit:contain; }
.chip-1{ top: 6%; left: 8%; animation: float 5s ease-in-out infinite; }
.chip-2{ top: 44%; left: 0%; animation: float 6s ease-in-out infinite .5s; }
.chip-3{ bottom: 4%; left: 20%; animation: float 5.5s ease-in-out infinite 1s; }
@keyframes float{ 0%,100%{transform:translateY(0);} 50%{transform:translateY(-14px);} }

.hero-carousel .carousel-indicators{ bottom: 18px; }
.hero-carousel .carousel-indicators [data-bs-target]{
  background: var(--maroon); width:19px;height:0px;border-radius:50%;
}
.hero-carousel .carousel-control-prev, .hero-carousel .carousel-control-next{ width:5%; opacity:.5; }

/* VIDEO / STORY STRIP */
.section-title-wrap{ text-align:center; margin-bottom: 2.5rem; }
.section-title-wrap .eyebrow{
  color: var(--orange); font-weight:800; letter-spacing:.1em; text-transform:uppercase; font-size:.82rem;
}
.section-title-wrap h2{ color: var(--maroon); font-weight:800; }

.story-scroll{
  display:flex; gap:1.25rem; overflow-x:auto; padding-bottom: 1rem; scroll-snap-type:x mandatory;
}
.story-scroll::-webkit-scrollbar{ height:6px; }
.story-scroll::-webkit-scrollbar-thumb{ background: var(--cream-2); border-radius:10px; }
.story-card{
  position:relative; flex:0 0 auto; width: 280px; height: 360px;
  border-radius: 20px; overflow:hidden; scroll-snap-align:start;
  box-shadow: 0 20px 40px rgba(122,20,33,.15);
}
.story-card img{ width:100%; height:100%; object-fit:cover; }
.story-card::after{
  content:''; position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(30,10,8,.85) 100%);
}
.story-card .story-text{
  position:absolute; left:0; right:0; bottom:0; padding: 1.2rem; z-index:2; color:#fff;
}
.story-card .play-btn{
  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:2;
  width:56px;height:56px;border-radius:50%; background: rgba(255,255,255,.92);
  display:flex;align-items:center;justify-content:center; color: var(--red); font-size:1.4rem;
}
.story-card .story-title{ font-weight:800; font-size:1rem; line-height:1.3; }
.story-card .story-tag{ font-size:.72rem; text-transform:uppercase; letter-spacing:.08em; color: var(--gold); font-weight:700; }

/* PRODUCT CATEGORY GRID */
.cat-card{ 
  background:#fff; 
  padding: 1.6rem 0 !important;
  text-align:center; 
  height:100%;
  transition: transform .25s ease, box-shadow .25s ease;
}
.cat-card:hover{ transform: translateY(-6px); box-shadow: 0 22px 40px rgba(122,20,33,.16); border-radius: 20px;}
.cat-thumb{
  width: 100px; height:100px; margin:0 auto 1rem;
  border-radius:50%;
  background: var(--cream-2);
  display:flex;align-items:center;justify-content:center;
  font-size:2.2rem; color: var(--red);
}
.cat-card h6{ font-weight:800; color: var(--ink); margin-bottom:.2rem; }
.cat-card p{ font-size:.82rem; color: var(--ink-soft); margin-bottom:0; }

/* PURITY BAND */
.purity-band{
  background: linear-gradient(120deg, var(--maroon), var(--red));
  border-radius: 26px;
  color:#fff;
  padding: 3rem;
  overflow:hidden;
  position:relative;
}
.purity-band .badge-num{
  font-family:'Baloo 2',sans-serif;
  font-weight:800;
  font-size:2.6rem;
  line-height:1;
}
.purity-band .badge-label{ font-size:.85rem; color: rgba(255,255,255,.8); font-weight:600; }

/* FOOTER */
footer{ background: var(--maroon); color: #f4ded4; padding-top: 3.5rem; }
footer h6{
  text-transform:uppercase; letter-spacing:.08em; font-size:.78rem; font-weight:800;
  color: var(--gold); margin-bottom:1.1rem;
}
footer a{ color: #f0d9cf; text-decoration:none; font-size:.9rem; display:block; margin-bottom:.55rem; }
footer a:hover{ color:#fff; }
.social-dot{
  width:38px;height:38px;border-radius:50%;
  background: rgba(255,255,255,.12);
  color:#fff; display:inline-flex;align-items:center;justify-content:center;
  margin-right:.5rem;
}
.social-dot:hover{ background: var(--gold); color: var(--maroon); }
.newsletter-box{
  background: rgba(255,255,255,.08);
  border-radius: 18px;
  padding: 1.6rem;
}
.newsletter-box .form-control{
  border-radius: 999px; border:none; padding:.7rem 1.1rem;
}
.newsletter-box .btn-send{
  background: var(--gold); color: var(--maroon); font-weight:800; border-radius:999px; padding:.7rem 1.4rem; border:none;
}
.footer-bottom{
  background: rgba(0,0,0,.18);
  font-size:.8rem;
  margin-top: 2.5rem;
  padding: 1rem 0;
}
.footer-bottom a{ display:inline; color:#f0d9cf; }
.footer-bottom a:hover{ color:#fff; }


.navbar-collapse{
  flex-grow: 0;
}
.logo{
  width: 320px;
}

.footer-logo{
  width: 190px
}
ul.footer-link {
  list-style: none;
      padding-left: 0;
}


        .legacy-section {
            position: relative;
            padding: 115px 0 48px;
            background: #f8f6ee;
            overflow: hidden;
        }

        /* Top background image */
        .legacy-section::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 115px;
            background-image: url("assets/images/legacy-bg.jpg");
            background-size: cover;
            background-position: center;
            z-index: 0;
        }

        /* Dark overlay */
        .legacy-section::after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 115px; 
            z-index: 0;
        }

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

        /* Main white card */
        .legacy-card {
            background: #fffdf9;
            border-radius: 27px;
            padding: 48px;
            min-height: 570px;
            box-shadow: 0 25px 45px rgba(37, 49, 26, 0.13);
        }

        /* =========================
           Left Content
        ========================= */

        .legacy-content {
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding-right: 20px;
        }

        .legacy-heading {
            display: flex;
            align-items: center;
            gap: 16px;
            margin-bottom: 18px;
        }

        .legacy-icon {
            width: 53px;
            height: 53px;
            min-width: 53px;
            background: #d50000;
            color: #fff;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 25px;
        }

        .legacy-heading h2 {
            margin: 0;
            color: #d00000;
            font-family: "Playfair Display", serif;
            font-size: 28px;
            font-weight: 700;
        }

        .legacy-text {
            font-size: 16px;
            line-height: 1.55;
            margin-bottom: 16px;
            color: #686a62;
        }

        /* =========================
           Feature Items
        ========================= */

        .legacy-features {
            display: flex;
            flex-wrap: wrap;
            gap: 28px;
            margin-top: 8px;
        }

        .legacy-feature {
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .feature-icon {
            width: 39px;
            height: 39px;
            min-width: 39px; 
            color: #fff;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 18px;
        }

        .feature-text h6 {
            margin: 0 0 3px;
            color: #d00000;
            font-size: 14px;
            font-weight: 600;
        }

        .feature-text span {
            display: block;
            color: #77786f;
            font-size: 14px;
            line-height: 1.25;
        }

        /* =========================
           Right Image
        ========================= */

        .legacy-image-wrapper {
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .legacy-image-box {
            width: 100%;
            height: 575px;
            padding: 14px;
            background: #f2f0e5;
            border-radius: 22px;
            box-shadow: 0 15px 30px rgba(65, 69, 47, 0.12);
        }

        .legacy-image-box img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            border-radius: 15px;
        }


        .fortune-banner {
            position: relative;
            width: 100%;
            min-height: 215px;
            background: linear-gradient(120deg, var(--maroon), var(--red));;
            overflow: hidden;
        }

        .fortune-banner .container {
            position: relative;
            min-height: 215px;
            display: flex;
            align-items: center;
        }

        /* Left Content */
        .fortune-content {
            position: relative;
            z-index: 2;
            padding: 20px 0;
        }

        .fortune-subtitle {
            margin: 0 0 5px;
            color: #fff;
            font-size: clamp(22px, 2vw, 32px);
            font-weight: 700;
            line-height: 1.15;
        }

        .fortune-title {
            margin: 0;
    color: #fff;
    font-size: clamp(65px, 7vw, 90px);
    /* font-weight: 700; */
    line-height: .9;
    /* letter-spacing: -4px;*/
            white-space: nowrap;
        }

        .fortune-title .registered {
            position: relative;
            top: -45px;
            margin-left: 3px;
            font-size: 14px;
            letter-spacing: 0;
        }

        /* Logo/Icon on right */
        .fortune-symbol {
            position: absolute;
            right: 4%;
             
            width: 225px;
            max-width: 18%;
            z-index: 1;
        }

        .fortune-symbol img {
            display: block;
            width: 100%;
            height: auto;
        }

.product-section{
   
  padding: 80px 0;
 background: radial-gradient(circle,rgba(173, 0, 12, 0.99) 0%, rgba(82, 0, 0, 1) 100%);
}

.product-section h3{
  color: #fff;
      font-size: 48px;
    margin-bottom: 30px;
}


.sortex-section {
    position: relative;
    padding: 90px 0;
    background: #faf8f0;
    overflow: hidden;
}


/* =====================================
   DECORATIVE LEAVES
===================================== */

.sortex-leaf {
    position: absolute;
    z-index: 0;
    pointer-events: none;
}

.sortex-leaf img {
    width: 100%;
    display: block;
}

.sortex-leaf-left {
    left: -80px;
    top: 30px;
    width: 190px;
}

.sortex-leaf-right {
    right: -70px;
    top: 20px;
    width: 200px;
}


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

.sortex-section .container {
    position: relative;
    z-index: 2;
}

.sortex-label {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;

    margin-bottom: 12px;

    color:var(--orange);

    font-size: 15px;
    font-weight: 700;
    letter-spacing: 3px;
}

.sortex-label .line {
    width: 28px;
    height: 1px;
    background: #719b45;
}

.sortex-title {
    margin: 0;

    color: #171717;
 

    font-size: clamp(40px, 4.5vw, 68px);
    
    line-height: 1.05;
}

.sortex-title span {
    color: #4f851d;
}

.sortex-title strong {
    color: #c91515;
}


/* =====================================
   DIVIDER
===================================== */

.sortex-divider {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 12px;

    margin: 24px auto 55px;
}

.sortex-divider span {
    width: 70px;
    height: 1px;
    background: #a9b99a;
}

.sortex-divider i {
    color: #559121;
    font-size: 15px;
}


/* =====================================
   FEATURE CARDS
===================================== */

.sortex-cards {
    position: relative;
}

.sortex-card {
    position: relative;

    height: 100%;
    min-height: 470px;

    padding: 55px 35px 30px;

    text-align: center;

    background: rgba(255, 255, 255, 0.72);

    border: 1px solid #e4e2d9;
    border-radius: 25px;

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

.sortex-card:hover {
    transform: translateY(-8px);

    box-shadow: 0 20px 45px rgba(40, 65, 25, .12);
}


/* =====================================
   CARD ICON
===================================== */

.sortex-card-icon {
    position: absolute;

    top: -42px;
    left: 50%;

    transform: translateX(-50%);

    width: 84px;
    height: 84px;

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

    background: #c91515;

    color: #fff;

    border-radius: 50%;

    border: 7px solid #faf8f0;

    font-size: 32px;
}

.sortex-card h3 {
    margin: 0;
     color: #c91515;
     font-size: 30px; 

    letter-spacing: .5px;
}

.card-divider {
    width: 90px;
    height: 1px;

    margin: 15px auto 25px;

    background: #a8b899;

    position: relative;
}

.card-divider::after {
    content: "◆";

    position: absolute;

    left: 50%;
    top: 50%;

    transform: translate(-50%, -50%);

    padding: 0 8px;

    color: #5b921f;
    background: #fffdf7;

    font-size: 9px;
}


/* =====================================
   CARD IMAGE
===================================== */

.sortex-card-image {
    width: 100%;
    height: 200px;

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

    margin-bottom: 15px;
}

.sortex-card-image img {
    width: 100%;
    height: 100%;

    object-fit: contain;

    display: block;
}

.quality-image {
    height: 210px;
}

.quality-image img {
    object-fit: cover;

    border-radius: 15px;
}


/* =====================================
   CARD TEXT
===================================== */

.sortex-card p {
    max-width: 360px;

    margin: 0 auto;

    color: #393939;

    font-size: 16px;
    line-height: 1.6;
}


/* =====================================
   WEIGHT CARD
===================================== */

.sortex-card-middle {
    background:
        linear-gradient(
            180deg,
            rgba(245, 248, 229, .75),
            rgba(255, 255, 255, .75)
        );
}

.sortex-card-middle .sortex-card-icon {
    background: #c91515;
}

.sortex-card h3.weight {
    margin-top: 0;
     color:#c91515;
 

    font-size: 38px;
    line-height: 1;
}

.weight-label {
    display: block;

    margin-top: 7px;

    color: #5a812f;

    font-size: 14px;
    letter-spacing: 1px;
}


/* =====================================
   BENEFITS
===================================== */

.sortex-benefits {
    max-width: 250px;

    margin: 20px auto 0;

    padding: 0;

    list-style: none;

    text-align: left;
}

.sortex-benefits li {
    display: flex;
    align-items: center;

    gap: 12px;

    margin-bottom: 12px;

    color: #242424;

    font-size: 16px;
}

.sortex-benefits li i {
    color: #c91515;
     font-size: 17px;
}


/* =====================================
   DAL IMAGE
===================================== */

.dal-image {
    position: absolute;

    left: 50%;
    bottom: -5px;

    width: 85%;

    transform: translateX(-50%);
}

.dal-image img {
    width: 100%;
    height: 150px;

    object-fit: contain;

    display: block;
}


/* =====================================
   BOTTOM INFORMATION BOX
===================================== */

.sortex-info-box {
    position: relative;

    display: flex;
    align-items: center;

    min-height: 150px;

    padding: 25px 35px;

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

    border: 1px solid #dfddd4;

    border-radius: 22px;

    overflow: hidden;
}


/* Info icon */

.info-icon {
    width: 70px;
    min-width: 70px;
    height: 70px;

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

    color: #4e851c;

    font-size: 42px;
}


/* Info content */

.info-content {
    max-width: 720px;

    padding-left: 25px;
    padding-right: 20px;
}

.info-content p {
    margin: 0 0 7px;

    color: #444;

    font-size: 16px;
    line-height: 1.6;
}

.info-content strong {
    color: #c91515;
}


/* Info image */

.info-image {
    margin-left: auto;

    width: 310px;

    align-self: flex-end;
}

.info-image img {
    width: 100%;
    height: 170px;

    object-fit: contain;

    display: block;
}

.food-showcase {
  position : relative;
  min-height : 100vh;
  padding : 30px 0 70px;
  overflow : hidden;
  background : #faf8f1;
}
.product-row {
  position : relative;
  min-height : 490px;
  display : flex;
  align-items : center;
  z-index : 2;
}
.product-content {
  position : relative;
  z-index : 10;
  
}
.content-right {
  margin-left : 30px;
}
.content-left {
  margin-left : 15%;
}
.product-content h2 {
  margin : 0;
  color : #c91515;
  font-size : clamp(45px, 4.5vw, 75px);
  font-weight : 800;
  line-height : .98; 
}
.product-content h4 {
  margin : 25px 0;
  color : #f4514d;
  font-size : clamp(20px, 1.8vw, 31px);
  font-weight : 700;
}
.bring-btn {
  display : inline-flex;
  align-items : center;
  justify-content : center;
  min-width : 185px;
  min-height : 55px;
  padding : 12px 28px;
  color : #fff;
  background : #f51d25;
  border-radius : 0 20px 0 20px;
  text-decoration : none;
  font-size : 15px;
  font-weight : 600;
  transition : all .3s ease;
}
  .bring-btn : hover {
  color : #fff;
  background : #d90d15;
  transform : translateY(-3px);
  box-shadow : 0 8px 20px rgba(245, 29, 37, .2);
}
.food-visual {
  position : relative;
  width : 34%;
  height : 390px;
  display : flex;
  align-items : center;
  justify-content : center;
}
.food-visual-left {
  margin-left : -5%;
}
.food-visual-right {
  margin-left : 4%;
}
.orange-shape {
  position : absolute;
  width : 330px;
  height : 330px;
  background : #ffb000;
  border-radius : 42% 58% 52% 48% /51% 42% 58% 49%;
  transform : rotate(-15deg);
  z-index : 1;
}
.orange-shape span {
  position : absolute;
  display : block;
  width : 100%;
  height : 100%;
  border-radius : inherit;
  background : #f87500;
}
  .orange-shape span : nth-child(1) {
  transform : rotate(25deg) scale(.87);
}
  .orange-shape span : nth-child(2) {
  transform : rotate(70deg) scale(.74);
  background : #f04a00;
}
  .orange-shape span : nth-child(3) {
  transform : rotate(125deg) scale(.62);
  background : #ff9900;
}
.food-circle {
  position : relative;
  width : 275px;
  height : 275px;
  border-radius : 50%;
  overflow : hidden;
  z-index : 5;
  box-shadow : 0 10px 25px rgba(0, 0, 0, .12);
}
.food-circle img {
  width : 100%;
  height : 100%;
  display : block;
  object-fit : cover;
}
.product-package {
  position : relative;
  width : 100%; 
  flex-direction : column;
  align-items : center;
  z-index : 10;
}
.package-image {
   
  display : flex;
  align-items : center;
  justify-content : center;
}
.package-image img {
  max-width : 100%;
  max-height : 100%;
  object-fit : contain;
  display : block;
}
.product-arrows {
  display : flex;
  justify-content : center;
  gap : 18px;
  margin-top : 20px;
}
.arrow-btn {
  width : 40px;
  height : 40px;
  padding : 0;
  display : flex;
  align-items : center;
  justify-content : center;
  border : 0;
  border-radius : 50%;
  background : #ffab00;
  color : #fff;
  font-size : 17px;
  cursor : pointer;
  transition : .3s ease;
}
  .arrow-btn : hover {
  background : #f47700;
  transform : scale(1.08);
}
.curve {
  position : absolute;
  z-index : 1;
  pointer-events : none;
  border-top : 2px dotted #f28b00;
  border-radius : 50%;
}
.curve-one {
  width : 1050px;
  height : 650px;
  left : 13%;
  top : -190px;
  transform : rotate(25deg);
}
.curve-two {
  width : 1050px;
  height : 650px;
  left : 15%;
  top : 110px;
  transform : rotate(25deg);
}
.contact-widget {
  position : fixed;
  right : 35px;
  bottom : 0;
  width : 300px;
  padding : 10px 18px;
  background : #f26b19;
  color : #fff;
  border-radius : 12px 12px 0 0;
  z-index : 100;
}
.contact-content {
  display : flex;
  align-items : center;
  gap : 12px;
}
.contact-content span, .contact-content strong {
  display : block;
}
.contact-content span {
  font-size : 13px;
}
.contact-content strong {
  font-size : 15px;
}
.contact-bottle {
  width : 55px;
}
.contact-bottle img {
  width : 100%;
}
.contact-close {
  position : absolute;
  left : 5px;
  top : 5px;
  width : 20px;
  height : 20px;
  border : 0;
  background : transparent;
  color : #fff;
  font-size : 17px;
  line-height : 1;
}


  .top-bar {
            height: 48px;
            background: linear-gradient(
                90deg,
                #741216,
                #971b20,
                #741216
            );
            color: #fff;
            display: flex;
            align-items: center;
            font-size: 13px;
        }

        .top-bar-content {
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 100%;
        }

        .top-contact {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .top-contact i {
            font-size: 16px;
        }


        /* ========================================
           NAVIGATION
        ======================================== */

        .main-navbar {
            
            background: #fff;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
            position: relative;
            z-index: 20;
        }

        .navbar-brand img {
            width: 275px;
            height: auto;
        }

        .navbar-nav {
            gap: 7px;
        }

        .navbar-nav .nav-link {
            position: relative;
                padding: 26px 30px !important;
            font-size: 16px;
            font-weight: 500;
            color: #66544d;
            transition: 0.3s ease;
        }

        .navbar-nav .nav-link:hover,
        .navbar-nav .nav-link.active {
            color: var(--maroon);
        }

        .navbar-nav .nav-link::after {
            content: "";
            position: absolute;
            width: 0;
            height: 3px;
            background: var(--maroon);
            left: 50%;
            bottom: 0;
            transform: translateX(-50%);
            transition: 0.3s ease;
        }

        .navbar-nav .nav-link:hover::after,
        .navbar-nav .nav-link.active::after {
            width: 35px;
        }

        /* Business enquiry */

        .business-btn {
            border: 1px solid var(--maroon);
            color: var(--maroon);
            padding: 10px 22px;
            border-radius: 30px;
            font-size: 13px;
            font-weight: 500;
            text-decoration: none;
            transition: 0.3s ease;
            white-space: nowrap;
        }

        .business-btn:hover {
            background: var(--maroon);
            color: #fff;
        }


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

        .hero-section {
            position: relative;
                padding: 70px 0;
            display: flex;
            align-items: center;
            overflow: hidden;
             background-image:
                linear-gradient(
                    90deg,
                    rgba(246, 239, 226, 0.95) 0%,
                    rgba(246, 239, 226, 0.88) 38%,
                    rgba(246, 239, 226, 0.30) 72%,
                    rgba(246, 239, 226, 0.10) 100%
                ),
                url("../images/slider-1-bg.jpg");

            background-position: center;
            background-size: cover;
        }

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

        .hero-content {
            
            padding: 50px 0 70px;
        }

        .hero-small-title {
            color: #8b6e4e;
            font-size: 12px;
            font-weight: 600;
            letter-spacing: 1.5px;
            margin-bottom: 22px;
            text-transform: uppercase;
        }

        .hero-title {
            font-family: 'DM Serif Display', serif;
            color: var(--maroon);
            font-size: clamp(42px, 4vw, 57px);
            line-height: 1.02;
            margin-bottom: 22px;
            font-weight: 600;
        }

        .hero-description {
            font-size: 16px;
            line-height: 1.55;
            color: #755642;
            max-width: 520px;
            margin-bottom: 30px;
        }

        /* Buttons */

        .hero-buttons {
            display: flex;
            gap: 14px;
            flex-wrap: wrap;
        }

        .btn-primary-custom {
            background: var(--maroon);
            border: 1px solid var(--maroon);
            color: #fff;
            padding: 12px 28px;
            border-radius: 30px;
            font-size: 13px;
            font-weight: 500;
            text-decoration: none;
            transition: 0.3s ease;
        }

        .btn-primary-custom:hover {
            background: #691014;
            border-color: #691014;
            color: #fff;
            transform: translateY(-2px);
        }

        .btn-outline-custom {
            background: rgba(255,255,255,0.2);
            border: 1px solid #d6bd8b;
            color: #805b43;
            padding: 12px 28px;
            border-radius: 30px;
            font-size: 13px;
            font-weight: 500;
            text-decoration: none;
            transition: 0.3s ease;
        }

        .btn-outline-custom:hover {
            background: #fff;
            color: var(--maroon);
            border-color: var(--maroon);
        }


        /* ========================================
           PRODUCT IMAGE
        ======================================== */

        .hero-product {
            position: absolute;
            right: 0%;
            bottom: 35px;
            width: 550px;
            z-index: 3;
        }

        .hero-product img {
            width: 100%;
            height: auto;
            display: block;
            filter: drop-shadow(0 18px 20px rgba(76, 43, 20, 0.18));
        }


        /* ========================================
           FEATURES
        ======================================== */

        .feature-strip {
            background: #fff;
            position: relative;
            z-index: 5;
            border-bottom: 1px solid #eee7dc;
                padding: 10px 0;
        }

        .feature-item {
            min-height: 145px;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            text-align: center;
            padding: 15px 20px;
            position: relative;
        }

        .feature-item:not(:last-child)::after {
            content: "";
            position: absolute;
            width: 1px;
            height: 58px;
            background: #eee8df;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
        }

        .feature-icon {
            width: 38px;
            height: 38px;
            margin-bottom: 8px;
            color: #a0524b;
            font-size:38px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .feature-title {
            font-size: 16px;
            color: #584941;
            font-weight: 500;
            margin: 0;
        }


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

        .navbar-toggler {
            border: 0;
            padding: 5px;
        }

        .navbar-toggler:focus {
            box-shadow: none;
        }

        .navbar-toggler-icon {
            background-image: none;
            width: 25px;
            height: 18px;
            position: relative;
            border-top: 2px solid var(--maroon);
            border-bottom: 2px solid var(--maroon);
        }

        .navbar-toggler-icon::after {
            content: "";
            position: absolute;
            width: 100%;
            height: 2px;
            background: var(--maroon);
            top: 7px;
            left: 0;
        }




   .section-title-small {
            font-size: 18px;
            font-weight: 600;
            letter-spacing: 1px;
            color: var(--maroon);
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 15px;
        }

        .section-title-small:before,
        .section-title-small:after {
            content: "";
            width: 60px;
            height: 1px;
            background: var(--gold);
            position: relative;
        }

        .section-title-small:before { 
            width: 55px;
            height: 1px !important
        }

        .main-heading {
            font-family: 'Oswald', sans-serif;
            font-size: 48px;
            font-weight: 600;
            text-transform: uppercase;
            color: var(--maroon);
            letter-spacing: 1px;
            text-align: center;
            margin: 10px 0 25px;
        }

        .gold-line {
            width: 100px;
            height: 1px;
            background: var(--gold);
            margin: 0 auto 20px;
            position: relative;
        }

        .gold-line:before,
        .gold-line:after {
            content: "";
            position: absolute;
            width: 6px;
            height: 6px;
            background: var(--gold);
            border-radius: 50%;
            top: -2px;
        }

        .gold-line:before {
            left: 0;
        }

        .gold-line:after {
            right: 0;
        }


        /* =====================================
           QUALITY ASSURANCE SECTION
        ===================================== */

        .quality-section {
            padding: 25px 0 45px;
        }

        .quality-box {
            background-image: url(../images/bg-1.jpg);
            background-repeat:no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
background-position:center;
            border-radius: 24px;
            min-height: 310px;
            position: relative;
            overflow: hidden;
            padding: 60px;
            color: #fff;
        }

        /* Subtle pulse texture */
        .quality-box:before {
            content: "";
            position: absolute;
            inset: 0;
            opacity: 0.12;
            background-image:
                radial-gradient(circle at 10% 20%, #d59b78 2px, transparent 3px),
                radial-gradient(circle at 80% 70%, #d59b78 2px, transparent 3px);
            background-size: 25px 25px, 35px 35px;
            pointer-events: none;
        }

        .quality-content {
            position: relative;
            z-index: 2;
        }

        .quality-label {
            color: #e6b74d;
            font-size: 18px;
            font-weight: 600;
            letter-spacing: 1px;
            margin-bottom: 15px;
        }

        .quality-label:after {
            content: "";
            display: block;
            width: 45px;
            height: 2px;
            background: #d6a63e;
            margin-top: 8px;
        }

        .quality-heading {
            font-family: 'Oswald', sans-serif;
            font-size: 44px;
    /* line-height: 1.12; */
    font-weight: 600;
    text-transform: uppercase;
    /* max-width: 470px; */
    margin-bottom: 12px
        }

        .quality-description {
            font-size: 18px;
            line-height: 1.6;
            max-width: 440px;
            color: #f5e8d6;
            margin-bottom: 20px;
        }

        /* Buttons */

        .btn-quality-primary {
            background: #fff4df;
            color: var(--maroon);
            border: none;
            border-radius: 8px;
            padding: 10px 22px;
            font-weight: 600;
            font-size: 16px;
            margin-right: 10px;
            transition: 0.3s;
        }

        .btn-quality-primary:hover {
            background: #e9d5ad;
            color: var(--maroon);
        }

        .btn-quality-outline {
            background: transparent;
            color: #fff;
            border: 1px solid #d7a64a;
            border-radius: 8px;
            padding: 9px 22px;
            font-weight: 500;
            font-size: 16px;
            transition: 0.3s;
        }

        .btn-quality-outline:hover {
            background: #d7a64a;
            color: var(--dark-maroon);
        }

        /* Quality Features */

        .quality-features {
            position: relative;
            z-index: 2;
            height: 100%;
            display: flex;
            align-items: center;
        }

        .quality-feature-item {
            text-align: center;
            margin-bottom: 28px;
        }

        .quality-icon {
            width: 88px;
            height: 88px;
            border: 2px solid #d6ad55;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 8px;
            color: #e6bd62;
            font-size: 22px;
        }

        .quality-feature-item h5 {
                font-size: 16px;
    font-weight: 600;
            line-height: 1.5;
            color: #fff4df;
            margin: 0;
        }


        /* =====================================
           WHY CHOOSE SECTION
        ===================================== */

        .why-section {
            padding: 35px 0 70px;
            position: relative;
            background: var(--cream);
        }

        .why-section .container {
            position: relative;
            z-index: 2;
        }

        .feature-card {
            background: #fffdf8;
            border-radius: 16px;
            min-height: 265px;
            padding: 25px 20px;
            text-align: center;
            box-shadow: 0 8px 25px rgba(101, 55, 30, 0.08);
            transition: 0.3s ease;
            border: 1px solid rgba(180, 130, 70, 0.05);
        }

        .feature-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 12px 30px rgba(101, 55, 30, 0.14);
        }

        .feature-icon {
            width: 100px;
            height: 100px;
            border: 1px solid #e2c98e;
            border-radius: 50%;
            margin: 0 auto 18px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--maroon);
            font-size: 40px;
            position: relative;
        }

        .feature-icon:after {
            content: "";
            position: absolute;
            inset: 8px; 
            border-radius: 50%;
        }

        .feature-icon i {
            position: relative;
            z-index: 2;
        }

        .feature-card h4 {
            font-family: 'Oswald', sans-serif;
            color: var(--maroon);
            font-size: 22px;
            font-weight: 600;
            margin-bottom: 10px;
        }

        .feature-card p {
            font-size: 15px;
            line-height: 1.7;
            color: #5f5450;
            margin: 0 auto;
            max-width: 210px;
        }

        .learn-btn {
            display: inline-block;
            margin-top: 30px;
            border: 1px solid var(--maroon);
            border-radius: 7px;
            color: var(--maroon);
            padding: 10px 24px;
            font-size: 13px;
            font-weight: 600;
            text-decoration: none;
            transition: 0.3s;
        }

        .learn-btn:hover {
            background: var(--maroon);
            color: #fff;
            text-decoration: none;
        }

        .learn-btn i {
            margin-left: 10px;
        }

        /* Decorative wheat / pulses */

        .info-img {
             position: absolute;
            right: 90px;
            bottom: -15px;
            font-size: 130px;
            opacity: 0.16;
            transform: rotate(-10deg);
             z-index: 11;
            
             
        }


        /* =====================================
           BUSINESS ENQUIRY SECTION
        ===================================== */

        .business-section {
            padding: 20px 0 40px;
            
        }

        .business-box {
            min-height: 395px;
            border-radius: 28px;
            background-image: url(../images/bg-2.jpg);
    background-repeat: no-repeat;
                background-size: cover;
    background-position: center;
            position: relative;
            overflow: hidden;
            padding: 50px;
            color: white;
        }

        .business-box:before {
            content: "";
            position: absolute;
            right: -50px;
            top: -50px;
            width: 350px;
            height: 350px;
            background:
                radial-gradient(circle at 30% 30%, rgba(224, 164, 70, 0.4), transparent 2px),
                radial-gradient(circle at 70% 60%, rgba(224, 164, 70, 0.3), transparent 3px);
            background-size: 20px 20px;
            opacity: 0.6;
        }

        .business-content {
            position: relative;
            z-index: 2;
        }

        .business-label {
            color: #e5bd5f;
            font-size: 16px;
            font-weight: 600;
            letter-spacing: 1px;
            margin-bottom: 15px;
        }

        .business-label:after {
            content: "";
            display: block;
            width: 200px;
            height: 2px;
            background: #d5a64b;
            margin-top: 8px;
        }

        .business-heading {
            font-family: 'Oswald', sans-serif;
               font-size: 50px;
    font-weight: 500;
            line-height: 1.15;
            text-transform: uppercase;
            max-width: 570px;
            margin-bottom: 15px;
        }

        .business-description {
            font-size: 15px;
            line-height: 1.7;
            color: #f6e8d9;
            max-width: 510px;
            margin-bottom: 25px;
        }

        .business-buttons a {
            display: inline-block;
            padding: 13px 30px;
            border-radius: 9px;
            font-size: 15px;
            font-weight: 600;
            margin-right: 15px;
            text-decoration: none;
            transition: 0.3s;
        }

        .btn-quote {
            background: #e7bd65;
            color: #65070c;
        }

        .btn-quote:hover {
            background: #f2d58e;
            color: #65070c;
        }

        .btn-whatsapp {
            color: #fff;
            border: 1px solid #d5a64b;
        }

        .btn-whatsapp:hover {
            background: #d5a64b;
            color: #65070c;
        }

        /* Right side enquiry box */

        .business-info {
            position: relative;
            z-index: 2;
            background: rgb(95 1 6 / 98%);
    border: 2px solid #d4a64e;
            border-radius: 15px;
            padding: 18px 25px;
            margin-top: 25px;
        }

        .business-info-item {
            display: flex;
            align-items: center;
            padding: 10px 0;
            border-bottom: 1px solid rgba(220, 170, 75, 0.3);
            font-size: 14px;
            font-weight: 500;
        }

        .business-info-item:last-child {
            border-bottom: none;
        }

        .business-info-icon {
            width: 50px;
            height: 50px;
            border: 2px solid #d9b15a;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 15px;
            color: #e2bd68;
            font-size: 14px;
        }

.icon{width: 75px;}

.icon-2{width: 75px;}

.icon-3{width: 36px;}


        .breadcrumb-section {
            min-height: 425px;
            background-color: #ffe3b5;
            position: relative;
            overflow: hidden;
            display: flex;
            align-items: center;
        }

        .breadcrumb-content {
            position: relative;
            z-index: 2;
        }

        .breadcrumb-title {
            font-family: 'Oswald', sans-serif;
            font-size: 52px;
            font-weight: 600;
            color: #c92121;
            text-transform: uppercase;
            line-height: 1.2;
            margin-bottom: 8px;
        }

        .breadcrumb-text {
            font-size: 16px;
            font-weight: 500;
            color: #111;
            text-transform: uppercase;
        }

        .breadcrumb-image {
            position: absolute;
            right: 0;
            bottom: 0;
            width: 55%;
            max-width: 700px;
            height: 100%;
            object-fit: contain;
            object-position: right bottom;
        }

.breadcrumb-section {
     min-height: 425px;
    background-color: #ffd84d; /* Yellow background */
    background-image: url(../images/breadcrumb-img.png);
    background-repeat: no-repeat;
    background-position: calc(100% + -120px) bottom;
    background-size: contain;
    
}



.our-story-section {
    padding: 75px 0 70px;
    background: #ffffff;
    overflow: hidden;
}

.story-content {
    padding-right: 0px;
}

/* Small Heading */
.story-small-title {
    display: block;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: #111111;
    margin-bottom: 18px;
}

/* Main Heading */
.story-title {
    font-family: 'Oswald', sans-serif;
    font-size: 48px;
    font-weight: 600; 
    color: #d51f1f;
    text-transform: uppercase;
    margin-bottom: 24px;
}

/* Paragraph */
.story-description {
    max-width: 760px;
}

.story-description p {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
    color: #555555;
    margin-bottom: 6px;
}

/* ============================
   FEATURE ICONS
============================ */

.story-features {
    display: flex;
    align-items: flex-start;
    gap: 75px;
    margin-top: 42px;
}

.story-feature {
    text-align: center;
}

.feature-icon {
    width: 94px;
    height: 94px;
    border: 3px solid #d51f1f;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 12px;
}

.feature-icon i {
    font-size: 38px;
    color: #d51f1f;
}

.story-feature h6 {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #d51f1f;
    white-space: nowrap;
    margin: 0;
}

/* ============================
   PRODUCT IMAGE
============================ */

.story-product-image {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.story-product-image img {
    width: 100%;
    max-width: 530px;
    height: auto;
    object-fit: contain;
}

.values-section {
    padding: 90px 0;
    background: #ffffff;
}


/* Main Red Box */

.values-box {
    position: relative;
    background-color: #a90000;
     background-image:  url('../images/bg-1.jpg');

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

    border-radius: 28px;

    padding: 98px 55px 80px;

    min-height: 405px;

    overflow: hidden;

    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
}


/* =========================
   VALUE ITEM
========================= */

.value-item {
    text-align: center;
    color: #ffffff;
    height: 100%;

    display: flex;
    flex-direction: column;
    align-items: center;
}


/* Circular Icon */

.value-icon {
    width: 90px;
    height: 90px;

    border: 3px solid #fff200;
    border-radius: 50%;

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

    margin-bottom: 24px;

    flex-shrink: 0;
}

.value-icon i {
    font-size: 38px;
    color: #ffffff;
}


/* Heading */

.value-item h3 {
    font-family: 'Oswald', sans-serif;

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

    color: #fff200;

    margin-bottom: 8px;

    letter-spacing: 0.5px;
}


/* Description */

.value-item p {
    font-family: 'Poppins', sans-serif;
     font-size: 15px;
    font-weight: 500;
     color: #ffffff;
     margin: 0;
}

.journey-section {
    position: relative;
    background: #fff7e8;
    padding: 90px 0 100px;
    overflow: hidden;
}


/* Content */

.journey-content {
    padding-right: 30px;
}

.section-label {
    display: block;
    font-size: 20px;
    font-weight: 500;
    color: #111;
    margin-bottom: 18px;
}


/* Main Heading */

.journey-title {
    font-family: 'Oswald', sans-serif;
    font-size: 52px;
    font-weight: 600;
    line-height: 1.65;
    text-transform: uppercase;
    color: #d51f1f;
    margin-bottom: 28px;
}


/* =========================
   JOURNEY ITEMS
========================= */

.journey-item {
    margin-bottom: 14px;
}

.journey-item h3 {
    font-family: 'Oswald', sans-serif;
    font-size: 28px;
    font-weight: 600;
    color: #d51f1f;
    margin-bottom: 2px;
    display: flex;
    align-items: center;
    gap: 7px;
}


/* Red Bullet */

.bullet {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: #d51f1f;
    border-radius: 50%;
    flex-shrink: 0;
}


/* Paragraph */

.journey-item p {
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    line-height: 1.45;
    color: #555;
    font-weight: 400;
    margin: 0;
    max-width: 800px;
}


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

.journey-image {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.journey-image img {
    width: 100%;
    max-width: 620px;
    height: auto;
    object-fit: contain;
}


.pulse-products-section {
    padding: 55px 0 100px;
    background: #ffffff;
}


/* ============================
   SECTION HEADING
============================ */

.products-heading {
    margin-bottom: 48px;
}

.products-label {
    display: block;

    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 500;

    color: #111111;

    margin-bottom: 5px;
}

.products-title {
    font-family: 'Oswald', sans-serif;

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

    color: #d51f1f;

    text-transform: uppercase;
    line-height: 1.2;

    margin: 0;
}


/* ============================
   PRODUCT CARD
============================ */

.product-card {
    background: #fff8ec;

    border: 2px solid #ffdda3;

    border-radius: 20px;

    height: 375px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;

    padding: 25px 20px 28px;

    transition: all 0.3s ease;
}


/* Hover Effect */

.product-card:hover {
    transform: translateY(-6px);

    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}


/* ============================
   PRODUCT IMAGE
============================ */

.product-image {
    width: 100%;
    height: 275px;

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

    margin-bottom: 12px;
}

.product-image img {
    max-width: 100%;
    max-height: 100%;

    width: auto;
    height: auto;

    object-fit: contain;

    transition: transform 0.3s ease;
}

.product-card:hover .product-image img {
    transform: scale(1.04);
}


/* ============================
   PRODUCT NAME
============================ */

.product-name {
    font-family: 'Poppins', sans-serif;

    font-size: 15px;
    font-weight: 500;

    color: #d51f1f;

    text-align: center;
    text-transform: uppercase;

    margin: 0;

    line-height: 1.4;
}



.contact-section {
    padding: 65px 0 80px;
    background: #ffffff;
}


/* ============================
   CONTACT FORM BOX
============================ */

.contact-form-box {
    background: #8c1222;
    border-radius: 18px;

    padding: 32px 30px 42px;

    min-height: 490px;
}


/* Small Heading */

.contact-label {
    display: block;

    font-size: 15px;
    font-weight: 500;

    color: #ffffff;

    margin-bottom: 2px;
}


/* Main Heading */

.contact-title {
    font-family: 'Oswald', sans-serif;

    font-size: 36px;
    font-weight: 500;

    color: #ffe3a9;

    text-transform: uppercase;

    margin-bottom: 15px;
}


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

.custom-input {
    background: transparent !important;
     border: 2px solid #ffdda3 !important;
     border-radius: 8px !important;
     color: #ffffff !important;
     font-family: 'Poppins', sans-serif;
     font-size: 13px;
     padding: 18px 14px;
      
}

.custom-input::placeholder {
    color: #ffffff;
    opacity: 1;
}

.custom-input:focus {
    box-shadow: none !important;
    border-color: #ffffff !important;
}

.message-input {
    height: 125px;
    resize: none;
}


/* ============================
   SUBMIT BUTTON
============================ */

.submit-btn {
    width: 100%;

    background: #ffe0aa;
    color: #650b16;

    border: none;
    border-radius: 8px;

    padding: 12px 20px;

    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    font-weight: 600;

    cursor: pointer;

    transition: all 0.3s ease;
}

.submit-btn:hover {
    background: #ffffff;
    color: #8c1222;
}


/* ============================
   CONTACT INFO BOX
============================ */

.contact-info-box {
    background: #fff7e8;

    border-radius: 18px;

    padding: 35px 27px;

    min-height: 490px;
}


/* Info Heading */

.info-title {
    font-family: 'Oswald', sans-serif;

    font-size: 36px;
    font-weight: 500;

    color: #d51f1f;

    text-transform: uppercase;

    margin-bottom: 30px;
}


/* ============================
   INFO ITEMS
============================ */

.info-item {
    display: flex;
    align-items: center;

    gap: 15px;

    margin-bottom: 15px;
}


/* Circular Icon */

.info-icon {
    /* width: 45px;
    height: 45px;*/
     background: #d51f1f;
     border-radius: 50%;
     display: flex;
    align-items: center;
    justify-content: center;

    flex-shrink: 0;
}

.info-icon i {
    font-size: 18px;
    color: #ffffff;
}


/* Info Text */

.info-item p {
    margin: 0;

    font-family: 'Poppins', sans-serif;

    font-size: 16px;
    font-weight: 500;
 
    color: #d51f1f;
}


/* ============================
   MAP
============================ */

.map-wrapper {
    width: 100%;

    overflow: hidden;

    border-radius: 18px;

    height: 400px;
}

.map-wrapper iframe {
    width: 100%;
    height: 100%;
    display: block;
}
.whatsapp-icon{
    width: 25px;
}



@media (max-width : 1199px) {
    
    .breadcrumb-image {
                width: 60%;
            }
  .product-row{min-height : 300px;
}
.food-visual {
  width : 35%;
  height : 340px;
}
.orange-shape {
  width : 280px;
  height : 280px;
}
.food-circle {
  width : 235px;
  height : 235px;
}
.package-image {
  width : 230px;
  height : 240px;
}
.content-left {
  margin-left : 8%;
}
.product-content h2 {
  font-size : 50px;
}
}
 


        @media (max-width: 1199px) {

            .navbar-nav .nav-link {
                padding-left: 10px !important;
                padding-right: 10px !important;
            }

            .hero-product {
                
                right: 1%;
            }

            .hero-content {
                
            }
        }


        @media (max-width: 991px) {
            
            .breadcrumb-section{
                    background-position: calc(100% + -40px) bottom;
            }
            
             .breadcrumb-title {
                font-size: 38px;
            }

            .breadcrumb-image {
                width: 58%;
            }
            
             .breadcrumb-image {
                width: 58%;
            }

            .top-bar {
                height: auto;
                min-height: 42px;
                padding: 8px 0;
            }

            .top-bar-content {
                justify-content: center;
            }

            .top-email {
                display: none;
            }

            .main-navbar {
                height: auto;
                min-height: 70px;
            }

            .navbar-brand img {
                width: 155px;
            }

            .navbar-collapse {
                background: #fff;
                padding: 15px 0 20px;
                border-top: 1px solid #eee;
            }

            .navbar-nav {
                gap: 0;
            }

            .navbar-nav .nav-link {
                padding: 12px 10px !important;
                border-bottom: 1px solid #f2eee9;
            }

            .navbar-nav .nav-link::after {
                display: none;
            }

            .business-btn {
                display: inline-block;
                margin: 15px 10px 0;
            }

            .hero-section {
                min-height: 650px;
                background-position: center;
            }

            .hero-content {
                padding-top: 45px;
                position: relative;
                z-index: 5;
            }

            .hero-product {
                width: 370px;
                    right: 0;
                    bottom: 105px;
            }

            .feature-item {
                min-height: 100px;
            }
            
            .quality-buttons{
                margin-bottom: 20px;
            }
        }


        @media (max-width: 767px) {
            
            .btn-quality-primary{
                width: 100%;
                margin-bottom: 20px;
            }
            
            .btn-quality-outline{
                width: 100%;
                margin-bottom: 20px;
            }
            
             .business-buttons a{
                width: 100%;
                margin-bottom: 20px;
            }
            
            .breadcrumb-section{
                    min-height: 185px;
            }
            
           
.breadcrumb-section::after {
    content: "";
    position: absolute;
    inset: 0;
    background: #ffd84da8;
    pointer-events: none;
}
            
               .breadcrumb-content {
                text-align: center;
                width: 100%;
            }

            .breadcrumb-title {
                font-size: 36px;
            }

            .breadcrumb-text {
                font-size: 13px;
            }
 .breadcrumb-image {
                width: 100%;
                height: 240px;
                right: 0;
                bottom: 0;
                object-position: center bottom;
            }
            .top-contact {
                font-size: 11px;
            }

            .main-navbar {
                min-height: 65px;
            }

            .navbar-brand img {
                width: 145px;
            }

            .hero-section {
                min-height: 690px;
                background-image:
                    linear-gradient(
                        180deg,
                        rgba(246,239,226,0.94) 0%,
                        rgba(246,239,226,0.86) 55%,
                        rgba(246,239,226,0.60) 100%
                    ),
                    url("assets/images/pulses-hero-bg.jpg");
            }

            .hero-content {
                padding: 40px 15px 300px;
                text-align: center;
                margin: auto;
            }

            .hero-small-title {
                font-size: 10px;
                letter-spacing: 1px;
            }

            .hero-title {
                font-size: 40px;
                line-height: 1.05;
            }

            .hero-description {
                font-size: 14px;
                margin-left: auto;
                margin-right: auto;
            }

            .hero-buttons {
                justify-content: center;
            }

            .hero-product {
                width: 290px;
                right: 50%;
                transform: translateX(50%);
                bottom: 10px;
            }

            .feature-item {
                min-height: 105px;
                padding: 12px 5px;
            }

            .feature-item:not(:last-child)::after {
                display: none;
            }

            .feature-icon {
                font-size: 23px;
                
            }

            .feature-title { 
                line-height: 1.3;
            }
        }


        @media (max-width: 575px) {
            
            .breadcrumb-title {
                font-size: 30px;
            }

             .breadcrumb-image {
                height: 190px;
            }

            .top-contact i {
                font-size: 14px;
            }

            .hero-title {
                font-size: 35px;
            }

            .hero-description {
                font-size: 13px;
            }

            .btn-primary-custom,
            .btn-outline-custom {
                padding: 11px 20px;
                font-size: 12px;
            }

            .hero-product {
                width: 270px;
            }

            .feature-strip .row { 
                grid-template-columns: repeat(2, 1fr);
            }

            .feature-item {
                border-bottom: 1px solid #eee8df;
            }

            .feature-item:last-child {
                grid-column: span 2;
            }
            
            .story-features{
                gap: 16px;
            }
            .story-feature h6{
                font-size: 12px;
            }
            
            .value-item p{
                font-size: 12px;
            }
            
            .value-item h3{
                    font-size: 22px;
            }
            
                .product-content h2 {
        font-size: 27px;
        font-weight: normal;
    }
                .product-row {
        min-height: 270px;
    }
            
            .btn-bring-home{
                width: 104px;
                padding: 5px 0;
                font-weight: 500;
                font-size: 13px;
            }
            
            .bi-arrow-right{
                display: none
            }
            
            .content-right {
    margin-left: 10px;
}
        }