*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family:"Poppins","Montserrat", sans-serif;
}
:root{
    --white:#fff;
    --white-1: #edfaff;
    --white-2:#F3EBF3;
    --blue-1: #295773;
    --blue-3:#295D7D;
    --green:#7AAC6C;
    --grey:#c8d7e4d5;
    --black:#1b1a1a;
    --black-2:#3e3d3d;
}

.slider{
  margin: 0 auto;
  width: 800px;
  height: 450px;
  overflow: hidden;


}
.slides{
  width: 800%;
  height: 450px;
  display: flex;

}
.slides input{
    display: none;
}

.slide{
    width: 25%;
    position: relative;
    transition: 2s;
}
.slide img {
    width: 800px;
}
.title-img{
    position: relative;
    top:220px;
    right: 400px;
    font-weight: 700;
    text-align: center;
    font-size: 42px;
    color: var(--white-1);
    font-family: "Montserra";

}
.bemestar{
    color: var(--blue-1);
}
.manual-navigation{
    position: absolute;
    width: 800px;
    margin-top: -40px;
    display: flex;
    justify-content: center;
}
.manual-btn{
    border: 2px solid var(--white-2);
    padding: 5px;
    border-radius: 18px;
    cursor: pointer;
}
.manual-btn:hover{
    background-color: var(--green);
    transition: 0.5s ;

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

#radio1:checked ~ .first{
    margin-left: 0;
}
#radio2:checked ~ .first{
    margin-left:-25%;
   
}
#radio3:checked ~ .first{
    margin-left:-50%;
}
#radio4:checked ~ .first{
    margin-left:-75%;
}


.navigation-auto div{
    border: 2px solid var(--blue-3);
    padding: 5px;
    border-radius: 18px;
    cursor: pointer;
    transition: 0.5s;
   
}

.navigation-auto{
    position: absolute;
    width: 800px;
    margin-top: 410px;
    display: flex;
    justify-content: center;
}
.navigation-auto div:not(:last-child){
    margin-right: 12px;
}

#radio1:checked ~ .navigation-auto .auto-btn1{
    background-color: var(--green);
}
#radio2:checked ~ .navigation-auto .auto-btn2{
    background-color: var(--green);
}
#radio3:checked ~ .navigation-auto .auto-btn3{
    background-color: var(--green);
}
#radio4:checked ~ .navigation-auto .auto-btn4{
    background-color: var(--green);
}


.title-1{
    margin-bottom: 50px;
}

.img-section{
    width: 100%;
    margin: 20px auto;

    
}
section{
    margin: 40px auto;
}

