/* max-widht-900px */
@media screen and (max-width:900px) {
    .nav a {
        display: none;
    }

    .list-bar {
        display: block;
    }

    .list-bar i {

        display: block;
    }

    .service-main-content h1 {
        font-size: 6rem;
    }
}

/* max-widht-800px */
@media screen and (max-width:800px) {
    .service-main-content h1 {
        font-size: 3.5rem;
        color: var(--white);
        animation: slide-bottom 1.5s ease;
    }

    .services-container {
        width: 100%;
    }


}

/* max-widht-700px */
@media screen and (max-width:700px) {
    .service-background-img {
        width: 100%;
        aspect-ratio: 13/9;
        position: relative;
    }

    .nav-contact {
        display: none;
    }

    .footer-container {
        align-items: start;
        flex-direction: column;
    }

    .service-main-section {
        flex-direction: column;
    }

    .service-details-icon a {
        font-size: 15px;
    }

    .service-details-icon i {
        font-size: 15px;
    }
}

/* max-widht-600px */
@media screen and (max-width:600px) {
     .service-background-img {
        width: 100%;
        aspect-ratio: 8/9;
        position: relative;
    }
    .service-details-container {
        gap: 10px;
        padding: 10px;
    }

    .service-details-icon a {
        font-size: 13px;
    }

    .service-details-icon i {
        font-size: 13px;
    }

    .heading {
        font-size: 2rem;
    }

    .service-main-content h1 {
        font-size: 3rem;
        color: var(--white);
        animation: slide-bottom 1.5s ease;
    }

    .footer-service {
        margin-top: 5%;
    }

    .footer-nav {
        margin-top: 5%;
    }

    .footer-email {
        margin-top: 5%;
    }

}