/* FOR DEMO PURPOSE */
body {
    font-family: 'Cairo', sans-serif
}


/* SLIDER MODAL STYLING */
.animated-modal-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5)
}

.animated-modal-holder {
    width: 500px;
    max-width: 90vw;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;
}

.animated-modal-holder.modal-xl {
    width: 1300px !important;
    max-width: 90vw !important;
}


.animated-modal-holder.modal-lg {
    width: 900px;
}


.animated-modal-holder.modal-md {
    width: 700px;
}

.animated-modal {
    width: 100%;
    max-height: 80vh;
    overflow: auto;
    border-radius: 1rem;
    box-shadow: 1px 4px 10px rgba(0, 0, 0, 0.1);
    background: white;
    transition: all 0.5s cubic-bezier(0,1.11,.32,1.21);
    transform: scale(1);
    transform-origin: center center;
    opacity: 1;
}


.hidden {
    display: none;
}

.animated-modal.is-hidden {
    transform: scale(0.1);
    opacity: 0;
}

.swiper-slide {
    padding-bottom: 1.5rem;
}

.swiper-pagination-bullet-active {
    background: orange !important;
}


.swiper-slide {
    padding: 1rem 3rem;
}

.swiper-button-prev,.swiper-button-next {
    font-size: 15px !important;
    width: 2.5rem !important;
    height: 2.5rem !important;
    background: #f5f5f5;
    border-radius: 50%;
}

.swiper-button-prev::after,.swiper-button-next::after {
    font-size: 15px !important;
    color: #333;
}

@media (max-width: 991px) {
    .swiper-button-prev,.swiper-button-next {
        display: none !important;
    }
}