/* New Coverages- Shoes start here */
.New-Coverages-Shoes-wrapper {
    padding-block: 50px;


}

.media-banner {
    aspect-ratio: 16/6;
    overflow: hidden;

    img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

}

.gallery-wrapper {
    .container {
        max-width: 1180px;
    }

    .Glimpses-light-box div {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;

        & .uk-inline {
            aspect-ratio: 16/10;
            max-width: 360px;
            flex-basis: 360px;

            img {
                aspect-ratio: 16 / 9;
                object-fit: cover;
                height: 100%;
                width: 100%;
            }
        }
    }

    h3 {
        font-size: 38px;
        font-weight: 700;
        color: #000;
        margin-bottom: 30px;
    }
}


.media-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 15px;
    margin-bottom: 50px;
}

.media-box {
    box-shadow: 0 4px 13px -3px rgba(0, 0, 0, .5);

    &:hover {
        img {
            transform: scale(1.1);
        }

        h3 {
            color: #2575fc;
        }

    }

    a {
        color: #000;
    }

    .media-banner {
        aspect-ratio: 16/9;
        overflow: hidden;
    }

    img {
        object-fit: cover;
        width: 100%;
        height: 100%;
        object-position: center;
        transition: all ease-in-out .5s;
    }

}

.media-body {
    padding: 10%;
    min-height: 340px;
    border-radius: 0 0 8px 8px;
    text-align: left;

    h3 {

        font-weight: 400;
        font-size: 18px;
        margin-bottom: 10px;

        a {
            background: none;
            padding: 0;
            color: #000;
            font-size: 24px;
            font-weight: 600;

            &:hover {
                background-color: #fff;
            }
        }
    }

    p {
        color: #616161;
    }

    a {
        color: #fff;
        text-decoration: none;
        background-color: var(--secondry-color);
        border-radius: 5px;
        font-size: 15px;
        padding: 15px 30px;
        display: inline-block;
        margin-top: 20px;
        transition: all 0.3s ease-in-out;

        &:hover {
            text-decoration: none;
            background-color: var(--primary-color);
        }
    }

}



@media (max-width: 767px) {
    .media-body {
        min-height: fit-content;
        padding: 15px;
    }
}

/* New Coverages- Shoes End here */