@font-face {
  font-family: 'Kingred Modern';
  src: url('../fonts/kingred.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Playfair Display';
  src: url('../fonts/PlayfairDisplay-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
  *{
      margin:0;
      padding:0;
      box-sizing:border-box;
      scroll-behavior:smooth;
    }

    body{
      font-family:'Montserrat',sans-serif;
      background:#071b14;
      color:#fff;
      overflow-x:hidden;
    }

    a{
      text-decoration:none;
      color:inherit;
    }

    .container{
      width:90%;
      max-width:1300px;
      margin:auto;
    }

    img{
      max-width:100%;
      display:block;
    }

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

    nav{
      position:fixed;
      top:0;
      width:100%;
      z-index:1000;
      background:rgba(4,16,12,0.82);
      backdrop-filter:blur(14px);
      border-bottom:1px solid rgba(212,175,55,0.12);
    }

    .nav-wrapper{
      display:flex;
      justify-content:space-between;
      align-items:center;
      padding:10px 0;
    }

    .logo{
      font-size:2rem;
      font-weight:700;
      letter-spacing:3px;
      font-family:'Playfair Display',serif;
      color:#fff;
    }
.logo img{width:19%;
height:auto;}
    .logo span{
      color:#d4af37;
    }

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

    .btn{
      padding:14px 30px;
      border-radius:50px;
      display:inline-block;
      font-weight:600;
      transition:0.3s ease;
    }

    .btn-primary{
      background:#d4af37;
      color:#071b14;
    }

    .btn-primary:hover{
      background:#fff;
      transform:translateY(-3px);
    }

    .btn-outline{
      border:1px solid #d4af37;
      color:#d4af37;
    }

    .btn-outline:hover{
      background:#d4af37;
      color:#071b14;
    }

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

    .hero{
      min-height:100vh;
      display:flex;
      align-items:center;
      position:relative;

      background:
      linear-gradient(rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.01)),
      url('../images/macaw-spices.png')
      center/cover no-repeat;
    }

    .hero-content{
      max-width:700px;
    }

    .hero h1{
      font-size:5rem;
      line-height:1.1;
      margin-bottom:20px;
      font-family:'Playfair Display',serif;
    }

    .hero h1 span{
      color:#d4af37;
    }

    .hero p{
      color:#ddd;
      line-height:1.8;
      margin-bottom:35px;
      font-size:1.1rem;
    }

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

    .hero-features{
      display:flex;
      gap:10px;
      flex-wrap:wrap;
      margin-top:50px;
    }

    .feature-box{
      background:rgba(255,255,255,0.08);
      padding:15px 22px;
      border-radius:16px;
      backdrop-filter:blur(6px);
      border:1px solid rgba(255,255,255,0.08);
      color:#f5f5f5;
      font-size:0.95rem;
    }

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

    section{
      padding:110px 0;
    }

    .section-title{
      text-align:center;
      margin-bottom:60px;
    }

    .section-title h2{
      font-size:3rem;
      font-family:'Playfair Display',serif;
      margin-bottom:15px;
    }

    .section-title p{
      color:#bdbdbd;
      max-width:700px;
      margin:auto;
      line-height:1.7;
    }

    /* =========================
       ABOUT
    ========================== */

    .about-grid{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:60px;
      align-items:center;
    }

    .about-img{
      border-radius:30px;
      overflow:hidden;
      box-shadow:0 20px 50px rgba(0,0,0,0.4);
    }

    .about-content h2{
      font-size:3rem;
      margin-bottom:25px;
      font-family:'Playfair Display',serif;
    }

    .about-content p{
      color:#cfcfcf;
      line-height:1.9;
      margin-bottom:20px;
    }
.bold-yllw{  color:#d2ba6c;}
    /* =========================
       FEATURES
    ========================== */

    .features-grid{
      display:grid;
      grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
      gap:30px;
    }

    .feature-card{
      background:#0b2a20;
      padding:35px;
      border-radius:24px;
      border:1px solid rgba(212,175,55,0.15);
      transition:0.3s;
    }

    .feature-card:hover{
      transform:translateY(-10px);
      border-color:#d4af37;
    }

    .feature-card h3{
      margin-bottom:15px;
      font-size:1.3rem;
      color:#d4af37;
    }

    .feature-card p{
      color:#d6d6d6;
      line-height:1.7;
    }

    /* =========================
       PRODUCTS
    ========================== */

.products{
    background:#081711;
}

.slider-wrapper{
    position:relative;
    overflow:hidden;
}

.slider{
    display:flex;
    gap:25px;
    transition:transform 0.5s ease;
}

.product-card{    max-width: 309px;
    min-width:300px;
    background:#0b1d16;
    border-radius:30px;
    overflow:hidden;
    flex-shrink:0;
}

.product-card img{
    height:260px;
    object-fit:cover;
}

.product-content{
    padding:28px;
}

.product-content h3{
    margin-bottom:15px;
    color:#d4af37;
}

.product-content p{
    color:#d5d5d5;
    line-height:1.8;
}

.slider-controls{
    display:flex;
    justify-content:center;
    gap:20px;
    margin-top:40px;
}

.control-btn{
    width:58px;
    height:58px;
    border:none;
    border-radius:50%;
    background:#d4af37;
    color:#06110c;
    font-size:1.4rem;
    cursor:pointer;
    transition:0.3s;
}

.control-btn:hover{
    transform:scale(1.08);
}


    /* =========================
       COMPARISON SECTION
    ========================== */

    .comparison-section{
      background:#071b14;
    }

    .comparison-grid{
      display:grid;
      grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
      gap:35px;
    }

    .compare-card{
      padding:45px 35px;
      border-radius:28px;
    }

    .macaw-card{
      background:linear-gradient(135deg,#123528,#0a1d17);
      border:1px solid rgba(212,175,55,0.35);
    }

    .ordinary-card{
      background:#0c1e18;
      border:1px solid rgba(255,255,255,0.08);
    }

    .compare-card h3{
      font-size:2rem;
      margin-bottom:35px;
      font-family:'Playfair Display',serif;
    }

    .macaw-card h3{
      color:#d4af37;
    }

    .compare-item{
      display:flex;
      align-items:center;
      gap:15px;
      margin-bottom:22px;
    }

    .compare-item span{
      width:34px;
      height:34px;
      border-radius:50%;
      display:flex;
      align-items:center;
      justify-content:center;
      font-weight:700;
      flex-shrink:0;
    }

    .macaw-card span{
      background:#d4af37;
      color:#071b14;
    }

    .ordinary-card span{
      background:rgba(255,255,255,0.08);
      color:#fff;
    }

    .compare-item p{
      color:#e3e3e3;
      line-height:1.6;
    }

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

    .quality-section{
      background:#08140f;
    }

    .quality-wrapper{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:60px;
      align-items:center;
    }

    .quality-image{
      border-radius:30px;
      overflow:hidden;
    }

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

    .quality-tag{
      display:inline-block;
      padding:10px 20px;
      border-radius:40px;
      background:rgba(212,175,55,0.12);
      color:#d4af37;
      font-size:0.9rem;
      letter-spacing:1px;
      margin-bottom:25px;
    }

    .quality-content h2{
      font-size:3rem;
      line-height:1.2;
      margin-bottom:25px;
      font-family:'Playfair Display',serif;
    }

    .quality-content p{
      color:#d6d6d6;
      line-height:1.9;
      margin-bottom:20px;
    }

    .quality-points{
      display:flex;
      flex-wrap:wrap;
      gap:12px;
      margin-top:35px;
    }

    .quality-box{
      background:#10271e;
      border:1px solid rgba(212,175,55,0.15);
      padding:14px 22px;
      border-radius:16px;
      color:#fff;
    }

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

    .cta{
      background:linear-gradient(135deg,#0d3024,#08140f);
      text-align:center;
      border-top:1px solid rgba(212,175,55,0.2);
      border-bottom:1px solid rgba(212,175,55,0.2);
    }

    .cta h2{
      font-size:3rem;
      margin-bottom:20px;
      font-family:'Playfair Display',serif;
    }

    .cta p{
      color:#ddd;
      max-width:700px;
      margin:0 auto 35px;
      line-height:1.8;
    }

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

/* MARQUEE */

.marquee-section{
    background:#d4af37;
    overflow:hidden;
    padding:22px 0;
}

.marquee{
    white-space:nowrap;
}

.marquee-content{
    display:inline-block;
    animation:scroll 30s linear infinite;
}

.marquee-content span{    font-family: cursive;
    /* font-style: italic; */
    color:#06110c;
    /* font-weight:800; */
    margin-right:70px;
    font-size:1.3rem;
}

@keyframes scroll{

0%{
    transform:translateX(0);
}

100%{
    transform:translateX(-50%);
}

}

/* FOOTER */

.footer{
    background:#040b08;
    padding:90px 0 30px;
}

.footer-wrapper{
    display:flex;
    justify-content:space-between;
    gap:60px;
    flex-wrap:wrap;
    padding-bottom:50px;
    border-bottom:1px solid rgba(255,255,255,0.06);
}

.footer-logo{
    max-width:500px;
}

.footer-logo h2{
    font-size: 2.1rem;
    margin-bottom: 9px;
}

.footer-logo p{
    color:#cfcfcf;
    line-height:1.5;
}

.footer-contact h3{padding-top: 10%;

    color:#d4af37;
    margin-bottom:20px;
    font-size:1.4rem;
}

.footer-contact p{
    color:#d5d5d5;
    margin-bottom:12px;
}

.footer-bottom{
    text-align:center;
    padding-top:30px;
}

.footer-bottom p{
    color:#bfbfbf;
}
.sign-font{
    /* color:#d4af37; */
    font-family:'Kingred Modern', serif;
    letter-spacing:2px;
}
.footer-logo img{width: 19%; padding-bottom: 4%;}
    /* =========================
       RESPONSIVE
    ========================== */

    @media(max-width:992px){

      .about-grid,
      .quality-wrapper,
      .footer-modern{
        grid-template-columns:1fr;
        flex-direction:column;
      }

      .hero h1{
        font-size:3.5rem;
      }

    }

    @media(max-width:600px){

      .hero h1{
        font-size:2.7rem;
      }

      .section-title h2,
      .about-content h2,
      .quality-content h2,
      .cta h2{
        font-size:2.2rem;
      }

      .hero-buttons{
        flex-direction:column;
      }

      .btn{
        text-align:center;
      }

    }