.slider-btn {
    background-color: #0968a2;
    color: white;
    font-weight: bold;

    font-size: 18px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 16px;
    padding-bottom: 16px;

    height: 40px;
    width: 120px;

    border-radius: 6px;

    display: flex;
    justify-content: center;
    align-items: center;
}

.slider-btn:hover {
    background-color: #1198ec;
    color: white;
}

.slider-title {
    color: white;
    font-weight: bold;

    font-size: 25px !important;
    line-height: 30px !important;
}

.swiper-wrapper .swiper-slide .page-title-home-inner {
    height: 300px !important;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 25px !important;
    display: flex;
    align-items: flex-end;
}

.swiper-wrapper .swiper-slide .page-title-home-inner::before {
    background: linear-gradient(to top,
            rgba(0, 0, 0, 0.6) 0%,
            rgba(0, 0, 0, 0.35) 30%,
            rgba(0, 0, 0, 0.1) 40%,
            rgba(0, 0, 0, 0) 100%);
}

@media (min-width: 576px) {
    .swiper-wrapper .swiper-slide .page-title-home-inner {
        height: 350px !important;
    }
}

@media (min-width: 768px) {
    .slider-title {
        font-size: 30px !important;
        line-height: 40px !important;
    }
}

@media (min-width: 992px) {
    .swiper-wrapper .swiper-slide .page-title-home-inner {
        height: 400px !important;
    }

    .slider-btn {
        font-size: 20px;
        padding-left: 50px;
        padding-right: 50px;

        height: 55px;
        width: 190px;

        border-radius: 9px;
    }

    .slider-title {
        font-size: 40px !important;
        line-height: 50px !important;
    }

    .section-featured-swiper .swiper-wrapper {
        column-gap: 10px;
    }
}

@media (min-width: 1200px) {
    .swiper-wrapper .swiper-slide .page-title-home-inner {
        height: 500px !important;
    }

    .section-featured-swiper .swiper-wrapper {
        column-gap: 25px;
    }
}