.mySwiper-history {
    overflow: visible;
    width: calc(100% - 40px);
    margin-left: 20px;
    margin-right: 20px;
}


.mySwiper-history .swiper-slide {
    box-shadow: 0 4px 26px rgba(14, 38, 72, 0.4);
    background: #fff;
    padding: 5px 5px 15px 5px;
    text-align: center;
    font-size: 22px;
    transform: scale(.8);
    transform-origin: 0% 50%;
    transition: .3s;
    pointer-events: auto !important;
    transform-origin: center;
}
.mySwiper-history .swiper-slide img {
    object-position: top;
}
.mySwiper-history .swiper-slide a {
    color: #000;
    text-decoration: none;
}
.mySwiper-history .swiper-slide a:hover {
    color: #000;
    text-decoration: none;
}


.mySwiper-history .swiper-slide:not(.swiper-slide-visible) {
    opacity: 0;
    pointer-events: none;
  }

  .history-year {
    font-size: 40px;
    font-weight: 700;
}

.mySwiper-history .swiper-slide-active {
    transform: scale(1);
    opacity: 1;
    padding-bottom: 20px;
}
.mySwiper-history .swiper-slide-active .history-year {
    color: #20A0DB;
}
@media (min-width: 767px) {
    .mySwiper-history .swiper-slide-active .history-year {
        padding-top: 20px;
    }
    .mySwiper-history .swiper-wrapper {
        align-items: center;
    }
}

.mySwiper-history .swiper-slide {
    visibility: hidden;
    pointer-events: none;
}

.mySwiper-history .swiper-slide-visible {
    visibility: visible;
}

.mySwiper-history .swiper-button-next-history,
.mySwiper-history .swiper-button-prev-history {
    width: 26px;
    height: 26px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='25' viewBox='0 0 12 25' fill='none'%3E%3Cpath d='M10.5521 24.6173C10.4205 24.6181 10.29 24.5929 10.1682 24.5431C10.0463 24.4934 9.9355 24.42 9.84206 24.3273L1.67206 16.1574C1.20643 15.6929 0.837002 15.1411 0.584938 14.5337C0.332873 13.9262 0.203125 13.275 0.203125 12.6174C0.203125 11.9597 0.332873 11.3085 0.584938 10.701C0.837002 10.0936 1.20643 9.54182 1.67206 9.07736L9.84206 0.907373C9.9353 0.814134 10.046 0.740173 10.1678 0.689713C10.2896 0.639253 10.4202 0.613281 10.5521 0.613281C10.6839 0.613281 10.8145 0.639253 10.9363 0.689713C11.0581 0.740173 11.1688 0.814134 11.2621 0.907373C11.3553 1.00061 11.4293 1.1113 11.4797 1.23312C11.5302 1.35494 11.5562 1.48551 11.5562 1.61737C11.5562 1.74923 11.5302 1.8798 11.4797 2.00162C11.4293 2.12344 11.3553 2.23413 11.2621 2.32737L3.09206 10.4974C2.53026 11.0599 2.2147 11.8224 2.2147 12.6174C2.2147 13.4124 2.53026 14.1749 3.09206 14.7374L11.2621 22.9073C11.3558 23.0003 11.4302 23.1109 11.481 23.2328C11.5317 23.3546 11.5579 23.4853 11.5579 23.6173C11.5579 23.7494 11.5317 23.8801 11.481 24.0019C11.4302 24.1238 11.3558 24.2344 11.2621 24.3273C11.1686 24.42 11.0578 24.4934 10.936 24.5431C10.8141 24.5929 10.6837 24.6181 10.5521 24.6173Z' fill='%23009444'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px;
    border-radius: 0;
    opacity: 1;
}

.mySwiper-history .swiper-button-next-history:after,
.mySwiper-history .swiper-button-prev-history:after {
    display: none;
}

.mySwiper-history .swiper-button-next-history {
    left: -30px;
    right: auto;
}

.mySwiper-history .swiper-button-prev-history {
    transform: scaleX(-1);
    right: -30px;
    left: auto;
}

@media (max-width: 767px) {
  
    .mySwiper-history .swiper-slide {
        /* width: 260px; */
        height: auto;
        transform: scale(1);
        font-size: 18px;
    }
    .mySwiper-history .swiper-slide-active {
        transform: scale(1);
    }    

    .mySwiper-history .swiper-button-next-history, .mySwiper-history .swiper-button-prev-history {
        display: none !important;
    }
    .mySwiper-history .swiper-slide a {
        padding-left: 20px;
        padding-right: 20px;
    }
    /* .mySwiper-history .swiper-slide:not(.swiper-slide-visible) {
        opacity: 1;
        pointer-events: auto;
      }
      .mySwiper-history .swiper-slide.swiper-slide-visible {
        opacity: 1;
      } */
    
      .mySwiper-history .swiper-slide:not(.swiper-slide-visible) {
        opacity: 1;
        visibility: visible;
      }
    .mySwiper-history .swiper-slide-active {
        transform: scale(1);
        opacity: 1;
    }
    .mySwiper-history {
        width: 260px;
        margin-right: 0;
    }

    .content-story .h1 {
        font-size: 34px;
    }

    .section-story-text {
        font-size: 18px;
    }
    .section-story-text .link-styled {
        margin-bottom: 15px;
    }
    .section--content.content-story {
        background-size: 100%;
    }
}