.results-repeater__block {


    display: flex;


    gap: 24px;


    align-items: stretch;


    margin-bottom: 40px;


}





.results-repeater__item {


    flex-basis: calc((100% - 48px) / 3);


    padding: 28px;


    background: #ffffff;


    border-radius: 16px;


    border: 1px solid #e3e3e8;





    transition-property: box-shadow;


    transition-timing-function: cubic-bezier(.4, 0, .2, 1);


    transition-duration: .15s;





    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);


    --tw-shadow-colored: 0 1px 2px 0 rgb(0 0 0 / .05);


    box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / .05);





    display: flex;


    flex-direction: column;


    justify-content: space-between;


}


.results-repeater__item-title,


.results-repeater__item-text ul li,


.results-repeater__item__bottom-text{


    font-size: 16px;


}


.results-repeater__item-title {


    text-transform: uppercase;


    font-weight: 700;


    margin-bottom: 16px;


    line-height: 24px;


}





.results-repeater__item-text ul {


    list-style: none;


    margin-bottom: 24px;


    margin-block-start: 0;


    padding-inline-start: 0;





    display: flex;


    flex-direction: column;


    gap: 8px;


}





.results-repeater__item-text ul li {


    position: relative;


    margin-left: 14px;


    color: #fff;


    line-height: 1.625;


}





.results-repeater__item-text ul li::before {


    content: '';


    position: absolute;


    background: #4e9b27;


    border-radius: 50%;


    height: 6px;


    width: 6px;


    top: 10px;


    left: -11px;


}


.results-repeater__item__bottom-text {


    color: #ffffffb3;


    font-style: italic;


    border-top: 1px solid #ffffff33;


    margin-bottom: 0;


    padding-top: 16px;


}





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


    .results-repeater__block{


        flex-direction: column;


    }


}








/*Animation*/





/* Початковий стан для анімації */


.results-repeater__item {


    opacity: 0;


    transform: translateY(20px); /* старт трохи знизу */


    transition: opacity 0.6s ease-out, transform 0.6s ease-out;


}





/* Активний стан, коли елемент з’являється */


.results-repeater__item.is-visible {


    opacity: 1;


    transform: translateY(0); /* нормальна позиція */


}