/*== swiper-navigation ==*/

.swiper-navigation .swiper-btn-nxt img, .swiper-navigation .swiper-btn-prv img {
    transition: 0s;
}
.swiper-navigation .swiper-btn-nxt:hover, .swiper-navigation .swiper-btn-prv:hover {
    color: var(--upstudy-color-white);
    background: var(--upstudy-gradient-primary);
}
.swiper-navigation .swiper-btn-nxt:hover img, .swiper-navigation .swiper-btn-prv:hover img {
    -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(321deg) brightness(101%) contrast(103%);
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(321deg) brightness(101%) contrast(103%);
}
/*== swiper-pagination ==*/

/* Pagination Style 2 */

.upstudy-pagination-style-2 .swiper-pagination-bullets .swiper-pagination-bullet {
    position: relative;
}
.upstudy-pagination-style-2 .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
}
.upstudy-pagination-style-2 .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet::after {
    content: "";
    position: absolute;
    border: 1px solid var(--upstudy-primary-color-alt);
    width: calc(100% + 14px);
    height: calc(100% + 14px);
    border-radius: 50%;
    transition: all 0.3s linear;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
}
.upstudy-pagination-style-2 .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet-active::after {
    transform: translate(-50%, -50%) scale(1);
}
/* Pagination Style 3 */

.upstudy-pagination-style-3 .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet {
    border-radius: 0;
}
/* ## Elementor Conflict */

.elementor-element .swiper.tpc-testimonial .swiper-horizontal>.swiper-pagination-bullets, .elementor-element .swiper.tpc-testimonial .swiper-pagination-bullets.swiper-pagination-horizontal, .elementor-element .swiper.tpc-testimonial .swiper-pagination-custom, .elementor-element .swiper.tpc-testimonial .swiper-pagination-fraction, .elementor-lightbox .swiper.tpc-testimonial .swiper-horizontal>.swiper-pagination-bullets, .elementor-lightbox .swiper.tpc-testimonial .swiper-pagination-bullets.swiper-pagination-horizontal, .elementor-lightbox .swiper.tpc-testimonial .swiper-pagination-custom, .elementor-lightbox .swiper.tpc-testimonial .swiper-pagination-fraction {
    bottom: 10px;
}
.swiper-pagination .swiper-pagination-bullet {
    height: 12px;
    width: 12px;
    background-color: #e3e3e3;
    opacity: 1;
    margin: 0 7px !important;
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--upstudy-primary-color);
}
.upstudy-carousel .upstudy-carousel-nxt, .upstudy-carousel .upstudy-carousel-prv {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 50%;
    transform: translateY(-50%);
    padding: 0;
    color: var(--upstudy-color-white);
    background: var(--upstudy-color-white);
    border: 2px solid var(--upstudy-color-white);
    border-radius: 50%;
    font-size: 16px;
    cursor: pointer;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
    z-index: 1;
    opacity: 0;
    height: 45px;
    width: 45px;
    box-shadow: 0px 1px 2px rgba(55, 73, 87, .1), 0px 2px 5px rgba(55, 73, 87, .15);
}
.upstudy-carousel .upstudy-carousel-nxt i, .upstudy-carousel .upstudy-carousel-prv i {
    font-size: 20px;
    color: var(--upstudy-color-body)
}
.upstudy-carousel .upstudy-carousel-nxt {
    right: 0;
}
.upstudy-carousel .upstudy-carousel-prv {
    left: 0;
}
.upstudy-carousel:hover .upstudy-carousel-nxt {
    right: 30px;
    opacity: 1;
}
.upstudy-carousel:hover .upstudy-carousel-prv {
    left: 30px;
    opacity: 1;
}
/* Style 2 */

.upstudy-carousel.upstudy-navigation-style-2 .upstudy-carousel-nxt, .upstudy-carousel.upstudy-navigation-style-2 .upstudy-carousel-prv {
    width: 42px;
    height: 42px;
    border-radius: 5px;
    background: var(--upstudy-primary-color);
    border-color: var(--upstudy-primary-color);
    color: var(--upstudy-color-white);
}
.upstudy-carousel.upstudy-navigation-style-2 .upstudy-carousel-nxt i, .upstudy-carousel.upstudy-navigation-style-2 .upstudy-carousel-prv i {
    color: var(--upstudy-color-white);
}
/* Style 3 */

.upstudy-carousel.upstudy-navigation-style-3 .navigation-wrapper {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.upstudy-carousel.upstudy-navigation-style-3 .upstudy-carousel-nxt, .upstudy-carousel.upstudy-navigation-style-3 .upstudy-carousel-prv {
    position: relative;
    top: 0;
    transform: translateY(0);
    right: unset;
    left: unset;
    opacity: 1;
}
/* For Course, Blog, Event */

.upstudy-course-widget-wrapper.upstudy-carousel:not(.upstudy-navigation-style-3) .upstudy-carousel-nxt, .tpc-events-wrapper.upstudy-carousel:not(.upstudy-navigation-style-3) .upstudy-carousel-nxt {
    right: 0px;
}
.upstudy-course-widget-wrapper.upstudy-carousel:not(.upstudy-navigation-style-3) .upstudy-carousel-prv, .tpc-events-wrapper.upstudy-carousel:not(.upstudy-navigation-style-3) .upstudy-carousel-prv {
    left: 0px;
}
.upstudy-course-widget-wrapper.upstudy-carousel:not(.upstudy-navigation-style-3):hover .upstudy-carousel-nxt, .tpc-events-wrapper.upstudy-carousel:not(.upstudy-navigation-style-3):hover .upstudy-carousel-nxt {
    right: -10px;
    opacity: 1;
}
.upstudy-course-widget-wrapper.upstudy-carousel:not(.upstudy-navigation-style-3):hover .upstudy-carousel-prv, .tpc-events-wrapper.upstudy-carousel:not(.upstudy-navigation-style-3):hover .upstudy-carousel-prv {
    left: -10px;
    opacity: 1;
}
@media only screen and (max-width: 1200px) {
    .upstudy-course-widget-wrapper.upstudy-carousel:not(.upstudy-navigation-style-3):hover .upstudy-carousel-nxt, .tpc-events-wrapper.upstudy-carousel:not(.upstudy-navigation-style-3):hover .upstudy-carousel-nxt {
        right: 15px;
        opacity: 1;
    }
    .upstudy-course-widget-wrapper.upstudy-carousel:not(.upstudy-navigation-style-3):hover .upstudy-carousel-prv, .tpc-events-wrapper.upstudy-carousel:not(.upstudy-navigation-style-3):hover .upstudy-carousel-prv {
        left: 15px;
        opacity: 1;
    }
}