/* Add custom CSS styles below */ 
img.w-full.rounded {
    color: black;
}
.blog-single .main-content span.image--aspect-ratio.bg-gray-100.dark\:bg-white\/10.overflow-hidden.mb-10.rounded {
    padding-bottom: 410px;
}
.blog-single .main-content img.lazy.rounded.loaded {
    height: 410px;
}
.blog-single aside.sticky a.bg-border-color {
    width: 10rem;
}
.blog-single aside.sticky .image--aspect-ratio--square {
    padding-bottom: 63%;
}
@media only screen and (max-width: 600px) {
.blog-single .main-content img.lazy.rounded.loaded {
    height: 185px;
}
.blog-single .main-content span.image--aspect-ratio.bg-gray-100.dark\:bg-white\/10.overflow-hidden.mb-10.rounded {
    padding-bottom: 185px;
}
}


.hero-banner {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    aspect-ratio: 16/9;
    max-height: 100%;
}

img {
    display: block;
    max-width: 100%;
    height: auto;
}

img.lazy-load {
    width: 100%;
    min-height: 400px;
    display: block;
    object-fit: contain; /
}

img.lazy-load {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

img.lazy-load.loaded {
    opacity: 1;
}

.animated, .fade-in, .slide-up {
    animation: none !important;
    transition: none !important;
}

@font-face {
    font-family: 'CustomFont';
    src: url('custom-font.woff2') format('woff2');
    font-display: swap;
}



button, a {
    transition: none !important;
    font-display: swap;
}

@media (max-width: 768px) {
    .hero-banner {
        min-height: 300px;
    }

    .s-block--hero-slider {
        min-height: 250px;
      
       
    }
}
/*.floating-contacts {
    display: none !important;
}*/