.history-page .history-wrapper{ line-height: 1.6; position: relative; width: 100%; }
.history-page .history-wrapper .yellow{ color: var(--yellow); }
.history-page .history-wrapper p{ margin-bottom: 10px; }
.history-page .history-wrapper a:hover{ text-decoration: underline; color: var(--white); }
.history-page .history-wrapper a i{ font-style: normal; }
.history-page .history-wrapper i{ font-style: italic; }
.history-page .history-wrapper strong,
.history-page .history-wrapper b{ font-weight: bold; }
.history-page .history-wrapper ul{ padding-left: 20px; margin: 15px 0; list-style-type: disc; margin-left: 20px; }
.history-page .history-wrapper ul li{ margin-bottom: 5px; }
.history-page .history-wrapper figure{ width: 100%; max-width: 600px; margin: 30px 0; position: relative; }
.history-page .history-wrapper figure img{ width: 100%; }

.history-page .history-wrapper figure a{ position: absolute; top: 10px; right: 10px; width: 40px; height: 40px; border-radius: 100%; display: flex; align-items: center; justify-content: center; text-decoration: none; color: var(--white); background: rgba(0,0,0,0.6); transition: var(--transition); font-size: 20px; }
.history-page .history-wrapper figure a:hover{ background: rgba(0,0,0,0.8); color: var(--yellow); text-decoration: none; }

.history-page .history-wrapper .swiper{ width: 600px !important; margin: 30px 0; }
.history-page .history-wrapper .swiper .swiper-wrapper{ padding: 0; margin: 0; width: 100% !important; }
.history-page .history-wrapper .swiper .swiper-wrapper .swiper-slide{ width: 100% !important; }
.history-page .history-wrapper .swiper .swiper-wrapper .swiper-slide figure{ margin: 0; }
.history-page .history-wrapper .swiper .swiper-wrapper .swiper-slide p{ font-style: italic; margin-top: 15px; color: var(--white-ccc); font-size: 15px; }

.history-page .history-wrapper .swiper-button-next{ color: var(--white); opacity: 1; transition: var(--transition); background: rgba(0,0,0,0.6); width: 40px; height: 40px; border-radius: 100%; top: 32px; right: 60px; }
.history-page .history-wrapper .swiper-button-next:after{ content: "\ea61"; font-family: var(--icons); font-weight: normal; font-size: 22px; }
.history-page .history-wrapper .swiper-button-next:hover{ color: var(--yellow); background: rgba(0,0,0,0.8); }
.history-page .history-wrapper .swiper-button-prev{ color: var(--white); opacity: 1; transition: var(--transition); background: rgba(0,0,0,0.6); width: 40px; height: 40px; border-radius: 100%; top: 32px; right: 110px; left: auto; }
.history-page .history-wrapper .swiper-button-prev:after{ content: "\ea60"; font-family: var(--icons); font-weight: normal; font-size: 22px; }
.history-page .history-wrapper .swiper-button-prev:hover{ color: var(--yellow); background: rgba(0,0,0,0.8); }
.history-page .history-wrapper .swiper-button-disabled{ opacity: 0; }

@media screen and (max-width: 1023px) {

    .history-page .history-wrapper{ font-size: 14px; }
    .history-page .history-wrapper .swiper .swiper-wrapper .swiper-slide p{ font-size: 13px; }

}

@media (max-width: 767px){

    .history-page .history-wrapper .swiper{ width: 100% !important; }
    .history-page .history-wrapper .swiper .swiper-wrapper .swiper-slide figure{ max-width: 100%; }

}