.hero-section {
   position: relative;
   background-image: url(https://ik.imagekit.io/rosepaulifotografia/land-page-ensaio-gestante/capa-mobile.webp);
   background-position: top center;
   background-repeat: no-repeat;
   background-size: cover;
   top: 40px;
   min-height: 630px;
   display: flex;
   align-items: center;
   justify-content: center;
   text-align: center;
   margin-bottom:70px;
}
@media (min-width: 1200px) {
   .hero-section {
       background-image: url(https://ik.imagekit.io/rosepaulifotografia/land-page-ensaio-gestante/capa-desktop.webp);
       margin-bottom:80px;
  }
}
.hero-section::before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.7);
   z-index: 1;
}
.hero-content {
   position: relative;
   z-index: 2;
   color: #fff;
   padding: 20px;
}
h1.hero-text {
   font-family: "Raleway", Sans-serif;
   font-weight: 700;
   line-height: 1.2;
   text-transform: uppercase;
   max-width: 900px;
   margin: 0 auto;
}
p.hero-text {
   max-width: 900px;
   margin: 0 auto;
}
@media (min-width: 1200px) {
   p.hero-text {
       font-size:23px;
  }
}
.secao-conteudo-branco {
   background-color:#ffffff;
   padding-bottom: 50px;
   padding-top: 50px;
}
@media (min-width: 1200px) {
   .secao-conteudo-branco {
       padding-bottom: 50px;
       padding-top: 50px;
  }
}
.secao-conteudo-cinza {
   background-color:#f1f2ec;
   padding-bottom: 50px;
   padding-top: 50px;
}
@media (min-width: 1200px) {
   .secao-conteudo-branco {
       padding-bottom: 50px;
       padding-top: 50px;
  }
}
h2.titulo-secao {
   color: #2A2A2A;
   font-family: "Poppins", Sans-serif;
   font-size: 28px;
   font-weight: 700;
}
h3.titulo-secao {
   color: #2A2A2A;
   font-family: "Poppins", Sans-serif;
   font-size: 23px;
   font-weight: 700;
}
p.titulo-secao {
   color: #2A2A2A;
   font-family: "Baloo 2", Sans-serif;
   font-size: 16px;
   font-weight: 400;
   max-width: 900px;
   margin: 0 auto;
}
@media (min-width: 1200px) {
   h2.titulo-secao {
       font-size: 35px;
       line-height: 1.4em;
  }
}
.offer-bar {
   position: fixed;
   width: 100%;
   height: auto;
   padding: 15px 20px;
   line-height: 1.4em;
   top: 0;
   background-color: #b10c53;
   display: flex;
   align-items: center;
   justify-content: center;
   margin: 0;
   z-index: 20;
   box-sizing: border-box;
}
.offer-bar span {
   font-weight: 500;
   color: #FFF;
   text-align: center;
   display: block;
}
@media (max-width: 500px) {
   .offer-bar span {
       font-size: 17px;
  }
}
@media (min-width: 501px) {
   .offer-bar span {
       font-size: 20px;
  }
}
/* Animação de pulsação para os botões */
@keyframes pulse-button {
   0%, 100% {
       background-color: #28a745;
       box-shadow: 0 0 10px rgba(40, 167, 69, 0.7);
       transform: scale(1);
  }
   50% {
       background-color: #34d058;
       box-shadow: 0 0 20px rgba(40, 167, 69, 1);
       transform: scale(1.05);
      /* Aumenta ligeiramente o tamanho do elemento */
  }
}
/* Estilos para os botões */
.btn-chamada {
   display: inline-block;
   font-weight: bold;
   text-transform: uppercase;
   text-align: center;
   color: #fff;
   background-color: #28a745;
   border: none;
   border-radius: 5px;
   cursor: pointer;
   text-decoration: none;
   animation: pulse-button 1.5s infinite;
}
.btn-chamada:hover {
   color: #fff;
}
@media screen and (max-width: 768px) {
   .btn-chamada {
       font-size: 16px;
       padding: 10px 15px;
  }
}
@media screen and (min-width: 769px) {
   .btn-chamada {
       font-size: 18px;
       padding: 15px 30px;
  }
}
.highlight-bar {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   background-color: #b10c53;
   padding: 10px 0;
   width: 100%;
   box-shadow: 0 2px 4px rgba(0,0,0,0.1);
   margin-top: 70px;
}
.highlight-bar div {
   display: flex;
   align-items: center;
   margin: 10px;
   flex: 1 1 22%;
}
.highlight-bar i {
   margin-right: 10px;
   color: #28a745;
   background-color: #fff;
   border-radius: 50%;
   padding: 10px;
   font-size: 24px;
   box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.highlight-bar p {
   color:#FFF;
   margin: 0;
   line-height: 1.4;
   font-size: 16px;
}
#botao-enviar-lead {
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 10px;
}
.form-outline .form-control:focus ~ .form-label {
   left: 0.75rem;
   padding-top: 0.37rem;
}
.form-outline .form-control.active ~ .form-label {
   padding-top: 0.37rem;
}
.form-outline input.form-control {
   height: calc(3.5rem + 2px);
   line-height: 1.25;
}
.form-outline .form-control ~ .form-label {
   padding-top: 1rem;
}
.footer {
   padding: 20px 15px;
   color:#fff;
   background-color: #12171b;
   text-align: center;
   font-size: 14px;
}
.swiper-slide {
   text-align: center;
   font-size: 18px;
   background: transparent;
   display: flex;
   justify-content: center;
   align-items: center;
}
.swiper-slide img {
   max-width: 100%;
   max-height: 100%;
   width: auto;
   height: auto;
   object-fit: contain;
}
.swiper {
   overflow: hidden;
   display: flex;
   justify-content: center;
   align-items: center;
   width: 100%;
   height: 100%;
   margin: 20px 0;
}
.blockquote-footer::before {
   content: "— "!important;
}
.accordion-button::after, .accordion-button:not(.collapsed)::after {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") 
}
button.accordion-button, button.accordion-button.collapsed {
   background-color: #b10c53!important;
   color: #ffffff!important;
   font-weight: 600;
}
.card-diferenciais {
   display: flex;
   align-items: center;
   padding: 15px 20px;
   background-color: #f5e0e9;
   border: 1px solid #b10c53;
   flex-direction: row;
   border-radius: 5px;
}
.card-diferenciais .icone {
   fill:#b10c53;
}
@media screen and (max-width: 768px) {
   .card-diferenciais .icone {
       margin-left:20px;
  }
}
.card-diferenciais .texto {
   flex: 1;
   text-align: center;
}
/* Animação fade-left */
@keyframes fade-left {
   0% {
       opacity: 0;
       transform: translateX(100%);
  }
   100% {
       opacity: 1;
       transform: translateX(0);
  }
}
/* Animação fade-top */
@keyframes fade-top {
   0% {
       opacity: 0;
       transform: translateY(100%);
  }
   100% {
       opacity: 1;
       transform: translateY(0);
  }
}
/* Animação fade-right */
@keyframes fade-right {
   0% {
       opacity: 0;
       transform: translateX(-100%);
  }
   100% {
       opacity: 1;
       transform: translateX(0);
  }
}
/* Classes de animação inicial */
.fade-left, .fade-top, .fade-right {
   opacity: 0;
}
/* Classes para aplicar as animações */
.fade-in.fade-left {
   animation: fade-left 1s ease-in-out forwards;
}
.fade-in.fade-top {
   animation: fade-top 1s ease-in-out forwards;
}
.fade-in.fade-right {
   animation: fade-right 1s ease-in-out forwards;
}
.whatsapp-float {
   position: fixed;
   width: 60px;
   height: 60px;
   bottom: 40px;
   left: 40px;
   background-color: #25d366;
   color: #FFF;
   border-radius: 50%;
   display: flex;
   justify-content: center;
   align-items: center;
   box-shadow: 2px 2px 3px #999;
   z-index: 100;
 }