body{
margin:0;
padding:0;
overflow-x: hidden;
}

.editii-carusel{
    /* background-color: white; */
    width:100vw;
    height:auto;
    display:flex;
    flex-direction: column;
    align-items:center;
    position:relative;
    /* justify-content:center; */
}

.editii h1{
    margin-bottom:1rem;
}

.editii-carusel-butons-ani{
    /* background-color: red; */
    /* border:2px solid; */
    border-radius:16px;
    /* margin-bottom:15px; */
    z-index: 2;
}
.editii-buton-ani{
    border-radius:15px 0 0 15px;
    border:none;
    cursor:pointer;
    padding:7px;
    width:100%;
    font-size:18px;
    text-align:center;
}
.editii-buton-menu{
    border-radius:0 15px 15px 0;
    border:none;
    cursor:pointer;
    padding:7px;
    position:absolute;
    right: 20px;
    top: 0.5px;
}

.editii-dropdown{
    display:flex;
    border:none;
    justify-content: center;
    align-items: center;
    position:relative;
    width:200px;
    background-color:#c1dcf3;
    border-radius: 15px 15px 0 0;
}

.editii-dropdown-content-ani{
 display:flex;
 display:none;
 flex-direction: column;
 position:absolute;
 width:200px;
}

.editii-dropdown-content-ani button{
   width:100%;
   padding:7px;
   border:none;
   font-size:18px;
   cursor:pointer;
   display:block;
   background-color:#c1dcf3;
}

#editii-ultim-dropdown-btn{
    border-radius: 0 0 15px 15px;
}

.editii-dropdown:hover{
    box-shadow: 0 15px 15px rgb(174, 173, 173);
}

.editii-dropdown:hover + .editii-dropdown-content-ani{
    display:flex;
}

.editii-dropdown:hover .editii-buton-ani{
    border-radius: 15px 0 0 0;
}

.editii-dropdown:hover .editii-buton-menu{
    border-radius: 0 15px 0 0;
}

.editii-dropdown-content-ani:hover{
    display:block;
}

.editii-dropdown-content-ani button:hover{
    background-color:#63b1dd;
    box-shadow: 0px 2px 20px #44aad8;
    color:white;
}



.editii-carusel-container{
    overflow-x: hidden;
    width: 80vw;
    border-radius: 30px;
    position:relative;
    display:flex;
    flex-direction: row;
    align-items: center;
}

.editii-carusel-continut{
    background-color: none;
    width: 100%;
    /* height: 70 vh; */
    /* position:relative; */
    display:flex;
    /* flex-direction: row; */
    /* justify-content:flex-start; */
    align-items:flex-start;
    gap: 0;
    /* position: relative; */
    transition: transform 0.5s ease;
}

.editii-stanga{
    /* position:sticky; */
    top:50%;
    left:3%;
    z-index: 2;
    border-radius:100%;
    border:0;
    font-size: 30px;
    height:50px;
    width:50px;
    text-align: center;
    box-shadow: 5px;
    cursor:pointer;
}

.editii-butoane-carusel{
    width: 94vw;
    position: sticky;
    display:flex;
    flex-direction: row;
    justify-content: space-between;
    align-items:center;
    position:absolute;
    top: 50vh;
}


.editii-dreapta{
    /* position:sticky; */
    top:50%;
    right:3%;
    z-index: 2;
    border-radius:100%;
    border:0;
    height:50px;
    width:50px;
    font-size:30px;
    text-align:center;
    cursor:pointer;
}

.editii-continut{
    background-color:var(--albastru-inchis);
    color:white;
    width: 100%;
    height: fit-content;
    display: flex;
    padding:10px;
    gap:2px;
    display:flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
    flex: 0 0 100%;
    box-sizing: border-box;
    border-radius:15px;
    box-shadow: rgba(138, 139, 139, 0.2) 0px 8px 24px;
}

 .editii-puncte{
    margin-top:5px;
    width:20%;
    height:100%;
    text-align: center;
    font-size:40px;} 

.editii-top{
    /* background-color:red; */
    width:100%;
    height:100%;
    display:flex;
    gap:2rem;
    margin:15px;
    flex-direction:row;
    justify-content: center;
    align-items:flex-start;
    padding:2rem;
    box-sizing: border-box;
    text-align: justify;
}

.editii-coordonator{
    display:flex;
    flex-direction:column;
    justify-content: center;
    align-items: center;
}

.editii-coordonator p{
    margin:8px;
    padding:10px;
}

.editii-bottom{
    /* background-color: purple; */
    width:100%;
    height:100%;
    display:flex;
    justify-content: center;
    align-items:flex-start;
    padding:2rem;
    box-sizing: border-box;
    gap:2rem;
    text-align: justify;
}

.editii-coord-pic1{
    width:200px;
    height:auto;
    object-fit: contain;
    max-height: 220px;
    /* align-self: flex-start; */
    /* border-radius: 8px 40px 8px 8px; */
    /* filter: drop-shadow(-2px -2px rgba(240, 46, 170, 0.4)) drop-shadow(-5px 5px rgba(240, 46, 170, 0.3))
    drop-shadow(-7px 7px rgba(240, 46, 170, 0.2)) drop-shadow(-10px 10px rgba(240, 46, 170, 0.1)) drop-shadow(-15px 15px rgba(240, 46, 170, 0.05)); */
    /* filter: drop-shadow(0 0 5px black); */
}

.editii-coord-pic2{
    width:200px;
    height:auto;
    max-height: fit-content;
    object-fit: contain;
    align-self: flex-start;
    /* border-radius:40px 8px 8px 8px; */
    /* box-shadow: rgba(240, 46, 170, 0.4) 2px 2px, rgba(170, 95, 143, 0.3) 5px 5px, rgba(240, 46, 170, 0.2) 7px 7px, rgba(240, 46, 170, 0.1) 10px 10px, rgba(179, 86, 145, 0.05) 15px 15px; */
}

.editii-coord-name{
    text-align: center;
}

/* Responsiveness */

@media screen and (max-width:500px){

    .editii{
        display:none;
    }

    .editii-continut{
        box-sizing: border-box;
        height:auto;
    }

       .editii-top{
        flex-direction:column;
        height:100%;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
        margin:0;
        gap:1rem;
       }

       .editii-bottom{
        flex-direction: column;
        height:100%;
        box-sizing: border-box;
        margin:0;
        gap:1rem;
       }

       .editii-coordonator{
        display:flex;
        flex-direction: column;
        justify-content: center;
        align-items:center;
        gap:5px;
       }
    
}