@import url('variables.css');

#services {
    flex-wrap: wrap;
    row-gap: 7rem;
    max-width: var(--max-width-lg);
    padding-inline: var(--width-sm);
}

#services h3 {
    margin-block: .5em .3em;
}

figure {
    width: 48%;
}

figure p {
    line-height: 1.6em;
    color: #666;
}

#affiliate {
    padding-block: 3rem;
}

#affiliate p {
    width: fit-content;
    margin-top: .5em;
}

.slider::after {
    background-image: url(/assets/img/slider/slider_03.png);
}

@media screen and (max-width:992px) {
    #services, #affiliate {
        padding-inline: var(--width-sp);
    }
}

@media screen and (max-width:576px) {
    #services {
        flex-direction: column;
    }

    figure {
        width: 100%;
    }

    br {
        display: none;
    }
}