:root {
    --white: #ffffff;
    --blue-400: #60a5fa;
    --blue-500: #3b82f6;
    --blue-600: #2563eb;
    --blue-700: #1d4ed8;
    --blue-800: #1e40af;
    --yellow-400: #d4af37;
    --yellow-500: #eab308;
}

@media (min-width: 48rem) {
    .side-panel {
        transform: none;
        opacity: 1;
    }

    .about-wrapper {
        gap: 1.5rem;
    }
}

/* @media screen and (max-width: 46.87rem) {
    .slider-btn {
        top: 52%;
        transform: translateY(52%);
    }
} */

/* @media screen and (max-width: 43.75rem) {
    .about-contacts {
        grid-template-columns: 1fr;
    }
} */

@media (max-width: 37.5rem) {
    .hero-main-heading {
        font-size: 2.18rem;
    }

    /* .slider-btn {
        top: 62.5%;
        transform: translateY(-62%);
    } */
}

@media (hover: hover) {
    .header-nav-link:hover {
        color: var(--yellow-400);
    }

    .side-panel-nav-link:hover {
        color: var(--yellow-400);
    }

    .about-contact-link:hover {
        text-decoration: underline;
        text-decoration-skip-ink: none;
    }

    .slider-btn:hover {
        opacity: 0.9;
    }

    /* .flat-offer:hover {
        transform: scale(1.03);
    } */

    .flat-offer-main-cta-link:hover {
        text-decoration: underline;
    }

    .form-group-main-cta-link:hover {
        text-decoration: underline;
    }

    .form-group-main-subheadline:hover,
    .form-group-main-second-subheadline:hover {
        text-decoration: underline;
    }

    .form-group-submit-btn:hover {
        background: var(--yellow-500);
    }

    .footer-navigation-list-item-link:hover {
        color: var(--yellow-400);
    }

    .footer-contact-list-item-link:hover {
        text-decoration: underline;
    }
}