@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap");
:root {
  --default-color: #0B0B0B;
  --gray-color: #C4C4C4;
  --green-color: #00636F;
  --hover-gradient: linear-gradient(0deg, #00CCFF, #00CCFF), radial-gradient(79.83% 100% at 50% 100%, #E99FF3 0%, #AE3FD9 25%, #7315AB 50%, #441171 75%, #1A0730 100%);
}

.section-title,
.section-title * {
  font-size: clamp(2.25rem, 1.316vw + 1.921rem, 3.5rem);
  font-weight: bold;
  line-height: 1.01;
}

.section-title * {
  margin: 0;
  padding: 0;
}

.section-title--semibold,
.section-title--semibold * {
  font-weight: 600;
}

.section-title--100,
.section-title--100 * {
  font-size: clamp(4.5rem, 1.842vw + 4.039rem, 6.25rem);
}

.section-title--90,
.section-title--90 * {
  font-size: clamp(2.25rem, 3.553vw + 1.362rem, 5.625rem);
}

.section-title--74,
.section-title--74 * {
  font-size: clamp(2.75rem, 1.974vw + 2.257rem, 4.625rem);
}

.section-title--70,
.section-title--70 * {
  font-size: clamp(2.75rem, 1.711vw + 2.322rem, 4.375rem);
}

.section-title--64,
.section-title--64 * {
  font-size: clamp(2.625rem, 1.447vw + 2.263rem, 4rem);
}

.section-title--56,
.section-title--56 * {
  font-size: clamp(2.25rem, 1.316vw + 1.921rem, 3.5rem);
}

.section-title--48,
.section-title--48 * {
  font-size: clamp(2.25rem, 0.789vw + 2.053rem, 3rem);
}

.section-title--44,
.section-title--44 * {
  font-size: clamp(2.25rem, 0.526vw + 2.118rem, 2.75rem);
}

.section-title--42,
.section-title--42 * {
  font-size: 2.625rem;
}

.section-title--40,
.section-title--40 * {
  font-size: clamp(2rem, 0.526vw + 1.868rem, 2.5rem);
}

.section-title--36,
.section-title--36 * {
  font-size: 2.25rem;
}

.section-title--32,
.section-title--32 * {
  font-size: 2rem;
}

.section-title--28,
.section-title--28 * {
  font-size: 1.75rem;
}

.section-title--24,
.section-title--24 * {
  font-size: clamp(1.125rem, 0.395vw + 1.026rem, 1.5rem);
}

.section-title--white,
.section-title--white * {
  color: #FFFFFF;
}

@media (max-width: 650px) {
  .section-title br {
    display: none;
  }
}

.section-subtitle {
  font-size: clamp(1.25rem, 0.395vw + 1.151rem, 1.625rem);
  font-weight: 500;
}

.section-subtitle--24,
.section-subtitle--24 * {
  font-size: 1.5rem;
}

.section-subtitle--22,
.section-subtitle--22 * {
  font-size: clamp(1.125rem, 0.263vw + 1.059rem, 1.375rem);
}

.section-subtitle--20,
.section-subtitle--20 * {
  font-size: 1.25rem;
}

.section-subtitle p:not(:last-child) {
  margin-bottom: 0.5rem;
}

.section-top {
  gap: 1.25rem;
}
.section-top__col--2 {
  flex-shrink: 0;
}
.section-top__col--1 {
  flex: 1;
}
.section-top__left {
  gap: 1.25rem 2.75rem;
}

.gray-text {
  color: #C4C4C4;
}

.is-text {
  font-size: clamp(0.875rem, 0.395vw + 0.776rem, 1.25rem);
}
.is-text > * {
  margin-top: clamp(1.5rem, 0.395vw + 1.401rem, 1.875rem);
}
.is-text > *:first-child {
  margin-top: 0;
}
.is-text ol li {
  list-style: numeric outside;
}
.is-text ul li {
  list-style: disc outside;
}
.is-text ol {
  margin-left: 14px;
}
.is-text ul {
  margin-left: 16px;
}
.is-text *:not(ul):not(ol) + ul, .is-text *:not(ul):not(ol) + ol {
  margin-top: 0;
}
.is-text h1 {
  font-size: 2rem;
  font-weight: bold;
}
.is-text h2 {
  font-size: 1.5rem;
  font-weight: bold;
}
.is-text h3 {
  font-size: 1.125rem;
  font-weight: bold;
}
.is-text h4 {
  font-size: 1rem;
  font-weight: bold;
}
.is-text h5 {
  font-size: 1rem;
  font-weight: bold;
}
.is-text h6 {
  font-size: 1rem;
  font-weight: bold;
}
.is-text a {
  color: #004CFF;
  text-decoration: underline;
}
.is-text a:hover {
  text-decoration: none;
}
.is-text img {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  display: block;
}

.is-table {
  width: 100%;
  border: none;
  border-collapse: collapse;
}
.is-table th,
.is-table td {
  font-size: 0.8125rem;
  text-align: center;
  font-weight: 400;
  border-left: 1px solid rgba(0, 0, 0, 0.3);
}
.is-table th:first-child,
.is-table td:first-child {
  text-align: left;
  border-left: none;
}
.is-table th {
  background: #E0E0E0;
  font-size: 0.875rem;
  padding: 0.875rem 1.125rem;
}
.is-table td {
  padding: 0.5rem 1.125rem;
}
.is-table tbody tr:nth-child(2n) {
  background: #E0E0E0;
}

@keyframes grow {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(2.5);
  }
}
@keyframes grow-arrow {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.3);
  }
}
@keyframes jittery {
  5%, 50% {
    transform: scale(1);
  }
  10% {
    transform: scale(0.95);
  }
  15% {
    transform: scale(1.05);
  }
  20% {
    transform: scale(1.05) rotate(-5deg);
  }
  25% {
    transform: scale(1.05) rotate(5deg);
  }
  30% {
    transform: scale(1.05) rotate(-3deg);
  }
  35% {
    transform: scale(1.05) rotate(2deg);
  }
  40% {
    transform: scale(1.05) rotate(0);
  }
}
@keyframes heartbeat {
  50% {
    transform: scale(1.05);
  }
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

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

html,
body {
  width: 100%;
}
@media (max-width: 991px) {
  html,
  body {
    overflow-x: hidden;
  }
}
html.overflow-hidden,
body.overflow-hidden {
  overflow: hidden;
}
@media (min-width: 1301px) {
  html.overflow-hidden,
  body.overflow-hidden {
    overflow: initial;
  }
}

body {
  background: #fff;
  margin: 0;
  padding: 0;
  position: relative;
  min-height: 100%;
  font: 14px/1.55 "Manrope", sans-serif;
  color: #0B0B0B;
}

ul,
li {
  list-style: none;
  margin: 0;
  padding: 0;
}

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

input,
button,
select,
textarea {
  margin: 0;
  padding: 0;
  outline: none;
  border: none;
  font-family: "Manrope", sans-serif;
}

button,
a {
  cursor: pointer;
  transition: 300ms ease;
}

table {
  border-collapse: collapse;
  width: 100%;
}

img {
  max-width: 100%;
}

.maxwidth {
  margin: 0 auto;
  min-width: 375px;
  max-width: 100%;
}
@media (max-width: 991px) {
  .maxwidth {
    overflow: hidden;
  }
}

.fixed {
  width: 1880px;
  margin: 0 auto;
  padding: 0 10px;
  max-width: 100%;
}
@media (max-width: 1800px) {
  .fixed {
    width: 1400px;
  }
}
@media (max-width: 1400px) {
  .fixed {
    width: 1400px;
  }
}
.fixed--wide {
  padding: 0;
  width: auto !important;
}

.flex {
  display: flex;
  flex-wrap: wrap;
}

.grid {
  display: grid;
}

.hidden {
  display: none !important;
}

.overflow {
  overflow: hidden;
}

.mobile-br {
  display: none;
}
@media (max-width: 650px) {
  .mobile-br {
    display: block !important;
  }
}

.notebook-br {
  display: none;
}
@media (max-width: 1800px) {
  .notebook-br {
    display: block !important;
  }
}
@media (max-width: 650px) {
  .notebook-br {
    display: none !important;
  }
}

@media (max-width: 1800px) {
  .laptop-br {
    display: none;
  }
}

.link-abs {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  cursor: pointer;
  background: none;
}

.image img {
  display: block;
}

.image-responsive {
  height: 0;
  position: relative;
  padding-bottom: 57%;
}
.image-responsive--vertical {
  padding-bottom: 130%;
}
.image-responsive--big {
  padding-bottom: 81.1%;
}
.image-responsive__image {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  -o-object-fit: cover;
     object-fit: cover;
}
.image-responsive > a {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.image-responsive > a > img {
  position: static;
}

.logo {
  position: relative;
}
.logo__image {
  display: block;
}
.logo__link {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.section--gradient {
  background: linear-gradient(104.62deg, #00636F 0%, #000809 47.79%);
  color: #fff;
}
.section--gray {
  background: #EEEFF5;
}
.section--black {
  background: #000809;
  color: #fff;
}

.section__top-right {
  width: 620px;
  max-width: 100%;
}

.social {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px 10px;
}
.social__item {
  align-items: center;
  gap: 11px;
}

.indev {
  height: 670px;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 1800px) {
  .indev {
    height: 530px;
  }
}
@media (max-width: 991px) {
  .indev {
    height: 480px;
  }
}
.indev__title {
  font-size: 26px;
}
.indev__title * {
  font-size: inherit;
}
.indev__action-btn {
  min-width: 259px;
  font-size: 15px;
  padding: 17px 20px;
}

@media (max-width: 991px) {
  .proger {
    padding-top: 0 !important;
  }
}
.proger__box {
  background: linear-gradient(104.62deg, #00636F 0%, #000809 47.79%);
  border-radius: 40px;
  padding: 44px 20px;
  justify-content: center;
  align-items: center;
  color: #fff;
  gap: 20px 54px;
  position: relative;
}
@media (max-width: 991px) {
  .proger__box {
    border-radius: 0 0 24px 24px;
    padding: 112px 10px 33px 10px;
    gap: 15px 33px;
  }
}
.proger__title {
  text-transform: uppercase;
  letter-spacing: -5px;
}
.proger__subtitle {
  font-weight: 600;
  font-size: 21px;
  line-height: 1.55;
}
@media (max-width: 991px) {
  .proger__subtitle {
    font-size: 13px;
  }
}
.proger__link {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
@media (max-width: 991px) {
  .proger .fixed {
    padding: 0;
  }
}

.step-button {
  justify-content: flex-end;
}
@media (max-width: 1300px) {
  .step-button {
    justify-content: flex-start;
  }
}
.step-button__btn {
  border: 1px solid #CACACA;
  border-radius: 30px;
  padding: 13px 15px;
  font-size: 22px;
  font-weight: 500;
  text-decoration: none;
  transition: 300ms ease;
  min-width: 255px;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  color: #0B0B0B;
}
@media (max-width: 1800px) {
  .step-button__btn {
    font-size: 19px;
    padding: 11px 13px;
    min-width: 157px;
  }
}
@media (max-width: 650px) {
  .step-button__btn {
    min-height: 61px;
  }
}
.step-button__btn--mini {
  min-width: 179px;
}
.step-button__btn:hover {
  background: #0B0B0B;
  border-color: #0B0B0B;
  color: #fff;
  text-decoration: none;
}
.step-button__btn:hover .step-button__num {
  background: #fff;
  color: #0B0B0B;
}
.step-button__btn--dark {
  color: #CACACA;
  border-color: rgba(202, 202, 202, 0.2);
}
.step-button__btn--dark .step-button__num {
  background: #fff;
  color: #101010;
}
.step-button__btn--dark:hover {
  background: #fff;
  color: #0B0B0B;
  border-color: #fff;
}
.step-button__btn--dark:hover .step-button__num {
  background: #0B0B0B;
  color: #fff;
}
.step-button__num {
  background: #0B0B0B;
  width: 35px;
  height: 35px;
  color: #fff;
  text-align: center;
  line-height: 35px;
  font-size: 16px;
  font-weight: 500;
  border-radius: 50px;
  transition: 300ms ease;
}
@media (max-width: 1800px) {
  .step-button__num {
    width: 30px;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
  }
}

::-webkit-scrollbar {
  width: 10px;
  height: 8px;
}

::-webkit-scrollbar-track-piece {
  background-color: transparent;
  -webkit-border-radius: 8px;
}

::-webkit-scrollbar-thumb {
  border: 2px solid #FFFFFF;
}

::-webkit-scrollbar-thumb:vertical {
  width: 10px;
  background-color: #0B0B0B;
  -webkit-border-radius: 5px;
}

::-webkit-scrollbar-thumb:horizontal {
  height: 8px;
  background-color: #0B0B0B;
  -webkit-border-radius: 5px;
}

.btn {
  background: transparent;
  align-items: center;
  justify-content: center;
  padding: 25px 35px;
  color: #0B0B0B;
  transition: 300ms ease;
  text-align: center;
  text-decoration: none !important;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.3;
  max-width: 100%;
  border-radius: 50px;
  box-shadow: 0 0 0 1px #0B0B0B;
  min-width: 373px;
  gap: 10px 25px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.btn__arrow {
  transform: translateY(1px);
}
.btn__arrow > svg > path {
  transition: 300ms ease;
}
.btn__text, .btn__arrow, .btn__ico {
  position: relative;
  z-index: 3;
}
.btn__ico > svg {
  display: block;
}
.btn--mini {
  font-size: 16px;
  padding: 12px 20px;
  min-width: 107px;
  gap: 7px;
}
.btn--big {
  font-size: clamp(1.25rem, 0.513vw + 1.135rem, 1.75rem);
  font-weight: bold;
  padding: 1.375em;
  min-width: unset;
  gap: 10px 20px;
  box-shadow: 0 0 0 1px #0B0B0B;
  border-radius: 30px;
}
.btn--white {
  color: #fff;
  box-shadow: 0 0 0 1px #fff;
}
.btn--light {
  background: #fff;
  color: #0F0F0F;
}
.btn--dark {
  background: #000809;
  color: #fff;
}
.btn--ico {
  gap: 13px;
}
.btn:before {
  content: "";
  background: linear-gradient(0deg, #00CCFF, #00CCFF), radial-gradient(79.83% 100% at 50% 100%, #E99FF3 0%, #AE3FD9 25%, #7315AB 50%, #441171 75%, #1A0730 100%);
  background-blend-mode: hue, normal;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(105%);
  transition: 300ms ease;
}
.btn:hover, .btn:active {
  background: transparent !important;
  box-shadow: none !important;
  color: #fff !important;
}
.btn:hover:before, .btn:active:before {
  transform: translateY(0);
}
@media (min-width: 651px) {
  .btn:hover .btn__arrow > svg > path, .btn:active .btn__arrow > svg > path {
    stroke: #fff;
  }
}
.btn:hover .btn__ico > svg > path, .btn:active .btn__ico > svg > path {
  fill: #fff;
}
.btn:hover .btn__text, .btn:active .btn__text {
  color: #fff !important;
}
@media (max-width: 650px) {
  .btn:not(.btn--white):hover .btn__arrow > svg, .btn:not(.btn--white):active .btn__arrow > svg {
    filter: invert(1);
  }
}

.all-link {
  margin-top: 74px;
}
@media (max-width: 991px) {
  .all-link {
    margin-top: 40px;
  }
}
.all-link__btn {
  width: 100%;
}

.btop {
  margin-bottom: 23px;
}
@media (max-width: 767px) {
  .btop {
    margin-bottom: 35px;
  }
}
.btop__title {
  display: flex;
  margin-bottom: 7px;
  letter-spacing: -1.6px;
}
.btop__subtitle {
  color: rgba(11, 11, 11, 0.8);
  font-weight: 400;
}
@media (max-width: 767px) {
  .btop__subtitle {
    font-size: 15px;
  }
}

.input-class {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.6);
  display: block;
  width: 100%;
  height: 90px;
  padding: 0 20px;
  font-size: 18px;
  border-radius: 30px;
  transition: 300ms ease;
  text-align: left;
  color: #fff;
}
@media (max-width: 1800px) {
  .input-class {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .input-class {
    height: 70px;
  }
}
.input-class::-moz-placeholder {
  -moz-transition: 300ms ease;
  transition: 300ms ease;
}
.input-class::placeholder {
  transition: 300ms ease;
}
.input-class:focus {
  border-color: white;
}
.input-class:focus::-moz-placeholder {
  opacity: 0;
}
.input-class:focus::placeholder {
  opacity: 0;
}

textarea.input-class {
  height: 214px;
  padding: 15px 20px;
  resize: none;
}

.form__items {
  margin: -5px;
  align-items: center;
}
.form-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.625rem;
}
@media (min-width: 768px) {
  .form-grid.grid-columns-md-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1401px) {
  .form-grid.grid-columns-xl-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
.form-grid-item {
  min-width: 0;
  padding: 0 !important;
}
.form-grid-item:has(.form__submit):last-child {
  padding-top: 0.625rem !important;
}
.form-grid-item:has(.form__submit):last-child > .form__submit {
  width: 100%;
  font-size: clamp(1.125rem, 0.263vw + 1.059rem, 1.375rem);
  line-height: 1.2727272727;
  padding: 1.1818181818em;
}
.form__item {
  padding: 0.375rem;
}
@media (max-width: 767px) {
  .form__item {
    width: 100%;
  }
}
.form__item--flex1 {
  flex: 1;
}
.form__item--350 {
  width: 37.82%;
}
.form__item--332 {
  width: 32.5%;
}
.form__item--267 {
  width: 27.52%;
}
.form__item--232 {
  width: 24.1%;
}
.form__item--184 {
  width: 20.86%;
}
.form__item--auto {
  width: auto;
}
.form__item--fullwidth {
  width: 100%;
}
.form__item--divider {
  width: 100%;
  margin: 9px 0;
}
@media (max-width: 1800px) {
  .form__item--divider {
    margin: 0;
  }
}
.form__item-btn {
  min-height: 70px;
}
@media (max-width: 767px) {
  .form__item-btn {
    min-height: 70px;
  }
}
@media (max-width: 991px) {
  .form__item--agreement, .form__item--policy {
    width: 100%;
  }
}
.form__check {
  position: relative;
  padding-left: 10px;
}
@media (max-width: 767px) {
  .form__check > label {
    font-size: 13px;
  }
}
.form__check > input {
  position: absolute;
  opacity: 0;
}
.form__check > label {
  display: block;
  position: relative;
  min-height: 24px;
  padding: 0 0 0 36px;
  color: #737373;
  cursor: pointer;
  font-size: 13px;
}
.form__check > label:before {
  content: "";
  width: 24px;
  height: 24px;
  border: 2px solid #fff;
  position: absolute;
  top: 50%;
  left: 0;
  margin: -12px 0 0 0;
  border-radius: 4px;
  transition: 300ms ease;
  color: #fff;
  text-align: center;
  line-height: 20px;
  font-size: 20px;
}
.form__check > input:checked + label:before {
  content: "✓";
}
.form__check a {
  text-decoration: underline;
}
.form__check a:hover {
  text-decoration: none;
}

.form__item-btn {
  min-width: 260px;
  font-size: 14px;
  padding: 17px 30px;
}
@media (max-width: 1800px) {
  .form__item-btn {
    min-width: 260px;
    font-size: 14px;
    padding: 17px 30px;
  }
}

.modal {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
  display: none;
}
.modal__background {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.modal__in {
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  justify-content: center;
  align-items: center;
  padding: 30px 15px;
  overflow: auto;
}
.modal__in::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}
.modal__box {
  background: url(../img/modal-bg.png) no-repeat right bottom/contain #E1E1E1;
  mix-blend-mode: normal;
  backdrop-filter: blur(37.15px);
  width: 1860px;
  max-width: 100%;
  border-radius: 80px;
  position: relative;
  z-index: 5;
  padding: 55px 70px;
  overflow: hidden;
}
@media (max-width: 991px) {
  .modal__box {
    padding: 34px 26px;
    background-image: none;
    border-radius: 2.5rem;
  }
}
@media (max-width: 650px) {
  .modal__box {
    border-radius: 1.875rem;
  }
}
.modal__box--thanks {
  background-image: url(../img/mthanks-bg.png);
}
@media (max-width: 991px) {
  .modal__box--thanks {
    background: url(../img/mthanks-bg.png) no-repeat center bottom 80px #E1E1E1;
    background-size: 400px;
  }
}
.modal__box--feedback {
  background-image: url(../img/mmbg.png);
}
@media (max-width: 1800px) {
  .modal__box--feedback {
    padding-left: 45px;
    background-position: right -220px bottom;
  }
}
@media (max-width: 650px) {
  .modal__box--feedback {
    padding: 2rem 1.25rem;
  }
}
.modal__close {
  cursor: pointer;
  background: #000;
  width: 59px;
  height: 59px;
  border-radius: 50px;
  position: absolute;
  top: 28px;
  right: 31px;
  justify-content: center;
  align-items: center;
  transition: 300ms ease;
}
@media (max-width: 991px) {
  .modal__close {
    width: 3.125rem;
    height: 3.125rem;
  }
}
@media (max-width: 650px) {
  .modal__close {
    width: 41px;
    height: 41px;
    top: 19px;
    right: 19px;
  }
}
.modal__close:hover {
  background: #fff;
}
.modal__close:hover > svg {
  opacity: 1;
  filter: brightness(100%) contrast(100%) invert(1);
}
.modal__title {
  margin-bottom: 68px;
  font-size: clamp(1.625rem, 1.25vw + 1.313rem, 2.813rem);
}
@media (max-width: 1800px) {
  .modal__title {
    margin-bottom: 60px;
  }
}
@media (max-width: 991px) {
  .modal__title {
    margin-bottom: 45px;
  }
}
.modal__title * {
  font-size: inherit !important;
}
@media (max-width: 1800px) {
  .modal__title * {
    font-size: inherit !important;
  }
}

.mform {
  max-width: 880px;
}
.mform .input-class {
  border-color: rgba(97, 97, 97, 0.6);
  color: #000;
  font-size: 17px;
  padding: 0 17px;
}
.mform textarea.input-class {
  padding: 16px 17px;
}
.mform .form__check > label:before {
  border-color: rgba(97, 97, 97, 0.6);
}
.mform__btns {
  gap: 17px;
}
@media (max-width: 991px) {
  .mform .form__item {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .mform .form__item-btn {
    width: 100%;
  }
}
.mform__btn--feedback {
  box-shadow: none !important;
}
.mform__form .form__item--policy {
  margin-left: 25px;
}
@media (max-width: 991px) {
  .mform__form .form__item--policy {
    margin: 0;
  }
}

.pagination__items {
  justify-content: center;
  gap: 6px;
  align-items: center;
}
.pagination__pn {
  margin: 0 32px;
  background: #fff;
  width: 46px;
  height: 46px;
  border: 2px solid #EAEAEA;
  border-radius: 50px;
  display: flex !important;
  justify-content: center;
  align-items: center;
  transition: 300ms ease;
}
@media (max-width: 767px) {
  .pagination__pn {
    width: 36px;
    height: 36px;
    margin: 0 22px;
  }
}
.pagination__pn:before {
  content: "";
  background: url(../img/slider-arrow.svg) no-repeat;
  width: 10px;
  height: 15px;
}
@media (max-width: 767px) {
  .pagination__pn:before {
    background-size: 70%;
    background-position: center;
  }
}
.pagination__pn--next:before {
  transform: rotate(180deg);
}
.pagination__pn:hover {
  border-color: #0B0B0B;
}
.pagination__item {
  width: 61px;
  height: 61px;
  text-align: center;
  line-height: 59px;
  border: 1px solid #E6E6E6;
  border-radius: 12px;
  text-decoration: none !important;
  font-size: 18px;
  font-weight: bold;
}
@media (max-width: 767px) {
  .pagination__item {
    width: 46px;
    height: 46px;
    font-size: 14px;
    line-height: 44px;
  }
}
.pagination__item--link:hover, .pagination__item--current {
  background: #000809;
  color: #fff !important;
  border-color: #303030;
}

.filter {
  position: relative;
}
@media (min-width: 1301px) {
  .filter {
    z-index: 12;
  }
}
.filter__buttons {
  position: relative;
  z-index: 5;
}
.filter__button-btn {
  min-width: clamp(15.625rem, 5.395vw + 14.276rem, 20.75rem);
  padding: clamp(0.875rem, 0.461vw + 0.76rem, 1.313rem) 2rem;
  font-size: clamp(0.875rem, 0.263vw + 0.809rem, 1.125rem);
  font-weight: bold;
  min-height: clamp(3.375rem, 1.184vw + 3.079rem, 4.5rem);
}
@media (hover: hover) {
  .filter__button-btn:hover {
    background: #000809 !important;
    color: #FFFFFF !important;
  }
}
.filter__button-btn:active {
  background: #000809 !important;
  color: #FFFFFF !important;
}
.filter__button--close {
  display: none;
}
@media (max-width: 767px) {
  .filter__button--open svg {
    width: 20px;
    height: 20px;
  }
}
@media (max-width: 1300px) {
  .filter__box {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 300;
    transition: transform 300ms ease;
    overflow: auto;
    transform: translate(0);
    opacity: 0;
    visibility: hidden;
    transition: background-color 300ms ease, opacity 300ms ease, visibility 300ms ease;
  }
}
@media (min-width: 651px) {
  .filter__box {
    padding: 1.875rem 0;
  }
}
@media (min-width: 1301px) {
  .filter__box {
    background: rgba(255, 255, 255, 0.65);
    border: 1px solid #E6E6E6;
    backdrop-filter: blur(30px);
    border-radius: 40px;
    width: 1082px;
    min-height: 300px;
    position: absolute;
    right: -129px;
    top: -35px;
    z-index: -1;
    padding: 36px 129px 36px 24px;
    max-height: 1115px;
    transform: scale(0.8);
    opacity: 0;
    visibility: hidden;
    transition: transform 300ms ease, opacity 300ms ease, visibility 300ms ease;
  }
}
.filter__box:before {
  content: "";
}
.filter__box-close {
  position: absolute;
  z-index: 10;
  top: 0.75rem;
  right: 0.75rem;
  width: 3rem;
  height: 3rem;
  cursor: pointer;
  background-color: #000809;
  border-radius: 50%;
}
@media (min-width: 1301px) {
  .filter__box-close {
    display: none;
  }
}
.filter__box-close::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 5.90962L10.909 9.99942L15 14.0904L14.0904 15L9.99942 10.909L5.90962 15L5 14.0904L9.08981 9.99942L5 5.90962L5.90962 5L9.99942 9.08981L14.0904 5L15 5.90962Z' fill='white'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 5.90962L10.909 9.99942L15 14.0904L14.0904 15L9.99942 10.909L5.90962 15L5 14.0904L9.08981 9.99942L5 5.90962L5.90962 5L9.99942 9.08981L14.0904 5L15 5.90962Z' fill='white'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: 1.25rem;
          mask-size: 1.25rem;
  background-color: #FFFFFF;
}
.filter__box-in {
  position: relative;
  z-index: 3;
  border-radius: 0;
}
@media (min-width: 651px) {
  .filter__box-in {
    border-radius: 1.875rem;
  }
}
@media (max-width: 1300px) {
  .filter__box-in {
    padding: 1.25rem 1.25rem 1.875rem;
    background: rgba(255, 255, 255, 0.85);
    mix-blend-mode: normal;
    backdrop-filter: blur(22.5px);
    width: 100%;
    max-width: 43.75rem;
    margin-left: auto;
    margin-right: auto;
  }
}
.filter__title {
  letter-spacing: -1.6px;
  margin-bottom: clamp(1.25rem, 1.053vw + 0.987rem, 2.25rem);
  font-size: 1.75rem;
}
@media (max-width: 767px) {
  .filter__title {
    letter-spacing: -1.2px;
  }
}
.filter__sections {
  display: grid;
  grid-template-columns: 100%;
  gap: clamp(1.25rem, 0.263vw + 1.184rem, 1.5rem);
}
.filter__section-title {
  font-size: 1.125rem;
  font-weight: bold;
  margin-bottom: 0.75rem;
}
.filter__item {
  cursor: pointer;
}
.filter__item.item-labels {
  font-size: 0.8125rem;
  border-color: #dfdfdf;
}
@media (hover: hover) {
  .filter__item.item-labels:hover {
    background-color: #dfdfdf;
  }
}
.filter__item.item-labels .item-labels__ico .item-labels__ico-image {
  -webkit-mask-image: var(--mask-image);
          mask-image: var(--mask-image);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: 82%;
          mask-size: 82%;
  background-color: rgba(28, 39, 76, 0.6);
  transition: background-color 300ms ease;
}
.filter__item.item-labels .item-labels__text {
  font-size: 0.8125rem;
}
.filter__item--active {
  background: #000809 !important;
  color: #FFFFFF !important;
  border-color: #000809 !important;
}
.filter__item--active .item-labels__ico-image {
  background-color: #FFFFFF !important;
}
@media (max-width: 650px) {
  .filter__item {
    background: #FFFFFF;
  }
}
.filter__reset {
  margin-top: clamp(1.25rem, 0.658vw + 1.086rem, 1.875rem);
  gap: clamp(0.5rem, 0.526vw + 0.368rem, 1rem);
}
@media (max-width: 767px) {
  .filter__reset {
    margin-top: 25px;
  }
}
.filter__reset-btn {
  font-weight: bold;
  min-width: clamp(11.375rem, 2.5vw + 10.75rem, 13.75rem);
  font-size: clamp(0.875rem, 0.132vw + 0.842rem, 1rem);
  padding: 1.375em;
}
@media (max-width: 767px) {
  .filter__reset-btn {
    flex-grow: 1;
  }
}
.filter__reset-btn--colored {
  background: #000809 !important;
  color: #FFFFFF !important;
}
.filter__reset-btn--colored:hover {
  background: #000809 !important;
  color: #FFFFFF !important;
}
@media (hover: hover) {
  .filter__reset-btn--colored:hover {
    background: #000809 !important;
    color: #FFFFFF !important;
  }
}
.filter__reset-btn--colored:active {
  background: #000809 !important;
  color: #FFFFFF !important;
}
@media (max-width: 1300px) {
  .filter--active .filter__box {
    z-index: 300;
    display: block;
    transform: translate(0);
    opacity: 1;
    visibility: visible;
    background-color: rgba(0, 8, 9, 0.7);
  }
}
@media (min-width: 1301px) {
  .filter--active .filter__box {
    z-index: 4;
    opacity: 1;
    visibility: visible;
    transform: scale(1);
  }
}
.filter--active .filter__button--open {
  display: none;
}
.filter--active .filter__button--close {
  display: flex;
}

.items-labels {
  display: flex;
  gap: 6.6px;
}
@media (max-width: 650px) {
  .items-labels {
    gap: 5px;
  }
}

.item-labels {
  background: #fff;
  border: 1px solid #E6E6E6;
  border-radius: 50px;
  padding: 17px;
  align-items: center;
  text-decoration: none !important;
  color: #0F0F0F;
  font-size: 13px;
  font-weight: bold;
  gap: 13px;
  transition: 300ms ease;
}
@media (max-width: 650px) {
  .item-labels {
    background: #F6F7FB;
    gap: 10px;
    padding: 13px;
    border-color: #F6F7FB;
  }
}
.item-labels__ico {
  width: 26px;
  height: 26px;
  justify-content: center;
  align-items: center;
}
@media (max-width: 650px) {
  .item-labels__ico {
    width: 20px;
    height: 20px;
  }
}
.item-labels__ico-image {
  width: 100%;
  height: 100%;
  background: no-repeat center;
  background-size: 82%;
}
@media (max-width: 650px) {
  .item-labels__text {
    font-size: 10px;
  }
}

a.item-labels:hover {
  border-color: #0B0B0B;
}

.slider .slick-track {
  display: flex !important;
}
.slider__arrow {
  background: #000;
  width: 131px;
  height: 46px;
  display: flex;
  align-items: center;
  padding: 0 20px;
  position: absolute;
  border-radius: 50px;
  transition: 300ms ease;
  top: -65px;
  z-index: 10;
  cursor: pointer;
  overflow: hidden;
}
@media (max-width: 1300px) {
  .slider__arrow {
    width: 94px;
  }
}
.slider__arrow > * {
  position: relative;
  z-index: 3;
}
.slider__arrow:before {
  content: "";
  background: linear-gradient(0deg, #00CCFF, #00CCFF), radial-gradient(79.83% 100% at 50% 100%, #E99FF3 0%, #AE3FD9 25%, #7315AB 50%, #441171 75%, #1A0730 100%);
  background-blend-mode: hue, normal;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(105%);
  transition: 300ms ease;
}
@media (min-width: 992px) {
  .slider__arrow:hover:before {
    transform: translateY(0);
  }
}
.slider__arrow.slick-disabled {
  pointer-events: none;
  background-color: #C4C4C4;
}
.slider__arrow--next {
  right: 25px;
  justify-content: flex-end;
}
.slider__arrow--prev {
  right: 164px;
}
@media (max-width: 1300px) {
  .slider__arrow--prev {
    right: 130px;
  }
}

.single-slider {
  position: relative;
  padding-bottom: 25px;
  overflow: hidden;
}
@media (max-width: 650px) {
  .single-slider {
    margin: 0 calc(clamp(0.625rem, 1.316vw + 0.296rem, 1.875rem) * -1);
    padding-bottom: 20px;
  }
}
@media (min-width: 651px) {
  .single-slider .slick-list {
    border-radius: clamp(1.875rem, 0.658vw + 1.711rem, 2.5rem);
    overflow: hidden;
  }
}
@media (max-width: 650px) {
  .single-slider .slick-slide {
    padding-left: clamp(0.625rem, 1.316vw + 0.296rem, 1.875rem);
  }
}
.single-slider__item-in {
  display: block;
  position: relative;
  padding-bottom: max(40%, 17.5rem);
  height: 0;
  border-radius: clamp(1.875rem, 0.658vw + 1.711rem, 2.5rem);
  overflow: hidden;
}
.single-slider__item-in > a,
.single-slider__item-in > a > img,
.single-slider__item-in > video {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.single-slider__item-in > a > video {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.single-slider__item-in > video {
  -o-object-fit: cover;
     object-fit: cover;
}
.single-slider__item-order {
  position: absolute;
  bottom: 24%;
  right: 25px;
  z-index: 4;
}
@media (max-width: 1300px) {
  .single-slider__item-order {
    display: none;
  }
}
.single-slider__item-order-btn {
  font-size: 18px;
  min-height: 101px;
  min-width: 312px;
}
@media (max-width: 1800px) {
  .single-slider__item-order-btn {
    min-height: auto;
    min-width: 1px;
  }
}
.single-slider .slick-arrow {
  background: #fff;
  width: 46px;
  height: 46px;
  border: 2px solid #EAEAEA;
  border-radius: 50px;
  display: flex !important;
  justify-content: center;
  align-items: center;
  font-size: 0;
  position: absolute;
  top: calc((100% - 25px) / 2);
  margin-top: -23px;
  z-index: 5;
  transition: 300ms ease;
}
.single-slider .slick-arrow:before {
  content: "";
  background: url(../img/slider-arrow.svg) no-repeat;
  width: 10px;
  height: 15px;
}
.single-slider .slick-arrow:hover {
  border-color: #0B0B0B;
}
.single-slider .slick-dots {
  -moz-column-gap: clamp(0.5rem, 0.263vw + 0.434rem, 0.75rem);
       column-gap: clamp(0.5rem, 0.263vw + 0.434rem, 0.75rem);
}
.single-slider .slick-prev {
  left: 27px;
}
.single-slider .slick-next {
  right: 27px;
}
.single-slider .slick-next:before {
  transform: rotate(180deg);
}

.slick-dots {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex !important;
  justify-content: center;
  gap: 10px 16px;
  margin: 0 !important;
}
.slick-dots > li {
  background: #D9D9D9;
  width: 20px;
  height: 9px;
  border-radius: 50px;
  cursor: pointer;
  transition: 300ms ease;
  list-style: none !important;
}
@media (max-width: 767px) {
  .slick-dots > li {
    width: 18px;
    height: 6px;
  }
}
.slick-dots > li.slick-active {
  width: 52px;
  background: #000;
}
@media (max-width: 767px) {
  .slick-dots > li.slick-active {
    width: 41px;
  }
}
.slick-dots > li button {
  display: none;
}

.cookie {
  position: fixed;
  bottom: 26px;
  left: 26px;
  z-index: 200;
}
@media (max-width: 650px) {
  .cookie {
    left: 15px;
    right: 15px;
  }
}
.cookie__close {
  background: linear-gradient(360deg, #9FF3F3 -181.71%, #3FD9D1 -136.28%, #159AAB -90.85%, #116971 -45.43%, #000E0F 0%);
  border: 1px solid #555;
  border-radius: 50px;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 7px;
  right: 7px;
  transition: 300ms ease;
  width: 30px;
  height: 30px;
  cursor: pointer;
}
.cookie__close:hover {
  border-color: #fff;
}
.cookie__close:hover svg path {
  stroke: #fff;
}
.cookie__box {
  width: 516px;
  background: rgba(11, 11, 11, 0.3);
  mix-blend-mode: normal;
  backdrop-filter: blur(7.5px);
  border-radius: 10px;
  padding: 16px 60px 21px 20px;
  font-size: 18px;
  line-height: 1.28;
  letter-spacing: -0.27px;
}
@media (max-width: 650px) {
  .cookie__box {
    width: 349px;
  }
}
.cookie__text {
  color: #fff;
  margin-bottom: 28px;
}
@media (max-width: 650px) {
  .cookie__text {
    font-size: 16px;
  }
}
.cookie__text a {
  color: #fff;
  text-decoration: underline;
}
.cookie__text a:hover {
  text-decoration: none;
}
.cookie__accept-btn {
  background: #fff;
  color: #000;
}

.rgpd {
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  max-height: calc(100svh - 1.875rem);
  width: 100%;
  background-color: #FFFFFF;
  z-index: 100;
  padding: 1.625em 1.25em;
  display: none;
  overflow-y: auto;
  overscroll-behavior: contain;
  border-top-left-radius: 1.5em;
  border-top-right-radius: 1.5em;
  border-top: 1px solid rgba(18, 25, 25, 0.12);
}
@media (min-width: 992px) {
  .rgpd {
    border-bottom-left-radius: 1.5em;
    border-bottom-right-radius: 1.5em;
    left: 50%;
    transform: translateX(-50%);
    bottom: 1.25rem;
    right: auto;
    max-width: calc(100% - 2.5rem);
    width: 56.25em;
    border: 1px solid rgba(18, 25, 25, 0.12);
  }
}
.rgpd:has(.rgpd-settings) {
  background-color: #F2F2F2;
}
@media (min-width: 992px) {
  .rgpd:has(.rgpd-settings) {
    background-color: #FFFFFF;
  }
}
.rgpd.show {
  display: block;
}
.rgpd::-webkit-scrollbar {
  display: none;
}
.rgpd__close {
  position: absolute;
  top: 1em;
  right: 1em;
  width: 2em;
  height: 2em;
  border-radius: 50%;
  background-color: #D9D9D9;
  color: #9D9D9D;
}
.rgpd__close::before {
  content: "";
  position: absolute;
  inset: 0;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.6924 12.7925C23.1025 12.3825 23.1025 11.7176 22.6924 11.3076C22.2824 10.8975 21.6175 10.8975 21.2075 11.3076L17 15.515L12.7925 11.3076C12.3825 10.8975 11.7176 10.8975 11.3076 11.3076C10.8975 11.7176 10.8975 12.3825 11.3076 12.7925L15.515 17L11.3076 21.2075C10.8975 21.6175 10.8975 22.2824 11.3076 22.6924C11.7176 23.1025 12.3825 23.1025 12.7925 22.6924L17 18.485L21.2075 22.6924C21.6175 23.1025 22.2824 23.1025 22.6925 22.6924C23.1025 22.2824 23.1025 21.6175 22.6925 21.2075L18.485 17L22.6924 12.7925Z' fill='%239D9D9D'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.6924 12.7925C23.1025 12.3825 23.1025 11.7176 22.6924 11.3076C22.2824 10.8975 21.6175 10.8975 21.2075 11.3076L17 15.515L12.7925 11.3076C12.3825 10.8975 11.7176 10.8975 11.3076 11.3076C10.8975 11.7176 10.8975 12.3825 11.3076 12.7925L15.515 17L11.3076 21.2075C10.8975 21.6175 10.8975 22.2824 11.3076 22.6924C11.7176 23.1025 12.3825 23.1025 12.7925 22.6924L17 18.485L21.2075 22.6924C21.6175 23.1025 22.2824 23.1025 22.6925 22.6924C23.1025 22.2824 23.1025 21.6175 22.6925 21.2075L18.485 17L22.6924 12.7925Z' fill='%239D9D9D'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  background-color: currentColor;
}
@media (hover: hover) {
  .rgpd__close:hover {
    background-color: #01808E;
    color: #FFFFFF;
  }
}
.rgpd__title {
  font-size: 1.125em;
  font-weight: 700;
  line-height: 1;
  color: #0B0B0B;
  margin-bottom: 1em;
}
.rgpd__subtitle {
  font-size: 1em;
  line-height: 1.36;
  font-weight: 400;
  color: #616161;
  margin-bottom: 1.25em;
}
@media (min-width: 992px) {
  .rgpd__subtitle br {
    display: none;
  }
}
.rgpd__desc {
  font-size: 1em;
  font-weight: 400;
  line-height: 1.36;
  color: #616161;
  margin-bottom: 1.25em;
}
.rgpd__desc > p {
  margin-bottom: 0.625em;
}
.rgpd__desc > p:last-child {
  margin-bottom: 0;
}
.rgpd__actions {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.625em 0.875em;
  margin-bottom: 1em;
}
@media (min-width: 651px) {
  .rgpd__actions {
    grid-template-columns: repeat(3, 1fr);
  }
}
.rgpd__actions > * {
  min-width: 0;
}
.rgpd__accept-label {
  margin-bottom: 0;
  display: flex;
  align-items: center;
  -moz-column-gap: 1em;
       column-gap: 1em;
  cursor: pointer;
}
.rgpd__accept-checkbox {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  flex: 0 0 1.5em;
  width: 1.5em;
  height: 1.5em;
  border-radius: 0.375em;
  color: transparent;
  transition: background-color 300ms ease, color 300ms ease;
  position: relative;
}
.rgpd__accept-checkbox::before, .rgpd__accept-checkbox::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.rgpd__accept-checkbox::before {
  content: "";
  border: 1px solid #333B3D;
  border-radius: inherit;
}
.rgpd__accept-checkbox::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 12L10 15L17 8' stroke='%23333B3D' stroke-width='2'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 12L10 15L17 8' stroke='%23333B3D' stroke-width='2'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  background-color: currentColor;
}
.rgpd__accept-checkbox:checked {
  background-color: #333B3D;
  color: #FFFFFF;
}
.rgpd__accept-text {
  font-size: 0.875em;
  font-weight: 400;
  line-height: 1.4;
  color: #737373;
}
.rgpd__accept-text a {
  color: inherit;
}
@media (hover: hover) {
  .rgpd__accept-text a:hover {
    color: #01808E;
  }
}

.rgpd-button {
  font-size: 1.125em;
  font-weight: 600;
  line-height: 1;
  border-radius: 1em;
  padding: 0.875em;
  text-align: center;
}
@media (min-width: 992px) {
  .rgpd-button {
    padding: 1em;
  }
}
.rgpd-button-outline {
  border: 1px solid #121919;
  background-color: transparent;
  color: #121919;
}
.rgpd-button-outline:hover, .rgpd-button-outline:focus {
  background-color: #121919;
  color: #FFFFFF;
}
@media (hover: hover) {
  .rgpd-button-outline:hover {
    background-color: #121919;
    color: #FFFFFF;
  }
}
.rgpd-button-outline:active {
  background-color: #121919;
  color: #FFFFFF;
}
.rgpd-button-fill {
  border: 1px solid #121919;
  background-color: #121919;
  color: #FFFFFF;
  position: relative;
}
.rgpd-button-fill::before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  background: linear-gradient(0deg, #00CCFF, #00CCFF), radial-gradient(79.83% 100% at 50% 100%, #E99FF3 0%, #AE3FD9 25%, #7315AB 50%, #441171 75%, #1A0730 100%);
  background-blend-mode: hue, normal;
  opacity: 0;
  visibility: hidden;
  transition: opacity 300ms ease, visibility 300ms ease;
}
.rgpd-button-fill > span {
  position: relative;
}
.rgpd-button-fill:hover, .rgpd-button-fill:focus {
  background-color: #121919;
  color: #FFFFFF;
}
@media (hover: hover) {
  .rgpd-button-fill:hover {
    background-color: #121919;
    color: #FFFFFF;
  }
  .rgpd-button-fill:hover::before {
    opacity: 1;
    visibility: visible;
  }
}
.rgpd-button-fill:active {
  background-color: #121919;
  color: #FFFFFF;
}
.rgpd-button-fill:active::before {
  opacity: 1;
  visibility: visible;
}
.rgpd-settings {
  margin-left: -0.625em;
  margin-right: -0.625em;
  margin-bottom: -0.625em;
  background-color: #FFFFFF;
  border-radius: 1.25em;
  padding: 1.5em 1.125em;
}
@media (min-width: 992px) {
  .rgpd-settings {
    background-color: transparent;
    border-radius: 0;
    padding: 0;
    margin: 0;
  }
}
.rgpd-settings__row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5em;
}
@media (min-width: 992px) {
  .rgpd-settings__row {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1301px) {
  .rgpd-settings__row {
    -moz-column-gap: 2.5em;
         column-gap: 2.5em;
  }
}
.rgpd-settings__item {
  min-width: 0;
  display: grid;
  grid-template-columns: 1fr 3rem;
  gap: 0.75em;
  cursor: pointer;
}
.rgpd-settings__item:is(div) {
  grid-template-columns: 1fr;
  gap: 0.625em;
}
@media (min-width: 992px) {
  .rgpd-settings__item:is(div) {
    align-self: flex-start;
  }
}
.rgpd-settings__item > * {
  min-width: 0;
}
.rgpd-settings__item-title {
  font-size: 1.375em;
  font-weight: 600;
  line-height: 1;
  color: #0B0B0B;
  margin: 0;
  align-self: center;
}
@media (min-width: 992px) {
  .rgpd-settings__item-title {
    font-size: 1.125em;
  }
}
.rgpd-settings__item:is(div) .rgpd-settings__item-title {
  font-size: 1em;
}
@media (min-width: 992px) {
  .rgpd-settings__item:is(div) .rgpd-settings__item-title {
    font-size: 1.125em;
  }
}
.rgpd-settings__item-checkbox {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  flex: 0 0 3rem;
  width: 3rem;
  height: 1.5rem;
  border-radius: 1.5rem;
  background-color: #C7C7C7;
  position: relative;
  transition: background-color 300ms ease;
  cursor: pointer;
}
.rgpd-settings__item-checkbox::before {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 50%;
  background-color: #fff;
  transition: left 300ms ease, transform 300ms ease;
}
.rgpd-settings__item-checkbox:checked {
  background-color: #01808E;
}
.rgpd-settings__item-checkbox:checked:disabled {
  opacity: 0.5;
}
.rgpd-settings__item-checkbox:checked::before {
  left: calc(100% - 3px);
  transform: translateX(-100%);
}
.rgpd-settings__item-text {
  color: rgba(97, 97, 97, 0.6);
  font-size: 1em;
  font-weight: 400;
  line-height: 1.4;
}
@media (min-width: 992px) {
  .rgpd-settings__item-text {
    font-size: 0.875em;
  }
}
@media (min-width: 1301px) {
  .rgpd-settings__item-text {
    grid-column: span 2;
  }
}
.rgpd-settings__item:is(div) .rgpd-settings__item-text {
  grid-column: initial;
}
.rgpd-settings__actions {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.625em 0.875em;
}
@media (min-width: 992px) {
  .rgpd-settings__actions {
    grid-column: span 2;
    grid-template-columns: repeat(2, 1fr);
    -moz-column-gap: 1.5em;
         column-gap: 1.5em;
  }
}
@media (min-width: 1301px) {
  .rgpd-settings__actions {
    -moz-column-gap: 2.5em;
         column-gap: 2.5em;
  }
}
.rgpd-settings__actions > * {
  min-width: 0;
}
.rgpd-settings__accept {
  margin-top: 0.5rem;
}
@media (min-width: 992px) {
  .rgpd-settings__accept {
    grid-column: span 2;
  }
}

.dropdown {
  position: relative;
  z-index: 51;
}
.dropdown__button {
  cursor: pointer;
}
.dropdown__div {
  position: absolute;
  top: 100%;
  left: 50%;
  margin: 0 0 0 -100px;
  width: 200px;
  min-width: 100%;
  padding-top: 22px;
  transition: 300ms ease;
  display: none;
}
.dropdown__div--mob {
  left: auto;
  margin: 0;
  right: 0;
  padding-top: 10px;
  width: 241px;
}
@media (max-width: 991px) {
  .dropdown__div--mob {
    left: auto;
    margin: 0;
    right: 0;
    padding-top: 10px;
    width: 241px;
  }
}
.dropdown__div--sort {
  min-width: 150px;
  width: 100%;
  margin-left: 0;
  left: 0;
  padding-top: 10px;
}
@media (max-width: 650px) {
  .dropdown__div--sort {
    min-width: 150px;
    width: 100%;
    margin-left: 0;
    left: 0;
  }
}
.dropdown__box {
  background: rgba(255, 255, 255, 0.05);
  mix-blend-mode: normal;
  border: 1px solid #E6E6E6;
  backdrop-filter: blur(30.0025px);
  border-radius: 26.6689px;
  padding: 13px;
}
.dropdown__box--mob {
  background: rgba(221, 221, 221, 0.37);
  mix-blend-mode: normal;
  border: 1.45412px solid rgba(255, 255, 255, 0.19);
  backdrop-filter: blur(10.0871px);
  border-radius: 29px;
  padding: 16px;
}
.dropdown__box--sort {
  background: #fff;
  padding: 6px;
}
.dropdown__list > li:after {
  content: "";
  display: block;
  background: rgba(0, 0, 0, 0.2);
  width: 154px;
  height: 1px;
  margin: 9px auto;
}
.dropdown__list > li:last-child:after {
  display: none;
}
.dropdown__list > li > a {
  display: block;
  padding: 5px 10px;
  text-align: center;
  font-weight: 500;
  font-size: 16px;
  text-decoration: none;
}
.dropdown__list > li > a:hover {
  color: #00636F;
}
@media (min-width: 1152px) {
  .dropdown:hover .dropdown__div {
    display: block;
  }
}

.sort {
  justify-content: flex-end;
}
@media (max-width: 1300px) {
  .sort {
    justify-content: flex-start;
  }
}
@media (max-width: 650px) {
  .sort {
    justify-content: flex-start;
  }
}
.sort__items {
  gap: 7px;
  justify-content: flex-end;
}
@media (max-width: 1300px) {
  .sort__items {
    justify-content: flex-start;
  }
}
@media (max-width: 650px) {
  .sort__items {
    justify-content: flex-start;
  }
}
@media (max-width: 400px) {
  .sort__items {
    zoom: 0.9;
  }
}
.sort__current {
  border: 1px solid #E6E6E6;
  width: 200px;
  height: 58px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  border-radius: 50px;
  transition: 300ms ease;
}
@media (max-width: 650px) {
  .sort__current {
    width: 121px;
    height: 44px;
    gap: 6px;
  }
}
.sort__current-ico svg {
  display: block;
}
.sort__current-text {
  font-size: 18px;
  font-weight: 500;
}
@media (max-width: 650px) {
  .sort__current-text {
    font-size: 12px;
  }
}
@media (max-width: 650px) {
  .sort__current-ico > svg {
    width: 24px;
    height: 24px;
  }
}
.sort__item:hover .sort__current, .sort__item.active .sort__current {
  border-color: #000;
}
.sort__list > li:after {
  content: "";
  display: block;
  background: rgba(0, 0, 0, 0.2);
  width: 82px;
  height: 1px;
  margin: 4px auto;
}
.sort__list > li:last-child:after {
  display: none;
}
.sort__list > li > a {
  border-radius: 20px;
  font-size: 15px;
  font-weight: 500;
  display: block;
  padding: 20px 8px;
  text-align: center;
}
@media (max-width: 650px) {
  .sort__list > li > a {
    font-size: 12px;
    padding: 15px 9px;
  }
}
.sort__list > li > a:hover {
  background: #f2f2f2;
  text-decoration: none;
}
.sort__list > li.active > a {
  background: #000809 !important;
  color: rgba(255, 255, 255, 0.8) !important;
}
@media (max-width: 650px) {
  .sort__item:last-child .dropdown__div--sort {
    left: auto;
    right: 0;
  }
}

.video-player {
  margin-top: 4rem;
}
@media (min-width: 768px) {
  .video-player {
    margin-top: 6rem;
  }
}
@media (min-width: 1151px) {
  .video-player {
    margin-top: 6.25rem;
  }
}
.video-player-video {
  position: relative;
  padding-top: 56.25%;
  display: block;
  font-size: 0;
  line-height: 0;
}
.video-player-video > video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: clamp(1.875rem, 0.658vw + 1.711rem, 2.5rem);
}

.card-post {
  border: 1px solid #E6E6E6;
  border-radius: clamp(1.875rem, 0.658vw + 1.711rem, 2.5rem);
  display: flex;
  flex-direction: column;
  transition: background-color 300ms ease, border-color 300ms ease, box-shadow 300ms ease, transform 300ms ease;
}
@media (hover: hover) {
  .card-post:hover {
    background-color: #FFFFFF;
    border-color: #FFFFFF;
    box-shadow: 2px 2px 25px rgba(0, 0, 0, 0.12);
    transform: translateY(-1px);
  }
}
.card-post:active {
  background-color: #FFFFFF;
  border-color: #FFFFFF;
  box-shadow: 2px 2px 25px rgba(0, 0, 0, 0.12);
  transform: translateY(-1px);
}
.card-post__wrapper {
  flex-grow: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.card-post__thumbnail {
  display: block;
  font-size: 0;
  line-height: 0;
  padding: clamp(0.75rem, 0.789vw + 0.553rem, 1.5rem);
  padding-bottom: 0;
  margin-bottom: calc(clamp(0rem, 0.263vw - 0.066rem, 0.25rem) * -1);
}
.card-post__thumbnail > picture {
  display: block;
  position: relative;
  padding-top: 57.4018126888%;
}
.card-post__thumbnail > picture > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: calc(clamp(1.875rem, 0.658vw + 1.711rem, 2.5rem) - clamp(0.75rem, 0.789vw + 0.553rem, 1.5rem));
}
.card-post--noimage .card-post__thumbnail {
  display: none;
}
@media (min-width: 651px) {
  .card-post--noimage .card-post__thumbnail {
    display: block;
  }
}
@media (min-width: 1151px) {
  .card-post--noimage .card-post__thumbnail {
    display: none;
  }
}
.card-post__content {
  padding: clamp(1.25rem, 0.263vw + 1.184rem, 1.5rem);
  flex-grow: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.card-post__content > .card-post__rate {
  margin-top: auto;
}
.card-post__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  -moz-column-gap: clamp(1rem, 0.263vw + 0.934rem, 1.25rem);
       column-gap: clamp(1rem, 0.263vw + 0.934rem, 1.25rem);
  row-gap: 0.5rem;
  margin-bottom: 0.375rem;
}
.card-post__row:last-child {
  margin-bottom: 0;
}
.card-post__tags {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  display: flex;
  flex-wrap: wrap;
}
.card-post__tags > li > a {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  font-size: clamp(0.625rem, 0.395vw + 0.526rem, 1rem);
  line-height: 1.5;
  font-weight: 700;
  padding: 0.5em 1.5em;
  border-radius: 1.375em;
  color: #000809;
  border: 1px solid #E6E6E6;
  transition: border-color 0.3s ease, color 0.3s ease;
}
@media (hover: hover) {
  .card-post__tags > li > a:hover {
    border-color: #000809;
    color: #000809;
    text-decoration: none;
  }
}
.card-post__date {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  font-size: clamp(0.688rem, 0.461vw + 0.572rem, 1.125rem);
  line-height: 1.4444444444;
  color: rgba(0, 8, 9, 0.8);
}
.card-post__views {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.2222222222em;
       column-gap: 0.2222222222em;
  width: -moz-fit-content;
  width: fit-content;
  font-size: clamp(0.688rem, 0.461vw + 0.572rem, 1.125rem);
  line-height: 1.4444444444;
  color: rgba(0, 8, 9, 0.8);
}
.card-post__views::before {
  content: "";
  flex: 0 0 1.3333333333em;
  width: 1.3333333333em;
  height: 1em;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.0398 12L21.9911 12.0973C21.0457 13.9778 19.6781 15.4743 17.8906 16.5829C16.1022 17.6919 14.137 18.2466 12 18.2466C9.86295 18.2466 7.89781 17.6919 6.10939 16.5829C4.32189 15.4743 2.95422 13.9778 2.00897 12.0973L1.96009 12L2.00897 11.9028C2.95422 10.0223 4.32189 8.52576 6.10939 7.41727C7.89781 6.30822 9.86295 5.75344 12 5.75344C14.137 5.75344 16.1022 6.30822 17.8906 7.41727C19.6781 8.52576 21.0457 10.0223 21.9911 11.9028L22.0398 12ZM4.7257 17.8051C6.91392 19.2688 9.33674 20 12 20C14.6633 20 17.086 19.2688 19.2742 17.8051C21.4381 16.3576 23.0125 14.4243 24 12C23.0125 9.57575 21.4381 7.64248 19.2742 6.19502C17.086 4.73128 14.6633 4 12 4C9.33674 4 6.91392 4.73128 4.7257 6.19502C2.56181 7.64248 0.987469 9.57575 0 12C0.987469 14.4243 2.56181 16.3576 4.7257 17.8051ZM11.9946 16.3829C13.2324 16.3829 14.2815 15.9572 15.1474 15.1045C16.0133 14.2516 16.4454 13.2185 16.4454 11.9993C16.4454 10.7801 16.0133 9.74699 15.1474 8.89415C14.2815 8.04131 13.2324 7.61573 11.9946 7.61573C10.7567 7.61573 9.70783 8.04131 8.84193 8.89415C7.97602 9.74699 7.54392 10.7801 7.54392 11.9993C7.54392 13.2185 7.97602 14.2516 8.84193 15.1045C9.70783 15.9572 10.7567 16.3829 11.9946 16.3829ZM11.9946 14.7889C11.2095 14.7889 10.5387 14.517 9.98857 13.9752C9.43833 13.4332 9.16237 12.7726 9.16237 11.9993C9.16237 11.226 9.43833 10.5655 9.98857 10.0236C10.5387 9.48156 11.2095 9.20975 11.9946 9.20975C12.7798 9.20975 13.4504 9.48156 14.0006 10.0236C14.551 10.5655 14.827 11.226 14.827 11.9993C14.827 12.7726 14.551 13.4332 14.0006 13.9752C13.4504 14.517 12.7798 14.7889 11.9946 14.7889Z' fill='black'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.0398 12L21.9911 12.0973C21.0457 13.9778 19.6781 15.4743 17.8906 16.5829C16.1022 17.6919 14.137 18.2466 12 18.2466C9.86295 18.2466 7.89781 17.6919 6.10939 16.5829C4.32189 15.4743 2.95422 13.9778 2.00897 12.0973L1.96009 12L2.00897 11.9028C2.95422 10.0223 4.32189 8.52576 6.10939 7.41727C7.89781 6.30822 9.86295 5.75344 12 5.75344C14.137 5.75344 16.1022 6.30822 17.8906 7.41727C19.6781 8.52576 21.0457 10.0223 21.9911 11.9028L22.0398 12ZM4.7257 17.8051C6.91392 19.2688 9.33674 20 12 20C14.6633 20 17.086 19.2688 19.2742 17.8051C21.4381 16.3576 23.0125 14.4243 24 12C23.0125 9.57575 21.4381 7.64248 19.2742 6.19502C17.086 4.73128 14.6633 4 12 4C9.33674 4 6.91392 4.73128 4.7257 6.19502C2.56181 7.64248 0.987469 9.57575 0 12C0.987469 14.4243 2.56181 16.3576 4.7257 17.8051ZM11.9946 16.3829C13.2324 16.3829 14.2815 15.9572 15.1474 15.1045C16.0133 14.2516 16.4454 13.2185 16.4454 11.9993C16.4454 10.7801 16.0133 9.74699 15.1474 8.89415C14.2815 8.04131 13.2324 7.61573 11.9946 7.61573C10.7567 7.61573 9.70783 8.04131 8.84193 8.89415C7.97602 9.74699 7.54392 10.7801 7.54392 11.9993C7.54392 13.2185 7.97602 14.2516 8.84193 15.1045C9.70783 15.9572 10.7567 16.3829 11.9946 16.3829ZM11.9946 14.7889C11.2095 14.7889 10.5387 14.517 9.98857 13.9752C9.43833 13.4332 9.16237 12.7726 9.16237 11.9993C9.16237 11.226 9.43833 10.5655 9.98857 10.0236C10.5387 9.48156 11.2095 9.20975 11.9946 9.20975C12.7798 9.20975 13.4504 9.48156 14.0006 10.0236C14.551 10.5655 14.827 11.226 14.827 11.9993C14.827 12.7726 14.551 13.4332 14.0006 13.9752C13.4504 14.517 12.7798 14.7889 11.9946 14.7889Z' fill='black'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  background-color: rgba(0, 8, 9, 0.8);
}
.card-post__title {
  font-size: clamp(0.875rem, 0.658vw + 0.711rem, 1.5rem);
  line-height: 1.5;
  font-weight: 600;
  margin-bottom: clamp(0.75rem, 0.526vw + 0.618rem, 1.25rem);
}
.card-post__title:last-child {
  margin-bottom: 0;
}
.card-post__title > a {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
}
@media (hover: hover) {
  .card-post__title > a:hover {
    color: #00636F;
    text-decoration: none;
  }
}

.fixed {
  width: 1920px;
  margin: 0 auto;
  padding: 0 clamp(0.625rem, 1.316vw + 0.296rem, 1.875rem);
  max-width: 100%;
}
.fixed--wide {
  padding: 0;
  width: auto !important;
}

.head {
  width: 100%;
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 65;
  padding: 22px 0;
  transition: 300ms ease;
  pointer-events: none;
}
@media (max-width: 991px) {
  .head {
    padding: 22px 0;
  }
}
.head__center {
  justify-content: center;
}
.head__box {
  width: 399px;
  background: rgba(11, 11, 11, 0.05);
  backdrop-filter: blur(15px);
  mix-blend-mode: normal;
  border-radius: 50px;
  padding: 13px;
  justify-content: space-between;
  align-items: center;
  transition: 300ms ease;
  max-width: 100%;
  pointer-events: auto;
}
@media (max-width: 650px) {
  .head__box {
    width: 100%;
  }
}
.head__logo .logo__image {
  width: 138px;
  filter: invert(1);
  opacity: 0.65;
  transition: 300ms ease;
}
.head__logo:hover .logo__image {
  opacity: 1;
}
.head__burger {
  background: linear-gradient(360deg, #9FF3F3 -181.71%, #3FD9D1 -136.28%, #159AAB -90.85%, #116971 -45.43%, #000E0F 0%);
  box-shadow: 0 0 0 1px #555;
  border-radius: 50px;
  align-items: center;
  padding: 8px 30px;
  gap: 11px;
  cursor: pointer;
  transition: 300ms ease;
  min-height: 41px;
  position: relative;
}
@media (max-width: 650px) {
  .head__burger {
    padding: 8px 30px;
    min-height: 41px;
  }
}
@media (min-width: 992px) {
  .head__burger:hover {
    box-shadow: none;
  }
}
.head__burger::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50px;
  background: linear-gradient(0deg, #00CCFF, #00CCFF), radial-gradient(79.83% 100% at 50% 100%, #E99FF3 0%, #AE3FD9 25%, #7315AB 50%, #441171 75%, #1A0730 100%);
  background-blend-mode: hue, normal;
  opacity: 0;
  visibility: hidden;
  transition: opacity 300ms ease, visibility 300ms ease;
}
@media (hover: hover) {
  .head__burger:hover::before {
    opacity: 1;
    visibility: visible;
  }
}
.head__burger-text {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  position: relative;
}
.head__burger-line {
  background: rgba(255, 255, 255, 0.5);
  height: 2px;
  width: 30px;
  margin-bottom: 6px;
  position: relative;
}
.head__burger-line:last-child {
  margin: 0;
}
.head__burger-close {
  display: none;
  position: relative;
}
.head__burger-close > svg {
  display: block;
  width: 13px;
  height: 13px;
  opacity: 0.5;
}
.head__burger-close > svg > path {
  fill: #fff;
}
.head__menu {
  align-items: center;
  justify-content: center;
  gap: 10px 65px;
  transform: scale(0);
  position: absolute;
  opacity: 0;
  transition: 300ms ease;
  left: 160px;
  right: 160px;
}
@media (max-width: 991px) {
  .head__menu {
    display: none !important;
  }
}
@media (max-width: 1800px) {
  .head__menu {
    gap: 10px 25px;
  }
}
@media (max-width: 1300px) {
  .head__menu {
    gap: 10px 5px;
  }
}
.head__menu > li > a {
  display: block;
  padding: 10px 22px;
  border-radius: 50px;
  transition: 300ms ease;
  text-decoration: none !important;
  font-size: 18px;
  font-weight: bold;
}
@media (max-width: 1300px) {
  .head__menu > li > a {
    font-size: 17px;
  }
}
.head__menu > li > a:hover {
  background: #0B0B0B;
  color: #fff;
}

@media (max-width: 991px) {
  .menu-is-opened {
    overflow: hidden;
  }
}
.menu-is-opened .head__box {
  width: 1880px;
  background: rgba(11, 11, 11, 0.05);
  mix-blend-mode: normal;
  backdrop-filter: blur(7.5px);
}
.menu-is-opened .head__menu {
  display: flex;
  transform: scale(1);
  opacity: 1;
  right: 65px;
}
.menu-is-opened .head__burger {
  padding: 0;
  width: 41px;
  height: 41px;
  justify-content: center;
  background: linear-gradient(273.99deg, #9FF3F3 7.26%, #3FD9D1 34.63%, #159AAB 62%, #116971 89.37%, #000E0F 116.74%);
  box-shadow: none;
}
.menu-is-opened .head__burger-lines,
.menu-is-opened .head__burger-text {
  display: none;
}
.menu-is-opened .head__burger-close {
  display: flex;
}
.menu-is-opened .head__burger-close > svg {
  width: 10px;
  height: 10px;
}

.normal-page .head {
  padding: 29px 0;
}
@media (max-width: 991px) {
  .normal-page .head {
    padding: 22px 0;
  }
}
.normal-page .head + * {
  padding-top: clamp(7.75rem, 3.158vw + 6.961rem, 10.75rem);
}

@media (max-width: 991px) {
  .blog-page .head__logo .logo__image {
    filter: invert(0);
    opacity: 1;
  }
}

@media (max-width: 991px) {
  .menu-is-opened .head,
  .body--with-head-fix .head {
    position: fixed;
  }
}
@media (max-width: 991px) {
  .menu-is-opened .head__box,
  .body--with-head-fix .head__box {
    background: rgba(255, 255, 255, 0.85) !important;
  }
}
@media (max-width: 991px) {
  .menu-is-opened .head__logo .logo__image,
  .body--with-head-fix .head__logo .logo__image {
    filter: invert(1) !important;
  }
}

.footer {
  overflow: hidden;
}
.footer .fixed {
  padding: 0;
}
@media (min-width: 1301px) {
  .footer .fixed {
    padding: 0 clamp(0.625rem, 1.316vw + 0.296rem, 1.875rem) calc(clamp(-3.25rem, 1.447vw - 3.612rem, -1.875rem) * -1);
  }
}
.footer__box {
  position: relative;
  padding: clamp(2.25rem, 0.263vw + 2.184rem, 2.5rem) clamp(2rem, 0.921vw + 1.77rem, 2.875rem) calc(clamp(-3.75rem, 1.579vw - 4.145rem, -2.25rem) * -1);
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(1.75rem, 2.368vw + 1.158rem, 4rem);
}
@media (min-width: 1301px) {
  .footer__box {
    gap: calc(clamp(1.75rem, 2.368vw + 1.158rem, 4rem) / 2);
  }
}
.footer__box > * {
  min-width: 0;
}
.footer__box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% + 1.875rem);
  height: calc(100% + 6.25rem);
  background-color: #000809;
  border-radius: 3.125rem;
}
@media (min-width: 1301px) {
  .footer__box::before {
    width: 100%;
    height: 100%;
  }
}
.footer__col {
  position: relative;
}
.footer__col--1 {
  flex: 1 0 100%;
}
.footer__col--2 {
  border-top: 1px solid rgba(234, 234, 234, 0.1);
  margin-top: 36px;
  padding-top: 30px;
  flex: 1 0 100%;
}
.footer__top {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  row-gap: clamp(2.25rem, 0.263vw + 2.184rem, 2.5rem);
}
@media (min-width: 651px) {
  .footer__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.footer__r {
  align-items: center;
  gap: 1.125rem;
}
.footer__tg-link {
  background-color: #011417;
  justify-content: center;
  align-items: center;
  border-radius: 3.125rem;
  padding: 0.8125em 0.9375em;
  gap: 0.625em;
  font-size: clamp(0.875rem, 0.132vw + 0.842rem, 1rem);
  font-weight: bold;
  color: #FFFFFF;
  fill: #FFFFFF;
  text-decoration: none !important;
  transition: background-color 300ms ease, color 300ms ease, fill 300ms ease;
}
.footer__tg-link > svg {
  flex: 0 0 2.25em;
  width: 2.25em;
  height: 2.25em;
  overflow: initial;
}
@media (hover: hover) {
  .footer__tg-link:hover {
    background-color: #FFFFFF;
    color: #000809;
    fill: #000809;
  }
}
.footer__tg-link:active {
  background-color: #FFFFFF;
  color: #000809;
  fill: #000809;
}
.footer__v {
  background: linear-gradient(106.56deg, #00636F 0%, #011E22 68.82%, #000809 103.37%);
  border-radius: 3.125rem;
  align-items: center;
  position: relative;
  padding: 0.625em 0;
  width: 100%;
  max-width: 328px;
  display: grid;
  align-items: center;
  grid-template-columns: repeat(2, 1fr);
}
.footer__v-item {
  min-width: 0;
  padding: 0rem 1.25em;
}
.footer__v-item:first-child {
  text-align: center;
}
.footer__v-item:last-child {
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}
.footer__v-title {
  color: #FFFFFF;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 1rem;
}
.footer__v-text {
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.75rem;
}
.footer__main {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(1.5rem, 2.368vw + 0.908rem, 3.75rem);
}
@media (min-width: 500px) {
  .footer__main {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  .footer__main {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1301px) {
  .footer__main {
    display: flex;
    flex-wrap: nowrap;
    -moz-column-gap: clamp(0.75rem, 4.516vw - 2.919rem, 2.5rem);
         column-gap: clamp(0.75rem, 4.516vw - 2.919rem, 2.5rem);
  }
}
.footer__main > * {
  min-width: 0;
}
@media (min-width: 1301px) {
  .footer__main > * {
    flex-grow: 1;
  }
}
.footer__text {
  font-size: clamp(0.813rem, 0.197vw + 0.763rem, 1rem);
}
.footer__text-title {
  margin-bottom: 0.5em;
  color: #FFFFFF;
  font-size: 1.1em;
}
.footer__text-title > a {
  color: #FFFFFF;
}
@media (hover: hover) {
  .footer__text-title > a:hover {
    color: rgba(255, 255, 255, 0.5);
  }
}
.footer__text-title > a:active {
  color: rgba(255, 255, 255, 0.5);
}
.footer__text-cont {
  color: #767676;
}
.footer__text-cont > a {
  color: #767676;
  text-decoration: underline;
}
@media (hover: hover) {
  .footer__text-cont > a:hover {
    color: #FFFFFF;
  }
}
.footer__text-cont > a:active {
  color: #FFFFFF;
}
.footer__ask {
  position: relative;
  background: linear-gradient(104.62deg, #00636F 0%, #002427 47.79%);
  border-radius: 1.875rem;
  padding: 1.75rem;
  margin-left: -1rem;
  margin-right: -1rem;
}
@media (min-width: 992px) {
  .footer__ask {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.footer__ask-head {
  margin-bottom: 1.5rem;
}
@media (min-width: 992px) {
  .footer__ask-head {
    margin-bottom: 0;
  }
}
.footer__ask-title {
  color: #FFFFFF;
  font-size: 1.25rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: -1px;
  align-items: center;
  flex-wrap: nowrap;
  gap: 0.625rem;
  margin-bottom: 1.5rem;
}
.footer__ask-title > svg {
  flex: 0 0 1em;
  width: 1em;
  height: 1em;
}
.footer__ask-subtitle {
  font-size: clamp(0.75rem, 0.132vw + 0.717rem, 0.875rem);
  color: rgba(255, 255, 255, 0.8);
  letter-spacing: -0.16px;
  margin-bottom: 0;
}
.footer__ask-sbm {
  margin-top: 2.25rem;
}
@media (min-width: 992px) {
  .footer__ask-sbm {
    margin-top: 0;
  }
}
.footer__ask-sbm-btn {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25;
  padding: 1.25em;
  width: 100%;
  min-width: 0;
}
@media (min-width: 500px) {
  .footer__ask-sbm-btn {
    min-width: 19.375rem;
    width: auto;
  }
}

.mob {
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(15px);
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  width: 100%;
  height: 100%;
  padding: 103px 0 0 0;
  transition: 300ms ease;
  overflow-y: auto;
}
@media (max-width: 991px) {
  .menu-is-opened .mob {
    z-index: 60;
    opacity: 1;
    visibility: visible;
  }
}
.mob::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}
.mob__item--last {
  flex-shrink: 0;
}
.mob__item--first {
  flex: 1;
  display: flex;
  align-items: center;
}
.mob__menu {
  display: grid;
  grid-template-columns: 100%;
  gap: 10px;
  padding: 30px 0 100px 0;
  width: 100%;
}
.mob__menu > li {
  display: flex;
  justify-content: center;
}
.mob__menu > li > a {
  display: block;
  padding: 10px 22px;
  border-radius: 50px;
  transition: 300ms ease;
  text-decoration: none !important;
  font-size: 1.125rem;
  font-weight: bold;
  -webkit-tap-highlight-color: #000;
}
.mob__dark {
  background: #000809;
  border-radius: 30px 30px 0 0;
  color: #fff;
  overflow: hidden;
}
.mob__dark .footer__box {
  margin: 0;
  padding-left: 30px;
  padding-right: 30px;
}
.mob__dark .footer__box::before {
  display: none;
}
.mob__social {
  margin-bottom: 50px;
}
.mob__links {
  display: none !important;
  grid-template-columns: 100%;
  gap: 14px;
}
.mob__link {
  align-items: center;
  gap: 9px;
  font-size: 17px;
}
.mob__actions {
  display: grid;
  grid-template-columns: auto auto;
  margin: 40px 0 25px 0;
}
.mob__action {
  display: flex;
  justify-content: center;
}
.mob__up {
  align-items: center;
  gap: 9px;
}
.mob__up > span {
  font-size: 12px;
}
.mob__order-btn {
  min-width: 1px;
  width: 230px;
  font-size: 16px;
  padding: 15px 23px;
  gap: 10px;
}
.mob__texts {
  border-top: 1px solid rgba(234, 234, 234, 0.1);
  padding: 17px 13px 0 13px;
  gap: 16px;
  justify-content: space-between;
}
.mob__text {
  font-size: 10px;
  font-weight: 400;
}
.mob__text--fullwidth {
  width: 100%;
}

.first {
  background: #000809;
  color: #fff;
  border-radius: 0 0 3.125rem 3.125rem;
  overflow: hidden;
}
.first__video {
  position: relative;
  padding-top: max(46.1458333333%, 29.375rem);
}
.first__video:after {
  content: "";
  width: 100%;
  height: 46.2753950339%;
  background: linear-gradient(180deg, rgba(0, 8, 9, 0) 0%, #000809 60%);
  position: absolute;
  bottom: -16.2528216704%;
  left: 0;
}
@media (max-width: 651px) {
  .first__video:after {
    height: 26.125rem;
    bottom: -51.0638297872%;
    background: linear-gradient(180deg, rgba(0, 8, 9, 0) 0%, #000809 45%);
  }
}
.first__video > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.first__video > *:is(video) {
  pointer-events: none;
}
.first__video > *:is(video)::-webkit-media-controls-panel {
  display: none !important;
  opacity: 1 !important;
}
.first__in {
  width: 100%;
  max-width: 1415px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 5;
  margin-top: calc(clamp(2.5rem, 4.934vw + 1.266rem, 7.188rem) * -1);
  padding-bottom: clamp(0.625rem, 1.316vw + 0.296rem, 1.875rem);
}
@media (min-width: 992px) {
  .first__in {
    padding-bottom: clamp(1.25rem, 3.816vw + 0.296rem, 4.875rem);
  }
}
.first__cont {
  text-align: center;
}
@media (max-width: 650px) {
  .first__cont {
    text-align: left;
  }
}
.first__title {
  font-size: clamp(2.25rem, 1.316vw + 1.921rem, 3.5rem);
  margin-bottom: clamp(1.125rem, 0.789vw + 0.928rem, 1.875rem);
}
.first__title br.mobile-br {
  display: none !important;
}
.first__subtitle {
  color: rgba(255, 255, 255, 0.8);
  font-size: clamp(1.25rem, 0.395vw + 1.151rem, 1.625rem);
}
.first__info {
  margin-top: clamp(3.25rem, 4.474vw + 2.132rem, 7.5rem);
}
.first__info-row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 3.125rem clamp(1.5rem, 6.034vw - 2.241rem, 5rem);
}
@media (min-width: 992px) {
  .first__info-row {
    grid-template-columns: 7fr 5fr;
  }
}
@media (min-width: 1301px) {
  .first__info-row {
    grid-template-columns: 8fr 4fr;
  }
}
.first__info-col {
  min-width: 0;
}
.first__info-col--2 {
  align-self: center;
}
.first__stats {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.625rem;
}
.first__stats-item {
  min-width: 0;
  min-height: clamp(9.125rem, 3.553vw + 8.237rem, 12.5rem);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2);
  border-radius: 1.375rem;
  padding: clamp(1.25rem, 0.658vw + 1.086rem, 1.875rem) clamp(0.75rem, 1.842vw + 0.289rem, 2.5rem) clamp(1.25rem, 1.316vw + 0.921rem, 2.5rem);
  position: relative;
  color: rgba(255, 255, 255, 0.5);
  transition: color 300ms ease;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.first__stats-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 1.375rem;
  background: radial-gradient(210.77% 210.77% at 49.9% -110.77%, #00080A 74.04%, #006A74 89.42%, #C2FFF9 100%);
  background-blend-mode: hue, normal;
  opacity: 0;
  visibility: hidden;
  transition: opacity 300ms ease, visibility 300ms ease;
}
@media (hover: hover) {
  .first__stats-item:hover {
    color: #FFFFFF;
  }
  .first__stats-item:hover::before {
    opacity: 1;
    visibility: visible;
  }
}
.first__stats-item:active {
  color: #FFFFFF;
}
.first__stats-item:active::before {
  opacity: 1;
  visibility: visible;
}
.first__stats-num {
  font-size: clamp(3.5rem, 4.211vw + 2.447rem, 7.5rem);
  font-weight: 700;
  line-height: 1;
  color: inherit;
  position: relative;
}
.first__stats-text {
  font-size: clamp(0.875rem, 0.263vw + 0.809rem, 1.125rem);
  color: inherit;
  position: relative;
}
.first__free-title {
  font-size: clamp(2.25rem, 0.513vw + 2.135rem, 2.75rem);
  line-height: 1.2;
  letter-spacing: -0.06em;
  margin-bottom: 0.9375rem;
}
.first__free-title:last-child {
  margin-bottom: 0;
}
.first__free-subtitle {
  font-size: clamp(1rem, 0.526vw + 0.868rem, 1.5rem);
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.8);
}
.first__free-order {
  margin-top: 1.5rem;
}
.first__free-order-btn {
  font-size: clamp(1.125rem, 0.263vw + 1.059rem, 1.375rem);
  max-width: 100%;
  width: 100%;
  min-width: 0;
}
@media (min-width: 500px) {
  .first__free-order-btn {
    min-width: 373px;
    width: -moz-fit-content;
    width: fit-content;
  }
}

.cases__in {
  padding: 154px 0 94px 0;
}
@media (max-width: 650px) {
  .cases__in {
    padding: 48px 0 58px 0;
  }
}
.cases__top {
  margin-bottom: 64px;
}
@media (max-width: 1300px) {
  .cases__top {
    display: grid;
    grid-template-columns: 100%;
  }
}
@media (max-width: 650px) {
  .cases__top {
    position: relative;
    padding-top: 82px;
    margin-bottom: 30px;
  }
}
@media (max-width: 650px) {
  .cases__top .step-button {
    position: absolute;
    top: 0;
    left: 0;
  }
}
@media (max-width: 650px) {
  .cases__all-link {
    margin-top: 16px;
  }
}
.cases-page .projects__in {
  min-height: 1000px;
}

.items-cases {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px clamp(0.75rem, 1.042vw + 0.25rem, 1.5rem);
}
@media (max-width: 767px) {
  .items-cases {
    grid-template-columns: 100%;
    gap: 6px;
  }
}
@media (max-width: 650px) {
  .items-cases {
    margin: 0 -5px;
  }
}
.items-cases__item {
  min-width: 0;
  display: flex !important;
  flex-direction: column;
}
.items-cases__item > * {
  flex-grow: 1;
  min-height: 0;
}
.items-cases__box {
  flex-grow: 1;
  min-height: 0;
  background: #EEEFF5;
  border-radius: 25px;
  overflow: hidden;
  transition: 300ms ease;
}
.items-cases__box--light {
  background: transparent;
  overflow: visible;
}
.items-cases__box--light .items-cases__advantages {
  bottom: 16px;
  left: 16px;
}
.items-cases__box--light .items-cases__advantage {
  background: #1C274C;
  border-radius: 50px;
  font-size: 16px;
  padding: 12px 20px 12px 16px;
}
.items-cases__box--light .items-cases__cont {
  padding-bottom: 0;
}
.items-cases__box--light .items-cases__title {
  font-size: 36px;
}
@media (max-width: 650px) {
  .items-cases__box--light .items-cases__image {
    min-height: 243px;
  }
}
.items-cases__box--light .items-cases__text {
  font-size: 18px;
}
.items-cases__box--light:hover {
  box-shadow: none !important;
}
.items-cases__box:hover {
  box-shadow: 0 0 18px rgba(0, 0, 0, 0.37);
}
.items-cases__main {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
}
.items-cases__tags {
  position: absolute;
  top: 7px;
  left: 7px;
  z-index: 5;
  gap: 5px;
}
.items-cases__tag {
  align-items: center;
  background: rgba(246, 247, 251, 0.8);
  backdrop-filter: blur(3.35px);
  border-radius: 50px;
  padding: 9px 13px 9px 10px;
  gap: 3px;
}
.items-cases__tag-ico {
  width: 16px;
  height: 16px;
  background: no-repeat center;
  background-size: 80%;
}
@media (max-width: 650px) {
  .items-cases__tag-ico {
    width: 10px;
    height: 10px;
  }
}
.items-cases__tag-text {
  font-size: 14px;
  font-weight: bold;
}
@media (max-width: 650px) {
  .items-cases__tag-text {
    font-size: 8px;
  }
}
@media (max-width: 650px) {
  .items-cases__tag {
    padding: 6px 10px;
  }
}
.items-cases__advantages {
  gap: 5px;
  position: absolute;
  bottom: 7px;
  left: 7px;
  right: 7px;
  z-index: 5;
}
@media (max-width: 650px) {
  .items-cases__advantages {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
.items-cases__advantage {
  background: rgba(0, 8, 9, 0.8);
  backdrop-filter: blur(5.5px);
  border-radius: 15px;
  padding: 4.5px 20px 4.5px 13px;
  color: #fff;
  align-items: center;
  gap: 13px;
  line-height: 1.45;
}
@media (max-width: 1800px) {
  .items-cases__advantage {
    padding: 5px 20px 5px 13px !important;
    gap: 10px !important;
  }
}
.items-cases__advantage-ico {
  background: url(../img/white-star.svg) no-repeat;
  width: 30px;
  height: 30px;
}
@media (max-width: 1800px) {
  .items-cases__advantage-ico {
    width: 20px !important;
    height: 20px !important;
    background-size: contain !important;
  }
}
@media (max-width: 1800px) {
  .items-cases__advantage-text {
    font-size: 10px !important;
    width: calc(100% - 20px - 10px) !important;
  }
}
.items-cases__cont {
  padding: 15px 25px 45px 15px;
}
@media (max-width: 650px) {
  .items-cases__cont {
    padding: 10px 15px 27px 15px;
  }
}
.items-cases__top-col--1 {
  flex: 1;
}
.items-cases__top-col--2 {
  flex-shrink: 0;
}
.items-cases__title {
  font-size: 27px;
  font-weight: 800;
  letter-spacing: -1.2px;
  margin-bottom: 8px;
}
@media (max-width: 1800px) {
  .items-cases__title {
    font-size: 24px;
  }
}
@media (max-width: 650px) {
  .items-cases__title {
    font-size: 18px;
    line-height: 1.14;
    letter-spacing: -0.06em;
  }
}
.items-cases__title a {
  transition: 300ms ease;
  text-decoration: none !important;
  color: #0B0B0B !important;
}
.items-cases__title a:hover {
  text-decoration: none;
  color: #00636F !important;
}
.items-cases__text {
  font-weight: 500;
}
@media (max-width: 650px) {
  .items-cases__text {
    font-size: 12px;
  }
}
@media (max-width: 650px) {
  .items-cases__image {
    min-height: 231px;
  }
}
.items-cases__image img {
  transition: 300ms ease;
}
.items-cases__image a:hover img {
  transform: scale(1.05);
  filter: brightness(82%);
}
.items-cases__labels {
  margin-top: 18px;
}
@media (max-width: 650px) {
  .items-cases__labels {
    margin-top: 14px;
  }
}

.items-links {
  display: grid;
  grid-template-columns: repeat(3, auto);
  margin-top: 29px;
  gap: 30px 35px;
}
@media (max-width: 767px) {
  .items-links {
    margin-top: 24px;
    gap: 40px 10px;
  }
}
@media (max-width: 500px) {
  .items-links {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    margin: -12px -5px;
  }
}
@media (max-width: 500px) {
  .items-links__item {
    padding: 12px 5px;
    flex: 0 0 50%;
  }
}
.items-links__link {
  color: rgba(11, 11, 11, 0.6);
  text-decoration: none;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: -0.43px;
  gap: 5px;
  transition: 300ms ease;
}
@media (max-width: 650px) {
  .items-links__link {
    font-size: 16px;
    display: block;
  }
}
.items-links__link:hover {
  text-decoration: none;
  color: #0B0B0B;
}
.items-links__count {
  font-size: 14px;
  letter-spacing: -0.27px;
  color: #B3B3B3;
}
@media (max-width: 650px) {
  .items-links__count {
    font-size: 12px;
    transform: translateY(-7px);
    display: inline-block;
  }
}

.services__in {
  padding-top: clamp(2.5rem, 2.895vw + 1.776rem, 5.25rem);
  padding-bottom: clamp(4rem, 2.105vw + 3.474rem, 6rem);
}
.services__top {
  margin-bottom: 3.125rem;
  align-items: center;
}
.services__top-left {
  align-items: center;
}
.services__title {
  font-size: clamp(4.5rem, 1.842vw + 4.039rem, 6.25rem);
  letter-spacing: -6px;
}
@media (min-width: 992px) {
  .services__title {
    line-height: 1.35;
  }
}
.services__subtitle {
  font-size: clamp(1rem, 0.395vw + 0.901rem, 1.375rem);
  font-weight: 400;
  color: rgba(255, 255, 255, 0.8);
}
@media (min-width: 651px) {
  .services__subtitle {
    width: 100%;
    max-width: 34rem;
  }
}

.items-services {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(0.5rem, 0.789vw + 0.303rem, 1.25rem);
}
@media (min-width: 768px) {
  .items-services {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1301px) {
  .items-services {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1401px) {
  .items-services {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 1401px) {
  .items-services:has(> *:nth-child(9)) {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1401px) {
  .items-services:has(> *:nth-child(12)) {
    grid-template-columns: repeat(4, 1fr);
  }
}
.items-services__item {
  min-width: 0;
  position: relative;
  display: flex;
  flex-direction: column;
}
.items-services__item::before, .items-services__item::after {
  content: "";
  position: absolute;
  width: 25%;
  height: 25%;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-bottom: 0;
  transition: border-color 300ms ease;
  top: 0;
  pointer-events: none;
}
.items-services__item::before {
  border-right: 0;
  border-top-left-radius: 1.875rem;
  left: 0;
}
.items-services__item::after {
  border-left: 0;
  border-top-right-radius: 1.875rem;
  right: 0;
}
.items-services__box {
  min-height: clamp(10.875rem, 2.632vw + 10.217rem, 13.375rem);
  padding: 2rem;
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
  flex-grow: 1;
}
@media (min-width: 1301px) {
  .items-services__box {
    padding: 1.375rem 2rem;
  }
}
@media (min-width: 1801px) {
  .items-services__box {
    padding: 2rem;
  }
}
.items-services__box::before, .items-services__box::after {
  content: "";
  position: absolute;
  width: 25%;
  height: 25%;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-top: 0;
  transition: border-color 300ms ease;
  bottom: 0;
  pointer-events: none;
}
.items-services__box::before {
  border-right: 0;
  border-bottom-left-radius: 1.875rem;
  left: 0;
}
.items-services__box::after {
  border-left: 0;
  border-bottom-right-radius: 1.875rem;
  right: 0;
}
@media (hover: hover) {
  .items-services__item:not(:has(.items-services__go)):hover::before, .items-services__item:not(:has(.items-services__go)):hover::after {
    border-color: #FFFFFF;
  }
}
@media (hover: hover) {
  .items-services__item:hover .items-services__box:not(:has(.items-services__go))::before, .items-services__item:hover .items-services__box:not(:has(.items-services__go))::after {
    border-color: #FFFFFF;
  }
}
.items-services__ico {
  flex: 0 0 28.5714285714%;
  width: 28.5714285714%;
  max-width: 8rem;
  aspect-ratio: 1;
  font-size: 0;
  line-height: 0;
  position: relative;
}
.items-services__ico > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.5rem;
}
.items-services__ico > svg {
  width: 100%;
  height: 100%;
  overflow: initial;
}
.items-services__cont {
  flex: 1;
}
.items-services__title {
  font-size: clamp(1.125rem, 0.395vw + 1.026rem, 1.5rem);
  margin-bottom: clamp(0.25rem, 0.789vw + 0.053rem, 1rem);
}
.items-services__title:last-child {
  margin-bottom: 0;
}
.items-services__text {
  font-size: clamp(0.75rem, 0.132vw + 0.717rem, 0.875rem);
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.8);
}
.items-services__box:has(.items-services__go) {
  padding: 0;
  align-items: initial;
}
.items-services__go {
  font-size: clamp(1.125rem, 0.263vw + 1.059rem, 1.375rem);
  font-weight: 500;
  background-color: transparent;
  border-radius: 1.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 1em;
       column-gap: 1em;
  padding: 1.25rem;
  color: #FFFFFF;
  fill: #FFFFFF;
  transition: background-color 300ms ease, color 300ms ease, fill 300ms ease;
  width: 100%;
  position: relative;
  cursor: pointer;
  z-index: 1;
}
.items-services__go > svg {
  flex: 0 0 136.3636363636%;
  width: 136.3636363636%;
  height: auto;
  overflow: initial;
}
.items-services__go::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 1.75rem;
  background: radial-gradient(210.77% 210.77% at 49.9% -110.77%, #00080A 74.04%, #006A74 89.42%, #C2FFF9 100%);
  background-blend-mode: hue, normal;
  opacity: 0;
  visibility: hidden;
  transition: opacity 300ms ease, visibility 300ms ease;
}
.items-services__go > span {
  position: relative;
  z-index: 1;
}
@media (hover: hover) {
  .items-services__go:hover {
    color: #FFFFFF;
    fill: #FFFFFF;
  }
  .items-services__go:hover::before {
    opacity: 1;
    visibility: visible;
  }
}
.items-services__go:active {
  color: #FFFFFF;
  fill: #FFFFFF;
}
.items-services__go:active::before {
  opacity: 1;
  visibility: visible;
}

.we {
  overflow: hidden;
  padding-top: clamp(3.125rem, 3.289vw + 2.303rem, 6.25rem);
  padding-bottom: clamp(5rem, 1.316vw + 4.671rem, 6.25rem);
}
.we__top {
  margin-bottom: 1.75rem;
}
@media (max-width: 650px) {
  .we__top {
    display: grid;
    grid-template-columns: 100%;
  }
}
@media (max-width: 650px) {
  .we__top .step-button__btn {
    min-width: 179px;
  }
}
.we__title {
  letter-spacing: -0.06em;
}
.we__subtitle {
  font-size: clamp(1rem, 0.263vw + 0.934rem, 1.25rem);
  color: #A3A3A3;
  margin-top: 1rem;
}
.we__row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2.25rem;
}
@media (min-width: 1151px) {
  .we__row {
    display: flex;
    align-items: flex-start;
    gap: 0;
  }
}
.we__col {
  flex: 0 0 100%;
  width: 100%;
  min-width: 0;
}
@media (min-width: 1151px) {
  .we__col--1 {
    flex: initial;
    width: 68%;
    padding-right: 72px;
  }
}
@media (min-width: 1801px) {
  .we__col--1 {
    width: 58.6%;
    padding-right: 80px;
  }
}
@media (max-width: 1150px) {
  .we__col--1 {
    padding: 0;
    width: 100%;
  }
}
@media (min-width: 1151px) {
  .we__col--2 {
    flex: initial;
    width: 32%;
  }
}
@media (min-width: 1801px) {
  .we__col--2 {
    width: 41.4%;
  }
}
@media (max-width: 1150px) {
  .we__col--2 {
    padding: 0;
    width: 100%;
  }
}
.we__user {
  row-gap: 2.5rem;
}
@media (min-width: 651px) {
  .we__user {
    align-items: flex-start;
    -moz-column-gap: clamp(2rem, 2.994vw + 0.782rem, 4.375rem);
         column-gap: clamp(2rem, 2.994vw + 0.782rem, 4.375rem);
  }
}
.we__user-col {
  flex: 0 0 100%;
  width: 100%;
}
.we__user-col--1 {
  display: flex;
  -moz-column-gap: clamp(1.75rem, 2.763vw + 1.059rem, 4.375rem);
       column-gap: clamp(1.75rem, 2.763vw + 1.059rem, 4.375rem);
  row-gap: 1.5rem;
}
@media (min-width: 500px) {
  .we__user-col--1 {
    display: grid;
    grid-template-columns: 8fr 4fr;
  }
}
@media (min-width: 651px) {
  .we__user-col--1 {
    display: flex;
    flex-wrap: wrap;
    flex: 0 0 clamp(19.063rem, 3.388vw + 17.684rem, 21.75rem);
    width: clamp(19.063rem, 3.388vw + 17.684rem, 21.75rem);
  }
}
@media (min-width: 500px) {
  .we__user-col--1 > * {
    min-width: 0;
  }
}
@media (min-width: 651px) {
  .we__user-col--2 {
    flex: 1;
  }
}
.we__user-photo {
  flex: 0 0 31.7948717949%;
  width: 31.7948717949%;
  aspect-ratio: 124/102;
  position: relative;
}
@media (min-width: 500px) {
  .we__user-photo {
    flex: initial;
    width: auto;
  }
}
@media (min-width: 651px) {
  .we__user-photo {
    flex: 0 0 100%;
    width: 100%;
    aspect-ratio: 348/286;
  }
}
.we__user-photo > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 1.25rem;
}
.we__user-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}
@media (min-width: 500px) {
  .we__user-info {
    justify-content: flex-start;
  }
}
.we__user-name {
  font-size: clamp(1.5rem, 0.263vw + 1.434rem, 1.75rem);
  line-height: 1.1;
  font-weight: 700;
  margin-bottom: 0.375rem;
}
.we__user-name:last-child {
  margin-bottom: 0;
}
.we__user-job {
  font-size: clamp(1rem, 0.263vw + 0.934rem, 1.25rem);
  font-weight: 500;
}
.we__user-quote-text {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.45;
  max-width: 410px;
  margin-bottom: 25px;
}
@media (max-width: 1800px) {
  .we__user-quote-text {
    font-size: 21px;
  }
}
@media (max-width: 650px) {
  .we__user-quote-text {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 17px;
    padding-right: 19px;
  }
}
.we__user-quote-author {
  font-size: 22px;
  font-weight: 600;
  color: rgba(11, 11, 11, 0.6);
  text-align: right;
  margin-bottom: 41px;
}
@media (max-width: 1800px) {
  .we__user-quote-author {
    font-size: 19px;
  }
}
@media (max-width: 650px) {
  .we__user-quote-author {
    font-size: 16px;
    margin-bottom: 24px;
  }
}
.we__user-quote-btext {
  font-size: 20px;
  position: relative;
  z-index: 3;
  max-width: 370px;
}
@media (max-width: 1800px) {
  .we__user-quote-btext {
    font-size: 17px;
  }
}
@media (max-width: 650px) {
  .we__user-quote-btext {
    font-size: 16px;
    max-width: 295px;
  }
}
.we__user-quote-signature {
  display: flex;
  justify-content: flex-end;
  margin: -10px 0 0 0;
}
.we__user-quote-signature img {
  pointer-events: none;
}
@media (max-width: 650px) {
  .we__user-quote-signature img {
    width: 175px;
  }
}
.we__stitle {
  margin-bottom: 19px;
  letter-spacing: -0.06em;
}
.we__stitle-text {
  font-size: 22px;
  font-weight: bold;
  color: #000;
}
.we__stitle-count {
  font-size: 18px;
  font-weight: bold;
  color: #B3B3B3;
  transform: translateY(-5px);
}
.we__team {
  margin: 0;
}
.we__team.slick-initialized .slick-slide {
  opacity: 0;
  visibility: hidden;
  transition: opacity 300ms ease, visibility 300ms ease;
}
.we__team.slick-initialized .slick-slide.slick-active {
  opacity: 1;
  visibility: visible;
}
.we__team.slick-initialized .slick-slide.slick-active + * {
  opacity: 1;
  visibility: visible;
}
.we__team .slick-list {
  overflow: initial;
}
.we__team .slick-track {
  gap: 0 10px;
}
.we__team-item {
  width: 292px;
  height: auto;
}
@media (max-width: 1800px) {
  .we__team-item {
    width: 256px;
  }
}
@media (max-width: 650px) {
  .we__team .slider__arrow--next {
    right: 10px;
  }
}
@media (max-width: 650px) {
  .we__team .slider__arrow--prev {
    right: 112px;
  }
}
@media (max-width: 650px) {
  .we__team .slider__arrow.slick-disabled {
    background: #fff;
    box-shadow: 0 0 0 1px #000;
    color: #000;
  }
}
@media (max-width: 650px) {
  .we__team .slider__arrow.slick-disabled svg path {
    stroke: #000;
  }
}
.we__video {
  background: #0B0B0B;
  height: 739px;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  margin-top: 35px;
}
@media (max-width: 1800px) {
  .we__video {
    height: 550px;
  }
}
@media (max-width: 1300px) {
  .we__video {
    height: 450px;
  }
}
@media (max-width: 991px) {
  .we__video {
    height: 350px;
  }
}
@media (max-width: 650px) {
  .we__video {
    height: 303px;
  }
}
.we__video-dev img {
  display: block;
  pointer-events: none;
}
@media (max-width: 650px) {
  .we__video-dev img {
    width: 287px;
  }
}

.item-team__box {
  border: 1px solid rgba(32, 32, 32, 0.2);
  border-radius: 20px;
  padding: 26px 20px;
  height: 100%;
}
.item-team__photo {
  margin-bottom: 15px;
}
.item-team__photo img {
  width: 109px;
  height: 109px;
  display: block;
  border-radius: 100px;
  -o-object-fit: cover;
     object-fit: cover;
}
.item-team__name {
  font-size: 24px;
  line-height: 1.05;
  font-weight: 600;
}
@media (max-width: 1800px) {
  .item-team__name {
    font-size: 21px;
  }
}
.item-team__job {
  font-size: 18px;
  font-weight: 500;
  margin-top: 5px;
}
@media (max-width: 1800px) {
  .item-team__job {
    font-size: 16px;
  }
}
.item-team__text {
  font-size: 16px;
  line-height: 1.45;
  margin-top: 15px;
}
@media (max-width: 1800px) {
  .item-team__text {
    font-size: 14px;
  }
}

.reviews__in {
  padding: 0 0 134px 0;
}
@media (max-width: 650px) {
  .reviews__in {
    padding: 0 0 56px 0;
  }
}
.reviews__top {
  margin-bottom: 30px;
}
@media (max-width: 650px) {
  .reviews__top {
    flex-direction: column-reverse;
    margin-bottom: 25px;
  }
}
@media (max-width: 650px) {
  .reviews__top .section-top__col {
    width: 100%;
  }
}
.reviews__marquee {
  margin-bottom: 12px;
}
.reviews__marquee:last-child {
  margin-bottom: 0;
}
.reviews__items {
  gap: 12px;
}

.marquee-js {
  overflow: hidden;
}

.item-reviews__box {
  background: #F6F7FB;
  border-radius: 16px;
  padding: 15px 16px 22px 16px;
  width: 400px;
  height: 100%;
}
@media (max-width: 650px) {
  .item-reviews__box {
    width: 310px;
  }
}
.item-reviews__top {
  align-items: center;
  margin-bottom: 14px;
}
.item-reviews__name {
  font-size: 16px;
  font-weight: bold;
  color: #51535B;
  line-height: 1;
}
.item-reviews__job {
  font-size: 12px;
  color: rgba(81, 83, 91, 0.4);
}
.item-reviews__info {
  flex: 1;
}
.item-reviews__stars {
  flex-shrink: 0;
  gap: 7px;
}
.item-reviews__star {
  background: url(../img/star.svg) no-repeat;
  width: 21px;
  height: 20px;
}
.item-reviews__text {
  font-size: 12px;
  color: #51535B;
}

.eco__in {
  padding: 0 0 90px 0;
}
@media (max-width: 650px) {
  .eco__in {
    padding-bottom: 69px;
  }
}
.eco__row {
  align-items: center;
}
@media (max-width: 1300px) {
  .eco__row {
    display: grid;
    grid-template-columns: 100%;
    gap: 19px;
    padding-bottom: 126px;
    position: relative;
  }
}
.eco__col--1 {
  flex: 0 0 465px;
  padding-right: 70px;
}
@media (max-width: 1300px) {
  .eco__col--1 {
    padding: 0;
  }
}
.eco__col--2 {
  flex: 1;
}
.eco__title {
  margin-bottom: 10px;
  letter-spacing: -0.06em;
}
.eco__subtitle {
  font-weight: 400;
}
.eco__go {
  margin-top: 58px;
}
@media (max-width: 1300px) {
  .eco__go {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  }
}
.eco__go-btn {
  min-width: 0;
}
@media (max-width: 1300px) {
  .eco__go-btn {
    min-height: 84px;
    width: 100%;
  }
}
.eco__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
@media (max-width: 767px) {
  .eco__items {
    display: block;
    margin: 0 -3px;
    position: relative;
    padding: 0 0 27px 0;
  }
  .eco__items .slick-slide {
    padding: 0 3px;
  }
}
.eco__items .slick-list {
  width: calc(100% + clamp(0.625rem, 1.316vw + 0.296rem, 1.875rem) * 2);
  margin-left: calc(clamp(0.625rem, 1.316vw + 0.296rem, 1.875rem) * -1);
  margin-right: calc(clamp(0.625rem, 1.316vw + 0.296rem, 1.875rem) * -1);
}
@media (min-width: 768px) {
  .eco__items .slick-list {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}

.items-blog__box {
  overflow: hidden;
  border-radius: 18px;
  position: relative;
}
.items-blog__box:hover .items-blog__image img {
  transform: scale(1.03);
}
.items-blog__image {
  padding-bottom: 68%;
  position: relative;
}
@media (max-width: 1800px) {
  .items-blog__image {
    min-height: 310px;
  }
}
.items-blog__image:before {
  content: "";
  background: linear-gradient(180deg, rgba(37, 38, 43, 0) 0%, #25262B 100%), url(image.png), url(4567.png), url(image.png);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transition: 300ms ease;
}
.items-blog__image img {
  transition: 300ms ease;
}
.items-blog__cats {
  gap: 5px;
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 5;
}
.items-blog__cat {
  background: #252A2B;
  border-radius: 50px;
  color: #fff;
  padding: 6px 11px;
  font-size: 14px;
  font-weight: 500;
}
.items-blog__cat.flex {
  align-items: center;
  gap: 2px;
}
.items-blog__cat.flex > span {
  transform: translateY(-1px);
}
.items-blog__timeread {
  font-size: 14px;
  font-weight: 500;
  position: absolute;
  top: 16px;
  right: 20px;
  z-index: 5;
  color: #fff;
}
.items-blog__rate {
  position: absolute;
  top: 16px;
  right: 20px;
  z-index: 5;
}
.items-blog__rate .bnew-rate {
  gap: 3px;
}
.items-blog__rate .bnew-rate__star {
  background-size: contain;
  width: 18px;
  height: 18px;
}
.items-blog__rate .bnew-rate__star--active {
  filter: invert(1);
}
.items-blog__bottom {
  position: absolute;
  bottom: 20px;
  left: 15px;
  right: 15px;
  z-index: 5;
}
.items-blog__title {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
}

.start__in {
  padding-bottom: calc(clamp(-3.25rem, 1.447vw - 3.612rem, -1.875rem) * -1);
}
.start__box {
  padding: clamp(2.5rem, 1.579vw + 2.105rem, 4rem) clamp(1.875rem, 3.816vw + 0.921rem, 5.5rem);
  border-radius: clamp(1.875rem, 1.316vw + 1.546rem, 3.125rem);
  display: grid;
  align-items: center;
  grid-template-columns: 1fr;
  gap: clamp(1.875rem, 2.237vw + 1.316rem, 4rem) clamp(1.875rem, 3.816vw + 0.921rem, 5.5rem);
}
@media (min-width: 1151px) {
  .start__box {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1401px) {
  .start__box {
    grid-template-columns: 5fr 7fr;
  }
}
.start__col {
  min-width: 0;
}
.start__title {
  margin-bottom: clamp(1.25rem, 0.263vw + 1.184rem, 1.5rem);
}
.start__title:last-child {
  margin-bottom: 0;
}
.start__subtitle {
  font-size: clamp(1rem, 0.526vw + 0.868rem, 1.5rem);
  line-height: 1.45;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.8);
}
.start__form .form__check a {
  color: #737373;
}
.start__form .form__check a:hover {
  text-decoration: none;
}

.tech__in {
  padding-top: clamp(2.25rem, 1.053vw + 1.987rem, 3.25rem);
  padding-bottom: clamp(4rem, 0.395vw + 3.901rem, 4.375rem);
}
.tech__row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.125rem;
}
@media (max-width: 991px) {
  .tech__row {
    grid-template-columns: 100%;
  }
}
.tech__items-title {
  margin-bottom: 14px;
  font-size: 21px;
  font-weight: 500;
}
@media (max-width: 650px) {
  .tech__items-title {
    font-size: 12px;
    opacity: 0.6;
    margin-bottom: 12px;
  }
}

.items-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 13px;
}
@media (max-width: 991px) {
  .items-list {
    grid-template-columns: 100%;
  }
}
@media (max-width: 650px) {
  .items-list {
    gap: 10px;
  }
}

.item-list__box {
  height: 100%;
  background: #F6F7FB;
  border-radius: 50px;
  padding: 21px 20px;
  align-items: center;
  gap: 16px;
}
.item-list__ico {
  background: url(../img/black-star.svg) no-repeat;
  width: 27px;
  height: 27px;
}
.item-list__text {
  color: #000;
  font-size: 18px;
  line-height: 1.45;
  width: calc(100% - 27px - 16px);
}
@media (max-width: 650px) {
  .item-list__text {
    font-size: 12px;
  }
}

.progress__in {
  padding-bottom: 4rem;
}
@media (min-width: 768px) {
  .progress__in {
    padding-bottom: 6rem;
  }
}
@media (min-width: 1151px) {
  .progress__in {
    padding-bottom: 6.25rem;
  }
}
.progress__top {
  margin-bottom: 30px;
}
.progress__title {
  letter-spacing: -5px;
}
@media (max-width: 767px) {
  .progress__title {
    letter-spacing: -3.75px;
  }
}

.story__box {
  background: #000809;
  border-radius: 66px;
  padding: 91px 38px 115px 53px;
  color: #fff;
}
@media (max-width: 1300px) {
  .story__box {
    padding: 69px 35px 71px 35px;
  }
}
@media (max-width: 650px) {
  .story__box {
    margin: 0 -10px;
    border-radius: 50px;
  }
}
@media (max-width: 1150px) {
  .story__col {
    width: 100%;
    flex: 0 0 100%;
    padding: 0;
  }
}
.story__col--2 {
  flex: 0 0 485px;
}
@media (max-width: 1150px) {
  .story__col--2 {
    margin-top: 95px;
  }
}
.story__col--1 {
  flex: 1;
}
.story__row:has(.story__col--2) .story__col--1 {
  padding-right: 2.5rem;
}
.story__row:has(.story__col--2) .story__col--1 .story__text {
  max-width: 1110px;
}
.story__top {
  margin-bottom: 42px;
}
@media (max-width: 650px) {
  .story__top {
    margin-bottom: 20px;
  }
}
.story__title {
  letter-spacing: -5px;
}
.story__text {
  color: #888;
}
.story__text b {
  color: #fff;
}
.story__news {
  display: grid;
  grid-template-columns: 100%;
  gap: 20px;
  margin-top: 33px;
}
.story__news-link-btn {
  justify-content: flex-start;
  min-width: 1px;
  width: 100%;
  font-size: 16px;
}
.story__news-link-btn .btn__arrow {
  margin-left: auto;
}

.item-news__box {
  background: #1D1D1D;
  border-radius: 40px;
  padding: 26px;
  transition: 300ms ease;
}
@media (max-width: 650px) {
  .item-news__box {
    padding: 20px;
    border-radius: 30px;
  }
}
.item-news__box:hover {
  background: rgba(255, 255, 255, 0.13);
}
.item-news__image {
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 26px;
}
.item-news__image img {
  transition: 300ms ease;
}
.item-news__image a:hover img {
  transform: scale(1.03);
}
.item-news__title {
  color: #fff;
  font-size: 21px;
  font-weight: 600;
}
@media (max-width: 650px) {
  .item-news__title {
    font-size: 14px;
  }
}
.item-news__title a {
  text-decoration: none;
  color: #fff;
}
.item-news__title a:hover {
  text-decoration: underline;
}
.item-news__date {
  margin-top: 59px;
  font-size: 15px;
  font-weight: 300;
  color: #A9A9A9;
}
@media (max-width: 1150px) {
  .item-news__date {
    margin-top: 20px;
  }
}

.more {
  overflow: hidden;
}
.more__in {
  padding-top: 60px;
  padding-bottom: 67px;
}
@media (min-width: 651px) {
  .more__in {
    padding-top: 112px;
  }
}
.more__all-link {
  margin-top: 2.5rem;
}
@media (min-width: 651px) {
  .more__all-link {
    margin-top: 3.75rem;
  }
}
.more__items {
  position: relative;
  margin: 0 -10px;
}
@media (max-width: 992px) {
  .more__items {
    padding-bottom: 25px;
    margin: 0;
  }
}
.more__items .slick-track {
  display: flex !important;
  gap: 0 21px;
}
@media (max-width: 767px) {
  .more__items .slick-track {
    gap: 0;
  }
}
.more__items .slick-track > .slick-slide {
  float: none;
  height: auto;
}
@media (max-width: 767px) {
  .more__items .slick-track > .slick-slide {
    padding-right: 12px;
  }
}
.more__items .slick-list {
  overflow: initial;
}
.more__items .slick-arrow {
  background: #fff;
  width: 72px;
  height: 72px;
  border: 2px solid #EAEAEA;
  border-radius: 50px;
  display: flex !important;
  justify-content: center;
  align-items: center;
  font-size: 0;
  position: absolute;
  top: -98px;
  z-index: 5;
  transition: 300ms ease;
}
@media (max-width: 651px) {
  .more__items .slick-arrow {
    display: none !important;
  }
}
.more__items .slick-arrow:before {
  content: "";
  background: url(../img/more-arrow.svg) no-repeat;
  width: 15px;
  height: 26px;
}
.more__items .slick-arrow:hover {
  border-color: #0B0B0B;
}
.more__items .slick-prev {
  right: 100px;
}
.more__items .slick-next {
  right: 10px;
}
.more__items .slick-next:before {
  transform: rotate(180deg);
}
.more__top {
  margin-bottom: 30px;
}
.more__title {
  letter-spacing: -5px;
}
@media (max-width: 991px) {
  .more__title {
    letter-spacing: -0.06em;
  }
}

.categories__in {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding: clamp(1.25rem, 0.658vw + 1.086rem, 1.875rem) clamp(0rem, 4.31vw - 2.672rem, 2.5rem);
}
.categories__list {
  gap: 20px 80px;
  align-items: center;
  flex-wrap: nowrap;
  visibility: hidden;
  justify-content: flex-start;
}
@media (max-width: 991px) {
  .categories__list {
    visibility: visible;
    justify-content: space-between;
  }
}
@media (min-width: 992px) {
  .categories__list {
    gap: 20px 60px;
  }
}
@media (min-width: 1151px) {
  .categories__list {
    gap: 20px 80px;
  }
}
.categories__list > li > a {
  display: inline-block;
  transition: 300ms ease;
  font-weight: 500;
  font-size: clamp(0.75rem, 0.592vw + 0.602rem, 1.313rem);
  text-decoration: none;
  position: relative;
  white-space: nowrap;
}
.categories__list > li > a:hover {
  color: #00636F;
}
@media (max-width: 991px) {
  .categories__list > li:not(:first-child) {
    display: none;
  }
}
.categories__dropdown-button {
  gap: 5px;
  justify-content: center;
}
.categories__dropdown-button > span {
  width: 8px;
  height: 8px;
  background: #2C2C2C;
  border-radius: 50px;
}
.categories__dropdown {
  z-index: 55;
}
.categories__dropdown .dropdown__div {
  left: auto;
  margin: 0;
  right: 0;
}
.categories__dropdown .dropdown__box {
  padding: 13px 5px;
}
.categories__mob {
  display: none;
}
@media (max-width: 991px) {
  .categories__mob {
    display: block !important;
    z-index: 52;
  }
}
.categories__mob-button {
  font-size: 12px;
  font-weight: 500;
  align-items: center;
  gap: 8px;
}
.categories__mob-list {
  gap: 6px;
}
.categories__mob-list > li > a {
  display: block;
  background: #E4E4E4;
  border-radius: 50px;
  text-align: center;
  padding: 6px 13px;
  font-size: 10px;
  font-weight: 500;
  text-decoration: none;
  transition: 300ms ease;
}
.categories__mob-list > li.active > a {
  background: #000;
  color: rgba(255, 255, 255, 0.8);
}

.blog-nav__wrapper {
  padding: clamp(1.5rem, 0.769vw + 1.327rem, 2.25rem) 0;
  border-bottom: 1px solid rgba(0, 8, 9, 0.2);
}
@media (min-width: 1151px) {
  .blog-nav__wrapper {
    padding: clamp(1.5rem, 0.769vw + 1.327rem, 2.25rem) clamp(1.875rem, 1.558vw + 0.755rem, 2.625rem);
  }
}
.blog-nav__list {
  list-style: none;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  -moz-column-gap: clamp(1.25rem, 3.846vw + 0.385rem, 5rem);
       column-gap: clamp(1.25rem, 3.846vw + 0.385rem, 5rem);
}
.blog-nav__list > li {
  white-space: nowrap;
  width: -moz-min-content;
  width: min-content;
}
.blog-nav__list > li[data-index] {
  display: none;
}
@media (min-width: 1151px) {
  .blog-nav__list > li[data-index] {
    display: block;
  }
}
.blog-nav__list > li.is-hidden {
  display: none !important;
}
.blog-nav__list > li > a {
  font-size: clamp(0.75rem, 0.641vw + 0.606rem, 1.375rem);
  font-weight: 500;
  line-height: 1.45;
  color: #000809;
  text-decoration: none;
  transition: color 300ms ease;
}
@media (hover: hover) {
  .blog-nav__list > li > a:hover {
    color: #00636F;
    text-decoration: none;
  }
}
.blog-nav__list > li > a.active {
  position: relative;
}
.blog-nav__list > li > a.active::after {
  content: "";
  position: absolute;
  bottom: clamp(0.75rem, 0.769vw + 0.577rem, 1.5rem);
  right: -0.25rem;
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 50%;
  background-color: #EB4E4E;
}
.blog-nav__dropdown {
  position: relative;
}
@media (min-width: 1151px) {
  .blog-nav__dropdown.is-hidden {
    display: none;
  }
}
.blog-nav__dropdown-button {
  background-color: transparent;
  color: #000809;
  font-size: clamp(0.75rem, 0.641vw + 0.606rem, 1.375rem);
  font-weight: 500;
  line-height: 1.45;
  display: flex;
  align-items: center;
  -moz-column-gap: clamp(0.5rem, 0.513vw + 0.385rem, 1rem);
       column-gap: clamp(0.5rem, 0.513vw + 0.385rem, 1rem);
}
@media (min-width: 1151px) {
  .blog-nav__dropdown-button {
    display: block;
    position: relative;
    width: 2rem;
    height: 2rem;
  }
}
@media (min-width: 1151px) {
  .blog-nav__dropdown-button::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 2rem;
    height: 0.5rem;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='32' height='8' viewBox='0 0 32 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 8C2.9 8 1.95834 7.6084 1.175 6.825C0.39166 6.0416 0 5.1 0 4C0 2.9 0.39166 1.9584 1.175 1.175C1.95834 0.391599 2.9 0 4 0C5.1 0 6.04166 0.391599 6.825 1.175C7.60834 1.9584 8 2.9 8 4C8 5.1 7.60834 6.0416 6.825 6.825C6.04166 7.6084 5.1 8 4 8ZM16 8C14.9 8 13.9584 7.6084 13.175 6.825C12.3916 6.0416 12 5.1 12 4C12 2.9 12.3916 1.9584 13.175 1.175C13.9584 0.391599 14.9 0 16 0C17.1 0 18.0416 0.391599 18.825 1.175C19.6084 1.9584 20 2.9 20 4C20 5.1 19.6084 6.0416 18.825 6.825C18.0416 7.6084 17.1 8 16 8ZM28 8C26.9 8 25.9584 7.6084 25.175 6.825C24.3916 6.0416 24 5.1 24 4C24 2.9 24.3916 1.9584 25.175 1.175C25.9584 0.391599 26.9 0 28 0C29.1 0 30.0416 0.391599 30.825 1.175C31.6084 1.9584 32 2.9 32 4C32 5.1 31.6084 6.0416 30.825 6.825C30.0416 7.6084 29.1 8 28 8Z' fill='%232C2C2C'/%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml,%3Csvg width='32' height='8' viewBox='0 0 32 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 8C2.9 8 1.95834 7.6084 1.175 6.825C0.39166 6.0416 0 5.1 0 4C0 2.9 0.39166 1.9584 1.175 1.175C1.95834 0.391599 2.9 0 4 0C5.1 0 6.04166 0.391599 6.825 1.175C7.60834 1.9584 8 2.9 8 4C8 5.1 7.60834 6.0416 6.825 6.825C6.04166 7.6084 5.1 8 4 8ZM16 8C14.9 8 13.9584 7.6084 13.175 6.825C12.3916 6.0416 12 5.1 12 4C12 2.9 12.3916 1.9584 13.175 1.175C13.9584 0.391599 14.9 0 16 0C17.1 0 18.0416 0.391599 18.825 1.175C19.6084 1.9584 20 2.9 20 4C20 5.1 19.6084 6.0416 18.825 6.825C18.0416 7.6084 17.1 8 16 8ZM28 8C26.9 8 25.9584 7.6084 25.175 6.825C24.3916 6.0416 24 5.1 24 4C24 2.9 24.3916 1.9584 25.175 1.175C25.9584 0.391599 26.9 0 28 0C29.1 0 30.0416 0.391599 30.825 1.175C31.6084 1.9584 32 2.9 32 4C32 5.1 31.6084 6.0416 30.825 6.825C30.0416 7.6084 29.1 8 28 8Z' fill='%232C2C2C'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-position: center;
            mask-position: center;
    background-color: #000809;
  }
}
.blog-nav__dropdown-button::after {
  content: "";
  display: block;
  flex: 0 0 1.1666666667em;
  width: 1.1666666667em;
  height: 1.1666666667em;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 4.74336L12.1515 4L6.99996 8.50124L1.84848 4L1 4.74336L6.99996 10L13 4.74336Z' fill='%23000809'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 4.74336L12.1515 4L6.99996 8.50124L1.84848 4L1 4.74336L6.99996 10L13 4.74336Z' fill='%23000809'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  background-color: #000809;
}
@media (min-width: 1151px) {
  .blog-nav__dropdown-button::after {
    display: none;
  }
}
.blog-nav__dropdown.active .blog-nav__dropdown-button::after {
  transform: rotate(180deg);
}
@media (min-width: 1151px) {
  .blog-nav__dropdown-text {
    display: none;
  }
}
.blog-nav__dropdown-body {
  position: absolute;
  z-index: 100;
  top: calc(100% + clamp(1.125rem, 0.256vw + 1.067rem, 1.375rem));
  right: 0;
  opacity: 0;
  visibility: hidden;
}
@media (min-width: 1151px) {
  .blog-nav__dropdown-body {
    top: 0;
    padding-top: calc(clamp(1.125rem, 0.256vw + 1.067rem, 1.375rem) + 2rem);
    transition: opacity 300ms ease, visibility 300ms ease;
  }
}
.blog-nav__dropdown-body.show {
  opacity: 1;
  visibility: visible;
}
@media (hover) and (min-width: 1151px) {
  .blog-nav__dropdown:hover .blog-nav__dropdown-body {
    opacity: 1;
    visibility: visible;
  }
}
.blog-nav__dropdown-list {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  display: flex;
  flex-wrap: wrap;
  gap: clamp(0.375rem, 0.658vw + 0.211rem, 1rem);
  background-color: rgba(221, 221, 221, 0.36);
  border: 1px solid rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(10px);
  border-radius: 1.875rem;
  padding: 1rem;
  min-width: clamp(15rem, 7.895vw + 13.026rem, 22.5rem);
}
@media (min-width: 1151px) {
  .blog-nav__dropdown-list {
    min-width: -moz-max-content;
    min-width: max-content;
    width: -moz-min-content;
    width: min-content;
    background-color: #FFFFFF;
    backdrop-filter: none;
    border-color: #E6E6E6;
    display: grid;
    grid-template-columns: 1fr;
    padding: 0.5rem;
  }
}
@media (min-width: 1151px) {
  .blog-nav__dropdown-list > li {
    display: none;
  }
  .blog-nav__dropdown-list > li.show {
    display: block;
  }
}
@media (min-width: 1151px) {
  .blog-nav__dropdown-list > li {
    min-width: 0;
    position: relative;
  }
}
@media (min-width: 1151px) {
  .blog-nav__dropdown-list > li.show:not(:last-of-type)::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: calc(clamp(0.375rem, 0.658vw + 0.211rem, 1rem) / -2);
    transform: translateX(-50%);
    width: 75%;
    height: 1px;
    background-color: #E4E4E4;
  }
}
.blog-nav__dropdown-list > li > a {
  display: block;
  font-size: clamp(0.625rem, 0.395vw + 0.526rem, 1rem);
  font-weight: 500;
  line-height: 1.45;
  border-radius: 10em;
  padding: 0.6em 1.4em;
  background-color: #E4E4E4;
  color: #000809;
  text-decoration: none;
  transition: background-color 300ms ease, color 300ms ease;
}
@media (min-width: 1151px) {
  .blog-nav__dropdown-list > li > a {
    width: 100%;
    min-width: -moz-min-content;
    min-width: min-content;
    white-space: nowrap;
    text-align: center;
    font-size: 0.9375rem;
    background-color: transparent;
    border-radius: 1.375rem;
    padding: 1.25rem 1.5rem;
  }
}
@media (hover: hover) {
  .blog-nav__dropdown-list > li > a:hover {
    background-color: #f2f2f2;
    color: #000809;
  }
}
.blog-nav__dropdown-list > li > a.active {
  background-color: #000809;
  color: #FFFFFF;
}

.bnew__row {
  gap: 17px;
}
.bnew__row--gap-26 {
  gap: 26px;
}
.bnew__row .bnew__items {
  display: grid;
  grid-template-columns: 100%;
  gap: 13px;
}
.bnew__row--3 .bnew__items, .bnew__row--4 .bnew__items {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.bnew__row--3 .bnew__item, .bnew__row--4 .bnew__item {
  flex: auto;
}
.bnew__row--3 .bnew__col--1, .bnew__row--4 .bnew__col--1 {
  flex: 0 0 41.2%;
}
.bnew__row--3 .bnew__col--1 .bnew__item:nth-child(1),
.bnew__row--3 .bnew__col--3 .bnew__item:nth-child(1), .bnew__row--4 .bnew__col--1 .bnew__item:nth-child(1),
.bnew__row--4 .bnew__col--3 .bnew__item:nth-child(1) {
  flex: 1;
}
.bnew__row--3 .bnew__col--1 .bnew__item:nth-child(2),
.bnew__row--3 .bnew__col--3 .bnew__item:nth-child(2), .bnew__row--4 .bnew__col--1 .bnew__item:nth-child(2),
.bnew__row--4 .bnew__col--3 .bnew__item:nth-child(2) {
  flex-shrink: 0;
}
.bnew__col {
  flex: 1;
}
.bnew__item-box {
  padding: 26px 26px 40px 26px;
  box-shadow: 0 0 0 1px #E6E6E6;
  border-radius: 40px;
  transition: 300ms ease;
  height: 100%;
}
@media (max-width: 1300px) {
  .bnew__item-box {
    padding: 18px 18px 28px 18px;
  }
}
.bnew__item-box:hover {
  background: #fff !important;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.21) !important;
}
.bnew__item-image {
  padding-bottom: 64%;
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 20px;
}
.bnew__item-image img {
  transition: 300ms ease;
}
.bnew__item-image:hover img {
  transform: scale(1.05);
  filter: brightness(82%);
}
.bnew__item--normal .bnew__item-image {
  padding-bottom: 63%;
}
.bnew__item--width-50 .bnew__item-image {
  max-width: 100%;
  padding-bottom: 60%;
}
.bnew__item--width-50 {
  flex: 0 0 50% !important;
}
.bnew__item--mini .bnew__item-image {
  padding: 0;
  height: 150px;
  min-height: unset;
}
.bnew__item--noimage .bnew__item-image {
  display: none;
}
.bnew__item-info {
  align-items: center;
  gap: 18px 26px;
}
@media (max-width: 1300px) {
  .bnew__item-info {
    gap: 10px 18px;
  }
}
.bnew__labels .item-labels {
  font-size: 16px;
  padding: 8px 26px;
}
@media (max-width: 1300px) {
  .bnew__labels .item-labels {
    font-size: 13px;
    padding: 7px 20px;
  }
}
.bnew__item-views {
  align-items: center;
  gap: 4px;
  font-size: 18px;
  color: #737373;
  line-height: 1;
}
.bnew__item-date {
  font-weight: 300;
  font-size: 18px;
  color: #000809;
  line-height: 1;
}
.bnew__item-cont {
  margin-top: 12px;
}
.bnew__item-title {
  font-size: 24px;
  line-height: 1.55;
  font-weight: 600;
  color: #000809;
}
@media (max-width: 1300px) {
  .bnew__item-title {
    font-size: 16px;
  }
}
.bnew__item-title a {
  color: inherit;
  text-decoration: none;
}
.bnew__item-title a:hover {
  color: var(--green-color);
}
.bnew__item-rate--bottom {
  margin-top: 20px;
}
.bnew__top-link {
  align-items: center;
  gap: 22px;
  text-decoration: none;
}
@media (max-width: 767px) {
  .bnew__top-link {
    gap: 17px;
  }
}
.bnew__top-link > svg {
  transition: 300ms ease;
  transform: translate(0, 5px);
}
@media (max-width: 767px) {
  .bnew__top-link > svg {
    width: 28px;
  }
}
.bnew__top-link:hover {
  color: var(--green-color);
  text-decoration: none;
}
.bnew__top-link:hover > svg {
  transform: translate(2px, 5px);
}
.bnew--bordered .btop {
  margin-bottom: 49px;
}
.bnew__items--flex {
  margin: -8px;
}
.bnew__items--4 .bnew__item {
  flex: 0 0 25%;
  padding: 8px;
}
.bnew__items--3 .bnew__item {
  flex: 0 0 33.3333333333%;
  padding: 8px;
}
.bnew__items--3 .bnew__item-image {
  max-width: 100%;
}
@media (max-width: 1300px) {
  .bnew__items--3 .bnew__item-image {
    max-width: none;
  }
}
.bnew__slider {
  padding-bottom: 40px;
}
.bnew__slider .slick-track {
  display: flex !important;
  gap: 8px;
}
.bnew__slider .slick-slide {
  height: auto;
}
.bnew__slider .bnew__item-box {
  box-shadow: none !important;
  border: 1px solid #D6D7DF;
}
.bnew__slider .bnew__item-image {
  max-width: none;
  padding-bottom: 54%;
  min-height: 190px;
}
.bnew__slider .bnew__item--width-50 {
  flex: unset !important;
}
@media (max-width: 500px) {
  .bnew__slider .bnew__item--noimage .bnew__item-image {
    display: block;
  }
}

.section--gray .bnew__item-box {
  box-shadow: 0 0 0 1px #C8C8C8;
}

.blog .bnew__items--3 .bnew__item-image {
  display: none;
}

.b-border .bnew__items--3 .bnew__item-image {
  display: block !important;
  padding-bottom: 56%;
}

.bnew-rate {
  gap: 5px;
}
.bnew-rate__star {
  background: url(../img/bstar.svg) no-repeat;
  width: 23px;
  height: 22px;
}
.bnew-rate__star--active {
  background-image: url(../img/bstar-active.svg);
}

.bdark__cont {
  margin: 0 auto;
}
.bdark__items {
  margin: -15px 50px;
  justify-content: center;
}
@media (max-width: 767px) {
  .bdark__items {
    justify-content: flex-start;
    margin: 0;
    gap: 60px;
  }
}
@media (max-width: 500px) {
  .bdark__items {
    margin: 0;
  }
}
.bdark__item {
  padding: 15px 50px;
  display: flex;
  justify-content: center;
}
@media (max-width: 767px) {
  .bdark__item {
    padding: 0;
    justify-content: flex-start;
  }
}
@media (max-width: 500px) {
  .bdark__item {
    padding: 0;
  }
}
.bdark__item--separator {
  flex: 0 0 100%;
  height: 140px;
}
@media (max-width: 1300px) {
  .bdark__item--separator {
    height: 80px;
  }
}
@media (max-width: 767px) {
  .bdark__item--separator {
    display: none;
  }
}
.bdark__item-link {
  justify-content: center;
  align-items: center;
  color: #fff;
  flex-wrap: nowrap;
}
.bdark__item-link:hover {
  text-decoration: none;
}
@media (max-width: 767px) {
  .bdark__item-link {
    flex-wrap: nowrap;
    white-space: nowrap;
    justify-content: flex-start;
  }
}
.bdark__item-link:hover .bdark__item-text {
  border-bottom-color: transparent;
  opacity: 0.6;
}
.bdark__item-text {
  font-size: 36px;
  font-weight: bold;
  letter-spacing: -0.89px;
  transition: 300ms ease;
  border-bottom: 1px solid #fff;
  line-height: 1;
}
@media (max-width: 1300px) {
  .bdark__item-text {
    font-size: 28px;
  }
}
.bdark__item-count {
  transform: translateY(-18px);
  font-size: 21px;
  font-weight: bold;
  letter-spacing: -0.2px;
  color: rgba(255, 255, 255, 0.6);
  transition: 300ms ease;
}
@media (max-width: 767px) {
  .bdark__item-count {
    font-size: 16px;
  }
}
.bdark__item-arrow {
  transform: translateY(5px);
}
@media (max-width: 767px) {
  .bdark__item-arrow > svg {
    width: 15px;
  }
}

.bfeed__box {
  background: linear-gradient(104.62deg, #00636F 0%, #000809 47.79%);
  border-radius: 40px;
  color: #fff;
  padding: 74px 80px 43px 80px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 1300px) {
  .bfeed__box {
    padding-left: 30px;
  }
}
@media (max-width: 767px) {
  .bfeed__box {
    padding: 325px 30px 35px 30px;
  }
}
@media (max-width: 500px) {
  .bfeed__box {
    padding: 300px 20px 30px 20px;
  }
}
.bfeed__cont {
  max-width: 1010px;
  position: relative;
  z-index: 5;
}
@media (max-width: 1300px) {
  .bfeed__cont {
    max-width: 800px;
  }
}
.bfeed__title {
  margin-bottom: 35px;
  letter-spacing: -1.6px;
}
@media (max-width: 767px) {
  .bfeed__title {
    font-size: 36px;
    margin-bottom: 15px;
  }
}
.bfeed__subtitle {
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 42px;
  font-weight: 400;
}
@media (max-width: 1300px) {
  .bfeed__subtitle br {
    display: none;
  }
}
@media (max-width: 767px) {
  .bfeed__subtitle {
    font-size: 16px;
    margin-bottom: 25px;
  }
}
.bfeed__form .input-class {
  border-radius: 50px;
  height: 78px;
}
@media (max-width: 1300px) {
  .bfeed__form .input-class {
    height: 52px;
  }
}
.bfeed__form .input-class::-moz-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.bfeed__form .input-class::placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.bfeed__form .form__item-btn {
  min-width: 1px;
  width: 100%;
}
@media (max-width: 767px) {
  .bfeed__form .form__item-btn {
    min-height: 1px;
  }
}
.bfeed__form .form__check a {
  color: #fff;
}
.bfeed__form .form__check a:hover {
  text-decoration: none;
}
.bfeed__form .form__check > label {
  font-size: 15px;
}
@media (max-width: 1300px) {
  .bfeed__form .form__check {
    max-width: 100%;
  }
}
.bfeed__image {
  position: absolute;
  top: 24px;
  right: -23px;
  bottom: 14px;
}
@media (max-width: 1300px) {
  .bfeed__image {
    right: -100px;
  }
}
@media (max-width: 767px) {
  .bfeed__image {
    top: 0;
    right: 0;
    left: 0;
    justify-content: center;
    display: flex;
  }
}
@media (max-width: 500px) {
  .bfeed__image {
    top: 0;
  }
}
.bfeed__image > img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 767px) {
  .bfeed__image > img {
    width: auto;
    height: 320px;
  }
}
@media (max-width: 500px) {
  .bfeed__image > img {
    height: 280px;
  }
}

.b-border {
  padding: 114px 97px 125px 97px;
  border-radius: 40px;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='40' ry='40' stroke='black' stroke-width='4' stroke-dasharray='20%2c 20' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
}
@media (max-width: 1300px) {
  .b-border {
    padding: 60px;
  }
}
@media (max-width: 500px) {
  .b-border {
    border-width: 1px;
    padding: 53px 0;
  }
}
@media (max-width: 500px) {
  .b-border .btop {
    padding: 0 30px;
  }
}

.bsections > .section {
  padding: 100px 0;
}
@media (max-width: 500px) {
  .bsections > .section {
    padding: 50px 0;
  }
}
.bsections > .section:nth-child(1) {
  padding: 69px 0;
}
@media (max-width: 500px) {
  .bsections > .section:nth-child(1) {
    padding: 55px 0 41px 0;
  }
}
.bsections > .section:nth-child(2) {
  padding: 114px 0 85px 0;
}
@media (max-width: 500px) {
  .bsections > .section:nth-child(2) {
    padding: 53px 0 47px 0;
  }
}
.bsections > .section:nth-child(3) {
  padding: 129px 0 150px 0;
}
@media (max-width: 500px) {
  .bsections > .section:nth-child(3) {
    padding: 85px 0 97px 0;
  }
}
.bsections > .section:nth-child(4) {
  padding: 69px 0 93px 0;
}
@media (max-width: 500px) {
  .bsections > .section:nth-child(4) {
    padding: 51px 0 61px 0;
  }
}
.bsections > .section:nth-child(5) {
  padding: 0;
}
@media (max-width: 500px) {
  .bsections > .section:nth-child(5) {
    padding: 0;
  }
}
.bsections > .section:nth-child(6) {
  padding: 112px 0 93px 0;
}
@media (max-width: 500px) {
  .bsections > .section:nth-child(6) {
    padding: 62px 0 70px 0;
  }
}
.bsections > .section:nth-child(7) {
  padding: 0 0 108px 0;
}
@media (max-width: 500px) {
  .bsections > .section:nth-child(7) {
    padding: 0 0 56px 0;
  }
}
.bsections > .section:nth-child(8) {
  padding: 0 0 76px 0;
}
@media (max-width: 500px) {
  .bsections > .section:nth-child(8) {
    padding: 0 0 61px 0;
  }
}
.bsections > .section:nth-child(9) {
  padding: 66px 0 81px 0;
}
@media (max-width: 500px) {
  .bsections > .section:nth-child(9) {
    padding: 63px 0 26px 0;
  }
}
.bsections > .section:nth-child(10) {
  padding: 66px 0 81px 0;
}
@media (max-width: 500px) {
  .bsections > .section:nth-child(10) {
    padding: 67px 0 61px 0;
  }
}
.bsections > .section:nth-child(11) {
  padding: 78px 0 50px 0;
}
@media (max-width: 500px) {
  .bsections > .section:nth-child(11) {
    padding: 67px 0 61px 0;
  }
}

.bneuro__in {
  padding: 114px 0 85px 0;
}

.bgo {
  padding: 0 0 78px 0;
}
.bgo__all-link {
  margin-top: 0 !important;
}

.section--gray + .bgo {
  padding-top: 78px;
}

.bcat__in {
  padding: 69px 0 81px 0;
}
@media (max-width: 768px) {
  .bcat__in {
    padding: 23px 0 67px 0;
  }
}
.bcat__top {
  align-items: center;
  margin-bottom: 80px;
  gap: 20px;
}
@media (max-width: 767px) {
  .bcat__top {
    margin-bottom: 25px;
  }
}
.bcat__top-col--1 {
  flex: 1;
}
.bcat__top-col--2 {
  flex-shrink: 0;
}
@media (max-width: 1300px) {
  .bcat__top .bcat__top-col {
    flex: 0 0 100%;
  }
}
.bcat__count {
  margin-left: 6px;
}
.bcat__pagination {
  margin-top: 53px;
}
@media (max-width: 768px) {
  .bcat__items .bnew__item {
    flex: 0 0 50%;
  }
}

.bcontent {
  width: 100%;
}

.bfirst .bnew__col--1 .bnew__item:last-child .bnew__item-box {
  display: flex;
  align-items: center;
}
@media (max-width: 500px) {
  .bfirst .bnew__row {
    gap: 10px;
  }
}
@media (max-width: 500px) {
  .bfirst .bnew__items {
    gap: 10px;
  }
}
@media (max-width: 500px) {
  .bfirst .bnew__col {
    flex: 0 0 100%;
  }
}
@media (max-width: 500px) {
  .bfirst .bnew__item-image {
    max-width: none;
  }
}

.bnew__col--2 .bnew__item--normal .bnew__item-image {
  padding-bottom: 54%;
}

.rel__in {
  padding: 0 0 47px 0;
}
.rel__items {
  padding-bottom: 40px;
}
@media (max-width: 767px) {
  .rel__items {
    padding-bottom: 40px;
    margin-left: 2px;
  }
}
.rel__items .slick-track {
  display: flex !important;
  gap: 7px;
}
.rel__items .slick-slide {
  height: auto;
}
.rel__item {
  width: 375px;
  opacity: 0.5;
}
.rel__item.slick-active {
  opacity: 1;
}
@media (max-width: 768px) {
  .rel__item.slick-current + div {
    opacity: 0.5;
  }
}
.rel__item .image-responsive {
  padding-bottom: 90%;
}
.rel__all {
  margin-top: 27px;
}
.rel__title {
  margin: 0 0 31px 29px;
}
@media (max-width: 1300px) {
  .rel__title {
    margin-left: 10px;
  }
}

.blog {
  overflow: hidden;
}
.blog > .section {
  padding: 3.75rem 0;
}
.blog > .section.section--bg {
  padding: 7.5rem 0;
  margin: 3.75rem 0;
}
.blog > .section.section--bg + .section--bg {
  margin-top: -3.75rem;
}
.blog > .section.blog-tags {
  padding: clamp(5rem, 2.632vw + 4.342rem, 7.5rem) 0;
}

.blog-section__wrapper {
  padding: clamp(3.25rem, 3.947vw + 2.263rem, 7rem) clamp(1.875rem, 4.342vw + 0.789rem, 6rem);
  border-radius: clamp(1.875rem, 0.658vw + 1.711rem, 2.5rem);
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='40' ry='40' stroke='black' stroke-width='4' stroke-dasharray='20%2c 20' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
}
.blog-section__heading {
  margin-bottom: 2rem;
}
.blog-section__heading.mb-lg {
  margin-bottom: clamp(1.5rem, 2.564vw + 0.923rem, 4rem);
}
.blog-section__heading:last-child {
  margin-bottom: 0;
}
.blog-section__heading-inline {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
}
.blog-section__title {
  margin-bottom: 0.5rem;
  line-height: 1;
}
.blog-section__title:last-child {
  margin-bottom: 0;
}
.blog-section__title > a {
  transition: color 300ms ease;
}
.blog-section__title > a::after {
  content: "";
  display: inline-block;
  flex: 0 0 0.65625em;
  width: 0.65625em;
  height: 0.65625em;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='42' height='28' viewBox='0 0 42 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30.0725 0.635481C29.3067 -0.172036 28.0213 -0.21586 27.2007 0.537822C26.3802 1.29144 26.3358 2.55652 27.1015 3.36405L35.2922 12H2.03229C0.909887 12 -8.10925e-07 12.8954 -8.10925e-07 14C-2.87108e-07 15.1046 0.909887 16 2.03229 16H35.2922L27.1015 24.636C26.3358 25.4435 26.3802 26.7086 27.2007 27.4622C28.0213 28.2159 29.3067 28.172 30.0725 27.3645L41.4535 15.3643C42.1822 14.5959 42.1822 13.4041 41.4535 12.6357L30.0725 0.635481Z' fill='%230B0B0B'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg width='42' height='28' viewBox='0 0 42 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30.0725 0.635481C29.3067 -0.172036 28.0213 -0.21586 27.2007 0.537822C26.3802 1.29144 26.3358 2.55652 27.1015 3.36405L35.2922 12H2.03229C0.909887 12 -8.10925e-07 12.8954 -8.10925e-07 14C-2.87108e-07 15.1046 0.909887 16 2.03229 16H35.2922L27.1015 24.636C26.3358 25.4435 26.3802 26.7086 27.2007 27.4622C28.0213 28.2159 29.3067 28.172 30.0725 27.3645L41.4535 15.3643C42.1822 14.5959 42.1822 13.4041 41.4535 12.6357L30.0725 0.635481Z' fill='%230B0B0B'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  background-color: rgba(0, 8, 9, 0.6);
  transition: background-color 300ms ease, transform 300ms ease;
  margin-left: 0.25em;
}
@media (hover: hover) {
  .blog-section__title > a:hover {
    color: #00636F;
    text-decoration: none;
  }
  .blog-section__title > a:hover::after {
    background-color: #00636F;
    transform: translateX(0.25em);
  }
}
.blog-section__subtitle {
  color: rgba(11, 11, 11, 0.8);
  font-weight: 400;
}
.blog-section__row {
  display: grid;
  gap: clamp(0.625rem, 0.921vw + 0.395rem, 1.5rem);
  grid-template-columns: 1fr;
}
@media (min-width: 651px) {
  .blog-section__row.grid-column-3-2-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1151px) {
  .blog-section__row.grid-column-3-2-2 {
    grid-template-columns: 3fr 2fr 2fr;
  }
}
@media (min-width: 651px) {
  .blog-section__row.grid-column-3 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1151px) {
  .blog-section__row.grid-column-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 651px) {
  .blog-section__row.grid-column-4 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1151px) {
  .blog-section__row.grid-column-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
.blog-section__row > * {
  min-width: 0;
}
.blog-section__col {
  display: contents;
}
@media (min-width: 1151px) {
  .blog-section__col {
    display: flex;
    flex-direction: column;
    row-gap: clamp(0.5rem, 0.263vw + 0.434rem, 0.75rem);
  }
}
@media (min-width: 1151px) {
  .blog-section__col > * {
    flex-grow: 1;
  }
}

.blog-tags__list {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: clamp(3.75rem, 6.579vw + 2.105rem, 10rem);
       column-gap: clamp(3.75rem, 6.579vw + 2.105rem, 10rem);
  row-gap: clamp(3.75rem, 3.947vw + 2.763rem, 7.5rem);
  min-height: clamp(13rem, 3.421vw + 12.145rem, 16.25rem);
}
@media (min-width: 768px) {
  .blog-tags__list {
    justify-content: center;
  }
}
.blog-tags__list > li {
  display: flex;
  align-items: center;
}
.blog-tags__list > li > a {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.625rem;
       column-gap: 0.625rem;
  font-size: clamp(1.5rem, 0.789vw + 1.303rem, 2.25rem);
  line-height: 1;
  font-weight: 700;
  color: #FFFFFF;
  text-decoration: none;
}
.blog-tags__list > li > a:hover {
  text-decoration: none;
}
.blog-tags__list > li > a > span {
  position: relative;
}
.blog-tags__list > li > a > span::before {
  content: "";
  position: absolute;
  bottom: 0.025em;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #FFFFFF;
  opacity: 0.5;
  transition: opacity 300ms ease;
}
.blog-tags__list > li > a > span::after {
  content: attr(data-counter);
  position: absolute;
  left: 100%;
  bottom: 75%;
  font-size: 0.5833333333em;
  font-weight: inherit;
  line-height: inherit;
  color: rgba(255, 255, 255, 0.6);
  transition: color 300ms ease;
}
.blog-tags__list > li > a::after {
  content: "";
  display: block;
  flex: 0 0 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='16' viewBox='0 0 24 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.1848 0.362834C16.7472 -0.0985598 16.0121 -0.123113 15.5432 0.307543C15.0744 0.738214 15.0494 1.46162 15.487 1.92304L20.1665 6.85698H1.16145C0.520119 6.85698 5.29958e-05 7.36885 1.24189e-06 7.99999C1.24189e-06 8.63118 0.520087 9.143 1.16145 9.143H20.1665L15.487 14.0769C15.0495 14.5383 15.0745 15.2618 15.5432 15.6924C16.0121 16.1231 16.7472 16.0986 17.1848 15.6371L23.6877 8.78009C24.1041 8.341 24.1041 7.65898 23.6877 7.21989L17.1848 0.362834Z' fill='white'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg width='24' height='16' viewBox='0 0 24 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.1848 0.362834C16.7472 -0.0985598 16.0121 -0.123113 15.5432 0.307543C15.0744 0.738214 15.0494 1.46162 15.487 1.92304L20.1665 6.85698H1.16145C0.520119 6.85698 5.29958e-05 7.36885 1.24189e-06 7.99999C1.24189e-06 8.63118 0.520087 9.143 1.16145 9.143H20.1665L15.487 14.0769C15.0495 14.5383 15.0745 15.2618 15.5432 15.6924C16.0121 16.1231 16.7472 16.0986 17.1848 15.6371L23.6877 8.78009C24.1041 8.341 24.1041 7.65898 23.6877 7.21989L17.1848 0.362834Z' fill='white'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 1.5rem 1rem;
          mask-size: 1.5rem 1rem;
  -webkit-mask-position: center;
          mask-position: center;
  background-color: rgba(255, 255, 255, 0.6);
  transition: background-color 300ms ease, transform 300ms ease;
}
@media (hover: hover) {
  .blog-tags__list > li > a:hover > span::before {
    opacity: 1;
  }
  .blog-tags__list > li > a:hover > span::after {
    color: #FFFFFF;
  }
  .blog-tags__list > li > a:hover::after {
    background-color: #FFFFFF;
    transform: translateX(0.25em);
  }
}

.top__in {
  padding-bottom: clamp(2.75rem, 0.526vw + 2.618rem, 3.25rem);
}
.top__row {
  align-items: center;
  gap: 20px;
}
@media (max-width: 650px) {
  .top__row {
    display: grid;
    grid-template-columns: 100%;
  }
}
.top__col--1 {
  flex: 1;
}
.top__col--2 {
  flex-shrink: 0;
}
.top__left {
  align-items: center;
  gap: 1rem 2rem;
}
.top__title {
  text-transform: uppercase;
  letter-spacing: -0.04em;
}
.top__title--normal {
  text-transform: none;
}
.top__subtitle {
  font-size: clamp(1rem, 0.256vw + 0.942rem, 1.25rem);
  line-height: 1.45;
  color: rgba(46, 46, 46, 0.8);
  max-width: 650px;
}
.top__links {
  align-items: center;
  gap: 9px;
}
.top__link {
  font-size: clamp(0.875rem, 0.263vw + 0.809rem, 1.125rem);
  line-height: 1.3636363636;
  font-weight: 500;
  -moz-column-gap: 0.875rem;
       column-gap: 0.875rem;
  box-shadow: 0 0 0 1px #000;
  border-radius: 50px;
  padding: clamp(0.75rem, 0.263vw + 0.684rem, 1rem) clamp(1.25rem, 0.658vw + 1.086rem, 1.875rem);
  min-height: clamp(2.875rem, 1.053vw + 2.612rem, 3.875rem);
  align-items: center;
  justify-content: center;
  text-decoration: none !important;
  transition: 300ms ease;
  position: relative;
}
.top__link::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50px;
  background: var(--hover-gradient);
  background-blend-mode: hue, normal;
  opacity: 0;
  visibility: hidden;
  transition: opacity 300ms ease, visibility 300ms ease;
}
.top__link > span {
  position: relative;
  z-index: 1;
}
.top__link:hover {
  color: #FFFFFF;
  fill: #FFFFFF;
  box-shadow: none;
}
.top__link:hover::before {
  opacity: 1;
  visibility: visible;
}
.top__link-arrow {
  padding-left: 0.375rem;
  font-size: 0;
  line-height: 0;
}
.top__link-ico {
  display: flex;
}
@media (max-width: 1300px) {
  .top__link-ico svg {
    width: 22px;
    height: 22px;
  }
}

.projects {
  overflow: hidden;
}
.projects__in {
  padding-bottom: clamp(3rem, 0.526vw + 2.868rem, 3.5rem);
}
.projects__top {
  margin-bottom: clamp(2rem, 2.105vw + 1.474rem, 4rem);
  align-items: center;
}
@media (max-width: 650px) {
  .projects__top {
    display: grid;
    grid-template-columns: 100%;
    gap: 30px;
  }
}
.projects__title {
  letter-spacing: -5px;
}
@media (max-width: 1300px) {
  .projects__title {
    letter-spacing: -0.06em;
  }
}
.projects__items {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(0.75rem, 1.042vw + 0.25rem, 1.5rem);
}
@media (min-width: 768px) {
  .projects__items {
    grid-template-columns: repeat(2, 1fr);
  }
}
.projects__pagination {
  margin-top: clamp(3rem, 0.526vw + 2.868rem, 3.5rem);
}

.policy__in {
  padding: 0 0 65px 0;
}
.policy__top {
  align-items: center;
  margin-bottom: 80px;
}
@media (max-width: 650px) {
  .policy__top {
    margin-bottom: 30px;
    display: grid;
    grid-template-columns: 100%;
    gap: 30px;
  }
  .policy__top .section-top__col--2 {
    display: none;
  }
}
.policy__back-btn {
  min-width: 332px;
  padding: 21px 35px;
  font-size: 18px;
  font-weight: bold;
  min-height: 72px;
  border-color: #E6E6E6;
}
.policy__title {
  letter-spacing: -5px;
}
@media (max-width: 1300px) {
  .policy__title {
    letter-spacing: -0.06em;
  }
}

.err__in {
  padding: 92px 0;
  text-align: center;
}
@media (max-width: 767px) {
  .err__in {
    padding: 60px 0;
  }
}
.err__toptitle {
  font-size: 36px;
  font-weight: 600;
  letter-spacing: -1.6px;
}
@media (max-width: 767px) {
  .err__toptitle {
    font-size: 18px;
  }
}
.err__image {
  justify-content: center;
  pointer-events: none;
}
.err__back {
  margin-top: 120px;
  justify-content: center;
}
@media (max-width: 767px) {
  .err__back {
    margin-top: 80px;
  }
}
.err__back-btn {
  font-size: 25px;
  min-width: 470px;
  min-height: 112px;
  border-radius: 100px;
}
@media (max-width: 767px) {
  .err__back-btn {
    min-width: 350px;
    font-size: 19px;
    width: 100%;
    min-height: 88px;
  }
}

.det__in {
  max-width: 1290px;
  margin: 0 auto;
  padding: 64px 0 86px 0;
}
@media (max-width: 768px) {
  .det__in {
    padding: 23px 0 45px 0;
  }
}
.det__back {
  margin-bottom: 20px;
}
.det__back-btn {
  min-width: 161px;
}
.det__info {
  margin-bottom: 18px;
}
.det__info .bnew__item-date {
  color: #737373;
}
.det__title {
  max-width: 913px;
  margin-bottom: 10px;
  letter-spacing: -1.2px;
}
.det__subtitle {
  font-size: 19px;
  font-weight: 400;
  line-height: 1.45;
}
@media (max-width: 768px) {
  .det__subtitle {
    font-size: 15px;
  }
}
.det__row {
  margin-top: 40px;
  justify-content: space-between;
}
.det__col--1 {
  width: 153px;
}
@media (max-width: 768px) {
  .det__col--1 {
    display: none;
  }
}
.det__col--2 {
  width: calc(100% - 213px - 20px - 153px - 68px);
}
@media (max-width: 768px) {
  .det__col--2 {
    flex: 0 0 100%;
    width: 100%;
  }
}
.det__col--3 {
  width: 213px;
}
@media (max-width: 768px) {
  .det__col--3 {
    display: none;
  }
}
.det__side {
  position: sticky;
  top: 120px;
}
.det__side-title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 15px;
}
.det__side-title--12 {
  font-size: 12px;
}
.det__side-list {
  display: grid;
  grid-template-columns: 100%;
  gap: 15px;
}
.det__side-list > li > a {
  display: inline-block;
  font-size: 14px;
  color: #737373;
  text-decoration: underline;
  transition: 300ms ease;
  cursor: pointer;
}
.det__side-list > li > a:hover {
  text-decoration: none;
  color: #000;
}
.det__side--h {
  max-width: 153px;
}
.det__side--h .det__side-list > li > a {
  font-size: 12px;
  text-decoration: none;
}
.det__image {
  margin-bottom: 30px;
}
.det__image > img {
  display: block;
  width: 100%;
  border-radius: 30px;
}
.det__content {
  font-size: 16px;
}
.det__content .items-cases {
  grid-template-columns: 100% !important;
}
.det__slider {
  padding-bottom: 0;
  overflow: hidden;
  border-radius: 18px;
}
.det__slider .slick-dots {
  bottom: 19px;
  gap: 7px;
}
.det__slider .slick-dots > li {
  background: rgba(214, 214, 214, 0.3);
  width: 18px;
  height: 6px;
}
.det__slider .slick-dots > li.slick-active {
  background: #fff;
  width: 41px;
}
.det__slider .single-slider__item-in {
  border-radius: 18px;
}
.det__thumbs {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  margin-top: 5px;
  gap: 7px;
}
.det__thumb-in {
  height: 98px;
  border-radius: 18px;
  overflow: hidden;
  cursor: pointer;
  transition: 300ms ease;
}
.det__thumb-in > img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
.det__rate {
  margin-top: 90px;
}
.det__rate-title {
  text-align: center;
  margin-bottom: 29px;
}
.det__rate-stars {
  justify-content: center;
  gap: 14px;
}
.det__rate-star {
  cursor: pointer;
}
.det__rate-star-ico {
  display: flex;
  justify-content: center;
}
.det__rate-star-text {
  text-align: center;
  color: #000809;
  font-size: 13px;
  font-weight: 500;
  margin-top: 3px;
}
.det__rate-star:not(.det__rate-star--active):hover .det__rate-star-ico > svg > path {
  fill: var(--green-color);
}

.rel__in {
  padding: 0 0 47px 0;
}
@media (max-width: 767px) {
  .rel__items {
    padding-bottom: 40px;
    margin-left: 2px;
  }
}
.rel__items .slick-track {
  display: flex !important;
  gap: 7px;
}
.rel__items .slick-slide {
  height: auto;
}
.rel__item {
  width: 375px;
  opacity: 0.5;
}
.rel__item.slick-active {
  opacity: 1;
}
@media (max-width: 768px) {
  .rel__item.slick-current + div {
    opacity: 0.5;
  }
}
.rel__item .image-responsive {
  padding-bottom: 90%;
}
.rel__all {
  margin-top: 27px;
}
.rel__title {
  margin: 0 0 31px 29px;
}
@media (max-width: 1300px) {
  .rel__title {
    margin-left: 10px;
  }
}