.history{overflow:hidden}.history .history-head{margin-bottom:2.5rem}.history .history-head h2{margin-bottom:1rem}.history .history-head p:last-child{margin-bottom:0}.history .card-media{border-radius:0 0 64px;margin-bottom:1.5rem;overflow:hidden}.history .card-media img{width:100%;height:auto}.history .card-head{color:var(--color-primary);margin-bottom:2.5rem;position:relative}.history .card-head h4{margin-bottom:0;padding-bottom:2rem}.history .card-head:before,.history .card-head:after{content:"";display:inline-block;position:absolute;bottom:0;left:0}.history .card-head:after{background-color:var(--color-primary);border-radius:50%;width:1rem;height:1rem;transition:transform .3s;transform:translateY(50%)}.history .card-head:before{background-color:var(--color-grey-4);width:calc(100% + 3rem);height:2px}.history .card-body h5{margin-bottom:.5rem}.history .swiper{overflow:initial;padding-right:calc(8.33333% - 4rem)}.history .swiper .swiper-wrapper{flex-wrap:nowrap}.history .swiper .swiper-wrapper .swiper-slide{flex:none}.history .swiper .swiper-wrapper .swiper-slide-active .card-head:after{transform:translateY(50%)scale(1.5)}.history .swiper .swiper-wrapper .swiper-slide:last-child .card-head:before{background-color:#0000}.history .swiper .swiper-pagination{margin-top:1.5rem}.history .swiper .swiper-navigation{margin:3rem -.5rem 0;display:flex}.history .swiper .swiper-navigation [class^=swiper-button-]{border:1px solid var(--color-grey-2);width:3rem;height:3rem;color:var(--color-grey-2);border-radius:50%;margin:0 .5rem;position:relative;top:auto;left:auto;right:auto}.history .swiper .swiper-navigation [class^=swiper-button-]:after{display:none}.history .swiper .swiper-navigation [class^=swiper-button-] svg{flex:none;width:auto;height:auto}.history .bg-color-primary-dark *{color:var(--color-white)}.history .bg-color-primary-dark .card-head:after{background-color:var(--color-white)}.history .bg-color-primary-dark .card-head:before{background-color:#ffffff80}.history .bg-color-primary-dark .swiper .swiper-navigation [class^=swiper-button-]{border-color:var(--color-white)}@media (width>=768px){.history .card-head:before{width:calc(100% + 20px + 2rem)}}@media (width>=992px){.history .history-head{margin-bottom:3.5rem}.history .card-media{margin-bottom:2rem}.history .card-head:before{width:calc(100% + 50px + 2rem)}.history .card-body h5{margin-bottom:1rem}}@media (width>=1200px){.history .card-head:before{width:calc(100% + 90px + 2rem)}}