.sobre{
    width: 100%;
    display: flex;
    text-align: left;
    font-size: 1.1rem;
    height: 500px;
    align-items: center;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    padding: 30px;
    height: 700px;
    border-radius: 5px;
    
    
    
}
.container_sobre{
    width: 100%;
    justify-content: center;
    text-align: center;
    align-items: center;
    padding: 6px;
   

}

#animais{
    border-radius: 100%;
    padding: 10px;
    background: linear-gradient(to bottom,#64ceaf, #3465df);
    border: 1px solid white;
    object-fit: cover;
    width: 90%;
    height: 20%;
}



.sobre p{
    width: 100%;
    color:#526c8c;
    font-size: 1.2rem;
    text-align: left;
}

.forte{
    color:#ce3771;
}

.slider{
    margin: 0 auto;
    width: 95%;
    height: 600px;
    overflow: hidden;
    position: relative;
   

}
.slides{
    width: 400%;
    height: 600px;
    display: flex;
    
}
.slides input{
    display: none;

}

.slide {

    width: 25%;
    position: relative;

}

.slide img{
    width: 95%;
   height: 600px;
   margin: 20px;
   object-fit: cover;
   
  
   
  
}


.manual-navigation{
    position: absolute;
    bottom: 20px;       
    left: 50%;          
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    width: auto;
}

.manual-btn{
    border: 2px solid white;
    padding: 5px;
    border-radius: 10px;
    cursor: pointer;
    transition: 0.7s;

}



.manual-btn:not(:last-child){
    margin-right: 35px;
}

.manual-btn:hover{
    background-color: white;
}

#radio1:checked ~ .first {
    margin-left: 0;
}

#radio2:checked ~ .first {
    margin-left: -18%;
}

#radio3:checked ~ .first {
    margin-left: -50%;
}

#radio4:checked ~ .first {
    margin-left: -75%;
}

#radio5:checked ~ .first {
    margin-left: -100.5%;
}

#radio6:checked ~ .first {
    margin-left: -125.8%;
}

.navigation-auto div{
    border: 2px solid #304257;
    padding: 5px;
    border-radius: 10px;
    cursor: pointer;
    transition: 0.7s;

}
.navigation-auto{
    position: absolute;
    bottom: 20px;       
    left: 50%;          
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    width: auto;
}
.navigation-auto div:not(:last-child){
    margin-right: 35px;

}

#radio1:checked ~ .navigation-auto .btn1{
    background-color: white;

}
#radio2:checked ~ .navigation-auto .btn2{
    background-color: white;

}
#radio3:checked ~ .navigation-auto .btn3{
    background-color: white;

}
#radio4:checked ~ .navigation-auto .btn4{
    background-color: white;

}
#radio5:checked ~ .navigation-auto .btn5{
    background-color: white;

}
#radio6:checked ~ .navigation-auto .btn6{
    background-color: white;

}



@media screen and (max-width: 760px) {
    .sobre{
        flex-direction:column-reverse ;
        justify-content: center;
        align-items: center;
        max-width: 100%;
        height: 100%;
       
    }

   

    .container_sobre h2{
        text-align: center;
        font-size: 2rem !important;
        letter-spacing: 0.5px;
        margin: 30px 0 15px 0;
        padding: 0 5%;
    }

    .container_sobre p{
        padding: 0 5% !important;
        box-sizing: border-box;
        text-align: justify;
        font-size: 1.2rem !important;
        margin-bottom: 15px;
        line-height: 1.7;

    }

    #texto_slide{
        text-align: center;
        font-size: 2rem !important;
        letter-spacing: 0.5px;
        margin: 30px 0 15px 0;
        padding: 0 7%;
    }

    

    
    
}