*
{
    margin: 0;
    padding: 0;

    text-decoration: none;
}

body
{
    background: #090816;
}

.main_section
{
    padding-top: 103px;
}

section
{
    margin-bottom: 60px;
}

.container
{
    width: 1200px;

    margin: 0 auto;
}

/* title section */

.title_section
{
    padding-top: 129px;
}

.title_section .page_number-block
{
    margin-bottom: 60px;

    display: flex;
    align-items: center;
}

.title_section .page_number-block a
{
    font-family: 'SF Pro Display';
    font-size: 13px;
    font-weight: 300;
    line-height: 100%;
    color: rgba(243, 246, 255, 0.45);

    margin-right: 8px;
}

.title_section .page_number-block a:nth-child(3)
{
    margin-left: 8px;
}

.title_section .page_number-block a:last-child
{
    margin-left: 8px;
    margin-right: 0;
}

.title_section .game_title-body
{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.title_section .game_title-body .title_desc-block
{
    width: 40%;
}

.title_section .game_title-body .title 
{
    margin-bottom: 80px;
}

.title_section .game_title-body .title .game_name
{
    font-family: 'Neue Machina';
    font-size: 40px;
    font-weight: 600;
    line-height: 120%;
    color: #F3F6FF;

    margin-bottom: 12px;
}

.title_section .game_title-body .title .tags
{
    display: flex;
    align-items: center;

    margin-bottom: 30px;
}

.title_section .game_title-body .title .tags .tag
{
    font-size: 15px;
    font-family: 'SF Pro Display';
    font-weight: 200;

    padding: 5px 15px;
    margin-right: 8px;

    border-radius: 5px;
}

.title_section .game_title-body .title .tags .tag:last-child
{
    margin-right: 0;
}

.title_section .game_title-body .title .tags .undetected
{
    border: 1px solid #7EFF7B;
    color: #7EFF7B;
}

.title_section .game_title-body .title .tags .safest
{
    border: 1px solid white;
    color: white;
}

.title_section .game_title-body .title .tags .on_update
{
    border: 1px solid #FFF84F;
    color: #FFF84F;
}

.title_section .game_title-body .title .favorite-block .fav_button
{
    display: flex;
    align-items: center;

    background: transparent;
    border: transparent;

    font-family: 'SF Pro Display';
    font-size: 15px;
    font-weight: 200;
    line-height: 100%;
    color: white;

    cursor: pointer;
}

.title_section .game_title-body .title .favorite-block .fav_button svg
{
    margin-right: 10px;

    transition: 0.2s ease all;
}

.title_section .game_title-body .title .favorite-block .fav_button:hover svg
{
    transform: scale(0.9);
}

.favorite-block.fav_active path
{
    fill: #FF4A4A;
    stroke: #FF4A4A;
}

.title_section .game_title-body .desc .header
{
    font-family: 'SF Pro Display';
    font-size: 21px;
    font-weight: 400;
    line-height: 100%;
    color: white;

    margin-bottom: 15px;
}

.title_section .game_title-body .desc .content
{
    font-family: 'SF Pro Display';
    font-size: 18px;
    font-weight: 300;
    line-height: 140%;
    color: rgba(243, 246, 255, 0.80);
}

.title_section .game_title-body .other_info-block
{
    width: 48%;
}

.title_section .game_title-body .additional_desc
{
    font-family: 'SF Pro Display';
    font-size: 18px;
    font-weight: 300;
    line-height: 140%;
    color: rgba(243, 246, 255, 0.80);

    margin-bottom: 85px;
}

.title_section .game_title-body .hack_features-block .title
{
    font-family: 'SF Pro Display';
    font-size: 21px;
    font-weight: 400;
    line-height: 100%;
    color: white;

    margin-bottom: 20px;
}

.title_section .game_title-body .hack_features-block .features
{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.title_section .game_title-body .hack_features-block .features .feature
{
    font-family: 'SF Pro Display';
    font-size: 15px;
    font-weight: 200;
    line-height: 100%;
    color: white;

    margin-right: 6px;
    margin-bottom: 6px;
    padding: 5px 15px;

    border-radius: 5px;

    background: #201E35;

    transition: all 0.5s;
}

.title_section .game_title-body .hack_features-block .features .feature:hover
{
    transform: scale(0.9);
    transition: all 0.5s;
}

/* title section end */

/* about cheat section */

.about_cheat__section .about-block 
{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.about_cheat__section .about-block .screenshot-block .header
{
    font-family: 'SF Pro Display';
    font-size: 21px;
    font-weight: 500;
    line-height: 100%;
    color: white;

    margin-bottom: 20px;
}

.about_cheat__section .about-block .screenshot-block .content .screenshot
{
    position: relative;

    border-radius: 15px;
}

.about_cheat__section .about-block .screenshot-block .content .screenshot img
{
    border: 1px solid transparent;

    width: 590px;
    height: 335px;
    border-radius: 15px;
}

.about_cheat__section .about-block .screenshot-block .content .screenshot::after
{
    content: "";
    
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    margin-bottom: 4px;

    z-index: -1;

    border-radius: inherit;    
    background: linear-gradient(135deg, #3C38DB 0%, rgba(60, 56, 219, 0.00) 31.25%, rgba(137, 38, 237, 0.00) 70.83%, #8926ED 100%) border-box;
}

.about_cheat__section .about-block .gameplay-block .header
{
    font-family: 'SF Pro Display';
    font-size: 21px;
    font-weight: 500;
    line-height: 100%;
    color: white;

    margin-bottom: 20px;
}

.about_cheat__section .about-block .gameplay-block .content .gameplay
{
    position: relative;

    border-radius: 15px;
}

.about_cheat__section .about-block .gameplay-block .content .gameplay iframe
{
    border: 1px solid transparent;

    width: 590px;
    border-radius: 15px;
    height: 335px;
}

.about_cheat__section .about-block .gameplay-block .content .gameplay img
{
    border: 1px solid transparent;

    width: 590px;
    border-radius: 15px;
    height: 335px;
}

.about_cheat__section .about-block .gameplay-block .content .gameplay::after
{
    content: "";
    
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    margin-bottom: 4px;

    z-index: -1;

    border-radius: inherit;    
    background: linear-gradient(135deg, #3C38DB 0%, rgba(60, 56, 219, 0.00) 31.25%, rgba(137, 38, 237, 0.00) 70.83%, #8926ED 100%) border-box;
}

.about_cheat__section .about-block .gameplay-block .content .gameplay .bg1
{
    width: 589px;
    height: 331px;
    border-radius: 15px;

    background: rgba(15, 13, 36, 0.60);

    display: flex;
    align-items: center;
    justify-content: center;

    position: absolute;
    top: 1px;
    left: 1px;
}

.about_cheat__section .about-block .gameplay-block .content .gameplay button
{
    background: transparent;
    border: transparent;

    cursor: pointer;
}

.about_cheat__section .about-block .gameplay-block .content .gameplay button circle
{
    transition: 0.2s ease all;
}

.about_cheat__section .about-block .gameplay-block .content .gameplay button:hover circle
{
    fill-opacity: 0.45;
}

/* about cheat section end */

/* instruction section */

.instruction_section .instruction-body
{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.instruction_section .instruction-body .instruction-block
{
    width: 40%;
}

.instruction_section .instruction-body .instruction-block .header
{
    font-family: 'SF Pro Display';
    font-size: 21px;
    font-weight: 400;
    line-height: 100%;
    color: white;

    margin-bottom: 20px;
}

.instruction_section .instruction-body .instruction-block .content
{
    font-family: 'SF Pro Display';
    font-size: 18px;
    font-weight: 300;
    line-height: 140%;
    color: white;

    margin-bottom: 40px;
}

.instruction_section .instruction-body .instruction-block .content p
{
    margin-bottom: 10px;
}

.instruction_section .instruction-body .instruction-block .content p:last-child
{
    margin-bottom: 0;
}

.instruction_section .instruction-body .instruction-block .button-block button
{
    background: transparent;
    border: transparent;

    cursor: pointer;
}

.instruction_section .instruction-body .instruction-block .button-block button:hover .bg
{
    fill: url(#bg);
}

.instruction_section .instruction-body .how_to_download-block .header
{
    font-family: 'SF Pro Display';
    font-size: 21px;
    font-weight: 400;
    line-height: 100%;
    color: white;

    margin-bottom: 20px;
}

.instruction_section .instruction-body .how_to_download-block .video-block
{
    position: relative;

    border-radius: 15px;
}

.instruction_section .instruction-body .how_to_download-block .video-block .bg2
{
    width: 588px;
    height: 330px;
    border-radius: 15px;

    background: rgba(15, 13, 36, 0.60);

    display: flex;
    align-items: center;
    justify-content: center;

    position: absolute;
    top: 1px;
    left: 1px;
}

.instruction_section .instruction-body .how_to_download-block .video-block iframe
{
    border: 1px solid transparent;

    width: 590px;
    border-radius: 15px;
    height: 335px;
}

.instruction_section .instruction-body .how_to_download-block .video-block img
{
    border: 1px solid transparent;

    width: 590px;
    border-radius: 15px;
    height: 335px;
}

.instruction_section .instruction-body .how_to_download-block .video-block::after
{
    content: "";
    
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    margin-bottom: 4px;

    z-index: -1;

    border-radius: inherit;    
    background: linear-gradient(135deg, #3C38DB 0%, rgba(60, 56, 219, 0.00) 31.25%, rgba(137, 38, 237, 0.00) 70.83%, #8926ED 100%) border-box;
}

.instruction_section .instruction-body .how_to_download-block .video-block button
{
    background: transparent;
    border: transparent;

    cursor: pointer;
}

.instruction_section .instruction-body .how_to_download-block .video-block button circle
{
    transition: 0.2s ease all;
}

.instruction_section .instruction-body .how_to_download-block .video-block button:hover circle
{
    fill-opacity: 0.45;
}

/* Анимации */
.fadeOut::after {
    opacity: 0;
}

.fadeIn::after {
    opacity: 1;
    transform: translateY(0);
}

.fade {
    transition: opacity 0.7s ease-in;
    transform: translateY(150px);
}
  
.fadeOut { opacity: 0;  }
.fadeIn { opacity: 1; animation: come-in 0.8s ease forwards; }

@keyframes come-in {
    to { transform: translateY(0); }
}

/* instruction section end */

