/* ==============================
   Second Section Styles
   ============================== */

/* Second Section */
.home-second-section {
   background-color: #F5EEE8;
   padding: 80px 0px;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   gap: 8px;
   align-self: stretch;
   width: 100vw;
   margin-left: calc(-50vw + 50%);
}

.second-section-container {
   max-width: 1100px;
   margin: 0 auto;
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 40px;
   align-items: center;
   width: 100%;
}

/* Left Side */
.second-section-left {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   gap: 17px;
}

.second-section-header {
   color: #000;
   font-family: Poppins, sans-serif;
   font-size: 64px;
   font-style: normal;
   font-weight: 900;
   line-height: 1.2;
   margin: 0;
}

.second-section-content {
   width: 504px;
   margin-top: 10px;
   padding-left: 30px;
}

.second-section-content .learn-more-link {
   color: #18D292;
   font-family: Poppins;
   font-size: 18px;
   font-style: normal;
   font-weight: 600;
   line-height: 29px;
   /* 161.111% */
}

.second-section-content p {
   color: #000;
   font-family: Poppins, sans-serif;
   font-size: 18px;
   line-height: 1.6;
   margin: 0;
}

/* Right Side */
.second-section-right {
   display: flex;
   align-items: center;
   justify-content: center;
}

.second-section-image {
   width: 450px;
   height: 522.123px;
   aspect-ratio: 450.00/522.12;
   object-fit: cover;
   border-radius: 10px;
}

/* Responsive Design for Second Section */
@media (max-width: 1024px) {
   .second-section-header {
      font-size: 60px;
   }

   .second-section-image {
      width: 380px;
      height: 441px;
   }
}

@media (max-width: 768px) {
   .second-section-container {
      grid-template-columns: 1fr;
      gap: 40px;
   }

   .second-section-left {
      order: 2;
   }

   .second-section-right {
      order: 1;
      justify-content: center;
      text-align: center;
   }

   .second-section-header {
      font-size: 48px;
      width: 100%;
      text-align: center;
   }

   .second-section-header br {
      display: none;
   }

   .home-second-section {
      padding: 60px 0px;
   }

   .second-section-image {
      width: 320px;
      height: 371px;
      margin: 0 auto;
      display: block;
   }
}

@media (max-width: 480px) {
   .second-section-left {
      order: 2;
   }

   .second-section-right {
      order: 1;
   }

   .second-section-header {
      font-size: 28px;
      font-weight: 400;
   }

   .second-section-header br {
      display: none;
   }

   .home-second-section {
      padding: 40px 0px;
   }

   .second-section-image {
      width: 280px;
      height: 325px;
   }

   .second-section-content {
      width: 100%;
      padding: 0 30px;
   }
}

/* ==============================
   Newsletter Section Styles
   ============================== */

/* Newsletter Section */
.home-newsletter-section {
   background-color: #FC6E20;
   padding: 60px 0;
   width: 100vw;
   margin-left: calc(-50vw + 50%);
   text-align: center;
}

.newsletter-container {
   max-width: 1200px;
   margin: 0 auto;
   padding: 0 20px;
}

.newsletter-header {
   color: #FFCC0E;
   font-family: Poppins, sans-serif;
   font-size: 46px;
   font-style: normal;
   font-weight: 900;
   line-height: normal;
}

.newsletter-description {
   color: #FFCC0E;
   font-family: Poppins, sans-serif;
   font-size: 18px;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
   margin: 0 0 30px 0;
}

/* Responsive Design for Newsletter Section */
@media (max-width: 768px) {
   .newsletter-header {
      font-size: 36px;
   }

   .newsletter-description {
      font-size: 16px;
   }

   .home-newsletter-section {
      padding: 60px 0;
   }

   .home-newsletter-section .newsletter-container {
      padding: 0 20px !important;
   }

   /* Stack newsletter form vertically on mobile - home page only */
   .home-newsletter-section #mc_embed_shell {
      width: 100% !important;
   }

   .home-newsletter-section #mc_embed_signup {
      width: 100% !important;
   }

   .home-newsletter-section #mc_embed_signup form,
   .home-newsletter-section #mc_embed_signup #mc-embedded-subscribe-form {
      width: 100% !important;
   }

   .home-newsletter-section #mc_embed_signup .mc-field-group {
      flex-direction: column !important;
      height: auto !important;
      gap: 12px !important;
      align-items: stretch !important;
   }

   .home-newsletter-section #mc_embed_signup_scroll {
      width: 100% !important;
      max-width: 100% !important;
      padding: 0 !important;
   }

   .home-newsletter-section #mc_embed_signup input[type="email"],
   .home-newsletter-section #mc_embed_signup .mc-field-group input[type="email"],
   .home-newsletter-section #mc_embed_signup form input[type="email"] {
      width: 100% !important;
      padding: 12px 20px !important;
      height: 52px !important;
   }

   .home-newsletter-section #mc_embed_signup input[type="submit"],
   .home-newsletter-section #mc_embed_signup button[type="submit"],
   .home-newsletter-section #mc_embed_signup .button,
   .home-newsletter-section #mc_embed_signup .mc-embedded-subscribe {
      position: static !important;
      width: 100% !important;
      height: 52px !important;
      transform: none !important;
      right: auto !important;
      top: auto !important;
   }
}

@media (max-width: 480px) {
   .newsletter-header {
      font-size: 28px;
   }

   .newsletter-description {
      font-size: 14px;
   }

   .home-newsletter-section {
      padding: 40px 0;
   }

   .home-newsletter-section .newsletter-container {
      padding: 0 20px !important;
   }

   /* Stack newsletter form vertically on small mobile - home page only */
   .home-newsletter-section #mc_embed_shell {
      width: 100% !important;
   }

   .home-newsletter-section #mc_embed_signup {
      width: 100% !important;
   }

   .home-newsletter-section #mc_embed_signup form,
   .home-newsletter-section #mc_embed_signup #mc-embedded-subscribe-form {
      width: 100% !important;
   }

   .home-newsletter-section #mc_embed_signup .mc-field-group {
      flex-direction: column !important;
      height: auto !important;
      gap: 12px !important;
      align-items: stretch !important;
   }

   .home-newsletter-section #mc_embed_signup_scroll {
      width: 100% !important;
      max-width: 100% !important;
      padding: 0 !important;
   }

   .home-newsletter-section #mc_embed_signup input[type="email"],
   .home-newsletter-section #mc_embed_signup .mc-field-group input[type="email"],
   .home-newsletter-section #mc_embed_signup form input[type="email"] {
      width: 100% !important;
      padding: 12px 20px !important;
      height: 52px !important;
   }

   .home-newsletter-section #mc_embed_signup input[type="submit"],
   .home-newsletter-section #mc_embed_signup button[type="submit"],
   .home-newsletter-section #mc_embed_signup .button,
   .home-newsletter-section #mc_embed_signup .mc-embedded-subscribe {
      position: static !important;
      width: 100% !important;
      height: 52px !important;
      transform: none !important;
      right: auto !important;
      top: auto !important;
   }
}