.main-header .site-logo img {
    display: block;
    height: 50px;
    width: 45px;
}

@media(min-width: 768px) {
    .main-header .site-logo img {
        height: 50px;
        width: 45px
    }
}

body {
    background-color: #08132b;
}

.clearlist, .clearlist li{
    list-style: none;
    padding: 0;
    margin: 0;
    background: none;
}

.clearlinks a{
    text-decoration: none;
    color: unset;
}

.grid-scroll-body {
    animation: auto-scroll 360s linear infinite;
}

@keyframes auto-scroll {
    0% {
        transform: translateX(0); /* Start at the left end */
    }
    50% {
        transform: translateX(calc(-100% + 100vw)); /* Scroll to the right end (full width minus viewport width) */
    }
    100% {
        transform: translateX(0); /* Return to the left end */
    }
}

.iso-certificate-gallery {
    display: flex;
    justify-content: space-between;
    gap: 10px; /* Adjust the gap between images */
    padding: 10px; /* Optional: adds padding around the container */
}

.iso-certificate-gallery a {
    flex: 1;
    max-width: 30%; /* Ensures the images don't overflow the container */
    height: auto;
}