@font-face {
  font-family: 'Mango';
  src: url('../fonts/Mango\ Dream.ttf') format('truetype');
}

* {
  margin: 0;
  padding: 0;
  font-family: 'PP Neue Montreal', sans-serif;
}

:root {
  --primary-color: #7A65E1;
  --secondary-color: #A5A7FA;
  --tertiary-color: #62a2f8;
  --text-color: #1F2937;
  --on-primary-color: #F2F2F2;
  --background-color: #F2F2F2;
}

body {
  background-color: white;
}

section {
  padding-top: 50px;
  padding-bottom: 50px;
}

.text-primary {
  color: var(--primary-color) !important;
}

.text-tertiary {
  color: var(--tertiary-color) !important;
}

.bg-primary {
  background-color: var(--primary-color) !important;
}

.bg-secondary {
  background-color: var(--secondary-color) !important;
}

.bg-secondary h2,
.bg-primary h2 {
  color: white !important;
}

.bg-primary .section-title h2 .mango,
.bg-secondary .section-title h2 .mango {
  color: var(--text-color);
}

.mango {
  font-family: 'Mango', sans-serif !important;
}

.section-title h2 .mango {
  font-size: 54px;
  color: var(--primary-color);
}

.capas {
  display: flex;
  justify-content: center;
}

.capas img {
  z-index: 1;
  height: 21rem !important;
  width: auto !important;
  margin-top: 5rem;
  border-radius: 10px;
}

.capas img:first-child {
  z-index: -1;
  margin-right: -5rem;
  margin-top: 10rem;
}

.capas img:last-child {
  z-index: -1;
  margin-left: -5rem;
  margin-top: 0;
}

.btn {
  min-width: 300px;
  font-size: 20px !important;
  border-radius: 50px !important;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}

.btn.btn-secondary {
  background-color: var(--background-color);
  color: var(--primary-color);
}

.btn.btn-secondary:hover {
  background-color: var(--secondary-color);
  color: var(--on-primary-color);
}

.btn.btn-secondary.text-tertiary:hover {
  background-color: var(--primary-color);
  color: var(--on-primary-color) !important;
}

.duotone-divider,
.duotone-divider-sm {
  position: absolute;
  padding: 0;
  right: 0;
  height: 100%;
  width: 1000px;
}

.duotone-divider-sm {
  display: none;
  width: 100%;
}

.duotone-fg {
  background-image: url('../images/mini/bg-folhas-right.png');
  background-position: right;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  height: 80%;
  width: 25rem;
  right: 0;
}

.hero-area,
.features {
  background-image: url('../images/mini/bg-folhas-left.png');
  background-repeat: no-repeat;
  background-size: contain;
}

.proof-card {
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  min-height: 20rem;
}

.img-proof {
  background-position: center;
  background-size: cover;
  position: absolute;
  height: 21rem;
  width: 12rem;
  left: 0;
  top: 0;
}

.img-proof.andressa {
  background-image: url('../images/mini/andressa.jpg');
}

.img-proof.laryssa {
  background-image: url('../images/mini/laryssa.jpg');
}

.img-proof.alice {
  background-image: url('../images/mini/alice.jpg');
}

.italic {
  font-style: italic;
}

.feature-box {
  min-height: 15rem;
  border-radius: 20px;
  background-color: var(--secondary-color);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease-in-out;
}

.feature-box:hover {
  scale: 102%;
}

.feature-box i {
  font-size: 50px;
}

.bonus.section .section-title h2 span {
  font-size: 80px;
}

.section-divider {
  background-image: url('../images/mini/bg-folhas-bottom.png');
  background-position: center;
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: contain;
  position: relative;
  margin-top: -75px;
  height: 50px;
  z-index: 10;
}

.section-divider.alt {
  background-image: url('../images/mini/bg-folhas-bottom-alt.png');
}

.accordion-item {
  background-color: white;
  margin-bottom: 10px;
  border-radius: 20px;
  padding: 5px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
}

.accordion-button {
  font-family: 'Mango', sans-serif;
  font-size: 25px;
  font-weight: bold;
}

.accordion-item button,
.accordion-collapse {
  border: none;
}

.accordion-button:not(.collapsed) {
  background-color: white;
  color: var(--primary-color);
}

.accordion-button::after,
.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iODAiIHZpZXdCb3g9IjAgMCAyNSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB0cmFuc2Zvcm09InJvdGF0ZSgwIDAgMCkiPgo8cGF0aCBkPSJNNS41NDc3OSA5LjA5NDY3QzUuODQwNjkgOC44MDE3OCA2LjMxNTU2IDguODAxNzggNi42MDg0NiA5LjA5NDY3TDEyLjMyODEgMTQuODE0M0wxOC4wNDc4IDkuMDk0NjdDMTguMzQwNyA4LjgwMTc4IDE4LjgxNTYgOC44MDE3OCAxOS4xMDg1IDkuMDk0NjdDMTkuNDAxMyA5LjM4NzU2IDE5LjQwMTMgOS44NjI0NCAxOS4xMDg1IDEwLjE1NTNMMTIuODU4NSAxNi40MDUzQzEyLjU2NTYgMTYuNjk4MiAxMi4wOTA3IDE2LjY5ODIgMTEuNzk3OCAxNi40MDUzTDUuNTQ3NzkgMTAuMTU1M0M1LjI1NDkgOS44NjI0NCA1LjI1NDkgOS4zODc1NiA1LjU0Nzc5IDkuMDk0NjdaIiBmaWxsPSIjMzQzQzU0Ij48L3BhdGg+Cjwvc3ZnPg==")
}

.accordion-body {
  padding-top: 0px;
  font-size: 17px;
}

.accordion-body li {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.accordion-body li i.lni-check-circle-1 {
  color: green;
  margin-right: 5px;
}

.accordion-body li i.lni-xmark-circle {
  color: red;
  margin-right: 5px;
}

.faq .capas img {
  margin-top: 0;
}

.faq .capas img:first-child {
  margin-top: 1rem;
  transform: rotate(350deg);
}

.faq .capas img:last-child {
  margin-top: 1rem;
  transform: rotate(10deg);
}

.flex {
  display: flex;
}

.content-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.button.add-list-button .btn {
  display: none;
  min-width: 50px !important;
}

.button.add-list-button a:hover {
  background-color: var(--background-color) !important;
  color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  border-width: 1px;
}

.sticky .button.add-list-button .btn {
  display: block;
  font-size: 15px !important;
}

@media (max-width: 1699px) {
  .duotone-fg,
  .hero-area,
  .features {
    background-image: none;
  }

  .duotone-divider,
  .duotone-fg {
    display: none;
  }
}

@media (min-width: 991px) and (max-width: 1398px) {
  .hero-area .capas {
    scale: 70%;
  }

  .proof-card .img-proof {
    width: 9rem;
    height: 35rem;
  }
}

@media (max-width: 1398px) {

  .feedback .section-carousel .flickity-page-dots .dot {
    width: 10px;
  }
  
  .hero-area {
    padding-top: 0;
  }

  .hero-area .hero-image img {
    width: 70%;
  }

  .duotone-divider-sm {
    display: block;
  }

  .proof-card>div {
    min-height: 28rem;
  }

  .proof-card h6 {
    padding-top: 20px;
  }

  .proof-card h6 a {
    justify-content: center;
  }

  .proof-card p {
    text-align: center;
  }

  .img-proof {
    width: 100%;
    height: 30rem;
  }

  .feature-box {
    min-height: 12rem;
    text-align: center;
  }

  .feature-box h4 {
    font-size: 20px;
  }

  .faq .capas {
    scale: 50%;
    margin-top: 0;
    padding: 0;
  }
}