.not-animated{visibility:hidden;animation-name:none}

.swiper_timeline {width:100%;}
.swiper_timeline.vf_section-full{box-shadow:0 5px 25px 5px rgba(0,0,0,.2)}
.swiper_timeline img{width:100%}
.swiper_timeline .box{height:100%}
.swiper_timeline .swiper-container{height:70vh}
.swiper_timeline    .timeline_img_info{padding:5vw;z-index: 11;}
.swiper_timeline        .timeline_img_info_title{font-size:5vh;line-height: 1.2;font-weight:800}
.swiper_timeline        .timeline_img_info_text{padding-top: 30px;}

.swiper_timeline .timeline_image {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.swiper_timeline .timeline_image img {width: 100%;height: 100%;}

.swiper_timeline.dark  .timeline_img_info{color: var(--text_w_1);}
.swiper_timeline.dark  .timeline_img_info_title{color:var(--text_w_1);}
.swiper_timeline.dark  .swiper-slide{color:var(--text_w_1);}
.swiper_timeline  .swiper-slide{position:relative;overflow:hidden;background-size:cover;background-repeat:no-repeat;background-position:center center}
.swiper_timeline  .swiper-slide::after{content:"";position:absolute;z-index:1;left:-115%;bottom:-10%;width:100%;height:100%;background-color:rgba(255,255,255,.5);box-shadow:-230px 0 150px 39vw rgba(255,255,255,.5)}
.swiper_timeline.dark  .swiper-slide::after{background-color:rgba(0,0,0,.5);box-shadow:-230px 0 150px 39vw rgba(0,0,0,.5)}
@media (min-width:789px){
    .swiper_timeline .swiper-slide::after{left:-30%;bottom:-8%;width:500px;height:50%;}
    html[lang*="he"] .swiper_timeline .swiper-slide::after,
    html[lang*="fa"] .swiper_timeline .swiper-slide::after,
    html[lang*="ar"] .swiper_timeline .swiper-slide::after{right:-30%;left:auto;}
}

 /*PC*/  
 @media (min-width:789px){
    .swiper_timeline  .swiper-pagination{
        height:100%;flex-direction:column;
        left:8%!important;width: auto!important;display:flex;right:unset!important;
        justify-content:center;font-style:italic;
        font-weight:300;font-size:18px;z-index:1
    }

    html[lang*="he"] .swiper_timeline  .swiper-pagination,
    html[lang*="fa"] .swiper_timeline  .swiper-pagination,
    html[lang*="ar"] .swiper_timeline  .swiper-pagination{left:auto!important;right:8%!important;}

    .swiper_timeline  .swiper-pagination::before{content:"";position:absolute;right:-30px;top:0;height:100%;width:1px;background-color:var(--border_w)}
    .swiper_timeline  .swiper-pagination-bullet{color:var(--text_b_2);width:auto;height:auto;opacity:1;background:0 0;margin:15px 0!important;position:relative;font-size:16px;font-weight:700;font-style:normal}
    .swiper_timeline  .swiper-pagination-bullet::before{content:"";position:absolute;top:50%;left:-55px;width:35px;height:2px;background-color:var(--theme);transform:scale(0) translateY(-50%);transition:.2s}
    .swiper_timeline  .swiper-pagination-bullet-active{color:var(--text_b_1);font-size:20px;font-weight:700;font-style:normal}
    .swiper_timeline  .swiper-pagination-bullet-active::before{transform:scale(1) translateY(-50%)}

    html[lang*="he"] .swiper_timeline  .swiper-pagination::before,
    html[lang*="fa"] .swiper_timeline  .swiper-pagination::before,
    html[lang*="ar"] .swiper_timeline  .swiper-pagination::before{right:auto;left:-30px;}
    html[lang*="he"] .swiper_timeline  .swiper-pagination-bullet::before,
    html[lang*="fa"] .swiper_timeline  .swiper-pagination-bullet::before,
    html[lang*="ar"] .swiper_timeline  .swiper-pagination-bullet::before{left:auto;right:-55px;}

}
 /*移动*/  
@media  (max-width:787px){
    .swiper_timeline  .swiper-pagination{
        top: 10%;
        height:40px;
        display:flex;right:unset!important;
        justify-content:center;font-style:italic;
        font-weight:300;font-size:18px;z-index:1;
        padding: 0 80px;
    }
    .swiper_timeline  .swiper-pagination-bullet{padding: 0 10px; color:var(--text_b_2);width:auto;opacity:1;background:0 0;font-size:18px;font-weight:700;font-style:normal}
    .swiper_timeline  .swiper-pagination-bullet::before{opacity: 0;content:"";position:absolute;bottom: 10px;width:35px;height:2px;background-color:var(--theme);transition:.2s}
    .swiper_timeline  .swiper-pagination-bullet-active{color:var(--text_b_1);}
    .swiper_timeline  .swiper-pagination-bullet-active::before{opacity: 1;}
}

.swiper_timeline.dark  .swiper-pagination-bullet{color:var(--text_w_2);}
.swiper_timeline.dark  .swiper-pagination-bullet-active{color: var(--text_w_1);}

.swiper_timeline  .timeline_info{height:100%;z-index:2;display:flex;display:-webkit-flex;display:-ms-flexbox;align-items: center;-webkit-align-items: center;-ms-flex-align: center;}
 @media (min-width:789px){
    .swiper_timeline .timeline_info{position: absolute;left:18%;width:600px;max-width:600px;right:50%;z-index:11}

    html[lang*="he"] .swiper_timeline .timeline_info,
    html[lang*="fa"] .swiper_timeline .timeline_info,
    html[lang*="ar"] .swiper_timeline .timeline_info{right:18%;left:auto;}


}
@media  (max-width:787px){
    .swiper_timeline .timeline_info{margin:auto;left:auto;text-align:center;width:100%;max-width:600px;z-index:11}
}
/*左右箭头*/
.swiper_timeline  .swiper-button-next,
.swiper_timeline  .swiper-button-prev{color: var(--text_b_1);background-size:20px 20px;top:10%;width:20px;height:20px;margin-top:0;z-index:2;transition:.2s;background-image:none}
.swiper_timeline  .swiper-button-next,
.swiper_timeline.dark  .swiper-button-prev{color: var(--text_w_1);}
.swiper_timeline  .swiper-button-next:after,
.swiper_timeline  .swiper-button-prev:after{font-size:30px!important}
@media (min-width:789px){
    .swiper_timeline  .swiper-button-prev{bottom:16%;left:9%;top:unset;right:15%;transform:rotate(90deg) translate(0,10px)}
    .swiper_timeline  .swiper-button-prev:hover{transform:rotate(90deg) translate(-3px,10px)}
    .swiper_timeline  .swiper-button-next{bottom:12%;left:9%;top:unset;right:15%;transform:rotate(90deg) translate(0,10px)}
    .swiper_timeline  .swiper-button-next:hover{transform:rotate(90deg) translate(3px,10px)}
}
@media  (max-width:787px){
    .swiper_timeline  .swiper-button-prev{left:8%}
    .swiper_timeline  .swiper-button-prev:hover{transform:translateX(-3px)}
    .swiper_timeline  .swiper-button-next{right:8%}
    .swiper_timeline  .swiper-button-next:hover{transform:translateX(3px)}
}