@media (max-width: 930px) {
    nav #menuList {
        position: absolute;
        top: 85px;
        left: 0;
        right: 0;
        flex-direction: column;
        text-align: end;
        background-color: #4da3f8;
        backdrop-filter: blur(100px);
        gap: 2px;
        overflow: hidden;
        align-items: baseline;
        height: 300px;
        padding: 0px 10px;
    }

    nav div#menuList a {
        padding: 10.8px 1.5rem;
    }



    nav #toggle-btn {
        position: relative;
        /* right: 1.5rem; */
    }

    nav .menu-icon {
        display: block;
        cursor: pointer;
    }

    nav #menuList {
        transition: .5s ease;
    }

    nav {
        padding: 1rem;
    }
}

/* home */

@media (max-width: 520px) {

    .floating-card {
        width: auto;
        height: 22rem;
    }


    .floating-card i {
        font-size: 6rem;
    }


    .home-sec .home .heading .btn a:nth-child(2) {
        margin: 2rem 0;
        display: block;
        width: 180px;
    }

    .home-sec .home {
        padding: 10rem 1.5rem 4rem 1.5rem;
    }

    .home-sec .home .heading h1 {
        font-size: 4rem;
    }


    .home-sec .home .heading .head h3 {
        font-size: 1.9rem;
        width: auto;
        margin-top: 1rem;
    }

    .container {
        padding: 0 1.5rem;
    }

    .map-sec .map-container iframe  {
        height: 300px;
    }
}




@media (max-width: 650px) {
    .home-sec .home .heading .para p {
        width: auto;
    }



}


@media (max-width: 950px) {
    .hire-parent .flex .paragraph p {
    width: auto;
}

 .hire-parent .title-name {
        padding: 3rem 1.5rem;
    }

    .hire-parent .flex {
        padding: 0 1.5rem;
    }

    .hire-parent .btn {
        margin-top: .5rem;
        margin-bottom: 2rem;
    }

    .review-sec .flex-card  {
        padding: 0 2rem;
    }

      #contact .contact-sec .contact-container {
    grid-template-columns: 1fr;
  }

}

@media (max-width: 1150px) {

    .home {
        flex-direction: column;
    }

    .home-image {
        padding: 3rem 0;
    }

    .scroll-indicator {
        margin-top: 6rem;
    }
}


@media (max-width: 1150px) {

     .about-content {
        grid-template-columns: 1fr;
    }

     .about-img-wrapper {
        width: 300px;
        height: 300px;
        margin: 0 auto;
    }

    .about-img-wrapper i {
        font-size: 6rem;
    }

    #about .about-sec .heading {
        padding-top: 4rem;
    }

    #services .services-sec .heading {
        padding-top: 4rem;
    }

   .review-sec .heading {
        padding-top: 4rem;
    }

    .review-sec .flex-card {
        margin-top: 2rem;
    }
@media (max-width: 768px) {
    .blog-grid {
        display: flex;
        flex-direction: column;
        gap: 2rem;
        padding: 1.5rem;
    }

    .blog-card {
        width: 100%;
        max-width: 360px;
        margin: 0 auto;
    }
}


}

@media (max-width: 480px) {
       .about-stats {
        grid-template-columns: 1fr;
    }

    .stat-item h4 {
        font-size: 2rem;
    }

    .section-subtitle {
        padding: 0 2rem;
    }
}