@import url('https://fonts.googleapis.com/css2?family=Mada:wght@300;400;700&display=swap');

.additional-gallery-caption {
    font-family:   'Mada', sans-serif;
    font-weight:   400;
    font-size:     38px;
    color:         #274451;
    margin-bottom: 27px;
}

.additional-gallery-text {

}

.fade-gallery {

}

.fade-gallery .item {
    width:  100%;
    border: none;
}

.fade-gallery .text {
    font-family: 'Mada', sans-serif;
    font-weight: 400;
    font-size:   16px;
    color:       #274451;
    line-height: 26px;
    text-align:  left;
    margin-top:  32px;
}

.fade-gallery .text > span.status {
    font-family: 'Mada', sans-serif;
    font-weight: 300;
    font-size:   28px;
    color:       #c2bfba;
    line-height: 30px;
}

.fade-gallery .text > span.status > span.active {
    font-family: 'Mada', sans-serif;
    font-weight: 700;
    color:       #274451;
}

.fade-gallery > button:focus {
    outline: none;
    border:  none;
}

.fade-gallery > button.slick-prev.slick-arrow, .fade-gallery > button.slick-next.slick-arrow {
    border:           none;
    background-color: #5a5753;
    opacity:          0.6;
    height:           50px;
    width:            50px;
}

.fade-gallery > button.slick-prev.slick-arrow:hover, .fade-gallery > button.slick-next.slick-arrow:hover {
    background-color: #5a5753;
    opacity:          1;
}

button.slick-prev.slick-arrow {
    display:   block;
    position:  absolute;
    z-index:   10;
    top:       50%;
    transform: translateY(-50%);
}

button.slick-next.slick-arrow {
    display:   block;
    position:  absolute;
    right:     0px;
    top:       50%;
    transform: translateY(-50%);
    z-index:   10;
}