@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');






* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Open Sans";
}

html {
    line-height: 1.15; /* Устранение проблемы с высотой строки по умолчанию */
    -webkit-text-size-adjust: 100%; /* Предотвращение изменения размера текста на мобильных устройствах */
    background-color:  #F0F0F0;;
}

body {
    margin: 0;
}

/* Главные элементы */
h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
}

p {
    margin: 0;
}

ul, ol {
    list-style: none; /* Убираем маркеры списков */
    padding: 0;
}

img {
    max-width: 100%; /* Изображения не выходят за пределы контейнера */
    height: auto; /* Сохраняем пропорции изображений */
}

table {
    border-collapse: collapse; /* Убираем промежутки между ячейками таблицы */
    width: 100%; /* Таблицы занимают всю ширину контейнера */
}

/* Добавьте дополнительные стили, если необходимо */


.container{
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    
    
}



.cont_info{
    background-image: url('ether.png');
    
    
    background-repeat: no-repeat; /* Запрещаем повторение изображения */
    height: 100%; /* Задаем высоту в 100% от высоты окна */
    margin: 0; /* Убираем отступы у body */
    background-size: cover; /* Изображение масштабируется так, чтобы покрывать весь фон */

}

.block_info{
    padding-top: 110px;
    width: 40%;
}

.block_info_name{
    color: #0051FF;
    font-family: "Open Sans";
    font-size: 52px;
    font-style: normal;
    font-weight: 700;
    line-height: 62px; /* 100% */
}



.block_info_description{
    color: #303841;
    font-family: "Open Sans";
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: 68px; /* 109.677% */
}



.block_info2{
    margin-top: 170px;
    position: relative;
}

.block_info3{
    padding-top: 380px;
    color: #303841;
    font-family: "Open Sans";
    font-size: 38px;
    font-style: normal;
    font-weight: 700;
    line-height: 52px; /* 108.333% */
    width: 500px;
}

.block_info_numbers{
    padding-top: 50px;
    display: flex;
}


.button{
    background: #177dff;
    border-radius: 20px;
    padding: 15px 29px 15px 29px;
    color: white;
    font-size: 16px;
    
}

.button_cont{
    margin-top: 30px;
    display: inline-block;
    border-radius: 20px;
    background: #FFF;
    padding: 10px 59px;
    color: #177DFF;
text-align: center;
font-family: "Open Sans";
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 24px; /* 150% */
}



.numbers{
    color: #303841;
    font-family: "Open Sans";
    font-size: 35px;
    font-style: normal;
    font-weight: 600;
    line-height: 62px; /* 129.167% */
    padding-right: 30px;
}
.numbers2{
    color: #303841;
    font-family: "Open Sans";
    font-size: 35px;
    font-style: normal;
    font-weight: 600;
    line-height: 62px; /* 129.167% */
    padding-right: 30px;
}

.numbers_text{
    color: #818282;
    font-family: "Open Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 130% */
    text-transform: lowercase;
}

.logo{
    display: flex;
    align-items: center;
   
}

.logotext{
    font-size: 18px; /* Размер текста */
    font-weight: bold; /* Жирный текст */
    background: linear-gradient(0deg, #177DFF 56.54%, #80B5FF 100%);
    -webkit-background-clip: text; /* Обрезка фона под текст */
    -webkit-text-fill-color: transparent; /* Прозрачный цвет текста */
    font-family: "Open Sans";

}


.button_check{
    padding-top: 52px;
    width: 300px;

}

.button_check2{
    background: #177dff;
  border-radius: 20px;
  padding: 12px 29px 12px 29px;
  text-align: center;
  color: white;
  font-family: "Open Sans";

}




.textplusses{
    color: #303841;
    font-family: "Open Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 116.667% */
}

.integration_block{
    position: absolute;
    right: 80px;
    top: 113px;
    border-radius: 16px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.68) 44.08%, rgba(172, 232, 255, 0.68) 100%);
    backdrop-filter: blur(12px);
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding: 15px 35px;
    
    
    
}

.analitic_block{
    position: absolute;
    left: 445px;
    top: 200px;
    width: 250px;
    border-radius: 16px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.68) 44.08%, rgba(172, 232, 255, 0.68) 100%);
    backdrop-filter: blur(12px);
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding: 10px 35px;
    
}


.automatically_block{
    position: absolute;
    
    left: 210px;
    border-radius: 16px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.68) 44.08%, rgba(172, 232, 255, 0.68) 100%);
    backdrop-filter: blur(12px);
    width: 400px;
    height: 86px;
    display: flex;
    align-items: center;
    padding: 10px 15px;
}


.header_cont{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 15px;
    
}


.text_leader{
    width: 40%;
    position: relative;
}
.blocks4{
    width: 60%;
}

.main_info2{
    padding-top: 64px;
}

.section2_block{
    display: flex;
}


.global{
    color: #0051FF;
font-family: "Open Sans";
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 52px; /* 108.333% */
}

.leader{
    color: #303841;
font-family: "Open Sans";
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 52px;
position: absolute;      /* Делаем содержимое абсолютным элементом */
    bottom: 0;              /* Прижимаем к нижней части */
      /* Установка отступов по желанию */

}




.marquee {
    display: flex; /* Выстраиваем элементы в линию */
    animation: scroll linear infinite; /* Анимация с переключением */
    animation-duration: 30s;
}

.marquee img {
    padding-top: 50px;
    width: 200px; /* Каждое изображение занимает 100% ширины окна */
    height: auto; /* Сохраняем соотношение сторон */
    margin-right: 30px; /* Расстояние между изображениями */
}

@keyframes scroll {
    0% {
        transform: translateX(0); /* Начальное положение */
    }
    100% {
        transform: translateX(-100%); /* Конечное положение - половина ширины всех изображений */
    }
}


.container2{
    padding-top: 150px;
    overflow: hidden;
    
}


.digit_text{
    color: #303841;
text-align: center;
font-family: "Open Sans";
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 52px; /* 108.333% */
}


.trust{
    color: #0051FF;
font-family: "Open Sans";
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 52px;
text-transform: lowercase;
}

.section3{
    padding-top: 150px;
    padding-bottom: 130px;
}


.plusses4{
    width: 45%;
}


.working_cont{
    width: 55%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}


.contplus{
    display: flex;
}

.tittleplus{
    color: #303841;
font-family: "Open Sans";
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 52px; /* 108.333% */
}

.work{
    color: #303841;
    font-family: "Open Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 116.667% */
}


.work_cont{
    padding-top: 40px;
    color: #818282;
font-family: "Open Sans";
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 28px;



}

.cont_plusses{
    display: flex;
    align-items: center;
    position: relative;
    width: 400px;
    border-bottom: 1px solid #B8B8B8;
    padding-bottom: 40px;
    border-right: 1px solid #B8B8B8;
    padding-top: 20px;
}

.plusses_number{
    position: absolute;
    top: 10px;
    right: 10px;
    color: #818282;
font-family: "Open Sans";
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 26px; /* 130% */
text-transform: lowercase;
}

.plusses_text{
    color: #303841;
font-family: "Open Sans";
font-size: 25px;
font-style: normal;
font-weight: 600;
line-height: 120%; /* 38.4px */
padding-left: 20px;
}

.plusses_img{
    border-radius: 20px;
    
    
}


.blue{
    background: linear-gradient(149deg, #177DFF 19.73%, #1755FF 85.03%);
}

.delborder{
    border-bottom: none;
}

.cup_block{
    display: flex;
}

.cup_text{
    color: #FFF;
font-family: "Open Sans";
font-size: 38px;
font-style: normal;
font-weight: 700;
line-height: 52px; /* 100% */
}

.cup_cont{
    width: 500px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}


.section5{
    padding-top: 100px;
}


.five_modules{
    color: #303841;
font-family: "Open Sans";
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 52px; /* 108.333% */
text-align: center;
}

.blue_mod{
    color: #0051FF;
font-family: "Open Sans";
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 52px;

}


.block_module4{
    padding-top: 55px;
    display: flex;
    justify-content: center;
}

.block_module{
    cursor: pointer;
    width: 23%;
    padding: 10px 20px;
    margin: 0 20px;
    height: 250px;
    border-radius: 20px;
    background: #FCFDFF;
    position: relative;
    
    
    
}



.module_img{
    width: 48px;
    height: 48px;
}





.section6{
    padding-top: 100px;
}

.expert{
    color: #303841;
font-family: "Open Sans";
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 52px; /* 108.333% */
text-align: center;
}

.expert_block{
    
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 30px;
    border-bottom: 1px solid #B8B8B8;;
}


.cont_exp{
    padding-top: 60px;
    
}

.numb_exp{
    color: #B8B8B8;
font-family: "Open Sans";
font-size: 48px;
font-style: normal;
font-weight: 600;
line-height: 62px; /* 129.167% */
}

.paddbot{
    padding-bottom: 130px;
}

.crypto_asset{
    color: #0051FF;
font-family: "Open Sans";
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 120%; /* 38.4px */
}

.crypto_asset_text{
    color: #303841;
font-family: "Open Sans";
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 28px; /* 116.667% */
}

.section7_cont{
    display: flex;
    
    align-items: center;
}


.logocont{
    display: flex;
    align-items: center;
}

.logocont_text{
    color: #F0F0F0;
    font-size: 62px;
    font-family: "Open Sans";
    font-weight: 800;
}


.automatically_block {
    transform: translateX(-100%);
    opacity: 0;
    transition: all 2s ease-in-out;
}

.automatically_block.visible {
    transform: translateX(0);
    opacity: 1;
}



.integration_block {
    transform: translateX(-100%);
    opacity: 0;
    transition: all 2s ease-in-out;
}

.integration_block.visible {
    transform: translateX(0);
    opacity: 1;
}


.analitic_block {
    transform: translateX(100%);
    opacity: 0;
    transition: all 2s ease-in-out;
}

.analitic_block.visible {
    transform: translateX(0);
    opacity: 1;
}


.module_text{
    padding-top: 100px;
    color: #303841;
font-family: "Open Sans";
font-size: 22px;
font-style: normal;
font-weight: 600;
line-height: 120%; /* 38.4px */
position: absolute;
bottom: 20px;

    
}



.module_text_hover {
    font-family: "Open Sans";
    opacity: 0;
    position: absolute;
    bottom: 20px;
    
    
    pointer-events: none;
}

/* Скрываем основной текст при наведении и показываем hover-текст */
.block_module:hover .module_text {
    opacity: 0;
}

.block_module:hover .module_text_hover {
    opacity: 1;
}


.blocks4 {
    opacity: 0;
    transform: translateY(50px);
    transition: all 1s ease-in-out;
}

.blocks4.visible {
    opacity: 1;
    transform: translateY(0);
}




.left_block {
    transform: translateX(-100%);
    opacity: 0;
    transition: all 2s ease-in-out;
}

.left_block.visible {
    transform: translateX(0);
    opacity: 1;
}




.but{
    cursor: pointer;
}

.but:hover{
    transform: scale(1.1);
    background-color: #368EFF;
}
.but2{
    cursor: pointer;
}

.but2:hover{
    transform: scale(1.1);
 
}


@media (max-width: 1025px) {
    .container{
        width: 1000px;
    }

    .imgfile{
        width: 50%;
    }
    .numbers{
        font-size: 25px;
        padding-right: 22px;
    }
    .numbers2{
        font-size: 25px;
        padding-right: 22px;
    }

    .numbers_text {
        font-size: 22px;
    }
}

@media (max-width: 768px) {
    .container{
        width: 750px;
    }
    .cont_info{
        width: 100%;
    }

    .block_info_name {
        font-size: 32px;
    }
    .block_info_description {
        font-size: 32px;
        line-height: 38px;
    }

    .numbers{
        font-size: 22px;
        padding-right: 0px;
    }
    .numbers2{
        font-size: 22px;
        padding-right: 0px;
    }

    .blocks4{
        width: 400px;
    }

    .leader {
        font-size: 30px;
    }
    .global {
        font-size: 35px;
    }
    .digit_text {
        font-size: 32px;
    }
    .trust {
        font-size: 32px;
    }
    .section3 {
        padding-top: 50px;
        padding-bottom: 130px;
    }
    .tittleplus {
        font-size: 30px;
    }
    .work_cont {
        font-size: 15px;
    }
    .cont_plusses {
        width: 300px;
    }
    .plusses_text {
        font-size: 20px;
    }
    .cup_text {
        font-size: 24px;
    }
    .five_modules {
        font-size: 32px;
    }
    .blue_mod {font-size: 33px;}
    .module_text {
        font-size: 17px;

    }
    .block_module {
        height: 200px;
    }
    .expert {
        font-size: 32px;
    }
    .crypto_asset {
        font-size: 25px;
    }
    .crypto_asset_text {
        font-size: 19px;
    }
    .numb_exp {
        font-size: 32px;
    }
    .paddbot {
        padding-bottom: 80px;
    }
    .logocont_text {
        font-size: 35px;
    }
    .logocont{
        width: 50px;
    }


    @media (max-width: 471px) {
        .container {
            padding: 0;
        }
        .container{
            width: 100%;
        }
        .button {
            display: none;
            
        }
        .automatically_block {
            display: none;
        }
        .analitic_block{
            display: none;
        }
        .block_info3 {
            display: none;
        }
        .blocks4{
            padding-top: 20px;
            width: 95%;
        }

        .global {
            font-size: 35px;
            
           
        }
        
        .module_text {
            font-size: 10px;
        }
        .cont_info {
            
            background-size: 80%; /* Уменьшить до 50% от контейнера */
            background-position: right bottom;
            height: 100%;
            margin: 0;
        }
        .block_info_name {
            

            text-align: center;
        }
        .block_info_description {
            font-size: 32px;
            line-height: 38px;
            margin-bottom: 20px;
            text-align: center;
        }
        .block_info {
            padding-top: 0px;
            width: 100%;
        }
        .block_info_numbers {
            padding-top: 50px;
            display: flex;
            flex-direction: column;
            margin-left: 10px;
            
            
            
        
        }
        .numbers {
            font-size: 32px;
            padding-right: 0px;
            
        }
        .numbers_text {
            font-size: 13px;
            margin-top: -10px;
        }
        .numbers2 {
            font-size: 32px;
            padding-right: 0px;
        }

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

       .but_cont{
        display: flex;
        justify-content: center;
        padding-top: 0px;
       }


       .automatically_block{
        display: none;
       }
       .integration_block {
        display: none;
       }

       .section2_block{
        flex-direction: column;
        align-items: center;
        
       }
       .leader{
        position: relative;
        text-align: center;
        
        
       }

       .text_leader {
        width: 100%;
       }

       .main_info2 {
        padding-top: 0px;
       }

       .block_info2{
        margin-top: 50px;
       }

       .container2 {
        padding-top: 70px;
       }

       .marquee img{
        
        width: 150px;
       }

      .contplus{
        flex-direction: column;
       align-items: center;
      }

      .plusses4{
        order: 2;
      }

      .working_cont{
        order: 1;
        width: 95%;
        text-align: center;
      }
      .work_cont {
        padding-top: 20px;
      }
      .plusses4{
        width: 95%;
        padding-top: 50px;
      }
      .cont_plusses {
        
        width: 100%;
    }

    .section3{
        padding-top: -1px;
    }

    .delborder{
        padding-bottom: 0px;

    }
    .cup_block{
        flex-direction: column;
       align-items: center;
       position: relative;
       height: 600px;
        
        
    }

    .img_cup{
        order: 2;
        display: inline-block; 
        position: absolute;
        bottom: 0;
       
        
        


    }
    .cup_cont{
        order: 1;
    }

    .cup_cont{
        width: 90%;
        
    }


    .cup_text {
        padding-top: 20px;
        font-size: 24px;
        text-align: center;
    }

    .butflex{
        display: flex;
        justify-content: center;
    }
    
    .block_module4 {
        display: flex;            /* Включаем Flexbox */
        flex-direction: row;     /* Устанавливаем направление в строку */
        flex-wrap: wrap;         /* Разрешаем обтекание */
        justify-content: center;  /* Центрируем элементы по горизонтали */
        padding-top: 25px;
        align-items: center;     /* Центрируем элементы по вертикали */
        
    }
    
    

    .block_module {
        width: calc(42% - 20px);
        margin-bottom: 25px;
    }

    .module_text{
        font-size: 15px;
    }
    .section6 {
        padding-top: 50px;
    }
    .cont_exp {
        padding-top: 40px;
    }

    .numb_exp{
        padding-right: 10px;
    }

    .crypto_asset{
        padding-left: 10px;
    }

    .crypto_asset_text{
        padding-left: 10px;
    }

    .paddbot{
        padding-bottom: 40px;
    }

    .logocont_text{
        font-size: 25px;
    }

    
      
        

    }
}