.banners-wrapper-blue {
    background:#d8e9fb;
    background-image:url("../img/bg-blue.png");
    background-repeat:no-repeat;
    background-position:left top;    
}
.s1-blue{padding:0;height:100%}
.suppliers-page .swiper{
}
.suppliers-page .swiper-horizontal>.swiper-pagination-bullets,.suppliers-page .swiper-pagination-bullets.swiper-pagination-horizontal{bottom:14px}
.suppliers-page .swiper-wrapper{display:grid;grid-template-columns:repeat(10,1fr);padding-bottom:60px}
.suppliers-page .callback_btn a{display:inline-flex;align-items:center;justify-content:center;font-family:Inter,sans-serif;font-size:17px;font-weight:500;line-height:16px;text-align:left;color:#2c5d95;text-decoration:none;background:#fff;border-radius:55px;cursor:pointer}
.suppliers-page .mobile-visible{display:none}
.banner__item-descr{padding-left:5%;margin-top:20px}
.banner__item-descr .text-special-item{margin-bottom:6px}
.banner__item-descr .text-special-item:last-of-type{margin-bottom:0}
.suppliers-page .customers__content{padding-top:0;padding-bottom:0px;height:100%}
.suppliers-page .customers__content .banner__item{padding:0;background:0 0;margin-left:0;display:inline-grid;user-select:none}
.suppliers-page .banner__item .item-inner-action{background-color:#f5faff;border:none;padding:15px 20px 20px;display:inline-block;border-radius:16px;cursor:pointer;transition-duration:.3s;text-decoration:none}
.suppliers-page .banner__item .item-inner-action.item-inner-action-hold{pointer-events:none}
.suppliers-page .banner__item .item-inner-action:hover{background-color:#e5f2ff;box-shadow:0 0 5px 2px #e5f2ff;text-decoration:none}
.suppliers-page .item-inner-action .banner__item-descr{padding-left:0;text-align:left;font-size:15px;color:#222;font-weight:600;font-family:Inter,sans-serif}
.suppliers-page .banner__info-wrap{justify-content:flex-end}
.suppliers-page .breadcrumbs{padding:20px 0;margin-top:24px}
.suppliers-page .breadcrumbs .container{padding-left:60px}
.suppliers-page .slider-buttons {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 12px;
    width: 100%;    
}
.suppliers-page .slider-buttons > div {
    margin: 0;
    padding: 0;
}
.suppliers-page .slider-buttons a {
    display: block;
    padding: 0;
    text-align: center;
}

.suppliers-page .banner__descr {
    padding-right: inherit;
}
.suppliers-page .banner__info-wrap {
    padding-right: 18%;
}

.suppliers-page .account-replenishment__descr1{margin-bottom:0}
.suppliers-page .account-replenishment__btns{margin-top:20px}
.suppliers-page .account-replenishment__wrap{padding:240px 44px 40px 59px}
.suppliers-page .banners-wrapper{display:inline-flex;flex-direction:column;height:100%;justify-content:space-between}
.modal-content.services h2{font-size:28px;padding:0;margin:20px 0}
.services-section{
    margin-top: 24px;
    padding:0 60px 24px 60px;
}
.services-wrapper{background-color:#d8e9fb;background-image:url("../img/Vector_145.png");background-position:left bottom;background-repeat:no-repeat;background-size:contain;padding:30px 60px;border-radius:20px}
.services-section h2{font-weight:500;font-size:40px;line-height:1.2}
.services-list{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:min(220px);gap:20px}
/* .services-list .service-item{
    background-color:#fff;border-radius:18px;padding:30px 20px;
    cursor:pointer;box-shadow:0 0 8px 1px #a4ccf3;transition-duration:.3s;position:relative
} */
.services-list .service-item {
    background-color:#F5FAFF;
    border-radius:18px;
    padding:30px 20px;
    box-shadow:0 0 8px 1px #a4ccf3;
    transition-duration:.3s;
    position:relative;    
}
.services-list .service-item.service-item-clickable {
    cursor:pointer;
}
.services-list .service-item:hover{box-shadow:0 0 8px 2px #84a5c7}
.services-list .service-item h4{font-size:22px;margin:0 0 20px;font-weight:500}
/* .service-detail-btn{
    display:inline-flex;
    align-items:center;
    position:absolute;
    bottom:30px;
    right:30px;
    border:1px solid #a7a7a7;
    border-radius:10px;
    padding:4px 12px;
    font-size:14px;
    line-height:1
} */
.service-detail-btn{
    display:inline-flex;
    align-items:center;
    position:absolute;
    bottom:30px;
    left:20px;
    background-color: #2c5d95;
    color: #fff;
    border-radius:50px;
    padding: 10px 20px;
    font-size:14px;
    line-height:1;
    font-weight: 600;
}
.service-detail-btn img{
    width:11px;
    margin-left:5px;
    filter: brightness(2);
}
.modal-content.services{width:720px}
.modal-body-services{text-align:left}
.modal-body-services p{margin:inherit;max-width:inherit;text-align:left}
@media (max-width:1416px){
.suppliers-page .customers__content{padding-top:0}
.suppliers-page .breadcrumbs .container{padding-left:24px}
.services-section{margin-top:24px;padding:0 0 24px 0}
.services-wrapper{border-radius:0}
.suppliers-page .banner__info-wrap {
    padding-right: 0;
}
}
@media (max-width:1300px){
.services-list{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:1040px){
.suppliers-page .banner__items{display:grid;grid-template-columns:repeat(2,1fr)}
}
@media (max-width:992px){
.services-list{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:767px){
.suppliers-page .customers__content .btn{background:#2c5d95}
.suppliers-page .account-replenishment__wrap{padding:40px 30px}
.services-wrapper{padding:40px 30px}
.services-section h2{font-size:24px;margin-top:0}
.services-list .service-item h4{font-size:18px}
}
@media (max-width:680px){
.suppliers-page .banner__content{flex-direction:column-reverse}
.suppliers-page .banner__items{display:grid;grid-template-columns:repeat(1,1fr)}
.suppliers-page .mobile-visible{display:block}
.breadcrumbs-desktop,.suppliers-page .desktop-visible{display:none}
.slider-buttons{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.suppliers-page .banner__info-wrap{width:100%}
.suppliers-page .customers__content .btn{margin:0}
.suppliers-page .callback_btn a{padding:0;width:100%}
.suppliers-page .account-replenishment__btns{width:100%}
.suppliers-page .account-replenishment__btns a{min-width:50%}
.service-text-intro{font-size:14px}
}
@media (max-width:620px){
.suppliers-page .swiper-horizontal>.swiper-pagination-bullets,.suppliers-page .swiper-pagination-bullets.swiper-pagination-horizontal{bottom:20px}
.suppliers-page .slider-buttons {
    grid-template-columns: repeat(1,1fr);
}
}
@media (max-width:520px){
.slider-buttons{grid-template-columns:repeat(1,1fr)}
.suppliers-page .account-replenishment__btns a{min-width:inherit;width:100%;padding:16px 0}
.services-list{grid-template-columns:repeat(1,1fr)}
.services-list{grid-auto-rows:min(180px)}
}