@charset "utf-8";


.services-include {
    padding: 100px 0;
    background: #f2f0e9;
}

.section-head {
    max-width: 640px;
    margin-bottom: 52px;
}

.section-tag {
    font-size: 12px;
    color: #856833;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin-bottom: 16px;
}

.services-include h2 {
    font-size: clamp(26px, 3.2vw, 40px);
}

.services-include p {
    color: #57606e;
    font-size: 15.5px;
    line-height: 1.65;
    margin-top: 16px;
}

.services-list {
    border-top: 1px solid #E3E0D5;
}

.service-row {
    display: grid;
    grid-template-columns: 0.9fr 2.1fr 0.5fr;
    gap: 32px;
    align-items: start;
    padding: 30px 0;
    border-bottom: 1px solid #E3E0D5;
}

.service-row .num {
    font-family: 'IBM Plex Mono', monospace;
    font-size: 12px;
    color: #856833;
}

.service-row h3 {
    font-size: 19px;
    font-weight: 600;
    color: #0b1e39;
    font-family: 'Fraunces', serif;
}

.service-row p {
    font-size: 14.5px;
    color: #57606e;
    line-height: 1.6;
    margin-top: 8px;
}

.service-row .go {
    font-size: 13px;
    font-weight: 600;
    justify-self: end;
    align-self: center;
    color: inherit;
    transition: 0.4s ease-in-out;
}


.service-row .go:hover {
    transition: 0.4s ease-in-out;
    text-decoration: underline;
}

@media only screen and (max-width: 992px) {
    .service-row .go {
        justify-self: start;
    }

    .service-row {
        grid-template-columns: 1fr;
        gap: 10px;
    }
}

@media only screen and (max-width: 720px) {}

@media only screen and (max-width: 600px) {}