nav>ul {
    width: calc(100% - 9rem);
}

.section-banner .mySwiper {
    padding-bottom: 50px;
}

.section-banner .swiper-pagination-bullet,
.section-testimonial .swiper-pagination-bullet {
    width: 20px;
    height: 20px;
}

.section-banner .swiper-pagination-bullet {
    background: #e1e1e1;
    opacity: 1;
}

.section-banner .swiper-pagination-bullet.swiper-pagination-bullet-active,
.section-testimonial .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #c3817d;
}

.section-banner .swiper-horizontal>.swiper-pagination-bullets,
.section-banner .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 15px;
}

.section-testimonial .swiper-horizontal>.swiper-pagination-bullets,
.section-testimonial .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 60px;
}

.hover-me:hover>ul {
    visibility: visible;
    opacity: 1;
    pointer-events: all;
    z-index: 1;
    -webkit-transform: translate3d(-50%, 0, 0) scale(1, 1) perspective(1px);
    transform: translate3d(-50%, 0, 0)
}

.hover-me ul {
    backface-visibility: hidden;
    -webkit-transform: translate3d(-50%, -10px, 0) scale(1, 1) perspective(1px);
    transform: translate3d(-50%, -10px, 0) scale(1, 1) perspective(1px);
}

.hover-me ul::before {
    position: absolute;
    width: 14px;
    height: 14px;
    top: -5px;
    right: calc(50% - 7px);
    background: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 4px;
    content: '';
    display: block;
}