section{
    padding-block: 2rem;
}
h5{
    font-family: Kanit, Arial;
    font-size: 1.5rem;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
}
.services p{
    text-align: center;
}
h2{
    margin-bottom: 1rem;
}
img{
    border-radius: 2rem;
}

.service_wrapper{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}
@media (max-width: 1200px){
    .service_wrapper{
        flex-wrap: wrap;

    }
}
.service_wrapper p{
    text-align: center;
}
.dark_bg .service_wrapper{

    flex-direction: row-reverse;
}