:root {
  --poppins: "Poppins", sans-serif;
  --logoTextColor: #363697;
  --titleAndNavColor: #2c2d3f;
  --titleAndNavColorHover: #6b6c78;
  --textColor: #414252;
  --titleFeaturedColor: #056937;
  --titleFeaturedColorHover: #5e9fde;
  --backgroundSectionColor: #9b9b9b;
  --backgroundSectionColorTwo: #1B5E42;
  --backgroundFooter: #2c2d3f;
}

body {
  overflow-x: hidden;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 7rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--poppins);
  font-weight: 700;
}

p,
a {
  font-family: var(--poppins);
  font-weight: 400;
}

a {
  text-decoration: none !important;
}

/*header*/
/*Section1*/
.navbar {
  position: fixed !important;
  top: 0;
  width: 100%;
  z-index: 1000;
}

.navbar-img img {
  height: 5.6rem;
}

@media only screen and (max-width: 992px) {
  .navbar-collapse {
    text-align: center;
  }
  .hero-text > h2 {
    font-size: 24px !important;
  }
  .quote {
    font-size: 16px;
  }
}

.format-text-nav a {
  color: var(--titleAndNavColor) !important;
}

.format-text-nav a:hover {
  color: var(--titleAndNavColorHover) !important;
}

.format-size-text a {
  font-size: 22px;
}

.withUs {
  color: var(--titleFeaturedColor) !important;
}

.withUs:hover {
  color: var(--titleFeaturedColorHover) !important;
}

/*Section1-end*/

/*Section2*/

#carouselExampleIndicators .carousel-item {
  height: 90vh;
  min-height: 400px;
  max-height: 700px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
}

@media (max-width: 768px) {
  .hero-text > h2 {
    font-size: 18px !important;
    line-height: 1.2 !important;
  }
  .quote {
    font-size: 12px !important;
    line-height: 1.4 !important;
  }
}

.image-background-color {
  background-color: rgba(0, 0, 0, 0.3);
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.hero-text {
  text-align: left;
  position: absolute;
  top: 40%;
  left: 30%;
  transform: translate(-50%, -50%);
  color: var(--titleAndNavColor);
  margin: 0px 250px 0px 120px !important;
}

.hero-text span {
  color: var(--titleFeaturedColor) !important;
}

.hero-text > h2 {
  font-size: 50px !important;
}

@media only screen and (max-width: 1366px) {
  .hero-text > h2 {
    font-size: 30px !important;
  }

  .hero-text {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--titleAndNavColor);
    margin: 0px 0px 0px 0px !important;
  }
}

.background-section-two {
  background-color: var(--titleFeaturedColor);
}

.btn-result {
  background-color: white;
  padding: 16px;
  border: none;
  border-radius: 50%;
  color: var(--titleFeaturedColor) !important;
  font-family: var(--poppins);
  font-weight: 900 !important;
  font-size: 30px;
}

@media only screen and (max-width: 992px) {
  .btn-result {
    background-color: white !important;
    padding: 16px 16px !important;
    border-radius: 50% !important;
    border-color: var(--titleFeaturedColor) !important;
    color: var(--titleFeaturedColor) !important;
    font-family: var(--poppins);
  }
}

@media only screen and (max-width: 769px) {
  .space-result > div:nth-child(1) {
    padding-bottom: 10px;
  }

  .space-result > div:nth-child(3) {
    padding-top: 10px;
  }
}

.click {
  cursor: pointer !important;
}

/*main*/
/*section1*/
.img-main-one {
  max-width: 500px;
  width: 100%;
}

@media only screen and (max-width: 992px) {
  .img-main-one {
    max-width: 320px !important;
  }
}

@media only screen and (max-width: 384px) {
  .img-main-one {
    max-width: 280px !important;
    margin: auto !important;
  }
}

.who-we-are > h2 {
  color: var(--titleAndNavColor);
}

.who-we-are p {
  color: var(--textColor) !important;
}

/*section2*/

.format-text-icon > i {
  padding: 20px 20px !important;
  background-color: var(--titleFeaturedColor) !important;
  color: white;
  border-radius: 50%;
  /* margin: 0px 140px 0px 140px !important; */
  font-size: 25px;
}

@media only screen and (max-width: 384px) {
  .format-text-icon > i {
    padding: 20px 20px !important;
    background-color: var(--titleFeaturedColor) !important;
    color: white;
    border-radius: 50%;
    margin: 0px !important;
    font-size: 25px;
  }
}

.format-text-icon {
  text-align: center !important;
}

.format-text-icon p {
  color: var(--textColor) !important;
}

.format-text-icon h5 {
  padding-top: 15px;
  color: var(--titleAndNavColor);
}

/*section 3*/
.background-main-section-three h2 {
  color: var(--titleAndNavColor);
}

.featured {
  color: var(--titleFeaturedColor) !important;
}

.img-main-three > img {
  max-width: 500px;
  position: relative;
  top: -50px;
}

.btn-section-three > button,
.btn-section-three > a {
  color: var(--titleFeaturedColor);
  font-family: var(--poppins);
  font-weight: bold;
  padding: 15px;
}

.btn-section-three {
  text-align: left;
}

.section-exams {
  padding-top: 3rem;
  padding-bottom: 3rem;
  background-color: var(--backgroundSectionColor);
}

.section-exams p {
  color: var(--textColor);
}

.btn-exams {
  background-color: var(--titleFeaturedColor);
  border-color: var(--titleFeaturedColor);
  color: #ffffff !important;
  font-family: var(--poppins);
  font-weight: 700;
  letter-spacing: 0.05em;
}

.btn-exams:hover,
.btn-exams:focus {
  background-color: var(--backgroundSectionColorTwo);
  border-color: var(--backgroundSectionColorTwo);
  color: #ffffff !important;
}

@media only screen and (max-width: 992px) {
  .img-main-three > img {
    max-width: 380px;
    position: relative;
    top: 40px;
  }

  .background-main-section-three {
    padding-bottom: 50px !important;
  }

  .background-main-section-three > .container {
    text-align: center !important;
  }

  .btn-section-three {
    text-align: center !important;
  }
}

.exams-card {
  border-radius: 12px;
  border-left: 5px solid var(--titleFeaturedColor);
  background-color: #ffffff;
}

.exams-card .card-body {
  padding: 1.75rem;
}

@media only screen and (max-width: 769px) {
  .img-main-three > img {
    max-width: 340px;
    position: relative;
    top: 40px;
  }

  .background-main-section-three {
    padding-bottom: 50px !important;
  }

  .background-main-section-three > .container {
    text-align: center !important;
  }

  .btn-section-three {
    text-align: center !important;
  }
}

@media only screen and (max-width: 384px) {
  .img-main-three > img {
    max-width: 280px;
    position: relative;
    top: 40px;
  }
}



/*section five*/
.background-main-five {
  background-color: var(--titleFeaturedColor) !important;
}

.background-main-five h2 {
  color: white;
}

.background-main-five p {
  color: white;
}

.btn-section-five {
  text-align: center !important;
}

.btn-section-five > button,
.btn-section-five > a {
  color: var(--titleFeaturedColor);
  font-family: var(--poppins);
  font-weight: bold;
  padding: 15px;
}

/*section 6*/
.glider-dot.active {
  background: var(--titleFeaturedColor);
}

.main-section-six h2 {
  color: var(--titleAndNavColor);
}

.main-section-six p {
  color: var(--textColor);
}

/*section 7*/
.background-main-section-seven {
  background-color: var(--backgroundSectionColorTwo);
}

.background-main-section-seven h2 {
  color: white !important;
  padding: 10px 0px 20px 0px;
}

.background-main-section-seven p {
  color: var(--textColor);
}

/*section 8*/
.format-text-eight p {
  font-size: 13px;
  color: var(--textColor);
}

.format-text-eight h6 {
  color: var(--titleAndNavColor);
}

.format-text-eight a {
  cursor: pointer !important;
  font-weight: bold;
}

.format-text-eight a:hover {
  color: var(--backgroundSectionColorTwo) !important;
  text-decoration: underline !important;
}

.format-text-eight a:active {
  color: var(--backgroundSectionColorTwo) !important;
}

/*SECTION 9*/
.btn-section-nine {
  text-align: center !important;
}

.btn-section-nine > button {
  color: var(--titleFeaturedColor);
  font-family: var(--poppins);
  font-weight: bold;
  padding: 15px;
}

/*section 10*/
.imc {
  margin-top: 30px !important;
}

.imc button {
  background-color: var(--backgroundSectionColorTwo);
  padding-left: 40px;
  padding-right: 40px;
  border-color: var(--backgroundSectionColorTwo) !important;
}

.imc input {
  border-color: var(--backgroundSectionColorTwo) !important;
}

.background-quiz {
  background-color: var(--titleFeaturedColor);
  margin-bottom: 10px !important;
}

.quiz {
  margin: 0px 20px 0px 20px;
}

.format-text-section-ten h3 {
  color: var(--titleFeaturedColor);
}

.main-section-ten {
  color: var(--textColor);
}

@media only screen and (max-width: 767px) {
  #img-imc {
    max-width: 340px;
  }
}

@media only screen and (max-width: 384px) {
  #img-imc {
    max-width: 290px;
  }
}

/*main section 11*/
.main-section-eleven h2 {
  color: var(--titleAndNavColor);
}

.main-section-eleven p {
  color: var(--textColor);
}

.main-section-eleven input {
  border-color: var(--backgroundSectionColorTwo) !important;
}

.main-section-eleven textarea {
  border-color: var(--backgroundSectionColorTwo) !important;
}

.main-section-eleven button {
  background-color: var(--backgroundSectionColorTwo);
  padding-left: 50px;
  padding-right: 50px;
  border-color: var(--backgroundSectionColorTwo) !important;
  border-radius: 50px !important;
}

/*footer 1*/
.background-section-footer-one {
  background-color: var(--backgroundFooter);
}

.background-section-footer-one p {
  color: white !important;
}

.background-section-footer-one a {
  color: white !important;
  text-decoration: none !important;
}

.background-section-footer-one a:hover {
  text-decoration: underline !important;
}

@media only screen and (max-width: 992px) {
  .background-section-footer-one p {
    text-align: center !important;
  }
}

/*Sticky não mexer*/
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
}

#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  left: 2%;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: rgba(0, 0, 0, 0.7);
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 50px;
}

#myBtn:hover {
  background-color: #555;
}

.quote {
  background: rgba(0,0,0,0.5);
  color: white;
  padding: 20px;
  border-left: 5px solid var(--titleFeaturedColor);
  font-size: 18px;
  font-style: italic;
}
.marca {
  margin-top: 7rem;
}

/* ========================================
   CAROUSEL BANNERS - Background Images
   ======================================== */

/* Banners 1-4: Fixed images for all screen sizes */
/* Banner 1: Responsive images based on screen size */
.carousel-item-banner-1 {
  background: url('../img/banners/5/1920X700.png') no-repeat center center;
  background-size: cover;
}

@media (max-width: 1440px) {
  .carousel-item-banner-1 {
    background-image: url('../img/banners/5/1440X700.png');
  }
}

@media (max-width: 1024px) {
  .carousel-item-banner-1 {
    background-image: url('../img/banners/5/1024X700.png');
  }
}

@media (max-width: 768px) {
  .carousel-item-banner-1 {
    background-image: url('../img/banners/5/768X700.png');
  }
}

@media (max-width: 425px) {
  .carousel-item-banner-1 {
    background-image: url('../img/banners/5/425X700.png');
  }
}

@media (max-width: 375px) {
  .carousel-item-banner-1 {
    background-image: url('../img/banners/5/375X700.png');
  }
}

.carousel-item-banner-2 {
  background: url('../img/banners/2.jpeg') no-repeat center center;
  background-size: cover;
}

.carousel-item-banner-3 {
  background: url('../img/banners/3.jpg') no-repeat center center;
  background-size: cover;
}

.carousel-item-banner-4 {
  background: url('../img/banners/4.jpeg') no-repeat center center;
  background-size: cover;
}

/* ========================================
   WHO WE ARE SECTION - Gallery Carousel
   ======================================== */

@media (min-width: 992px) {
  .img-main-one {
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
  }
}
#who-carousel .carousel-item img {
  height: 400px;
  object-fit: cover;
}