* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html,
body {
  height: 100%;
}

body {
  font-family: "Nunito Sans", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  color: #262626;
  min-height: 100vh;
  background-image: url("../img/base/bg.webp");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 100%;
  background-color: #FFF;
  background-attachment: scroll;
  background-color: #048881;
}

img {
  max-width: 100%;
  display: block;
}

a {
  color: #cc4500;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

b,
strong {
  font-weight: 700;
}

sup {
  font-size: 0.6em;
  vertical-align: super;
  line-height: 0;
  color: inherit;
  font-weight: inherit;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(100%);
  clip-path: inset(100%);
}

.only-mob {
  display: none;
}

.highlight-black {
  color: #262626;
}

.highlight-green {
  color: #0B6962;
}

.highlight-yellow {
  color: #FFDD6D;
}

.bold {
  font-weight: 700;
}

.text-18 {
  font-size: 18px;
}
@media (max-width: 767px) {
  .text-18 {
    font-size: 16px;
  }
}
@media (max-width: 560px) {
  .text-18 {
    font-size: 14px;
  }
}

.text-22 {
  font-size: 22px;
}
@media (max-width: 1250px) {
  .text-22 {
    font-size: 20px;
  }
}
@media (max-width: 560px) {
  .text-22 {
    font-size: 10px;
  }
}

.header {
  overflow: hidden;
  width: 100%;
}

.header__wrapper {
  width: 1000px;
  max-width: 100%;
  margin: 0 auto;
  padding: 45px 0 130px 0;
  border-radius: 20px 0 50px 50px;
  min-height: auto;
}
@media (max-width: 1250px) {
  .header__wrapper {
    padding: 45px 0 110px 0;
  }
}
@media (max-width: 1024px) {
  .header__wrapper {
    padding: 30px 45px 100px 45px;
  }
}
@media (max-width: 767px) {
  .header__wrapper {
    padding: 25px 20px 90px 20px;
  }
}
@media (max-width: 560px) {
  .header__wrapper {
    padding: 20px 20px 130px 20px;
  }
}

.header__image {
  flex: 1;
}
.header__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 560px) {
  .header__image {
    background-image: url("../img/header_mobile.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    aspect-ratio: 9/15;
    height: auto;
    border-radius: 50px;
  }
  .header__image img {
    display: none !important;
  }
}

.main {
  width: 1200px;
  max-width: 100%;
  margin: -100px auto 0;
  padding: 0 45px;
  display: flex;
  flex-direction: column;
  gap: 35px;
}
@media (max-width: 1250px) {
  .main {
    margin-top: -80px;
  }
}
@media (max-width: 1024px) {
  .main {
    margin-top: -70px;
  }
}
@media (max-width: 767px) {
  .main {
    margin-top: -60px;
    padding: 0 20px;
    gap: 32px;
  }
}
@media (max-width: 560px) {
  .main {
    margin-top: -100px;
  }
}

.bg {
  border-radius: 27.778px;
  background: linear-gradient(180deg, #00b9b3 -69.23%, #fff 40.01%);
  box-shadow: 0 22.222px 55.556px 0 rgba(59, 101, 96, 0.38);
}
@media (max-width: 1024px) {
  .bg {
    background: linear-gradient(180deg, #66cecb -70%, #fff 69%);
  }
}
@media (max-width: 850px) {
  .bg {
    background: linear-gradient(180deg, #66cecb -10%, #fff 67%);
  }
}
@media (max-width: 767px) {
  .bg {
    background: linear-gradient(180deg, #66cecb -70%, #fff 69%);
  }
}
@media (max-width: 560px) {
  .bg {
    background: linear-gradient(180deg, #66cecb -70%, #fff 75%);
  }
}

.intro-block {
  position: relative;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 28px 40px 0 40px;
  display: flex;
  flex-direction: column;
  gap: 0;
  overflow: hidden;
}
@media (max-width: 560px) {
  .intro-block {
    padding: 20px 17px;
  }
}
.intro-block__title {
  max-width: 780px;
  margin-bottom: 14px;
}
.intro-block__title-bold {
  color: #0b6962;
  font-family: "Nunito Sans", sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 900;
  line-height: 38.889px;
}
.intro-block__title-regular {
  color: #0b6962;
  font-family: "Nunito Sans", sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 38.889px;
}
@media (max-width: 1024px) {
  .intro-block__title {
    max-width: 80%;
  }
}
@media (max-width: 767px) {
  .intro-block__title {
    line-height: 20px;
  }
  .intro-block__title-bold, .intro-block__title-regular {
    font-size: 24px;
    line-height: 20px;
  }
}
@media (max-width: 560px) {
  .intro-block__title {
    max-width: 100%;
  }
}
.intro-block__body {
  display: flex;
  align-items: flex-start;
  gap: 40px;
}
@media (max-width: 1024px) {
  .intro-block__body {
    flex-direction: column-reverse;
    align-items: center;
  }
}
.intro-block__media {
  position: relative;
  flex-shrink: 0;
  width: 330px;
  height: 345px;
}
@media (max-width: 560px) {
  .intro-block__media {
    width: 303px;
    height: 306px;
    margin-bottom: 20px;
  }
}
.intro-block__header-img {
  width: 185px;
  display: block;
  margin-bottom: -7px;
  margin-left: 70px;
  position: relative;
  z-index: 5;
}
@media (max-width: 560px) {
  .intro-block__header-img {
    margin-left: 63px;
  }
}
.intro-block__video {
  width: 100%;
  height: 310px;
  border-radius: 20px;
  overflow: hidden;
  border: none;
  position: relative;
}
.intro-block__video video,
.intro-block__video img.video-preview {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  object-position: 30% 60%;
}
.intro-block__video video {
  transform: scale(1.00004);
  opacity: 0;
  transition: opacity 0.3s ease;
}
.intro-block__video img.video-preview {
  opacity: 1;
}
.intro-block__cloud {
  position: absolute;
  width: 198px;
  height: auto;
  top: 210px;
  right: 120px;
  z-index: 10;
  pointer-events: none;
}
@media (max-width: 560px) {
  .intro-block__cloud {
    right: 110px;
  }
}
.intro-block__text {
  padding-top: 20px;
  color: #262626;
  font-family: "Nunito Sans", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.intro-block__text p {
  margin: 0;
}
@media (max-width: 1024px) {
  .intro-block__text {
    padding-top: 0;
  }
}

.attention-block {
  position: absolute;
  top: 14px;
  right: 8px;
  z-index: 2;
  width: 104px;
  aspect-ratio: 104/121;
  animation: softPulse 0.8s ease-in-out infinite;
}
.attention-block img {
  object-fit: contain;
}
@media (max-width: 560px) {
  .attention-block {
    display: none;
  }
}

.card {
  display: flex;
  max-width: 100%;
  height: auto;
  padding: 10px;
  align-items: center;
  flex-shrink: 1;
  border-radius: 15px;
  background-blend-mode: overlay, normal;
  gap: 20px;
  text-decoration: none;
  transition: box-shadow 0.45s ease, transform 0.3s ease;
  cursor: pointer;
}
.card:hover {
  text-decoration: none;
}
.card:hover * {
  text-decoration: none;
}
.card:not(a):not(.card--current) {
  cursor: default;
}
.card:not(a):not(.card--current):hover {
  transform: none;
  box-shadow: none;
}
@media (max-width: 1024px) {
  .card {
    gap: 10px;
  }
}
.card--green {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(225, 223, 166, 0) 100%), #008781;
  box-shadow: 0 0.75px 5.25px 0 rgb(255, 255, 255) inset;
}
.card--green:hover {
  box-shadow: 0 0.75px 10px 2px rgb(255, 255, 255) inset;
}
.card--orange {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(225, 223, 166, 0) 100%), #ff7a00;
  box-shadow: 0 0.75px 5.25px 0 rgb(255, 255, 255) inset;
}
.card--orange:hover {
  box-shadow: 0 0.75px 10px 2px rgb(255, 255, 255) inset;
}
@media (max-width: 560px) {
  .card--orange {
    padding: 15px 17.25px 15px 5px;
  }
}
.card--current {
  cursor: default;
  box-shadow: 0 0 22px 5px rgba(0, 135, 129, 0.6), 0 0.75px 7px 1px #FFF inset, 0 3px 6.75px 0 rgba(204, 69, 0, 0.2);
  animation: currentGlow 2.5s ease-in-out infinite;
}
.card--current:hover {
  box-shadow: 0 0 22px 5px rgba(0, 135, 129, 0.6), 0 0.75px 7px 1px #FFF inset, 0 3px 6.75px 0 rgba(204, 69, 0, 0.2);
  transform: none;
}
.card__icon {
  flex-shrink: 0;
}
.card__icon img {
  display: block;
}
.card__icon--immunity img {
  width: 108px;
  height: auto;
}
@media (max-width: 1024px) {
  .card__icon--immunity img {
    width: 90px;
  }
}
.card__icon--lightning img {
  padding-top: 20px;
  width: 90px;
  height: auto;
  transform: scale(1.4);
}
@media (max-width: 560px) {
  .card__icon--lightning img {
    padding-top: 15px;
  }
}
.card__content {
  display: flex;
  max-width: 100%;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15.75px;
  flex-shrink: 1;
}
@media (max-width: 1024px) {
  .card__content {
    width: 100%;
    height: auto;
    gap: 10px;
  }
}
@media (max-width: 767px) {
  .card__content {
    text-wrap: balance;
  }
  .card__content br {
    display: none;
  }
}
@media (max-width: 560px) {
  .card__content {
    width: 100%;
    height: auto;
    gap: 5px;
  }
}

.card-text {
  color: #FFF;
  font-family: "Nunito Sans", sans-serif;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.card-badge {
  border-radius: 30px;
  padding: 8px 20px;
  display: inline-block;
  color: #FFF;
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}
@media (max-width: 1250px) {
  .card-badge {
    padding: 7px 18px;
  }
}
@media (max-width: 1024px) {
  .card-badge {
    padding: 6px 15px;
  }
}
.card-badge--green {
  background: linear-gradient(90deg, #3bdbd6 0%, #02776f 100%);
  text-shadow: 0 0 9.825px #0b6962, 0 0 4.125px #0b6962;
}
.card-badge--orange {
  background: linear-gradient(90deg, #cc4500 0%, #ff8c21 100%);
  text-shadow: 0 0 9.825px #cc4500, 0 0 4.125px #cc4500;
}

.card-coming-soon {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 1;
  border-radius: 20px;
  padding: 40px 20px;
  background: url("../img/hero-block/coming_soon.webp") center center/cover no-repeat;
  box-shadow: 0 4px 9px 0 rgba(38, 38, 38, 0.2), 0 1px 7px 0 #fff inset;
  cursor: default;
  overflow: hidden;
}
@media (max-width: 560px) {
  .card-coming-soon {
    width: 100%;
    height: auto;
    min-height: 100px;
    padding: 30px 15px;
  }
}

.card__coming-soon-text {
  color: #262626;
  text-align: center;
  font-family: "Nunito Sans", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  text-transform: uppercase;
}
.card__coming-soon-text br {
  display: block;
  margin-bottom: 8px;
  content: "";
}

.card__coming-soon-highlight {
  color: #0b6962;
  font-weight: 700;
}

.card-title {
  color: #FFF;
  font-family: "Nunito Sans", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}
.card-title--green {
  text-shadow: 0 0 9.825px #0b6962, 0 0 4.125px #0b6962;
}
.card-title--orange {
  text-shadow: 0 0 9.825px #cc4500, 0 0 4.125px #cc4500;
}
.card-title__bold {
  color: #FFF;
  text-shadow: 0 0 7.278px #0b6962, 0 0 3.056px #0b6962;
  font-family: "Nunito Sans", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  display: inline;
}
.card-title__regular {
  color: #FFF;
  font-family: "Nunito Sans", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  display: inline;
}
@media (max-width: 1024px) {
  .card-title {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .card-title__bold, .card-title__regular {
    font-size: 16px;
  }
}
@media (max-width: 560px) {
  .card-title__bold, .card-title__regular {
    font-size: 14px;
  }
}

.item {
  display: flex;
  align-items: center;
  gap: 34px;
  max-width: 1000px;
  width: 100%;
  margin: 10px auto;
}
@media (max-width: 1024px) {
  .item {
    flex-direction: column-reverse;
    align-items: center;
  }
}
.item__media {
  flex-shrink: 0;
  width: 197px;
  height: 176px;
  aspect-ratio: 197/176;
  margin-top: -21px;
}
.item__text {
  max-width: 754px;
  padding-left: 37px;
  color: #FFF;
  line-height: 120%;
}
@media (max-width: 1024px) {
  .item__text {
    padding-left: 0;
  }
}

.memo-block {
  max-width: 1032px;
  width: 100%;
  margin: 0 auto;
  border-radius: 25px;
  background: linear-gradient(90deg, #cc4500 0%, #ff8c21 100%), linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(225, 223, 166, 0) 100%), #008781;
  background-blend-mode: normal, overlay, normal;
  box-shadow: 0 0.5px 3.5px 0 #fff inset, 0 2px 4.5px 0 rgba(38, 38, 38, 0.2);
}
.memo-block__wrapper {
  position: relative;
  display: flex;
  align-items: center;
  gap: 60px;
  padding: 0 50px 0 88px;
  height: 305px;
}
@media (max-width: 1024px) {
  .memo-block__wrapper {
    flex-direction: column;
    gap: 10px;
    height: unset;
    padding: 27px 23px 20px;
  }
}
.memo-block__info {
  display: flex;
  gap: 32px;
  flex-direction: column;
  align-items: baseline;
  max-width: 489px;
}
.memo-block__text {
  color: #FFF;
  font-size: 18px;
  line-height: 120%;
}
.memo-block__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 315px;
  padding: 15px 40px;
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(225, 223, 166, 0) 100%), #ff7a00;
  background-blend-mode: overlay, normal;
  box-shadow: 0 1px 7px 0 #fff inset, 0 4px 9px 0 rgba(38, 38, 38, 0.2);
  border: none;
  text-decoration: none;
}
.memo-block__btn:hover, .memo-block__btn:focus, .memo-block__btn:active {
  text-decoration: none;
}
@media (max-width: 1024px) {
  .memo-block__btn {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-50%);
    z-index: 2;
    min-width: 284px;
  }
}
.memo-block__btn-text {
  position: relative;
  margin-left: -16px;
  color: #FFF;
  text-shadow: 0 0 13.1px #cc4500, 0 0 5.5px #cc4500;
  font-size: 18px;
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
}
.memo-block__btn-text::after {
  content: "";
  position: absolute;
  top: 0;
  right: -23px;
  width: 16px;
  height: 21px;
  background: url("../img/icons/arrow-sm.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
}
.memo-block__media {
  position: absolute;
  right: 54px;
  flex-shrink: 0;
  width: 344px;
  margin-top: -37px;
}
@media (max-width: 1024px) {
  .memo-block__media {
    position: relative;
    right: 0;
    width: 257.737px;
    aspect-ratio: 38/45;
    margin-top: 0;
  }
}
.memo-block__media img {
  object-fit: contain;
}

.page-sources {
  width: 1000px;
  max-width: 100%;
  margin: 20px auto 0 auto;
  padding: 58px 7dvh;
  border-radius: 25px;
  background: #FFF;
  box-shadow: 0 0 48px 0 rgba(59, 101, 96, 0.62);
  line-height: 140%;
}
.page-sources p {
  margin-bottom: 10px;
}
.page-sources p:last-child {
  margin: 0;
}
.page-sources ol {
  margin: 0;
  padding: 0 0 0 42px;
}
.page-sources__top {
  margin-bottom: 20px;
}
.page-sources__toggler {
  text-decoration: none;
  cursor: pointer;
  color: #262626;
  font-weight: 700;
}
.page-sources__toggler.is-closed {
  text-decoration: underline;
}
.page-sources__content {
  display: none;
  padding-top: 20px;
}
@media (max-width: 1250px) {
  .page-sources {
    padding: 45px 80px;
  }
}
@media (max-width: 1024px) {
  .page-sources {
    padding: 35px 50px;
  }
}
@media (max-width: 560px) {
  .page-sources {
    padding: 35px 20px;
  }
  .page-sources ol {
    padding: 0 0 0 25px;
  }
}

@keyframes currentGlow {
  0% {
    box-shadow: 0 0 18px 4px rgba(0, 135, 129, 0.5), 0 0.75px 7px 1px #fff inset, 0 3px 6.75px 0 rgba(204, 69, 0, 0.2);
  }
  50% {
    box-shadow: 0 0 30px 8px rgba(0, 135, 129, 0.75), 0 0.75px 7px 1px #fff inset, 0 3px 6.75px 0 rgba(204, 69, 0, 0.2);
  }
  100% {
    box-shadow: 0 0 18px 4px rgba(0, 135, 129, 0.5), 0 0.75px 7px 1px #fff inset, 0 3px 6.75px 0 rgba(204, 69, 0, 0.2);
  }
}
@keyframes softPulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.15);
    opacity: 0.9;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.cards-carousel {
  display: flex;
  align-items: center;
  margin: 0 auto;
  max-width: 100%;
  position: relative;
  z-index: 10;
}
@media (max-width: 1024px) {
  .cards-carousel {
    gap: 10px;
  }
}
@media (max-width: 560px) {
  .cards-carousel {
    gap: 8px;
  }
}

.carousel-btn {
  display: flex;
  width: 42px;
  height: auto;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  flex-shrink: 0;
  z-index: 2;
  transition: opacity 0.3s ease, transform 0.2s ease;
}
.carousel-btn:hover {
  opacity: 0.7;
}
.carousel-btn:active {
  transform: scale(0.95);
}
.carousel-btn img {
  width: 100%;
  height: auto;
  display: block;
}
@media (max-width: 560px) {
  .carousel-btn {
    width: 35px;
    margin-left: -20px;
    margin-right: -20px;
  }
}

.carousel-wrapper {
  overflow: hidden;
  max-width: 922px;
  position: relative;
  border-radius: 15px;
  user-select: none;
  cursor: grab;
}

.carousel-track {
  display: flex;
  gap: 30px;
  transition: transform 0.5s ease-in-out;
  opacity: 0;
}
.carousel-track.is-ready {
  opacity: 1;
  transition: transform 0.5s ease-in-out, opacity 0.3s ease;
}
.carousel-track .card,
.carousel-track .card-coming-soon {
  overflow: hidden;
}
@media (max-width: 1024px) {
  .carousel-track {
    gap: 20px;
  }
}
@media (max-width: 560px) {
  .carousel-track {
    gap: 15px;
  }
}

.cards-carousel .carousel-track .card,
.cards-carousel .carousel-track .card-coming-soon {
  flex: 0 0 300px;
}

.accent-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 977px;
  width: 100%;
  margin: 0 auto;
  padding: 24px 20px;
  border-radius: 9.993px;
  background: linear-gradient(0deg, rgba(173, 170, 142, 0.9) -132.32%, rgba(236, 234, 213, 0.9) 244.56%), linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(225, 223, 166, 0) 100%);
  background-blend-mode: normal, overlay;
  box-shadow: 0 0.5px 3.498px 0 #fff inset, 0 1.999px 4.497px 0 rgba(38, 38, 38, 0.2);
  line-height: 140%;
}

.block {
  display: flex;
  flex-direction: column;
  gap: 32px;
  max-width: 1032px;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 32px;
  border-radius: 25px;
  background: linear-gradient(180deg, #00b9b3 -22.02%, #fff 8.33%), #fff;
  box-shadow: 0 20px 50px 0 rgba(59, 101, 96, 0.38);
}
@media (max-width: 1024px) {
  .block {
    background: linear-gradient(180deg, #00b9b3 -70.02%, #fff 25.33%);
  }
}
@media (max-width: 850px) {
  .block {
    background: linear-gradient(180deg, #00b9b3 -70.02%, #fff 29.33%);
  }
}
@media (max-width: 767px) {
  .block {
    background: linear-gradient(180deg, #00b9b3 -80.02%, #fff 30.33%);
  }
}
@media (max-width: 640px) {
  .block {
    background: linear-gradient(180deg, #00b9b3 -70.02%, #fff 35.33%);
  }
}
@media (max-width: 560px) {
  .block {
    background: linear-gradient(180deg, #00b9b3 -80.02%, #fff 36.33%);
  }
}
@media (max-width: 530px) {
  .block {
    background: linear-gradient(180deg, #00b9b3 -70.02%, #fff 38.33%);
  }
}
@media (max-width: 450px) {
  .block {
    background: linear-gradient(180deg, #00b9b3 -70.02%, #fff 43.33%);
  }
}
@media (max-width: 390px) {
  .block {
    background: linear-gradient(180deg, #00b9b3 -70.02%, #fff 47.33%);
  }
}
.block__top-second {
  margin-left: 20px;
  margin-right: 20px;
}
.block .intro-block--v2 {
  max-width: 1032px;
}
@media (max-width: 560px) {
  .block .intro-block--v2.intro-block {
    padding-bottom: 0;
  }
}
@media (max-width: 560px) {
  .block .intro-block--v2 .intro-block__media {
    height: 345px;
    margin-bottom: 0;
  }
}
.block .intro-block--v2 .intro-block__body {
  align-items: center;
}
.block .intro-block--v2 .intro-block__cloud {
  top: 209px;
  right: -7px;
}

.scheme {
  position: relative;
}
.scheme__img {
  width: 1032px;
  aspect-ratio: 1032/700;
}
.scheme__img img {
  object-fit: contain;
}
.scheme__btn-loope {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 87px;
  height: 87px;
  border: none;
  background: none;
  cursor: pointer;
}

.footer {
  font-family: "Roboto", sans-serif;
  margin-top: 80px;
  width: 100%;
}
.footer__top {
  background: #fff;
  padding: 45px 50px;
  text-align: center;
  width: 100%;
  color: #262626;
  font-family: "Roboto", sans-serif;
  font-size: 9px;
  font-style: normal;
  font-weight: 300;
  line-height: 130%;
}
.footer__top a {
  color: #0b62b3;
  font-family: "Roboto", sans-serif;
  font-size: 9px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  text-decoration: underline;
  text-decoration-style: solid;
}
@media (max-width: 767px) {
  .footer__top br {
    display: none;
  }
}
.footer__bottom {
  padding: 30px 40px;
  text-align: center;
  background: #e5e6e8;
}
.footer__bottom p {
  margin-bottom: 15px;
  color: #262626;
  font-family: "Roboto", sans-serif;
  font-size: 13.5px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}
.footer__bottom p:last-child {
  margin-bottom: 0;
}
.footer__bottom p b {
  font-size: 18px;
  font-weight: 700;
  line-height: 130%;
}
.footer__bottom p:nth-of-type(n + 2) {
  text-transform: uppercase;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  -webkit-overflow-scrolling: touch;
  display: none;
  background-color: rgba(0, 0, 0, 0.6);
  align-items: center;
  justify-content: center;
  padding: 40px 20px;
}
.modal__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.modal__content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 80vh;
  padding: 0 15px;
  overflow: hidden;
  background: #FFF;
  border-radius: 15px;
  position: relative;
}
.modal__image-container {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 30px 0;
  overflow-x: auto;
}
.modal__image-container img {
  max-width: 1032px;
  height: auto;
  max-height: 100%;
  aspect-ratio: 1032/700;
  object-fit: contain;
}
.modal__head {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 2;
}
.modal__close-btn {
  position: fixed;
  right: 2px;
  z-index: 3;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  border: 1px solid #cccacc;
  border-radius: 50%;
  cursor: pointer;
  background: #FFF;
}

.card {
  min-height: auto;
}

.footer {
  padding: 0;
}

.main {
  background-color: transparent;
}

.tag {
  display: flex;
  justify-content: flex-end;
}
.tag p {
  font-size: 11px;
}

/*# sourceMappingURL=styles.css.map */