.main{
    background-color: #FAF7F3;
}

.accordion-button {
    padding: 1rem 1.25rem;
}

.content-area {
    max-width: 1600px;
    width: 100%;
    margin: 0 auto;
    padding: 20px 60px;
}
.influencer-hero-section{
    padding:40px
}
.hero-content{
    display: grid;
    grid-template-columns: 40% 60%;
    justify-content: center;
    align-items: center;
    gap:20px;
}

.hero-title{
    font-family: 'Montserrat';
font-weight: 700;
font-size: 50px;
line-height: 62.74px;
text-transform: capitalize;
color:#333436;
margin-bottom: 20px;
}

.hero-para{
    font-family: 'Lora';
font-weight: 400;
font-size: 24px;
line-height: 40px;
color: #333436;
    width: 90%;
}

.all-in-one-section .content-area {
    display: grid;
    grid-template-columns: 40% auto;
    border-radius: 20px;
    gap: 10px !important;
}
.personalized-pack {
    width: 100%;
}

.personalized-pack img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

.personalized-health {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 40px;
    background-color: #FBE3EC;
    padding: 50px 30px;
    text-align: center;
    align-items: center;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}



.sub-headings {
font-family: 'Montserrat';
font-weight: 700;
font-size: 38px;
line-height: 60.74px;
text-align: center;
text-transform: capitalize;
color:#333436;

}



.personalized-health .para.better-nutri {
   font-family: 'Montserrat';
font-weight: 500;
font-size: 26px;
line-height: 40px;
text-align: center;
color:#444444;

}



.primary-green-btn {
    font-weight: 700;
    font-size: 30px;
    background-color: #3D5F32;
    border: 2px solid #3D5F32;
    border-radius: 60px;
    text-align: center;
    color: #fff !important;
    padding: 15px 25px;
    text-align: center;
    font-family: 'Montserrat';
}




.influencer-container {
  max-width: 1200px;
  margin: 0 auto;
   background-color:#3D5F32;
  padding: 30px;
}

.influencer-container h3 {
  color: #E3C8A6;
  font-family: 'Montserrat';
  font-weight: 600;
  font-size: 24px;
  padding-bottom: 20px;
  line-height: 45px;
}

/* Form Layout */
.influencer-form {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}
.influencer-form ::placeholder {
 color: #BFBFBF;
 font-family: 'Montserrat';
font-weight: 600;
font-size: 14px;
line-height: 45px;
}


/* Inputs */
.influencer-form input,
.influencer-form textarea {
  width: 100%;
  padding: 12px 14px;
  border-radius: 6px;
  border: none  !important;
  outline: none;
  font-family: 'Montserrat';
font-weight: 600;
font-size: 18px;
line-height: 45px;
 height:65px;
}

   .thankyou-header{
    border-bottom:none !important;
     justify-content: center !important;
}

.thankyou-body{
    color:#3D5F32 !important;
     font-family: 'Montserrat' !important;
    font-weight: 500 !important;
    margin: 0px !important;
  padding: 0px 40px;
  text-align: center;
   
}



.thankyou-footer{
      border-top:none !important;
      text-align: center;
      display:flex;
      justify-content: center;
      align-items: center;
}

.close-btn{
    background-color: #fff;
    color:#3D5F32 !important;
    border:2px solid #3D5F32;
    cursor: pointer;
    font-family: 'Montserrat' !important;
    font-size: 18px !important;
  font-weight: 600 !important;
  transition: none !important;
}

.influencer-form textarea {
  min-height: 300px;
  resize: none;
  margin-top: 30px;
}

.error{
    color: #E3C8A6;
  font-size: 16px !important;
}

/* Submit Button */
.submit-btn {
  align-self: center;
  background-color: #C7A373;
  color: #3D5F32;
  border: none;
 padding: 6px 100px;
  border-radius: 30px;
 font-family: 'Montserrat';
font-weight: 700;
font-size: 18px;
line-height: 45px;
cursor: pointer;
margin: 0px 0px 40px 0px;
}



.card-header>a.btn {
    font-size: 18px !important;
}


@media only screen and (max-width: 1440px) {


     .personalized-health .primary-green-btn {
        font-size: 24px;
    }

     .personalized-health {
        gap: 10px;
    }
}

@media (min-width: 300px) and (max-width: 479px) {
    .content-area {
        padding: 0 10px;
    }
     .personalized-health .primary-green-btn {
        font-size: 14px;
    }
}

@media only screen and (max-width: 767px) {
    .hero-content{
        grid-template-columns: unset;
        gap:0px;
    }
    
    .influencer-hero-section {
    padding: 40px 20px 60px 20px;
}
.hero-para {
    line-height: 30px;
    width: 100%;
}
.influencer-section .content-area{
    padding:0px;
}

.influencer-container h3 {
    font-size: 30px;
    line-height: 40px;
}

.form-row {
    grid-template-columns: unset;
    gap:20px;
}
.influencer-form ::placeholder {
line-height: 24px;
}

.all-in-one-section .content-area {
 display:flex;
 flex-direction: column-reverse;
        grid-template-columns: 100%;
        gap: 0 !important;
        padding: 0 0;
    margin-top:40px;
}
.personalized-pack img {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.personalized-health {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
        padding: 30px 15px;
}
.sub-headings {
    line-height: 40px;
    font-size:32px;
}
.personalized-health .para.better-nutri {
        font-size: 24px;
    line-height: 35px;
}
.faqs{
    display:none;
}
 .influencer-form {
    gap:20px;
}
.influencer-form textarea {
    margin-top: 20px;
}
}

@media only screen and (max-width:520px){
    .personalized-pack img {
        width: 100%;
        height: 100%;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
        max-height: 400px;
        object-fit: cover;
        object-position: top;
    }
}