/* header */

.nav__adapt {
    position: fixed;
    display: none;
    padding: 1.61vw 1.04vw;
    right: 0;
    top: 0;
    width: 100%;
    background: #373532;
    justify-content: center;
    transform: translate(100%,0);
    transition: all .5s ease;
}

.nav__adapt.active {
    transform: translate(0);
}

.burger {
    display: none;
}

.nav__adapt .header__nav ul {
    display: flex;
}

.nav__adapt .header__nav ul li {
    padding: 0 0.94vw;
}

.nav__adapt .header__nav ul a {
    font-size: 0.83vw;
    color: var(--light-grey);
}
.nav__adapt .header__nav ul a:hover {
    color: var(--light-grey);
}

.header {
    position: fixed;
    top:0;
    z-index: 10;
    padding: 2.34vw 0 0;
    background-color: var(--light-grey);
    width: 100%;
}
.header__box {
    align-items:center;
    justify-content: space-between;
}
.footer .header__box {
    position: relative;
    z-index: 2;
}
.header .logo {
    width: 10.417vw;
    height: auto;
}

.header .logo__img {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.header .logo img {
    width: inherit;
    height: inherit;
    object-fit: contain;
}
.header__nav {
    margin: 0.68vw 0;
}
.header__nav ul {
    align-items:center;
}
.header__nav ul li {
    padding: 0.55vw 3.02vw;
    border-right: 0.05vw solid var(--warm-gray);
}
.header__nav ul li:first-child {
    padding-left: 0;
}
.header__nav ul li:last-child {
    padding-right: 0;
    border-right: 0;
}
.header__nav ul li a {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 1.25vw;
    text-align: center;
    color: var(--dark-gray);
    text-decoration: none;
    cursor: pointer;
}
.header__nav ul li a:hover {
    color: var(--dark-gray);
}
/* Стартовый логотип */
.default-logo {
    display: block;
    font-size: 1.25vw;
    text-decoration: none;
    transition: opacity 0.3s ease-in-out;
}

/* Логотип при скроллинге */
.scrolled-logo {
    display: none;
    font-size: 0.94vw;
    width: 3.385vw !important;
    height: auto;
    text-decoration: none;
    transition: opacity 0.3s ease-in-out;
}
.scrolled-logo img {
    width: 100%;
    height: 100%;
}

/* Скрытый класс для второго логотипа */
.header-scrolled .default-logo {
    display: none;
    pointer-events: none;
}

/* Показываем второй логотип при скроллинге */
.header-scrolled .scrolled-logo {
    display: block;
    width: auto;
}

/* Главный экран */
h1 {
    font-weight: 750;
    font-size: 4.06vw;
    line-height: 112%;
    color: var(--dark-gray);
    /* font-family: "Avenir LT Std", sans-serif; */
    font-family: 'Avenir Black';
}
h1 span {
    font-family: var(--second-family);
    font-weight: 600;
    display: inline-block;
}
h2 {
    font-size: 2.34vw;
    line-height:normal;
    font-weight: 600;
    color: var(--dark-gray);
}
h2 span {
    font-family: 'Avenir Black';
    font-weight: 750;
}
.media__swiper .swiper-slide h2 span {
    font-size: 2.3438vw;
}
h3 {
    font-size:1.25vw;
    font-family: 'Inter', sans-serif;
}

section.home {
    background: var(--light-grey);
    position: relative;
    overflow: hidden;
    padding: 0 0 6.21vw;
}

.home__bg {
    position: absolute;
    width: 79.84vw;
    height: auto;
    z-index: 0;
    right: -10.42vw;
    top:6.59vw;
    z-index: 1;
}

.background-video {
    width: 100%;
    height: 100%;
    -webkit-mask-image: radial-gradient(circle, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0) 100%);
    mask-image: radial-gradient(circle, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0) 100%);
}

.home-discr {
    padding: 6.25vw 0 3.25vw;
    margin-top: 4.59vw;
}

.home-discr__left {
    position: relative;
    z-index: 2;
}

/* .home-discr {
    background-image: url(../img/scheme_02_1.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
} */
.home h1 {
    max-width: 35.36vw;
    width: 100%;
    margin-bottom: 2.97vw;
}
.home p {
    font-family: var(--font-family);
    font-weight: 400;
    font-size:1.25vw;
    color: var(--dark-gray);
    max-width: 18.65vw;
    width: 100%;
}

.home__buttons {
    display: flex;
    align-items: center;
    /* margin: 180px auto 0; */
    /* margin: 3.28vw auto 0; */
    column-gap:1.04vw;
    width: fit-content;
    position: relative;
    z-index: 2;
}

.home__why {
    display: flex;
    align-items: center;
    text-decoration: none;
}

.home__why p {
    padding: 1.15vw 1.25vw;
    font-weight: 600;
    display: flex;
    max-width: fit-content;
    font-size:1.25vw;
    border: 0.05vw solid #546D6B;
    border-right: 0;
    font-family: 'Avenir Black';
}

.home__why span {
    padding: 0.73vw 0.83vw;
    width: 3.91vw ;
    height: 3.91vw;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(90deg, #CCFF01 0%, #BFE136 100%);
}
.home__why span svg {
    width: 1.04vw;
    height: auto;
}

.home__read {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 17.08vw;
    padding: 1.15vw 0;
    font-size:1.25vw;
    font-weight: 600;
    color: #373532;
    background: linear-gradient(90deg, #CCFF01 0%, #BFE136 100%);
}

.home__soc {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0.052vw solid #546D6B;
    width: 3.91vw;
    height: 3.91vw;
}

.home__soc svg {
    width: 1.56vw;
    height: auto;
}

/* DATA / HOW WORK 1 */

.how-works_1 {
    position: relative;
    padding: 0 0 9.84vw;
    overflow: hidden;
}

.data__panel {
    background: #373532;
    position: absolute;
    bottom: -0.1vw;
    z-index: 4;
    left: 0;
    width: 29.06vw;
    height: 38.3vw;
    clip-path: polygon(10% 0, 100% 0, 100% 30%, 100% 80%, 70% 100%, 30% 100%, 0 100%, 0 8%);
    padding: 5.47vw 3.54vw;
}

.data__panel p {
    color: #fff;
    font-size:1.25vw;
}

.data__panel p:not(:first-of-type) {
    margin-top: 4.427vw;
}

.data__panel span {
    font-size: 1.667vw;
    color: #Cf0;
    margin-top: 1.458vw;
    display: flex;
}

.data__wrapper h2 {
    position: relative;
    z-index: 4;
}

.data__text {
    width: 336px;
    position: relative;
    z-index: 3;
}

.data__wrapper {
    width: 55.104vw;
    margin-left: auto;
    margin-right: 10.417vw;
    position: relative;
}

.data__swiper {
    margin-top: 3.677vw;
    cursor: pointer;
}

.data__image {
    
    width: 48.229vw;
    height: 48.229vw;
    position: absolute;
    right: -5.677vw;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 2;
}

.data__image img {
    width: 100%;
    height: 100%;
}

.data__swiper .swiper-slide, .data__item {
    padding: 4.583vw 0 0;
    position: relative;
}

.data__bord {
    position: absolute;
}

.data__bord_left, .data__bord_right, .data__bord_bot {
    z-index: 4;
    width: 2.5vw;
    height: 2.5vw;
}

.data__bord_left svg, .data__bord_right svg, .data__bord_bot svg {
    width: 100%;
    height: 100%;
}


.data__bord_left, .data__bord_right {
    top: 0;
}

.data__bord_left {
    left: 0;
}

.data__bord_right {
    right: 0;
}

.data__bord_bot {
    right: 0;
    bottom: 0;
}

.how-works_1 h2 {
    width: 55.104vw;
    margin-left: auto;
    margin-right: 10.417vw;
    z-index: 4;
    position: relative;
}

.data__item {
    display: none;
}

.data__swiper .swiper-slide span, .data__item span {
    -webkit-text-stroke-width: 0.052vw;
    -webkit-text-stroke-color: var(--Gold_grey, #546D6B);
    color: #efefef;
    font-family: "TT Firs Neue";
    font-size: 4.948vw;
    font-weight: 600;
    line-height: 4.531vw; 
}

.data__swiper .swiper-slide h2, .data__item h2 {
    width: 17.5vw;
    color:  #546D6B;
    font-size: 2.344vw;
    line-height: 2.396vw; 
    margin: 2.552vw 0;
    font-family: 'TT Firs Neue';
    font-weight: 400;
}

.data__swiper .swiper-slide p, .data__item p {
    font-size:1.25vw;
    width: 17.5vw;
    height: 3.33vw ;
}

.data__swiper .swiper-slide a, .data__item a {
    font-size:1.25vw;
    font-weight: 600;
    background: #Cf0;
    color: #373532;
    text-decoration: none;
    padding: 0.521vw 0;
    width: 9.688vw;
    display: flex;
    justify-content: center;
    margin-top: 3.542vw;
}

/* HOW WORK 2 */

.how-works_2 {
    background: #373532;
    padding-bottom: 5.208vw;
    position: relative;
}
.how-works_2 .container {
    overflow: hidden;
}

.how__frog {
    width: 31.563vw;
    height: 28.594vw;
    left: 4.896vw;
    bottom: -6.302vw;
    position: absolute;
    z-index: 5;
}

.how-works_2 h1 {
    color: #fff;
    position: relative;
    z-index: 4;
    width: 26.094vw;
    margin-top: 1.823vw;
    margin-left: auto;
    margin-right: 13.542vw;
}

.registration__text {
    position: relative;
    z-index: 4;
    width: 31.25vw;
    overflow: hidden;
}
.registration__text a p {
    color: var(--light-grey);
}
.registration__slider__wrapper {
    display: flex;
    overflow: hidden;
    width: 62.5vw;
}

.registration__slider2, .registration__slider1 {
    width: 31.25vw;
    transition: all .5s ease;
}

.registration__slider1 {
    transform: translate(-100%, 0);
}

.registration__slider2 {
    transform: translate(0, 0);
}

.registration__slider1_active {
    transform: translate(0, 0);
}

.registration__slider2_active {
    transform: translate(-100%, 0);
}

.registration__text h2 {
    color: #Cf0;
    margin: 0 0 2.188vw;
    margin-left: 9.06vw;
}

.registration__slider ul {
    display: flex;
    flex-direction: column;
    row-gap: 2.24vw;
}

.registration__slider ul li {
    display: flex;
    align-items: center;
    column-gap: 1.198vw;
}

.registration__slider ul li h1 {
    width: fit-content;
    -webkit-text-stroke-width: 0.052vw;
    -webkit-text-stroke-color:  #546D6B;
    font-size: 4.948vw;
    color: #373532;
    font-weight: 600;
    line-height: 4.531vw;
    margin: 0;
    font-family: 'TT Firs Neue';
    min-width: 7.03vw;
}

.registration__slider ul li p {
    color: #EFEFEF;
    font-size:1.04vw;
}

.registration__text a {
    position: relative;
    display: none;
    border: 0.052vw solid #546D6B;
    width: fit-content;
    padding: 1.146vw 5.208vw 1.146vw 1.563vw;
    text-decoration: none;
    align-items: center;
    color: #EFEFEF;
    font-size:1.25vw;
    font-weight: 600;
    margin: 2.656vw 0 0 7.292vw;
}

.registration__text a.active {
    display: flex;
}

.registration__text a span {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
    height: 100%;
    width: 3.906vw;
    background: #cf0;
}

.reg span {
    left: 0;
    right: unset;
    transform: rotate(180deg);
}

.reg {
    padding: 1.146vw 1.563vw 1.146vw 5.208vw !important;
}

.registration__text a span svg {
    width: 1.146vw;
    height: auto;
}

.registration__wrapper {
    display: flex;
    align-items: stretch;
    width: 100%;
    column-gap: 17.088px;
}

.registration__image {
    position: relative;
    width: 55.104vw;
    height: auto;
}

.registration__image img {
    width: 76.042vw;
    height: 39.896vw;
    position: absolute;
    top: -6.354vw;
    left: -7.344vw;
    z-index: 2;
    opacity: 0;
    transition: all .5s ease;
}

.registration__image img.active {
    opacity: 1;
}

.registration__image img:last-of-type {
    left: -5.469vw;
}

.registration__lt, .registration__rt, .registration__lb, .registration__rb {
    position: absolute;
    z-index: 3;
    width: 2.5vw;
    height: 2.5vw;
}

.registration__lt svg, .registration__rt svg, .registration__lb svg, .registration__rb svg {
    width: 100%;
    height: 100%;
}


.registration__lt, .registration__rt {
    top: 0;
}

.registration__lb, .registration__rb {
    bottom: 0;
}

.registration__lb,.registration__lt {
    left: 0;
}

.registration__rt, .registration__rb {
    right: 0;
}

/* NETWORK */

.networks {
    padding: 10.417vw 0 0;
}
.networks-slider {
    display: flex;
    align-items: center;
    overflow: hidden;
    position: relative;
  }
  .networks-list {
    display: grid;
    grid-template-rows: repeat(2, 1fr);
    grid-auto-flow: column;
    gap: 2.083vw;
    user-select: none;
    overflow: auto;
    cursor: pointer;
    /* overscroll-behavior: contain; */
  }

  .networks-list::-webkit-scrollbar {
    display: none;
  }
  .networks-box {
    min-width: 15.625vw;
    flex-shrink: 0;
  }
  
.networks-box {
    width: 31.042vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: -webkit-fill-available;
    padding: 1.25vw;
    border: 0.052vw solid #546D6B;
    color: var(--dark-gray);
    background-color: var(--light-grey); /* Первые три блока окрашиваются в светло-серый цвет */
} 
.networks-box:nth-last-child(-n+3) {
    background-color: #e4e4e4; /* Последние три блока окрашиваются в светло-серый цвет */
}
.networks-box img {
filter: brightness(0) saturate(100%) invert(41%) sepia(7%) saturate(1106%) hue-rotate(126deg) brightness(94%) contrast(85%);
}
.networks-box:hover img {
    filter: none;
    }
.networks-box__top {
    height: 3.177vw;
}
.networks-box__top img{
    object-fit: cover;
    height: auto;
    max-height: 100%;
}
.networks-box__bottom {
    align-items:end;
    gap:1.04vw;
    justify-content: space-between;
}
.networks__left {
    width: 13.75vw;
    display: flex;
    flex-direction: column;
}

.networks__left span {
    display: flex;
    margin-top: auto;
}

.networks__right {
    width: 13.75vw;
    display: flex;
}

.networks__right p {
    margin-top: auto;
    display: flex;
}


/* TEAM */

.team {
    position: relative;
    overflow: hidden;
    padding: 10.417vw 0 15.625vw;
}

.team__bg {
    position: absolute;
    width: 153.698vw;
    height: 78.073vw;
    z-index: 0;
    top: 0;
    opacity: 0;
    transition: all .3s ease;
    left: -50.26vw;
}

.team__bg img {
    width: 100%;
    height: 100%;
}

.team__bg.active {
    opacity: 1;
}

.team__wrap {
    width: 80.208vw;
    margin: 0 auto;
    z-index: 2;
    position: relative;
}
.team__offer {
    display: flex;
    align-items: end;
    column-gap: 9.688vw;
    
}
.team__offer h1 {
    margin: 0 auto;
    margin-bottom: 2.97vw;
}
.tab__warp {
    display: flex;
    column-gap: 0.688vw;
    margin-top: 2.1vw;
    margin-left: 0.600vw;
}

.team__tab svg {
    transform: rotate(180deg);
    width: 2.26vw;
    height: 2.26vw;
    opacity: 1;
    filter: saturate(100%);
}

.team__tab.active svg {
    opacity: .5;
    filter: saturate(0);
}
.team__tab  {
    column-gap: 0.52vw;
    display: flex;
    align-items: center;
}
.tab__warp span {
    font-size: 3.65vw;
    font-family: "TT Firs Neue", sans-serif;
    line-height: normal;
    display: flex;;
    color: var(--dark-gray);
}

/* .tab__warp .team__tab {
    margin-top: auto;
} */

/* .tab__warp .team__tab.active {
    margin: 0;
} */

.team__tab {
    transition: all .3s ease;
    cursor: pointer;
    color: var(--dark-gray);
}

.team__tab.active {
    color: #BCBCBC;
}

.team__tab_bot {
    margin-top: auto;
}

.team__wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 8.438vw;
    width: 100%;
    margin: 3.958vw auto 0;
    opacity: 1;
    display: none;
}

.team__wrapper.active {
    display: flex;
}

.team__card {
    width: 13.438vw;
    position: relative;
}

.team__card h3 {
    margin: 1.667vw 0 0.521vw;
    color: #373532;
    font-weight: 600;
    font-size: 1.25vw;
}

.team__card p {
    font-size: 0.833vw;
    min-height: 0.97vw;
    display: flex;
}

.team__image {
    height: 20.99vw;
    width: 100%;
    position: relative;
}

.team__image img {
    width: 100%;
    height: 100%;
}

.team__image {
    border-bottom: 0.156vw solid #cf0;
}

.team__card__bord {
    position: absolute;
    top: 0;
}

.team__card__bord_left {
    left: 0;
}

.team__card__bord_right {
    right: 0;
}

.team__bio {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.708vw;
    height: 2.708vw;
    font-family: "TT Firs Neue";
    font-size:1.25vw;
    font-weight: 600;
    background: #cf0;
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translate(100%, 100%);
}

.team__card__text {
    width: 15.313vw;
    height: 23.073vw;
    position: absolute;
    top: -1.042vw;
    left: -1.042vw;
    background: #373532;
    padding: 1.95vw 1.14vw;
    font-size: 0.83vw;
    color: #EFEFEF;
    z-index: 2;
    clip-path: polygon(10% 0, 100% 0, 100% 30%, 100% 80%, 70% 100%, 30% 100%, 0 100%, 0 8%);
    opacity: 0;
    transition: all .3s ease;
}

.team__card__text p {
    color: #EFEFEF;
}


.team__card__text ul {
    display: flex;
    flex-direction: column;
    row-gap: 0.52vw;
}

.team__card__text ul li {
    /* font-size: 1.25vw; */
    font-size: 0.8333vw;
    list-style: disc;
    margin-left: 30px;
}

.team__card:hover .team__card__text {
    opacity: 1;
}

/* MEDIA */

.media {
    padding: 10.417vw 0 8.698vw;
}

.media__swiper {
    user-select: none;
    overflow: auto;
    /* overscroll-behavior: contain; */
    height: 29.375vw;
    width: 96vw;
    /* width: 89.583vw; */
    margin-top: 1.927vw;
    margin-left: 3.021vw;
    display: flex;
    cursor: pointer;
}

.media__swiper::-webkit-scrollbar {
    display: none;
  }

.media__swiper .swiper-slide {
    width: 20.417vw;
    padding: 1.667vw 1.719vw;
    border: 0.052vw solid #546D6B;
    position: relative;
    transition: all .5s linear;
    margin-right: 2.646vw;
}

.media__swiper .swiper-slide:hover {
    background: #fff;
    border: 0.104vw solid #cf0;
}

.media__swiper .swiper-slide span {
    font-size: 0.83vw;
}

.media__swiper .swiper-slide p {
    font-size:1.04vw;
}

.media__swiper .swiper-slide h2 {
    margin: 2.396vw 0;
}

.media__swiper .swiper-slide a {
    position: absolute;
    right: 0;
    bottom: 0;
    font-family: "TT Firs Neue", sans-serif;
    font-size: 1.25vw;
    font-weight: 600;
    width: fit-content;
    height: 2.708vw;
    display: flex;
    background: #Cf0;
    color: #373532;
    padding: 0 1.25vw;
    display: flex;
    align-items: center;
    justify-content: center;
}

.media__swiper .swiper-slide a svg {
    width: 100%;
    height: 100%;
}
.team__offer_adapt {
    display: none;
}

.doc a {
    background: #Cf0;
    width: 5.52vw;
    display: flex;
    justify-content: center;
    padding: 0.52vw 0;
    font-size:1.25vw;
    font-family: 'Avenir';
    color: #373532;
    font-weight: 600;
}

.footer {
    background: #373532;
    padding: 6.25vw 0 2.448vw;
    overflow: hidden;
}
.footer .container {
    position: relative;
}
.footer .header__box {
    justify-content: unset;
}

.footer .header__box p {
    color: #EFEFEF;
}

.footer .header__nav {
    margin-left: 13.281vw;
}

.footer .header__nav li {
    border-color: #546D6B;
}

.footer .header__nav a {
    color: var(--light-grey);
}

.footer .header__nav ul li a:hover {
    color: var(--light-grey);
}

.footer h1 {
    color: #fff;
    margin: 4.688vw 0 5.729vw;
    position: relative;
    z-index: 2;
}

.footer .home__buttons {
    margin: 0;
}

.footer__mail {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 0.83vw;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    color: var(--light-grey);
    display: block;
    width: fit-content;
    margin-top: 5.729vw;
    position: relative;
    z-index: 2;
}

.footer_frog {
    width: 56.771vw;
    height: 36.458vw;
    position: absolute;
    bottom: -5.865vw;
    right: -21.49vw;
}

.swiper-pagination {
    bottom: -1.56vw!important;
    position: absolute;
    z-index: 9;
    text-align: left;
}

.swiper-pagination .swiper-pagination-bullet-active {
    background: #cf0;
}

.how__box {
    margin-top: 1.56vw;
}

/* Responsive */

/* @media screen and (min-width: 1910px) {
    .how-works_1, .home, .media {
        width: 1920px;
        margin: 0 auto;
    }
}

/* 1200px - 1440px *//*
@media screen and (max-width: 1830px) {
	.container {
		max-width: 100%;
        padding: 0 46px;
	}
    .header__nav ul li {
        padding: 10px 30px;
    }
    .media__swiper, .networks__wrapper {
        width: 100%;
    }
    .home__bg {
        width: 1000px;
        height: auto;
    }
    .team__wrapper {
        column-gap: 0;
        justify-content: space-around;
    }
    .team__wrap {
        width: 100%;
    }
    .team__card {
        width: 158px;
    }
    .team__image {
        height: 248px;
    }
    .team__card__text {
        width: 197px;
        height: 278px;
    }
    .registration__image {
        width: 100%;
        height: auto;
    }
    .registration__image img {
        display: none;
        opacity: 1;
        position: unset;
        width: 100%;
        height: 100%;
    }
    .how__frog {
        left: -67px;
        width: 40%;
        height: auto;
        bottom: -5%;
    }
    .how-works_1 h2 {
        width: 100%;
    }
    .how-works_1 h2:first-of-type {
        margin: 0;
        margin-bottom: 25px;
    }
    .registration__image img.active {
        display: block;
    }
    .how-works_2 h1 {
        margin: 0 0 43px 0;
    }
    .registration__text a {
        padding: 22px 200px 22px 130px;
        margin-left: 0;
    }
    .home__buttons {
        flex-wrap: wrap;
        margin: 0;
        row-gap: 20px;
        justify-content: end;
    }
    .home__bg {
        top: 50%;
        transform: translate(0, -50%);
    }
} */

/* 992px - 1200px */
@media screen and (max-width: 1023px) {
	.container {
        width: auto;
		padding: 0 3.13vw;
	}
    .networks-box__top img{
        height: 100%;
    }
    .registration__text h2 {
        margin-bottom: 5.63vw;
       margin-left: 0;
    }
    .data__panel {
        position: relative;
        width: 100%;
        clip-path: none;
        height: fit-content;
        padding: 32px 30px;
    }
    .data__swiper {
        display: none;
    }
    .data__item {
        display: block;
        width: 100%;
        margin-top: 10vw;
        overflow: visible;
    }
    .data__image {
        height: 145.833vw;
    }
    .data__panel p:not(:first-of-type) {
        margin-top: 5vw;
    }
    .data__panel span {
        margin-top: 2.917vw;
    }
    .data__image img {
        width: 100%;
        height: 100%;
    }
    .data__wrapper {
        width: 100%;
    }
    .data__swiper .swiper-slide p, .data__item p {
        font-family: 'Inter';
    }
    .home__bg {
        position: unset;
        width: 100%;
        height: auto;
        transform: unset;
    }
    .home__bg img {
        width: 100%;
        height: 100%;
    }
    .networks__swiper .swiper-slide {
        width: 73.33vw;
    }
    .networks__left {
        width: fit-content;
    }
    .networks__right p {
        font-size: 2.5vw;
    }
    .networks__wrapper {
        overflow: hidden;
    }
    .team__card {
        width: 34.92vw;
    }
    .team__card__bord_right, .team__card__bord_left {
        width: 6.25vw;
        height: 6.25vw;
    }
    .team__card__bord_right svg, .team__card__bord_left svg {
        width: 100%;
        height: 100%;
    }
    .team__image {
        height: 51.46vw;
        display: flex;
    }
    .networks__left img {
        width: 90%;
    }
    .team__image img {
        object-fit: cover;
    }
    .team__wrapper {
        align-items: start;
        flex-wrap: wrap;
        row-gap: 48px;
    }
    .team__card__text {
        width: 105%;
        height: 100%;
        left: 50%;
        transform: translate(-50%, 0);
        top: 0;
        bottom: 0;
    }
    .media__swiper .swiper-slide {
        padding: 22px 20px;
    }
    .team__tab_dn {
        display: none;
    }
    .team__offer {
        display: none;
    }
    .team__offer_adapt {
        display: flex;
        column-gap: 14.56vw;
        flex-wrap: wrap;
        row-gap: 5.63vw;
    }
    .team__offer_adapt h1 {
        width: 100%;
        margin: 0 !important;
    }
    .team__offer_adapt .team__tab_bot {
        margin: 0;
    }
    .team__bg {
        display: none;
    }
    
    .footer .header__box {
        flex-direction: column-reverse;
        row-gap: 60px;
        align-items: start;
    }
    .footer .header__nav {
        margin: 0;
    }
    .container {
        z-index: 2;
    }
    h1 {
        font-size: 10vw;
    }
    .home h1 {
        margin-bottom: 7.29vw;
        max-width: 100%;
	}
    .home p {
        max-width: 49.792vw;
    }
    .nav__adapt .header__nav ul a {
        font-size: 3.333vw;
    }
    .nav__adapt .header__nav ul li {
        padding: 0 3.75vw;
	}
    .header__nav ul li:first-child {
        padding-left: 0;
    }
    .nav__adapt {
        padding: 6.042vw 0;
    }
    .home h1 {
        /* font-size: 48px; */
        margin-bottom: 35px;
    }
    body, .home p, p {
        font-size: 3.33vw; 
    }
    .home__read {
        width: 39vw;
        font-size: 3.33vw;
        padding: 2.5vw 0;
    }
    h2 {
        font-size: 5.63vw;
        line-height: normal;
    }
    .home__why p {
        padding: 2.396vw 0;
        justify-content: center;
        border: 0.208vw solid #373532;
        border-right: 0;
    }
    .header__nav ul {
        display: none;
    }
    .footer .header__nav ul {
        display: flex;
    }
    .home__why {
        align-items: stretch;
        width: 46.75vw;
    }
    .home__buttons {
        column-gap: 3.13vw;
        flex-wrap: wrap;
        row-gap: 4.375vw;
        justify-content: end;
    }
    .home__why span {
        height: 9.375vw;
        width: 12.375vw;
        padding: 0;
    }
    .home__why span svg {
        width: 3.542vw;
    }
    .home__soc {
        width: 9.58vw;
        height: 9.58vw;
    }
    .home__soc svg {
        width: 4.38vw;
        height: auto;
    }
    .data__panel p {
        font-size: 2.92vw;
    }
    .data__panel span {
        font-size: 4.38vw;
    }
    .data__item span {
        font-size: 10.42vw;
        line-height: normal;
    }
    .how-works_1 h2 {
        width: 43.542vw;
        font-size: 5.83vw;
        line-height: normal;
    }
    .how-works_1 h2:first-child {
        width: 100vw;
        margin: 0;
        margin-bottom: 21px;
    }
    .data__item p {
        font-size: 3.33vw;
        width: 43.54vw;
        height: unset;
    }
    .data__image {
        width: 83.33vw;
        height: 83.33vw;
        right: -21.677vw;
    }
    .data__swiper .swiper-slide a, .data__item a {
        font-size: 3.333vw;
        padding: 2.5vw 0;
        width: 24.167vw;
        margin-top: 7.5vw;
    }
    .registration__slider2, .registration__slider1, .registration__text, .registration__slider ul {
        width: 67.08vw;
    }
    .registration__slider ul li h1 {
        font-size: 10.42vw;
        line-height: normal;
    }
    .registration__image {
        width: 91.67vw;
        height: 69.58vw;
    }
    .tab__warp {
        display: none;
    }
    .registration__image img:last-of-type {
        left: 50% !important;
    }
    .registration__image img {
        width: 130%;
        height: 100%;
        display: none;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .how-works_2__wrapper  {
        overflow: hidden;
    }
    .how-works_2 .container {
        overflow: visible;
    }
    .registration__image img.active {
        display: block;
    }
    .registration__slider__wrapper {
        width: 67.08vw;
    }
    .registration__slider ul li {
        column-gap: 4.17vw;
    }
    .registration__wrapper {
        flex-direction: column;
    }
    .registration__slider ul {
        row-gap: 2.71vw;
    }
    .networks__swiper .swiper-slide {
        padding: 4.79vw;
        column-gap: 4.17vw;
        margin-right: 4.38vw;
    }
    .team__bio {
        width: 6.667vw;
        height: 6.667vw;
        font-size: 3.333vw;
    }
    .registration__slider ul li p {
        font-size: 2.917vw;
    }
    .registration__text a {
        padding: 2.5vw 20.833vw 2.5vw 6.25vw;
        margin: 22px 0 0;
    }
    .registration__text a span {
        width: 8.75vw;
    }
    .how__frog {
        width: 47.08vw;
        height: 42.71vw;
        left: -13.96vw;
        bottom: -10.42vw;
    }
    .team__card__text, .team__card h3 {
        font-size: 3.333vw;
    }
    .team__card h3 {
        margin-top: 4.167vw;
    }
    .media__swiper .swiper-slide {
        width: 51.042vw;
        height: 79.167vw;
        margin-right: 4.167vw;
    }
    .media__swiper .swiper-slide a {
        font-size: 2.92vw;
        height: 6.458vw;
        background-color: var(--green);
    }
    .media__swiper .swiper-slide a svg {
        width: 100%;
        height: 100%;
    }
    .media__swiper .swiper-slide p {
        font-size: 2.917vw;
    }
    .team__card__text p {
        font-size: 2.5vw;
    }
    .team__wrapper {
        justify-content: unset;
        column-gap: 8.75vw;
    }
    .how-works_1, .how-works_2,.team {
        padding: 14.583vw 0;
    }
    .networks {
        padding: 14.583vw 0 0;
    }
    .media {
        padding: 0 0 14.583vw;
    }
    .media__swiper {
        height: fit-content;
    }
    .footer .header__nav {
        display: flex;
    }
    .footer h1 {
        margin: 11.667vw 0 16.875vw;
    }
    .footer .home__buttons {
        width: 35vw;
        flex-wrap: wrap;
        justify-content: start;
    }
    .footer {
        padding: 6.042vw 0 14.792vw;
    }
    .footer_frog {
        height: 76.042vw;
        right: -41.667vw;
    }
    .header .logo__img {
        width: 26.458vw;
    }
    .nav__adapt {
        display: flex;
    }
    .burger {
        background: #Cf0;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 9.38vw;
        height: 9.38vw;
    }
    .burger svg {
        width: 5.21vw;
        height: 5.21vw;
    }
    .header__box {
        justify-content: unset;
    }
    .doc {
        margin-left: auto;
        margin-right: 4.17vw;
    }
    .doc a {
        font-size: 3.333vw;
        padding: 2.5vw 0;
        width: 16.667vw;
    }
    .header {
        padding: 5.625vw 0 ;
    }
    .home-discr {
        padding: 0;
        margin-top: 25.625vw;
    }
    .how__box {
        display: none;
    }
    .registration__text {
        margin-left: auto;
    }
    .how-works_2 h1 {
        margin: 0;
        width: fit-content;
    }
    .reg {
        padding: 2.646vw 4.563vw 2.646vw 13.208vw !important;
    }
    .data__bord_left, .data__bord_right, .data__bord_bot {
        width: 3.96vw;
        height: 3.96vw;
    }
    .data__swiper .swiper-slide, .data__item {
        padding: 4.79vw 0;
    }
    .networks__right {
        font-size: 2.5vw;
        width: 27.92vw;
    }
    .team__card__text{
        padding: 3vw 0.94vw;
    }
    .team__card__text ul li {
        font-size: 2.5vw;
        margin-left: 18px;
    }
    .media__swiper .swiper-slide span {
        font-size: 2.5vw ;
    }
    .networks__left span {
        font-size: 2.92vw;
    }
    .networks-box__top {
        height: 7.5vw;
    }
    .networks-box__bottom {
        column-gap: 4.17vw;
    }
    .networks-box {
        width: 73.33vw;
        height: 41.88vw;
        padding: 5vw;
    }
    .networks-list {
        gap: 4.17vw;
        padding: 0 0 3.13vw;
    }
    /* .footer .header__nav ul {
        display: none;
    } */
    .header__nav ul li {
        padding: 1.04vw 3.75vw;
    }
    .header__nav ul li a {
        font-size: 3.33vw;
    }
    .footer__mail {
        margin-top: 23.96vw;
        font-size: 2.92vw;
    }
    .footer_frog {
        width: 120.771vw;
        height: auto;
        bottom: -21.865vw;
        right: -44.667vw;
    }
}

/* 768px - 992px */
/* @media screen and (max-width: 992px) {
	.container {
		width: 720px;
    }
} */

/* 576px - 768px */
@media screen and (max-width: 767px) {
	
    
}

/* 320px - 576px */
@media screen and (max-width: 576px) {
}