*, ::after, ::before {
    box-sizing: border-box;
}

html {
  font-family: 'ClearSans', sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

body {
  margin: 0;
  font-size: 15px;
  background-color: #F2F2F2;
  line-height: 1.15;
}
h1, .h1{
  font-weight: 700;
  font-size: clamp(24px, 4vw, 39px);
  line-height: 123%;
  text-transform: uppercase;
  color: inherit;
}
h2, .h2 {
  font-weight: 700;
  font-size: 26px;
  line-height: 30px;
  text-transform: uppercase;
  color: var(--navy-blue);
  text-wrap-mode: unset;
  margin: 0;
  margin-bottom: 0.5rem;
}
h3, .h3 {
  font-weight: 700;
  font-size: 20px;
  line-height: 130%;
  text-transform: uppercase;
  color: var(--navy-blue);
}

p {
    line-height: inherit;
    font-size: inherit;
}

main {
    margin-bottom: 0px;
}

/* в основном взял из сайта */
:root{
  --index: calc(1vw + 1vh);
  --color-primary: #16C5DB;
  --color-white: #FFF;
  --color-error: #FF0000;
  --color-accent: #baeef5;
  --color-dark: #16C5DB;
  --font-primary: "ClearSans",sans-serif;
  /*color*/
  --blue: #6383C7;
  --bllue-dark: #3C4677;
  --navy-blue: #253F73;
  --sky-blue: #16C5DB;
  --color-black: #000000;
  --sky-blue-85: rgba(22, 197, 219, .85);
  --light-gray: #EAEAEA;
  --gray: #D9D9D9;
  --gray-dark-47: rgba(226, 226, 226, 0.47);
  --gray-medium: #999999;
  --white: #ffffff;
  --white-80: rgba(255, 255, 255, .8);
  --white-86: rgba(255, 255, 255, .86);
  --black-0: rgba(0, 0, 0, 0);
  --light-gray: #F2F2F2;
  --black: #000000;
  --red-oragne-20: rgba(255, 82, 7, 0.2);
  --red-oragne: #FF5207;
  --cyan: #16C5DB;
  --cyan-20: rgba(22, 197, 219, 0.2);
  --azure: #1699DB;
  --azure-20: rgba(22, 153, 219, 0.2);
  --teal: #35CCA1;
  --teal-20: rgba(53, 204, 161, 0.2);
  /*gradient*/
  --blue-gradient: linear-gradient(99.53deg, #6383C7 23.8%, #3C4677 118.93%);
  --blue-gradient-2: linear-gradient(180deg, #6383C7 22.02%, #3C4677 95.75%);
  --blue-dark-gradient: linear-gradient(180deg, #3C4677 22.02%, #6383C7 72.71%);
  --blue-dark-gradient-15deg: linear-gradient(-15deg, #6383C7 22.02%, #3C4677 95.75%);
  --bluce-dark-gradien-72: linear-gradient(180deg, #6383C722.02%, #3C4677 72.71%);
  --line-gradient: linear-gradient(99.53deg, #6383C7 23.8%, #3C4677 118.93%);
  --line-gradient-white: linear-gradient(258.52deg, #FFFFFF -1.98%, #EAEAEA 52.95%);
  /*shadow*/
  --shadow-inset: inset 0px 4px 15px 6px rgba(0, 0, 0, 0.25);
  --shadow: 0px 4px 5px 1px rgba(0, 0, 0, 0.25);
  --shadow-2: -12px 4px 14px rgba(0, 0, 0, 0.25);
  --shadow-3: -17px 4px 14px rgba(0, 0, 0, 0.25);
  --shadow-4: 6px 6px 4px rgba(0, 0, 0, 0.25);
  --shadow-5: 4px 6px 4px rgba(0, 0, 0, 0.25);
  --shadow-6: 17px 4px 13px rgba(0, 0, 0, 0.25);
  --shadow-7: 9px 11px 14px rgba(0, 0, 0, 0.25);
  --shadwo-top: 0px -5px 14px rgba(0, 0, 0, 0.25);
  --shadow-cart: 6px 8px 8px rgba(0, 0, 0, 0.25);
  --shadow-back: 0px 4px 4px rgba(0, 0, 0, 0.25);
  --shadow-cart-2: 4px 8px 8px rgba(0, 0, 0, 0.25);
  --hover-trans: .4s;
  --z-index-0: 0;
  --z-index-1: 1;
  --z-index-2: 2;
  --z-index-3: 3;
  /*--burger-width --*/
  --burger-width: 2.875rem;
  --burger-height: 2.25rem;
  --burger-line-height:0.125rem;
  --burger-line-width:1.25rem;
  --burger-color: #fff;
}
.section__header {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
}
.section__header-title {
    margin: 0 15px;
    text-wrap-mode: nowrap;
}
.section__header::after, .section__header::before {
    content: "";
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    width: calc(50% - 5.3125rem);
    height: 0.125rem;
    background: var(--navy-blue);
}
.section__header::after, .section__header::before {
    position: unset;
}
a{
  text-decoration: none;
}
.btn, .btn-br, .link, .link-blue {
    font-family: ClearSans;
    font-style: normal;
    font-weight: 700;
    font-size: 0.75rem;
    line-height: 1rem;
    text-align: center;
    text-transform: uppercase;
}
.btn {
    background: var(--sky-blue);
    color: var(--white);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    outline: 0;
    transition: 0.4s;
    outline: 0;
}
.btn{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 2.25rem;
    padding: 0.125rem 1.125rem;
    border-radius: 4.375rem;
    border: 0.0625rem solid var(--sky-blue);
}
@media (hover: hover) {
    .btn:hover {
        background: var(--black-0);
    }
}
.btn:focus-visible {
    background: var(--black-0);
}
.btn:active {
    background: var(--black-0);
}
@media (hover: hover) {
    .btn:hover {
        color: var(--sky-blue);
    }
}
.btn:focus-visible {
    color: var(--sky-blue);
}
.btn:active {
    color: var(--sky-blue);
}
/* Конец взял из сайта */

#wrapper{
  overflow: hidden;
}


/* первый блок  */
.banner{
  background-color: var(--sky-blue);
  padding-top: clamp(47px, 7.5vw, 90px);
  padding-bottom: clamp(55px, 7.5vw, 76px);
  position: relative;
  overflow: hidden;
}
.banner__bg{
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  transform: translateX(35%);
  margin: auto;
  max-width: 1200px;
  pointer-events: none;
  width: 100%;
  height: 100%;
  max-height: 623px;
  object-fit: cover;
  object-position: top left;
}
.banner__wrap{
  display: flex;
  justify-content: space-between;
  gap: 34px 50px;
  margin-bottom: 107px;
}
.banner__left{
  color: #fff;
  max-width: 646px;
  width: 100%;
}
.banner__right{
  max-width: 385px;
  width: 100%;
}
.banner__title{
  margin-bottom: 57px;
}
.banner__subtitle{
  line-height: 134%;
  max-width: 423px;
  padding-top: 25px;
  position: relative;
}
.banner__subtitle:before{
  content: "";
  position: absolute;
  left: 0;
  top: 0px;
  max-width: 115px;
  width: 100%;
  height: 2px;
  background-color: var(--white);
}
.banner__cards{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: clamp(24px, 4.5vw, 35px);
}
.banner__card{
  width: 100%;
  background: rgba(255, 255, 255, 0.85);
  border: 1px solid #FFFFFF;
  box-shadow: 9px 11px 14px rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(26.4px);
  padding: 15px 17px;
  line-height: 17px;
}
.banner__card-title{
  font-size: 25px;
  line-height: 112%;
  color: var(--sky-blue);
  margin-bottom: 10px;
}
.banner__stats{
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  padding-left: 30px;
  justify-content: space-between;
  gap: 90px 30px;
  color: #fff;
}
.banner__stat{
  width: calc(25% - 55px);
  position: relative;
  z-index: 1;
}
.banner__stat:before{
  content: "";
  position: absolute;
  top: -35px;
  left: -26px;
  width: 100px;
  height: 100px;
  border-top: solid 2px rgba(255, 255, 255, 0.799);
  border-left: solid 2px rgba(255, 255, 255, 0.799);
  border-radius: 100%;
  pointer-events: none;
  z-index: -1;
  background: linear-gradient(230.23deg, #16C5DB 3.81%, rgba(255, 255, 255, 0.34) 96.19%);
}
.banner__stat-num{
  font-weight: 700;
  line-height: 114%;
  margin-bottom: 32px;
  font-size: 42px;
}
.banner__stat-text{
  font-size: 17px;
  line-height: 23px;
}
@media (max-width: 1199px) {
  .banner__stat{
      width: calc(50% - 22px);
  }
}
@media (max-width: 767px) {
  .banner__title {
    margin-bottom: 31px;
    max-width: 290px;
  }
  .banner__wrap{
    flex-wrap: wrap;
  }
  .banner__left,
  .banner__right{
    max-width: 100%;
  }
  
  .banner__bg {
    
      right: -316px;

      transform: unset;
      max-width: unset;
      width: 100%;
      height: unset;
  }
  #modal-fillter {
        flex-wrap: wrap;
        flex-direction: unset;
    }
  
}
@media (max-width: 500px) {
  .banner__stats{
    padding-left: 0;
    justify-content: center;
  }
  .banner__stat{
    width: 100%;
    max-width: 224px;
  }
}

/* о компании  */
.about{
  padding-top: clamp(36px, 4.5vw, 53px);
  padding-bottom: 69px;
  background-color: var(--white);
}
.about__wrap{
  display: flex;
  align-items: flex-start;
  gap: 20px 54px;
  padding-top: 36px;
}
.about__content{
  max-width: 666px;
}
.about__content-title{
  margin-bottom: 10px;
  font-weight: 700;
}
.about__info{
  background-color: var(--sky-blue);
  padding: 16px;
  box-shadow: 9px 11px 14px rgba(0, 0, 0, 0.25);
  color: #fff;
  max-width: 385px;
}
.about__info-title{
  margin-bottom: 8px;
  font-size: 25px;
  line-height: 112%;
  color: #FFFFFF;
}
@media (max-width: 767px) {
  .about{
    padding-bottom: 0;
  }
  .about__wrap{
    flex-wrap: wrap;
  }
  .about__content,
  .about__info{
    max-width: 100%;
  }
}

/* Почему партнёры выбирают МОИР */
.why{
  position: relative;
  padding-top: clamp(53px, 4.5vw, 61px);
  padding-bottom: clamp(63px, 4.5vw, 78px);
}

.why p {
    margin-top: 0px;
    margin-bottom: 15px;
}
.why__arrow{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 689px;
  z-index: 0;
  pointer-events: none;
}
.why__wrap{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.why__left{
  max-width: 380px;
  width: 100%;
}
.why__center{
  max-width: 333px;
  width: 100%;
  flex-shrink: 0;
  padding-top: 23px;
}
.why__right{
  max-width: 380px;
  width: 100%;
}
.why__title-wrap{
    width: 327px;
    height: 327px;
    padding: 15px;
    border-radius: 100%;
    margin-left: auto;
    margin-right: auto;
    background: linear-gradient(232.96deg, #16C5DB 3.61%, #FFFFFF 112.2%);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-top: solid 2px #fff;
    border-left: solid 2px #fff;
    z-index: 2;
    position: relative;
}
.why__title{
  font-size: 39px;
  color: #fff;
  line-height: 123%;
  margin-bottom: 0;
  text-wrap-mode: wrap;
}
.why__item{
  line-height: 140%;
  min-height: 101px;
  margin-bottom: 75px;
  max-width: 313px;
}
.why__item:last-of-type{
  margin-bottom: 0;
}
.why__item-title{
  margin-bottom: 12px;
  position: relative;
  display: inline-block;
}
.why__item-title span{
  flex-shrink: 0;
}
.why__right .why__item{
  margin-left: auto;
}
.why__left .why__item-title svg{
  position: absolute;
  left: 100%;
  margin-left: 10px;
  top: 7px;
}
.why__left .why__item:last-of-type .why__item-title svg{
  bottom: 7px;
  top: auto;
}
.why__right .why__item-title svg{
  position: absolute;
  right: 100%;
  margin-right: 10px;
  top: 7px;
}
.why__right .why__item:last-of-type .why__item-title svg{
  bottom: 7px;
  top: auto;
}
@media (min-width: 1200px) {
  .why__left .why__item:last-of-type .why__item-title{
    white-space: nowrap;
  }
}
@media (max-width: 1199px) {
  .why__arrow{
    display: none;
  }
  .why__wrap{
    flex-wrap: wrap;
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
  }
  .why__center {
    order: 1;
    max-width: 100%;
    padding-top: 0;
  }
  .why__left{
    order: 2;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
  }
  .why__right{
    order: 3;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
  }
  .why__left:before{
    content: "";
    position: absolute;
    top: -63px;
    left: 3px;
    width: 50px;
    height: 1px;
    background-color: var(--sky-blue);
    transform: rotate(-30deg);
  }
  .why__item{
    max-width: 100%;
    margin-bottom: 0;
    padding-bottom: 23px;
    padding-left: 25px;
    min-height: auto;
    position: relative;
  }
  .why__item:before{
    content: "";
    position: absolute;
    left: 6px;
    bottom: 0;
    top: -50px;
    height: calc(100% + 60px);
    width: 1px;
    background-color: var(--sky-blue);
  }
  .why__right .why__item:last-of-type:before{
    display: none;
  }
  .why__right .why__item:last-of-type p{
    margin-bottom: 0;
  }
  .why__right .why__item:last-of-type{
    padding-bottom: 0;
  }
  .why__item .why__item-title svg{
    display: none;
  }
  .why__title-wrap{
    width: 221px;
    height: 221px;
    margin-bottom: 31px;
  }
  .why__title{
    font-size: 24px;
  }
  .why__item-title:before{
    content: "";
    position: absolute;
    top: 9px;
    left: -23px;
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: var(--sky-blue);
  }
}

/* Наши услуги для партнёров */
.services{
  background-color: var(--white);
  padding-top: clamp(36px, 4.5vw, 44px);
  padding-bottom: clamp(36px, 4.5vw, 51px);
}
.services ul {
    list-style: inherit;
}
.services__subtitle{
  padding-top: 12px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  max-width: 575px;
}
.services__wrap{
  padding-top: 32px;
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  width: 100%;
}
.services__item{
  width: calc(100% / 3 - 16px);
  background: #FFFFFF;
  border: 1px solid #D9D9D9;
  padding: 18px 16px 24px 20px;
}
.services__item-title{
  font-weight: 700;
  font-size: 18px;
  line-height: 133%;
  text-transform: uppercase;
  color: var(--navy-blue);
  margin-bottom: 12px;
}
.services__item ul{
  padding-left: 30px;
  margin-bottom: 0;
}
.services__btn{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 25px;
  min-width: 207px;
}
@media (max-width: 991px) {
  .services__item{
    width: calc(100% / 2 - 16px);
  }
}
@media (max-width: 767px) {
  .services .section__header-title{
    text-align: center;
    text-wrap-mode: wrap;
  }
  .services__item{
    width: 100%;
  }
}

/* Ближайшие мероприятия */
.nearest{
  padding-top: 49px;
  padding-bottom: 52px;
}
.nearest__subtitle{
  padding-top: 12px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  max-width: 768px;
}
.nearest__slider{
  display: flex;
  gap: 25px;
  justify-content: space-between;
  padding-top: 30px;
}
.nearest__slider .nearest__cart{
  width: calc(100% / 3);
}
.nearest__cart{
  background: var(--white);
  border: 0.0625rem solid var(--gray);
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  outline: none;
  padding: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 13.5625rem;
  height: auto;
}
.nearest__cart:active {
    -webkit-box-shadow: var(--shadow-cart);
    box-shadow: var(--shadow-cart);
}
@media (hover: hover) {
    .nearest__cart:hover {
        -webkit-box-shadow: var(--shadow-cart);
        box-shadow: var(--shadow-cart);
    }
}
.nearest__cart-place{
  background-color: var(--sky-blue);
  padding: 1px 17px 1px 19px;
  border-radius: 0px 30px 30px 0px;
  font-size: 14px;
  color: #fff;
  display: inline-block;
  margin-left: -20px;
  margin-bottom: 12px;
  margin-right: auto;
}
.nearest__cart-title{
  font-weight: 700;
  font-size: 18px;
  line-height: 133%;
  text-transform: uppercase;
  color: var(--navy-blue);
}
.nearest__cart-btn {
  margin: auto 0 0 auto;
  font-style: normal;
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 1rem;
  text-decoration-line: underline;
  color: var(--sky-blue);
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  outline: none;
}
@media (hover: hover) {
  .nearest__cart-btn:hover {
    color: var(--navy-blue);
  }
}
.nearest__cart-btn:focus-visible {
  color: var(--navy-blue);
}
.nearest__cart-btn:active {
  color: var(--navy-blue);
}
.nearest__footer {
  gap: 1.0625rem;
  padding-top: 2.1875rem;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 47.99875rem) {
  .nearest__footer {
    padding-top: 1.875rem;
  }
}
.nearest__footer-btn {
  min-width: 10.75rem;
}
.nearest__btn {
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  -o-object-fit: contain;
     object-fit: contain;
  background: var(--sky-blue);
  fill: var(--white);
  border: 0.0625rem solid var(--sky-blue);
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  outline: none;
  transition: 0.4s;
  outline: none;
}
@media (hover: hover) {
  .nearest__btn:hover {
    background: none;
  }
}
.nearest__btn:focus-visible {
  background: none;
}
.nearest__btn:active {
  background: none;
}
@media (hover: hover) {
  .nearest__btn:hover {
    fill: var(--sky-blue);
  }
}
.nearest__btn:focus-visible {
  fill: var(--sky-blue);
}
.nearest__btn:active {
  fill: var(--sky-blue);
}
.nearest__btn img,
.nearest__btn svg {
  width: 1.3125rem;
  height: 0.9375rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 1199px) {
  .nearest__slider{
    flex-wrap: wrap;
  }
  .nearest__slider .nearest__cart{
    width: 100%;
  }
}
@media (max-width: 767px) {
  .nearest .section__header-title{
    text-align: center;
    text-wrap-mode: wrap;
  }
}

/* Флагманский проект «Демографический потенциал регионов» */
.website {
    background: var(--line-gradient);
    -webkit-box-shadow: var(--shadow-back);
    box-shadow: var(--shadow-back);
    padding-top: 3rem;
    padding-bottom: 3.1875rem;
    position: relative;
    isolation: isolate;
}
.website__wrap{
  display: flex;
  align-items: flex-start;
  gap: 174px;
  width: 100%;
}
.website__content{
  color: #fff;
  max-width: 535px;
}
.website__title{
  color: #fff;
  margin-bottom: 13px;
  font-size: clamp(24px, 4.5vw, 32px);
  line-height: 122%;
  position: relative;
  margin: 0;
}
/* .website__title:before{
  content: "";
  position: absolute;
  width: 115px;
  height: 2px;
  background-color: #fff;
  left: 0;
  bottom: 0;
} */
.website__text{
  max-width: 480px;
  margin-top: 1.5rem;
}
.website__text p {
    margin: 0;
    padding: 0;
}
.website__text::after {
    height: 2px;
}
.website__btn {
    margin-top: 31px;
    width: 100%;
    max-width: 16.9375rem;
}
.website__img {
    position: absolute;
    isolation: isolate;
    display: block;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: translateX(558px);
    bottom: -132px;
    width: 1455px;
}
.website__img img, .website__img svg{
  width: 100%;
  transform: unset;
    position: unset;
}
.website__info{
  position: relative;
  z-index: 1;
  background-color: var(--sky-blue);
  color: #fff;
  padding: 16px;
  max-width: 385px;
}
.website__info-title{
  margin-bottom: 8px;
  font-weight: 400;
  font-size: 25px;
  line-height: 112%;
}
.website__info ul{
  padding-left: 25px;
  margin-bottom: 0;
}
.website__info ul li{
  margin-bottom: 7px;
}
.website__btn-mob{
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 992px) {
  .website__btn-mob{
    display: none;
  }
}
@media (max-width: 991px) {
  .website{
    padding-top: 0;
    margin-top: 55px;
  }
  .website__wrap{
    gap: 26px;
    flex-wrap: wrap;
  }
  .website__img{
    position: relative;
    min-width: 883px;
    max-width: 883px;
    transform: none;
    bottom: 0;
    margin-left: -15px;
    margin-top: -87px;
    margin-bottom: -70px;
    margin-bottom: -93px;
  }
  .website__content,
   .website__info{
    max-width: 100%;
  }
  .website__content .website__btn{
    display: none;
  }
}

/* Фотографии с наших мероприятий */
.gallery{
  /* padding-bottom: clamp(20px, 4.5vw, 43px); */
  background: var(--white);
}
.gallery__slider{
  padding-top: 36px;
  display: flex;
  justify-content: space-between;
  width: 100%;
  gap: 24px;
}
.gallery__slide{
    width: 100%;
}
.gallery__slide img{
  width: 100%;
}
.gallery__footer {
  gap: 1.0625rem;
  padding-top: 2.1875rem;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 47.99875rem) {
  .gallery__footer {
    padding-top: 1.875rem;
  }
}
.gallery__btn {
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  -o-object-fit: contain;
     object-fit: contain;
  background: var(--sky-blue);
  fill: var(--white);
  border: 0.0625rem solid var(--sky-blue);
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  outline: none;
  transition: 0.4s;
  outline: none;
}
@media (hover: hover) {
  .gallery__btn:hover {
    background: none;
  }
}
.gallery__btn:focus-visible {
  background: none;
}
.gallery__btn:active {
  background: none;
}
@media (hover: hover) {
  .gallery__btn:hover {
    fill: var(--sky-blue);
  }
}
.gallery__btn:focus-visible {
  fill: var(--sky-blue);
}
.gallery__btn:active {
  fill: var(--sky-blue);
}
.gallery__btn img,
.gallery__btn svg {
  width: 1.3125rem;
  height: 0.9375rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 767px) {
  .gallery__slider{
    flex-wrap: wrap;
  }
  .gallery .section__header-title{
    text-align: center;
    text-wrap-mode: wrap;
  }
}

/* Наши партнёры */
.partners{
  padding-top: clamp(20px, 4.5vw, 43px);
  padding-bottom: 43px;
  background: var(--white);
}

.partner img {
    width: stretch;
    width: 100%;
    max-width: 100%;       /* защита от переполнения */
    box-sizing: border-box;
}

.partners__wrap{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 44px 40px;
  padding-top: 36px;
}
.partner{
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 11px;
  max-width: 150px;
  min-height: 145px;
  border: solid 2px #e4e4e4;
}

.uncos__swiper-slide {
    height: 245px;
}
.uncos__swiper-slide img {
    max-height: 245px;
}
@media (max-width: 400px) {
  .partner{
    max-width: calc(50% - 20px);
  }
}

/* По вопросам сотрудничества */
.contact{
  background-color: var(--sky-blue);
  color: #fff;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.contact__container{
  position: relative;
  padding-top: 39px;
  padding-bottom: 44px;
}
.contact__bg{
  position: absolute;
  top: 0;
  right: -5%;
  max-width: 793px;
  height: 100%;
  object-fit: cover;
  object-position: top;
  z-index: -1;
  pointer-events: none;
}
.contact__wrap{
  display: flex;
  align-items: flex-start;
  gap: 123px;
}
.contact__left{
  max-width: 308px;
}
.contact__right{
  padding-top: 10px;
}
.contact__title{
  font-weight: 700;
  font-size: 32px;
  line-height: 122%;
  text-transform: uppercase;
  color: #FFFFFF;
}
.contact__text{
  line-height: 20px;
}
.contact__link{
  width: 100%;
  display: flex;
  align-items: center;
  gap: 14px;
  font-weight: 700;
  font-size: 26px;
  line-height: 112%;
  color: #FFFFFF;
  margin-bottom: 25px;
  transition: 0.3s;
}
.contact__link:hover{
  color: var(--navy-blue);
}
.contact__link img{
  margin-top: 4px;
}
@media (max-width: 767px) {
  .contact__bg{
    position: relative;
    right: 0;
    width: calc(100% + 40px);
    height: 283px;
    margin-left: -20px;
  }
  .contact__container{
    padding-top: 0;
    padding-bottom: 117px;
  }
  .contact__wrap{
    flex-wrap: wrap;
    gap: 26px;
  }
  .contact__left{
    max-width: 100%;
  }
}