/**BANNEER ABOUT  */
.about-us-banner , 
.our-services-advantages, 
.nosso-time , .desconto{
  padding: 0px 90px;
}


.about-us-banner{
  margin-top: 140px;
}

.about-us-banner h3{
  display: flex;
  font-weight: 500;
  font-size: 48px;
  justify-content: center;
}
.banner-content-about{
  display: flex;
  justify-content: space-around;
}
.b-n-c-ab{
  margin-top: 20px;
 flex: 1;

}
.b-n-c-ab p{
  color: var(--cinzaMeioEscuro);
}
.b-n-c-ab figure{
display: flex;
justify-content: center;
}
/**BANNEER ABOUT END */

/*our-services-advantages*/
.our-services-advantages{
padding-bottom: 70px;
margin-top: 80px;
padding-top: 30px;
  background-color: var(--azul);
}
.our-services-advantages h3{
  display: flex;
  font-size: 48px;
  color: var(--branco);
  justify-content: center;
}

.our-service-container{
 margin-top: 20px;
 display: flex;
 flex-wrap: wrap;
}
.item-our-s{
  flex: 1 1 ;
  color: var(--branco);
  padding: 42px 40px 42px;
  text-align: center;

}
.item-our-s:nth-child(2){
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.item-our-s:nth-child(3){
  border-right: 1px solid #ccc;
}
.item-our-s figure{
  display: flex;
  justify-content: center;
}
.item-our-s h5{
  margin-top: 20px;
  display: flex;
  justify-content: center;
  font-size: 24px;
}
.item-our-s p{
  margin-top: 10px;
  display: flex;
  justify-content: center;
}
/*our-services-advantages end*/

/*Nosso time */
/*Nosso time end*/
.nosso-time {
  margin-top: 80px;
}
.nosso-time h4{
  display: flex;
  font-size: 34px;
  font-weight: 500;
  justify-content: center;
}

.container-no-tm{
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
 }

 .time-item-no{
  flex: 1 1 ;
  color: var(--cinzaMeioEscuro);
  padding: 42px 40px 42px;
  text-align: center;

}
.time-item-no figure , 
.time-item-no h5 , 
.time-item-no span , .time-item-no p{
  display: flex;
  justify-content: center;
}
.time-item-no figure img{
  border-radius:50% ;
}
.time-item-no h5{
  margin-top: 10px;
  font-size: 24px;
  white-space: nowrap;
  color: var(--azul);
}
.time-item-no span{
  font-weight: 600;
  margin-top: 5px;
  color: var(--cinzaMeioEscuro);
}
.time-item-no p{
  margin-top: 10px;
  font-size: 14px;
}
.time-item-no:nth-child(2){
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.time-item-no:nth-child(3){
  border-right: 1px solid #ccc; 
}
/*Nosso time end*/

/**Desconto*/
.desconto{
  padding-top: 70px;
  padding-bottom: 70px;
  color: var(--branco);
  margin-top: 70px;
  background-image: url(/assets/image/aboutbn-10-2048x736.png);
}
.desconto h1, .desconto h3 , .desconto p a{
  display: flex;
  justify-content: center;
}
.desconto h1{
  font-size: 64px;
}
.desconto #button {
  display: flex;
  justify-content: center;
  align-items: center; /* Para centralizar o conteúdo */
 
}
.desconto #button a{
  background: var(--azul);
  color: var(--branco);
  padding: 10px 20px; /* Controla o tamanho do botão */
  text-align: center;
  transition: background 0.5s ease, color 0.5s ease;
}
.desconto #button a:hover{
 background: #fcfcfc;
 color: #000;

}
.desconto h3{
  margin-top: 20px;
  gap: 10px;
  font-size: 48px;
}
.desconto p{
  margin-top: 20px;
  font-size: 20px;
}
.desconto p a:hover {
  text-shadow: #ccc;
}
/**Desconto end*/






/**************MOBILE*************/


/*tablet (Ipad)*/
@media (min-width: 989px) and (max-width:1023px){
 /*nosso time */
 .time-item-no{
  flex: 1 1 48%;
  color: var(--cinzaMeioEscuro);
  padding: 42px 40px 42px;
  text-align: center;

}
  /*Nosso time end*/

  /*our-services-advantages */
.item-our-s {
  flex: 1 1 48%; /* Ocupa aproximadamente metade da largura */
  margin: 1%; /* Espaço entre os itens */
}
  /*our-services-advantages end*/
  .about-us-banner {
    padding: 0px 40px;
    margin-top: 100px;
  }
  .about-us-banner h3 {
    font-size: 40px;
  }
  .b-n-c-ab {
    flex: 1 1 45%; /* Elementos ocupam cerca de 45% do espaço */
  }
}
/*tablet pequeno*/
@media (min-width: 768px) and (max-width: 989px){
   /*nosso time */
 .time-item-no{
  flex: 1 1 48%;
  color: var(--cinzaMeioEscuro);
  padding: 42px 40px 42px;
  text-align: center;

}
.time-item-no:nth-child(1){
  border-right: none;
  border-left: none;
  border-bottom: 1px solid #ccc ;
}
.time-item-no:nth-child(2){
  border-right: none;
  border-left: none;
  border-bottom: 1px solid #ccc ;
}
.time-item-no:nth-child(3){
  border-right: none;
  border-left: none;
}
  /*Nosso time end*/
  /*our-services-advantages */
.item-our-s {
  flex: 1 1 48%; /* Ocupa aproximadamente metade da largura */
  margin: 1%; /* Espaço entre os itens */
}

.item-our-s:nth-child(1){
  border-right: none;
  border-left: none;
  border-bottom: 1px solid #ccc ;
}
.item-our-s:nth-child(2){
  border-right: none;
  border-left: none;
  border-bottom: 1px solid #ccc ;
}
.item-our-s:nth-child(3){
  border-right: none;
  border-left: none;
}
  /*our-services-advantages end*/
  .about-us-banner {
    padding: 0px 20px;
    margin-top: 80px;
  }
  .about-us-banner h3 {
    font-size: 36px;
  }
  .b-n-c-ab {
    flex: 1 1 45%; /* Elementos ocupam cerca de 45% do espaço */
  }
}

/*shmartphone*/
@media (min-width: 481px) and (max-width: 768px){
  .our-services-advantages h3 {
    display: flex
;
    font-size: 41px;
    color: var(--branco);
    justify-content: center;
}

.about-us-banner , 
.our-services-advantages, 
.nosso-time , .desconto{
  padding: 0px 20px;
}
  /*desconto*/
  .desconto h1{
    font-size: 44px;
  }
  .desconto h3{
    margin-top: 20px;
    gap: 10px;
    font-size: 30px;
  }
  .desconto p{
    margin-top: 20px;
    font-size: 18px;
  }
  /*desconto end*/

   /*nosso time */
 .time-item-no{
  flex: 1 1 100%;
  color: var(--cinzaMeioEscuro);
  padding: 42px 40px 42px;
  text-align: center;

}
.time-item-no:nth-child(1){
  border-right: none;
  border-left: none;
  border-bottom: 1px solid #ccc ;
}
.time-item-no:nth-child(2){
  border-right: none;
  border-left: none;
  border-bottom: 1px solid #ccc ;
}
.time-item-no:nth-child(3){
  border-right: none;
  border-left: none;
  border-bottom: 1px solid #ccc ;
}
/*nosso time end*/
   /*our-services-advantages */
.item-our-s {
  flex: 1 1 100%; /* Ocupa aproximadamente metade da largura */
  margin: 1%; /* Espaço entre os itens */
}

.item-our-s:nth-child(1){
  border-right: none;
  border-left: none;
  border-bottom: 1px solid #ccc ;
}
.item-our-s:nth-child(2){
  border-right: none;
  border-left: none;

  border-bottom: 1px solid #ccc ;
}
.item-our-s:nth-child(3){
  border-right: none;
  border-left: none;
  border-bottom: 1px solid #ccc ;
}
  /*our-services-advantages end*/
  .about-us-banner {
    padding: 0px 5px;
    margin-top: 140px;
  }
  .about-us-banner h3 {
    font-size: 28px;
    text-align: center;
  }
  .banner-content-about {
    flex-direction: column-reverse; /* Alinha os elementos em coluna */
    align-items: center;
  }
  .b-n-c-ab {
    flex: none;
    width: 100%;
    text-align: center;
  }
  .b-n-c-ab figure{
   width: 100%;
   height:100%;
    }
}
/*shmartphone pequeno*/
@media (max-width: 480px){

.about-us-banner , 
.our-services-advantages, 
.nosso-time , .desconto{
  padding: 0px 20px;
}
.our-services-advantages h3 {
  display: flex
;
  font-size: 41px;
  color: var(--branco);
  justify-content: center;
}
    /*desconto*/
    .desconto h1{
      font-size: 44px;
    }
    .desconto h3{
      margin-top: 20px;
      gap: 10px;
      font-size: 30px;
    }
    .desconto p{
      margin-top: 20px;
      font-size: 18px;
    }
    /*desconto end*/
     /*nosso time */
 .time-item-no{
  flex: 1 1 100%;
  color: var(--cinzaMeioEscuro);
  padding: 42px 40px 42px;
  text-align: center;

}
.time-item-no:nth-child(1){
  border-right: none;
  border-left: none;
  border-bottom: 1px solid #ccc ;
}
.time-item-no:nth-child(2){
  border-right: none;
  border-left: none;
  border-bottom: 1px solid #ccc ;
}
.time-item-no:nth-child(3){
  border-right: none;
  border-left: none;
  border-bottom: 1px solid #ccc ;
}
/*nosso time end*/
  /*our-services-advantages */
.item-our-s {
  flex: 1 1 100%; /* Ocupa aproximadamente metade da largura */
  margin: 1%; /* Espaço entre os itens */
}

.item-our-s:nth-child(1){
  border-right: none;
  border-left: none;
  border-bottom: 1px solid #ccc ;
}
.item-our-s:nth-child(2){
  border-right: none;
  border-left: none;

  border-bottom: 1px solid #ccc ;
}
.item-our-s:nth-child(3){
  border-right: none;
  border-left: none;
  border-bottom: 1px solid #ccc ;
}
  /*our-services-advantages end*/
  .about-us-banner {
    padding: 0px 5px;
    margin-top: 140px;
  }
  .about-us-banner h3 {
    font-size: 28px;
    text-align: center;
  }
  .banner-content-about {
    flex-direction: column-reverse; /* Alinha os elementos em coluna */
    align-items: center;
  }
  .b-n-c-ab {
    flex: none;
    width: 100%;
    text-align: center;
  }
  .b-n-c-ab figure{
   width: 100%;
   height:100%;
    }
}