.ul2{
    padding-top: 6rem;
}
.ul2 h2{
    margin-bottom: 2rem;
    text-align: center;
    font-size: var(--heading2);
    font-weight: 700;
}
.ul2>ul{
    display: flex;
    gap: 1rem;
    transition: all 1s ease 0s;
}
.ul2>ul>li{
    flex: 1;
}
.ul2 h3{
    margin: 1rem 0;
}
figure>img{
    transition: all 1s ease 0s;
}
.ul2>ul p{
    margin-bottom: 3rem;
}
.btn_ul2{
    display: inline-flex;
    align-items: center;
    gap: var(--space-small);
    padding-right: 0.8rem;
}
.ul2 .btn_ul2{
    padding-right: 0.8rem;
}
.btn_ul2 svg{
    height: 0.8rem;
}
.btn_ul2:hover{
    background-color: var(--main-color);
    color: #fff;
}
.btn_ul2:hover svg path {
    stroke: #fff;
}


@media (max-width:768px){
    .ul2>ul{
        flex-direction: column;
        gap: 1.5rem;
    }


}