/* Set padding to keep content from hitting the edges */
.body-content {
    margin-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}
img.footimg {
    margin-top: -24px;
    margin-left: 38px;
}
a.foota {
    color: #111111;
    text-decoration: none !important;
}
img.img-fluid.rounded-4.shadow-lg {
    width: 100%;
}

/* Slider container */
.partners-slider {
    overflow: hidden;
    position: relative;
    width: 100%;
    background: #fff;
    padding: 15px 0;
}

/* Moving track */
.partners-track {
    display: flex;
    gap: 30px;
    animation: scroll 20s linear infinite;
}

/* Each logo box */
.partner-item {
    flex: 0 0 auto;
    width: 150px; /* adjust for desktop */
    transition: transform 0.3s ease-in-out;
}

    /* Images responsive with Bootstrap */
    .partner-item img {
        width: 100%;
        height: auto;
        border-radius: 15px;
    }

    /* Hover zoom */
    .partner-item:hover {
        transform: scale(1.15);
    }

/* Infinite scroll keyframes */
@keyframes scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

/* Pause scrolling when hovered anywhere */
.partners-slider:hover .partners-track {
    animation-play-state: paused;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .partner-item {
        width: 100px;
    }

    .partners-track {
        gap: 20px;
    }
}

@media (max-width: 576px) {
    .partner-item {
        width: 80px;
    }

    .partners-track {
        gap: 15px;
    }
}
.carousel-item {
    min-height: 400px;
}

.card {
    border: none;
}


@media (max-width: 768px) {

    .img-fluid {
        margin-left: 41px!important;
        max-width: 74%!important;
    }
    span.badge.bg-gradient.rounded-pill.px-3.py-2 {
        width: 136px;
        height: 33px;
    }
    .text-center.mb-5.shi {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .row.mb-5 {
        display: flex;
        flex-direction: column-reverse;
    }
    img.footimg {
        display:none;
    }
    .container.mt-5 {
        padding: 11px 22px 0px 22px !important;
    }
   
    .row.mb-5.d-flex.gap-5 {
        display: flex;
        flex-direction: column;
    }
    img.img-fluid.aos-init.aos-animate {
        height: 240px!important;
        margin-top: 0px!important;
    }
    .col-md-6.aos-init.aos-animate {
        margin-top: -44px!important;
    }
    .col-md-6.aos-init.aos-animate {
        margin-top: -3px !important;
    }


    img.img-fluid {
        margin-left: 55px !important;
    }
    .text-center {
        text-align: center !important;
        display: flex;
    }

    .col-lg-2.col-md-3.footer-links {
        margin-top: 26px!important;
    }
        .product-flex {
            flex-direction: column;
            align-items: center;
        }

        .card-image img {
            background: #111;
            margin-left: -6px !important;
            width: 100% !important;
            border-radius: 10px;
        }

        .product-card {
            max-width: 100%;
        }

        .product-section h2 {
            font-size: 22px;
        }

        .product-card.expanded {
            flex: 1 1 100%; /* full width on mobile */
            width: 100% !important; /* avoid being narrower than others */
        }


   

    .img-fluid {
        max-width: 64%!important;
        height: auto;
    }
       
   
    }