#agreement h3{
  font-size: 25px;
  font-weight: 700;
}
#agreement p{
  color: black;
}
#agreement .red-marker{
    color: #CF0303;
    background-color: #ffd9d9;
    font-weight: 500;
    font-size: 22px;
    border: solid 1px #CF0303;
    border-radius: 10px;
    padding: 30px;
}

#partnership .header{
    font-size: 24px;
    font-weight: 600;
    color: black;
    margin-top: 20px;
    margin-bottom: 20px;
}
#partnership .description{
    font-size: 14px;
    font-weight: 400;
}

#partnership #privileges{
    display: inline-grid;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 40px;
}

#partnership #response .left-block form button:before {
    background: transparent url(../svg/icon-send.svg) 0 0 no-repeat;
    content: "";
    display: block;
    height: 16px;
    left: 20px;
    position: absolute;
    width: 16px;
}

#partnership #response .left-block form button:hover {
    background-color: #0239a5;
    color: #fff;
}

#partnership #response .left-block form button {
    align-items: center;
    background-color: #034fcf;
    border: none;
    color: #fff;
    display: flex;
    flex-direction: row;
    font-size: 18px!important;
    font-weight: 500;
    justify-content: center;
    outline: none;
    padding: 20px 24px!important;
    position: relative;
    text-decoration: none!important;
    text-transform: uppercase!important;
    transition: all .3s ease;
}

#partnership #response .left-block form {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

#partnership #response .left-block form .form-group {
    display: flex !important;
}

#partnership #response {
    background: #fafafa;
    border: 1px solid #d8d8d8;
    border-radius: 10px;
    cursor: pointer;
    display: inline-grid;
    grid-template-columns: 60% 40%;
    margin-top: -20px;
    margin-bottom: 40px;
}

#partnership #response .left-block {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
    padding: 30px!important;
}

#partnership #response .right-block {
    background-size: cover;
    border-radius: 10px;
    display: flex;
    width: 420px;
    background-image:url(https://bazza.com.ua/apps/bazza/templates/img/partnershipform.svg);
}

#privileges>.left-icon,#privileges>.h-description{
    margin-top: 40px;
    margin-bottom: 40px;
}

#privileges>.h-description{
    margin-left: -58%;
}

.marquee {
    overflow: hidden;
    width: 100%;   /* ширина окна просмотра */
    height: 100px;  /* высота картинок */
    margin-top: 30px;
  }

  .marquee__track {
    display: flex;
    animation: scroll 10s linear infinite;
  }

  .marquee__track img {
    height: 100%;
    margin-right: 20px;
  }

  /* дублирование для бесшовности */
  .marquee__track::after {
    content: '';
    display: flex;
    width: 100%;
    margin-left: -20px;
    background: inherit;
  }

  @keyframes scroll {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
  }

  #ourPartners .header::before{
    vertical-align: middle;
    margin-right: 15px;
    content: url(https://bazza.com.ua/apps/bazza/templates/img/ourPartners.svg);
  }

#partnership .LeftBlock {
    font-size: 24px;
    font-weight: 600;
    color: black;
    margin-top: 96px;
    width: 202px;
}

  #partnership .p-block{
    display: inline-grid;
    grid-template-columns: 25% 75%;
    width: 100%;
    border-bottom: solid 2px #c3c3c3;
    margin-bottom: 20px;
  }

  #partnership .FlagName{
    display: block;
    width: fit-content;
    text-align: center;
    margin-left: 27px;
  }

  .FlagName img{
    margin-right: 12px;
  }

 .RightBlock {
  width: 100%;
  max-width: 646px;
  overflow: hidden;
  position: relative;
  user-select: none;       /* отключаем выделение текста при перетаскивании */
  touch-action: pan-y;     /* свайп вверх/вниз работает, влево/вправо — для слайдера */
}

.SliderMain {
  display: flex;
  transition: transform 0.5s ease-in-out;
  cursor: grab;            /* курсор «рука» */
}

.SliderMain:active {
  cursor: grabbing;        /* при зажатии — «тянем» */
}

.Slide-block {
  flex: 0 0 100%; /* каждая страница занимает всю ширину */
  display: flex;
  flex-wrap: wrap; /* внутри страницы могут быть 2 ряда */
  box-sizing: border-box;
}

.SliderBrand {
  flex: 0 0 25%;           /* 4 картинки в ряд */
  box-sizing: border-box;
  text-align: center;
}

.dots {
  text-align: center;
  margin-top: 10px;
}

.dot {
  height: 9px;
  width: 8px;
  margin: 0 5px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  cursor: pointer;
  transition: background-color 0.3s;
}

.dot.active {
  background-color: #4285F4;
}

@media(max-width:800px){
  #privileges>.h-description {
    margin-left: 0px;
}
#ourPartners .p-block {
    grid-template-columns: 100%;

}
#partnership #response {
    display: inline-grid;
    grid-template-columns: 100%;
    grid-template-rows: 1fr 1fr;
    width: 100%;
}
#partnership #response .right-block {
    width: 100%;
}
.RightBlock {
    width: 100%;
}
.SliderBrand {
    flex: 0 0 50%;
}

#partnership .LeftBlock {
    margin-top: 15px;
    margin-bottom: 15px;
}

#partnership .FlagName {
    width: 100%;
    margin-left: 0;
    margin-top: -24px;
    margin-bottom: 20px;
}

#partnership #response .right-block {
    background-size: contain;
    display: flex;
    background-position-y: center;
    background-position-x: center;
    background-repeat: no-repeat;
    background-image: url(https://bazza.com.ua/apps/bazza/templates/img/m.partnershipform.png);
    background-color: #0e1314;
}

}

#guarantees{
    display: inline-grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.g-description{
    display: inline-block;
    margin-bottom: 30px;
    font-size: 20px;
    font-weight: 600;
}

.head-text{
    display: inline-block;
    font-size: 19px;
    font-weight: 700;
    margin-top: 30px;
    margin-bottom: 20px;
}

#content-block{
    margin-bottom: 70px;
}

.red-block{
    display: inline-block;
    width: 100%;
    background-color: pink;
    padding: 20px;
    text-align: center;
    border: solid 1px #CF0303;
    border-radius: 10px;
    margin-top: 30px;
    font-size: 17px;
    font-weight: 700;
}

@media(max-width:800px){
  #guarantees {
    display: inline-grid;
    grid-template-columns: 1fr 1fr;
  }
}

.wsmenu-list>li>.navtext {
    background: #034FCF !important;
}

.albs-informer-page .albs-informer-sidebar .nav-sidebar ul li a:after {
    background: none !important;
}

.albs-informer-page .albs-informer-sidebar .nav-sidebar ul li a.active {
    background: #034fcf !important;
    border-right: none !important;
    border-left: #034fcf;
}

.albs-informer-page .albs-informer-sidebar .nav-sidebar ul li a:not(.active):hover {
    background: #bfd6ff !important;
    border-right: none !important;
    border-left: 3px solid !important;
    color: #024fcf !important;
}

li.delivery>a:before{
  content:url(https://bazza.com.ua/apps/bazza/templates/img/sidebar-payment.svg);
}
li.guaran>a:before{
  content:url(https://bazza.com.ua/apps/bazza/templates/img/sidebar-guarantees.svg);
}
li.dogovor_oferty>a:before{
  content:url(https://bazza.com.ua/apps/bazza/templates/img/sidebar-agreement.svg);
}
li.about>a:before{
  content:url(https://bazza.com.ua/apps/bazza/templates/img/sidebar-about.svg);
}
li.history>a:before{
  content:url(https://bazza.com.ua/apps/bazza/templates/img/sidebar-history.svg);
}
li.vacancy>a:before{
  content:url(https://bazza.com.ua/apps/bazza/templates/img/sidebar-vacancies.svg);
}
li.partnerstvo>a:before{
  content:url(https://bazza.com.ua/apps/bazza/templates/img/sidebar-partnership.svg);
}
li.faq>a:before{
  content:url(https://bazza.com.ua/apps/bazza/templates/img/sidebar-faq.svg);
}
li.contact-center>a:before{
  content:url(https://bazza.com.ua/apps/bazza/templates/img/sidebar-contact-center.svg);
}
.albs-informer-sidebar>nav>ul>li>a:before{
  margin-right: 15px;
}
#contact-center{
	margin-bottom: 40px;
}
#contact-center .header-items{
	display: inline-grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
}
#contact-center #manager-block{
	display: inline-grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 35px;
    margin-top: 30px;
}
#contact-center .tab1,.tab2{
	display: block;
    max-width: 500px;
    height: 55px;
    line-height: 55px;
    text-align: center;
}
#contact-center a.active{
	background-color: #034FCF;
    color: white;
}
#contact-center .managers{
	display: block;
    text-align: center;
    border: 1px solid #E8E8E8;
    border-radius: 10px;
    padding-bottom: 30px;
}
#contact-center .name-manager{
	display: block;
	font-size: 24px;
	font-weight: 700;
	margin-top: 30px;
}
#contact-center .description{
	display: block;
    margin-top: 10px;
}
#contact-center .email-manager{
	display: block;
    margin-top: 33px;
}
#contact-center .managers-phone{
	display: block;
	margin-top: 4px;
	margin-left: -8%;
}

.email-manager img{
	margin-right: 11px;
}
.managers-phone img{
	margin-right: 15px;
}

@media(max-width:799px){
	
#contact-center #manager-block {
    display: inline-grid;
    grid-template-columns: 1fr;
    row-gap: 30px;
    width: 100%;
}
}

#contact-center #main-info-block{
	display: inline-grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 35px;
    margin-top: 30px;
}
#contact-center .managers>img{
	width: 100%;
}
#contact-center .title{
	display: block;
    font-size: 24px;
    font-weight: 700;
    margin-top: 30px;
    margin-bottom: 20px;
}
#iban{
	display: inline-block;
    width: 100%;
    text-align: center;
    line-height: 30px;
    margin-top: 50px;
    border: 3px solid #034FCF;
    border-radius: 10px;
    padding: 20px;
    font-size: 24px;
}
#iban a{
	color: #034FCF;
}
#contact-center #response {
    background: #fafafa;
    border: 1px solid #d8d8d8;
    border-radius: 10px;
    cursor: pointer;
    margin-top: 30px;
    margin-bottom: 40px;
}
#contact-center #response .left-block {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
    padding: 30px !important;
}
#contact-center #response .left-block form {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
#contact-center #response .left-block form .form-group {
    display: flex !important;
    background-color: white;
}
#contact-center #response .left-block form button {
    align-items: center;
    background-color: #034fcf;
    border: none;
    color: #fff;
    display: flex;
    flex-direction: row;
    font-size: 18px!important;
    font-weight: 500;
    justify-content: center;
    outline: none;
    padding: 20px 24px!important;
    position: relative;
    text-decoration: none!important;
    text-transform: uppercase!important;
    transition: all .3s ease;
}
#contact-center #response .left-block form button:before {
    background: transparent url(../svg/icon-send.svg) 0 0 no-repeat;
    content: "";
    display: block;
    height: 16px;
    left: 20px;
    position: absolute;
    width: 16px;
}
#contact-center a{
	text-decoration: none;
}
 h1.contact-center:before {
    content: url(https://bazza.com.ua/apps/bazza/templates/img/head-contact-center.svg);
    margin-right: 15px;
    vertical-align: text-bottom;
}
#contact-center .tab1:before {
    content: url(https://bazza.com.ua/apps/bazza/templates/img/tab-shop.svg);
    margin-right: 10px;
    vertical-align: sub;
}
#contact-center .tab1.active:before {
    content: url(https://bazza.com.ua/apps/bazza/templates/img/tab-shop-active.svg);
    margin-right: 10px;
    vertical-align: sub;
}
#contact-center .tab2:before {
    content: url(https://bazza.com.ua/apps/bazza/templates/img/tab-administration.svg);
    margin-right: 10px;
    position: relative;
    top: 8px;
}
#contact-center .tab2.active:before {
    content: url(https://bazza.com.ua/apps/bazza/templates/img/tab-administration-active.svg);
    margin-right: 10px;
    position: relative;
    top: 8px;
}
.phone-numbers>.phone-numbers-text:before {
    content: url(https://bazza.com.ua/apps/bazza/templates/img/phone-numbers-text.svg);
    margin-right: 5px;
    vertical-align: baseline;
}
.phone-numbers>.work-time-text:before {
    content: url(https://bazza.com.ua/apps/bazza/templates/img/work-time-text.svg);
    margin-right: 5px;
    vertical-align: baseline;
}
.phone-numbers>.text-mail:before {
    content: url(https://bazza.com.ua/apps/bazza/templates/img/text-mail.svg);
    margin-right: 5px;
    vertical-align: baseline;
}
.phone-numbers>.text-geo:before {
    content: url(https://bazza.com.ua/apps/bazza/templates/img/info-block-geo.svg);
    margin-right: 5px;
    vertical-align: baseline;
}
#feedback .title:before {
    content: url(https://bazza.com.ua/apps/bazza/templates/img/sidebar-faq.svg);
    margin-right: 15px;
    vertical-align: text-bottom;
}
#map .title:before {
    content: url(https://bazza.com.ua/apps/bazza/templates/img/geo.svg);
    margin-right: 15px;
    position: relative;
    top: 19px;
}
.phone-numbers div:nth-child(n+3){
	margin-left: 25px;
}
#contact-center #map img{
	display: block;
	width: 100%;
	margin-top: 30px;
}
#contact-center #message{
	height: 100px;
}

/*slider*/
  .sliderCC {
    position: relative;
    width: 100%;
    height: 250px;
    overflow: hidden;
    margin: 40px auto;
  }

  .sliderCC img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 0.5s ease;
  }

  .sliderCC img.active {
    opacity: 1;
  }

  /* Точки поверх картинки, у нижнего края */
  .sliderCC .dots {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
    z-index: 10;
  }

  .sliderCC .dots span {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #ccc;          /* неактивная — серая */
    cursor: pointer;
    transition: background 0.3s;
  }

  .sliderCC .dots span.active {
    background: #007BFF;       /* активная — синяя */
  }

@media(max-width:799px){
	#contact-center #main-info-block {
    display: inline-grid;
    grid-template-columns: 1fr;
    column-gap: 0;
    width: 100%;
}
#info-block{
	margin-left: 12%;
}
#iban a {
    font-size: 18px;
}
#iban {
	font-size: 20px;
}
.managers-phone img {
    margin-right: 5px;
}
#contact-center .tab1, .tab2{
	font-size: 3.6vw;
}
}