.services__card {
    display: grid;
    grid-template-columns: 1fr;
    background-color: #F5F5F5;
}

.services__card-image>img {
    height: 24.8rem;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.services__card-content {
    padding: 2.4rem 1.6rem;
    color: var(--clr-text);
    display: flex;
    align-items: center;
}

.services__card-content-wrapper {
    display: flex;
    flex-direction: column;
    gap: var(--size-16px);
}

.service__card-tittle {
    font-size: var(--size-24px);
    font-weight: 600;
}

.service__card-description {
    font-size: var(--size-14px);
}

.service__card-cta {
    padding: 1.2rem var(--size-24px);
    text-transform: capitalize;
    border: .16rem solid var(--clr-text);
    text-decoration: none;
    font-size: var(--size-18px);
    color: var(--clr-text);
    width: fit-content;
    font-weight: 500;
}

/* Small screens (sm) */
/* @media (min-width: 640px) {} */

/* Medium screens (md) */
/* @media (min-width: 768px) {} */

/* Large screens (lg) */
@media (min-width: 960px) {
    .services__card {
        grid-template-columns: 1fr 1fr;
    }

    .services__card-image>img {
        height: 40rem;
    }

    .services__card-content {
        padding: 3.2rem;
    }

    .services__card-content-wrapper {
        gap: var(--size-24px);
    }

    .service__card-tittle {
        font-size: var(--size-32px);
    }

    .service__card-description {
        font-size: var(--size-16px);
    }

    .service__card-cta {
        font-size: 2rem;
    }

    .order1 {
        order: 1;
    }

    .order2 {
        order: 2;
    }
}

/* @media (min-width: 1024px) {} */

/* Extra large screens (xl) */
@media (min-width: 1248px) {
    .services__card-content {
        padding: 3.2rem 4.8rem;
    }

    .services__card-content-wrapper {
        gap: var(--size-32px);
    }

    .service__card-tittle {
        font-size: var(--size-40px);

    }
}