.header_content {
    height: 404px;
}

h1.header_text_h1 {
    color: #FFF;
    font-family: Tungsten, Oswald;
    font-size: 82px;
    
    font-weight: 700;
}

.group_text_button {
    display: flex
;
    flex-direction: column;
    align-items: flex-start;
}

.group_info_button_platform.android {
    display: none;
}

.group_info_button_platform {display: flex;gap: 20px;}

.header_top_content_main {
    max-width: 671px;
    gap: 11px;
}

p.header_text_p.download_p_header {
    color: #FFF;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
    opacity: 1;
    opacity: 0.8;
}

iframe.video_content {
    border-radius: 20px;
}

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

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

button.custom_button_1.download_now.green {
    border: 1px solid #97bc22;
    background: #97bc22;
}

button.custom_button_3.download_now.blue {
    border: 1px solid #377DFF;
    background: #377DFF;
}

button.custom_button_1.download_now.green:hover {
    outline: 6px solid rgb(151 188 34 / 27%);
}

button.custom_button_3.download_now.blue:hover {
    outline: 6px solid rgb(55 125 255 / 31%);
}

p.virus-total {
    color: #00B81C;
    
    font-size: 14px;
    
    font-weight: 600;
    line-height: 20px;
}

.virus_total {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 128px;
    background: rgba(0, 184, 28, 0.09);
    gap: 5px;
    padding: 2px 12px;
    margin-bottom: 15px;
}

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

.content {
    background: #111;
}

h1.download_h1 {
    color: #FFF;
    font-family: Unbounded;
    font-size: 42px;
    font-weight: 600;
    line-height: 60px;
    text-align: center;
    max-width: 640px;
}

p.download_p {
    color: #858C95;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    max-width: 433px;
}

button.custom_button_1.download_now {
    width: 269.629px;
    text-align: left;
    gap: 17px;
    display: flex;
    height: 69px;
    justify-content: flex-start;
}

p.text_button_a {
    color: #FFF;
    text-align: center;
    font-size: 14px;
    
    font-weight: 700;
    
    opacity: 0.7;
}

p.text_button_b {
    color: #FFF;
    text-align: left;
    
    font-size: 18px;
    
    font-weight: 700;
    
}

button.custom_button_3.download_now {
    background: #97BC22;
    color: white;
    width: 68.513px;
    height: 69px;
    border-radius: 6px;
    cursor: pointer;
    transition: 0.3s;
    user-select: none;
    outline: 6px solid rgb(151 188 34 / 0%);
    border: none;
}

.group_download_top {
    display: flex;
    gap: 16px;
}

.content_a_block {
    margin-top: 33px;
}

.content_a_block {
    margin-top: 33px;
}

.group_text_a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 24px;
    margin-bottom: 30px;
}

img.background_content {
    position: absolute;
    width: 100%;
    height: auto;
    margin-top: 259px;
    pointer-events: none;
    user-select: none;
}

p.download_text_b {
    text-align: center;
    margin-top: 20px;
    color: #FFA500;
    font-size: 16px;
    
    font-weight: 600;
}

button.custom_button_3.download_now:active {
    transform: scale(0.9);
}

button.custom_button_3.download_now:hover {
    outline: 6px solid rgb(151 188 34 / 18%);
}

.video_content {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 21px;
    position: relative;
    z-index: 1;
}

img.background_content_absolute_1 {
    position: absolute;
    left: -223px;
    top: 204px;
    user-select: none;
    pointer-events: none;
}

img.background_content_absolute_2 {
    position: absolute;
    right: -59px;
    top: 126px;
    z-index: 1;
    user-select: none;
    pointer-events: none;
}

img.background_content_absolute_3 {
    position: absolute;
    bottom: -62px;
    left: 50px;
    user-select: none;
    pointer-events: none;
    z-index: 2;
    animation: floatY 6s ease-in-out infinite;
}

img.background_content_absolute_4 {
    position: absolute;
    bottom: -130px;
    right: 34px;
    user-select: none;
    pointer-events: none;
    z-index: 2;
    animation: floatY 5s ease-in-out infinite;
}

.border.content_a.main_a {
    display: flex;
    flex-direction: column;
    align-items: center;
}

img.background_content_absolute_5 {
    position: absolute;
    pointer-events: none;
    user-select: none;
    top: -9px;
}

h2.h2_step_play {
    color: #FFF;
    font-family: Unbounded;
    font-size: 24px;
    
    font-weight: 600;
    line-height: 22px;
    text-align: center;
}

.object-step {
    border-radius: 24px;
    border: 1px solid #323539;
    background: rgba(255, 255, 255, 0.02);
    backdrop-filter: blur(15px);
    width: 100%;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 240px;
    position: relative;
    z-index: 1;
}

.list-steps {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 128px;
}

div.progress_play {
    background: #272727;
    height: 2px;
    width: 100%;
    position: relative;
}

.step_group_a {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 44px;
}

p.step_text {
    color: #FFF;
    text-align: center;
    
    font-size: 18px;
    
    font-weight: 700;
    line-height: 140%;
    max-width: 106px;
}

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

.top_step_play {
    display: flex;
    flex-direction: column;
    gap: 48px;
    width: 100%;
}

.progress_bar {
    width: 20%;
    height: 2px;
    background: #377DFF;
    position: relative;
}

.progress_circle {
    width: 11px;
    height: 11px;
    position: absolute;
    background: #377DFF;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    border-radius: 100%;
    outline: solid 4px rgb(55 125 255 / 43%);
}

.object-step.active {
    border-radius: 24px;
    background: rgba(55, 125, 255, 0.11);
    backdrop-filter: blur(5px);
    border-color: #151d2b00;
}

.object_main_step:after,  .object_main_step:before{
    content: "1";
    background: linear-gradient(180deg, #5F5F5F 0%, #1F1F1F 46.4%, #131313 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: absolute;
    font-size: 300px;
    font-weight: 700;
    top: -32px;
    left: -109px;
    transition: 0.3s;
}

.object_main_step:before{
    opacity: 0;
    background: linear-gradient(180deg, #FFF 0%, #377DFF 46.4%, #111 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.object_main_step {
    position: relative;
}

.object_main_step:nth-child(2):after, .object_main_step:nth-child(2):before {
    content: "2";
    left: -102px;
}

.object_main_step:nth-child(3):after, .object_main_step:nth-child(3):before {
    content: "3";
    left: -98px;
}

.object_main_step.active:after{
    opacity: 0;
}

.object_main_step.active:before{
    opacity: 1;
}

img.background_content_absolute_6 {
    position: absolute;
    left: 118px;
    top: 84px;
    animation: floatY 4s ease-in-out infinite;
    pointer-events: none;
    user-select: none;
}

img.header_content_absolute {
    position: absolute;
    width: 100%;
    height: 100%;
    pointer-events: none;
    user-select: none;
}

.android_bottom_text{
    display: none;
}

@media (max-width: 1650px) {
    img.background_content_absolute_2 {
        display: none;
    }
}

@media (max-width: 1175px) {

    img.background_content_absolute_6 {
        display: none;
    }

    img.background_content_absolute_3 {
        display: none;
    }

    img.background_content_absolute_1 {
        display: none;
    }

    img.background_content_absolute_4 {
        display: none;
    }

    iframe.video_content {
        width: 100%;
    }

    .video_content {
        width: 100%;
        height: inherit;
        aspect-ratio: 12 / 8;
    }

    .content_a_block {
        width: 100%;
    }

    h1.header_text_h1 {
        font-size: 45px;
    }

    h1.download_h1 {
        font-size: 32px;
        line-height: 41px;
    }

    p.header_text_p.download_p_header {
        font-size: 14px;
    }
    img.background_content {
        display: none;
    }
    img.background_content_absolute_5 {
        width: 100%;
        position: absolute;
        top: 157px;
    }

    /*Tets*/
    .list-steps {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
    .progress_play {
        display: none;
    }
    .list-steps {
        gap: 50px;
    }
    .group_info_button_platform.android {
        display: flex;
    }
    .group_info_button_platform.windows {
        display: none;
    }

    .android_bottom_text{
        display: flex;
    }
    .windows_bottom_text{
        display: none;
    }
}

@media (max-width: 600px) {
    img.background_content_absolute_5 {
        display: none;
    }
}