/* main styling */
.main {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* styling the header section */
.policyHeaderContainer {
  width: 100%;
  min-height: 250px;

  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: clamp(30px, 6vw, 100px);
}

.policyHeaderTitle {
  width: 100%;
  font-size: 1.15rem;
  color: var(--orange);
  text-align: center;
}

.policyHeaderP {
  width: 100%;
  font-size: 1.15rem;
  text-align: center;
  color: var(--textBlack);
}

.policeHeaderEffectiveDate {
  width: 100%;
  text-align: center;
  font-size: 1.15rem;
  color: var(--textBlack);
}

/* styling section 1 */
.policySection1Container {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: clamp(30px, 6vw, 100px);
  background-color: var(--orange);
}

.policySection1P {
  width: 100%;
  font-size: 1.15rem;
  color: var(--textWhite);
}

/* styling for section 2 */
.policySection2 {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: clamp(30px, 6vw, 100px);
  background-color: var(--lightOrange);
}

/* styling for Info we collect section */
.infoWeCollectConatiner {
  width: 100%;
  min-height: 200px;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.infoWeCollectTitle {
  width: 100%;
  font-size: 1.15rem;
  color: var(--textBlack);
  text-align: center;
}

.infoWeCollectP {
  width: 100%;
  font-size: 1.15rem;
  color: var(--textBlack);
  text-align: center;
}

/* personal info, automatically Collected info, how we use your info, and email marketing section */
.personalInfoContainer, .automaticallyCollectedInfoContainer, .howWeUseYourInfoContainer, .emailMarketingContainer, .specialOffersSection,
.appointmentScheduleContainer, .cookingTrackingTechnologyContainer, .analyticsContainer, .thirdPartyServiceContainer, 
.informationSharingContainer, .dataSecurityContainer, .dataRetentionContainer, .privacyRightContainer, .thirdPartyWebsitesContainer,
.childrenPrivacyContainer, .changePrivacyPolicyContainer, .contactUsContainer {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.personalInfoTitle, .automaticallyCollectedInfoTitle, .howWeUseYourInfoTitle, .emailMarketingTitle, .specialOffersTitle,
.appointmentScheduleTitle, .cookingTrackingTechnologyTitle, .analyticsTitle, .userInteractionTitle, .thirdPartyServiceTitle, .businessCommunicationTitle, 
.informationSharingTitle, .disclosureRequiredLawTitle, .dataSecurityTitle, .dataRetentionTitle, .privacyRightTitle, .thirdPartyWebsitesTitle, 
.childrenPrivacyTitle, .changePrivacyPolicyTitle, .contactUsTitle, .contactInfoPTitle {
  width: 100%;
  font-size: 1rem;
  color: var(--textBlack);
}

.personalInfoP, .automaticallyCollectedInfoP, .howWeUseYourInfoP, .emailMarketingP, .specialOffersP, .appointmentScheduleP, 
.cookingTrackingTechnologyP, .cookingTrackingTechnology2P, .analyticsP, .userInteractionP, .thirdPartyServiceP, .businessCommunicationP, .disclosureRequiredLawP,
.dataSecurityP, .dataRetentionP, .dataRetention2P, .privacyRightP, .privacyRight2P, .thirdPartyWebsitesP, .childrenPrivacyTitle, .changePrivacyPolicyP,
.contactUsP, .contactInfoP, .contactUs2P {
  width: 100%;
  font-size: 1.15rem;
  color: var(--textBlack);
}

.personalInfoUl, .automaticallyCollectedInfoUl, .howWeUseYourInfoUl, .emailMarketingUl, 
.appointmentScheduleUl, .cookingTrackingTechnologyUl, .analyticsUl, .thirdPartyServiceUl, .informationSharingUL, .dataRetentionUl, 
.privacyRightUl {
  width: 100%;
  font-size: 1.15rem;
  color: var(--textBlack);
  padding-left: 40px;
}


/* styling for section 3 */
.policySection3 {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: clamp(30px, 6vw, 100px);
  
}

.userInteractionContainer, .businessCommunicationContainer, .disclosureRequiredLawContainer {
  width: 100%;
  min-height: 120px;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.specialOffersP span, .cookingTrackingTechnology2P span, .userInteractionP span, .businessCommunicationP span, .disclosureRequiredLawP span, 
.privacyRight2P span, .contactUs2P span {
  text-decoration: underline;
}

.contactInfoPContainer {
  width: 100%;
  min-height: 100px;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

@media(min-width: 1024px) {
  .personalInfoP, .automaticallyCollectedInfoP, .howWeUseYourInfoP, .emailMarketingP, .specialOffersP, .appointmentScheduleP, 
  .cookingTrackingTechnologyP, .cookingTrackingTechnology2P, .analyticsP, .userInteractionP, .thirdPartyServiceP, .businessCommunicationP, .disclosureRequiredLawP,
  .dataSecurityP, .dataRetentionP, .dataRetention2P, .privacyRightP, .privacyRight2P, .thirdPartyWebsitesP, .childrenPrivacyTitle, .changePrivacyPolicyP,
  .contactUsP, .contactInfoP, .contactUs2P {
    font-size: 1.25rem;
  }

  .personalInfoUl, .automaticallyCollectedInfoUl, .howWeUseYourInfoUl, .emailMarketingUl, 
  .appointmentScheduleUl, .cookingTrackingTechnologyUl, .analyticsUl, .thirdPartyServiceUl, .informationSharingUL, .dataRetentionUl, 
  .privacyRightUl {
    font-size: 1.25rem;
  }

}

@media(min-width: 1440px) {
  .personalInfoP, .automaticallyCollectedInfoP, .howWeUseYourInfoP, .emailMarketingP, .specialOffersP, .appointmentScheduleP, 
  .cookingTrackingTechnologyP, .cookingTrackingTechnology2P, .analyticsP, .userInteractionP, .thirdPartyServiceP, .businessCommunicationP, .disclosureRequiredLawP,
  .dataSecurityP, .dataRetentionP, .dataRetention2P, .privacyRightP, .privacyRight2P, .thirdPartyWebsitesP, .childrenPrivacyTitle, .changePrivacyPolicyP,
  .contactUsP, .contactInfoP, .contactUs2P {
    font-size: 1.35rem;
  }

  .personalInfoUl, .automaticallyCollectedInfoUl, .howWeUseYourInfoUl, .emailMarketingUl, 
  .appointmentScheduleUl, .cookingTrackingTechnologyUl, .analyticsUl, .thirdPartyServiceUl, .informationSharingUL, .dataRetentionUl, 
  .privacyRightUl {
    font-size: 1.35rem;
  }
  
}