html {
  scroll-padding-top: 6.875rem;
}
.common-btn {
    display: inline-grid;
    padding: 12px 55px 15px 35px;
    row-gap: 10px;
    column-gap: 10px;
    grid-template-rows: repeat(1,minmax(0,1fr));
    grid-template-columns: repeat(1,fit-content(100%));
    border-radius: 40px;
    background: var(--OLIVE, #475932);
    color: var(--CREAM, #F6EAD5);
    text-align: center;
    font-size: 23px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    position: relative;
    letter-spacing: 0.5px;
}
.common-btn:before {
    content: "";
    width: 19px;
    position: absolute;
    height: 22px;
    top: 17px;
    left: calc(100% - 2.8rem);
    background-image: url(/wp-content/uploads/2026/04/common-button-arrow.svg);
    background-repeat: no-repeat;
    background-position: center;
}
.hero-section {
    min-height: 32rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding-top: 5rem;
    margin-bottom: 4rem;
}

.hero-section .hero-title {
    margin: 0;
    font-size: 4.375rem;
    font-family: 'Bethany Elingston';
    color: #f6ead5;
}


/*============== Start header ================*/
header {
    z-index: 999;
}
header .navbar {
	--bs-navbar-padding-x: calc(var(--bs-gutter-x) * .5);
	--bs-navbar-padding-y: 0;
	--bs-navbar-brand-padding-y: 0;
	--bs-navbar-brand-margin-end: 0;
	--bs-navbar-nav-link-padding-x: 0.5em;
}
header .navbar-collapse {font-size: 1.3rem;font-family: 'Actay Wide';}

header .navbar-brand {
    max-width: 6em;
}
header .navbar-nav {
    --bs-nav-link-padding-y: 0;
    --bs-nav-link-color: var(--bs-light);
    --bs-nav-link-hover-color: var(--bs-primary);
    letter-spacing: 0.5px;
    font-size: 1.25rem;
}

header .logo {
    max-width: 19.875rem;    
}
header .navbar-nav {
    flex: 1;
}

header .menu-right {
    justify-content: flex-end;
}
/* Default header */
header {
    transition: all 0.3s ease;
}

header.sticky-header {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    background: #124925;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
    padding: 20px 0 !important;
    z-index: 999;
}
header.sticky-header .logo {
    max-width: 12.875rem;
}

/* Optional: nav link color change */
header.sticky-header .nav-link {
    color: #f6ead6;
}
.navbar-expand-md .navbar-nav .nav-link.active, .navbar-expand-md .navbar-nav .nav-link:hover {
    border-color: #f6ead6;
    color: #f36838;
}

/* .navbar-expand-md .navbar-nav .nav-link {
    border-bottom: 2px solid transparent;
} */
/*============== End header ================*/

/*============== Start home banner ================*/
.home-banner {
    /* min-height: 41vw; */
    display: flex;
    flex-direction: column;
    align-items: center;
    background-attachment: fixed;
    height: 100vh;
}

.home-banner .container {
    height: 100%;
    margin: auto 0;
    top: 7rem;
    position: relative;
    display: flex;
    align-items: center;
}


.home-banner .inner-box {
    max-width: 69.875rem;
    margin-inline: auto;
    text-align: inherit;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.home-banner .inner-box .top-left-img {
    width: 100%;
    max-width: 7.9rem;
    display: inline-block;
    top: -8rem;
    position: relative;
}
.home-banner .inner-box .bottom-right-img {
    width: 100%;
    max-width: 10.9rem;
    display: inline-block;
    bottom: 4rem;
    position: relative;
    margin-left: auto;
}
.home-banner .hero-description .title {
    margin: 0;
    font-size: 4.375rem;
    font-family: 'Bethany Elingston';
}

.home-banner .inner-box .hero-description {
    max-width: 58.5625rem;
    width: 100%;
}

/*============== End home banner ================*/


.marquee {
    overflow: hidden;
    background: #5c6f52;
    padding: 1.5rem 0;
}
.marquee .container{
    overflow: hidden;
}

.marquee-content {
    display: flex;
    gap: 4.0625rem;
    white-space: nowrap;
    animation: scroll 15s linear infinite;
    font-family: 'Actay Wide';
    letter-spacing: 0.5px;
}

.marquee-content span {
    font-weight: 600;
    font-size: 1.375rem;
    display: inline-flex;
    align-items: center;
    gap: 1.2rem;
}

@keyframes scroll {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}
/*============== Start home-our-mission ================*/



.our-range-section  .item.slick-slide {
    text-align: center;
}
.center-slider .slick-slide,
.center-slider .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] {
  transform: scale(0.8, 0.8);
  transition: all 0.4s ease-in-out;
}

/* Active center slide (You can change anything here for cenetr slide)*/
.center-slider .slick-center,
.center-slider .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] {
  transform: scale(1.1);
  
}
.center-slider .slick-current.slick-active{
  transform: scale(1);
  
}

.slider-row .slick-arrow {
    height: 3.5625rem;
    width: 1.6875rem;
    background: transparent;
}

.slick-next, .slick-prev{
  z-index: 5;
}
.slider-row .slick-next:before, .slider-row .slick-prev:before {
    background-image: url(../images/next-arrow.png);
    content: "";
    position: absolute;
    inset: 0;
    background-size: 100%;
    background-repeat: no-repeat;
    opacity: 1;
}
.slider-row .slick-prev:before{
    background-image: url(../images/prev-arrow.png);
}
.slider-row {
    padding: 0 2rem;
}

/*============== End home-our-mission ================*/
.our-range-section {
    margin-bottom: 5rem;
    position: relative;
}
.tomato-icon {
    max-width: 8.9375rem;
    position: absolute;
    right: 0;
    bottom: -4rem;
}
.bottom-masala-wrap  {
    max-width: 33.9375rem;
    margin-inline: auto;
}

.bottom-masala-wrap .custom-row {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1.8rem;
    align-items: center;
    margin-bottom: 2rem;
}

.bottom-masala-wrap .custom-row .column-left {
    display: flex;
    gap: 1.2rem;
}
.bottom-masala-wrap .custom-row .column-left figure img {
    height: 5rem;
}
.protein-box-wrap {
    font-family: 'Novecentosansnarrow';
}
.bottom-masala-wrap .protein-box-wrap .top-span {
    color: var(--GREEN, #144923);
    text-align: center;
    font-size: 14px;
    font-style: normal;    
    line-height: 14px;
    letter-spacing: 0.39px;
    border: 2px solid currentColor;
    padding: 8px 0 1rem 0;
    z-index: -1;
    position: relative;
    max-width: 9rem;
    margin-inline: auto;
    margin-bottom: -0.8rem;
    border-radius: 65px 65px 0 0;
}

.bottom-masala-wrap .protein-box-wrap .protein-box {
    border-radius: 1.875rem;
    border: 2px solid #144923;
    background: var(--CREAM, #F6EAD5);
    display: flex;
    align-items: center;
    padding: 0.4rem 1.3rem;
}

.bottom-masala-wrap .protein-box-wrap .protein-box label {
    color: var(--GREEN, #144923);
    text-align: center;
    font-size: 15px;
    font-style: normal;    
    line-height: 14px;
    letter-spacing: 0.42px;
    margin-right: 0.5em;
    max-width: 5rem;
}

.bottom-masala-wrap .protein-box-wrap .protein-box .quantity-num {
    color: var(--GREEN, #144923);
    text-align: center;
    font-size: 41px;
    font-style: normal;
    font-weight: 600;
    line-height: 1;
    vertical-align: middle;
    letter-spacing: 0;
    margin-top: -0.5rem;
}

/*============== Start home-take-btn ================*/
.home-take-btn:before {
    content: "";
    background-image: url(../images/border-top-primary.svg);
    width: 100%;
    position: absolute;
    height: 10px;
    top: -9px;
    background-size: contain;
    background-repeat: repeat-x;
    left: 0;
    background-position: center bottom;
}
.home-take-btn:after {
	content: "";
    background-image: url(../images/border-bottom-primary.svg);
    width: 100%;
    position: absolute;
    height: 10px;
    bottom: -10px;
    background-size: contain;
    background-repeat: repeat-x;
    left: 0;
    background-position: center top;
}
.home-take-btn ul {
    gap: 0.7em;
}
.home-take-btn .title span {
    margin-right: -0.45em;
}

.home-take-btn ul a {
    padding: 0.35em 0.6em;
}

/*============== Start home-take-btn ================*/


/*============== Start Common css ================*/
.common-open-time:after {
    content: "";
    background-image: url(../images/border-bottom-black.svg);
    width: 100%;
    position: absolute;
    height: 10px;
    bottom: -10px;
    background-size: contain;
    background-repeat: repeat-x;
    left: 0;
    background-position: center top;
}

.common-contact-form .inner-container {
    max-width: 800px;
}
.common-contact-form .form-control {
    --bs-border-radius: 0;
    --bs-body-color: var(--bs-light);
    background: transparent !important;
    outline: 0px !important;
    box-shadow: none !important;
    border-color: var(--bs-light) !important;
    font-size: 0.875em;
    padding: .5em 1em;
}
.common-contact-form ::placeholder {
  color: var(--bs-light);
  opacity: 1;
}

.common-contact-form ::-webkit-input-placeholder {
  color: var(--bs-light);
}

.common-contact-form :-ms-input-placeholder {
  color: var(--bs-light);
}

.common-contact-form .title .span-2 {
    margin-left: -0.4em;
}
.common-contact-form .title .span-3 {
    top: 0.5em;
    margin-inline: -0.3em;
}
/*============== End Common css ================*/

/*============== Start footer ================*/
.footer-right figure {
    max-width: 300px;
}
.footer-main {
    --bs-link-color-rgb: var(--bs-secondary);
}
/*============== End footer ================*/

.stockist-results-section .img-top img {
    max-width: 7.875rem;
}
.about-sec .custom-row {
  max-width: 1200px;
  margin: auto;
  display: flex;
  align-items: center;
  gap: 5rem;
}

/* LEFT IMAGES */
.about-sec .about-images {
  position: relative;
  width: 50%;
}
.about-sec .about-images img {
    width: 100%;
}


/* RIGHT CONTENT */
.about-sec .about-content {
  width: 50%;
}


.leaf-icon.text-center {
    max-width: 8.5rem;
    margin-inline: auto;
}

.leaf-icon.text-center img {
    width: 100%;
}











::placeholder {
    color: var(    --bs-primary);
    opacity: 1;
}
.search-box {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 51.6875rem;
    margin: auto;
    border: 3px solid #465934;
    border-radius: 50px;
    overflow: hidden;
    background: #455936;
}

.search-box input {
    flex: 1;
    padding: 1.2rem 1.3rem;
    border: none;
    outline: none;
    background: #ffffff;
    border-radius: 50px;
    color: var(--GREEN, #144923);
     font-family: "Work Sans", sans-serif;
    font-size: 1.4375rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.46px;
}

.search-box button {
    background: #475932;
    padding: 1rem 1.8rem;
    border: none;
    cursor: pointer;
    color: var(--CREAM, #F6EAD5);
     font-family: "Work Sans", sans-serif;
    font-size: 1.4375rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}




.stockist-results {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

span.store-name {
    color: var(--GREEN, #144923);
    text-align: center;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.4px;
    font-family: 'Actay Wide';
}
.stockist-item .separator {
    vertical-align: middle;
    text-align: center;
    color: #144923;
    margin-inline: 0.3rem;
}
.store-address {
    color: var(--GREEN, #144923);
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.4px;
}

.nsf-error-msg {
    text-align: center;
    margin: 1rem 0;
}
.stockist-results-section .img-top {
    margin: -2rem 0;
}

.stockist-results-section .img-bottom {
    text-align: right;
    margin-top: -2rem;
    position: relative;
    z-index: -1;
}

.stockist-results-section .img-bottom img {
    max-width: 8.0625rem;
    margin-left: auto;
}

.stockist-results-section {
    margin-bottom: 3.2rem;
}
.stockist-results-section .nsf-title {
    font-family: 'Bethany Elingston';
}



footer .column-center a {
    display: block;
}
footer {
    border-radius: 2.5rem 2.5rem 0 0;
}


footer .custom-row {
    display: flex;
    justify-content: space-between;
}

footer .custom-row .column-left {
    max-width: 33.33%;
    width: 100%;
}

footer .column-center {
    max-width: 33.33%;
    width: 100%;
}

footer .column-right {
    max-width: 33.33%;
    text-align: right;
    width: 100%;
    display: flex;
    flex-direction: column;
}

footer .column-right .bottom-wrap {
    margin-top: auto;
}

footer .column-right .bottom-wrap .ft-policy-menu {
    list-style: none;
    color: var(--CREAM, #F6EAD5);
    text-align: right;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.36px;
    display: flex;
    gap: 1.3rem;
    justify-content: flex-end;
    margin-bottom: 4px;
}

footer .column-right .bottom-wrap .ft-policy-menu a {
    color: var(--CREAM, #F6EAD5);
}

footer .column-right .bottom-wrap .ft-policy-menu li {
    position: relative;
}

footer .column-right .bottom-wrap .ft-policy-menu li:not(:first-child):before {
    content: "";
    width: 2px;
    height: 1.3rem;
    position: absolute;
    left: -0.6rem;
    top: 3px;
    background: var(--bs-light);
}

footer .column-right .bottom-wrap  p {
    color: var(--CREAM, #F6EAD5);
    text-align: right;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.36px;
}

footer .column-center figure {
    max-width: 19.6875rem;
    margin-inline: auto;
}

footer .column-right .top-wrap {
    max-width: 19rem;
    margin-left: auto;
}
.mobile-break {
  display: none;
}

.ft-menu ul {
    list-style: none;
    padding: 0;
    color: var(--CREAM, #F6EAD5);
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.3px;
    text-transform: uppercase;
    font-family: 'Actay Wide';
    display: flex;
    flex-direction: column;
    gap: 3px;
}
.ft-menu ul a {
    color: var(--CREAM, #F6EAD5);
}

.ft-menu {
    margin-bottom: 4rem;
}

.ft-social-label {
    color: var(--CREAM, #F6EAD5);
    font-family: "Actay Wide";
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.3px;
    margin-bottom: 1.4rem;
}

.ft-social-label a {
    color: var(--CREAM, #F6EAD5);
}

.ft-social {
    display: flex;
    flex-wrap: wrap;
    gap: 1.8rem;
}

.ft-social a {
    vertical-align: middle;
    display: inline-block;
}

.ft-social a img {
    vertical-align: middle;
}