/* Responsive Styles for Footer */
@media (max-width: 1200px) {
    .footer {
        margin-left: 0; /* Adjust margin for medium screens */
        padding: 10px; /* Reduce padding */
    }

    .footer > div {
        min-width: 120px; /* Adjust minimum width */
    }

    .customer-care img {
        width: 200px; /* Adjust image size */
        margin-top: 20px; /* Reduce margin */
        transform: translateX(0); /* Reset transform */
    }

    .card {
        width: 220px; 
        height: auto; 
        margin-right: 0; 
        margin-top: 20px;
    }
}

@media (max-width: 768px) {
    .footer {
        flex-direction: column; 
        align-items: center; 
        padding: 10px; 
        transform: translateX(-10px);

    }

    .footer > div {
        min-width: 100%; /* Full width for smaller screens */
        text-align: center; /* Center text */
    }

    .customer-care img {
        width: 180px; /* Further reduce image size */
        margin-top: 10px; /* Further reduce margin */
    }

    .card {
        width: 100%; /* Full width for smaller screens */
        margin-right: 0; /* Reset margin-right */
    }

    .card__title {
        font-size: 20px; /* Reduce font size */
        margin-top: 20px; /* Reduce margin-top */
    }

    .card__content {
        font-size: 12px; /* Reduce font size */
    }

    .copyright {
        margin-left: 0; /* Reset margin-left */
        text-align: center; /* Center align text */
        transform: translateY(0); /* Reset transform */
    }

    .copyright h4 {
        font-size: 24px; /* Reduce font size */
    }
}

@media (max-width: 490px) {
    body{
        margin-left: 10vw;
    }
    .footer{
        display: block;
        height: 280px;
        transform: translateX(-15px);
    }
    .footer > div {
        padding: 10px 5px;
    }

    .customer-care img {
        width: 150px; 
    }

    .card {
        width: 100%;
    }

    .card__title {
        font-size: 18px; 
    }

    .card__content {
        font-size: 13px; 
    }

    .card__form button {
        font-size: 12px; 
    }

    .social-links, .social-links2{
        margin-left: 34vw;
    }
    .connect-with-us img{
        margin-left: 25vw;

    }

    .copyright{
        transform: translateY(92vh);
        margin-bottom: 20px;
    }

    .copyright h4 {
        font-size: 20px; /* Reduce font size */
    }

    .copyright h5,
    .copyright h6 {
        font-size: 14px; /* Reduce font size */
    }
}