@charset "UTF-8";
html {
  position: relative;
  min-height: 100vh;
  box-sizing: border-box;
  font-size: 150%;
}
@media (max-width: 1439px) {
  html {
    font-size: 140%;
  }
}
@media (max-width: 1299px) {
  html {
    font-size: 130%;
  }
}
@media (max-width: 1199px) {
  html {
    font-size: 120%;
  }
}
@media (max-width: 991px) {
  html {
    font-size: 100%;
  }
}

body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  min-width: 375px;
  min-height: 100dvh;
  width: 100%;
  font-family: "Circe", "Arial", sans-serif;
  font-weight: 400;
  line-height: 1.2;
  color: #505892;
  background: #FBF9F8;
}
@media (max-width: 1199px) {
  body {
    line-height: 1.2;
  }
}
body.no-scroll {
  overflow: hidden;
}

.main {
  flex: 1 1 auto;
  width: 100%;
  padding-top: 4.4583333333rem;
  overflow: hidden;
}
@media (max-width: 991px) {
  .main {
    padding-top: 5.6875rem;
  }
}

a {
  outline: none;
  color: currentColor;
  text-decoration: underline;
  transition: all ease 0.3s;
  -webkit-tap-highlight-color: transparent;
  text-decoration-thickness: 1px;
  text-decoration-color: currentColor;
  text-underline-position: auto;
  text-underline-offset: 0.125em;
  cursor: pointer;
}
@media (hover: hover) {
  a:hover {
    color: #414667;
    text-decoration-color: transparent;
  }
}
@media (hover: none) and (pointer: coarse) {
  a:hover {
    color: #414667;
    text-decoration-color: transparent;
  }
}

svg {
  display: block;
  flex: 0 0 auto;
  fill: currentColor;
}

img {
  vertical-align: top;
  user-select: none;
}

button {
  background-color: transparent;
  outline: none;
  border: none;
}
button:not([disabled]):hover, button:not([disabled]):focus, button:not([disabled]):active {
  box-shadow: none;
}

.overlay {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(43, 42, 41, 0.4);
  visibility: hidden;
  z-index: 40;
}
.overlay.active {
  visibility: visible;
}

.simplebar-track.simplebar-vertical {
  top: 5px;
  bottom: 5px;
  width: 4px;
  right: 5px;
  border-radius: 4px;
  background-color: #fff;
}

.simplebar-scrollbar:before {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff;
  border-radius: 4px;
}

.w-100 {
  width: 100%;
}

.container {
  min-width: 375px;
  width: 100%;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
@media (min-width: 576px) {
  .container {
    max-width: 536px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 728px;
  }
}
@media (min-width: 992px) {
  .container {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    max-width: 932px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}
@media (min-width: 1300px) {
  .container {
    max-width: 1240px;
  }
}
@media (min-width: 1440px) {
  .container {
    max-width: 1440px;
  }
}
@media (min-width: 1540px) {
  .container {
    max-width: 1540px;
  }
}

.mbtn {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  text-decoration: none;
  outline: none !important;
  transition: all 0.3s ease;
  border: 1px solid transparent;
  background: transparent;
  border-radius: 12px;
  line-height: 1;
  color: #fff;
  cursor: pointer;
}
.mbtn.mbtn__whitelight {
  border-color: rgba(255, 255, 255, 0.2);
  background: transparent;
  backdrop-filter: blur(20px);
  color: #fff;
}
@media (hover: hover) {
  .mbtn.mbtn__whitelight:hover {
    background: transparent;
    color: #9498B5;
    border-color: #9498B5;
  }
}
@media (hover: none) and (pointer: coarse) {
  .mbtn.mbtn__whitelight:hover {
    background: transparent;
    color: #9498B5;
    border-color: #9498B5;
  }
}
.mbtn.mbtn__middle {
  font-size: 0.8333333333rem;
  padding: 0.6666666667rem 1rem;
}
@media (max-width: 991px) {
  .mbtn.mbtn__middle {
    font-size: 1.25rem;
    padding: 0.9375rem;
  }
}
.mbtn.mbtn__wicon {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.mbtn.mbtn__wicon.mbtn__full span {
  flex: 1 0 0;
  width: 100%;
  max-width: 100%;
  text-align: left;
}
.mbtn.mbtn__wicon i {
  flex: 0 0 auto;
  width: 1rem;
  height: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 991px) {
  .mbtn.mbtn__wicon i {
    width: 1.5rem;
    height: 1.5rem;
  }
}
.mbtn.mbtn__wicon i svg, .mbtn.mbtn__wicon i img {
  display: block;
  max-width: 0.6666666667rem;
  max-height: 0.6666666667rem;
  object-fit: contain;
}
@media (max-width: 991px) {
  .mbtn.mbtn__wicon i svg, .mbtn.mbtn__wicon i img {
    max-width: 1rem;
    max-height: 1rem;
  }
}
.mbtn.mbtn__primary {
  border-color: #9498B5;
  background: #9498B5;
  color: #fff;
}
@media (hover: hover) {
  .mbtn.mbtn__primary:hover {
    background: #777CA1;
    color: #fff;
    border-color: #777CA1;
  }
}
@media (hover: none) and (pointer: coarse) {
  .mbtn.mbtn__primary:hover {
    background: #777CA1;
    color: #fff;
    border-color: #777CA1;
  }
}

.link__wicon {
  display: inline-block;
  position: relative;
  line-height: 1;
  font-weight: 400;
  font-size: 1rem;
  padding: 0.1666666667rem 2.3333333333rem 0.1666666667rem 0;
  color: #505892;
  text-decoration: none;
  transition: all ease 0.3s;
}
@media (max-width: 991px) {
  .link__wicon {
    font-size: 1.25rem;
    padding: 0.25rem 3.5rem 0.25rem 0;
  }
}
@media (hover: hover) {
  .link__wicon:hover {
    color: #777CA1;
  }
  .link__wicon:hover i {
    border-color: #9498B5;
    background-color: #9498B5;
    color: #fff;
  }
}
@media (hover: none) and (pointer: coarse) {
  .link__wicon:hover {
    color: #777CA1;
  }
  .link__wicon:hover i {
    border-color: #9498B5;
    background-color: #9498B5;
    color: #fff;
  }
}
.link__wicon span {
  display: inline-block;
}
.link__wicon i {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1.6666666667rem;
  height: 1.6666666667rem;
  border: 1px solid #9498B5;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #9498B5;
  transition: all ease 0.3s;
}
@media (max-width: 991px) {
  .link__wicon i {
    width: 2.5rem;
    height: 2.5rem;
  }
}
.link__wicon i svg {
  display: block;
  object-fit: contain;
  stroke: currentColor;
  fill: none;
  max-width: 0.5rem;
  max-height: 0.5rem;
}
@media (max-width: 991px) {
  .link__wicon i svg {
    max-width: 0.75rem;
    max-height: 0.75rem;
  }
}
.link__wicon.link__wicon__White {
  color: #fff;
}
.link__wicon.link__wicon__White i {
  color: #fff;
  border-color: #fff;
}
@media (hover: hover) {
  .link__wicon.link__wicon__White:hover {
    color: #fff;
  }
  .link__wicon.link__wicon__White:hover i {
    border-color: #fff;
    background-color: #fff;
    color: #7C9E90;
  }
}
@media (hover: none) and (pointer: coarse) {
  .link__wicon.link__wicon__White:hover {
    color: #fff;
  }
  .link__wicon.link__wicon__White:hover i {
    border-color: #fff;
    background-color: #fff;
    color: #7C9E90;
  }
}

.h1, .h2, .h3, .h4, .h5, .h6 {
  padding: 0;
}
.h1:first-child, .h2:first-child, .h3:first-child, .h4:first-child, .h5:first-child, .h6:first-child {
  margin-top: 0;
}
.h1:last-child, .h2:last-child, .h3:last-child, .h4:last-child, .h5:last-child, .h6:last-child {
  margin-bottom: 0;
}

.h1 {
  margin: 2.9583333333rem 0;
  font-size: 4rem;
  line-height: 0.9;
  font-weight: 400;
  color: #414667;
}
@media (max-width: 991px) {
  .h1 {
    margin: 1rem 0;
    font-size: 2.25rem;
    line-height: 1.15;
    font-weight: 700;
  }
}

.h2 {
  margin: 1.6666666667rem 0;
  font-size: 1rem;
  line-height: 1.2;
  font-weight: 600;
  padding-left: 1.5833333333rem;
  font-weight: 400;
  letter-spacing: 0.24px;
  position: relative;
}
@media (max-width: 991px) {
  .h2 {
    font-size: 1rem;
    margin: 2rem 0;
    padding-left: 1.375rem;
  }
}
.h2::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.5833333333rem;
  height: 0.5833333333rem;
  background-color: #9498B5;
  border-radius: 50%;
}

.h3 {
  margin: 0.8333333333rem 0;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.15;
  color: #414667;
}
@media (max-width: 991px) {
  .h3 {
    font-size: 1.25rem;
    line-height: 1.2;
  }
}

.h4 {
  margin: 40px 0 20px 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.25;
}
@media (max-width: 991px) {
  .h4 {
    margin: 30px 0 12px 0;
    font-size: 20px;
    line-height: 1.3;
  }
}

.h5 {
  margin: 1.6666666667rem 0 1.3333333333rem 0;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2;
}
@media (max-width: 991px) {
  .h5 {
    margin: 1.5rem 0 1rem 0;
    font-size: 1rem;
  }
}

.h6 {
  margin: 1.3333333333rem 0;
  font-weight: 400;
  font-size: 0.8333333333rem;
  line-height: 1.2;
}
@media (max-width: 991px) {
  .h6 {
    margin: 0.875rem 0;
    font-size: 0.875rem;
  }
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.block__text {
  position: relative;
  color: rgba(80, 88, 146, 0.9);
  letter-spacing: 0.24px;
}
.block__text p {
  margin: 0.8333333333rem 0;
}
@media (max-width: 991px) {
  .block__text p {
    margin: 1rem 0;
  }
}
.block__text p:first-child {
  margin-top: 0;
}
.block__text p:last-child {
  margin-bottom: 0;
}
.block__text h1, .block__text h2, .block__text h3, .block__text h4, .block__text h5, .block__text h6 {
  padding: 0;
}
.block__text h1:first-child, .block__text h2:first-child, .block__text h3:first-child, .block__text h4:first-child, .block__text h5:first-child, .block__text h6:first-child {
  margin-top: 0;
}
.block__text h1:last-child, .block__text h2:last-child, .block__text h3:last-child, .block__text h4:last-child, .block__text h5:last-child, .block__text h6:last-child {
  margin-bottom: 0;
}
.block__text h1 {
  margin: 2.9583333333rem 0;
  font-size: 4rem;
  line-height: 0.9;
  font-weight: 400;
  color: #414667;
}
@media (max-width: 991px) {
  .block__text h1 {
    margin: 1rem 0;
    font-size: 2.25rem;
    line-height: 1.15;
  }
}
.block__text h2 {
  margin: 1.6666666667rem 0;
  font-size: 1rem;
  line-height: 1.2;
  font-weight: 600;
  padding-left: 1.5833333333rem;
  font-weight: 400;
  letter-spacing: 0.24px;
  position: relative;
}
@media (max-width: 991px) {
  .block__text h2 {
    font-size: 1rem;
    margin: 2rem 0;
    padding-left: 1.375rem;
  }
}
.block__text h2::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.5833333333rem;
  height: 0.5833333333rem;
  background-color: #9498B5;
  border-radius: 50%;
}
.block__text h3 {
  margin: 0.8333333333rem 0;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.15;
  color: #414667;
}
@media (max-width: 991px) {
  .block__text h3 {
    font-size: 1.25rem;
    line-height: 1.2;
  }
}
.block__text h4 {
  margin: 2.5rem 0 0.8333333333rem 0;
  font-size: 1.1666666667rem;
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: 0.28px;
}
@media (max-width: 991px) {
  .block__text h4 {
    margin: 2rem 0 1.25rem 0;
    font-size: 1rem;
    line-height: 1.2;
  }
}
.block__text h5 {
  margin: 1.6666666667rem 0 1.3333333333rem 0;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2;
}
@media (max-width: 991px) {
  .block__text h5 {
    margin: 1.5rem 0 1rem 0;
    font-size: 1rem;
  }
}
.block__text h6 {
  margin: 1.3333333333rem 0;
  font-weight: 400;
  font-size: 0.8333333333rem;
  line-height: 1.2;
}
@media (max-width: 991px) {
  .block__text h6 {
    margin: 0.875rem 0;
    font-size: 0.875rem;
  }
}
.block__text a {
  color: currentColor;
  text-decoration: underline;
  transition: all ease 0.3s;
  -webkit-tap-highlight-color: transparent;
  text-decoration-thickness: 1px;
  text-decoration-color: currentColor;
  text-underline-position: auto;
  text-underline-offset: 0.125em;
  cursor: pointer;
}
@media (hover: hover) {
  .block__text a:hover {
    color: currentColor;
    text-decoration-color: transparent;
  }
}
@media (hover: none) and (pointer: coarse) {
  .block__text a:hover {
    color: currentColor;
    text-decoration-color: transparent;
  }
}
.block__text ul {
  list-style: none;
  margin: 0.8333333333rem 0;
  padding: 0;
}
@media (max-width: 991px) {
  .block__text ul {
    margin: 1.25rem 0;
  }
}
.block__text ul:first-child {
  margin-top: 0;
}
.block__text ul:last-child {
  margin-bottom: 0;
}
.block__text ul > li {
  position: relative;
  padding-left: 1.6666666667rem;
  margin-top: 0.8333333333rem;
}
@media (max-width: 991px) {
  .block__text ul > li {
    padding-left: 2.5rem;
    margin-top: 1rem;
  }
}
.block__text ul > li:first-child {
  margin-top: 0;
}
.block__text ul > li::after {
  content: "";
  position: absolute;
  left: 10px;
  top: 10px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #505892;
}
@media (max-width: 991px) {
  .block__text ul > li::after {
    top: 8px;
  }
}
.block__text ol {
  margin: 0.8333333333rem 0;
  padding: 0 0 0 1.6666666667rem;
}
@media (max-width: 991px) {
  .block__text ol {
    margin: 1rem 0;
  }
}
.block__text ol:first-child {
  margin-top: 0;
}
.block__text ol:last-child {
  margin-bottom: 0;
}
.block__text ol > li {
  position: relative;
  margin-top: 0.8333333333rem;
}
@media (max-width: 991px) {
  .block__text ol > li {
    margin-top: 1.25rem;
  }
}
.block__text ol > li:first-child {
  margin-top: 0;
}
.block__text blockquote {
  display: block;
  margin: 0.8333333333rem 0;
  position: relative;
  padding: 1.6666666667rem 1.6666666667rem 1.6666666667rem 4.2083333333rem;
  background-color: rgba(80, 88, 146, 0.1);
  border-radius: 24px;
}
@media (max-width: 991px) {
  .block__text blockquote {
    padding: 1.25rem 1.25rem 1.25rem 3.5rem;
    margin: 1rem 0;
  }
}
.block__text blockquote::after {
  content: "";
  position: absolute;
  left: 1.6666666667rem;
  top: 1.6666666667rem;
  width: 1.7083333333rem;
  height: 1.2916666667rem;
  background-image: url("./../img/icons/quotes.svg");
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 991px) {
  .block__text blockquote::after {
    width: 26px;
    height: 20px;
    left: 20px;
    top: 20px;
  }
}
.block__text blockquote:first-child {
  margin-top: 0;
}
.block__text blockquote:last-child {
  margin-bottom: 0;
}
.block__text blockquote > span {
  display: block;
  font-size: 0.8333333333rem;
  font-weight: 400;
}
.block__text > img {
  display: block;
  width: 1480px;
  border-radius: 20px;
  overflow: hidden;
  margin: 1.6666666667rem 0;
}
.block__text > img:first-child {
  margin-top: 0;
}
.block__text > img:last-child {
  margin-bottom: 0;
}
@media (max-width: 1539px) {
  .block__text > img {
    width: 1380px;
  }
}
@media (max-width: 1439px) {
  .block__text > img {
    width: 1184px;
  }
}
@media (max-width: 1299px) {
  .block__text > img {
    width: 1088px;
  }
}
@media (max-width: 1199px) {
  .block__text > img {
    width: 884px;
  }
}
@media (min-width: 992px) {
  .block__text > img {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media (max-width: 991px) {
  .block__text > img {
    width: 100%;
    margin: 0.6666666667rem 0;
  }
}
.block__text picture {
  display: flex;
  align-items: center;
  justify-content: center;
  object-fit: cover;
  width: 1480px;
  border-radius: 20px;
  overflow: hidden;
  margin: 1.6666666667rem 0;
  aspect-ratio: 1480/628;
}
.block__text picture:first-child {
  margin-top: 0;
}
.block__text picture:last-child {
  margin-bottom: 0;
}
@media (max-width: 1539px) {
  .block__text picture {
    width: 1380px;
  }
}
@media (max-width: 1439px) {
  .block__text picture {
    width: 1184px;
  }
}
@media (max-width: 1299px) {
  .block__text picture {
    width: 1088px;
  }
}
@media (max-width: 1199px) {
  .block__text picture {
    width: 884px;
  }
}
@media (min-width: 992px) {
  .block__text picture {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media (max-width: 991px) {
  .block__text picture {
    width: 100%;
    aspect-ratio: 352/351;
    margin: 0.6666666667rem 0;
  }
}
.block__text picture img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.block__text video {
  display: block;
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  object-fit: cover;
  width: 1480px;
  border-radius: 20px;
  overflow: hidden;
  margin: 1.6666666667rem 0;
}
.block__text video:first-child {
  margin-top: 0;
}
.block__text video:last-child {
  margin-bottom: 0;
}
@media (max-width: 1539px) {
  .block__text video {
    width: 1380px;
  }
}
@media (max-width: 1439px) {
  .block__text video {
    width: 1184px;
  }
}
@media (max-width: 1299px) {
  .block__text video {
    width: 1088px;
  }
}
@media (max-width: 1199px) {
  .block__text video {
    width: 884px;
  }
}
@media (min-width: 992px) {
  .block__text video {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media (max-width: 991px) {
  .block__text video {
    width: 100%;
  }
}

form {
  display: block;
  margin: 0;
  padding: 0;
}

.form {
  display: block;
  margin: 0;
  padding: 0;
}
.form__line {
  position: relative;
  margin: -0.3333333333rem;
}
@media (max-width: 991px) {
  .form__line {
    margin: -0.25rem;
  }
}
.form__line > div {
  padding: 0.3333333333rem;
}
@media (max-width: 991px) {
  .form__line > div {
    padding: 0.25rem;
  }
}
.form__padd {
  padding: 0.6666666667rem 0;
}
@media (max-width: 991px) {
  .form__padd {
    padding: 0.25rem 0;
  }
}
.form__info {
  font-weight: 400;
  font-size: 0.5rem;
  line-height: 1.2;
  color: #9498B5;
  margin-top: 0.0833333333rem;
}
@media (max-width: 991px) {
  .form__info {
    font-size: 0.75rem;
    margin-top: 0.125rem;
  }
}
.form__info a {
  color: #9498B5;
}
.form__info.error {
  color: #FF7C80;
}
.form__info.error a {
  color: #FF7C80;
}
.form__info.valid {
  color: #77BF95;
}
.form__info.valid a {
  color: #77BF95;
}
.form__input {
  display: block;
  width: 100%;
  outline: none;
  border: 1px solid rgba(80, 88, 146, 0.5);
  border-radius: 12px;
  background: transparent;
  color: #505892;
  font-weight: 400;
  line-height: 1;
  font-size: 0.8333333333rem;
  padding: 0.7083333333rem 1rem;
  min-height: 2.6666666667rem;
  transition: all ease 0.3s;
}
@media (max-width: 991px) {
  .form__input {
    font-size: 1rem;
    padding: 0.8125rem 0.75rem;
    min-height: 3.1875rem;
  }
}
.form__input::placeholder {
  color: rgba(80, 88, 146, 0.5);
}
.form__input:focus {
  border-color: #505892;
}
.form__input:disabled {
  cursor: default;
  opacity: 0.6;
}
.form__input.error {
  border-color: #FF7C80;
}
.form__input.valid {
  border-color: #77BF95;
}
.form__textarea {
  display: block;
  margin: 0;
  border: 1px solid rgba(80, 88, 146, 0.5);
  border-radius: 12px;
  transition: all ease 0.3s;
  height: 6.6666666667rem;
  padding: 0.7083333333rem 1rem;
  font-weight: 400;
  line-height: 1.2;
  font-size: 0.8333333333rem;
  scrollbar-width: thin;
  scrollbar-color: #9498B5;
}
@media (max-width: 991px) {
  .form__textarea {
    padding: 0.8125rem 0.75rem;
    height: 6.6875rem;
    font-size: 1rem;
  }
}
.form__textarea textarea {
  display: block;
  width: 100%;
  border: none;
  background: none;
  outline: none;
  padding: 0;
  color: #505892;
  height: 100%;
  resize: none;
}
.form__textarea textarea::-webkit-scrollbar {
  width: 0.1666666667rem;
}
.form__textarea textarea::-webkit-scrollbar-track {
  background: #FBF9F8;
  border-radius: 2px;
}
.form__textarea textarea::-webkit-scrollbar-thumb {
  background-color: #9498B5;
  border-radius: 2px;
}
.form__textarea textarea::placeholder {
  color: rgba(80, 88, 146, 0.5);
}
.form__textarea textarea:focus {
  border-color: #505892;
}
.form__textarea textarea:disabled {
  cursor: default;
  opacity: 0.6;
}
.form__checkbox {
  display: inline-block;
  position: relative;
  padding: 0;
  margin: 0;
  font-size: 0.5833333333rem;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.14px;
  color: rgba(80, 88, 146, 0.5);
}
@media (max-width: 991px) {
  .form__checkbox {
    font-size: 0.875rem;
  }
}
.form__checkbox__input {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  text-indent: -9999px;
}
.form__checkbox__input:checked + .form__checkbox__text::after {
  opacity: 1;
}
.form__checkbox__input:disabled + span {
  cursor: default;
}
.form__checkbox__text {
  position: relative;
  display: inline-block;
  padding: 0.2083333333rem 0 0.125rem 1.5rem;
  cursor: pointer;
}
@media (max-width: 991px) {
  .form__checkbox__text {
    padding: 0.3125rem 0 0.1875rem 2.25rem;
  }
}
.form__checkbox__text::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1rem;
  height: 1rem;
  border: 1px solid rgba(80, 88, 146, 0.5);
  border-radius: 4px;
  background-color: transparent;
  z-index: 1;
}
@media (max-width: 991px) {
  .form__checkbox__text::before {
    width: 1.5rem;
    height: 1.5rem;
  }
}
.form__checkbox__text::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1rem;
  height: 1rem;
  border-radius: 4px;
  background-color: #777CA1;
  background-image: url("./../img/icons/ic-check.svg");
  background-repeat: no-repeat;
  background-size: 0.5416666667rem auto;
  background-position: 50% 50%;
  opacity: 0;
  transition: opacity ease 0.2s;
  z-index: 2;
}
@media (max-width: 991px) {
  .form__checkbox__text::after {
    width: 1.5rem;
    height: 1.5rem;
    background-size: 0.8125rem auto;
  }
}

.block__padd {
  padding: 3.0833333333rem 0;
}
@media (max-width: 991px) {
  .block__padd {
    padding: 1rem 0;
  }
}
.block__padd:first-child, .block__padd.block__padd__first {
  padding-top: 6.1666666667rem;
}
@media (max-width: 991px) {
  .block__padd:first-child, .block__padd.block__padd__first {
    padding-top: 2rem;
  }
}
.block__padd:last-child, .block__padd.block__padd__last {
  padding-bottom: 6.1666666667rem;
}
@media (max-width: 991px) {
  .block__padd:last-child, .block__padd.block__padd__last {
    padding-bottom: 2rem;
  }
}
.block__padd.block__padd__nolast {
  padding-bottom: 3.0833333333rem;
}
@media (max-width: 991px) {
  .block__padd.block__padd__nolast {
    padding-bottom: 1rem;
  }
}
.block__padd.block__padd__bdrtop {
  border-radius: 40px 40px 0 0;
}
@media (max-width: 991px) {
  .block__padd.block__padd__bdrtop {
    border-radius: 20px 20px 0 0;
  }
}

.pagein {
  padding: 3.0833333333rem 0;
}
@media (max-width: 991px) {
  .pagein {
    padding: 1.3333333333rem 0;
  }
}
.pagein:last-child {
  padding-bottom: 6.1666666667rem;
}
@media (max-width: 991px) {
  .pagein:last-child {
    padding-bottom: 2rem;
  }
}
.pagein__welcomeimg {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 3rem 0;
  aspect-ratio: 1481/628;
  border-radius: 40px;
  object-fit: cover;
}
@media (max-width: 991px) {
  .pagein__welcomeimg {
    border-radius: 20px;
    margin-bottom: 3rem;
  }
}
@media (max-width: 767px) {
  .pagein__welcomeimg {
    aspect-ratio: 352/490;
  }
}
.pagein__welcomeimg:first-child {
  margin-top: 0;
}
.pagein__welcomeimg:last-child {
  margin-bottom: 0;
}
.pagein__welcomeimg img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pagein__article {
  max-width: 38.0416666667rem;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 991px) {
  .pagein__article {
    max-width: 100%;
  }
}
.pagein__slogan {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.15;
  color: #414667;
  margin: 3rem 0;
}
@media (max-width: 991px) {
  .pagein__slogan {
    font-size: 1.25rem;
    margin: 1rem 0;
  }
}
.pagein__slogan:last-child {
  margin-bottom: 0;
}
.pagein__slogan:first-child {
  margin-top: 0;
}

.block__more {
  text-align: center;
  padding-top: 1.6666666667rem;
}
@media (max-width: 991px) {
  .block__more {
    padding-top: 1.5rem;
  }
}

.block__overflow {
  overflow: hidden;
}

.block__title {
  margin: 1.6666666667rem 0;
}
@media (max-width: 991px) {
  .block__title {
    margin: 1.5rem 0;
  }
}
.block__title:last-child {
  margin-bottom: 0;
}
.block__title:first-child {
  margin-top: 0;
}
@media (max-width: 991px) {
  .block__title.block__title__mbini {
    margin: 0.5rem 0;
  }
}
@media (max-width: 991px) {
  .block__title.block__title__mbmiddle {
    margin: 1rem 0;
  }
}
.block__title .row {
  margin: -0.4166666667rem;
}
@media (max-width: 991px) {
  .block__title .row {
    margin: -1rem;
  }
}
.block__title .row > div {
  padding: 0.4166666667rem;
}
@media (max-width: 991px) {
  .block__title .row > div {
    padding: 1rem;
  }
}

.crumbs {
  margin-bottom: 1.6666666667rem;
}
@media (max-width: 991px) {
  .crumbs {
    display: none;
  }
}
.crumbs + .h1 {
  margin-top: 0;
}
.crumbs__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  white-space: nowrap;
  gap: 0.4166666667rem;
  position: relative;
  font-size: 0.6666666667rem;
  color: #505892;
}
.crumbs__list li {
  position: relative;
  padding-right: 1.25rem;
}
.crumbs__list li::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.8333333333rem;
  height: 0.8333333333rem;
  background-image: url("./../img/icons/arrow-crumbs.svg");
  background-repeat: no-repeat;
  background-size: auto 0.5833333333rem;
  background-position: 50% 50%;
}
.crumbs__list li:last-child {
  padding-right: 0;
}
.crumbs__list li:last-child::after {
  display: none;
}
.crumbs__list li a {
  display: inline-block;
  color: rgba(80, 88, 146, 0.4);
  text-decoration: none;
}
@media (hover: hover) {
  .crumbs__list li a:hover {
    color: #505892;
  }
}
@media (hover: none) and (pointer: coarse) {
  .crumbs__list li a:hover {
    color: #505892;
  }
}

.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4166666667rem;
}
@media (max-width: 991px) {
  .pagination {
    justify-content: space-between;
    gap: 0.625rem;
  }
}
.pagination__btn {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  color: #414667;
  text-decoration: none;
  transition: all ease 0.3s;
  font-weight: 400;
  font-size: 0.5833333333rem;
  line-height: 1;
  border-radius: 10px;
}
@media (max-width: 991px) {
  .pagination__btn {
    gap: 0.75rem;
    font-size: 0.875rem;
  }
}
@media (hover: hover) {
  .pagination__btn:hover {
    color: #777CA1;
  }
}
@media (hover: none) and (pointer: coarse) {
  .pagination__btn:hover {
    color: #777CA1;
  }
}
.pagination__btn i {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  width: 0.8333333333rem;
  height: 0.8333333333rem;
}
@media (max-width: 991px) {
  .pagination__btn i {
    width: 1.25rem;
    height: 1.25rem;
  }
}
.pagination__btn i svg {
  max-width: 0.5833333333rem;
  max-height: 0.5833333333rem;
}
@media (max-width: 991px) {
  .pagination__btn i svg {
    max-width: 0.875rem;
    max-height: 0.875rem;
  }
}
.pagination__btn span {
  flex: 0 0 auto;
  width: auto;
}
@media (max-width: 991px) {
  .pagination__btn span {
    display: none;
  }
}
.pagination__list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4166666667rem;
  list-style: none;
  padding: 0;
  margin: 0;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .pagination__list {
    gap: 0.625rem;
  }
}
.pagination__list__btn {
  padding: 0;
  display: block;
  min-width: 1.8333333333rem;
  padding: 0.5rem 0.4166666667rem;
  font-size: 0.6666666667rem;
  font-weight: 400;
  line-height: 1.2;
  color: #414667;
  text-align: center;
  border-radius: 10px;
  text-decoration: none;
  transition: all ease 0.3s;
}
@media (max-width: 991px) {
  .pagination__list__btn {
    min-width: 2.75rem;
    padding: 0.75rem 0.625rem;
    font-size: 1rem;
  }
}
@media (hover: hover) {
  .pagination__list__btn:not(.active):hover {
    color: #fff;
    background-color: #9498B5;
  }
}
@media (hover: none) and (pointer: coarse) {
  .pagination__list__btn:not(.active):hover {
    color: #fff;
    background-color: #9498B5;
  }
}
.pagination__list__btn.active {
  color: #fff;
  background-color: #9498B5;
  cursor: default;
}
.pagination__list__btn:disabled {
  cursor: default;
}

.page404 {
  text-align: center;
  min-height: 25.8333333333rem;
  height: calc(100dvh - 107px);
  padding: 6.1666666667rem 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}
@media (max-width: 991px) {
  .page404 {
    padding: 9.375rem 0;
    height: auto;
    min-height: none;
  }
}
.page404 .container {
  position: relative;
  z-index: 3;
}
.page404__content {
  max-width: 28.3333333333rem;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 991px) {
  .page404__content {
    max-width: 21.9375rem;
  }
}
.page404__header {
  margin-bottom: 0.8333333333rem;
}
@media (max-width: 991px) {
  .page404__header {
    margin-bottom: 0.6666666667rem;
  }
}
.page404__header h1.h1.page404__header__title {
  margin-bottom: 1.6666666667rem;
}
@media (max-width: 991px) {
  .page404__header h1.h1.page404__header__title {
    margin-bottom: 0;
    font-size: 6rem;
  }
}
.page404__header h1.h1.page404__header__title span {
  color: #7C9E90;
}
.page404__header__des {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.15;
  color: #414667;
  margin: 0 0 0.8333333333rem 0;
}
@media (max-width: 991px) {
  .page404__header__des {
    margin: 0 0 1rem 0;
  }
}
.page404__body {
  letter-spacing: 0.24px;
  color: #414667;
  margin-bottom: 1.6666666667rem;
}
@media (max-width: 991px) {
  .page404__body {
    margin-bottom: 2.5rem;
  }
}
.page404__img {
  position: absolute;
  display: flex;
  align-items: flex-start;
  z-index: 1;
}
@media (max-width: 991px) {
  .page404__img {
    display: none;
  }
}
.page404__img img, .page404__img svg {
  display: block;
  height: auto;
  width: 100%;
}
.page404__img.page404__img__top {
  top: 0.4166666667rem;
  right: 50%;
  margin-right: 12.5rem;
  width: 9.1666666667rem;
  height: 6.6666666667rem;
}
.page404__img.page404__img__right {
  top: 5.25rem;
  right: 0;
  width: 8.5416666667rem;
  height: 4.2916666667rem;
}
.page404__img.page404__img__left {
  bottom: 2.5833333333rem;
  left: 0.4583333333rem;
  width: 10.2916666667rem;
  height: 8.9166666667rem;
}
.page404__img.page404__img__bottom {
  bottom: 2.9166666667rem;
  right: -6.0416666667rem;
  width: 30.4166666667rem;
  height: 12.9166666667rem;
}

.faq {
  position: relative;
  border: 1px solid #9498B5;
  border-radius: 32px;
  overflow: hidden;
}
@media (max-width: 991px) {
  .faq {
    border-radius: 20px;
  }
}
.faq__item {
  border-top: 1px solid #9498B5;
}
.faq__item:first-child {
  border: none;
}
.faq__card {
  position: relative;
}
.faq__card.active .faq__card__header::after {
  content: "";
  position: absolute;
  transform: rotate(180deg);
}
.faq__card__header {
  position: relative;
  padding: 1.3333333333rem 3.3333333333rem 1.3333333333rem 1rem;
  font-size: 1.1666666667rem;
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: 0.28px;
  color: #414667;
  cursor: pointer;
}
@media (max-width: 991px) {
  .faq__card__header {
    padding: 1rem 3.5rem 1rem 0.75rem;
    font-size: 1.25rem;
  }
}
.faq__card__header::after {
  content: "";
  position: absolute;
  right: 1rem;
  top: 1.3333333333rem;
  width: 1.6666666667rem;
  height: 1.6666666667rem;
  border-radius: 50%;
  border: 1px solid #9498B5;
  background-image: url("./../img/icons/ic-arrow-down.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 14px auto;
  transition: all ease 0.3s;
}
@media (max-width: 991px) {
  .faq__card__header::after {
    right: 0.75rem;
    top: 1rem;
    width: 1.5rem;
    height: 1.5rem;
    background-size: 11px auto;
  }
}
.faq__card__content {
  overflow: hidden;
  max-height: 0;
  transition: all ease 0.3s;
}
.faq__card__content__body {
  padding: 0 3.3333333333rem 1.3333333333rem 1rem;
}
@media (max-width: 991px) {
  .faq__card__content__body {
    padding: 0 0.5rem 0.6666666667rem 0.5rem;
  }
}
.faq__card__content__body .block__padd {
  opacity: 0.9;
  letter-spacing: 0.24px;
}

.welcome {
  position: relative;
  padding: 4.4583333333rem 0 7.0833333333rem 0;
  background-color: #414667;
  height: calc(100dvh + 40px);
  min-height: 29.1666666667rem;
  margin-top: -4.4583333333rem;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  color: #fff;
}
@media (max-width: 991px) {
  .welcome {
    padding: 8.6875rem 0 3.1875rem 0;
    margin-top: -5.6875rem;
    height: calc(100dvh + 20px);
  }
}
.welcome .container {
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  position: relative;
  z-index: 3;
}
.welcome__bg {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.welcome__bg video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  object-fit: cover;
}
.welcome__title {
  font-size: 3.0833333333rem;
  font-weight: 400;
  line-height: 0.9;
  margin: 0 0 0.8333333333rem 0;
  padding: 0;
  max-width: 82.84%;
  display: box;
  display: -moz-box;
  display: -webkit-box;
  box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-clamp: 4;
  -webkit-line-clamp: 4;
}
@media (max-width: 991px) {
  .welcome__title {
    font-size: 2.25rem;
    margin-bottom: 0.5rem;
    font-weight: 700;
    max-width: 100%;
  }
}
.welcome__text {
  font-size: 1.3333333333rem;
  max-width: 60%;
  display: box;
  display: -moz-box;
  display: -webkit-box;
  box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-clamp: 4;
  -webkit-line-clamp: 4;
}
@media (max-width: 991px) {
  .welcome__text {
    font-size: 1rem;
    max-width: 100%;
  }
}

.mainabout {
  position: relative;
  margin-top: -1.6666666667rem;
  background-color: #FBF9F8;
  z-index: 1;
}
@media (max-width: 991px) {
  .mainabout {
    margin-top: -0.8333333333rem;
  }
}
.mainabout__content .row {
  align-items: stretch;
}
.mainabout__logo {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 40px;
  min-height: 16.1666666667rem;
}
@media (max-width: 991px) {
  .mainabout__logo {
    min-height: auto;
    aspect-ratio: 349ɖ;
    border-radius: 20px;
  }
}
.mainabout__logo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mainabout__des {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media (max-width: 991px) {
  .mainabout__des {
    margin-bottom: 1rem;
    gap: 1rem;
  }
}
.mainabout__des__content {
  flex: 1 0 0;
  height: 100%;
  max-height: 100%;
}
.mainabout__des__bottom {
  flex: 0 0 auto;
  height: auto;
}
.mainabout__des__title {
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.15;
  color: #414667;
  margin: 0 0 1rem 0;
  padding: 0;
}
@media (max-width: 991px) {
  .mainabout__des__title {
    font-size: 1.25rem;
    line-height: 1.2;
    margin-bottom: 0.5rem;
  }
}
.mainabout__des__text {
  letter-spacing: 0.24px;
  opacity: 0.9;
}
@media (max-width: 991px) {
  .mainabout__des__text {
    line-height: 1.2;
    margin-bottom: 0.5rem;
  }
}

.maincatalog {
  background-color: #7C9E90;
  border-radius: 40px;
  padding: 2rem 1rem;
  color: #fff;
}
@media (max-width: 991px) {
  .maincatalog {
    padding: 1.5rem 0.75rem;
    border-radius: 20px;
  }
}
.maincatalog .block__title h3.h3 {
  color: #fff;
}
.maincatalog .block__title h2.h2::after {
  background-color: #fff;
}
.maincatalog__header {
  margin-bottom: 3rem;
}
@media (max-width: 991px) {
  .maincatalog__header {
    margin-bottom: 1.5rem;
  }
}
.maincatalog__content {
  position: relative;
}
.maincatalog__content > .row {
  margin: -0.4166666667rem;
  align-items: stretch;
}
@media (max-width: 991px) {
  .maincatalog__content > .row {
    margin: -0.3333333333rem;
  }
}
.maincatalog__content > .row > div {
  padding: 0.4166666667rem;
}
@media (max-width: 991px) {
  .maincatalog__content > .row > div {
    padding: 0.3333333333rem;
  }
}
.maincatalog__img {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 40px;
}
@media (max-width: 991px) {
  .maincatalog__img {
    min-height: auto;
    aspect-ratio: 327̠;
    border-radius: 20px;
  }
}
.maincatalog__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.maincatalog__list {
  display: grid;
  gap: 1rem 0.6666666667rem;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 991px) {
  .maincatalog__list {
    gap: 0.5rem;
  }
}
@media (max-width: 767px) {
  .maincatalog__list {
    grid-template-columns: repeat(1, 1fr);
    gap: 0.5rem;
  }
}
.maincatalog__card {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 9.1666666667rem;
  background-color: #fff;
  color: #414667;
  font-size: 1.1666666667rem;
  line-height: 1.1;
  letter-spacing: 0.28px;
  overflow: hidden;
  border-radius: 40px;
  padding: 1.3333333333rem;
}
@media (max-width: 991px) {
  .maincatalog__card {
    border-radius: 20px;
    font-size: 1.25rem;
    line-height: 1.2;
    min-height: 7.5rem;
  }
}
.maincatalog__card:hover .maincatalog__card__link i {
  background-color: #7C9E90;
  color: #fff;
}
.maincatalog__card__link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
}
.maincatalog__card__link i {
  position: absolute;
  right: 1.3333333333rem;
  bottom: 1.3333333333rem;
  width: 1.6666666667rem;
  height: 1.6666666667rem;
  border: 1px solid #7C9E90;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #7C9E90;
  transition: all ease 0.3s;
}
@media (max-width: 991px) {
  .maincatalog__card__link i {
    width: 2.5rem;
    height: 2.5rem;
    right: 0.5rem;
    bottom: 0.5rem;
  }
}
.maincatalog__card__link i svg {
  display: block;
  object-fit: contain;
  stroke: currentColor;
  fill: none;
  max-width: 0.5rem;
  max-height: 0.5rem;
}
@media (max-width: 991px) {
  .maincatalog__card__link i svg {
    max-width: 0.75rem;
    max-height: 0.75rem;
  }
}
.maincatalog__card__title {
  display: flex;
    gap: 15px;
    align-items: center;
  box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  position: relative;
  z-index: 2;
}
.maincatalog__card__text {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.24px;
  margin-top: 1rem;
  color: #505892;
  display: box;
  display: -moz-box;
  display: -webkit-box;
  box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-clamp: 6;
  -webkit-line-clamp: 6;
}
@media (max-width: 991px) {
  .maincatalog__card__text {
    font-size: 1rem;
    margin-top: 0.5rem;
  }
}
.maincatalog__card__img {
  position: absolute;
  left: 0.6666666667rem;
  bottom: 0.9166666667rem;
  width: 5.2083333333rem;
  height: 3.7083333333rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 991px) {
  .maincatalog__card__img {
    width: 5rem;
    height: 3.5625rem;
    left: 0.75rem;
    bottom: 0.75rem;
  }
}
.maincatalog__card__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.maincatalog__card.maincatalog__card__big {
  padding-bottom: 5.6666666667rem;
  min-height: 16.6666666667rem;
    scroll-margin: 10rem 0 0 0;
}
@media (max-width: 991px) {
  .maincatalog__card.maincatalog__card__big {
    padding-bottom: 6.0625rem;
    min-height: none;
  }
}

.business-channels {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem 0.6666666667rem;
}
@media (max-width: 991px) {
  .business-channels {
    gap: 0.6666666667rem;
  }
}
@media (max-width: 767px) {
  .business-channels {
    grid-template-columns: repeat(1, 1fr);
    gap: 0.3333333333rem;
  }
}
.business-channels__item.business-channels__item__size2row {
  grid-row: span 2;
}
@media (max-width: 767px) {
  .business-channels__item.business-channels__item__size2row {
    grid-row: span 1;
  }
}
.business-channels__card {
  position: relative;
  border-radius: 24px;
  background-color: #fff;
  padding: 1rem 0.8333333333rem;
  transition: all ease 0.3s;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 10.1666666667rem;
  gap: 0.6666666667rem;
}
@media (max-width: 991px) {
  .business-channels__card {
    gap: 1rem;
    padding: 1.5rem 0.75rem;
    min-height: 13.0625rem;
  }
}
.business-channels__card:hover {
  background-color: #9498B5;
  color: #fff;
}
.business-channels__card:hover .business-channels__card__header i, .business-channels__card:hover .business-channels__card__header h4 {
  color: #fff;
}
.business-channels__card:hover .link__wicon {
  color: #fff;
}
.business-channels__card:hover .link__wicon i {
  border-color: #fff;
  background-color: transparent;
  color: #fff;
}
.business-channels__card__link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
}
.business-channels__card__header {
  flex: 0 0 auto;
  height: auto;
}
.business-channels__card__header .row {
  margin: -0.3333333333rem;
  align-items: center;
}
.business-channels__card__header .row > div {
  padding: 0.3333333333rem;
}
.business-channels__card__header h4 {
  padding: 0;
  margin: 0;
  font-size: 1.1666666667rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: 0.28px;
  color: #414667;
  transition: color ease 0.3s;
}
@media (max-width: 991px) {
  .business-channels__card__header h4 {
    font-size: 1.25rem;
    line-height: 1.2;
  }
}
.business-channels__card__header i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.3333333333rem;
  height: 1.3333333333rem;
  color: #9498B5;
  transition: all ease 0.3s;
}
@media (max-width: 991px) {
  .business-channels__card__header i {
    width: 1.5rem;
    height: 1.5rem;
  }
}
.business-channels__card__header i svg, .business-channels__card__header i img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.business-channels__card__text {
  display: box;
  display: -moz-box;
  display: -webkit-box;
  box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  letter-spacing: 0.24px;
  flex: 0 0 auto;
  height: auto;
}
.business-channels__card__bottom {
  text-align: right;
  margin-top: auto;
  flex: 0 0 auto;
  height: auto;
}
.business-channels__card__bottom .link__wicon {
  color: #9498B5;
  font-size: 0.8333333333rem;
  padding: 0.4166666667rem 2.0833333333rem 0.4166666667rem;
}
@media (max-width: 991px) {
  .business-channels__card__bottom .link__wicon {
    font-size: 1.25rem;
    padding: 0.625rem 3.125rem 0.625rem;
  }
}

.business-channels2 {
  border-radius: 40px;
  background-color: #7C9E90;
  padding: 2rem 1rem;
}
@media (max-width: 991px) {
  .business-channels2 {
    padding: 1.5rem 0.75rem;
    border-radius: 20px;
  }
}
.business-channels2__item {
  border-top: 1px solid rgba(255, 255, 255, 0.4);
  padding-top: 1.3333333333rem;
  margin-top: 1.3333333333rem;
  position: relative;
}
@media (max-width: 991px) {
  .business-channels2__item {
    padding-top: 1.5rem;
    margin-top: 1.5rem;
  }
}
.business-channels2__item:nth-child(6n+1)::after {
  content: "";
  position: absolute;
  left: -5%;
  top: 50%;
  transform: translateY(-50%);
  width: 32.5rem;
  aspect-ratio: 780/620;
  background-image: url("/local/templates/affetta/img/bg-business-channels.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50% 50%;
  z-index: 1;
}
.business-channels2__item:nth-child(6n+3)::after {
  content: "";
  position: absolute;
  right: -5%;
  top: 50%;
  transform: translateY(-50%);
  width: 32.5rem;
  aspect-ratio: 780/620;
  background-image: url("/local/templates/affetta/img/bg-business-channels.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50% 50%;
  z-index: 1;
}
.business-channels2__item:nth-child(6n+5)::after {
  content: "";
  position: absolute;
  left: -5%;
  top: 50%;
  transform: translateY(-50%);
  width: 32.5rem;
  aspect-ratio: 780/620;
  background-image: url("/local/templates/affetta/img/bg-business-channels.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50% 50%;
  z-index: 1;
}
.business-channels2__item:first-child {
  border: none;
  padding-top: 0;
  margin-top: 0;
}
.business-channels2__card {
  position: relative;
  color: #fff;
  z-index: 5;
}
.business-channels2__card__title {
  position: relative;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.24px;
  padding-left: 0.75rem;
}
@media (max-width: 991px) {
  .business-channels2__card__title {
    font-size: 1rem;
    padding-left: 1.125rem;
    margin-bottom: 1rem;
  }
}
.business-channels2__card__title::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -14px;
  height: 20px;
  width: 2px;
  background-color: #fff;
}
@media (max-width: 991px) {
  .business-channels2__card__title::after {
    margin-top: -12px;
  }
}
.business-channels2__card__text {
  margin-bottom: 1.3333333333rem;
}
@media (max-width: 991px) {
  .business-channels2__card__text {
    margin-bottom: 1rem;
  }
}
.business-channels2__card__text .block__text {
  color: #fff;
  letter-spacing: 0.24px;
  opacity: 0.9;
}
@media (max-width: 991px) {
  .business-channels2__card__text .block__text {
    margin-bottom: 1rem;
  }
}

.partners__offset {
  position: relative;
}
.partners__block {
  position: relative;
  padding: 0 2.5416666667rem;
}
@media (max-width: 991px) {
  .partners__block {
    padding: 0;
  }
}
.partners__slider {
  position: relative;
}
@media (max-width: 991px) {
  .partners__slider {
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
  }
}
.partners__slider__item {
  width: 7.3333333333rem;
}
@media (max-width: 991px) {
  .partners__slider__item {
    width: 8.125rem;
  }
}
.partners__slider__btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1.6666666667rem;
  height: 1.6666666667rem;
  border: 1px solid #9498B5;
  color: #9498B5;
  border-radius: 50%;
  background-color: transparent;
  padding: 0;
  outline: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 4;
  transition: all ease 0.3s;
}
@media (max-width: 991px) {
  .partners__slider__btn {
    display: none;
  }
}
.partners__slider__btn svg {
  display: block;
  object-fit: contain;
  fill: none;
  stroke: currentColor;
  max-width: 0.5rem;
  max-height: 0.5rem;
}
@media (max-width: 991px) {
  .partners__slider__btn svg {
    max-width: 0.75rem;
    max-height: 0.75rem;
  }
}
.partners__slider__btn:disabled {
  opacity: 0;
  cursor: default;
}
@media (hover: hover) {
  .partners__slider__btn:not(:disabled):hover {
    color: #fff;
    border-color: #9498B5;
    background-color: #9498B5;
  }
}
@media (hover: none) and (pointer: coarse) {
  .partners__slider__btn:not(:disabled):hover {
    color: #fff;
    border-color: #9498B5;
    background-color: #9498B5;
  }
}
.partners__slider__btn.prev {
  left: 0;
}
.partners__slider__btn.next {
  right: 0;
}
.partners__card {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 40px;
  background-color: #fff;
  padding: 0.8333333333rem;
  aspect-ratio: 176/145;
  width: 100%;
}
@media (max-width: 991px) {
  .partners__card {
    aspect-ratio: 130/60;
    border-radius: 8px;
    padding: 0.625rem;
  }
}
.partners__card img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.feedback__des {
  letter-spacing: 0.24px;
  opacity: 0.9;
}
@media (max-width: 991px) {
  .feedback__des {
    margin-bottom: 1.5rem;
  }
}

.about-digits__video {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 40px;
  aspect-ratio: 603/660;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 991px) {
  .about-digits__video {
    height: auto;
    width: 100%;
    aspect-ratio: 351/444;
    border-radius: 20px;
  }
}
.about-digits__video img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about-digits__nav {
  position: relative;
  padding-top: 1.3333333333rem;
}
@media (min-width: 992px) {
  .about-digits__nav {
    border-top: 1px solid rgba(80, 88, 146, 0.2);
    padding-top: 0.6666666667rem;
  }
}
.about-digits__nav__item {
  margin-top: 1.3333333333rem;
}
@media (max-width: 991px) {
  .about-digits__nav__item {
    border-top: 1px solid rgba(80, 88, 146, 0.2);
    padding-top: 1rem;
    margin-top: 1rem;
  }
}
.about-digits__nav__item:first-child {
  margin-top: 0;
  padding-top: 0;
  border: none;
}
.about-digits__nav.about-digits__nav__about .about-digits__nav__item {
  margin-top: 1.6666666667rem;
}
@media (max-width: 991px) {
  .about-digits__card {
    max-width: 84.33%;
  }
}
.about-digits__card__header {
  line-height: 1;
  color: #414667;
  position: relative;
  opacity: 0.1;
  z-index: 2;
  transition: opacity ease 0.4s;
  cursor: pointer;
}
@media (max-width: 991px) {
  .about-digits__card__header {
    opacity: 1;
    margin-bottom: 0.5rem;
  }
}
.about-digits__card__header.is-active {
  opacity: 1;
}
.about-digits__card__header span {
  display: inline-block;
  font-size: 4rem;
  font-weight: 400;
}
@media (max-width: 991px) {
  .about-digits__card__header span {
    font-size: 2.25rem;
  }
}
.about-digits__card__header i {
  font-style: normal;
  display: inline-block;
  font-size: 1.5rem;
  font-weight: 700;
  margin-left: 0.4166666667rem;
}
@media (max-width: 991px) {
  .about-digits__card__header i {
    font-size: 1.25rem;
    font-weight: 400;
    margin-left: 0.25rem;
  }
}
.about-digits__card__header i sup {
  display: inline-block;
  top: -0.3333333333rem;
  left: 0.0833333333rem;
}
@media (max-width: 991px) {
  .about-digits__card__header i sup {
    top: -0.25rem;
    left: 0.0625rem;
  }
}
.about-digits__card__header b {
  font-size: 3.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 0.9;
}
@media (max-width: 991px) {
  .about-digits__card__header b {
    font-size: 2.25rem;
    margin-bottom: 0.3333333333rem;
    font-weight: 400;
    line-height: 1.1;
  }
}
.about-digits__card__content {
  letter-spacing: 0.24px;
}
@media (min-width: 992px) {
  .about-digits__card__content {
    position: absolute;
    left: 50%;
    top: 0;
    padding-top: 1.3333333333rem;
    background-color: #FBF9F8;
    right: 0;
    bottom: 0;
    overflow-x: hidden;
    overflow-y: auto;
    text-align: right;
    z-index: 1;
    visibility: hidden;
    transition: all ease 0.3s;
    opacity: 0;
  }
  .about-digits__card__content.is-active {
    visibility: visible;
    opacity: 1;
  }
}
@media (max-width: 991px) {
  .about-digits__card__content {
    max-width: 84.33%;
  }
}

.mainlocation > .row {
  margin: -0.4166666667rem;
  min-height: calc(100dvh - 291px);
  flex-direction: column;
}
@media (max-width: 991px) {
  .mainlocation > .row {
    margin: -0.5rem;
  }
}
.mainlocation > .row > div {
  padding: 0.4166666667rem;
}
@media (max-width: 991px) {
  .mainlocation > .row > div {
    padding: 0.5rem;
  }
}
.mainlocation__header {
  margin-bottom: 1.3333333333rem;
  position: relative;
  z-index: 3;
}
.mainlocation__header__des {
  opacity: 0.9;
  letter-spacing: 0.24px;
  max-width: 88.11%;
}
@media (max-width: 991px) {
  .mainlocation__header .h3 {
    margin-bottom: 0.5rem;
  }
}
.mainlocation__section {
  position: relative;
}
.mainlocation__content {
  position: relative;
  z-index: 3;
}
.mainlocation__map {
  position: absolute;
  left: 50%;
  top: calc(50% - 74px);
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 40.7083333333rem;
  z-index: 1;
}
@media (max-width: 1439px) {
  .mainlocation__map {
    left: 58%;
  }
}
@media (max-width: 991px) {
  .mainlocation__map {
    left: 0;
    top: auto;
    transform: none;
    bottom: -24px;
    height: 36.5625rem;
    align-items: flex-end;
  }
}
@media (max-width: 991px) {
  .mainlocation__map__placement {
    height: 24.25rem;
    position: relative;
  }
}
.mainlocation__map img, .mainlocation__map svg {
  display: block;
  height: 100%;
  width: auto;
}
.mainlocation__map svg path {
  opacity: 0;
}
.mainlocation__img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  aspect-ratio: 730/404;
  overflow: hidden;
  border-radius: 40px;
  margin-top: 1rem;
}
@media (max-width: 991px) {
  .mainlocation__img {
    margin-top: 0;
    display: none;
  }
}
.mainlocation__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mainlocation__list .row {
  margin: -0.3333333333rem;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .mainlocation__list .row {
    margin: -0.5rem;
    justify-content: flex-start;
  }
}
.mainlocation__list .row > div {
  padding: 0.3333333333rem;
}
@media (max-width: 991px) {
  .mainlocation__list .row > div {
    padding: 0.5rem;
  }
}
@media (min-width: 1540px) {
  .mainlocation__list .row > div.col-xxxl-auto {
    width: auto !important;
  }
}
.mainlocation__list .link__wicon {
  color: #9498B5;
}
.mainlocation__socio {
  display: flex;
  gap: 0.3333333333rem;
}
@media (max-width: 991px) {
  .mainlocation__socio {
    gap: 0.5rem;
  }
}
.mainlocation__socio__card {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1rem;
  height: 1rem;
  color: #9498B5;
}
@media (max-width: 991px) {
  .mainlocation__socio__card {
    width: 1.5rem;
    height: 1.5rem;
  }
}
.mainlocation__socio__card svg {
  display: block;
  max-width: 0.75rem;
  max-height: 0.75rem;
  object-fit: contain;
}
@media (max-width: 991px) {
  .mainlocation__socio__card svg {
    max-width: 1.125rem;
    max-height: 1.125rem;
  }
}
.mainlocation__phone {
  display: inline-block;
  text-decoration: none;
  color: #9498B5;
  font-size: 0.8333333333rem;
}
@media (max-width: 991px) {
  .mainlocation__phone {
    font-size: 1rem;
  }
}
.mainlocation__mail {
  display: inline-block;
  text-decoration: none;
  color: #9498B5;
  font-size: 0.8333333333rem;
}
@media (max-width: 991px) {
  .mainlocation__mail {
    font-size: 1rem;
  }
}
.mainlocation__yandexmap {
  overflow: hidden;
  border-radius: 40px;
  background-color: rgba(148, 152, 181, 0.2);
}
@media (min-width: 992px) {
  .mainlocation__yandexmap {
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(50% + 10px);
    width: 432px;
    height: 100%;
  }
}
@media (min-width: 1200px) {
  .mainlocation__yandexmap {
    width: 540px;
  }
}
@media (min-width: 1300px) {
  .mainlocation__yandexmap {
    width: 592px;
  }
}
@media (min-width: 1440px) {
  .mainlocation__yandexmap {
    width: 679px;
  }
}
@media (min-width: 1540px) {
  .mainlocation__yandexmap {
    width: 728px;
  }
}
@media (max-width: 991px) {
  .mainlocation__yandexmap {
    position: relative;
    width: 100%;
    border-radius: 20px;
    height: 468px;
    width: 100%;
  }
}
.mainlocation__yandexmap > div {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.blog {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px 20px;
}
@media (max-width: 1199px) {
  .blog {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 991px) {
  .blog {
    grid-template-columns: repeat(3, 1fr);
    gap: 16px 8px;
  }
}
@media (max-width: 767px) {
  .blog {
    grid-template-columns: repeat(2, 1fr);
  }
}
.blog__card {
  position: relative;
}
.blog__card:hover .blog__card__img img {
  transform: scale(1.05, 1.05);
}
.blog__card:hover .blog__card__more {
  color: #777CA1;
}
.blog__card__link {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
}
.blog__card__img {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 355/236;
  overflow: hidden;
  border-radius: 20px;
  margin-bottom: 0.5rem;
}
@media (max-width: 991px) {
  .blog__card__img {
    margin-bottom: 0.5rem;
    aspect-ratio: 171/163;
    margin-bottom: 0.5rem;
  }
}
.blog__card__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform ease 0.5s;
}
.blog__card__date {
  font-size: 0.5833333333rem;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.14px;
  color: #9498B5;
  margin-bottom: 0.4166666667rem;
}
@media (max-width: 991px) {
  .blog__card__date {
    font-size: 0.75rem;
    margin-bottom: 0.5rem;
  }
}
.blog__card__title {
  font-weight: 400;
  font-size: 0.8333333333rem;
  line-height: 1.2;
  color: #505892;
  margin-bottom: 0.8333333333rem;
  display: box;
  display: -moz-box;
  display: -webkit-box;
  box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  height: 2rem;
}
@media (max-width: 991px) {
  .blog__card__title {
    font-size: 1rem;
    height: 2.5rem;
    margin-bottom: 0.5rem;
  }
}
.blog__card__more {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  color: #414667;
  font-size: 1rem;
  line-height: 1.2;
  letter-spacing: 0.24px;
  transition: all ease 0.3s;
}
@media (max-width: 991px) {
  .blog__card__more {
    font-size: 0.875rem;
  }
}
.blog__card__more span {
  flex: 1 0 0;
  width: 100%;
  max-width: 100%;
}
.blog__card__more i {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.8333333333rem;
  height: 0.8333333333rem;
}
@media (max-width: 991px) {
  .blog__card__more i {
    width: 1.125rem;
    height: 1.125rem;
  }
}
.blog__card__more i svg, .blog__card__more i img {
  display: block;
  max-width: 0.5833333333rem;
  max-height: 0.5833333333rem;
  object-fit: contain;
}
@media (max-width: 991px) {
  .blog__card__more i svg, .blog__card__more i img {
    max-width: 0.75rem;
    max-height: 0.75rem;
  }
}

.blogelse__footer {
  display: none;
}
@media (max-width: 991px) {
  .blogelse__footer {
    display: block;
  }
}
.blogelse__nav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.8333333333rem;
  margin-top: 0.6666666667rem;
}
@media (max-width: 991px) {
  .blogelse__nav {
    gap: 1.25rem;
    margin-top: 1rem;
  }
}
.blogelse__nav__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5833333333rem;
  height: 1.5833333333rem;
  border-radius: 10px;
  color: #2E2D2D;
  padding: 0;
  outline: none;
  border: none;
  cursor: pointer;
}
.blogelse__nav__btn:disabled, .blogelse__nav__btn.disabled {
  opacity: 0.5;
  cursor: default;
}
@media (max-width: 991px) {
  .blogelse__nav__btn {
    width: 2.375rem;
    height: 2.375rem;
  }
}
.blogelse__nav__btn svg {
  display: block;
  max-width: 0.5833333333rem;
  max-height: 0.5833333333rem;
  object-fit: contain;
}
@media (max-width: 991px) {
  .blogelse__nav__btn svg {
    max-width: 0.875rem;
    max-height: 0.875rem;
  }
}

.contacts {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.8333333333rem;
}
@media (max-width: 767px) {
  .contacts {
    grid-template-columns: repeat(1, 1fr);
    gap: 0.5rem;
  }
}
.contacts__card {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0.8333333333rem;
  padding: 1.6666666667rem;
  border-radius: 24px;
  background-color: #fff;
  height: 100%;
  min-height: 9.3333333333rem;
}
@media (max-width: 991px) {
  .contacts__card {
    padding: 1rem 0.75rem;
    min-height: 5.1666666667rem;
    gap: 0.5rem;
  }
}
.contacts__card.contacts__card__flexend {
  justify-content: space-between;
}
.contacts__card__title {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25;
  color: #414667;
}
@media (max-width: 991px) {
  .contacts__card__title {
    font-size: 1.5rem;
  }
}
.contacts__card__text {
  font-size: 0.75rem;
}
@media (max-width: 991px) {
  .contacts__card__text {
    font-size: 1rem;
  }
}
.contacts__card__list {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0.75rem;
  color: #414667;
}
@media (max-width: 991px) {
  .contacts__card__list {
    font-size: 1rem;
  }
}
.contacts__card__list li {
  margin-top: 0.3333333333rem;
}
@media (max-width: 991px) {
  .contacts__card__list li {
    margin-top: 0.5rem;
  }
}
.contacts__card__list li:first-child {
  margin-top: 0;
}
.contacts__card__list a {
  text-decoration: none;
  color: #414667;
}
.contacts__card__list a:hover, .contacts__card__list a:focus {
  color: #777CA1;
}

.contactsmap__map {
  position: relative;
  height: 18rem;
  overflow: hidden;
  border-radius: 20px;
  background-color: rgba(148, 152, 181, 0.2);
  margin-bottom: 0.8333333333rem;
}
@media (max-width: 991px) {
  .contactsmap__map {
    height: 29.25rem;
    margin-bottom: 1rem;
  }
}
.contactsmap__map > div {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.contactsmap__list {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 0.6666666667rem 1.3333333333rem;
}
@media (max-width: 991px) {
  .contactsmap__list {
    gap: 0.3333333333rem 0.6666666667rem;
  }
}
.contactsmap__list__item {
  flex: 0 0 auto;
  width: auto;
}
@media (max-width: 991px) {
  .contactsmap__list__item {
    width: 100%;
  }
}
.contactsmap__card {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.3333333333rem;
  font-size: 0.8333333333rem;
  line-height: 1.2;
  color: #505892;
}
@media (max-width: 991px) {
  .contactsmap__card {
    gap: 0.5rem;
    font-size: 1rem;
  }
}
.contactsmap__card i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.8333333333rem;
  height: 0.8333333333rem;
  flex: 0 0 auto;
}
@media (max-width: 991px) {
  .contactsmap__card i {
    width: 1.25rem;
    height: 1.25rem;
  }
}
.contactsmap__card i svg {
  display: block;
  max-width: 0.6666666667rem;
  max-height: 0.6666666667rem;
  object-fit: contain;
}
@media (max-width: 991px) {
  .contactsmap__card i svg {
    max-width: 1rem;
    max-height: 1rem;
  }
}
.contactsmap__card span {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.aboutboss__img {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 22.9166666667rem;
  height: 100%;
  overflow: hidden;
  border-radius: 40px;
}
@media (max-width: 991px) {
  .aboutboss__img {
    aspect-ratio: 351/250;
    min-height: none;
    border-radius: 20px;
  }
}
.aboutboss__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.aboutboss__des {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 1.3333333333rem;
}
@media (max-width: 991px) {
  .aboutboss__des {
    gap: 2rem;
    padding-top: 1rem;
  }
}
.aboutboss__des__title {
  letter-spacing: 0.24px;
  color: rgba(80, 88, 146, 0.9);
  text-align: right;
  flex: 0 0 auto;
  height: auto;
}
@media (max-width: 991px) {
  .aboutboss__des__title {
    text-align: left;
    order: 2;
  }
}
.aboutboss__des__bottom {
  margin-top: auto;
  flex: 0 0 auto;
  height: auto;
}
@media (max-width: 991px) {
  .aboutboss__des__bottom {
    order: 1;
  }
}
.aboutboss__des__names {
  font-size: 1.5rem;
  margin-bottom: 1rem;
  font-weight: 700;
  line-height: 1.15;
  color: #414667;
}
@media (max-width: 991px) {
  .aboutboss__des__names {
    font-size: 1.25rem;
    margin-bottom: 0.5rem;
  }
}
.aboutboss__des__info {
  letter-spacing: 0.24px;
  color: rgba(80, 88, 146, 0.9);
}

#certificates {
    scroll-margin: 10rem 0 0 0;
}

.certificates__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.8333333333rem;
}
.certificates__grid_mini {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.8333333333rem;
    @media (max-width: 991px) {
        grid-template-columns: repeat(2, 1fr);
    }
}
.certificates__grid_mini--item {
    grid-column: -3;
    @media (max-width: 575px) {
        grid-column: unset;
    }
}

.certificates__grid__item_mini {
    font-size: 16px;
    margin-bottom: 24px;

}
.certificates__a_mini {
  text-decoration: none;
  grid-column-end: -1;
}
@media (max-width: 991px) {
  .certificates__grid {
    gap: 0.5rem;
  }
}
@media (max-width: 575px) {
  .certificates__grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .certificates__grid_mini {
    grid-template-columns: repeat(1, 1fr);
  }
  .certificates__a_mini {

    justify-self: end;
  }
}
@media (max-width: 991px) {
  .certificates__section .block__title h2.h2 {
    margin-bottom: 2rem;
  }
}
.certificates__card {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 230/319;
  width: 100%;
}
@media (max-width: 991px) {
  .certificates__card {
    aspect-ratio: 171/234;
  }
}
.certificates__card img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.advantages {
  position: relative;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0.8333333333rem;
}
@media (max-width: 991px) {
  .advantages {
    gap: 0.5rem;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .advantages {
    grid-template-columns: repeat(1, 1fr);
  }
}
.advantages__card {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 11.6666666667rem;
  border-radius: 40px;
  background-color: #7C9E90;
  padding: 1.3333333333rem 1.25rem 6.3333333333rem 1.25rem;
  color: #fff;
  font-size: 0.8333333333rem;
  font-weight: 400;
  line-height: 1.2;
  overflow: hidden;
}
@media (max-width: 1299px) {
  .advantages__card {
    padding: 1.25rem 1rem 5.5rem 1rem;
  }
}
@media (max-width: 991px) {
  .advantages__card {
    min-height: 8.25rem;
    border-radius: 20px;
    padding: 1rem 1rem 4.25rem 1rem;
    font-size: 1.25rem;
  }
}
.advantages__card span {
  display: block;
}
.advantages__card i {
  position: absolute;
  right: 1rem;
  bottom: 0.5rem;
  line-height: 0.9;
  font-size: 4rem;
  opacity: 0.2;
  font-style: normal;
}
@media (max-width: 991px) {
  .advantages__card i {
    font-size: 2.25rem;
    right: 0.6666666667rem;
    bottom: 0.6666666667rem;
    line-height: 1.1;
  }
}

.about-brands {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.8333333333rem;
}
@media (max-width: 991px) {
  .about-brands {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.25rem;
  }
}
@media (max-width: 767px) {
  .about-brands {
    grid-template-columns: repeat(1, 1fr);
    gap: 1.5rem;
  }
}
.about-brands__card__img {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 730/330;
  margin-bottom: 1.3333333333rem;
  padding: 0.6666666667rem;
  background-color: #fff;
  border-radius: 24px;
  overflow: hidden;
}
@media (max-width: 991px) {
  .about-brands__card__img {
    margin-bottom: 1rem;
    padding: 1.5rem 0.75rem;
    aspect-ratio: 351/124;
    border-radius: 20px;
  }
}
.about-brands__card__img img {
  display: block;
  max-width: 80%;
  max-height: 80%;
  object-fit: contain;
}
.about-brands__card__title {
  font-size: 1.5rem;
  margin-bottom: 1rem;
  font-weight: 700;
  line-height: 1.15;
}
@media (max-width: 991px) {
  .about-brands__card__title {
    font-size: 1.25rem;
    margin-bottom: 0.5rem;
  }
}
.about-brands__card__text {
  color: #505892;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: 0.24px;
  margin-bottom: 1.3333333333rem;
  font-size: 1rem;
  opacity: 0.9;
}
@media (max-width: 991px) {
  .about-brands__card__text {
    margin-bottom: 1rem;
    font-size: 1rem;
    line-height: 1.2;
  }
}
.about-brands__card__list {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.4166666667rem;
  list-style: none;
  margin: 0;
  padding: 0;
    margin-top: 30px;

}
@media (max-width: 991px) {
  .about-brands__card__list {
    gap: 0.625rem;
      margin-top: 15px;
  }
}
.about-brands__card__list__img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: 1.8333333333rem;
}
@media (max-width: 991px) {
  .about-brands__card__list__img {
    height: 2rem;
  }
}
.about-brands__card__list__img img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

@media (max-width: 991px) {
  .about-inovations__numlist {
    padding-top: 1.5rem;
  }
}
.about-inovations__numlist__card {
  margin-top: 1.6666666667rem;
  padding-top: 1.6666666667rem;
  border-top: 1px solid rgba(148, 152, 181, 0.1);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1.25rem;
  margin-left: 125px;
}
@media (max-width: 1199px) {
  .about-inovations__numlist__card {
    gap: 0.8333333333rem;
  }
}
@media (max-width: 991px) {
  .about-inovations__numlist__card {
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 1rem;
    padding-top: 1rem;
  }
}
.about-inovations__numlist__card:first-child {
  margin-top: 0;
  padding-top: 0;
  border: none;
}
.about-inovations__numlist__card span {
  flex: 0 0 auto;
  width: 3.9583333333rem;
  color: #414667;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0.48px;
}
@media (max-width: 1199px) {
  .about-inovations__numlist__card span {
    width: 3.3333333333rem;
  }
}
@media (max-width: 991px) {
  .about-inovations__numlist__card span {
    width: 100%;
    font-size: 2.25rem;
    line-height: 1.1;
  }
}
.about-inovations__numlist__card div {
  overflow: hidden;
  flex: 1 0 0;
  width: 100%;
  max-width: 100%;
  font-size: 0.8333333333rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  opacity: 0.9;
}
@media (max-width: 991px) {
  .about-inovations__numlist__card div {
    flex: 0 0 auto;
    font-size: 1rem;
  }
}
.about-inovations__side {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.4166666667rem;
  min-height: 100%;
}
@media (max-width: 991px) {
  .about-inovations__side {
    gap: 1.5rem;
  }
}
.about-inovations__side .block__text {
  letter-spacing: 0.24px;
  opacity: 0.9;
}

.about-graph {
  position: relative;
}
.about-graph__img {
  display: block;
  width: 100%;
  height: auto;
}
.about-graph__img img {
  display: block;
  width: 100%;
  height: auto;
}
.about-graph__list {
  display: none;
  list-style: none;
  padding: 0;
}
@media (max-width: 991px) {
  .about-graph__list {
    display: block;
    list-style: none;
    margin: 1rem 0 0 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.2;
  }
}
.about-graph__list li {
  padding-top: 0.3333333333rem;
  margin-top: 0.3333333333rem;
  gap: 0.4166666667rem;
  border-top: 1px solid rgba(80, 88, 146, 0.2);
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media (max-width: 991px) {
  .about-graph__list li {
    padding-top: 0.5rem;
    margin-top: 0.5rem;
    gap: 0.625rem;
  }
}
.about-graph__list li:first-child {
  margin-top: 0;
  padding-top: 0;
  border: none;
}
.about-graph__list li .label {
  flex: 0 0 auto;
  width: 45%;
  color: rgba(80, 88, 146, 0.5);
  flex: 0 0 auto;
  width: auto;
}
.about-graph__list li .text {
  flex: 0 0 auto;
  width: 45%;
  color: #505892;
  text-align: right;
  flex: 0 0 auto;
  width: auto;
}

.production__header__img {
    max-height: 700px;
    width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 622/549;
  overflow: hidden;
  border-radius: 40px;
    margin-bottom: 1rem;
}
@media (max-width: 991px) {
  .production__header__img {
    margin-bottom: 1rem;
    aspect-ratio: 351/490;
    border-radius: 20px;
      max-height: 300px;
  }
}
.production__header__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.header {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  z-index: 100;
  background: transparent;
  padding: 0.875rem 0;
  min-height: 4.4583333333rem;
  color: #fff;
  transition: all ease 0.3s;
}
@media (max-width: 991px) {
  .header {
    min-height: 5.6875rem;
    padding: 1.5rem 0;
  }
}
@media (max-width: 991px) {
  .header.header__pagein {
    border-radius: 0 0 20px 20px;
    color: #9498B5;
  }
}
@media (min-width: 992px) {
  .header.header__pagein {
    background-color: #686E97;
    border-radius: 0 0 24px 24px;
  }
}
.header.header__pagein .header__menu__link::after {
  background-color: #777CA1;
  opacity: 1;
}
.header.header__pagein .header__menu__link::before {
  background-color: rgba(255, 255, 255, 0.4);
  opacity: 1;
}
.header.header__fixed {
  background-color: #686E97;
  border-radius: 0 0 24px 24px;
  color: #fff;
}
@media (max-width: 991px) {
  .header.header__fixed {
    border-radius: 0 0 20px 20px;
  }
}
.header.header__fixed .header__menu__link::after {
  background-color: #777CA1;
  opacity: 1;
}
.header.header__fixed .header__menu__link::before {
  background-color: rgba(255, 255, 255, 0.4);
  opacity: 1;
}
.header .container {
  position: relative;
  z-index: 3;
}
.header__logo {
  position: relative;
}
.header__logo {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 2.4166666667rem;
  height: 2.7083333333rem;
}
.header__logo a:hover {
  color: #fff;
}
@media (max-width: 991px) {
  .header__logo {
    width: 2.4375rem;
    height: 2.6875rem;
  }
}
.header__logo img, .header__logo svg {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.header__menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 1rem;
}
@media (max-width: 1199px) {
  .header__menu {
    gap: 0 0.8333333333rem;
  }
}
@media (max-width: 991px) {
  .header__menu {
    gap: 0 1.5rem;
  }
}
.header__menu__li {
  position: relative;
}
.header__menu__link {
  display: inline-block;
  position: relative;
  text-decoration: none;
  color: #fff;
  font-size: 0.8333333333rem;
  line-height: 1;
  white-space: nowrap;
}
@media (max-width: 1199px) {
  .header__menu__link {
    font-size: 0.75rem;
  }
}
@media (max-width: 991px) {
  .header__menu__link {
    font-size: 0.8333333333rem;
  }
}
@media (hover: hover) {
  .header__menu__link:hover {
    color: #fff;
  }
  .header__menu__link:hover::before {
    width: 100%;
  }
}
@media (hover: none) and (pointer: coarse) {
  .header__menu__link:hover {
    color: #fff;
  }
  .header__menu__link:hover::before {
    width: 100%;
  }
}
.header__menu__link::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -0.6666666667rem;
  height: 1;
  background-color: #686E97;
  opacity: 0.4;
  z-index: 1;
}
.header__menu__link::before {
  content: "";
  position: absolute;
  left: 0;
  width: 0;
  top: -0.6666666667rem;
  height: 1;
  background-color: #686E97;
  z-index: 2;
  transition: all ease 0.3s;
}
.header__info {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0 1rem;
}
@media (max-width: 991px) {
  .header__info {
    gap: 0 1.5rem;
  }
}
.header__socio {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0 0.3333333333rem;
}
@media (max-width: 991px) {
  .header__socio {
    gap: 0 remb(8);
  }
}
.header__socio__item {
  position: relative;
}
.header__socio__card {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1rem;
  height: 1rem;
}
@media (max-width: 1199px) {
  .header__socio__card {
    width: remd(24);
    height: remd(24);
  }
}
@media (max-width: 991px) {
  .header__socio__card {
    width: 1.5rem;
    height: 1.5rem;
  }
}
.header__socio__card img, .header__socio__card svg {
  display: block;
  max-width: 0.75rem;
  max-height: 0.75rem;
  object-fit: contain;
}
@media (max-width: 1199px) {
  .header__socio__card img, .header__socio__card svg {
    max-width: remd(18);
    max-height: remd(18);
  }
}
@media (max-width: 991px) {
  .header__socio__card img, .header__socio__card svg {
    max-width: 1.125rem;
    max-height: 1.125rem;
  }
}
.header__phone {
  display: inline-block;
  white-space: nowrap;
  text-decoration: none;
  font-size: 0.75rem;
  line-height: 1;
}
@media (max-width: 991px) {
  .header__phone {
    font-size: 1.125rem;
  }
}
@media (hover: hover) {
  .header__phone:hover {
    opacity: 0.6;
    color: #fff;
  }
}
@media (hover: none) and (pointer: coarse) {
  .header__phone:hover {
    opacity: 0.6;
    color: #fff;
  }
}
.header__btnmenu {
  position: relative;
  width: 1.3333333333rem;
  height: 1.3333333333rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 991px) {
  .header__btnmenu {
    width: 2rem;
    height: 2rem;
  }
}
.header__btnmenu svg {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.mobilemenu {
  position: fixed;
  top: 0;
  left: 100%;
  width: 100dvw;
  height: 100dvh;
  backdrop-filter: blur(22.2999992371px);
  background: rgba(0, 0, 0, 0.4);
  transition: all 0.3s ease;
  overflow: hidden;
  z-index: 101;
}
@media (max-width: 991px) {
  .mobilemenu.mobilemenu__opened {
    left: 0;
  }
}
.mobilemenu__btnClose {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  color: #fff;
}
.mobilemenu__btnClose svg, .mobilemenu__btnClose img {
  display: block;
  max-width: 1.125rem;
  max-height: 1.125rem;
  object-fit: contain;
}
.mobilemenu__container {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 1.9375rem 0 2.5rem 0;
  display: flex;
  flex-direction: column;
}
.mobilemenu__header {
  margin-bottom: 1.9375rem;
  flex: 0 0 auto;
  height: auto;
}
.mobilemenu__body {
  flex: 0 0 auto;
  height: auto;
/*  margin-top: auto;*/
}
.mobilemenu__list {
  position: relative;
}
.mobilemenu__list__item {
  margin-top: 0.5rem;
}
.mobilemenu__list__item:first-child {
  margin-top: 0;
}
.mobilemenu__nav {
  list-style: none;
  margin: 0;
  padding: 1.25rem 1rem;
  background-color: #9498B5;
  border-radius: 4px;
}
.mobilemenu__nav li {
  margin-top: 0.75rem;
}
.mobilemenu__nav li:first-child {
  margin-top: 0;
}
.mobilemenu__nav a {
  display: inline-block;
  font-size: 0.875rem;
  line-height: 1.2;
  letter-spacing: 1%;
  color: #fff;
  text-decoration: transparent;
}
.mobilemenu__nav a.active {
  color: #414667;
}
@media (hover: hover) {
  .mobilemenu__nav a:hover {
    color: #414667;
    text-decoration-color: currentColor;
  }
}
@media (hover: none) and (pointer: coarse) {
  .mobilemenu__nav a:hover {
    color: #414667;
    text-decoration-color: currentColor;
  }
}
.mobilemenu__logo {
  color: #fff;
}
.mobilemenu__btn {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  background-color: #9498B5;
  border-radius: 4px;
  padding: 1rem;
  color: #fff;
  text-decoration: none;
}
@media (hover: hover) {
  .mobilemenu__btn:hover {
    color: #fff;
    background-color: #777CA1;
    text-decoration-color: currentColor;
  }
}
@media (hover: none) and (pointer: coarse) {
  .mobilemenu__btn:hover {
    color: #fff;
    background-color: #777CA1;
    text-decoration-color: currentColor;
  }
}
.mobilemenu__btn span {
  flex: 1 0 0;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}
.mobilemenu__btn i {
  flex: 0 0 auto;
  width: 1.25rem;
  height: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mobilemenu__btn i svg, .mobilemenu__btn i img {
  display: block;
  max-width: 80%;
  max-height: 80%;
  object-fit: contain;
}

.footer {
  border-radius: 40px 40px 0 0;
  width: 100%;
  background-color: #686E97;
}
@media (max-width: 991px) {
  .footer {
    border-radius: 20px 20px 0 0;
  }
}
.footer .container {
  position: relative;
}
.footer__bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  padding: 2.5rem 0;
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.5833333333rem;
  line-height: 1;
}
@media (max-width: 991px) {
  .footer__bottom {
    font-size: 0.875rem;
    padding-top: 1rem;
    padding-bottom: 1.5rem;
  }
}
.footer__bottom .row {
  margin: -0.1666666667rem;
}
@media (max-width: 991px) {
  .footer__bottom .row {
    margin: -0.25rem;
  }
}
.footer__bottom .row > div {
  padding: 0.1666666667rem;
}
@media (max-width: 991px) {
  .footer__bottom .row > div {
    padding: 0.25rem;
  }
}
.footer__bottom a {
  text-decoration-color: transparent;
}
@media (hover: hover) {
  .footer__bottom a:hover {
    color: #fff;
    text-decoration-color: #fff;
  }
}
@media (hover: none) and (pointer: coarse) {
  .footer__bottom a:hover {
    color: #fff;
    text-decoration-color: #fff;
  }
}
.footer__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.5416666667rem;
  height: 3.9583333333rem;
  color: #fff;
}
.footer__logo a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.5416666667rem;
  height: 3.9583333333rem;
  color: #fff;
}
@media (max-width: 991px) {
  .footer__logo {
    width: 2.5rem;
    height: 2.8125rem;
  }
}
.footer__logo svg, .footer__logo img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.footer__top {
  padding-top: 2.9166666667rem;
  padding-bottom: 3.9166666667rem;
}
@media (max-width: 991px) {
  .footer__top {
    padding-top: 1.5rem;
    padding-bottom: 1rem;
  }
}
.footer__toup {
  position: absolute;
  right: 1.25rem;
  top: 2.9166666667rem;
  width: 1.8333333333rem;
  height: 1.8333333333rem;
  border: 1px solid #9498B5;
  color: #9498B5;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 5;
}
@media (max-width: 991px) {
  .footer__toup {
    right: 0.75rem;
    top: 1.5rem;
    width: 2.75rem;
    height: 2.75rem;
  }
}
@media (hover: hover) {
  .footer__toup:hover {
    color: #fff;
    background: #9498B5;
  }
}
@media (hover: none) and (pointer: coarse) {
  .footer__toup:hover {
    color: #fff;
    background: #9498B5;
  }
}
.footer__toup svg {
  display: block;
  max-width: 0.6666666667rem;
  max-height: 0.6666666667rem;
  object-fit: contain;
}
@media (max-width: 991px) {
  .footer__toup svg {
    max-width: 1rem;
    max-height: 1rem;
  }
}
.footer__nav {
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (max-width: 991px) {
  .footer__nav {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
}
.footer__nav li {
  margin-top: 0.8333333333rem;
}
@media (max-width: 991px) {
  .footer__nav li {
    margin-top: 0.5rem;
  }
}
.footer__nav li:first-child {
  margin-top: 0;
}
.footer__nav a {
  display: inline-block;
  font-size: 0.8333333333rem;
  line-height: 1.2;
  text-decoration-color: transparent;
  color: #fff;
}
@media (max-width: 991px) {
  .footer__nav a {
    font-size: 1rem;
  }
}
@media (hover: hover) {
  .footer__nav a:hover {
    color: #fff;
    text-decoration-color: #fff;
  }
}
@media (hover: none) and (pointer: coarse) {
  .footer__nav a:hover {
    color: #fff;
    text-decoration-color: #fff;
  }
}
.footer__address {
  max-width: 217px;
  font-size: 0.8333333333rem;
  line-height: 1.2;
  color: rgba(255, 255, 255, 0.8);
}
@media (max-width: 991px) {
  .footer__address {
    font-size: 1rem;
    max-width: 100%;
  }
}
.footer__info {
  position: relative;
  max-width: 217px;
}
@media (max-width: 991px) {
  .footer__info {
    max-width: 100%;
    font-size: 1rem;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
}
.footer__info__item {
  margin-top: 0.8333333333rem;
}
@media (max-width: 991px) {
  .footer__info__item {
    margin-top: 0.5rem;
  }
}
.footer__info__item:first-child {
  margin-top: 0;
}
.footer__info a {
  display: inline-block;
  font-size: 0.8333333333rem;
  line-height: 1.2;
  color: rgba(255, 255, 255, 0.8);
  text-decoration-color: transparent;
  color: #fff;
}
@media (max-width: 991px) {
  .footer__info a {
    font-size: 1rem;
  }
}
@media (hover: hover) {
  .footer__info a:hover {
    color: #fff;
    text-decoration-color: #fff;
  }
}
@media (hover: none) and (pointer: coarse) {
  .footer__info a:hover {
    color: #fff;
    text-decoration-color: #fff;
  }
}

.app-modal {
  display: none;
  width: 100%;
  max-width: 846px;
  padding: 0;
  background: none;
  transition: all ease 0.3s;
}

@media (max-width: 991px) {
  .app-modal {
    width: 100%;
  }
}

.app-modal__content {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  border-radius: 24px;
  background-color: #fff;
  padding: 3.8333333333rem 1rem 1.3333333333rem 1rem;
  overflow: hidden;
}

@media (max-width: 991px) {
  .app-modal__content {
    border-radius: 16px;
    padding: 2.5rem 0.5rem 0.6666666667rem 0.5rem;
  }
}

.app-modal__content::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 1rem;
  background-image: url("./../img/bg-modal.svg");
  background-repeat: repeat-x;
  background-position: 0 0;
  background-size: auto 100%;
  z-index: 1;
}

@media (max-width: 991px) {
  .app-modal__content::after {
    height: 1.5rem;
  }
}

.app-modal__header {
  margin-bottom: 1.3333333333rem;
}

@media (max-width: 991px) {
  .app-modal__header {
    margin-bottom: 0.6666666667rem;
  }
}

.app-modal__header__title {
  margin-bottom: 0.3333333333rem;
}

@media (max-width: 991px) {
  .app-modal__header__title {
    margin-bottom: 0.5rem;
  }
}

.app-modal__header__des {
  letter-spacing: 0.24px;
}

.app-modal__btnclose {
  position: absolute;
  top: 1.6666666667rem;
  right: 1rem;
  outline: none;
  padding: 0;
  width: 1.3333333333rem;
  height: 1.3333333333rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #2C2E34;
  transition: color ease 0.3s;
  z-index: 5;
}

@media (max-width: 991px) {
  .app-modal__btnclose {
    top: -4rem;
    right: 0;
    width: 2rem;
    height: 2rem;
    color: #fff;
  }
}

.app-modal__btnclose:hover {
  color: #777CA1;
}

.app-modal__btnclose svg {
  display: block;
  max-width: 0.7916666667rem;
  max-height: 0.7916666667rem;
  object-fit: contain;
}

@media (max-width: 991px) {
  .app-modal__btnclose svg {
    max-width: 1.1875rem;
    max-height: 1.1875rem;
  }
}


.fancybox__container.fancy-modaldefault .fancybox__slide {
  padding: 1.25rem;
}
@media (max-width: 991px) {
  .fancybox__container.fancy-modaldefault .fancybox__slide {
    padding: 5rem 0.75rem 0.75rem 0.75rem;
  }
}
.fancybox__container.fancy-modaldefault .fancybox__backdrop {
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(11.1499996185px);
}

.plyr--video {
    margin-bottom: 1rem;
}

.plyr__video-wrapper {
    background-color: unset;
}

.plyr--video .plyr__controls {
    border-radius: 0 0 25px 25px;
}
.sound_btn {
  position: absolute;
  bottom: 6%;
  right: 0;
}