/* fontawasome-link */
@import url('https://pro.fontawesome.com/releases/v6.0.0-beta3/css/all.css');

/* fontawasome-link */


:root {
    --font-color1: #FDC727;
    --font-color2: #716966;
    --bg-black: #221815;
    --white: #fff;
    --yellow: #ffc928;
    --yellow-hover: #bd9418;
    --theme-color: #FEF7E5;
    --btn-hover: #8b1119;
    --bg-red: #c5222c;
    --cta-red: #B40F10;
    --primary-font: 'Montserrat', sans-serif;
    --secondry-font: 'Merriweather', serif;

}

html {
    font-size: 62.5%;
}

html,
body {
    overflow-x: hidden !important;
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: var(--primary-font);
}

a {
    text-decoration: none !important;
}

ul {
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

h1,
h2,
h3,
h4,
h5 {
    font-family: var(--secondry-font);
}

.img-coverr {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

p {
    color: var(--font-color2);
    font-size: 1.5rem;
    line-height: 1.7;
}

/*navbar*/
.harvest-topbar {
    background: var(--bg-red);
    color: var(--white);
    font-size: 1rem;
    letter-spacing: .3px;
}

.harvest-navbar {
    min-height: 92px;
}

.harvest-nav-link {
    color: var(--bg-black);
    font-size: 1.5rem;
    font-weight: 500;
}

.harvest-nav-link:hover {
    color: var(--bg-red);
}

.harvest-enquire {
    background: var(--bg-red);
    color: var(--white);
    border: 0;
    font-size: 1.5rem;
    font-weight: 600;
}

/*hover*/
.harvest-enquire:hover,
.harvest-banner-section-explore:hover,
.harvest-red-btn:hover {
    background-color: var(--btn-hover);
    color: var(--white);
}

/* Changes the color of the active/selected navigation link */
.harvest-navbar .navbar-nav .nav-link.harvest-nav-link.active {
    color: var(--bg-red) !important;
    font-weight: bold;
    /* Optional: makes it stand out more */
}

/*navbar end
/*banner-section*/
.harvest-banner-section {
    background: var(--white);
    position: relative;
    overflow: hidden;
}

.harvest-banner-section h1 {
    font-size: 9rem;
}

.harvest-banner-section span {
    color: var(--bg-red);
    font-family: var(--secondry-font);
}

.harvest-banner-section p {
    font-size: 2rem;
    line-height: 1.8;
}

.harvest-banner-section-explore {
    background: var(--bg-red);
    color: var(--white);
    border: 0;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 1px;
}

.harvest-banner-section-explore:hover {
    background-color: var(--btn-hover);
    color: var(--white);
}

.harvest-banner-section-story {
    color: var(--bg-black);
    font-size: 1rem;
    font-weight: 600;
}

.harvest-banner-section-story span {
    width: 38px;
    height: 38px;
    background: #fff0b7;
    color: var(--bg-red);
}

.harvest-banner-section-checks span {
    font-size: 1.5rem;
    color: var(--font-color2);
}

.harvest-banner-section-image {
    width: 100%;
    height: 580px;
    object-fit: cover;
}

.harvest-banner-section-badge {
    width: 105px;
    height: 105px;
    background: var(--bg-red);
    border: 7px solid var(--white);
    color: #fff0a8;
    font-size: 1rem;
    font-weight: 700;
    left: 175px;
    transform: rotate(-8deg);
}

/*bannner-sectio end*/
/* ================= ABOUT SECTION ================= */
.hc-banner-circle {
    position: absolute;
    width: 420px;
    height: 420px;
    border-radius: 50%;
    background: #fff5d8;
    left: -210px;
    top: 100px;
    z-index: 0;
}

.harvest-about-section {
    padding: 75px 0;
}

.harvest-about-image {
    width: 100%;
    transform: translate(0, 9px);
}

.harvest-about-badge {
    right: -18px;
    bottom: 0;
    width: 160px;
    height: 91px;
    padding: 8px;
    background: var(--bg-red);
    color: var(--white);
    text-align: left;
}

.harvest-about-badge h5 {
    display: block;
    font-size: 3rem;
    font-weight: bold;
}

.harvest-about-badge span {
    font-size: 1rem;
    color: var(--font-color1);
}

.harvest-about-content span {
    color: var(--bg-red);
    font-family: var(--secondry-font);
}

.harvest-about-content h2 {
    font-size: 7rem;
    line-height: 1.05;
}


.harvest-about-content a,
.harvest-product-link {
    color: var(--bg-red);
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 1px;
    text-decoration: none;
}

.harvest-about-stats {
    border-top: 1px solid #eee6db;
}

.harvest-about-stat {
    border-right: 1px solid #eee6db;
}

.harvest-about-stats strong {
    color: var(--bg-red);
    font-size: 2.5rem;
}

.harvest-about-stats small {
    display: block;
    color: var(--font-color2);
    font-size: 1.5rem;
}


/* ================= PRODUCTS SECTION ================= */
.harvest-products-slider .swiper-wrapper {
    height: auto;
}

.harvest-products-section {
    padding: 70px 0 55px;
    background: var(--theme-color);
}

.harvest-products-section h2 {
    font-size: 5rem;
    line-height: 1.05;
}

.harvest-products-section span {
    font-family: (var(--secondry-color));
    color: var(--bg-red);
}

.harvest-product-image {
    width: 100%;
    height: 66%;
    object-fit: fill;
}

.harvest-product-number {
    color: black !important;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--yellow);
    font-size: 1rem;
}

.harvest-product-body {
    padding: 18px 14px;
}

.harvest-product-category {
    margin-bottom: 8px;
    color: var(--bg-red);
    font-size: 6px;
    font-weight: 700;
    letter-spacing: 1px;
}

.harvest-product-body h3 {
    margin-bottom: 8px;
    font-size: 3rem;
}



.harvest-products-prev,
.harvest-products-next {
    width: 37px;
    height: 37px;
    padding: 0;
    border: 1px solid #e4ddd3;
    background: var(--white);
    font-size: 1rem;
}

.harvest-products-pagination {
    width: auto !important;
}

.harvest-products-pagination .swiper-pagination-bullet {
    width: 5px;
    height: 5px;
    opacity: 1;
    background: #ddd;
}

.harvest-products-pagination .swiper-pagination-bullet-active {
    width: 18px;
    border-radius: 5px;
    background: var(--bg-red);
}



/* Common */

.harvest-section-label,
.harvest-benefits-label,
.harvest-label {
    color: var(--yellow);
    font-size: 1rem;
    letter-spacing: 2px;
    font-weight: 600;
}

.harvest-section-title,
.harvest-benefits-title {
    font-size: 5rem;
    line-height: 1.1;
}

.harvest-section-text {
    font-size: 1.5rem;
    line-height: 1.8;
}

/* Quality */

.harvest-quality-content {
    background: var(--bg-red);
    color: var(--white);
}

.harvest-quality-image {
    min-height: 100%;
    object-fit: cover;
}

.harvest-quality-item {
    display: flex;
    gap: 20px;
    padding: 20px 0;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
}

.harvest-quality-item span {
    font-size: 1.5rem;
    color: var(--yellow);
    font-weight: 700;
}

.harvest-quality-item h6 {
    margin-bottom: 5px;
    font-size: 1.5rem;
}

.harvest-quality-item p {
    margin: 0;
    font-size: 1.5rem;
    color: rgba(255, 255, 255, .7);
}

.harvest-btn {
    background: var(--yellow);
    padding: 12px 25px;
    border-radius: 0;
    font-size: 1rem;
    font-weight: 600;
}
/*yellow hover*/
.harvest-btn:hover,
.harvest-yellow-btn:hover{
background-color: var(--yellow-hover);
color: var(--bg-black);
}

.harvest-quality-badge {
    position: absolute;
    top: 20px;
    right: 20px;
    background: var(--yellow);
    padding: 12px 18px;
    font-size: 1rem;
    font-weight: 700;
}

/* Benefits */

.harvest-benefits-section {
    background: var(--bg-black);
    color: var(--white)
}

.harvest-benefit-card {
    border-right: 1px solid rgba(255, 255, 255, .15);
    padding-right: 20px;
}

.harvest-benefit-icon {
    color: var(--yellow);
    font-size: 2rem;
    margin-bottom: 20px;
}

.harvest-benefit-card h5 {
    font-size: 2rem;
}

.harvest-benefit-card p {
    color: rgba(255, 255, 255, .6);
    font-size: 1.5rem;
}


/* ================= COMMON ================= */



.harvest-title {
    font-size: 5rem;
    line-height: 1.05;
}

.harvest-title span {
    color: var(--bg-red);
    font-family: var(--secondry-font);
}

.harvest-faq-section p {
    font-size: 1.2rem;
    line-height: 1.7;
}


/* ================= GALLERY ================= */

.harvest-gallery-section {
    background: var(--white)
}

.harvest-gallery-title {
    color: #29201e;
    font-family: "Playfair Display", serif;
    font-size: clamp(36px, 4vw, 48px);
    line-height: 1;
}

.harvest-gallery-link {
    color: var(--bg-red);
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: 1px;
    text-decoration: none;
}

.harvest-gallery-image {
    display: block;
    height: 202px;
    object-fit: cover;
}

.harvest-gallery-large {
    height: 410px;
}


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

.harvest-faq .accordion-item {
    border: 0;
    border-bottom: 1px solid #e5e0da;
}

.harvest-faq .accordion-button {
    padding: 16px 0;
    font-size: 1.5rem;
    color: #29201e;
    background: transparent;
    box-shadow: none;
}

.harvest-faq .accordion-button::after {
    background-size: 10px;
}

.harvest-faq-number {
    color: var(--bg-red);
    font-size: 1.5rem;
    font-weight: 700;
    margin-right: 20px;
}

.harvest-faq .accordion-body {
    padding: 0 25px 15px;
    color: var(--font-color2);
    font-size: 1.5rem;
    line-height: 1.6;
}

.harvest-red-btn {
    background: var(--bg-red);
    color: var(--white);
    border-radius: 0;
    font-size: 1rem;
    font-weight: 700;
    padding: 10px 18px;
}


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

.harvest-cta-section {
    background: var(--bg-red);
    color: var(--white);
}
.harvest-cta-section {
  background: var(--cta-red);
  color: var(--white);
  padding: 20px 0;
  margin-top: 14px;
}


.harvest-cta-section h2 {
    font-size: 4rem;
    line-height: 1;
}

.harvest-cta-section p {
    color: white;
    font-size: 1.5rem;
}

.harvest-yellow-btn {
    background: var(--yellow);
    color: #241b19;
    border-radius: 0;
    font-size: 1rem;
    font-weight: 700;
    padding: 12px 20px;
}
.cta-button  {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  min-width: 180px;
  padding: 11px 18px;
  background: var(--yellow);
  color: var(--bg-black);
  text-decoration: none;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: .8px;
  border-radius: 2px;
}

.cta-button span {
  font-size: 2rem;
  font-weight: 400;
}

/* ================= FOOTER ================= */

.harvest-footer {
    background: var(--theme-color);
    color: var(--bg-black);
}



.harvest-footer-text {
    max-width: 217px;
    color: var(--font-color2);
    font-size: 1.5rem;
    line-height: 1.6;
}

.harvest-footer-heading {
    color: var(--bg-red);
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 12px;
}

.harvest-footer li {
    margin-bottom: 7px;
}

.harvest-footer a {
    color: var(--font-color2);
    font-size: 1.5rem;
    text-decoration: none;
}



.footer-line {
    height: 1px;
    background: #e5dece;
}

.harvest-footer small {
    color: var(--font-color2);
    font-size: 1.2rem;
    letter-spacing: 1px;
}