.historty-section{ padding: 40px 0 0 0;  background-color: #f8fbff; }
.history-title-section{ position: sticky; top: 0;background-color: #f8fbff;  z-index: 10;  padding: 35px 0 0 0;  border-bottom: solid 1px #bcc5d3; }
.history-title-counter{ padding-right: 10.42vw; display: flex; justify-content: flex-end;border-top: solid 1px #bcc5d3;}
.history-title-counter .counter-text{  line-height: 1.5;letter-spacing: 0.64px;font-weight: 500;text-align: left;font-family: 'stolzl';color: #06080b; font-size: 32px;; display: flex; padding: 10px 17px 12px; border-right: solid 1px #bcc5d3; }
.history-title-counter .counter-text i{ padding: 0 3px; font-style: normal;}
.histroy-block-text{ padding: 0 0 35px; max-width: 635px; }
.histroy-block-text h2{ text-transform: uppercase; padding: 0 0 20px; }
.histroy-block-text p{ color: #06080b; }

.history-section-inner{padding-right: 10.42vw;  display: block; width: 100%;}
.history-row-main{ padding: 0 0 60px; border-right: solid 1px #bcc5d3;   display: flex ; flex-direction: column; width: 100%; align-items: center; justify-content: center;}
.history-row{ transition: all 0.3s ease-in-out; border-bottom: solid 1px #bcc5d3; display: flex; width: 100%;}
.history-row .history-image{ position: relative; width: calc(100% - 33.75vw); aspect-ratio: 804/382; overflow: hidden;  }
.history-row .history-image img{ z-index: 1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
/*.history-row .history-image::after{ opacity: 0.25; width: 100%; height: 100%; z-index: 2; position: absolute; left: 0; top: 0;content: '';  background-image: linear-gradient(174deg, rgba(20, 26, 65, 0.2) 23%, #141a41 100%); }*/
.history-row .history-row-inner{ padding: 30px 40px 30px 58px; width: 33.75vw; display: flex; flex-direction: column;
    justify-content: center;}
.history-row .history-row-inner .row-title{font-size: 20px; line-height: 1.63;font-weight: bold; padding: 0 0 20px; }
.history-row .history-row-inner .history-slide-text p{  line-height: 1.63; }
.history-row .history-row-inner .history-slide-text p + p{padding-top: 16px; }
.swiper-cls-arrow{ margin: 0; display: flex; align-items: flex-start;   }
.swiper-cls-arrow-inner{ padding: 36px 0 0 0; display: flex ;align-items: center; gap: 64px; flex-direction: row-reverse;}
.history-row div[class*="swiper-button"]::after{ display: none;}
.history-row div[class*="swiper-button"] { margin: 0; position: relative;left: auto; top: auto; bottom: auto; right: auto; display: flex; cursor: pointer; }
.history-row div[class*="swiper-button"] .arrow { display: flex; width: 21px; height: 13px; background-position: center center; background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='20.853' height='12.711' viewBox='0 0 20.853 12.711'%3e%3cpath d='M0,8.449,8.161,0l8.449,8.449' transform='translate(2.121 2.14)' fill='none' stroke='%233f4957' stroke-linecap='round' stroke-width='3'/%3e%3c/svg%3e"); transition: all ease-in-out 300ms; }
.history-row .swiper-button-prev .arrow { transform: rotate(-90deg); }
.history-row .swiper-button-next .arrow { transform: rotate(90deg); }
.history-row div[class*="swiper-button"].swiper-button-disabled { cursor: default; }
.history-row div[class*="swiper-button"]:not(.swiper-button-disabled):hover .arrow { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='20.853' height='12.711' viewBox='0 0 20.853 12.711'%3e%3cpath d='M0,8.449,8.161,0l8.449,8.449' transform='translate(2.121 2.14)' fill='none' stroke='%231532ff' stroke-linecap='round' stroke-width='3'/%3e%3c/svg%3e "); }
.history-row div[class*="swiper-button"].swiper-button-disabled .arrow { opacity: 0.70; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='20.853' height='12.711' viewBox='0 0 20.853 12.711'%3e%3cpath d='M0,8.449,8.161,0l8.449,8.449' transform='translate(2.121 2.14)' fill='none' stroke='%233f4957' stroke-linecap='round' stroke-width='2'/%3e%3c/svg%3e"); }
.history-row:hover{ background: #fff; }

.history-image .image-over-text{ position: absolute; z-index: 5; right: 0; bottom: 0; padding: 34px 43px; }
.history-image .image-over-text span { /**min-height: 66px;**/ display: flex; align-items: center;  font-family: 'stolzl'; transition: all 0.3s ease-in-out; font-size: 28px; line-height: 1.5; position: relative; z-index: 2;  color: #fff; text-align: right;  justify-content: flex-end; }
.history-image .image-over-text:after{ width: 0; height: 100%; z-index: 1; content: ''; background: #141A41; position: absolute; right: 0; bottom: 0; transition: all 0.3s ease-in-out;} 
.history-row:hover .history-image .image-over-text:after{ width: 100%; }

.swiper-cls-arrow.hide-arrow{ display: none;}
.historty-desktop-show{ display: block; width: 100%;}
.historty-mobile-show{ display: none;}


.historty-section.white_bg{ background: #fff; } 
.historty-section.white_bg .history-row:hover { background: #F8FBFF; }
.historty-section.white_bg .history-title-section{ background: #fff; }
 
@media (min-width: 1401px) and (max-width: 1599px) {
.swiper-cls-arrow-inner{ padding: 20px 0 0 0; }	
}
@media (min-width: 1281px) and (max-width: 1400px) {
.swiper-cls-arrow-inner{ padding: 20px 0 0 0; }	
.history-row .history-row-inner{ padding: 24px 32px 24px 32px; }	
}
@media (min-width: 992px) and (max-width: 1280px) {
.swiper-cls-arrow-inner{ gap: 40px; padding: 20px 0 0 0; }	
.history-row .history-row-inner{ padding: 24px 32px 24px 32px; }
.history-row .history-image{ min-height: 380px;; }
.history-image .image-over-text span{font-size: 24px; }	
.history-section-inner,
.history-title-counter{ padding-right: 5vw; }	
}
@media (max-width: 1200px) {
.historty-desktop-show{ display: none;}	
.historty-mobile-show{ display: block; width: 100%; background: #F8FBFF; padding-bottom: 50px; }
.historty-mobile-show .swiper { background: #fff; }
.historty-section{ padding: 75px 0 0 0; }
.histroy-block-text{ padding: 0 0 43px; }
.history-row{ padding: 0 0 56px; border-bottom:  solid 1px #bcc5d3; flex-direction: column;}
.history-row .history-image{ overflow: visible; margin: 0 0 101px; min-height: 250px; width: 100%; }
.history-image .image-over-text{ top: 100%; bottom: auto;  justify-content: flex-end; display: flex; align-items: center; width: 100%; min-height: 101px; padding: 9px 30px; }
.history-image .image-over-text span{ padding: 0 0 0 20px; font-size: 32px; min-height: 0; display: block; width: 100%;}
.history-image .image-over-text:after{ width: 100%; left: 30px;}
.history-row .history-row-inner{ padding: 38px 30px 0; width: 100%;}
.history-row .history-row-inner .row-title { padding: 0 0 20px; font-size: 24px;}
.historty-section{  background-color: #f8fbff;}
.swiper-cls-arrow-inner{ padding: 24px 0 0 0; }
.historty-mobile-show .swiper-pagination { position: relative; padding: 25px 0 ; display: flex; align-items: center; justify-content: center; margin: 0; left: auto; bottom: auto; right: auto ;top: auto; }
.historty-mobile-show .swiper-pagination {gap: 8px;}
.historty-mobile-show .swiper-pagination span{ opacity: 1; margin: 0 !important; background: #BCC5D3; border-radius: 0; }
.historty-mobile-show .swiper-pagination span.swiper-pagination-bullet-active{ background: #021179; }
.histroy-block-text h2{ padding: 0 0 30px; }
.swiper-counter{ display: flex;  color: #151b24;  line-height: 1.06;letter-spacing: 0.64px;  font-size: 32px;font-family: 'stolzl'; font-weight: 500; justify-content: flex-end; padding: 11px 30px; border-top:solid 1px #bcc5d3 ;}
.swiper-counter i{ font-style: normal; padding: 0 3px;}
}
@media (min-width: 768px) and (max-width: 991px) {

}
@media (max-width: 767px) {

}