.fc-page {
    width: calc(100vw - 40px);
    max-width: 1380px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
} 

.fc-container {
    display: flex;
    width: 100%;
    max-width: 720px;
    flex-direction: column;
    gap: 40px;
    align-items: center;
    height: auto;
}

@media (max-width: 550px) {    
    .fc-container {
        gap: 20px;
    }
}

.fc-container .block {}

.fc-container .block .layer {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.fc-container .block .layer .content .content-top {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.fc-container .block .layer .content {
    width: calc(100% - 80px);
    padding: 40px;
    display: flex;
    flex-direction: column;
    gap: 30px;
    justify-content: space-between;
}

.fc-container .block .layer .content .title {
    color: #FFF;
    text-shadow: 0px 4px 0px rgba(0, 0, 0, 0.25);
    font-size: 40px;
    font-weight: 900;
    line-height: 46px;
    text-transform: uppercase;
}

.fc-container .block .layer .content .descriptions {
    color: #FFF;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
}

.fc-container .block .layer .content .steps {
    display: flex;
    gap: 20px;
}
.fc-container .block .layer .content .steps .step {
    width: calc(100% - 40px);
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.30);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    -moz-backdrop-filter: blur(5px);
    -o-backdrop-filter: blur(5px);
    padding: 20px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: fit-content;
}
.fc-container .block .layer .content .steps .step .top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.fc-container .block .layer .content .steps .step .top span {
    border-radius: 24px;
    background: #26B7F3;
    color: #FFF;
    font-size: 12px;
    font-weight: 400;
    padding: 5px 10px;
}
.fc-container .block .layer .content .steps .step .top .icon {
    width: 81px;
    height: 81px;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -30px;
    margin-right: -30px;
}
.fc-container .block .layer .content .steps .step .top .icon svg {
    margin-left: -5px;
    margin-top: 5px;
}
.fc-container .block .layer .content .steps .step .step-content {
    display: flex;
    flex-direction: column;
    margin-top: -15px;
    gap: 20px;
    height: inherit;
}
.fc-container .block .layer .content .steps .step .step-content .step-top {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.fc-container .block .layer .content .steps .step .step-content .step-top .step-title {
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    max-width: 80%;
}
.fc-container .block .layer .content .steps .step .step-content .step-top .step-descriptions {
    color: #FFF;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
}

.fc-container .block .layer .content .steps .step .step-content .step-top .step-descriptions.fix {
    min-height: 62px;
}

.fc-container .block .layer .content .steps .step .step-content .step-button {
    border-radius: 14px;
    background: #FFF;
    width: 100%;
    height: 50px;
    color: #4FACFE;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.fc-container .block .layer .content .steps .step.done {
    background: rgba(98,255,0,0.3);
}
.fc-container .block .layer .content .steps .step.done .top span {
    background: #26F3AB;
}
.fc-container .block .layer .content .steps .step.done .step-content .step-button {
    color: #40C9AB;
    opacity: 0.8;
    cursor: no-drop;
}

@media (max-width: 550px) {
    .fc-container .block .layer .content .steps {
        flex-direction: column;
        width: 100%;
    }

    .fc-container .block .layer .content .steps .step .step-content .step-top .step-descriptions.fix {
        min-height: auto;
    }
}

/* TELEGRAM BANNER */
.fc-container .block.telegram {
    width: 100%;
    border-radius: 24px;
    background: linear-gradient(84deg, #4FACFE -7.08%, #00D1DB 132.64%);
    height: auto;
}

.fc-container .block.telegram .plane {
    width: 252px;
    height: 161px;
    background-image: url(../../../system/freecash/telegram/plane.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
}

.fc-container .block.telegram .layer:first-child {
    margin-top: 0px;
    background: url(../../../system/freecash/telegram/telegram-mask.png);
    background-position: top center;
    background-repeat: no-repeat;
}
.fc-container .block.telegram .layer {z-index: 2;height: 442px;margin-top: -442px;position: relative;width: 100%;border-radius: 24px;}
@media(max-width: 709px) {.fc-container .block.telegram .layer {height: 488px;margin-top: -488px;}}
@media(max-width: 641px) {.fc-container .block.telegram .layer {height: 509px;margin-top: -509px;}}
@media(max-width: 633px) {.fc-container .block.telegram .layer {height: 530px;margin-top: -530px;}}
@media(max-width: 550px) {.fc-container .block.telegram .layer {height: 633px;margin-top: -633px;} .fc-container .block .layer .content .title {font-size: 30px;line-height: 105%;} .fc-container .block .layer .content{padding: 40px 30px;width: calc(100% - 60px);}}
@media(max-width: 486px) {.fc-container .block.telegram .layer {height: 633px;margin-top: -633px;}}
@media(max-width: 465px) {.fc-container .block.telegram .layer {height: 663px;margin-top: -663px;}}
@media(max-width: 441px) {.fc-container .block.telegram .layer {height: 675px;margin-top: -675px;}}
@media(max-width: 374px) {.fc-container .block.telegram .layer {height: 706px;margin-top: -706px;}}
@media(max-width: 350px) {.fc-container .block.telegram .layer {height: 748px;margin-top: -748px;}}

/* TELEGRAM ITEMS */
.fc-container .block.telegram .layer:first-child {
    display: flex;
    justify-content: space-between;
    z-index: 1;
}
.fc-container .block.telegram .layer .plane:first-child {transform: translate(-60px, 280px) scale(0.5) rotate(-110deg);}
.fc-container .block.telegram .layer .plane:last-child {transform: translate(-40px, 80px) scale(0.9) rotate(0deg);}

@media(max-width: 700px) {
    .fc-container .block.telegram .layer .plane:first-child {transform: translate(-60px, 330px) scale(0.5) rotate(-110deg);}
    .fc-container .block.telegram .layer .plane:last-child {transform: translate(0px, 40px) scale(0.9) rotate(0deg);}
}

@media(max-width: 550px) {
    .fc-container .block.telegram .layer .plane:first-child {transform: translate(-40px, 480px) scale(0.5) rotate(-110deg);}
    .fc-container .block.telegram .layer .plane:last-child {transform: translate(10px, 50px) scale(0.7) rotate(0deg);}
}

@media(max-width: 370px) {
    .fc-container .block.telegram .layer .plane:first-child {transform: translate(-30px, 480px) scale(0.5) rotate(-110deg);}
    .fc-container .block.telegram .layer .plane:last-child {transform: translate(0px, 80px) scale(0.7) rotate(0deg);}
}

/* PROMOCODE BANNER */
.fc-container .block.profile {
    width: 100%;
    border-radius: 24px;
    background: linear-gradient(84deg, #06ACA4 -1.7%, #DEFE4F 124.43%), linear-gradient(84deg, #4FACFE -7.08%, #00D1DB 132.64%);
    height: auto;
}

.fc-container .block.promocode .input {
    display: flex;
    gap: 10px;
    width: 100%;
}
.fc-container .block.promocode .input input {
    border-radius: 14px;
    background: rgba(13, 18, 31, 0.60);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    -moz-backdrop-filter: blur(5px);
    -o-backdrop-filter: blur(5px);
    padding: 15px 20px;
    height: 20px;
    border: 0;
    outline: 0;
    min-width: 290px;
}

.fc-container .block.promocode .coupon {
    width: 363px;
    height: 196px;
    background-image: url(../../../system/freecash/promocode/coupon.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
}

.fc-container .block.promocode .layer:first-child {
    margin-top: 0px;
    background: url(../../../system/freecash/promocode/promocode-mask.png);
    background-position: bottom center;
    background-repeat: no-repeat;
}
.fc-container .block.promocode .layer {height: 313px;margin-top: -313px;position: relative;z-index: 0;border-radius: 24px;}


/* PROMOCODE BANNER */
.fc-container .block.promocode {
    width: 100%;
    border-radius: 24px;
    background: linear-gradient(84deg, #3636FF -7.08%, #D7D7FD 132.64%);
    height: auto;
}

.fc-container .block.promocode .input {
    display: flex;
    gap: 10px;
    width: 100%;
}
.fc-container .block.promocode .input input {
    border-radius: 14px;
    background: rgba(13, 18, 31, 0.60);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    -moz-backdrop-filter: blur(5px);
    -o-backdrop-filter: blur(5px);
    padding: 15px 20px;
    height: 20px;
    border: 0;
    outline: 0;
    min-width: 290px;
}

.fc-container .block.promocode .coupon {
    width: 363px;
    height: 196px;
    background-image: url(../../../system/freecash/promocode/coupon.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
}

.fc-container .block.promocode .layer:first-child {
    margin-top: 0px;
    background: url(../../../system/freecash/promocode/promocode-mask.png);
    background-position: bottom center;
    background-repeat: no-repeat;
}
.fc-container .block.promocode .layer {height: 313px;margin-top: -313px;position: relative;z-index: 0;border-radius: 24px;}

@media(max-width: 596px) {
    .fc-container .block.promocode .input input {
        width: calc(100% - 138px);
        min-width: unset;
    }
}

@media(max-width: 440px) {
    .fc-container .block.promocode .input {flex-direction: column;}
    .fc-container .block.promocode .input input {width: calc(100% - 40px);}
    .fc-container .block.promocode .input .white-button {width: calc(100% - 80px);}
}

@media(max-width: 550px) {.fc-container .block.promocode .layer {height: 285px;margin-top: -285px;}}
@media(max-width: 440px) {.fc-container .block.promocode .layer {height: 346px;margin-top: -346px;}}
@media(max-width: 413px) {.fc-container .block.promocode .layer {height: 367px;margin-top: -367px;}}
@media(max-width: 375px) {.fc-container .block.promocode .layer {height: 388px;margin-top: -388px;}}

/* PROMOCODE ITEMS */
.fc-container .block.promocode .layer:first-child {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.fc-container .block.promocode .layer .coupon:first-child {
    transform: translate(20px, 80px) scale(1) rotate(27deg);
    z-index: 2;
}
.fc-container .block.promocode .layer .coupon:last-child {
    transform: translate(-20px, -10px) scale(0.4) rotate(-26deg);
    z-index: 1;
    filter: blur(5px);
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
}

@media(max-width: 600px) {    
    .fc-container .block.promocode .layer .coupon:first-child {transform: translate(70px, 10px) scale(0.6) rotate(28deg);}
    .fc-container .block.promocode .layer .coupon:last-child {transform: translate(30px, -110px) scale(0.3) rotate(-28deg);}
}

@media(max-width: 460px) {    
    .fc-container .block.promocode .layer .coupon:first-child {transform: translate(92px, -20px) scale(0.5) rotate(28deg);}
    .fc-container .block.promocode .layer .coupon:last-child {transform: translate(30px, -110px) scale(0.3) rotate(-28deg);display: none;}
}

/* VOUCHERS BANNER */
.fc-container .block.vouchers {
    width: 100%;
    border-radius: 24px;
    background: linear-gradient(253deg, #635FF5 -17.61%, #892AF1 99.54%), linear-gradient(152deg, #FCB84C -37.59%, #F5691A 200.14%), linear-gradient(84deg, #4FACFE -7.08%, #00D1DB 132.64%);
    height: auto;
}

.fc-container .block.vouchers .socials {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.fc-container .block.vouchers .socials .social {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.fc-container .block.vouchers .socials .social .left {
    display: flex;
    gap: 15px;
    align-items: center;
}
.fc-container .block.vouchers .socials .social .left .icon {
    width: 55px;
    height: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.fc-container .block.vouchers .socials .social .left .icon svg {
    width: 28px;
    height: 28px;
}
.fc-container .block.vouchers .socials .social .left .icon.instagram {
    border-radius: 15px;
    background: linear-gradient(215deg, #7E2BF4 7.65%, #ED146E 51.93%, #FFC90C 95.29%);
    box-shadow: 0px 5px 16px 0px rgba(186, 77, 101, 0.30);
}
.fc-container .block.vouchers .socials .social .left .icon.telegram {
    border-radius: 15px;
    background: linear-gradient(240deg, #0FB1D6 0%, #08C 61.34%);
    box-shadow: 0px 5px 16px 0px rgba(76, 162, 246, 0.30);
}
.fc-container .block.vouchers .socials .social .left .icon.facebook {
    border-radius: 15px;
    background: linear-gradient(54deg, #3D5A98 0%, #4e6ba8 100%);
    box-shadow: 0px 5px 16px 0px rgba(76, 162, 246, 0.30);
}
.fc-container .block.vouchers .socials .social .left .name {
    color: #FFF;
    font-size: 20px;
    font-weight: 600;
}
.fc-container .block.vouchers .socials .social .button {
    border-radius: 14px;
    background: #FFF;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px 40px;
    cursor: pointer;
    transform: scale(1);
    transition: all 300ms;
}

.fc-container .block.vouchers .socials .social .button:hover {
    transform: scale(1.03);
    transition: all 300ms;
}

.fc-container .block.vouchers .socials .social .button span {
    color: #9053F4;
    font-size: 14px;
    font-weight: 500;
}
.fc-container .block.vouchers .socials .social .button svg {
    display: none;
}

@media(max-width: 460px) {
    .fc-container .block.vouchers .socials .social .button {
        width: 50px;
        height: 50px;
        padding: 0;
    }
    .fc-container .block.vouchers .socials .social .button span {display: none;}
    .fc-container .block.vouchers .socials .social .button svg {display: unset;width: 28px;height: 38px;}
}

.fc-container .block.vouchers .layer {width: 100%;height: 394px;margin-top: -394px;border-radius: 24px;position: relative;z-index: 2;}
.fc-container .block.vouchers .layer:first-child {
    margin-top: 0px;
    background: url(../../../system/freecash/vouchers/vouchers-mask.png);
    background-position: top center;
    background-repeat: no-repeat;
    z-index: 1;
    display: flex;
    justify-content: flex-end;
}

@media(max-width: 550px) {.fc-container .block.vouchers .layer {height: 365px;margin-top: -365px;}}
@media(max-width: 410px) {.fc-container .block.vouchers .layer {height: 386px;margin-top: -386px;}}
@media(max-width: 352px) {.fc-container .block.vouchers .layer {height: 385px;margin-top: -385px;}}

@media (max-width: 335px) {
    .fc-container .block.vouchers .socials .social .left .icon {
        width: 44px;
        height: 44px;
    }
        .fc-container .block.vouchers .socials .social .left .name {
        font-size: 16px;
    }
        .fc-container .block.vouchers .socials .social .button {
        width: 44px;
        height: 44px;
    }
        .fc-container .block.vouchers .socials .social .button svg {
        width: 24px;
        height: 24px;
    }
}

/* VOUCHERS ITEMS */
.fc-container .block.vouchers .gifts {
    width: 530px;
    height: 794px;
    background-image: url(../../../system/freecash/vouchers/vouchers-gifts.png);
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    transform: translate(60px, -250px);
}

@media (max-width: 500px) {
    .fc-container .block.vouchers .gifts {
        transform: translate(30px, -170px);
        opacity: 0.7;
    }   
}

/* Notifications block */
.fc-container .block.notifications {
    width: 100%;
    border-radius: 24px;
    /* background: linear-gradient(84deg, #3636FF -7.08%, #D7D7FD 132.64%); */
    background: linear-gradient(84deg, #4FACFE -7.08%, #00D1DB 132.64%);
    height: auto;
}

.fc-container .block.notifications .layer {
    width: 100%;
    height: 298px;
    margin-top: -298px;
    border-radius: 24px;
}

.fc-container .block.notifications .layer:first-child {
    margin-top: 0px;
    background: url(../../../system/freecash/telegram/telegram-mask.png);
    background-position: top center;
    background-repeat: no-repeat;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.fc-container .block.notifications .notify {
    width: 648px;
    height: 648px;
    background-image: url(../../../system/freecash/notifications/notifications.png);
    transform: scale(0.5) translate(270px, -30px);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.fc-container .block.notifications .title {
    width: 358px;
}

@media(max-width: 630px) {
    .fc-container .block.notifications .notify {
        transform: scale(0.3) translate(510px, -30px);
    }
}

@media(max-width: 550px) {
    .fc-container .block.notifications .layer {height: 223px;margin-top: -223px;}

    .fc-container .block .layer .content .title {
        width: 100%;
    }

    .fc-container .block.notifications .notify {
        transform: scale(0.3) translate(220px, -560px);
    }

    .fc-container .block.notifications .layer:first-child {
        align-items: flex-start;
        justify-content: center;
    }
}

@media (max-width: 418px) {
    .fc-container .block.notifications .notify {
        transform: scale(0.3) translate(250px, -460px);
    }

    .fc-container .block.notifications .layer {height: 255px;margin-top: -255px;}
}

/* FACEBOOK BANNER */
.fc-container .block.facebook {
    width: 100%;
    border-radius: 24px;
    background: linear-gradient(96deg, #0020F2 -8.11%, #004BED 20.26%, #0059DF 59.98%, #003FC8 105.37%, #001FB8 133.74%);
    height: auto;
}

.fc-container .block.facebook .layer {z-index: 2;height: 409px;margin-top: -409px;position: relative;width: 100%;border-radius: 24px;}

.fc-container .block.facebook .layer:first-child {
    margin-top: 0px;
    background: url(../../../system/freecash/facebook/facebook-mask.png);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.fc-container .block.facebook .facebook-icon {
    width: 252px;
    height: 252px;
    background: url(../../../system/freecash/facebook/facebook-icon.png);
    z-index: 1;
    transform: translate(40px, 40px);
}
.fc-container .block.facebook .facebook-tickets {
    transform: translate(40px, 40px);
}
.fc-container .block.facebook .facebook-tickets .facebook-ticket {
    width: 128px;
    height: 209px;
    background: url(../../../system/freecash/facebook/facebook-ticket.png);
    background-size: 100%;
}

.fc-container .block.facebook .facebook-tickets .facebook-ticket:nth-child(1) {
    transform: scale(0.8) translate(-160px, 150px) rotate(25deg);
}
.fc-container .block.facebook .facebook-tickets .facebook-ticket:nth-child(2) {
    transform: scale(0.8) translate(-120px, -80px) rotate(45deg);
}
.fc-container .block.facebook .facebook-tickets .facebook-ticket:nth-child(3) {
    transform: scale(0.8) translate(-110px, -310px) rotate(65deg);
}


.fc-container .block.facebook .content .task-progress {
    border-radius: 24px;
    background: rgba(18, 47, 80, 0.80);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    -moz-backdrop-filter: blur(5px);
    -o-backdrop-filter: blur(5px);
    max-width: 201px;
    padding: 15px 20px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.fc-container .block.facebook .content .task-progress .ticket {
    width: 128px;
    height: 209px;
    background: url(../../../system/freecash/facebook/facebook-ticket.png);
    background-size: 100%;
    transform: scale(0.5) rotate(-55deg) translate(320px, 120px);
    position: absolute;
    font-size: 20px;
    font-weight: 700;
    display: flex;
    flex-direction: column;
    align-items: center;
    writing-mode: vertical-rl;
    justify-content: center;
}

.fc-container .block.facebook .content .task-progress .ticket span {
    font-size: 54px;
    font-weight: 700;
    color: #fff;
    margin-left: -9px;
    margin-right: -7px;
}
.fc-container .block.facebook .content .task-progress .task-title {
    font-size: 16px;
    color: #fff;
    font-weight: 600;
}
.fc-container .block.facebook .content .task-progress .details-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.fc-container .block.facebook .content .task-progress .details-list .details {
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 10px;
}
.fc-container .block.facebook .content .task-progress .details-list .details svg {}
.fc-container .block.facebook .content .buttons {
    display: flex;
    gap: 10px;
}
.fc-container .block.facebook .content .buttons .white-button {}
.fc-container .block.facebook .content .buttons .transperent-button {
    border-radius: 14px;
    height: 46px;
    border: 2px solid #FFF;
    padding: 0px 20px;
    line-height: 50px;
    color: #FFF;
    font-size: 14px;
    font-weight: 500;
    width: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transform: scale(1);
    transition: all 300ms;
}

.fc-container .block.facebook .content .buttons .transperent-button:hover {
    background: #fff;
    color: #206be6;
    transition: all 300ms;
}

@media(max-width: 671px) {
    .fc-container .block.facebook .facebook-icon {
        transform: scale(0.8) translate(100px, 50px);
    }
    .fc-container .block.facebook .facebook-tickets {
        transform: scale(0.8) translate(40px, 40px);
    }
}

@media (max-width: 593px) {
    .fc-container .block.facebook .layer {
        height: 456px;
        margin-top: -456px;
    }

    .fc-container .block.facebook .facebook-icon {
        transform: scale(0.6) translate(210px, 50px);
    }
    .fc-container .block.facebook .facebook-tickets {
        transform: scale(0.6) translate(60px, 40px);
    }
}

@media (max-width: 550px) {
    .fc-container .block.facebook .layer {
        height: 381px;
        margin-top: -381px;
    }

    .fc-container .block.facebook .facebook-icon {
        transform: scale(0.6) translate(70px, 0px);
    }
    
    .fc-container .block.facebook .facebook-tickets {
        display: none;
    }
}

@media (max-width: 455px) {
    .fc-container .block.facebook .layer {
        height: 415px;
        margin-top: -415px;
    }

    .fc-container .block.facebook .facebook-icon {
        transform: scale(0.3) translate(190px, -200px) rotate(45deg);
        filter: blur(5px);
    }
    
    .fc-container .block.facebook .facebook-tickets {
        display: none;
    }
}

@media (max-width: 404px) {
    .fc-container .block.facebook .layer {
        height: 504px;
        margin-top: -504px;
    }

    .fc-container .block.facebook .facebook-icon {
        transform: scale(0.3) translate(190px, -200px) rotate(45deg);
        filter: blur(5px);
    }
    
    .fc-container .block.facebook .facebook-tickets {
        display: none;
    }

    .fc-container .block.facebook .content .buttons {
        flex-direction: column;
    }
    .fc-container .block.facebook .content .buttons > div {
        width: 100% !important;
        padding: 0 !important;
    }

    .fc-container .block.facebook .content .buttons .transperent-button {
        width: calc(100% - 4px) !important;
    }
}

@media (max-width: 330px) {
    .fc-container .block.facebook .layer {
        height: 536px;
        margin-top: -536px;
    }

    .fc-container .block.facebook .facebook-icon {
        transform: scale(0.3) translate(220px, -420px) rotate(45deg);
        filter: blur(5px);
    }
}

/* INVITE BLOCK */
.fc-container .block.invite {
    width: 100%;
    border-radius: 24px;
    background: radial-gradient(114.4% 232.46% at 82.44% -106.92%, #6BDA82 0%, rgba(16, 22, 38, 0.00) 100%), radial-gradient(187.59% 133.44% at 91.53% 100%, #6BDA82 0%, rgba(16, 22, 38, 0.00) 100%), #2CAC06;
    height: auto;
}

.fc-container .block.invite .layer {z-index: 2;height: 366px;margin-top: -366px;position: relative;width: 100%;border-radius: 24px;}

.fc-container .block.invite .layer:first-child {
    margin-top: 0px;
    background: url(../../../system/freecash/invite/invite-mask.png);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}


.fc-container .block.invite .money {
    width: 286px;
    height: 285px;
    background: url(../../../system/freecash/invite/invite-money.png);
    background-size: auto;
    background-repeat: no-repeat;
    position: absolute;
}

.fc-container .block.invite .layer .money:first-child {
    transform: scale(0.9) translate(-160px, 69px);
}

.fc-container .block.invite .layer .money:last-child {
    transform: scale(0.9) translate(80px, -1px);
}

.fc-container .block.invite .girl {
    width: 286px;
    height: 345px;
    background: url(../../../system/freecash/invite/invite-girl.png);
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 1;
    transform: scale(0.9) translate(-30px, 39px);
}

.fc-container .block.invite .task-progress {
    border-radius: 24px;
    background: rgba(18, 80, 18, 0.80);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    -moz-backdrop-filter: blur(5px);
    -o-backdrop-filter: blur(5px);
    max-width: 240px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.fc-container .block.invite .task-progress .top {
    display: flex;
    justify-content: space-between;
}
.fc-container .block.invite .task-progress .left {
    font-size: 14px;
    font-weight: 600;
    display: flex;
    gap: 5px;
}
.fc-container .block.invite .task-progress .left svg {}
.fc-container .block.invite .task-progress .right {
    font-size: 16px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.5);
}
.fc-container .block.invite .task-progress .right span {
    color: #2FF056;
    font-weight: 600;
}
.fc-container .block.invite .task-progress .progress {
    width: 100%;
    height: 14px;
    border-radius: 100px;
    background: rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px -15px rgba(66, 207, 23, 0.50);
}
.fc-container .block.invite .task-progress .progress .value {
    width: 50%;
    height: 14px;
    border-radius: 24px;
    background: linear-gradient(84deg, #4FFE69 -7.08%, #00DB3A 132.64%);
}
.fc-container .block.invite .buttons {}
.fc-container .block.invite .buttons .white-button {
    color: #389430 !important;
}

@media (max-width: 660px) {
    .fc-container .block.invite .layer .girl {
        transform: scale(0.8) translate(0px, 59px);
    }

    .fc-container .block.invite .layer .money:first-child {
        transform: scale(0.8) translate(-140px, 89px);
    }

    .fc-container .block.invite .layer .money:last-child {
        transform: scale(0.8) translate(90px, -1px);
    }
}

@media (max-width: 550px) {
    .fc-container .block.invite .layer .girl {
        transform: scale(0.9) translate(80px, 59px);
    }

    .fc-container .block.invite .layer .money:first-child {
        transform: scale(0.6) translate(-140px, 169px);
        filter: blur(3px);
    }

    .fc-container .block.invite .layer .money:last-child {
        transform: scale(0.6) translate(140px, 19px);
    }

    .fc-container .block.invite .layer {
        height: 338px;
        margin-top: -338px;
    }
}

@media (max-width: 367px) {
    .fc-container .block.invite .layer {
        height: 370px;
        margin-top: -370px;
    }
}

@media (max-width: 363px) {
    .fc-container .block.invite .layer {
        height: 401px;
        margin-top: -401px;
    }
}