.elementor-7584 .elementor-element.elementor-element-827c9e4{--display:flex;--background-transition:0.3s;--margin-top:150px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-7584 .elementor-element.elementor-element-827c9e4, .elementor-7584 .elementor-element.elementor-element-827c9e4::before{--border-transition:0.3s;}.elementor-7584 .elementor-element.elementor-element-21beb34 sl-mandic-history-carousel{background-color:#3B3B3E00;}.elementor-7584 .elementor-element.elementor-element-21beb34 sl-mandic-history-carousel div.top-swiper li.swiper-slide div{color:#FFFFFF;}.elementor-7584 .elementor-element.elementor-element-21beb34 sl-mandic-history-carousel div.year-events h2{color:#FFFFFF;}.elementor-7584 .elementor-element.elementor-element-21beb34 sl-mandic-history-carousel div.year-events h3{color:#FACE05;}.elementor-7584 .elementor-element.elementor-element-21beb34 sl-mandic-history-carousel div.year-events p{color:#F3F3FCFA;}.elementor-7584 .elementor-element.elementor-element-21beb34 sl-mandic-history-carousel div.swiper-pagination > span{background-color:#FFFFFF;}@media(max-width:767px){.elementor-7584 .elementor-element.elementor-element-827c9e4{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7584 .elementor-element.elementor-element-21beb34.elementor-element{--align-self:stretch;}}/* Start custom CSS for sl-mandic-mandic-history-carousel, class: .elementor-element-21beb34 */@media(min-width:768px) {
    .elementor-7584 .elementor-element.elementor-element-21beb34 .swiper-slide div.year-events h2 {
        font-size: 34px!important;
    }
    
    .elementor-7584 .elementor-element.elementor-element-21beb34 .swiper-slide div.year-events h3 {
        font-size: 24px!important;
    }
}

.elementor-7584 .elementor-element.elementor-element-21beb34 .swiper-slide {
font-family: 'Encode Sans';
}

.elementor-7584 .elementor-element.elementor-element-21beb34 .swiper-slide div.year-events h2 {
    font-size: 24px;
    font-weight: 700;
}


.elementor-7584 .elementor-element.elementor-element-21beb34 .swiper-slide div.year-events h3 {
    font-size: 16px;
    font-weight: 600;
}

.elementor-7584 .elementor-element.elementor-element-21beb34 .swiper-slide div.year-events p {
    font-size: 16px;
    font-weight: 400;
}

.elementor-7584 .elementor-element.elementor-element-21beb34 div.top-swiper ul {
    right: 47px;
}


.elementor-7584 .elementor-element.elementor-element-21beb34 div.top-swiper .swiper-slide {
    min-width: fit-content;
    cursor: pointer;
    transition: .3s ease
}

.elementor-7584 .elementor-element.elementor-element-21beb34 div.top-swiper .swiper-slide:hover,
.elementor-7584 .elementor-element.elementor-element-21beb34 .swiper-slide-active {
    font-weight: 800!important;
}

.elementor-7584 .elementor-element.elementor-element-21beb34 div.top-swiper .swiper-slide:hover div::after {
    content: "#";
    font-size: 0;
    display: block;
    height: 5px;
    width: 100%;
    background-color: #F8D162;
    position: relative;
    bottom: 6px;
}

.elementor-7584 .elementor-element.elementor-element-21beb34 .nav-desktop a {
    transition: .3s ease;
}

.elementor-7584 .elementor-element.elementor-element-21beb34 .nav-desktop .swiper-button-prev:hover {
    background-color:#F8CA0F!important;
}

.elementor-7584 .elementor-element.elementor-element-21beb34 .nav-desktop .swiper-button-next:hover {
    background-color:#fff!important;
}/* End custom CSS */