.focus-slider-wrapper {
    width:100%;
    max-width: 1400px !important;
    position: relative;
      cursor: grab;
    user-select: none;

}

.focus-slider-container {
    max-width:1400px;
    margin:auto;
    position:relative;
    overflow:visible;
    perspective:1400px;
    padding-top:2em;
}




.focus-slider {
    position:relative;
    height:420px;
}

.focus-slide {

    position:absolute;
    top:0;
    left:50%;
    width:400px;
    max-width:70%;
    height:300px;
    transform:translateX(-50%);
    transition:all 0.5s ease;
    transform-origin:center center;
    box-shadow:0 5px 5px rgba(0,0,0,0.5);
}



.focus-slide img {
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:5px;
    
    
}

.overlay {
    position:absolute;
    bottom:0;
    width:100%;
    padding:10px 15px;
    color:white;
    box-sizing: border-box;    
    
     background: linear-gradient(
    0deg,
    rgba(76, 175, 80, 0.9) 0%,
    rgba(63, 166, 106, 0.9) 50%,
    rgba(47, 143, 139, 0.9) 100%
  );
}

.overlay h3::before {display: none;}
.overlay h3 {margin:0; padding:0;}
.overlay p {margin-top:5px;}




/* EDITOR GRID */
.focus-editor-grid {
    display:grid;
    grid-template-columns: repeat(5, 1fr);
    gap:20px;
}

@media (max-width:1024px){
    .focus-editor-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width:768px){
    .focus-editor-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}








.focus-nav {
    position:absolute;
    top:50%;
    transform:translateY(-50%);
  
    
    color:#3d9f46;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    border-radius:50%;
    z-index:20;
    font-size:2em;
    user-select:none;
    background-color: white;
    width:50px;
    height:50px;
    box-shadow: rgba(100, 100, 111, 1) 0px 7px 29px 0px;
}

.focus-prev {
    left:-10px;
}

.focus-next {
    right:-10px;
}