@media (max-width: 768px) {
    .logo-container {
        width: 140px;
        height: 40px;
    }

    .logo-container img {
        width: 140px;
    }

    .nav-link {
        padding: 5px 10px;
    }

    .logistics-container {
        width: 90%;
    }

    .img-container {
        gap: 30px;
        margin-left: 30px;
    }

    .img-container .ans-img {
        width: 100px;
    }

    #searchKey input {
        width: 85;
    }

    .hero-section-bg img {
        width: 100vw;
        height: 300px;
    }

    .ai-description {
        padding: 2rem;
    }

    .ai-description-div {
        width: 80%;
    }

    #item-1 {
        right: 30%;
    }

    #item-2 {
        left: 50%;
    }

    #item-3 {
        right: 65%;
    }

    #item-4 {
        left: 61%;
    }

    #item-5 {
        right: 32%;
        top: 20%;
    }

    .benefit-div2 {
        width: 77%;
        padding: 1rem 1rem;
    }

    .footer-section {
        padding: 1rem;
    }

    .footer-link button {
        width: fit-content;
    }

    .ready-to-use-card .svg-1 {
        left: 30%;
        top: 26%;
    }

    .ready-to-use-card .svg-3 {
        left: 25%;
    }

    .ready-to-use-card .svg-4 {
        left: 0%;
        bottom: 24%;
    }

    .ready-to-use-card h2 {
        position: relative;
        z-index: 10;
    }

    .ready-to-use-button {
        position: relative;
        z-index: 10;
        width: 60%;
    }

    .card-container {
        grid-template-columns: repeat(2, 1fr);
        ;
    }

    .contact-us-div {
        width: 100%;
    }

    .contact-us-form {
        width: 100%;
    }

    .contact-us-image {
        width: 100%;
    }

    .card-container {
        width: 80%;
        justify-items: center;
    }
    
    .benefit-div1 {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 568px) {
    #ellipse-3 {
        left: 65%;
    }

    .card-container {
        grid-template-columns: 1fr;
    }

    .form-group #attach {
        left: 4%;
    }

    .frame-icons {
        width: 100%;
    }

    .benefit-div1 {
        width: 70%;
        grid-template-columns: 1fr;
    }

    .benefit-div2 {
        width: 100%;
    }

    .ready-to-use-card .ready-to-use-para {
        width: 90%;
    }

    .contact-us-form {
        width: 80%;
    }

    .form-group input {
        width: 90%;
    }

    .form-group .description {
        width: 90%;
    }

    #searchKey input {
        width: 75%;
    }

    .form-group img {
        left: 92%;
    }
    .logo-container .logo {
        width: 77px;
        margin: 0px 5px;
    }
}