.splide__arrow {
    border-radius: 0 !important;
    height: 48px !important;
    width: 48px !important;
    background: #fff;
}

.splide__arrow:hover {
    background: #F57000;
}

.splide__arrow:hover svg {
    fill: #fff;
}


.splide__arrows {
    bottom: -40px !important;
}

.splide__arrow--prev {
    left: 1px;
}

.splide__arrow--next {
    right: 1px;
}
.mpblog-post-index h1.text-gray-900.page-title.title-font {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    font-weight: 600 !important;
    color: #f57000 !important;
}