*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: "Poppins", sans-serif;
    
}
body{
  padding: 0 10%;
  background-image: url(Cópia\ de\ DYG.png);
  background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
section h1{
  font-size: 20px;
}

header{
  margin-top: 5%;
 height: 100px;
 width: 100%;
 text-align: center;
 margin-left: -35px;
 
;
 .inicio{
  display: flex;
  justify-content: space-between;
 }
 
}
.bom{
 
  margin-left: 10%;
}
.log{
  margin-top: 1.5%;
}
.conteiner .logo p{
  margin-left: 100px;
}
.conteiner h1{
  font-size: 90px;
  color: rgb(3,46,83);
  

}

.conteiner h2{
  font-size: 12px;
  margin-top: -25px;  
  font-weight: 390;
  color: rgb(3,46,83);
}
.conteiner h2 span{
  font-size: 19px;
  font-weight: 700;
  
}
.conteiner .kit{
  background-color:rgb(3,46,83) ;
  width: 205px;
  height: 135px;
  border-radius: 20px;
}
.kit h2{
  color: #fff;
  text-align: center;
  font-size: 50px;
  margin-top: 150px;
  font-weight: 800;
}
.kit p{
  color: #fff;
  text-align: center;
  font-size: 50px;
  margin-top: -5px;
  font-weight: 800;
}

.btn-contacto{
  margin-top: 50px;
}
.btn-contacto button{
  padding: 4px 10px;
  border-radius: 40px;
  background-color: transparent;
  border: solid;
  border-color: rgb(0,217,255);
}
.btn-contacto button i{
  font-size: 19px;
}
.reds{
  margin-top: 120px;
  display: flex;
  flex-direction: column;
  width: 65%;
}
.reds button{
  border: none;
  background-color: transparent;
  text-align: justify;
  }
.reds button i{
  font-size: 20px;
}


.ns{
  margin-top: 40px;
  gap: 30px;
}
.sn{
  background:linear-gradient(to right,rgba(247, 247, 247), rgba(211, 211, 211));
  border-radius: 20px;
  padding: 8%;
  
  
}
.sn p{
  font-size: 12px;
  text-align: justify;
  
}
.sn  h1{
  color:rgb(3,46,83) ;
}
.sn p span{
  font-weight: 700;
  color:rgb(3,46,83) ;
}

.mae{
  margin-top: 20%;
  background:linear-gradient(to right,rgba(247, 247, 247), rgba(211, 211, 211));
  border-radius: 20px;
  padding: 8%;
  gap: 20px;
}
.nss h1{
  color: rgb(3,46,83);
  
}
.nss .lovi{
  display: flex;
  gap: 5%;
  margin-bottom: 20px;

  
}

.nss .lovi p{
  font-size: 10px;
  margin-top: 10px;
  
}
.nss .lovi h3{
  background: linear-gradient(to right, rgb(5,75,85), rgb(0,197,230));
  border-radius: 30px;
  width: 127px;
  text-align: center;
  font-size: 12px;
  color: #fff;
}

.fim{
  margin-top: 10%;
  background:linear-gradient(to right,rgba(247, 247, 247), rgba(211, 211, 211));
  padding: 8%;
  border-radius: 20px;
  margin-bottom: 10%;
}
.fim h1{
  color: rgb(3,46,83);
}

.fim h2{
  color: rgb(3,46,83);
  font-size: 17px;
}
.fim p{
  font-size: 14px;
}

/* estilo dos depoimentos */
.slide{
  background:linear-gradient(to right,rgba(247, 247, 247), rgba(211, 211, 211));
  margin-top: 10%;
  border-radius: 20px;
  padding: 20% 0;
  
}
.slide h1{
  margin-left: -25%; 
  color:rgb(3,46,83)
}
.slide h1{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: justify;

}
.slide .depoimentos{
    
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 0%;
}
.slide .interface{
     padding: 5% 2%;
    margin-left: 10%;
    margin-right: 10%;
}
.slide{
    width: 100%;
}
 .slider-container {
  position: relative;
  width: 100%;
}

.slider {
    position: relative;
    margin: 0 auto;
}
.slider img{
    
    display: none;
    margin-top: 5%;
    position: relative;
    margin: 0 auto;
    
}

.depoimentos{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slide button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 1% 1%;
  background: linear-gradient(to right, rgb(5,75,85), rgb(0,197,230));
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  
}

#prev {
  left: 4%;
}

#next {
  right: 4%;
}


.sld{
   margin-top: 10%;
  background:linear-gradient(to right,rgba(247, 247, 247), rgba(211, 211, 211));
  padding: 8%;
  border-radius: 20px;
  margin-bottom: 10%;
  text-align: center;

  
}
.sld h3{
  border-radius: 20px;
  background: linear-gradient(to right, rgb(5,75,85), rgb(0,197,230));
  width: 227px;
  border: solid black 4PX;
  color: #fff;
  text-align: center;
   margin: 0 auto;
}
.sld p{
  border-radius: 20px;
  background: rgb(3, 46, 83);
  width: 107px;
  color: #fff;
  font-weight: 700;
  height: 26px;
  font-size: 20px;
  text-align: center;
  margin: 0 auto;
}
.sld .logotipo{
  background: linear-gradient(to right, rgb(5,75,85), rgb(0,197,230));
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  height: 5%;
  margin-bottom: 3%;

}
.sld .rs{
  background: linear-gradient(to right, rgb(5,75,85), rgb(0,197,230));
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  height:5%;
}
.sld .img{
  margin-top: -11%;
}
.sld .rs img {
  width: 30%; 
  margin: 3px 1%; 
}