.lg-outer .lg-sub-html {
    position: absolute;
    bottom: auto;
    top: 46px;
    color: black;
    font-family: "RFDewi", sans-serif;
    font-weight: 700;
    font-size: 24px;
    text-align: left;
}

.lg-backdrop {
    background: white;
}

.lg-toolbar {
    padding: 46px;
}
.lg-toolbar .lg-icon {
    background: #f4f4f4;
    border-radius: 8px;
    margin-right: 8px;
    color: black;
    transition: background 0.17s;
}

.lg-toolbar .lg-icon:hover {
    background: #0a7339;
}

.lg-counter {
    font-family: "RFDewi", sans-serif;
}

.lg-outer .lg-img-wrap,
.lg-outer .lg-item {
}

.lg-next {
    right: 46px;
}

.lg-prev {
    left: 46px;
}

.lg-next,
.lg-prev {
    background: none;
    width: 44px;
    height: 44px;
    border: 1px solid #e5e7e0;
    border-radius: 8px;
    font-size: 16px;
    color: #0a7339;
    transition: all 0.17s;
}

.lg-next:hover:not(.disabled),
.lg-prev:hover:not(.disabled) {
    background: #0a7339;
}

.lg-outer .lg-img-wrap, .lg-outer .lg-item {
    height: 96%;
}


.lg-outer .lg-item:not(.lg-start-end-progress) {
    background: url(/themes/aflat/assets/img/loader.svg) no-repeat scroll center center transparent
}

@media  (max-width: 768px) {
    .lg-toolbar {
        padding: 10px;
    }

    .lg-outer .lg-sub-html {
        top: 90px;
    }

    .lg-toolbar .lg-icon {
        font-size: 20px;
        width: 32px;
        height: 32px;
        padding: 0;
    }

}