.about-logoslider-section{ display: block; background-color: #ecf0f6; width: 100%; position: relative; overflow: hidden;}
.about-logoslider{ padding: 63px 0 0 0; background: #fff; position: relative; overflow: hidden; display: block; width: 100%;} 
.about-logoslider .line-1{ width: 1px; height: 100%; background: #bcc5d3; position: absolute; width: 1px; left: 44px; top: 0; z-index: 3; height: 100%;}
.about-logoslider .line-2{ width: 1px; height: 100%; background: #bcc5d3; position: absolute; right: 44px; top: 0; z-index: 3; height: 100%;}
.about-logoslider .title{ border-top: #bcc5d3 solid 1px;  display: flex ;align-items: center; justify-content: flex-end; padding: 0 78px;}
.about-logoslider .title h2{ padding: 19px 0; font-weight: normal;  text-transform: uppercase; font-size: 28px;   }
.logos-slider { position: relative; display: block; width: 100% ; border-top: #bcc5d3 solid 1px; border-bottom: #bcc5d3 solid 1px; padding: 0 45px; margin: 0 0 156px; }  
.logos-slider:after,
.logos-slider:before { position: absolute; top: 0; z-index: 2; width: 45px; height: 100%; background: #fff; content: ''; pointer-events: none; }
.logos-slider:after { right: 0; }
.logos-slider:before { left: 0; }
.slide-logo-box{ display: flex ;align-items: center; width: 100%;  }
.slide-logo-box .slide-logo{ height: 206px; display: flex ;align-items: center; justify-content: center; width: 33.333%; border-right: #bcc5d3 solid 1px; }
.slide-logo-box .slide-logo img{ max-width: 90%; max-height: 200px;; width: auto; height: auto; }
.slide-logo-box .slide-logo + .slide-logo + .slide-logo { border-right: none; }
.logos-slider .swiper-pagination{ display: none;}

.logos-slider .swiper-cls-arrow{ width: 100%; margin: 0; position: absolute; left: 0; top: 100%; justify-content: center; display: flex; align-items: flex-start;   }
.logos-slider .swiper-cls-arrow-inner{ padding: 60px 0 0 0; display: flex ;align-items: center; gap: 64px; flex-direction: row-reverse;}
.logos-slider div[class*="swiper-button"]::after{ display: none;}
.logos-slider div[class*="swiper-button"] { margin: 0; position: relative;left: auto; top: auto; bottom: auto; right: auto; display: flex; cursor: pointer; }
.logos-slider 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; }
.logos-slider .swiper-button-prev .arrow { transform: rotate(-90deg); }
.logos-slider .swiper-button-next .arrow { transform: rotate(90deg); }
.logos-slider div[class*="swiper-button"].swiper-button-disabled { cursor: default; }
.logos-slider 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 "); }
.logos-slider 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"); }
.logos-slider .swiper{ z-index: 1; overflow: visible; }
.logos-slider.swiper-disabled { margin-bottom: 100px; }
.logos-slider.swiper-disabled .swiper-cls-arrow { display: none; }


@media (min-width: 1401px) and (max-width: 1599px) {
 	
}
@media (min-width: 1281px) and (max-width: 1400px) {
 .slide-logo-box .slide-logo{ height: 180px; }
 .slide-logo-box .slide-logo img{ max-height: 170px; }
 .logos-slider{ margin: 0 0 120px; }
 .logos-slider.swiper-disabled { margin-bottom: 80px; }
 .logos-slider .swiper-cls-arrow-inner{ padding: 32px 0 0 0; }	
}
@media (min-width: 992px) and (max-width: 1280px) {
.slide-logo-box .slide-logo{ height: 170px; }
.slide-logo-box .slide-logo img{ max-height: 160px; }
.logos-slider{ margin: 0 0 120px; }
.logos-slider.swiper-disabled { margin-bottom: 80px; }
.logos-slider .swiper-cls-arrow-inner{ padding: 32px 0 0 0; }		
}
@media (max-width: 1200px) {
 
}
@media (min-width: 768px) and (max-width: 991px) {
.slide-logo-box .slide-logo{ height: 170px; }
.slide-logo-box .slide-logo img{ max-height: 160px; }
.logos-slider{ margin: 0 0 120px; }
.logos-slider .swiper-cls-arrow-inner{ padding: 32px 0 0 0; }	
}
@media (max-width: 767px) {
.about-logoslider-section .container{width: 100%; max-width: 100%; padding: 0; }	
.slide-logo-box .slide-logo{ width: 100%; height: 206px; }
.slide-logo-box .slide-logo img{ max-height: 200px; }
.logos-slider{ margin: 0 0 120px; }
.logos-slider:after,
.logos-slider:before { display: none; }
.logos-slider.swiper-disabled { margin-bottom: 80px; }
.logos-slider .swiper-cls-arrow-inner{ padding: 32px 0 0 0; }
.about-logoslider{ padding: 56px 0 0 0; }
.about-logoslider .line-2,
.about-logoslider .line-1{ display: none;}
.slide-logo-box{ gap: 17px; flex-direction: column;}
.logos-slider{ padding: 0; }
.slide-logo-box .slide-logo { border: 0; border-top: #bcc5d3 solid 1px; border-bottom: #bcc5d3 solid 1px; }
.logos-slider{ margin: 0; border: 0; }
.slide-logo-box .slide-logo + .slide-logo{ border-left: 0; }
.about-logoslider .title h2 { padding: 17px 0; font-size: 24px;}
.about-logoslider .title{ padding: 0 26px; }
.logos-slider .swiper-pagination{ display: block;}
.logos-slider .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; }
.logos-slider .swiper-pagination {gap: 8px;}
.logos-slider .swiper-pagination span{ opacity: 1; margin: 0 !important; background: #BCC5D3; border-radius: 0; }
.logos-slider .swiper-pagination span.swiper-pagination-bullet-active{ background: #021179; }
.logos-slider .swiper-cls-arrow{ display: none;}
}