/*!**************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/lapsat-banner/style.css ***!
  \**************************************************************************************/
.lapsat-banner {
    position: relative;
    margin-bottom: 80px;
}
.lapsat-banner.no-mb {
    margin-bottom: -10px;
}
.lapsat-banner img {
    aspect-ratio: 1440 / 760;
    object-fit: cover;
    object-position: center;
    max-height: calc(100vh - 120px);
}
.lapsat-banner__content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #fff;
    background-color: rgba(226, 6, 19, .8);
    padding: 12px 65px;
    border-radius: 0px 20px;
}
body.home .lapsat-banner__content {
    padding: 53px 50px;
}
    .banner__content h1 {
        
    }

.lapsat-banner__scroll-button {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    width: 56px;
    height: 32px;
    background-color: transparent;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
    animation: bannerScrollButton 1.5s infinite;
}
    .lapsat-banner__scroll-button .icon-arrow-down {
        width: 56px;
        height: 32px;
        fill: var(--gold);
    }

@keyframes bannerScrollButton {
    0% {
        transform: translateX(-50%) translateY(0);
    }
    50% {
        transform: translateX(-50%) translateY(10px);
    }
    100% {
        transform: translateX(-50%) translateY(0);
    }
}

.lapsat-banner--three_quarters img {
    aspect-ratio: 1440 / 480;
    max-height: none;
}

@media only screen and (max-width: 768px) {
    .lapsat-banner {
        margin-bottom: 70px;
    }
    .lapsat-banner img {
        aspect-ratio: 375 / 812;
        max-height: 100vh;
        max-height: 100dvh;
    }
    .lapsat-banner.lapsat-banner--three_quarters {
        margin-top: 137px;
    }
    .lapsat-banner.lapsat-banner--three_quarters img {
        aspect-ratio: 375 / 200;
        max-height: none;
    }
    .lapsat-banner__content {
        padding: 11px 18px 10px;
        min-width: calc(100vw - ( 38px * 2) );
    }
    body.home .lapsat-banner__content {
        padding: 70px 18px;
    }
}