html{
    background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'><path fill='%23ecc979' fill-opacity='0.4' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'></path></svg>");
    background-color: #fff8d9;
    cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M18.363 8.464l1.433 1.431-12.67 12.669-7.125 1.436 1.439-7.127 12.665-12.668 1.431 1.431-12.255 12.224-.726 3.584 3.584-.723 12.224-12.257zm-.056-8.464l-2.815 2.817 5.691 5.692 2.817-2.821-5.693-5.688zm-12.318 18.718l11.313-11.316-.705-.707-11.313 11.314.705.709z'/%3E%3C/svg%3E") 32 32, pointer;
}

html, body{
    margin:0;
}
    
h2{
    font-weight: 500 !important;
    font-family: 'Work Sans', sans-serif;
    text-transform: uppercase;
    letter-spacing: -0.1px;
    
}

.title h2{
    margin-bottom: 3.5rem;
}

#header h2{
        font-weight: 600 !important;
}

section{
    display: grid;
    grid-template-columns: 1fr 25px 1fr;
    max-width: 980px;
    padding-top: 2rem;
    column-gap: -5px;
}

.alcs-green{
    background-color: #00ce5a;
}

.alcs-indigo{
    background-color: #00006E;
}


.alcs-blue{
    background-color: #50dddd;
}

.border-alcs-blue{ 
    border-color: #50dddd;
}

.border-alcs-green{ 
    border-color: #00ce5a;
}

.border-alcs-red{ 
    border-color: #ff4227;
}

.border-alcs-grey{
    border-color: #9198A0;
}

.border-alcs-coral{
    border-color: #ff165c;
}

.border-alcs-indigo{
    border-color: #00006E;
}


/* .row1-right::before{
    content:url('img/time-arrow-green.svg');
    position: relative;
    grid-template-columns: 45px ;
} */

@media (min-width: 768px) {
    section{
        display: grid;
        grid-template-columns: 1fr 45px 1fr;
        max-width: 980px;
        padding-top: 2rem;
        column-gap: -5px;
    }
}

ul.transition{
    display:flex;
    position:fixed;
    z-index: 99;
    height: 100vh;
    width:100%;
    top:0;
    left:0;
    margin:0;
    pointer-events:none;
}

ul.transition li{
    transform: scaleY(0);
    width:20%;
    background:white;
}

.hover\:shadow-xl:hover{
    transition: 2s;
}