.logoImage{
    width: 120px;
}

.navLink{
    gap: 25px;
    color: black !important;
}
.fa-solid , .fa-regular{
    padding: 6px;
}

.card-title{
    font-size: 12px;
}
.card-text{
    font-size: small;
}

.fa-truck , .fa-phone , .fa-arrow-rotate-left , .fa-shield{
    font-size: 26px;
    margin-top: 10px;
}

.delIns {
    width: 45%;          
    min-width: 250px;     
    border: none;
    border-bottom: 1px solid rgb(104, 103, 103);
}


.deliveryOpt {
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 100%;     /* SHRINK WIDTH */
    margin-left: auto;
    margin-right: auto;
    gap: 20px;            /* Spacing between cards */
}


.delIns .fa-solid {
    font-size: 26px;
    margin-top: 15px;
}

/* On tablets */
@media (max-width: 768px) {
    .delIns {
        width: 90%;
    }
}

/* On mobile */
@media (max-width: 480px) {
    .delIns {
        width: 100%;
    }
}



/* collections */

.collections{
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.collectionButton{
    margin-top: 15px;
}

.collectionCard{
    width: 80%;
    margin-top: 20px;
}

.btn-warning{
    margin-top: 20px;
}

/* oneImage */


.oneImage{
    margin-top: 60px;
    
}

.oneImage img{
    max-width: 98.8vw;
}

footer{
    width: 80%;
    margin: 0 auto;
    margin-top: 50px;
}

.footer1{
    display: flex;
    justify-content: space-between  ;
    padding: 10px 20px;
    border-top: 1px solid #c7c7c7;
    height: auto;
    gap: 10px;
    font-size: 14px;
 
}

.footer1 ul li a {
    list-style-type: none;
    color:rgb(136, 136, 136);
    text-decoration:none
}

.footer2{
    display: flex;
    justify-content: space-between;
}


/* For tablets & below (max-width 992px) */
@media (max-width: 992px) {

    .navLink {
        gap: 10px;
        text-align: center;
    }

    .menuLogos {
        margin-top: 10px;
        text-align: center;
        width: 100%;
    }

    

    .footer1 {
        flex-wrap: wrap;
        text-align: center;
    }

    .footer2 {
        justify-content: center;
        gap: 20px;
        flex-wrap: wrap;
    }

    .collectionCard {
        width: 100%;
    }

    .oneImage img {
        width: 100%;
    }
}



/* For Mobile screens (max-width 768px) */
@media (max-width: 768px) {
    
    .logoImage {
        width: 90px;
    }

    

    .collections h1 {
        font-size: 24px;
        text-align: center;
    }

    .collectionButton {
        display: flex;
        flex-direction: column;
        gap: 10px;
        width: 90%;
    }

    .footer1 {
        flex-direction: column;
        gap: 20px;
        align-items: center;
    }

    footer {
        width: 95%;
    }

    .footerList input {
        width: 100%;
    }
}



/* For extra small devices (max-width 480px) */
@media (max-width: 480px) {

    .fa-solid, .fa-regular {
        padding: 4px;
    }

    .card-title {
        font-size: 10px;
    }

    .card-text {
        font-size: 12px;
    }

    .collectionCard .card-body {
        text-align: center;
    }

    .collectionButton button {
        width: 100%;
    }

    .footer1 ul li {
        font-size: 13px;
    }
}