* {
  padding: 0;
  margin: 0;
}

body {
  font-size: 17px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  color: #0A0A54;
}

a {
  text-decoration: none !important;
}

.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.poppins-extrabold {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.poppins-black {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.bg-cover {
  background-image: url(/images/cover-principal.webp);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bg-purple-img {
  background-image: url(/images/cover-2.webp);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bg-red {
  background-color: #F61919;
}

.bg-yellow {
  background-color: #FFE269;
}

.text-yellow {
  color: #FFE269;
}

.text-purple {
  color: #7B3FEF;
}

.text-pink {
  color: #FF2261;
}

.bg-gray {
  background-color: #F6F6F6;
}

.bg-pink {
  background-color: #FF2261;
}

#rotate-div {
  width: 99.5%;
  transform: rotate(-1.3deg);
  overflow: hidden;
}

.accordion-button {
  background-color: #ffe269;
  font-weight: 600;
}

.accordion-button:not(.collapsed) {
  color: #0A0A54;
  font-weight: 600;
  background-color: #FFE269;
  box-shadow: inset 0 calc(-1* var(--bs-accordion-border-width)) 0 #FFE269;
}

ul.scala li {
  background: url(/images/scala.webp) no-repeat left center;
  padding: 10px 0px 10px 42px;
  list-style: none;
  margin: 0;
  background-size: 35px;
}

ul.check li {
  background: url(/images/check.webp) no-repeat left center;
  padding: 10px 0px 10px 42px;
  list-style: none;
  margin: 0;
  background-size: 30px;
}
.text-justify {
  text-align: justify;
}
@media (max-width: 576px){
  .logo-img {
    max-width: 240px;
  }
}
@media only screen and (min-width: 576px){
  .logo-img {
    max-width: 250px;
  }
}
@media only screen and (min-width: 768px){
  .logo-img {
    max-width: 300px;
  }
  .bg-circle-img {
    background-image: none;
  }
}
@media only screen and (min-width: 992px){
  .logo-img {
    max-width: 400px;
  }
  .bg-circle-img {
    background-image: url(/images/lider-ma.webp);
    background-position: 115% -135px;
    background-repeat: no-repeat;
    background-size: 400px;
  }
}
@media only screen and (min-width: 1200px){
  .logo-img {
    max-width: 400px;
  }
  .bg-circle-img {
    background-image: url(/images/lider-ma.webp);
    background-position: 112% -145px;
    background-repeat: no-repeat;
    background-size: 500px;
  }
}