@charset "UTF-8";

.w-input-wolf {
        width: 152px;
}

.alt-text-color-wolf {
        color: #ffffff;
}

.text-color-wolf {
        color: #000000;
}

.bg-frame-wolf {
        --bs-bg-opacity: 1;
        --bs-border-opacity: 1;
        border-color: #575556 !important;
        background-color: #575556 !important;
}

.btn-wolf {
        --bs-btn-color: #fff;
        --bs-btn-bg: #575556;
        --bs-btn-border-color: #575556;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #494848;
        --bs-btn-hover-border-color: #353434;
        --bs-btn-focus-shadow-rgb: 49, 132, 253;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #353434;
        --bs-btn-active-border-color: #353434;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #fff;
        --bs-btn-disabled-bg: #575556;
        --bs-btn-disabled-border-color: #575556;
}

.border-wolf {
    border: 2px solid #fecc00 !important;
    border-radius: 0.5rem;
}

.img-button {
        position: absolute;
        top: 16px;
        z-index: 10;
        border: none;
        background: none;
        padding: 0;
}
    
.img-button.left {
        left: 0;
}
    
.img-button.right {
        right: 0;
}
    
.img-button img {
        display: block;
        height: auto;
        max-height: 62px;
        width: auto;
}

@media (max-width: 576px) {
        .img-button img {
                max-height: 48px;
        }
}

.banner-img {
        width: 100%;
        height: auto;
        display: block;
        margin-top: 100px;
        margin-bottom: 2rem;
}

.check-wolf .form-check-input:checked {
        background-color: #fecc00 !important;
        border-color: #fecc00 !important;
}
    
.button-wrapper {
        position: relative;
        z-index: 2;
}

.banner-container {
        position: relative;
        z-index: 1;
        width: 100%;
        margin-top: 100px;
}

.banner-container svg {
        width: 100%;
        height: auto;
        display: block;
}