.pageSlider{
    height: 80vh;
    position: relative;
}

.pageSlider .swiper-slide{
    background-size: cover;
    background-position: center;
}

.pageSlider .darken{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: var(--white-color)
}

.pageSlider h5{
    font-size: 4rem;
    text-align: center;
    margin: .5em;
    opacity: 0;
    transition: .8s;
    transform: translateY(20px);
}

.slider-content{
    width: 80%;
    font-size: 1.2em;
    text-align: center; 
    padding: 0 1em;
    margin-bottom: 1em;
    opacity: 0;
    transition: 1.2s;
    transform: translateY(20px);
}

.swiper-slide-active h5, .swiper-slide-active .slider-content{
    opacity: 1;
    transform: translateY(0px);
}

.slider-swiper-pagination{
    position: absolute;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 5% !important;
}

.slider-swiper-pagination .swiper-pagination-bullet{
    width: 20px;
    height: 20px;
    background: transparent;
    border: 1px solid white;
    opacity: 1;
}

.slider-swiper-pagination .swiper-pagination-bullet-active{
    opacity: 1;
    background: white;
}


.slider-button-next{
    right: 5%;
}

.slider-button-prev{
    left: 5%;
}

.slider-button-next:after, .slider-button-prev:after{
    content: url("data:image/svg+xml,%3Csvg width='55' height='88' viewBox='0 0 55 88' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.4656 0L0 10.34L33.9946 44L0 77.66L10.4656 88L55 44L10.4656 0Z' fill='white'/%3E%3C/svg%3E%0A");
}

.slider-button-prev:after{
    transform-origin: center;
    transform: rotate(180deg);
}

.slider-heading{
    position: absolute;
    transform: translate(-50%, -50%);
    top: 5%;
    left: 50%;
    z-index: 10;
    font-weight: 700;
    color: var(--white-color);
}


@media (max-width: 800px){
    .pageSlider h5{
        font-size: 2.5rem;
    }
    .slider-content{
        font-size: 1.5rem;
    }
}

@media (max-width: 600px){
    .pageSlider h5, .slider-content{
        padding: .5em 2em;
        margin: 0;
    }

    .slider-content{
        font-size: 1rem;
    }

    .silder-button-con{
        display: block;
        margin-top: 1em;
    }

    .slider-button-next:after, .slider-button-prev:after{
        content: url("data:image/svg+xml,%3Csvg width='35' height='68' viewBox='0 0 55 88' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.4656 0L0 10.34L33.9946 44L0 77.66L10.4656 88L55 44L10.4656 0Z' fill='white'/%3E%3C/svg%3E%0A");
    }
}