.experience-slider .swiper-wrapper .swiper-slide.swiper-slide-active{width:580px!important}.experience-slider .swiper-wrapper .swiper-slide{transition:width 1s;overflow:hidden}.experience-slider .swiper-slide .experience-slide-info{width:253px;max-width:100%;height:48px;transition:all 1s}.experience-slider .swiper-slide-active .experience-slide-info{width:253px;max-width:80%;height:210px;padding:24px}.experience-slider .swiper-slide .experience-slide-info .title{height:25px;transition:all 1s .1s;overflow:hidden}.experience-slider .swiper-slide-active .experience-slide-info .title{-webkit-line-clamp:2;height:50px}@media (max-width:1239px){.experience-slider .swiper-wrapper .swiper-slide.swiper-slide-active{width:calc(46vw - 28px)!important}}@media (max-width:1024px){.experience-slider .swiper-wrapper .swiper-slide.swiper-slide-active{width:calc(61.3333vw - 18.6667px)!important}}@media (max-width:640px){.experience-slider .swiper-slide-active .experience-slide-info{width:248px;max-width:100%;height:200px;padding:16px}.experience-slider .swiper-wrapper .swiper-slide.swiper-slide-active{width:100%!important}}
.swiper-pagination{justify-content:center;gap:4px;padding-inline:10px;display:flex;position:absolute;width:fit-content!important;bottom:0!important}.swiper-pagination .swiper-pagination-bullet{opacity:1;cursor:pointer;background-color:#e8e8e8;border-radius:8px;width:12px;height:6px;font-size:0;transition:all .5s;margin:0!important}@media (max-width:640px){.swiper-pagination .swiper-pagination-bullet{width:10px;height:5px}}.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:var(--primary-color);width:18px}@media (max-width:640px){.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:16px}}.experience-slider .swiper{padding-bottom:36px}
.swiper-arrow{cursor:pointer;z-index:2;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:0;transition:all .5s;display:flex;position:absolute;top:auto;bottom:-12px}.swiper-arrow svg{stroke:var(--text-black)}.swiper-arrow:hover svg{stroke:var(--dark-primary)}.swiper-arrow:hover{background-color:#f8ecf1}.swiper-arrow.prev-arrow{left:auto;right:40px}.swiper-arrow.next-arrow{left:auto;right:4px}