#titleDep{
    font-family: 'Satisfy', cursive;
font-size: 40px;
color: #532539;
text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
border-bottom: 2px solid #532539 ;
width: 30%;
display: flex;
justify-content: center;
align-items: center;
font-weight: bold;
margin-top: 50px;
margin-bottom: 50px;
margin-left: auto;
margin-right: auto;
}
#contentDep{
    margin: 0px 20px 20px 20px; 
}
#containerDepoiments{
    background: rgb(230,216,189);
background: linear-gradient(164deg, rgba(230,216,189,1) 0%, rgba(230,216,189,0.8) 50%, rgba(208,206,212,0.8) 100%);
padding: 20px;

height: auto;




border-radius: 10px 0px 10px 0;

}

.swiper1{
    height: auto;
}

#nameTitle{
    font-family: 'Satisfy', cursive;
font-size: 30px;
color: #532539;
display: flex;
justify-content: center;

}
#containerTitles{
    display: flex;
justify-content: center;
gap: 20px;
align-items: center;
}
#containerTitles img{
    width: 200px;
height: 200px;
object-fit: cover;
border-radius: 50%;
}
#imagesDep{
    width: 200px;
height: 200px;
object-fit: cover;
border-radius: 50%;


}

#depoimentsTexts {
    font-size: 18px;
    padding: 50px;
    font-family: 'Satisfy', cursive;
    color: #5E5B5B;
    display: flex;
    justify-content: center;
    text-align: justify; 
}

.textos{
   
    animation:  texto 700ms ease-in;
 }
 
 .teste{
     animation: circle 1s ease-in-out;
     
 }
 
 @keyframes texto {
     0%{
         margin-right: -300px;
     }
 
     50%{
         right: 10px;
     }
 
     100%{
         right: 20px;
     }
     
 }
 /* @keyframes texto {
     0%{
         margin-right: -300px;
     }
 
     50%{
         right: 10px;
     }
 
     100%{
         right: 20px;
     }
     
 }
  */
 
 @keyframes circle {
     0%{
         margin-right: -3000px;
     }
     100%{
         right: 100px;
     }
     
 }