.sectionPolicy {
    width: 50%;
    padding: 50px 0;
}
.sectionPolicy ul {
    list-style: circle;
}
.container {
    max-width: 1200px !important;
}
.header {
    background-color: white;
    height: 90px;
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.headerList {
    display: flex;
    justify-content: space-around;
    align-items: center;
    gap: 20px;
}
.headerList span{
    color: #121212BF;
    font-size: 15px;
}

.headerList span:hover {
    text-decoration: underline;
    text-underline-offset: 5px;
    color: black;
}

.navActive span {
    color: #39AC52 !important;
}

.navActive span:hover {
    text-decoration: none !important;
}


.imgTestCover {
    max-height: 420px;
    object-fit: cover;
}

.firstContent {
    height: 560px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url('../img/homemobile2.webp');
}
.firstContent button {
    min-width: 300px;
    font-size: 18px;
    font-weight: 700;
}
.firstContent H2 {
    font-size: 70px;
    color: black;
    font-weight: 900;
}

.boxContentHome {
    padding-top: 100px;
}

.contentBoxHome {
display: flex;
flex-direction: column;
gap: 15px;
padding-top: 30px;
width: 300px;
margin: 0;
}

footer {   
    color: white !important; 
    background:#000;
    height: 292px;
    padding: 50px 0 0 0 !important;
}
footer a {
    color: white !important;
}
footer h2 {
    font-size: 17px;
    color: #39ac52;
    font-weight: bold;
    margin-bottom: 20px;
}

#errorMessage svg {
    fill: red;
}

.firstBoxFooter {
    color: white !important;
    text-align: left;
    gap: 100px;
}

.boxOneFooter {
width: 340px !important;
position: relative;
}
.boxOneFooter img {
    position: relative;
    top: -20px;
}
.firstBoxFooter p {
    margin-bottom: 0.2rem;
}
hr {
    border-top-width: 2px!important;
    border-color: #39ac52!important;
    margin-top: 20px;
    opacity: 1 !important;
}

.newsletterFooter {
    display: flex;
    position: relative;
}

.newsletterFooter form {
    margin: 0;
    margin-bottom: 5px;
}
.newsletterFooter label{
    color: #7c7d8d;
}
.newsletterFooter .form-control {
    width: 316px;
    height: 45px !important;
    border-radius: 20px 20px 20px 0px;
    --bs-border-radius: 0 !important;
}

.newsletterFooter .form-control:focus {
    box-shadow: 0 0 0 0.25rem rgb(39 255 0 / 32%);
}

.newsletterFooter input {
    padding-right: 5rem;
    border: none;
    padding-left:20px;
}

.newsFormButton {
    background-color: #39ac52!important;
    color: white;
    width: 100px!important;
    height: 58px !important;
    border: none;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    display: flex;
    position: absolute;
    top: 0px;
    justify-content: center;
    align-items: center;
    right: 0;
}
.secondBoxFooter {
    margin-top: 30px !important;
}
.secondBoxFooter > div{
    justify-content: space-evenly;
    align-items: center;
    text-align: left;
    gap: 102px;
}
.secondBoxFooter p {
    margin: 0!important;
}
.lastFooterBox {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 !important;
}

.lastFooterBox ul {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.location {
    background-color: #39ac52;
    margin-top: 50px;
    text-align: center;
}

.sectionReview {
padding: 50px 0 50px 0;
}

.sectionReview h3 {
    font-weight: bold;
    font-size: 26px;
}

.sectionReview .caption {
    color: #121212BF;
}
.reviewSliders .col {
    padding-top: 100px;
}
.reviewContent {
    display: flex;
    margin-top: 20px;
    min-height: 100px;
    background-color: #efefef;
    flex-direction: column;
    border-radius: 20px;
    padding: 20px 50px;
    margin-left: 10px;
    margin-right: 10px;
    color: #121212bf;
}
.reviewImage {
    margin-top: -100px;
}
.reviewText {
    padding-top: 20px;
}

.reviewText p {
    margin-top: 15px;
}
.review_person {
    color: #39AC52;
    font-weight: bold;
}

.profileReview{
    border-radius: 100%;
}

.bannerMasterContact {
    background-image: url('../img/bannerContact.webp');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 420px;
}

.bannerMaster {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 420px;
}

.getStarted {
    display: flex;
    height: 560px;
}
.cardBox {
    border-radius: 30px;
    width: 80%;
    padding: 40px 35px;
    background-color: #ffffffe6;
}

.cardBox h3 {
    font-size: 40px;
}
.aboutus h1 {
    font-size: 60px;
    font-weight: bold;
}

.aboutus .container {
    padding: 50px 0 50px 0;
}

.aboutus .row {
    padding: 50px 0 50px 0; 
}

.aboutus .col {
    margin-bottom: 0;
}
.aboutus .boxContent {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    padding: 30px;
}

.aboutus p {
    font-size: 17px;
    color: #121212BF;
}

.checkPMargin {
    margin-top: 100px;
    margin-bottom: 0;
}

.aboutus .buttonBox {
    display: flex;
    align-items: center;
    justify-content: center;
    gap:20px;
}

.stripe {
    background: repeating-linear-gradient( 120deg, #141415, #141415 50px, #39ac52 50px, #39ac52 97px );
}

.stripe .page-width {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 140px;
}

.stripe span {
    height: 90px;
    justify-content: center;
    align-items: center;
    display: flex;
    padding: 70px 20px;
    background-color: #39ac52;
    clip-path: polygon(10% 0%, 100% 0, 90% 100%, 0% 100%);
}

.restStripeH2 {
    font-size: 56px !important;
}

.stripe h2 {
    display: inline-block;
    font-weight: bold;
    background-color: #141415;
    color: #fff;
    font-size: 60px;
    margin: 0;
    padding: 20px 78px;
    clip-path: polygon(9% 0%, 100% 0, 91% 100%, 0% 100%);
    width: 770px;
    text-align: center;
}
.placeOrderSection .container {
    padding: 50px 0 50px 0;
}
.bannerFirstRest {
    width: 600px;
    text-align: center;
    color: black;
}
.bannerFirstRest h1 {
    font-size: 40px;
    color: black;
    margin-bottom: 15px;
    font-weight: 800;
}
.placeOrderSection h3 {
font-size: 26px;
font-weight: bold;
margin-bottom: 30px;
}

.placeOrderSection h2 {
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 30px;
}
.mealH3 {
    font-size: 60px !important;
}
.placeOrderSection img {
    margin-bottom: 20px;
}
.cityName {
    font-size: 30px;
}
.cityName span {
    color: #39AC52;
}
.cityPhone {
    color: #39ac52 !important;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 0;
    cursor: pointer;
    width: 40%;
}

.placeOrderSection p {
    margin-bottom: 20px;
    color: black !important;
}
.placeOrderSection a {
border: none;
background: none;
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
}

.restButtonBox {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    margin-top: 30px;
    flex-direction: column;
}

.view-menu {
    background: none;
    box-sizing: border-box;
    width: 280px;
    height: 55px;
    border: 2px solid #39AC52;
    border-radius: 27.5px 27.55px 27.5px 27.5px;
    display: flex;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    color: #39AC52;
    font-weight: bold;
    text-decoration: none;
    margin-top: 25px;
    margin-bottom: 25px;
}
.contactus h1 {
    font-size: 26px;
    font-weight: bold;
}
.titleContent {
    width: 550px;
    padding: 50px 0 50px 0;
}
.titleContent h1 {
    margin-bottom: 20px;
}
.titleContent p {
    color: #121212BF;
}

.contactForm {
width: 726px;
padding: 50px 0 20px 0;
}

.contactForm p {
color: #121212BF;
margin: 20px 15px;
    }
.contactForm button {
    margin-top: 40px;
}
.formContainer {
    border-radius: 5px;
    -webkit-box-shadow: 0px 2px 10px -2px rgba(0,0,0,0.3);
    box-shadow: 0px 2px 10px -2px rgba(0,0,0,0.3);
}
.formContainer ul {
    padding: 0 0 50px;
    display: flex;
    justify-content: center;
    gap: 10px;
}
.formContainer li {
margin: 0;
}

 form {
    margin: 0;
    margin-bottom: 5px;
}
.form-floating>label {
    color: #7c7d8d;
    margin-left: 20px;
}
.form-control {
    height: 15px;
    border-radius:0px;
    --bs-border-radius: 0 !important;
}

.form-control:focus {
    box-shadow: 0 0 0 0.1rem #39ac52 !important;
}
.form-control:hover {
    box-shadow: 0 0 0 0.1rem #39ac52 !important;
}

.contactForm input {
    padding-left:20px;
    color: #7c7d8d !important;
}
.form-select {
    height: 15px;
    border-radius:0px;
    --bs-border-radius: 0 !important;
    color: #7c7d8d !important;
}
.form-select:focus {
    box-shadow: 0 0 0 0.1rem #39ac52 !important;
}
.form-select:hover {
    box-shadow: 0 0 0 0.1rem #39ac52 !important;
}

.contact-locations {
    background-color: #39ac52;
    margin-top:50px;
    padding-top: 50px;
}
.contact-locations h2 {
    font-size: 26px;
    font-weight: bold;
    color: white;
    margin-bottom: 30px;
}
.contact-locations h3 {
    font-size: 15px;
    font-weight: bold;
    color: white;
}
.contact-locations .container {
    text-align: center;
    padding: 0;
}
.contact-locations ul {
    padding: 0;
}
.contact-locations img {
    margin-bottom: 20px;
}
.contact-locations p {
    margin: 0;
    color: white;
}
.contact-locations button {
    margin-top: 40px;
    margin-bottom: 50px;
    border: 2px solid #FFF !important;
    border-top-left-radius: 30px !important;
    border-bottom-left-radius: 30px !important;
    border-bottom-right-radius: 30px !important;
    border-top-right-radius: 0 !important;
}

.restMult {
    background-color: #39AC52;
}

.restMult .multiIcons {
    background-color: #39AC52;
}
.multiIcons {
    background-color: #141415;
    padding: 24px 0 24px;
}

.multiIcons section {
    display: flex;
}

.chooseIconsBox {
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.chooseIconsBox h1 {
    font-size: 60px;
    font-weight: bold;
}
.chooseIconsBox h2 {
    font-size: 18px;
    padding: 10px 15px;
}
.chooseIconsBox img {
    height: 80px;
    width: auto;
}
.hrSection {
    background-color: #39ab51;
    padding-top: 40px;
    padding-bottom: 40px;
}
.hrSection h2 {
    color: white;
    font-size: 24px;
    margin: 0;
}
.chooseFrom {
padding: 40px 0 40px 0;
}
.chooseFrom h3 {
    font-size: 40px;
}
.chooseFrom .caption {
    color: #39ac52;
    font-size: 18px;
    margin-bottom: 30px;
}
.chooseFrom img {
    border-radius: 30px;
    width: 213px;
    height: 213px;
}
.chooseFrom p {
    margin-top: 10px;
    font-size: 15px;
    color: #121212BF;
}
.chooseFrom button {
    margin-top: 20px;
}
.cateringSectionBanner {
    background: url('../img/catering3.webp');
    height: 400px;
    background-position: center center;
    background-repeat: no-repeat !important;
    background-size: cover!important ;
    display: flex;
    justify-content: center;
    align-items: center;
}
.restaurantSectionBanner {
    background: url('../img/bannerRest.webp');
    height: 400px;
    background-position: center center;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mealSectionBanner {
    background: url('../img/bannerMeal.webp');
    height: 400px;
    background-position: center center;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    display: flex;
    justify-content: center;
    align-items: center;
}
.mealSectionBanner div{
    text-align: center;
}
.mealSectionBanner h3 {
    font-size: 52px;
    color: white;
    width: 55%;
}
.bannerSectionHome {
    background: url('../img/bannergood.webp');
    height: 720px;
    background-position: center center;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.mealFooterBanner {
    background: url('../img/bannergood.webp');
    height: 400px;
    background-position-y: -420px;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    display: flex;
    margin: auto;
}
.mealFooterBanner h2 {
    font-size: 52px;
    color: white;
    margin-bottom: 20px;
    margin: auto;
    display: flex;
    font-weight: bold;
}
.mealFooterBanner div {
    width: 60%;
    text-align: center;
}

.bannerSectionHome div{
    width: 455px;
    text-align: left;
    margin: 0;
    padding-top: 100px;
    margin-left: 280px;
}

.bannerSectionHome h3 {
    font-size: 52px;
    color: white;
    margin-bottom: 20px;
    background-image: url(../img/faixa-verde.webp);
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 370px;
}
.buttonStyledGreen {
    background-color: #39ac52;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    border-top-left-radius: 30px;
    color: #fff;
    min-width: 280px;
    min-height: 55px;
    border: 2px solid transparent;
    font-size: 15px;
}
.buttonStyledGreen a {
    color: white !important;
}

.buttonStyledGreen:hover {
    opacity: 0.8;
}

.buttonStyledWhite {
    background-color: white;
    border: 2px solid #141415;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    color: #141415;
    min-width: 280px;
    min-height: 55px;
    font-size: 15px;
}

.ourProcess {
    padding: 50px 0 50px 0;
}
.ourProcess h3 {
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 30px;
}
.ourProcess h4 {
    font-weight: bold;
    font-size: 15px;
    margin: 20px 0 10px 0;
}
.ourProcess p {
    color: #121212BF;
}
.healthy {
    background-color: #141415;
}
.healthy .row {
    align-items: center;
}
.healthy .bg {
    min-height: 387px;
    background-position: center;
    background-size: cover;
    padding: 40px;
    justify-content: center;
    align-items: center;
    display: flex;
    width: 600px;
    margin: 0;
}

.healthyContent {
    width: 500px !important;
    margin-bottom: 0!important;
    padding: 0 !important;
    margin: 0 40px 0 40px;
}
.healthyContent button {
    background-color: #fff !important;
    color: #141415 !important;
    width: 100%;
    border-top-right-radius: 30px!important;
    border-bottom-right-radius: 30px!important;
    border-top-left-radius: 30px!important;
    color: #fff;
    height: 55px;
    border: none;
    font-size: 15px;
}
.healthy h3 {
    font-size: 24px;
    color: #39ac52;
    width: 250px;
    font-weight: bold;
    text-align: left;
    margin: 0;
}
.healthy ul {
padding: 0;
margin-top: 20px !important;
margin-bottom: 20px !important;
}

.healthy ul li {
    color: #fff !important;
    list-style: none;
    background-image: url('../img/check-green.png');
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 30px;
    height: 40px;
    line-height: 40px;
    padding-left: 40px;
}

.healthy button {
    background-color: #fff !important;
    color: #141415 !important;
    width: 100%;
}

.bannerContentRest {
    margin: auto;
    top: 125px;
    text-align: center;
    width: 545px;
}

.bannerContentRest p {
    color: white !important;
}

.bannerContentRest h2 {
    color: white;
    font-size: 40px;
}
.ketoSectionRest {
    height: 400px;
}
.ketoSectionRest .bannerContentRest {
    width: auto !important;
}
.ketoSectionRest img {
    height: 400px;
    object-fit: cover;
}
.ketoSectionRest h3 {
    font-weight: bold;
    font-size: 52px;
    color: white;
}
.merchFormSection {
    padding-bottom: 50px;
}

.merchandise .bannerMerch {
    height: 420px;
}
.aViewMenu {
    width: 280px;
    height: 55px;
    margin: 0px auto 50px;
}
.bannerMerch .mobil {
    display:none;
}
.merchandise .bannerMerch img {
    object-fit: cover;
    height: 420px;
    object-position: center;
    width: 100%;
}

.merchandise .container {
    width: 550px;
    padding: 50px 0 50px 0;
}
.merchandise h3 {
    font-size: 26px;
    font-weight: bold;
}
.merchandise p {
    color: #121212BF;
}
.merchButton {
    padding-bottom: 30px;
}

.partners {
    padding: 50px 0;
    background-color: #efefef;
    height: 326px;
}
.partners h2 {
    font-size: 26px;
    color: #39ac52;
    font-weight: bold;
}

/*  FAQ  */
.faqSection {
    background-color: #39ac52;
    padding: 50px 0 50px 0px;
    color: white;
}

.faqSection > div {
    width: 704px;
    border-bottom: 2px solid #fff;
    padding: 0;
}

.faqSection h3 {
    font-size: 26px;
    font-weight: bold;
    margin: 0;
}

.faqSection > div > p {
    margin-bottom: 50px !important;
    color: #FFFFFFBF;
}
/* Style the buttons that are used to open and close the accordion panel */
.accordion {
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
    background-color: #39ac52;
    color: white;
    font-size: 15px;
    height: 49.5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }  
  /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
  .activeFaq, .accordion:hover {
    text-decoration: underline;
    background-color: rgba(255, 255, 255, 0.4);
  }  
  /* Style the accordion panel. Note: hidden by default */
  .panel {
    padding: 0 18px;
    background-color: #39ac52;
    display: none;
    overflow: hidden;
    text-align: left;
  }

  .panel p {
    color: #FFFFFFBF;
  }

  .accordion::after {
    content: ''; /* Não é necessário um conteúdo real para o pseudoelemento ::after */
    background: url('../img/arrow-down-short.svg') no-repeat center; /* Caminho para o arquivo SVG */
    background-size: contain; /* Isso garantirá que o ícone se ajuste ao tamanho definido */
    width: 20px;
    height: 20px;
    float: right;
    margin-left: 5px;
    filter: invert(100%);
}

  
  .activeFaq:after {
    content: ''; /* Não é necessário um conteúdo real para o pseudoelemento ::after */
    background: url('../img/arrow-up-short.svg') no-repeat center; /* Caminho para o arquivo SVG */
    background-size: contain; /* Isso garantirá que o ícone se ajuste ao tamanho definido */
    width: 20px;
    height: 20px;
    float: right;
    margin-left: 5px;
    filter: invert(100%);
  }

  .faqSection .accordion {
    margin-top: 0;
    margin-bottom: 0;
    border-top: 2px solid #fff;
}