.before-footer-slider {
    padding: 30px 0;
}

.before-footer-slider a.slide-item-wrapper {
    display: block;
    padding: 0 15px;
}

.before-footer-slider .padding_ratio:before {
    padding-bottom: 75%
}

.before-footer-slider .slider {
    margin-left: -15px;
    margin-right: -15px
}

.before-footer-slider .slick-dots {
    position: initial;
}

.before-footer-slider ul.slick-dots li button {
    background: gray;
}

.before-footer-slider .section-title {
    font-weight: bold;
    border-bottom: solid 2px #ddd;
    color: var(--xanhlogo);
    margin-bottom: 15px
}

.before-footer-slider .section-title b {
    line-height: 1.6;
    position: relative;
    display: table;
    font-family: "UTM AvoBold"
}

.before-footer-slider .section-title b:before {
    content: '\f005';
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    margin-right: 10px
}

.before-footer-slider .section-title b:after {
    content: '';
    width: 110%;
    height: 3px;
    background-color: #053f6f;
    bottom: -2px;
    left: 0;
    position: absolute;
}

.before-footer-slider a.slide-item-wrapper h3 {
    margin-top: .7em
}

.before-footer-slider .slick-arrow {
    opacity: 0;
    visibility: hidden;
    transition: .3s
}

.before-footer-slider .slick-slider:hover .slick-arrow {
    opacity: 1;
    visibility: visible;
    transition: .6s
}

.before-footer-slider .slick-prev {
    right: 100%;
    left: unset;
}

.before-footer-slider .slick-next {
    left: 100%;
    right: unset;
}