.background-producao {
  background-image: url(../assets/img/background-01.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-color: #fff;
  height: 650px;
}
.background-producao nav.navbar.bootsnav ul.nav li > a {
  background-color: transparent;
  color: #6f6f6f;
}
.background-producao nav.navbar.bootsnav ul.nav li > a:hover {
  color: #00ac82;
}
.background-producao nav.navbar.bootsnav ul.nav li.active > a {
  background-color: transparent;
  display: block;
  color: #00ac82;
}
.background-producao nav.navbar.bootsnav.no-background.white ul.nav > li > a {
  color: #000;
}
.background-producao
  nav.navbar.bootsnav.no-background.white
  ul.nav
  > li
  > a.open {
  color: #00ac82;
}
.background-producao
  nav.navbar.bootsnav.no-background.white
  ul.nav
  > li
  > a:hover {
  color: #00ac82;
}
.background-producao nav .navbar-nav #products-menu li:hover {
  font-weight: 600;
}
.background-producao nav .navbar-nav #products-menu li > a {
  font-weight: 600;
}
.background-producao nav .navbar-nav #products-menu li > a:hover {
  background-color: #e6e6e6;
  color: #00ac82;
}
.background-producao nav.navbar.bootsnav ul.nav > li > a:hover {
  color: #00ac82;
}
#home-producao {
  position: relative;
  padding: 100px 0px 0px 0px;
  background-position: center;
  background-repeat: no-repeat;
}
#home-producao p {
  margin-top: 40px;
  margin-bottom: 40px;
}
#home-producao h2 {
  color: #000;
}
#home-producao h4 {
  color: #000;
}

#home-producao .animated-text-producao,
.typed-cursor {
  color: #00ac82;
}
.img-plan-product {
  width: 550px;
  
  background-size: cover;
}
#about-producao {
  background: rgb(41, 41, 41);
  background: linear-gradient(
    0deg,
    rgba(41, 41, 41, 0.08727240896358546) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  margin-top: 200px;
}
#about-producao h2 {
  font-size: 20px;
  margin-bottom: 30px;
  margin-top: 30px;
}
#about-producao h4 {
  font-size: 16px;
  margin-bottom: 30px;
  margin-top: 30px;
  color: #000;
}
#about-producao h3 {
  margin-bottom: 50px;
}
.img-about-left {
  float: left;
}
.img-about-left img {
  margin-right: 5px;
}
.img-about-right {
  float: right;
}
.img-about-right img {
  margin-left: 5px;
}
.background-about-producao {
  background-image: url(../assets/img/woman-product-profile.png);
  background-size: 480px 480px;
  background-repeat: no-repeat;
  background-position: center;
}
#about-producao .about {
  margin-bottom: 80px;
  margin-top: 80px;
}
nav.navbar .navbar-brand img.logo-nav-producao {
  width: 150px;
  margin-top: -10%;
}
@media (max-width: 992px) {
  #home-producao .container {
    text-align: center;
  }

  .background-producao {
    background-image: 100%;
  }
  #about-producao p {
    margin-top: 50px;
  }
  nav.navbar .navbar-brand img.logo-nav-producao {
    width: 100px;
    margin-top: -20% !important;
  }
  .background-about-producao {
    background-size: 280px 280px;
  }
}
@media (max-width: 767px) {
  #home-producao .container {
    text-align: center;
  }

  #about-producao {
    text-align: center;
  }
  #home-producao {
    padding: 84px 0px 70px 0px !important;
  }
  .img-plan-product {
    width: 400px;
  }
  #about-producao {
    text-align: center;
  }
  nav.navbar .navbar-brand img.logo-nav-producao {
    width: 100px;
    margin-top: -20% !important;
  }
  .background-about-producao {
    background-image: none;
  }
}
@media (min-width: 767px) {
  #mobile {
    display: none !important;
  }
  #about-producao p {
    margin-top: 0px;
  }
}
@media (max-width: 400px) {
  .img-plan-product {
    width: 200px;
  }
}

@media (min-width: 400px) and (max-width: 992px) {
  .text-about-producao-right img {
    margin-top: 0px;
  }
  .text-about-producao-left img {
    margin-top: 0px;
  }
}
.img-product {
  width: 250px;
}
.cta1-producao {
  background-image: url(../assets/img/producao-cta1.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  height: 600px;
}
.cta2-producao {
  background-image: url(../assets/img/producao-cta2.png);
  height: 600px;

  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.text-cta-producao {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  flex-direction: row;
}
.text-students .row a {
  top: 40%;
}