/* site stile css */

:root {
--border-color: rgba(255, 255, 255, 0.1);
}

.content{
    margin: 0 auto;
    overflow: visible;
}

.header {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 18px;
    width: 100%;
}
.header__content_wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.header__logo {
    width: 150px;
}
.header__nav_wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 675px;
    height: 51px;
    clip-path: path('M15.1172 1H655C665.493 1 674 9.50659 674 20V30C674 40.4934 665.493 49 655 49H39.7607C33.3863 48.9999 27.1091 47.4374 21.4785 44.4492L16.0518 41.5693C12.3071 39.582 9.33472 36.3989 7.60742 32.5273L2.33203 20.7041C-1.79917 11.4442 4.97758 1.00022 15.1172 1Z');
    z-index: 3;
    backdrop-filter: blur(18.65178108215332px);
    box-shadow: 0 0 8px 0 rgba(255, 44, 201, 0.3);
}
.header__nav {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 3px;
    margin-left: 1.5px;
    clip-path: path('M14.1113 1.07031L143.846 1.5H653.499C662.888 1.50007 670.499 9.1112 670.499 18.5V28.5C670.499 37.8888 662.888 45.4999 653.499 45.5H36.9717C30.6282 45.5 24.4034 43.7764 18.9639 40.5127L14.7939 38.0107C11.8535 36.2465 9.51576 33.6338 8.08691 30.5166L2.70703 18.7783C-1.09536 10.4822 4.9854 1.0401 14.1113 1.07031Z');
    background-color: #000;
    width: 100%;
    height: 100%;
}
.header__nav_list {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -5px;
}
.header__nav_item {
    margin: 0px 25px;
}
.header__nav_link {
    color: #fff;
    transition: all .2s ease-in-out;
    font-size: 16px;
    font-weight: 500;
}

.header__nav_link:hover {
    color: #45DDFF;
}

.gradient-bg {
    background: linear-gradient(80deg, #7E7EF2, #2CFFD5);
    background-size: 400% 400%;
    animation: gradientAnimation 2s ease infinite;
    mix-blend-mode: normal;
}

@keyframes gradientAnimation {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

.mobile {
    display: none;
}

.mobile__menu_wrapper{
    display: none;
}

/* sectione one */

.first__screen_wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 200px 0px;
    position: relative;
}

.screen__col_right {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.mobile__content_wrapper{
    display: none;
}

.screen__col_left {
    width: 100%;
}

.col__content_wrapper {
    display: flex;
    justify-content: center;
    align-items: start;
    flex-direction: column;
    position: relative;
    z-index: 3;
}

.subtitle__text {
    font-size: 18px;
    font-weight: 400;
}

.main__logo {
    margin-top: 30px;
    margin-bottom: 40px;
}

.main__title {
    font-size: 40px;
    font-weight: 400;
    text-transform: uppercase;
    color: #fff;
    line-height: 38px;
    margin: 0px;
    margin-bottom: 25px;
}

.title_gradient {
    font-weight: 700;
    font-size: 40px;
    background: linear-gradient(80deg, #7E7EF2, #2CFFD5);
    background-size: 200% 200%; /* Добавляем это для анимации */
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    display: inline-block;
    animation: gradienttextanim 2s ease infinite;
    mix-blend-mode: normal;
}

@keyframes gradienttextanim {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

.btn_color {
    box-shadow: 0 0 8px 4px rgba(255, 179, 236, 0.5);
    background: #7e7ef2;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    width: 480px;
    height: 50px;
    border-radius: 10px;
    transition: all .3s ease-in-out;
}

.btn_color:hover {
    background-color: #45DDFF;
    color: #000;
}

.light_btn {
    box-shadow: 0 0 8px 3px #7e7ef2;
    background: #fff;
    font-size: 16px;
    color: #000;
    font-weight: 600;
    width: 100%;
    height: 50px;
    border-radius: 10px;
    transition: all .3s ease-in-out;
}

.light_btn:hover {
    background-color: #45DDFF;
    color: #000;
}

.main__btn_wrarpper {
    margin-top: 50px;
}

.main__hero_section{
    width: 800px;
    position: absolute;
    z-index: 1;
    left: 0%;
    top: -280px;
}

/* timer */

.timer__content_wrapper {
    border-radius: 50%;
    width: 446px;
    height: 446px;
    z-index: 2;
    position: relative;
}

.video__hero_section {
    width: 650px;
    position: absolute;
    top: -100px;
    left: -100px;
    z-index: 2;
    border-radius: 50%;
    filter: blur(15px);
}

.blur__section {
    position: absolute;
    width: 446px;
    height: 446px;
    background-color: rgba(126, 126, 242, 0.150);
    border-radius: 50%;
    filter: blur(10px);
    z-index: 3;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;  
}

/* timer section orbit */

.orbit__wrapper {
    position: absolute;
    z-index: 3;
    left: 4%;
    top: 6%;
}

.outer-circle {
    width: 400px;
    height: 400px;
    border: 2px solid #8ae4f9;
    border-radius: 50%;
    position: relative;
    box-shadow: 
    0 0 20px 10px rgba(0, 255, 255, 0.2),
    0 0 30px 20px rgba(0, 255, 255, 0.15), 
    0 0 40px 30px rgba(0, 255, 255, 0.1);
}

.orbit {
  width: 100%;
  height: 100%;
  position: absolute;
  animation: rotate 4s linear infinite;
}

.orbit:nth-child(2) {
  animation: rotate 6s linear infinite reverse;
}

.orbit:nth-child(3) {
  animation: rotate 8s linear infinite;
}

.inner-circle {
  width: 400px;
    height: 400px;
  border: 2px solid #8ae4f9;
  border-radius: 50%;
  position: absolute;
  top: 5px;
  left: 5px;
}

.inner-circle:nth-child(2) {
  border-color: #8ae4f9;
}

.inner-circle:nth-child(3) {
  border-color: #8ae4f9;
}

@keyframes rotate {
  
  from {
    transform: rotate(0deg);
  }
  
  to {
    transform: rotate(360deg);
  }
  
}

/* timer style */

.timer__content_info{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: absolute;
    z-index: 999999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.pulse {
  animation: css-animation-pulse 1s ease-in-out infinite;
}

@keyframes css-animation-pulse {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.02);
  }
}

.timer {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.time-unit {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.time-break {
    font-size: 52px;
    font-weight: 900;
    color: #fff; 
}

.timer__title {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 400;
    color: #ffffff7c;
}

.time-value {
    font-size: 52px;
    font-weight: 900;
    color: #fff;
}

.time-label {
    font-size: 20px;
    font-weight: 400;
    color: #ffffff7c;
}


/* Section second style*/

.second__screen_wrapper {
    padding-bottom: 100px;
    max-width: 100%;
    position: relative;
    z-index: 6;
}

.wrapper__vector {
    position: relative;
    z-index: 6;
}

.coin_img {
    position: absolute;
    width: 550px;
    top: 0;
    z-index: 0;
    right: -150px;
    transform: rotate(-17deg);
}

.form__content_wrapper {
    position: absolute;
    top: 40px;
    bottom: 0;
    z-index: 6;
    left: 70px;
    height: fit-content;
}

.title__h2_text {
    font-size: 40px;
    text-transform: uppercase;
    font-weight: 400;
    color: #fff;
    line-height: 54px;
}

.blue__bold_text {
    font-weight: 700;
    font-size: 40px;
    background: linear-gradient(80deg, #7E7EF2, #2CFFD5);
    background-size: 200% 200%; /* Добавляем это для анимации */
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    display: inline-block;
    animation: gradienttexth2 2s ease infinite;
    mix-blend-mode: normal;
}

@keyframes gradienttexth2 {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

.second__screen_form{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    margin-top: 60px;
}

.form__input_style {
    height: 48px;
    width: 485px;
    border-radius: 15px;
    padding: 0px 20px;
    font-size: 16px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.200);
    backdrop-filter: blur(17.299999237060547px);
    outline: 2px solid #aaa3b6;
}

.btn__size_normal {
    width: 325px;
    border-radius: 15px;
}


/* Section three style */

.third__screen_wrapper {
    position: relative;
    padding-top: 30px;
    z-index: 6;
}

.screen__thried_content {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
    z-index: 4;
}

.screen__title_wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 0px;
}

.big__title_h2 {
    font-size: 80px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    line-height: 80px;
    margin: 0px;
}

.colored__title {
    font-size: 80px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    color: #7e7ef2;
}

.subtitle2__text {
    font-weight: 400;
    font-size: 40px;
    text-transform: uppercase;
    color: #fff;
}

.cards__grid_wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-top: 60px;
    width: 100%;
}

.single__card_wrapper {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    background: radial-gradient(116.03% 94.9% at 117.83% 100%, #7e7ef229 0%, rgba(0, 0, 0, 0.062) 100%), rgb(81 81 81 / 14%);
    width: 100%;
    height: 171px;
    border-radius: 24px;
    border: 1px solid #7e7ef285;
    backdrop-filter: blur(1px);
    padding: 40px;
}

.nocard {
    background: transparent;
    border: none;
    position: relative;
    display: flex;
    align-items: flex-end;
}

.icon__arrow{
    margin-right: -50px;
}

.icon__title_wrapper{
    display: flex;
    justify-content: center;
    align-items: center;
}

.card__title {
    font-size: 18px;
    font-weight: 700;
    text-transform: capitalize;
    color: #fff;
}

.description__text {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
}

.card__description_wrapper {
    margin-top: 10px;
}

.card__icon {
    width: 24px;
    height: 24px;
    margin-right: 8px;
}

.background__liner{
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    object-fit: cover;
    object-position: center;
    z-index: 0;

    mask-image: linear-gradient(
        to bottom,
        transparent 0%,
        black 0%,
        black 75%,
        transparent 100%
    );
    -webkit-mask-image: linear-gradient(
        to bottom,
        transparent 0%,
        black 0%,
        black 55%,
        transparent 100%
    );
    
    /* Сильное размытие */
    filter: blur(2px);
}

.card {
    position: relative;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 20px;
    overflow: hidden;
    border-top: 1px solid var(--border-color);
    border-left: 1px solid var(--border-color);
    cursor: default;
}

.card:hover .content {
    transform: translateY(0);
    opacity: 1;
}

.section__btn_wrappper {
    margin-top: 66px;
    display: flex;
    justify-content: center;
}

.b10 {
    border-radius: 10px;
}


/* Section fourth style */
.fourth__screen_wrapper {
    position: relative;
    padding-top: 150px!important;
    z-index: 6;
}

.background__liner3{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: 5;

    /* Маска для размытия краев */
    mask-image: linear-gradient(
        to bottom,
        transparent 0%,
        black 15%,
        black 85%,
        transparent 100%
    );
    -webkit-mask-image: linear-gradient(
        to bottom,
        transparent 0%,
        black 15%,
        black 85%,
        transparent 100%
    );
    
    /* Дополнительное размытие для более плавного перехода */
    filter: blur(200px);
}

.fourth__screen_content {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: center;         
    height: 50vh;            
    width: 100%;
    position: relative;
    z-index: 6;
    padding: 0;
    overflow: hidden;             
}

.col__wrapper_left {
    box-sizing: border-box;
    align-self: center;           
    padding-top: 0;   
    position: relative;     
}

.icon__arrow2 {
    position: absolute;
    top: 140px;
    right: 0;
    transform: rotate(-90deg);
}

.col__wrapper_right {
  position: relative;
  min-height: 100%;             
}

.slider__wrapper_container {
    position: relative;
    height: 100vh;                
    overflow: hidden;
}

.slider__single_card {
    position: absolute;
    top: 45%;
    left: 280px;
    transform: translate(-50%, -50%);
    width: 555px;
    height: 301px;
    padding: 80px;
    border-radius: 40px;
    border: 3px solid #858492;
    backdrop-filter: blur(56.9px);
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 3.04%, rgba(255, 255, 255, 0) 99.2%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    opacity: 0;                
    pointer-events: none;
    will-change: transform, opacity;
    z-index: 0;
}

.slider__single_card.is-active {
    pointer-events: auto;
    z-index: 2;
}

.fourth__title { 
    text-align: 
    left; margin: 0; 
}
.site__logo { 
    width: 280px; 
}
.slider__cards_tetle-list {
    display: flex; 
    flex-direction: column; 
    align-items: flex-start; 
    justify-content: center;
    margin-top: 40px;
}
.list__item_title {
    display: block;
    font-size: 40px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 40px;
    margin: 8px;
    background: linear-gradient(to bottom, #ffffff25, #19191b91);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.list__item_title.active{
    background: linear-gradient(to bottom, #ffffffea, #a4a4d1de);
    -webkit-background-clip: text;
}

.slider__card_title { 
    font-size: 40px; 
    font-weight: 400; 
    text-transform: uppercase; 
}
.slider__card_description { 
    font-size: 16px; 
    line-height: 18px; 
    margin-top: 10px; 
}

.background__liner2 { 
    position: absolute; 
    z-index: 0; 
    right: 0; 
    top: 180%; 
}

.cards__liner_shadow{
    position: absolute;
    top: 635px;
    left: 3px;
    z-index: 4;
    width: 555px;
}

.amimated_lights { 
    position: absolute; 
    top: 167px; 
    left: 226px; 
    z-index: 0; 
}

.marquee__container_wrapper {
    display: flex;
    align-items: center;
    overflow: hidden;
    margin-top: 40px;
}

.marq__col_left {
    flex: 1;
    overflow: hidden;
}

.marq__col_right {
    flex: 1;
    text-align: center;
}

.ticker-container {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.ticker {
    display: flex;
    width: max-content;
    animation: ticker-scroll 30s linear infinite;
}

.ticker:hover {
    animation-play-state: paused;
}

.color_white {
    color: #fff;
}

.icon-item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 355px;
    height: 207px;
    margin: 0 15px;
    transition: all 0.3s ease;

}

.icon-item:hover {
    transform: scale(1.02);
}

.company_icon {
    width: 100%;
    height: 100%;
    transition: all 0.3s ease;
}

.icon-item:hover .company_icon {
    filter: brightness(1.2) invert(0);
}

@keyframes ticker-scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

@keyframes title-shine {
    0% {
        background-position: -200% 0;
    }
    100% {
        background-position: 200% 0;
    }
}

.fourth__title2 {
    text-align: right;
}


/* Section fifth styles */

.fifth__screen_wrapper {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: 100px;
    min-height: 100%;
    z-index: 5;
}

.roadmap__bg {
    position: relative;
    z-index: 3;
}

.lines_roadmap_bg {
    position: absolute;
    z-index: 4;
    top: -423px;
    right: -25px;
    height: 1266px;
    object-fit: cover;
    object-position: center;
}

.fifth__section_content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 7;
    padding: 0px 58px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.road__card_wrapper {
    display: grid;
    grid-template-columns: 
        [col1-start] 1fr 
        [col2-start] 134px 
        [col3-start] 1fr 
        [col4-start] 134px 
        [col5-start] 1fr;
    grid-template-rows: [row1-start] auto [row2-start] auto;
    gap: 0px;
    row-gap: 92px;
    margin-top: 94px;
}

.road_card {
    height: 110px;
}

.road__card_btn {
    padding: 0px;
    width: 100%;
}

.card__btn_info-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    margin-top: 10px;
}

.btn__card_title{
    font-size: 16px;
    color: #fff;
    font-weight: 400;
}

.btn__size_full {
    width: 100%;
}

.road__line1 {
    position: absolute;
    top: 205px;
    left: 0;
}

.road__line4 {
    margin-top: 24px;
}

.road__line6{
    position: absolute;
    z-index: 2;
    bottom: 262px;
    right: 170px;
}

.section__inner2 {
    position: absolute;
    z-index: -1;
    left: -285px;
    bottom: -340px;
    width: 737px;
    transform: rotate(24deg);
}

.road__linem6 {
    display: none;
}


/* Screen six styles */

.six__screen_wrapper{
    margin-top: 150px;
    padding: 20px;
    position: relative;
    z-index: 7;
}

.teams__card_wrapper{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    position: relative;
    z-index: 6;
    padding: 0px;
    margin: 0px;
    column-gap: 134px;
    row-gap: 50px;
    margin-top: 70px;
}

.team__card_single{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    transition: all .2s ease-in-out;
}

.team__card_single:hover{
    transform: scale(1.02);
}

.team__person_name {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    margin-top: 26px;
}

.person__specialization{
    font-size: 16px;
    font-weight: 400;
    color: #fff;
}


/* Section seven styles */

.seven__screen_wrapper{
    position: relative;
    width: 100%;
    margin: 0 auto;
}

.seven__screen_content{
    display: flex;
    justify-content: space-between;
    align-items: self-start;
    margin-top: 170px;
    padding: 20px;
    position: relative;
}


.sevens__bg_inner{
    position: absolute;
    z-index: 1;
    top: -430px;
    left: 0;
}

.seven__col_left{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    height: 100%;
    padding-top: 15px;
    position: relative;
    z-index: 6;
}

.seven__col_right{
    position: relative;
    z-index: 6;
}

.icon__arrow3 {
    position: absolute;
    top: 220px;
    right: -250px;
    transform: rotate(-90deg);
}

.social__icons_list{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 38px;
    gap: 20px;
}

.faq__descriptions{
    margin-top: 25px;
}

.heading-primary {
  font-size:2em;
  padding:2em;
  text-align:start;
}
.accordion dl,
.accordion-list {
    margin: 20px;
   &:after {
       content: "";
       display:block;
       height:1em;
       width:100%;
     }
}
.accordion dd,
.accordion__panel {
   background-color: transparent;
   font-size:16px;
}

.accordion p {
  padding:20px 40px 60px 0px;
  width: 850px;
}

.accordion {
    position:relative;
    background-color:#eeeeee00;
}

.accordionTitle,
.accordion__Heading {
    border-radius: 15px;
    padding: 0px 40px;
    width: 850px;
    height: 60px;
    margin-bottom: 25px;
    backdrop-filter: blur(4px);
    box-shadow: 0 0 5px 2px rgba(255, 44, 201, 0.25);
    background: radial-gradient(116.03% 94.9% at 117.83% 100%, #7e7ef273 0%, rgba(0, 0, 0, 0) 100%), rgba(81, 81, 81, 0.2);
    text-align:start;
    line-height: 1.2;
     font-weight:700;
          display:flex;
          justify-content: space-between;
          align-items: center;
          text-decoration:none;
          color:#fff;
          transition:background-color 0.5s ease-in-out;
  &::after {
   content: "+";
   font-size: 40px;
   line-height: 40px;
   font-weight: 200;
   float:right;
   margin-top: -5px; 
   transition: transform 0.3s ease-in-out;
  }
}
.accordionTitleActive, 
.accordionTitle.is-expanded {
    &::after {
     
      transform:rotate(-45deg);
    }
}
.accordionItem {
    height:auto;
    overflow:hidden; 
    transition:max-height 1s;   
 
    
    @media screen and (min-width:48em) {
         max-height:15em;
        transition:max-height 0.5s
        
    }
    
   
}
 
.accordionItem.is-collapsed {
    max-height:0;
}
.no-js .accordionItem.is-collapsed {
  max-height: auto;
}
.animateIn {
     animation: accordionIn 0.45s normal ease-in-out both 1; 
}
.animateOut {
     animation: accordionOut 0.45s alternate ease-in-out both 1;
}
@keyframes accordionIn {
  0% {
    opacity: 0;
    transform:scale(0.9) rotateX(-60deg);
    transform-origin: 50% 0;
  }
  100% {
    opacity:1;
    transform:scale(1);
  }
}

@keyframes accordionOut {
    0% {
       opacity: 1;
       transform:scale(1);
     }
     100% {
          opacity:0;
           transform:scale(0.9) rotateX(-60deg);
       }
}

.bg__section_arrow4{
    display: none;
}


/* Section eights style */

.eigth__screen_wrappper{
    position: relative;
    margin-top: 140px;
}

.image__box_wrapper{
    width: 100%;
    height: 392px;
    border-radius: 40px;
    border: 5px solid #7E7EF2;
    margin-top: 80px;
    background-image: url(/ready-html/includes/img/images/photo_2025-09-22_08-38-02\ 1.png);
    background-size: cover;
    background-position: center;
}

.phone__reff_mockup{
    position: absolute;
    bottom: 70px;
    right: 75px;
    width: 315px;
    z-index: 6;
}


/* Footer styles */

.footer__wrapper{
    margin-top: 150px;
    margin-bottom: 30px;
    position: relative;
    width: 1360px;
    height: 236px;
    clip-path: path('M374.842 234H1330C1346.02 234 1359 221.016 1359 205V70.208C1359 62.0281 1355.55 54.2282 1349.49 48.7314L1305.17 8.52344C1299.84 3.68196 1292.89 1.00003 1285.69 1H85.3418C79.0284 1.00009 72.8874 3.06039 67.8516 6.86816L12.5088 48.7158C5.26021 54.197 1.0001 62.759 1 71.8467V133.626C1 149.642 13.9838 162.626 30 162.626H288.761C298.158 162.626 307.049 166.889 312.933 174.217L352.229 223.157C357.562 229.798 365.534 233.748 374.02 233.988L374.842 234Z');
    z-index: 3;
    backdrop-filter: blur(18.65178108215332px);
    box-shadow: 0 0 8px 0 rgba(255, 44, 201, 0.3);
    padding-top: 0.5px; 
}

.footer__conent_wrapper{
    display: grid;
    grid-template-columns: 20% 55% 25%;
    gap: 0px;
    padding: 55px 70px;
    margin-left: 2px;
    margin-top: 2px;
    margin-bottom: -4px;
    margin-right: 2px;
    clip-path: path('M372.854 230H1328.08C1342.96 230 1355.04 217.959 1355.08 203.077L1355.46 69.3047C1355.49 61.1135 1352.04 53.2942 1345.99 47.7793L1302.91 8.55762C1297.57 3.69505 1290.61 1 1283.39 1H82.7285C77.5977 1 72.6015 2.64402 68.4736 5.69141L11.9639 47.4111C5.06903 52.5013 1 60.5626 1 69.1328V132C1 146.912 13.0883 159 28 159H287.691C297.044 159 305.896 163.222 311.782 170.49L351.872 219.992C356.999 226.322 364.709 230 372.854 230Z');
    background-color: #000;
    max-width: 100%;
    max-height: 100%;
}

.footer__logo_icon{
    width: 113px;
}

.footer__nav_list{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-right: 92px;
    gap: 50px;
}

.footer__nav_link{
    font-size: 16px;
    font-weight: 500;
    text-wrap: nowrap;
    transition: all .3s ease-in-out;
    color:#fff;
}

.footer__nav_link:hover {
    color: #45DDFF;
}

.footer__sublink_box{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-right: 72px;
    gap: 70px;
    margin-top: 72px;
}

.info__links_list{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 50px;
}

.info__link{
    font-size: 12px;
    font-weight: 400;
    color: #ffffff79;
    transition: all .2s ease-in-out;
}

.info__link:hover {
    color: #fff;
}

.footer__social_list{
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer__social_item{
    padding: 10px;
}

.footer__form{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 25px;
    margin-top: 5px;
}

.footer__form_input{
    width: 100%;
}

.footer__copyright{
    position: relative;
    z-index: 9;
    color: #fff;
    font-size: 14px;
    opacity: 0.5;
    top: -75px;
    left: 70px;
}


/* popup */

.modal__wrapper.popup {
    visibility: visible;
    opacity: 1;
}

.modal__wrapper.popup .modal {
    transform: scale(1);
}

.modal__wrapper{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    z-index: 9;
    background-color: rgba(0, 0, 0, 0.767);
    display: grid;
    align-items: center;
    justify-content: center;
    overflow-y: auto;
    visibility: hidden;
    opacity: 0;
    transition: all .4s ease-in-out;
}

.modal {
    width: 500px;
    min-height: 500px;
    padding: 40px;
    background-position: center;
    background-size: cover;
    z-index: 1;
    margin: 60px 20px;
    /* -webkit-box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
    -moz-box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
    box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2); */
    background-color: #000000;
    transform: scale(0);
    transition: transform .8s;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.popup__img_content {
    max-width: 100%;
}
.close {
    font-size: 25px;
    background: transparent;
    border-radius: 100px;
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    transition: all .3s ease-in-out;
}

.modaltitle__h2_text{
    font-size: 40px;
    text-transform: uppercase;
    font-weight: 400;
    color: #fff;
    line-height: 54px;
    text-align: center;
}

.modal_form{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 30px;
}

.modal__form_input{
    height: 48px;
    width: 100%;
    border-radius: 15px;
    padding: 0px 20px;
    font-size: 16px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.200);
    backdrop-filter: blur(17.299999237060547px);
    outline: 2px solid #aaa3b6;
}


.flex__wrapper{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  position: relative;
}