.EventsBackground {
    /*background-image: linear-gradient(to bottom right , rgb(231 254 255), rgb(115 169 236));*/
    background-image: url("../images/01.webp");
    background-size: cover;
}
.EventsContainer {
    height: 952px;
    padding: 50px 0px;
    display: flex;
    align-items: center;
}
.EventsContent {
    /*width: 300px;*/
    min-height: 380px;
    background-color: #ffffff;
    border-radius: 7px;
    overflow: hidden;
}
.EventsContentImg img {
    width: 100%;
}
.EventsContentTitle {
    /*min-height: 110px;*/
    padding: 10%;
    text-align: center;
}
.EventsContentTitle p {
    margin: 0px;
}
.EventsSwiperBox .swiper-button-next {
    right: -50px;
    width: 35px;
    height: 60px;
    background-color: rgb(105 130 144 / 80%);
    border-radius: 7px;
    color: #ffffff;
}
.EventsSwiperBox .swiper-button-prev {
    left: -50px;
    width: 35px;
    height: 60px;
    background-color: rgb(105 130 144 / 80%);
    border-radius: 7px;
    color: #ffffff;
}
.EventsSwiperBox .swiper-pagination {
    bottom: -80px;
}
.EventsSwiperBox .swiper-pagination-bullet {
    margin: 0 !important;
    width: 50px;
    border-radius: 0;
}
/*.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    transition: 300ms;
    transform: scale(0.8);
}
.swiper-slide-active {
    transform: scale(1);
}*/
@media only screen and (max-width: 1500px)  {
    .EventsContent {
        min-height: 320px;
    }
}
@media only screen and (max-width: 1200px)  {
    .EventsContent {
        min-height: 275px;
    }
}
@media only screen and (max-width: 991px)  {
    .EventsContainer {
        flex-direction: column;
        height: 689px;
    }
    .EventsSwiperBox .swiper-button-next,.EventsSwiperBox .swiper-button-prev {
        display: none;
    }
    .EventsContentTitle {
        /*min-height: 70px;*/
        padding: 5%;
    }
    .EventsContentTitle p {
        font-size: 12px;
    }
    .EventsTitle {
        margin-bottom: 60px;
        text-align: center;
    }
}
@media only screen and (max-width: 700px)  {
    .EventsContent {
        min-height: 245px;
    }
}
@media only screen and (max-width: 600px)  {
    .EventsContent {
        min-height: 380px;
    }
    .EventsSwiperBox {
        padding: 0px 50px;
    }
}
@media only screen and (max-width: 500px)  {
/*    .EventsContent {
        min-height: 380px;
    }*/
}
@media only screen and (max-width: 400px)  {
    .EventsContent {
        min-height: 350px;
    }
}