.contact-section {
        padding: 32px 24px;
    }

    @media (min-width: 768px) {
        .contact-section {
            padding-left: 144px;
            padding-right: 144px;
            padding-top: 96px;
            padding-bottom: 96px;
        }
    }

    .contact-title {
        font-size: 1.5rem;
        font-weight: 600;
        padding-bottom: 2rem;
    }

    @media (min-width: 768px) {
        .contact-title {
            font-size: 2.25rem;
        }
    }

    .contact-flex {
        display: flex;
        flex-direction: column;
        gap: 2rem;
    }

    @media (min-width: 768px) {
        .contact-flex {
            flex-direction: row;
            gap: 3rem;
        }
    }

    @media (min-width: 1200px) {
        .contact-flex {
            gap: 4rem;
        }
    }

    .contact-content {
        flex: 1;
    }

    .contact-item {
        display: flex;
        align-items: center;
        margin-bottom: 1rem;
    }

    .contact-item.align-items-start {
        align-items: flex-start;
    }

    .icon-box {
        width: 24px;
        display: flex;
        justify-content: center;
        margin-right: 16px;
        font-size: 18px;
    }

    .contact-text {
        font-size: 1rem;
    }

    @media (min-width: 768px) {
        .contact-text {
            font-size: 1.125rem;
        }
    }

    .contact-text a {
        color: #0d6efd;
        text-decoration: none;
    }

    .contact-text a:hover {
        text-decoration: underline;
    }

    /* Images */
    .contact-img-mobile,
    .contact-img-desktop {
        overflow: hidden;
        border-radius: 12px;
    }

    .contact-img-mobile {
        width: 100%;
        aspect-ratio: 16 / 9;
    }

    .contact-img-mobile img,
    .contact-img-desktop img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .contact-img-desktop {
        flex: 1;
        min-height: 300px;
    }

    @media (min-width: 1200px) {
        .contact-img-desktop {
            min-height: 400px;
        }
    }