@media (max-width: 480px) {
    .nav-links {
        font-size: 12px;
        gap: 1rem;
        margin-right: 1.5rem;
    }
    .hero-section {
        height: 80vh;
    }

    .first-child-h1 {
        font-size: 3.5rem;
        margin-left: 3.5rem;
        margin-top: 4.15rem;
    }

    .hero-section-div-last-child {
        display: grid;
    }

    .hero-content h1 {
        font-size: 3.5rem;
    }
    .last-child-h1 {
        font-size: 3.5rem;
        margin-bottom: -3rem;
        left: 1rem;
    }

    .hero-content a {
        font-size: 2rem;
        padding: 0.5rem 2rem;
        left: -2.5rem;
        top: 10rem;
    }

    .background-circle-main-1 {
        width: 500px;
        height: 500px;
        left: -50%;
        top: -300px;
    }
    
    .background-circle-main-2 {
        width: 400px;
        height: 400px;
        right: -60%;
        top: 80px;
    }
    
    .background-circle-main-3 {
        width:500px;
        height: 500px;
        left: 25%;
        bottom: -300px;
    }

    .amber-logo {
        width: 200px;
        left: -100%;
        top: 2rem;
    }
     .hero-content img {
        width: 200px;
        top: 2rem;
    }
    .between-section {
        height: 10rem;
    }
    .about-section h1 {
        font-size: 1.5rem;
        margin-left: -4rem;
    }
    .amber-logo-about {
        width: 130%;
        z-index: 2;
    }
    .about-section p {
        font-size: 0.8rem;
        margin-left: -4rem;
    }
    .background-circle-about {
        width: 700px;
        height: 700px;
        left: -72%;
    }
    
 
    .advantages-section h1 {
        font-size: 1.5rem;
        margin-left: -3.5rem;
    }

    .advantages-section p {
        width: 60%;
        font-size: 1.3rem;
        margin: 1.5rem auto;
        margin-top: 3rem;
        margin-left: 3.5rem;
    }

    .advantages-section {
        height: 50rem;
    }
    .stats-section h1 {
        font-size: 1.5rem;
        width: 80%;
        margin-left: 0.5rem;
    }
    
    .stats-section p {
        font-size: 0.8rem;
    }

    .stats-content h2 { 
        font-size: 3rem;
    }

    .stats-section {
        height: 50rem;
    }

    .stats-content {
        margin-left: -1.4rem;
        margin-top: 6rem;
    }

    .stats-h2 {
        position: relative;
        top: 1.1rem;
    }

    .stat5 {
        position: relative;
        top: 1.1rem;
    }

    .stats-content div:nth-child(2) {
        margin-top: -1.4rem;
    }

    .between-section-brown {
        height: 10rem;
    }

    .reviews-section h1 {
        font-size: 1.5rem;
        margin-left: -4rem;
    }
    .reviews-section p {
        font-size: 0.8rem;
        margin-left: -4rem;
    }

    .background-circle-review {
        width: 500px;
        height: 500px;
        bottom: -5%;
    }

    .reviews-grid {
        width: 70%;
        display: grid;
        margin: 0 auto;
        gap: 2rem;
    }
    
    .reviews-section {
        display: grid;
    }

    .review-card {
        margin-bottom: 0;
        margin-left: -4.5rem;
    }

    .review-card p {
        width: 300px;
    }

    .review-card img {
        margin-left: -20%;
    }

    .contact-info {
        font-size: 12px;
        display: grid;
    }

    .contact-info p {
        margin-left: -3rem;
        margin-top: 0.4rem;
    }

    .copyright {
        margin-top: 1.3rem;
    }
}