body {
    margin: 0;
    background: #1b4332;
    overflow-x: hidden;
    overflow-y: scroll;
  }
  .main-header {
    padding: 10px 0px;
    background-color: #f5e6d3;
    width: 98%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
  }
  .navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 32px;
    padding-left: 140px;
  }
  .navbar-left {
    display: flex;
    align-items: center;
  }
  .icon {
    font-size: 28px;
    color: #444;
    margin-right: 16px;
  }
  .icon img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
  }
  
  
  .nav-menu {
    list-style: none;
    display: flex;
    gap: 24px;
    margin: 0;
    padding: 0;
  }
  .nav-menu li a {
    color: #2d6a4f;
    text-decoration: none;
    font-size: 15px;
    font-weight: 700;
    transition: color 0.5s;
  }
  .nav-menu li a:hover {
    color: #d4a373;
  }
  .subscribe-btn {
    background: #2d6a4f;
    color: #F5E6D3;
    font-weight: bold;
    border: none;
    border-radius: 20px;
    padding: 15px 40px;
    font-size: 18px;
    cursor: pointer;
    transition: background 0.5s, color 0.2s;
    text-decoration: none;
    display: inline-block;
  }
  .subscribe-btn:hover {
    background: #f5e6d3;
    color: #2d6a4f;
  }
  
  body, .nav-menu li a, .subscribe-btn {
    font-family: 'Mike Abbink', 'Bold Monday', Arial, sans-serif;
  }
  
  .logo-text {
    color: #2d6a4f;
    font-size: 32px;
    font-weight: 600;
    margin-left: -10px;
    margin-right: 80px;
    font-family: 'Mike Abbink', 'Bold Monday', Arial, sans-serif;
    letter-spacing: 1px;
  }
  
  .video-above-text {
      position: relative;
      text-align: center;
      color: #f5e6d3;
      font-size: 30px;
      margin-bottom: 20px;
      font-weight: bold;
      top: 25px;
      font-family: 'Mike Abbink', 'Bold Monday', Arial, sans-serif;
  }
  
  .video-description {
      position: relative;
      text-align: left;
      color: #f5e6d3; 
      font-size: 16px;
      margin-top: 10px;
      font-weight: 700;
      line-height: 25px;
      font-family: 'Mike Abbink', 'Bold Monday', Arial, sans-serif;
      max-width: 700px; /* Set maximum width for wrapping */
      margin: -30px auto 0; /* Center the block element and remove top margin */
  }
  
  .video1 {
    position: relative;
    width: 100%;
    max-width: 700px;
    margin: 50px auto;
    z-index: 1;
    border-radius: 30px;
    overflow: hidden;
  }
  
  .video1 iframe {
    width: 100%;
    height: 250px;
    border: none;
  }
  
  .recipe-box {
      background-color: #f5e6d3; /* Light background color */
      border-radius: 20px; /* Rounded corners */
      width: 90%;
      max-width: 700px; /* Adjust width as needed */
      margin: 40px auto; /* Center the box with top and bottom margin */
      padding: 30px;
      font-family: 'Mike Abbink', 'Bold Monday', Arial, sans-serif;
      color: #1b4332; /* Dark text color */
  }

  .recipe-box h2 {
      font-size: 28px;
      font-weight: bold;
      margin-top: 0;
      margin-bottom: 20px;
      color: #1b4332; /* Dark brown color for heading */
  }

  .recipe-box h3 {
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 15px;
      color: #1b4332; /* Dark brown color for subheading */
  }

  .recipe-box ul {
      list-style: disc;
      margin-left: 20px;
      padding: 0;
      margin-bottom: 20px;
  }

  .recipe-box li {
      margin-bottom: 10px;
      font-size: 18px;
  }

  .recipe-box p {
      margin-top: 40px;
      margin-bottom: 10px;
      font-size: 18px;
      text-align: center;
  }




  .reversed-box {
    padding: 80px 0px;
    background-color: #f5e6d3;
    width: 98%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    margin-top: 100px; /* Adjust spacing as needed */
    height: 100px; /* Example height, adjust as needed */
  }


 
  .reversed-box1 {
    padding: 80px 0px;
    background-color: #f5e6d3;
    width: 98%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    margin-top: 100px; 
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  
  .footer-content1 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 800px;
    margin-bottom: 20px;
  }
  
  .footer-links1 {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 0;
  }
  
  .footer-column1 {
    display: flex;
    flex-direction: column;
    gap: 10px;
    line-height: 20px;
    text-align: left;
  }
  
  .footer-logo1 {
    margin-top: 0;
  }
  
  .footer-logo1 img {
    width: 150px;
    height: auto;
    border-radius: 50%;
  }
  
  .footer-divider1 {
    width: 90%;
    max-width: 800px;
    border: 0;
    height: 1px;
    background-color: #2d6a4f;
    margin: 5px 0;
  }
  
  .copyright1 {
    color: #1b4332;
    font-size: 14px;
    gap: 5px;
    margin-top: 15px;
    font-family: 'Mike Abbink', 'Bold Monday', Arial, sans-serif;
  }
 
  
  .stats-container1 {
    display: flex;
    justify-content: center;
    gap: 40px; /* Space between stat items */
    margin-top: 30px; /* Space above the stats container */
    margin-bottom: 30px; /* Space below the stats container */
  }
  
  .stat-item1 {
    text-align: center;
  }
  
  .stat-number1 {
    font-size: 36px;
    font-weight: bold;
    color: #2d6a4f; /* Dark green color */
    font-family: 'Mike Abbink', 'Bold Monday', Arial, sans-serif;
    display: block; /* Make it a block element to take full width */
    margin-bottom: 5px; /* Space between number and label */
    text-align: center;
  }
  
  .stat-label1 {
    font-size: 18px;
    color: #1b4332; /* Darker green color */
    font-family: 'Mike Abbink', 'Bold Monday', Arial, sans-serif;
    display: block; /* Make it a block element */
  }


  .footer-links1 a {
    color: #2d6a4f; /* Orange color from the image */
    text-decoration: none; /* Remove underline */
    font-family: 'Mike Abbink', 'Bold Monday', Arial, sans-serif;
    transition: color 0.5s;
  }
  
  .footer-links1 a:hover {
        color: #d4a373;
        
  }