.bg-gray-box {

    border-radius: 20px;

    --tw-bg-opacity: 1;

    background-color: rgb(238 243 246 / var(--tw-bg-opacity));

    padding: 24px
}

.bg-gray-box-title {

    margin-bottom: 0.375rem;

    display: flex;

    align-items: center;

    gap: 0.5rem;

    font-size: 1.0625rem;

    line-height: 1.5;

    font-weight: 500;

    --tw-text-opacity: 1;

    color: rgb(45 48 51 / var(--tw-text-opacity))
}

@media (min-width: 700px) {

    .bg-gray-box-title {

        margin-bottom: 0.75rem;

        font-size: 1.3125rem;

        line-height: 1.5;

        font-weight: 500
    }
}

.bg-gray-box-title-content {

    font-size: 0.8125rem;

    line-height: 1.5;

    letter-spacing: 0.52px
}

@media (min-width: 700px) {

    .bg-gray-box-title-content {

        font-size: 0.9375rem;

        line-height: 1.5;

        letter-spacing: 1.2px
    }
}

.other-links-wrapper {

    display: flex;

    flex-direction: column;

    flex-wrap: wrap;

    gap: 16px
}

@media (min-width: 700px) {

    .other-links-wrapper {

        flex-direction: row
    }
}

@media (min-width: 1024px) {

    .other-links-wrapper {

        gap: 40px
    }
}

@media (min-width: 700px) {

    .other-links-wrapper .btn-shadow-card {

        width: calc(50% - 8px) !important
    }
}

@media (min-width: 1024px) {

    .other-links-wrapper .btn-shadow-card {

        width: calc((100% - 80px) / 3) !important
    }
}

/*# sourceMappingURL=service-phone-repair.css.map */