.swiper.mySwiper.swiper-initialized.swiper-horizontal {
    margin-top: 10px;
}
@media only screen and (max-width: 675px) {
    form.serch-btn.d-flex.mt-3 {
        position: absolute;
        right: 4%;
        top: 31% !important;
        width: 90%;
        transition: all 0.3s ease-in-out;
    }
    .navbar-brand img{
        width: 90%;
        text-align: left;
    }
}


.image-with-caption {
            display: inline-block;  /* Ensures figure wraps around the image and caption */
            text-align: center;
            max-width: 100%;
            padding: 5px;
        }

        .image-with-caption img {
            max-width: 100%;
            height: auto;
            display: block; /* Prevents extra spacing issues */
            border: 10px solid #f0f0f0;
            border-radius: 5px;
        }

        .image-with-caption figcaption {
            font-size: 14px;
            color: #777;
             padding: 10px;
            font-style: normal;
             width: 100%;
            word-wrap: break-word;
            border-top: 1px solid;
            border-bottom: 2px solid;
        }

        /* Floats the figure while keeping caption aligned */
        .image-with-caption.float-left,
        .image-with-caption.float-right {
            display: inline-block;
        }

        .image-with-caption.float-left {
            float: left;
            margin-right: 15px;
        }

        .image-with-caption.float-right {
            float: right;
            margin-left: 15px;
        }

        .image-caps{
            text-align: center;
            padding: 10px;
            background: #f7f7f7;
            border-bottom: 2px solid
        }