/*
Theme Name: theforest
Description: Theme for our brokers
Version: 3.0
Author: Kirill Everett
Author URI: #
*/

/* Header Start */

.header.navbar{
    padding:12px 0
}

.site_logo {
    display: block;
    max-width: 100%;
}

.site_imageLogo {
    width: 132px;
}

.success-message {
    color: green;
    font-weight: bold;
    margin-top: 10px;
}

.header {
    position: fixed;
    background: transparent;
    width: 100%;
    top: 0;
    z-index: 1000;
    transition: all 0.2s ease-in-out;
    background-color: #0707073b;
}

.header nav {
    /* margin-top: 25px; */
}

.header--active {
    background-color: #161616b3;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
}



.header-imageLink {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45px;
    border-radius: 56px;
    padding: 8px;
    background: #ffffffe6;
    box-shadow: 0px 16px 32px -9px #6100ff80;
    margin-right: 24px;
    margin-top: 25px;
}

.header-imageLink img {
    max-width: 100%;
    width: 30px;
}

/* .authenticate,
.authenticated {
    margin-top: 25px;
} */

.authenticate .btn {
    padding: 8px 22px;
    background: unset;
    border: 1px solid;
    /* box-shadow: 0px 16px 32px -9px #6100ff80; */
    border-radius: 8px;
    /*border: unset;*/
    color: #ffffff;
    font-weight: 600;
    font-size: 16px;
    text-wrap: nowrap;
    width: 170px;
    max-width: 150px;
}

.authenticate .btn:active {
    color: white;
}

.authenticate .dropdown-menu {
    background-color: #ffffff;
    border: #1a56db solid 1px;
    border-radius: 8px;
    margin-top: 10px;
}

.authenticate li {
    padding: 10px 15px;
    border-bottom: 1.5px solid black;
}

.authenticate li:last-child {
    border-bottom: unset;
}

.authenticate .dropdown-item {
    color: #1a56db;
    font-weight: 500;
    font-size: 14px;
    padding: unset;
    transition: all 0.2s ease;
}
.dropdown-item {
    display: block;
    width: 100%;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    clear: both;
    font-weight: 400;
    color: var(--bs-dropdown-link-color);
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    border-radius: var(--bs-dropdown-item-border-radius, 0);
}

.authenticate .dropdown-item:hover {
    padding: unset;
    background-color: transparent;
}

.click-to-read-msg {
    text-decoration: none;
    color: white;
}

#notification_count {
    position: relative;
    background: #6d3ee4;
    color: white;
    font-size: 10px;
    top: -10px;
    padding: 3px 6px;
    border-radius: 30px;
}

.notifsmall {
    list-style: none;
    margin-left: 10px;
}

#toggleMenuAction {
    list-style: none;
    padding: unset;
    position: relative;
}

.menuBoxOpen {
    min-width: 110px;
    width: 100%;
    padding-bottom: 5px;
    position: absolute;
    display: none;
    z-index: 99999;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #f1f1f1;
}

.smallLineInMenuBox {
    margin: auto;
    text-align: left;
    padding: 5px;
    width: 80%;
}

.smallLineInMenuBox {
    color: #635bff;
    text-transform: uppercase;
    font-size: 13px;
}

.smallLineInMenuBox a {
    color: #635bff;
    text-decoration: none;
}
.authenticate .btn.show, .authenticate .btn:active {
    background-color: #ffffff;
    border: #1a56db solid 1px;
    color: #1a56db;
}
.authenticate .btn {
    background-color: #ffffff;
    padding: 10px 20px;
    border-radius: 8px;
    color: #1a56db;
    font-weight: 500;
    font-size: 16px;
    font-family: comfortaa, sans serif;
    transition: all 0.2s ease;
    border: #1a56db solid 1px;
}

/* Header End */

/* Footer Start */

.site-footer {
    background-color: #eeeeee;
    color: black;
    overflow: hidden;
}

/* Footer End */

/* General */

body {
    background-color: white;
    color: #383442;
    font-family: "Poppins", sans-serif;
}

.site-main {
    min-height: 65vh;
    padding-top: 85px;
    overflow: hidden;
}

.purple-highlight {
    color: #635bff;
}

.btn-purple {
    border: 1.5px solid #635bff;
    border-radius: 5px;
    background-color: #635bff;
    padding: 10px 15px;
    color: white;
    font-weight: 600;
    font-size: 20px;
    text-decoration: none;
    transition: 0.2s ease all;
}

.btn-purple:hover {
    transform: scale(1.1);
}

.btn-green {
    border: 1.5px solid black;
    border-radius: 5px;
    background-color: white;
    padding: 10px 15px;
    color: #38b000;
    font-weight: 600;
    font-size: 20px;
    text-decoration: none;
}

.btn-discord {
    border: 1.5px solid #6100ff80;
    /*border-image-source: conic-gradient(*/
    /*    from 179.65deg at 50% 50%,*/
    /*    #ffffff 0deg,*/
    /*    rgba(255, 255, 255, 0) 60deg,*/
    /*    rgba(255, 255, 255, 0) 294.38deg,*/
    /*    #ffffff 360deg*/
    /*);*/
    border-radius: 16px;

    box-shadow: 0px 16px 32px -9px #6100ff80;
    padding: 18px 15px;
    color: radial-gradient(88.67% 144.44% at 50.15% -26.39%, #858ef3 0%, #685de7 100%);
    font-weight: normal;
    font-size: 24px;
    text-decoration: none;
}
.btn-discord-white {
    border: 1.5px solid #6100ff80;
    /*border-image-source: conic-gradient(*/
    /*    from 179.65deg at 50% 50%,*/
    /*    #ffffff 0deg,*/
    /*    rgba(255, 255, 255, 0) 60deg,*/
    /*    rgba(255, 255, 255, 0) 294.38deg,*/
    /*    #ffffff 360deg*/
    /*);*/
    border-radius: 16px;

    box-shadow: 0px 16px 32px -9px #6100ff80;
    padding: 18px 15px;
    color: radial-gradient(88.67% 144.44% at 50.15% -26.39%, #858ef3 0%, #685de7 100%);
    font-weight: normal;
    font-size: 24px;
    text-decoration: none;
    min-width: 200px;
    background: white;
}
.btn-discord-main {
    border: 1.5px solid #6100ff80;
    background-color: #635bff;
    border-radius: 16px;

    box-shadow: 0px 16px 32px -9px #6100ff80;
    padding: 10px 15px;
    color: white;
    font-weight: normal;
    font-size: 24px;
    text-decoration: none;
}

.btn-orange {
    border: 1.5px solid;
    border-image-source: conic-gradient(
        from 179.65deg at 50% 50%,
        #ffffff 0deg,
        rgba(255, 255, 255, 0) 60deg,
        rgba(255, 255, 255, 0) 294.38deg,
        #ffffff 360deg
    );
    border-radius: 15px;
    background: radial-gradient(73.45% 119.64% at 49.71% 0%, #ff9900 0%, #eb3e18 100%);
    box-shadow: 0px 16px 32px -9px #6100ff80;
    padding: 18px 15px;
    color: white;
    font-weight: 600;
    font-size: 26px;
    text-decoration: none;
}
.btn-orange-main {
    border: 1.5px solid;
    border-image-source: conic-gradient(
        from 179.65deg at 50% 50%,
        #ffffff 0deg,
        rgba(255, 255, 255, 0) 60deg,
        rgba(255, 255, 255, 0) 294.38deg,
        #ffffff 360deg
    );
    border-radius: 15px;
    background: radial-gradient(73.45% 119.64% at 49.71% 0%, #ff9900 0%, #eb3e18 100%);
    box-shadow: 0px 16px 32px -9px #6100ff80;
    padding: 12px 15px;
    color: white;
    font-weight: 600;
    font-size: 24px;
    text-decoration: none;
}

.btn-fancy {
    --offset: 2px;
    border-radius: 5px;
    padding: 10px 15px;
    color: white;
    font-weight: 600;
    font-size: 20px;
    text-decoration: none;
    overflow: hidden;
    position: relative;
}

.btn-fancy span {
    color: #38b000;
    z-index: 1;
    position: relative;
}

.btn-fancy::before {
    content: "";
    background: conic-gradient(transparent 270deg, #38b000, transparent);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    aspect-ratio: 1;
    width: 100%;
    animation: rotate 2s linear infinite;
}

.btn-fancy::after {
    content: "";
    background: white;
    border-radius: inherit;
    position: absolute;
    inset: var(--offset);
    height: calc(100% - 2 * var(--offset));
    width: calc(100% - 2 * var(--offset));
    backdrop-filter: blur(40px);
}

@keyframes rotate {
    from {
        transform: translate(-50%, -50%) scale(1.4) rotate(0turn);
    }

    to {
        transform: translate(-50%, -50%) scale(1.4) rotate(1turn);
    }
}

.btn-white {
    border: 1.5px solid #6d3ee4;
    background-color: white;
    border-radius: 5px;
    padding: 10px 15px;
    color: black;
    font-weight: 600;
    font-size: 20px;
    text-decoration: none;
}

.hero-banner__content {
    display: flex;
    flex-direction: column;
    gap: 32px;
    width: 100%;
}

.hero-banner__content--bloored {
    backdrop-filter: blur(10.4px);
    background: hsla(0, 0%, 100%, 0.05);
    border: 2px solid hsla(0, 0%, 100%, 0.27);
    border-radius: 4px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    gap: unset;
}

.hero-banner .small {
    font-size: 16px;
    font-weight: 600;
    color: white;
}

.hero-banner .title {
    font-family: "Arial", serif;
    font-size: clamp(3rem, 1.6875rem + 7vw, 5.625rem);
    font-weight: 800;
    color: white;
    line-height: 1;
}
.hero-banner .title-2 {
    font-family: "poppins", serif;
    font-size: 50px;
    font-weight: 800;
    color: white;
    line-height: 1;
}

.hero-banner .title__highlight {
    color: #ff753a;
    background: radial-gradient(65.79% 85.77% at 18.42% 18.98%, #ffad32 0%, #ff753a 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.hero-banner .text {
    font-size: 34px;
    font-weight: 600;
    color: white;
}

.hero-banner .list {
    list-style: none;
}

.hero-banner .list li::before {
    content: url(/wp-content/themes/theforest/images/dot-circle.svg);
    position: relative;
    left: 0;
    top: 3px;
    margin-right: 5px;
}

.evaluation__title {
    font-size: 46px;
    color: transparent;
    font-weight: 700;
    background-clip: text;
    background-image: linear-gradient(to right, #ff6682, #4e55ff);
    line-height: normal;
}
.home_title_2 {
    font-size: 46px;
    color: transparent;
    font-weight: 700;
    background-clip: text;
    background: linear-gradient(88deg, #ffac60 2.36%, #d55dff 84.32%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: normal;
}

.evaluation__text {
    font-size: 18px;
    color: #494949;
}

.rectangle-gradient {
    background: linear-gradient(
        211.4deg,
        rgba(17, 153, 250, 0.12) 11.41%,
        rgba(17, 153, 250, 0.26) 46.46%,
        rgba(0, 47, 97, 0.54) 79.39%
    );
    border-radius: 30px;
    padding: 25px 50px;
}

.newDesign .modal-content {
    background-image: url(/wp-content/themes/theforest/images/hero-evalution.png) !important;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

#sessionExpiredModal_content .modal-header {
    background-color: transparent !important;
    border-color: transparent !important;
}

#sessionExpiredModal_content .close {
    color: gray !important;
}

#sessionExpiredModal_content .modal-header .modal-title {
    color: transparent !important;
    font-weight: 700;
    background-clip: text;
    background-image: linear-gradient(to right, #ff6682, #4e55ff);
    line-height: normal;
}

#sessionExpiredModal_content p {
    color: gray !important;
}

.features {
    display: flex;
    align-items: center;
    gap: 40px;
    padding-right: 40px;
}

.features__title {
    font-size: 20px;
    font-weight: 600;
    color: white;
}

.features__text {
    font-size: 14px;
    color: white;
    margin-top: 20px;
}

.features-howItWorks {
    display: flex;
    flex-direction: column;
    padding: 0 10px;
}

.features-howItWorks img {
    width: 100px;
    height: 100px;
}

.feedback {
    display: grid;
    grid-template: 1fr/1fr 1fr 1fr;
    gap: 60px;
}

.feedback__container {
    box-shadow: 0px 4px 50px 0px #1199fa42;
    padding: 35px;
    border: 1px solid white;
    background-color: white;
    border-radius: 30px;
    color: #6d3ee4;
}

.feedback__container--purple {
    border-color: #635bff;
    background-color: #635bff;
    color: white;
}

.feedback__header {
    display: flex;
    gap: 10px;
    align-items: center;
}

.feedback__name {
    font-size: 16px;
    font-weight: 600;
}

.feedback__date {
    font-size: 12px;
}

.feedback__text {
    font-size: 14px;
    padding: 20px 0px;
}

.feedback__stars {
    text-align: center;
}

.feedback__container--purple .feedback__stars {
    filter: brightness(0) invert(1);
}

.works {
    background-image: url("/wp-content/themes/theforest/images/Rectangle 21.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.works__card {
    border: 1px solid #6d3ee4;
    box-shadow: 0px 4px 50px 0px #1199fa42;
    background-color: #eeeeee;
    border-radius: 30px;
    color: white;
    padding: 160px 35px 60px 35px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    min-width: 360px;
}

.works__image {
    position: absolute;
    top: -100px;
}

.works__title {
    font-size: 32px;
    font-weight: 500;
    line-height: 1;
}

.works__hr {
    border: 1px solid #ffffff;
    margin-top: 10px;
    width: 100%;
}

.works__text {
    font-size: 14px;
    font-weight: 400;
    margin-top: 30px;
}

.works__line {
    border: 1px solid #6d3ee4;
    width: 100%;
}

.works__center {
    border: 2.5px solid #6d3ee4;
    position: absolute;
    height: 100%;
    left: calc(50% - 2.5px);
}

.works__center::before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    background-color: #1299f9;
    border-radius: 30px;
    position: absolute;
    top: -15px;
    left: -15px;
}

.works__center::after {
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    background-color: #1299f9;
    border-radius: 30px;
    position: absolute;
    bottom: -15px;
    left: -15px;
}

.fundedtrader__forms p {
    color: white;
    font-size: 20px;
    font-weight: 600;
    margin: unset;
}

.fundedtrader__forms form,
.fundedtrader__forms label {
    width: 100%;
}

.fundedtrader__forms label {
    margin-top: 30px;
}

.fundedtrader__forms input,
.fundedtrader__forms textarea {
    background: lightgrey;
    border: 1px solid #6d3ee4;
    color: #eeeeee;
    border-radius: 10px;
    box-shadow: 0px 4px 20px 0px #1199fa42;
    padding: 10px;
    width: 100%;
    margin-top: 20px;
}

.fundedtrader__forms textarea {
    resize: none;
    max-height: 168px;
}

.error-sign-message {
    font-size: 14px;
}

.pw-btns {
    display: none;
}

.bg-image {
    min-height: 55vh;
    background-image: url("/wp-content/themes/theforest/images/hero-bg.webp");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: -103px;
}



@media (max-width: 768px) {
    .bg-image {
        min-height: 90vh;
    }
}
.bg-image-2 {
    min-height: 92vh;
    background-image: url("/wp-content/themes/theforest/images/imgpsh_fullsize_anim1.png");
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: -103px;
}

.bg-image--evaluation {
    background-image: url("/wp-content/themes/theforest/images/hero-evalution.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.bg-image--register {
    background-image: url("/wp-content/themes/theforest/images/3840_2160.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.bg-image--footer {
    background-image: url("/wp-content/themes/theforest/images/hero-footer.webp");
}

.footer__title {
    color: white;
    font-size: 40px;
    font-weight: 800;
}

.footer__text {
    color: white;
    font-size: 20px;
    margin-bottom: 64px;
}

.btn-center {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}

.background-white {
    background-color: white;
}
.background-white p {
    color: black;
}
.padding100 {
    padding: 100px 0;
}

.fs-48 {
    font-size: 48px;
}

.rules-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 60px;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
}

.rules-card {
    background-color: white;
    box-shadow: 0px 2.13333px 90.6667px rgba(217, 225, 255, 0.59);
    padding: 30px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
}

.rules-card .title {
    font-size: 20px;
    font-weight: 600;
    color: black;
}

.rules-card .text {
    font-size: 15px;
    margin: 24px;
    color: black;
}

.rules-card .link {
    font-size: 16px;
    font-weight: 500;
    color: #635bff;
    text-decoration: none;
}
.partners-grid {
    display: grid;
    grid-template-columns: 20% 20% 20% 20%;
    justify-content: center;
}
@media (max-width: 768px) {
    .partners-grid {
        display: grid;
        grid-template-columns: 100%;
    }
}

.benefits-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
}

.benefits-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    border: 0px solid #0000000d;
    transition: ease all 0.2s;
    text-decoration: none;
}

.benefits-card:hover {
    transform: scale(1.25);
    background: white;
    box-shadow: 0 25px 50px 0 rgb(29 49 68/15%);
}

.benefits-card:nth-child(1) {
    border-width: 0 1px 1px 0;
}

.benefits-card:nth-child(2) {
    border-width: 0 1px 1px 0;
}
.benefits-card:nth-child(3) {
    border-width: 0 0 1px 0;
}

.benefits-card:nth-child(4) {
    border-width: 0 1px 0 0;
}

.benefits-card:nth-child(5) {
    border-width: 0 1px 0 0;
}

.benefits-card .title {
    color: black;
    font-size: 20px;
    font-weight: 600;
}

.benefits-card .text {
    color: black;
    font-size: 16px;
}

.partner-grid {
    display: grid;
    grid-template: 1fr/1fr 1fr 1fr;
}

.partner-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    border: 0px solid #0000000d;
    transition: ease all 0.2s;
}

.partner-card:hover {
    transform: scale(1.25);
    background: white;
    box-shadow: 0 25px 50px 0 rgb(29 49 68/15%);
}

.partner-card:nth-child(1) {
    border-width: 0 1px 1px 0;
}

.partner-card:nth-child(2) {
    border-width: 0 1px 1px 0;
}
.partner-card:nth-child(3) {
    border-width: 0 0 1px 0;
}

.partner-card:nth-child(4) {
    border-width: 0 1px 0 0;
}

.partner-card:nth-child(5) {
    border-width: 0 1px 0 0;
}

.partner-card .title {
    color: black;
    font-size: 20px;
    font-weight: 600;
}

.partner-card .text {
    color: black;
    font-size: 12px;
    opacity: 0;
    transform: translateY(-90px);
    transition: 0.4s ease all;
}

.partner-card:hover .text {
    opacity: 1;
    transform: translateY(0px);
}
.cards {
    display: flex;
}
.card {
    border-radius: 32px 32px 30px 30px;
    border-bottom: 0.478px solid #fff;
    box-shadow: 0px 0px 76.12637px 0px rgba(217, 225, 255, 0.59);
    margin-left: 30px;
    margin-right: 30px;
    /*min-width: 360px;*/
}

.card-title h3 {
    font-size: 1.25rem;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: rgb(71 55 250 / var(--tw-text-opacity));
    font-weight: 700;
}
.card .main-content {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.card .title-img {
    padding-bottom: 0.75rem;
    align-items: center;
    display: flex;
}
.card .img {
    width: 40px;
}
.title-img h4 {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 600;
    margin-left: 0.75rem;
    margin-top: 5px;
}
.card .line {
    --tw-text-opacity: 1;
    margin-top: auto;
    border-top-width: 1px;
}
.card p {
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
    margin: 0px;
}
.card-challenge-btn {
    margin-top: auto;
    height: 50px;
    display: flex;
    margin-bottom: 30px;
}
.card-challenge-btn a {
    width: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.card-challenge-btn img {
    height: 50px;
}

.title-challenge {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 80px;
}
.title-challenge h1 {
    line-height: 1.25;
    font-size: 3rem;
    font-weight: 700;
    margin: 0px;
    color: black;
}

.card-challenge .title-challenge .color-purple {
    color: #6d3ee4 !important;
}
.card-challenge .title-challenge .color-blue {
    color: #0f0b4a !important;
}

.title-challenge p {
    padding-bottom: 2rem;
    padding-top: 2rem;
    width: 50%;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
    margin-left: auto;
    margin-right: auto;
}
.challenge-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1rem;
    margin-bottom: 3rem;
    border: 0 solid;
    box-sizing: border-box;
}
.challenge-btn a {
    border: 1px solid;
    border-radius: 10px;
    font-size: 1rem;
    line-height: 1.5rem;
    padding: 10px 16px;
    font-weight: 600;
    text-align: center;
    border-color: black;
    color: black;
    text-decoration: none;
}
.about-us-card {
    padding-bottom: 56px;
    padding-top: 56px;
    padding-left: 43px;
    padding-right: 43px;
    --tw-shadow: 0px -1.67405px 46.8733px rgba(0, 0, 0, 0.04);
    --tw-shadow-colored: 0px -1.67405px 46.8733px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    border-radius: 6px;
    height: 100%;
    max-width: 545px;
    margin-left: 20px;
    margin-right: 20px;
}
.about-us-text-color {
    color: transparent;
    background-image: linear-gradient(to right, #ff6682, #4e55ff);
    background-clip: text;
}
.about-us-line {
    background: linear-gradient(93.07deg, #4e5fff 1.3%, rgba(173, 41, 254, 0.76) 94.46%);
    width: 83.333333%;
    left: 1.25rem;
    height: 20px;
    bottom: -0.75rem;
    border-radius: 6px;
    margin-top: 30px;
}
.about-us-cards {
    display: flex;
    justify-content: center;
}
.about-us-card-title {
    display: flex;
    column-gap: 23px;
}
.about-us-card-title h2 {
    font-size: 30px;
    line-height: 2rem;
    --tw-text-opacity: 1;
    color: rgb(45 49 57 / var(--tw-text-opacity));
    font-weight: 700;
    margin: 0;
    padding-top: 5px;
}
.about-us-card p {
    font-size: 1rem;
    line-height: 1.5rem;
    padding-top: 18px;
    margin: 0;
    --tw-text-opacity: 1;
    color: rgb(68 68 68 / var(--tw-text-opacity));
}
.margin-top-50px {
    margin-top: 50px;
}
.cart-img-right ul {
    padding-left: 0px;
    padding-right: 20px;
}
.cart-img-right li {
    padding-bottom: 15px;
    padding-top: 15px;
}

.cart-img-right-text p {
    padding-left: 20px;
    font-size: 15px;

    --tw-text-opacity: 1;
    color: rgb(73 73 73 / var(--tw-text-opacity));
    line-height: 1.25rem;
}
.cart-img-right h1 {
    font-size: 42px;
}
.cart-img-right-img {
    background-image: url("/wp-content/themes/theforest/images/5939732.png");
    max-width: 441px;
    background-size: cover;
    border-radius: 15px;
    text-align: center;
}
.cart-img-right-img-mob {
    display: none;
    background-image: url("/wp-content/themes/theforest/images/5939732.png");
    max-width: 488px;
    background-size: cover;
    border-radius: 15px;
    text-align: center;
}
.cart-img-right-img-mob p,
.cart-img-right-img p {
    font-weight: 800;
    font-size: 77px;
    padding-top: 220px;
    line-height: 65px;
}
@media (max-width: 830px) {
    .about-us-cards {
        flex-direction: column;
    }
    .cart-img-right-img-mob {
        display: block;
    }
    .cart-img-right-img {
        display: none;
    }
}
.slider-ul {
    display: flex;
}
.slider-ul li {
    padding-bottom: 0px;
    padding-top: 0px;
}

.competition-banner-img {
}
.competition-banner-img img {
    max-width: 100%;
}
@media (max-width: 767px) {
    .competition-banner-content {
        flex-direction: column-reverse;
    }
}

.competition-banner {
    background-color: #0d1226;
}
.competition-banner {
    background-image: url("/wp-content/themes/theforest/images/competion-bg-title-elipse.png");
}
.competition-banner-content {
    display: flex;
    padding-top: 100px;
    padding-bottom: 30px;
    justify-content: space-around;
}

.competition-banner-text h3 {
    word-spacing: -1px;
    line-height: 1.5;
    font-size: 1.875rem;
    text-align: left;
    color: white;
}
.competition-banner-text {
    /*margin-top: 75px;*/
}

.competition-banner-text span {
    background: linear-gradient(88deg, #ffac60 2.36%, #d55dff 84.32%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.competition-banner-text p {
    color: white;
    font-size: 1rem;
    line-height: 1.5rem;
    text-align: left;
    margin-top: 35px;
}
.competition-banner-btn1 {
    background: linear-gradient(94deg, #2b59ff 0%, #bb2bff 100%);
    font-size: 1rem;
    line-height: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-bottom: 0.875rem;
    padding-top: 0.875rem;
    font-weight: 500;
    justify-content: center;
    align-items: center;
    border-radius: 0.25rem;
    color: white;
    text-decoration: none;
}
.competition-banner-btns {
    display: flex;
    margin-top: 30px;
    column-gap: 2rem;
}
.competition-banner-btn1:hover {
    transform: scale(1.1);
}
.competition-banner-btn2 {
    font-size: 1rem;
    line-height: 1.5rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-bottom: 0.875rem;
    padding-top: 0.875rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    font-weight: 500;
    background-color: rgb(25 33 61 / var(--tw-bg-opacity));
    --tw-border-opacity: 1;
    border-radius: 0.25rem;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    border: solid 1px rgb(255 98 220 / var(--tw-border-opacity));
}
.competition-banner-btn2:hover {
    transform: scale(1.1);
}

.timer__items {
    display: flex;
    font-size: 28px;
}

.timer__item {
    position: relative;
    min-width: 60px;
    margin-left: 10px;
    margin-right: 10px;
    /*padding-bottom: 15px;*/
    text-align: center;
    border-radius: 0.25rem;
    color: white;
    border: solid 1px #ff62dc;
    padding: 3px 15px 15px 15px;
    width: 70px;
    height: 65px;
    background-color: #0d1226;
}

.timer__item::before {
    content: attr(data-title);
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    font-size: 14px;
}

.timer__item:not(:last-child)::after {
    content: " ";
    position: absolute;
    right: -15px;
}
.competition-reward {
    background-color: #12141d;
    background-size: 450px 450px;
    background-position: top;
    background-repeat: no-repeat;
    background-image: url("/wp-content/themes/theforest/images/competion-amazing-cash-crown-elipse.png");
}
.competition-reward-content {
    display: flex;
    flex-direction: column;
    text-align: center;
    padding-top: 60px;
    padding-bottom: 60px;
}
.competition-reward-text {
    margin-top: 20px;
}
.competition-reward-text h2 {
    background: linear-gradient(88deg, #ffac60 2.36%, #d55dff 84.32%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 2.25rem;
    line-height: 2.5rem;
    font-weight: 700;
    text-align: center;
}
.competition-reward-text p {
    padding-bottom: 1.75rem;
    padding-top: 1.75rem;
    line-height: 1.5rem;
    font-weight: 300;
    color: rgb(255 255 255);
    font-size: 0.875rem;
    width: 41.666667%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.competition-reward-cards {
    display: flex;
    max-width: 975px;
}
.competition-reward-card {
    margin-bottom: 2rem;
    margin-top: 2rem;
    width: 268px;
    flex-direction: column;
    position: relative;
}
.competition-reward-card img {
    display: block;
    vertical-align: middle;
    padding-top: 2.5rem;
    width: 25%;
}
.competition-reward-card-content {
    position: absolute;
    top: 0;
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    max-width: 244px;
}
.competition-reward-card-content h4 {
    background: linear-gradient(88deg, #ff8660 2.36%, #d55dff 84.32%);
    --tw-text-opacity: 1;
    color: white;
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1.75rem;
    text-align: center;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
    margin-top: 2rem;
    width: 97%;
}
.competition-reward-card-content p {
    color: white;
    text-align: center;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.5rem;
    margin-top: 2.5rem;
}
@media (max-width: 1023px) {
    .competition-reward-cards {
        flex-direction: column;
    }
}
.competition-reward-table {
    margin-bottom: 5rem;
    margin-top: 5rem;
    width: 100%;
    overflow-x: auto;
    padding-bottom: 100px;
}
.competition-reward-table table {
    --tw-bg-opacity: 1;
    background-color: rgb(11 14 31 / var(--tw-bg-opacity));
    table-layout: auto;
    min-width: 100%;
    border-collapse: collapse;
    border-color: inherit;
    text-indent: 0;
}
.competition-reward-table thead {
    background: linear-gradient(rgb(99, 91, 255) 0%, rgb(116, 109, 255) 100%);
    color: white;
}
.competition-reward-table-header h4 {
    font-size: 1rem;
    line-height: 1.5rem;
    padding-bottom: 5px;
    padding-top: 15px;
    font-weight: 600;
    text-align: center;
}
.competition-reward-table td {
    font-size: 15px;
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
    text-align: center;
    color: white;
    line-height: 1rem;
    width: 33%;
}

.competition-drum {
    --tw-bg-opacity: 1;
    background-color: rgb(13 18 38);
    z-index: 0;
    position: relative;
    margin-top: -80px;
}
.competition-drum-img-bg {
    top: -8rem;
    align-items: flex-start;
    justify-content: space-between;
    display: flex;
    z-index: -10;
    right: 0;
    left: 0;
    position: absolute;
}
.competition-drum-img-bg .img-bg-1 {
    width: 33.333333%;
    height: auto;
    max-width: 100%;
    display: block;
    vertical-align: middle;
}
.competition-drum-img-bg .img-bg-2 {
    width: 41.666667%;
    height: auto;
    max-width: 100%;
    display: block;
    vertical-align: middle;
}
.competition-drum-content {
    padding-top: 80px;
    padding-bottom: 80px;
    display: flex;
    flex-direction: row;
    align-items: center;
    text-align: center;
    justify-content: center;
}

img.rot {
    animation: 1s linear 0s normal none infinite running rot;
    -webkit-animation: 1s linear 0s normal none infinite running rot;
    /*width: 100px;*/
}
@keyframes rot {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@-webkit-keyframes rot {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.competition-drum-content-text {
    max-width: 502px;
    margin: 30px;
}
.competition-drum-content-img {
    margin: 30px;
}

@media (max-width: 768px) {
    .competition-drum-content {
        flex-direction: column;
    }
    .competition-rules {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        display: flex;
        flex-direction: column;
    }
}
.competition-drum-content-text h1 {
    text-align: left;
    padding-bottom: 1.25rem;
    padding-top: 1.25rem;
    font-size: 1.875rem;
    line-height: 2.25rem;
    color: white;
    font-weight: 700;
}
.competition-drum-content-text p {
    line-height: 1.75rem;
    text-align: left;
    color: white;
    font-size: 0.875rem;
}
.competition-rules {
    column-gap: 1.25rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    display: grid;
    margin-bottom: 70px;
}
.competition-rules-content {
    padding-left: 2rem;
    padding-right: 2rem;
    --tw-bg-opacity: 1;
    background-color: rgb(40 42 55 / var(--tw-bg-opacity));
    border-radius: 0.25rem;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
}
.competition-rules-content svg {
    width: 12px;
    display: inline-block;
    vertical-align: middle;
}
.competition-rules-content p {
    line-height: 22px;
    font-size: 0.875rem;
    padding-left: 1.5rem;
    color: white;
    font-weight: 300;
    padding-top: 15px;
}
@media (max-width: 768px) {
    .competition-rules {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        display: flex;
        flex-direction: column;
    }
}
.competition-questions {
    display: flex;
}
.competition-questions-cards {
    width: 50%;
    margin: 20px;
}
.competition-questions-card {
    margin-bottom: 1.25rem;
    margin-top: 1.25rem;
    padding-top: 1.25rem;
    padding-bottom: 1rem;
    --tw-bg-opacity: 1;
    background-color: rgb(40 42 55 / var(--tw-bg-opacity));
    position: relative;
    border-radius: 5px;
}

.competition-questions-card-title {
    align-items: center;
    cursor: pointer;
    display: flex;
}
.competition-questions-card-title h4 {
    color: white;
    line-height: 1.5rem;
    font-weight: 300;
    font-size: 0.875rem;
    width: calc(100% - 26px);
    margin-bottom: 0.375rem;
}
.competition-questions-card-title svg {
    transition-duration: 0.3s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
        skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-rotate: 0deg;
    width: 1.25rem;
    height: 1.25rem;
    display: inline-block;
    vertical-align: middle;
}
.competition-questions-card-content {
    display: none;
    line-height: 24px;
    font-size: 0.875rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    color: white;
    font-weight: 200;
    text-align: left;
}
@media (max-width: 768px) {
    .competition-questions {
        flex-direction: column;
    }
    .competition-questions-cards {
        width: 90%;
    }
}

.competition-steps {
    background-color: #12141d;
}
.competition-steps-content {
    padding-top: 30px;
    background-size: 450px 450px;
    background-position: top;
    background-repeat: no-repeat;
    background-image: url("/wp-content/themes/theforest/images/competion-bg-title-elipse.png");

    display: flex;
    flex-direction: column;
    align-items: center;
}
.competition-steps-content-title h1 {
    background: linear-gradient(88deg, #ffac60 2.36%, #d55dff 84.32%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 2.25rem;
    line-height: 2.5rem;
    font-weight: 700;
    text-align: center;
}
.competition-steps-content-title p {
    color: white;
    padding-bottom: 1.25rem;
    padding-top: 1.25rem;
    font-weight: 300;
    font-size: 0.875rem;
    text-align: center;
}
.competition-steps-content-cards {
    display: flex;
    column-gap: 2.5rem;
    margin-top: 30px;
    margin-bottom: 50px;
}
.competition-steps-content-card {
    padding-bottom: 2rem;
    padding-top: 2rem;
    padding-left: 1.75rem;
    padding-right: 1.75rem;
    text-align: center;
    --tw-bg-opacity: 1;
    background-color: rgb(40 42 55 / var(--tw-bg-opacity));
    --tw-border-opacity: 1;
    border: 1px solid rgb(255 61 224 / var(--tw-border-opacity));
    border-radius: 0.5rem;
    justify-content: center;
    align-items: center;
    display: flex;
    width: 226px;
    height: 186px;
}
.competition-steps-content-img img {
    max-width: 585px;
    width: 100%;
}
.competition-steps-content-card p {
    color: white;
    line-height: 1.5rem;
    font-weight: 300;
    font-size: 0.875rem;
}

@media (max-width: 768px) {
    .competition-steps-content-cards {
        flex-direction: column;
    }
    .competition-steps-content-card {
        margin-bottom: 20px;
    }
    .competition-steps-content-img {
        display: none;
    }
}
.competition-ready {
    background-color: #12141d;
    padding-top: 50px;
    padding-bottom: 80px;
}
.competition-ready-content {
    background: linear-gradient(94deg, #2b59ff 0%, #bb2bff 100%);
    padding-bottom: 2rem;
    padding-top: 2rem;
    padding-left: 5rem;
    padding-right: 5rem;
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1170px;
}
.competition-ready-content-title h3 {
    line-height: 2.5rem;
    font-size: 1.5rem;
    text-align: left;
    font-weight: 600;
    color: white;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.competition-ready-content-btn {
    display: flex;
    min-width: 160px;
}
.competition-ready-content-btn a {
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1.25rem;
    padding-bottom: 0.875rem;
    padding-top: 0.875rem;
    padding-left: 1rem;
    padding-right: 1rem;
    border-radius: 0.375rem;
    color: inherit;
    text-decoration: inherit;
    background-color: rgb(255 255 255);
}
@media (max-width: 768px) {
    .competition-ready-content {
        flex-direction: column;
    }
}
.competition-slider {
    background-color: #12141d;
    padding-top: 50px;
    padding-bottom: 80px;
}
.competition-slider-card {
    background-color: #12141d;
}
.competition-slider-content h1 {
    color: white;
    line-height: 2.25rem;
    font-size: 1.875rem;
    font-weight: 700;
    text-align: left;
    padding-bottom: 1.25rem;
    padding-top: 1.25rem;
}
.competition-slider-content p {
    line-height: 1.75rem;
    font-weight: 300;
    font-size: 0.875rem;
    text-align: left;
    color: white;
    padding-bottom: 1.25rem;
    padding-top: 1.25rem;
}
.competition-slider-content span {
    background: linear-gradient(88deg, #ffac60 2.36%, #d55dff 84.32%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.competition-slider-img {
    padding-left: 40px;
    padding-right: 40px;
    margin-bottom: 30px;
}

.partners-banner {
    margin-top: 100px;
}
.partners-banner-content h2 {
    font-size: 3rem;
    line-height: 1;
    color: transparent;
    font-weight: 800;
    margin-bottom: 12px;
    background: linear-gradient(88deg, #ffac60 2.36%, #d55dff 84.32%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.partners-banner-content h3 {
    margin-bottom: 12px;
}
.partners-banner-content-pre-title {
    --tw-text-opacity: 1;
    color: rgb(36 36 36 / var(--tw-text-opacity));
    font-weight: 500;
    margin: 0;
}
.partners-banner-content {
    margin-top: 30px;
}
.partners-banner-content-text {
    font-size: 1.25rem;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: rgb(66 66 66 / var(--tw-text-opacity));
    font-weight: 500;
    margin: 0;
}

.partners-banner-content-number {
    font-size: 35px;
    line-height: 2.25rem;
    margin-bottom: 5rem;
    --tw-text-opacity: 1;
    color: rgb(99 91 255 / var(--tw-text-opacity));
    font-weight: 700;
    margin-top: 1.75rem;
    border: 1px solid;
    border-radius: 33px;
    padding: 35px;
}
.partners-banner-content-number span {
    --tw-bg-opacity: 1;
    background-color: white;
    border-radius: 1px;
    transition: all 0.3s;
    padding-bottom: 16px;
    padding-top: 16px;
    padding-left: 23px;
    padding-right: 23px;
}
.partners-banner-content-btn {
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    justify-content: flex-start;
}
.partners-banner-content-btn-1 {
    font-size: 16px !important;

    padding-bottom: 22px;
    padding-top: 22px;
    padding-left: 50px;
    padding-right: 50px;
    border-radius: 5px;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    font-weight: 600;
    line-height: 1.25rem;
    background-image: linear-gradient(100.02deg, #8079ff 7.89%, #5f57ff 48.73%, #4e55ff 93.54%);
    text-decoration: inherit;
    padding-bottom: 18px;
    padding-top: 18px;
}
.partners-banner-content-btn-2 {
    font-size: 17px;
    padding-bottom: 20px;
    padding-top: 20px;
    padding-left: 40px;
    padding-right: 40px;
    border-radius: 5px;
    border: 2px solid rgb(82 86 255);
    margin-left: 3rem;
    margin-bottom: 0;
    margin-top: 0;
    --tw-text-opacity: 1;
    color: rgb(82 86 255 / var(--tw-text-opacity));
    font-weight: 600;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    text-decoration: inherit;
}
.partners-banner-content-btn-3 {
    font-size: 16px !important;
    padding-bottom: 15px;
    padding-top: 15px;
    padding-left: 40px;
    padding-right: 40px;
    border-radius: 5px;
    border: 2px solid rgb(82 86 255);
    margin-left: 3rem;
    margin-bottom: 0;
    margin-top: 0;
    --tw-text-opacity: 1;
    color: rgb(82 86 255 / var(--tw-text-opacity));
    font-weight: 600;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    text-decoration: inherit;
}
@media (max-width: 768px) {
    .partners-banner-content-number span {
        padding-bottom: 5px;
        padding-top: 5px;
        padding-left: 10px;
        padding-right: 10px;
        font-size: 25px;
    }
}
.partners-calculator-content {
    padding-bottom: 140px;
    padding-top: 140px;
    align-items: center;
    flex-direction: row-reverse;
    display: flex;
    position: relative;
    max-width: 1170px;
    padding-left: 0;
    padding-right: 0;
    justify-content: space-between;
}
.partners-calculator-content-form {
    --tw-shadow: 0px 4.5286px 32.3471px rgba(0, 0, 0, 0.06);
    --tw-shadow-colored: 0px 4.5286px 32.3471px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    border-radius: 0.25rem;
    background-color: white;
}
.partners-calculator-content-form h2 {
    --tw-text-opacity: 1;
    color: rgb(36 36 36 / var(--tw-text-opacity));
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1.25rem;
    text-align: center;
    padding-bottom: 0.75rem;
    padding-top: 0.75rem;
    --tw-bg-opacity: 1;
    background-color: rgb(242 242 255 / var(--tw-bg-opacity));
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.competition-slider-content {
    padding-left: 40px;
    padding-right: 40px;
    margin-bottom: 30px;
}

.partners-calculator-content-form h3 {
    font-size: 1.25rem;
    line-height: 1.75rem;
    color: black;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    padding-left: 25px;
    padding-right: 25px;
}

.partners-calculator-content-range {
    padding-left: 20px;
    padding-right: 20px;
}
.partners-calculator-content-range input {
    width: 100%;
}
.slider-label {
    margin-left: 20px;
    margin-right: 20px;
    text-align: center;
    margin-top: 20px;
    background-color: rgb(239 244 255);
    padding-bottom: 10px;
    padding-top: 10px;
}
.slider-label span {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 700;
    color: black;
}
.partners-calculator-content-form p {
    text-align: center;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
    color: black;
    padding-top: 10px;
}
.partners-calculator-content-content h4 {
    line-height: 68px;
    color: transparent;
    font-size: 3rem;
    text-align: left;
    font-weight: 700;
    background: linear-gradient(88deg, #ffac60 2.36%, #d55dff 84.32%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.partners-calculator-content-content p {
    font-size: 1.125rem;
    line-height: 1.75rem;
    text-align: left;
    color: rgb(66 66 66);
}
@media (max-width: 768px) {
    .partners-calculator-content {
        flex-direction: column;
    }
}
.partners-model {
    padding-top: 100px;
    --tw-bg-opacity: 1;
    background-color: rgb(248 248 255);
    padding-bottom: 100px;
}
.partners-model-title h4 {
    font-size: 3rem;
    line-height: 1;
    font-weight: 700;
    color: transparent;
    text-align: center;
    background: linear-gradient(88deg, #d768b1 2.36%, #635bff 84.32%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.trading-school-model-title h4 {
    font-size: 3rem;
    line-height: 1;
    color: transparent;
    font-weight: 800;
    margin-bottom: 12px;
    background: linear-gradient(88deg, #ffac60 2.36%, #d55dff 84.32%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.partners-model-title p {
    font-size: 1.125rem;
    width: 66.666667%;
    color: rgb(66 66 66);
    text-align: center;
    padding-top: 23px;
    margin-left: auto;
    margin-right: auto;
}
.partners-model-cards {
    display: flex;
    margin-top: 90px;
}
.partners-model-card {
    width: 100%;
    --tw-shadow: 0px 3px 50px rgba(0, 0, 0, 0.06);
    --tw-shadow-colored: 0px 3px 50px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255);
    border-radius: 0.25rem;
    margin-left: 20px;
    margin-right: 20px;
    display: flex;
    flex-direction: column;

    /*justify-content: center;*/
    /*margin-bottom: 3rem;*/
    /*display: flex;*/
    /*flex-direction: column;*/
}
.partners-model-card-title {
    text-align: center;
    font-size: 1.5rem;
    line-height: 2rem;
    --tw-shadow: 0px 7px 50px rgba(0, 0, 0, 0.06);
    --tw-shadow-colored: 0px 7px 50px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    --tw-text-opacity: 1;
    color: rgb(255 255 255);
    font-weight: 600;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
    background-image: linear-gradient(100.02deg, #8079ff 7.89%, #5f57ff 48.73%, #4e55ff 93.54%);
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}
.partners-model-card-title-solution {
    text-align: center;
    font-size: 1.5rem;
    line-height: 2rem;
    --tw-shadow: 0px 7px 50px rgba(0, 0, 0, 0.06);
    --tw-shadow-colored: 0px 7px 50px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    --tw-text-opacity: 1;
    color: rgb(255 255 255);
    font-weight: 600;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
    background-image: linear-gradient(90.75deg, #af00be 0.44%, rgba(92, 0, 208, 0.83) 99.85%);
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}
.partners-model-card-subtitle {
    font-size: 1.125rem;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: rgb(36 36 36);
    text-align: center;
    font-weight: 500;
    padding-bottom: 25px;
    padding-top: 25px;
}
.partners-model-card-percent {
    --tw-text-opacity: 1;
    color: rgb(66 66 66);
    font-weight: 700;
    font-size: 3rem;
    line-height: 1;
    text-align: center;
    margin-bottom: 10px;
}
.partners-model-card-list {
    padding-top: 0.75rem;
    padding-left: 14px;
    list-style: none;
}
.partners-model-card-list li {
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
    column-gap: 1rem;
    align-items: center;
}
.partners-model-card-list li span {
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: rgb(36 36 36);
}
.partners-model-card-title-solution-text {
    padding-bottom: 20px;
    padding-top: 20px;
    color: rgb(66 66 66);
    line-height: 1.75rem;
    font-weight: 500;
    font-size: 0.875rem;
    padding-left: 14px;
    padding-right: 14px;
}
.partners-model-card-title-solution-btn {
    margin-top: 0.5rem;
    margin-bottom: 23px;
    --tw-text-opacity: 1;
    color: rgb(255 255 255);
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.5rem;
    text-align: center;
    padding-bottom: 0.75rem;
    padding-top: 0.75rem;
    background-image: linear-gradient(100.02deg, #8079ff 7.89%, #5f57ff 48.73%, #4e55ff 93.54%);
    border-radius: 2px;
    width: 83.333333%;
    margin-left: auto;
    margin-right: auto;
}
@media (max-width: 768px) {
    .partners-model-cards {
        flex-direction: column;
    }
    .partners-model-card {
        width: unset;
        margin-bottom: 20px;
    }
}

.partners-affiliates h4 {
    font-size: 3rem;
    line-height: 1;
    font-weight: 700;
    color: transparent;
    text-align: center;
    background: linear-gradient(88deg, #d768b1 2.36%, #635bff 84.32%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.partners-affiliates-cards {
    padding-top: 50px;
    display: flex;
    max-width: 1100px;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
}

.partners-affiliates-card {
    margin-left: 20px;
    margin-right: 20px;
}

.partners-affiliates-card p {
    font-weight: 400;
    font-size: 26px;
    padding-bottom: 0.75rem;
    padding-top: 0.75rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255);
    line-height: 1.75rem;
    text-align: center;
    --tw-bg-opacity: 1;
    background-color: rgb(117 52 255);
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    margin-bottom: -4px;
}
.partners-affiliates-card img {
    width: 100%;
    height: auto;
}
.partners-affiliates-list {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
}
.partners-affiliates-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.partners-affiliates-list li {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 500;
    padding-bottom: 0.75rem;
    padding-top: 0.75rem;
    column-gap: 23px;
    display: flex;
    align-items: center;
}
.partners-affiliates-list span {
    box-sizing: border-box;
    color: rgb(36 36 36);
}
.partners-affiliates-btns {
    width: 91.666667%;
    display: flex;
    margin-top: 2.5rem;
    justify-content: space-around;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
}
.partners-affiliates-btn-1 {
    width: 35%;
    --tw-text-opacity: 1;
    color: rgb(255 255 255);
    font-weight: 600;
    font-size: 17px;
    text-align: center;
    padding-bottom: 18px;
    padding-top: 18px;
    background-image: linear-gradient(100.02deg, #8079ff 7.89%, #5f57ff 48.73%, #4e55ff 93.54%);
    border-radius: 5px;
    text-decoration: inherit;
}
.partners-affiliates-btn-2 {
    width: 42%;
    color: rgb(255 255 255);
    font-weight: 600;
    font-size: 17px;
    text-align: center;
    padding-bottom: 18px;
    padding-top: 18px;
    background-color: rgb(97 168 222);
    border-radius: 5px;
    text-decoration: inherit;
}
.partners-affiliates-btn-2 span {
    color: rgb(255 255 255);
}

@media (max-width: 768px) {
    .partners-affiliates-cards {
        flex-direction: column;
    }
    .partners-model-cards {
        flex-direction: column;
    }
}
.affiliate-img-right-img {
    background-image: url("/wp-content/themes/theforest/images/affiliate-partner-card-2.png");
    max-width: 488px;
    background-size: cover;
    border-radius: 15px;
    text-align: center;
}
.affiliate-img-right-img-mob {
    display: none;
    background-image: url("/wp-content/themes/theforest/images/affiliate-partner-card-2.png");
    max-width: 488px;
    background-size: cover;
    border-radius: 15px;
    text-align: center;
    height: 100%;
}

.partners-affiliate h1 {
    font-size: 40px;
    text-align: left;
    color: rgb(36 36 36);
    font-weight: 700;
}
.partners-affiliate p {
    font-size: 1.125rem;
    line-height: 1.75rem;
    text-align: left;
    color: rgb(66 66 66);
}

.partners-affiliate {
    margin-top: 50px;
    margin-bottom: 50px;
}

@media (max-width: 768px) {
    .affiliate-img-right-img-mob {
        display: block;
        height: 250px;
    }
    .affiliate-img-right-img {
        display: none;
    }
}

.withdrawals-img-right-img {
    background-image: url("/wp-content/themes/theforest/images/affiliate-partner-card-1.png");
    max-width: 488px;
    background-size: cover;
    border-radius: 15px;
    text-align: center;
}
.withdrawals-img-right-img-mob {
    display: none;
    background-image: url("/wp-content/themes/theforest/images/affiliate-partner-card-1.png");
    max-width: 488px;
    background-size: cover;
    border-radius: 15px;
    text-align: center;
    height: 100%;
}

.partners-withdrawals h1 {
    margin-top: 50px;
    font-size: 40px;
    text-align: left;
    color: rgb(36 36 36);
    font-weight: 700;
}
@media (max-width: 768px) {
    .withdrawals-img-right-img-mob {
        display: block;
        height: 250px;
    }
    .withdrawals-img-right-img {
        display: none;
    }
}
.tracking-img-right-img {
    background-image: url("/wp-content/themes/theforest/images/affiliate-partner-card-3.png");
    max-width: 488px;
    background-size: cover;
    border-radius: 15px;
    text-align: center;
}
.tracking-img-right-img-mob {
    display: none;
    background-image: url("/wp-content/themes/theforest/images/affiliate-partner-card-3.png");
    max-width: 488px;
    background-size: cover;
    border-radius: 15px;
    text-align: center;
    height: 100%;
}
@media (max-width: 768px) {
    .tracking-img-right-img-mob {
        display: block;
        height: 250px;
    }
    .tracking-img-right-img {
        display: none;
    }
}

.partners-program {
    padding-bottom: 100px;
}

.partners-program h2 {
    font-size: 50px;
    font-weight: 700;
    text-align: center;
    padding-bottom: 30px;
    padding-top: 30px;
    color: rgb(36 36 36);
    padding-left: 30px;
    padding-right: 30px;
}
.partners-program-card {
}
.partners-program-card-title {
    -tw-shadow: 0px 0px 11px 4px rgba(0, 0, 0, 0.06);
    --tw-shadow-colored: 0px 0px 11px 4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.25rem;
    margin-top: 1.25rem;
    cursor: pointer;
    background-color: rgb(248 248 255);
}
.partners-program-card-title h3 {
    font-size: 1rem;
    line-height: 1.5rem;
    padding-bottom: 1rem;
    padding-top: 1rem;
    font-weight: inherit;
    color: rgb(36 36 36);
}

.partners-program-card-content {
    padding-left: 2rem;
    display: none;
}
.partners-program-card-content ul {
    list-style-type: disc;
    margin-left: 0.5rem;
    padding: 0;
}
.partners-program-card-content p {
    color: rgb(66 66 66);
}
.partners-program-card-content li {
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
    color: rgb(66 66 66);
}


.site_logo_mobile {
    display: none;
}

.btn-purple-blue.header-btn-purple-blue{
    padding-bottom: 10px;
    padding-top: 10px;
    height: auto;
    box-shadow: 0px 16px 32px -9px #6100ff80;
    max-width: 150px;
    border-radius: 8px;
    font-size: 16px;
    font-family: comfortaa, sans serif;
}


@media (max-width: 424px) {
    .authenticate .btn, .btn-purple-blue.header-btn-purple-blue {
        width:77px;
    }
}

.whyPartner-tittle {
    font-size: 3em;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 0.5em;
}
.title-education {
    color: #635bff;
    font-weight: 400;
    font-family: "Comfortaa", sans-serif;
    font-size: 3rem;
}
.text-education {
    font-size: 25px;
    font-weight: 400;
    color: black;
    font-family: "Comfortaa", sans-serif;
}
.benefits_grid {
    grid-template: 1fr 1fr / 1fr 1fr;
    gap: 15px;
}
.benefits_card {
    padding: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    /*justify-content: center;*/
    gap: 14px;
    background-color: white;
    border: 1px solid #e5e7eb;
    border-radius: 18px;
    transition: all 0.2s ease;
    margin:20px;
    width: 360px;
}
.benefits_text {
    color: #4b5563;
    font-size: 16px;
    text-align: center;
}

.benefits_card:hover {
    border-color: #3f83f8;
    box-shadow:
        0 20px 25px -5px rgba(0, 0, 0, 0.1),
        0 8px 10px -6px rgba(0, 0, 0, 0.1);
}
@media (max-width: 768px) {
    .benefits_card {
        padding: 10px;
        gap: 5px;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
    }
    .new-cards{
        display: flex;
        flex-direction: column;
    }

    .benefits_title {
        font-size: 18px;
    }

    .benefits_text {
        font-size: 14px;
    }
    .benefits_card > img {
        width: 70px !important;
    }
    .benefits_grid{
        grid-template: none;
    }
}
.background-color-white {
    background-color: white;
}
.faq_cards {
    display: flex;
    flex-direction: column;
}
.faq_card {
    display: flex;
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    text-decoration-line: none;
    background-color: rgb(255, 255, 255);
    border-color: rgb(230, 230, 230);
    border-style: solid;
    border-width: 1px;
    border-radius: 8px;
    padding: 20px;
    gap: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.faq_card-img {
    display: flex;
    align-items: center;
    justify-content: center;
}
.faq_card-content {
    color: #4b5563;
}
.faq_card:hover {
    border-color: #3f83f8;
    box-shadow:
        0 20px 25px -5px rgba(0, 0, 0, 0.1),
        0 8px 10px -6px rgba(0, 0, 0, 0.1);
}
.faq_card:hover h3 {
    color: #3f83f8;
}
.faq_card-content .covered_text {
    display: none;
}
.bg-image-faq {
    min-height: 80vh;
    background-image: url("/wp-content/themes/theforest/images/cta-btn-bg.webp");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.glassmorphism_bg {
    backdrop-filter: blur(10.4px);
    -webkit-backdrop-filter: blur(10.4px);
    background: hsla(0, 0%, 100%, 0.05);
    border: 2px solid hsla(0, 0%, 100%, 0.27);
    padding: 3rem;
}
.title-faq {
    font-size: 40px;
    font-weight: 800;
    margin-bottom: 1.5rem;
    text-align: center;
    color: white;
}
.text-faq {
    font-size: 1.25rem;
    line-height: 1.75rem;
    color: white;
}
.faq-title {
    color: #8C82FC;
    font-size: 29px;
    text-align: left;
}
.socials {
    margin-top: 24px;
    display: flex;
    flex-direction: row;
    gap: 8px;
}

.social {
    background-color: #f3f4f6;
    padding: 12px;
    border-radius: 9999px;
}

.social svg {
    width: 28px;
    height: 28px;
}
.rules_banner {
    background: radial-gradient(
            91.37% 598.89% at 96.69% 9.66%,
            #2e3bef 0,
            rgba(128, 134, 229, 0.79) 0.01%,
            #2e3bef 54.69%,
            rgba(129, 136, 228, 0.8) 100%
        ),
        #2e3bef;
    border-radius: 16px;
}

.rules_title {
    color: white;
    font-size: 50px;
    font-weight: 700;
}

.rules_text {
    color: #d1d5db;
    font-size: 16px;
}
.blue-btn {
    background-color: #1a56db;
    padding: 10px 20px;
    border-radius: 8px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    gap: 4px;
    transition: all 0.2s ease;
}
.white-btn {
    background-color: #ffffff;
    padding: 10px 20px;
    border-radius: 8px;
    color: #1a56db;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    gap: 4px;
    transition: all 0.2s ease;
}
.purple-btn {

    background-color: #6d3ee4 ;
    padding: 10px 20px;
    border-radius: 8px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    gap: 4px;
    transition: all 0.2s ease;
}

.purple-btn:hover {
    background-color: #5934B7FF;
    border-color: #5934B7FF;
    color: white;
}

.blue-btn:hover {
    background-color: #1e429f;
    border-color: #1e429f;
    color: white;
}
.discord-btn {
    background-color: #635bff;
    padding: 10px 20px;
    border-radius: 8px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    gap: 4px;
    transition: all 0.2s ease;
}
.discord-btn img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7494%) hue-rotate(296deg) brightness(114%)
        contrast(95%);
}

.discord-btn:hover {
    background-color: #1f2937;
    border-color: #1f2937;
    color: white;
}
.text-color-cu {
    font-weight: 400;
    color: #635bff;
}
.gray-text {
    color: #6b7280;
}

.contant-container {
    background-color: #1c64f2;
    padding: 24px;
    border-radius: 16px;
    color: white;
}

.contant-container form {
    width: 100%;
}

.contant-container input,
.contant-container textarea {
    padding: 8px;
    background: white;
    border: unset;
    border-radius: 6px;
    width: 100%;
    resize: unset;
}
.about-global {
    background: linear-gradient(91.44deg, #5f57ff 1.22%, rgba(107, 17, 255, 0.85) 98.77%);
    backdrop-filter: blur(2.02735px);
    position: relative;
    padding-top: 80px;
    padding-bottom: 80px;
    margin-top: 40px;
}

.about-global-left-img {
    width: 256px;
    opacity: 1;
    top: 2.5rem;
    left: 85px;
    position: absolute;
}

.about-global-right-img {
    width: 256px;
    opacity: 1;
    top: 37%;
    right: 5%;
    position: absolute;
}

.about-global-centr-img {
    left: 25%;
    bottom: 27%;
    display: block;
    position: absolute;
    height: auto;
    max-width: 100%;
}

.about-global-content {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}

.about-global-content-title {
    font-size: 2.25rem;
    line-height: 2.5rem;
    width: 75%;
    color: white;
    font-weight: 800;
    text-align: center;
    padding-top: 30px;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.about-global-content-text {
    font-size: 15px;
    padding-left: 80px;
    padding-right: 80px;
    color: rgb(220 204 255);
    line-height: 22px;
    text-align: center;
    padding-top: 11px;
    position: relative;
}

.about-global-content-btn {
    column-gap: 30px;
    justify-content: center;
    padding-top: 40px;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    flex-wrap: wrap;
    flex-direction: row;
    display: flex;
}

.about-global-content-btn-discord {
    padding-bottom: 11px;
    padding-top: 11px;
    background-color: rgb(255 255 255);
    border-color: rgb(255 255 255);
    border-width: 1px;
    border-radius: 0.25rem;
    align-items: center;
    display: flex;
    text-decoration: inherit;
    padding-left: 18px;
    padding-right: 18px;
    margin-top: 10px;
}

.about-global-content-btn-img {
    margin-right: 0.75rem;
    height: auto;
    max-width: 100%;
    display: block;
    vertical-align: middle;
}

.about-global-content-btn-discord-text {
    display: block;
    padding-left: 0.25rem;
}

.about-global-content-btn-face {
    font-size: 1.125rem;
    line-height: 1.75rem;
    color: rgb(255 255 255);
    font-weight: 600;
    padding-bottom: 11px;
    padding-top: 11px;
    padding-left: 16px;
    padding-right: 16px;
    border-radius: 0.25rem;
    align-items: center;
    display: flex;
    text-decoration: inherit;
    border: 1px solid white;
    margin-top: 10px;
}
.slider-about-us {
    display: flex;
    justify-content: space-around;
}
@media (max-width: 768px) {
    .slider-about-us {
        flex-direction: column;
        align-items: center;
    }
    .slider-about-us-img img {
        width: 100%;
    }
    .about-global-content {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
    .about-global-left-img {
        display: none;
    }

    .about-global-right-img {
        display: none;
    }

    .about-global-centr-img {
        display: none;
    }
    .about-global-content-text {
        padding-left: 0;
        padding-right: 0;
    }
}
.cf-container p,
.cf-container .text-center {
    color: black;
}
.cf-container {
    background-color: #eeeeee;
}
.climb-section {
    background-image: url(/wp-content/themes/theforest/images/stellar-bg.svg);
    /*min-height: 70vh;*/
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.climb-banner p {
    line-height: 25px;
    color: rgb(255 255 255);
    text-align: left;
}
.hero-banner-climb-content {
    display: flex;
    flex-direction: column;
    max-width: 600px;
}
.btn-purple-blue {
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    padding-bottom: 16px;
    padding-top: 16px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    width: 186px;
    height: 54px;
    display: flex;
    background-image: linear-gradient(to right, #2b59ff, #bb2bff);
    text-decoration: inherit;
}
.row-climb {
    display: flex;
    align-items: flex-end;
}
.hero-banner-climb {
    display: flex;
    margin-bottom: 160px;
}
.section-climb-rules {
    padding-top: 50px;
    padding-bottom: 50px;
}
.climb-rules-title {
    text-align: center;
}
.climb-rules-title h2 {
    font-size: 3rem;
    font-weight: 700;
    color: black;
}
.climb-rules-title p {
    padding-bottom: 28px;
    padding-top: 27px;
    color: rgb(73 73 73);
    font-size: 16px;
}
.climb-rules-cards {
    display: flex;
    justify-content: center;
}
.climb-rules-card {
    border: 1px solid;
    display: flex;
    padding-bottom: 35px;
    padding-top: 35px;
    padding-left: 28px;
    padding-right: 28px;
    max-width: 484px;
    background-color: rgb(255 255 255);
    border-radius: 17px;
    overflow: hidden;
    margin: 15px;
    gap: 20px;
}
.climb-rules-card-img img {
    width: 40px;
}
.climb-rules-content h3 {
    font-weight: 600;
    font-size: 16px;
    color: black;
}
.climb-rules-content p {
    line-height: 24px;
    font-weight: 400;
    font-size: 14px;
    color: black;
    margin-top: 10px;
}

.rewards-climb {
    background-color: rgb(255 255 255);
    border-radius: 17px;
    padding: 30px;
}
.section-climb-rewards {
    padding-top: 50px;
    padding-bottom: 50px;
}
.rewards-climb h2 {
    font-size: 30px;
    text-align: left;
    color: rgb(41 45 52);
    font-weight: 700;
    margin-top: 0.5rem;
}
.rewards-climb p {
    margin-bottom: 2rem;
    color: rgb(69 69 69);
    font-size: 14px;
    padding-top: 0.75rem;
    text-align: justify;
}

@media (max-width: 768px) {
    .climb-rules-cards {
        flex-direction: column;
    }
    .rewards-climb {
        flex-direction: column-reverse;
    }
    .rewards-climb a {
        margin-left: auto;
        margin-right: auto;
    }
}
.model-type-troopers {
    padding-top: 50px;
}
.model-type-troopers-title h2 {
    color: rgb(41 45 52);
    font-size: 3rem;
    font-weight: 700;
    text-align: center;
}
.model-type-troopers-tab-mob {
    display: none;
}
.model-type-troopers-tab-desktop {
    width: 75%;
    display: block;
    --tw-shadow: 11px 15px 32px rgba(99, 91, 255, 0.15);
    --tw-shadow-colored: 11px 15px 32px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    border-radius: 0.5rem;
    margin-top: 3.5rem;
    margin-left: auto;
    margin-right: auto;
}
.model-type-troopers-tab-desktop-title {
    line-height: 1.5rem;
    font-size: 1rem;
    padding-bottom: 1rem;
    padding-top: 1rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    border-color: rgb(234 242 255);
    border-bottom-width: 1px;
    display: flex;
}
.model-type-troopers-tab-desktop-title p {
    width: 33.333333%;
    color: black;
    margin: 0;
    font-weight: 700;
    text-align: center;
}

.model-type-troopers-tab-desktop-row {
    line-height: 1.5rem;
    font-size: 1rem;
    padding-bottom: 1rem;
    padding-top: 1rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    border-color: rgb(234 242 255);
    border-bottom-width: 1px;
    display: flex;
}
.model-type-troopers-tab-desktop-row p {
    font-weight: 600;
    column-gap: 1rem;
    width: 33.333333%;
    margin: 0;
    text-align: center;
    color: black;
    display: flex;
    align-items: center;
    justify-content: center;
}
.capitalize {
    text-transform: capitalize;
    justify-content: normal !important;
}
.model-type-troopers-tab-mob-row {
    --tw-shadow: 11px 15px 32px rgba(99, 91, 255, 0.15);
    --tw-shadow-colored: 11px 15px 32px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    border-radius: 0.5rem;
    width: 91.666667%;
    margin-top: 2rem;
    margin-left: auto;
    margin-right: auto;
}
.model-type-troopers-tab-mob-title {
    --tw-shadow: 0px 2.13333px 90.6667px rgba(217, 225, 255, 0.87);
    --tw-shadow-colored: 0px 2.13333px 90.6667px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    line-height: 1.5rem;
    font-size: 1.125rem;
    padding: 1rem;
    border-color: rgb(238 238 238);
    border-width: 1px;
    display: flex;
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
}
.model-type-troopers-tab-mob-title p {
    color: rgb(8 6 99);
    font-weight: 600;
    width: 100%;
}
.model-type-troopers-tab-mob-content {
    line-height: 1.5rem;
    font-weight: 600;
    font-size: 15px;
    padding: 1rem;
    border-color: rgb(234 242 255);
    border-bottom-width: 1px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.model-type-troopers-tab-mob-content p:first-child {
    text-transform: capitalize;
    width: 66.666667%;
    line-height: 1.5rem;
    font-weight: 600;
    font-size: 15px;
    color: black;
}
.model-type-troopers-tab-mob-content p:last-child {
    text-align: center;
    width: 33.333333%;
    line-height: 1.5rem;
    font-weight: 600;
    font-size: 15px;
    color: rgb(99 91 253);
}
@media (max-width: 768px) {
    .model-type-troopers-tab-mob {
        display: block;
    }
    .model-type-troopers-tab-desktop {
        display: none;
    }
    .partners-banner-content-btn {
        gap: 10px;
    }
    .partners-banner-content-btn-3 {
        margin-left: 0;
    }
    .home_title_2 {
        text-align: center;
    }
}
.trading-school-cards {
    display: flex;
    justify-content: space-between;
}
.trading-school-card {
    border-radius: 10px;
    border: 1px solid;
    max-width: 400px;
    margin: 15px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.trading-school-card h5 {
    color: black;
    font-weight: 600;
    text-align: center;
}
.trading-school-card-content {
    display: flex;
}
.trading-school-card-content-img {
    display: flex;
    flex-direction: column-reverse;
}
.trading-school-card-content p {
    color: black;
    padding: 0 10px;
    font-size: 12px;
}
@media (max-width: 425px) {
    .trading-school-cards {
        flex-direction: column;
    }
}

.trading-school-content-btn {
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    justify-content: center;
    margin-top: 30px;
}
.bg-hallFame_bg {
    background-image: linear-gradient(
        131.22deg,
        rgba(211, 68, 209, 0.22),
        rgba(236, 214, 252, 0.22) 9.29%,
        rgba(99, 91, 255, 0.22) 27.81%,
        rgba(167, 147, 213, 0.22) 49.16%,
        rgba(241, 196, 212, 0.22) 75%,
        rgba(242, 173, 195, 0.22)
    );
    margin-top: -39px;
    padding-top: 50px;
    padding-bottom: 50px;
}
.hall-of-fame-banner {
}
.hall-of-fame-banner-content h2 {
    font-size: 3rem;
    line-height: 1;
    color: transparent;
    font-weight: 800;
    margin-bottom: 12px;
    background: linear-gradient(88deg, #ffac60 2.36%, #d55dff 84.32%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.hall-of-fame-banner-cards {
    display: flex;
    flex-direction: column;
}
.hall-of-fame-banner-cards-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.hall-of-fame-banner-card-purple {
    --tw-shadow: 0px 0.755903px 71.6372px hsla(225, 6%, 87%, 0.7);
    --tw-shadow-colored: 0px 0.755903px 71.6372px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    padding-bottom: 24px;
    padding-top: 24px;
    --tw-bg-opacity: 1;
    background-color: rgb(116 108 255 / var(--tw-bg-opacity));
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-width: 290px;
    margin: 10px;
}
.hall-of-fame-banner-card-purple h3 {
    font-size: 24px;
    color: rgb(255 255 255);
}
.hall-of-fame-banner-card-purple p {
    font-size: 13.5px;
    font-weight: 700;
    color: rgb(255 255 255);
    margin-bottom: 0;
}
.hall-of-fame-banner-card-white {
    --tw-shadow: 0px 0.755903px 71.6372px hsla(225, 6%, 87%, 0.7);
    --tw-shadow-colored: 0px 0.755903px 71.6372px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    padding-bottom: 24px;
    padding-top: 24px;
    background-color: rgb(255 255 255);
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-width: 290px;
    margin: 10px;
}
.hall-of-fame-banner-card-white h3 {
    font-size: 24px;
    color: rgb(102 91 255);
}
.hall-of-fame-banner-card-white p {
    font-size: 13.5px;
    font-weight: 700;
    color: black;
    margin-bottom: 0;
}
.hall-of-fame-banner-card-blue {
    --tw-shadow: 0px 0.755903px 71.6372px hsla(225, 6%, 87%, 0.7);
    --tw-shadow-colored: 0px 0.755903px 71.6372px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    padding-bottom: 24px;
    padding-top: 24px;
    background-color: rgb(73 95 255);
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-width: 290px;
    margin: 10px;
}
.hall-of-fame-banner-card-blue h3 {
    font-size: 24px;
    color: rgb(255 255 255);
}
.hall-of-fame-banner-card-blue p {
    font-size: 13.5px;
    font-weight: 700;
    color: rgb(255 255 255);
    margin-bottom: 0;
}
.hall-of-fame-banner-title h2 {
    font-size: 3rem;
    line-height: 1;
    font-weight: 700;
    color: transparent;
    background: linear-gradient(88deg, #d768b1 2.36%, #635bff 84.32%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-bottom: 10px;
}
.hall-of-fame-banner-title h2 span {
    color: black;
    -webkit-text-fill-color: black;
}
.hall-of-fame-slider-card img {
    max-width: 450px;
}
.slider-meet swiper-container {
    width: 100%;
    height: 100%;
}

.slider-meet swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.slider-meet swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.slider-meet swiper-slide {
    width: 69%;
}
.slider-testimonial swiper-container {
    width: 100%;
    height: 100%;
}

.slider-testimonial swiper-slide {
    text-align: center;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.slider-testimonial {
    background-color: #f6f4ff;
}
.slider-testimonia-mg-top {
    margin-top: 50px;
}
.slider-testimonial-card {
    background-color: white;
    padding: 10px;
    margin-bottom: 20px;
}

.slider-testimonial-card p {
    margin-bottom: 20px;
    color: rgb(68 68 68);
    font-size: 14px;
    text-align: left;
}
.slider-testimonial-card-content {
    display: flex;
    align-items: flex-start;
}
.slider-testimonial-card-content-text h2 {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 600;
    color: rgb(45 49 57);
}
.slider-testimonial-card-content-text p {
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: rgb(96 96 96);
}
.statistics-block-content h1 {
    font-size: 42px;
    line-height: 62px;
    font-weight: 700;
    text-align: left;
}

.statistics-block-content p {
    font-size: 0.875rem;
    text-align: left;
    color: rgb(96 96 96);
    padding-bottom: 1rem;
    padding-top: 1rem;
}

.statistics-block-banner-cards {
    display: flex;
    flex-direction: column;
}
.statistics-block-banner-cards-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.statistics-block-banner-card-white {
    --tw-shadow: 0px 0.755903px 71.6372px hsla(225, 6%, 87%, 0.7);
    --tw-shadow-colored: 0px 0.755903px 71.6372px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    padding-bottom: 24px;
    padding-top: 24px;
    background-color: rgb(255 255 255);
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-width: 270px;
    margin: 10px;
}
.statistics-block-banner-card-white h3 {
    font-size: 32px;
    font-weight: 700;
    color: rgb(102 91 255);
}
.statistics-block-banner-card-white p {
    font-size: 15px;
    font-weight: 700;
    color: black;
    margin-bottom: 0;
    padding-bottom: unset;
    padding-top: unset;
}

.statistics-slider-card img {
    max-width: 550px;
}
.statistics-block swiper-slide {
    width: 84%;
}
.statistics-block-slider h2 {
    color: black;
    text-align: left;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 2rem;
}
.statistics-block-slider p {
    font-size: 1rem;
    line-height: 1.5rem;
    text-align: left;
    padding-bottom: 20px;
    padding-top: 20px;
    color: rgb(96 96 96);
}
.slider-accomplishment swiper-container {
    width: 100%;
    height: 100%;
}

.slider-accomplishment swiper-slide {
    text-align: center;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.slider-accomplishment-cards-row {
    display: flex;
    flex-direction: row;
}
.slider-accomplishment-card-img {
    max-width: 294px;
}

.slider-accomplishment-card {
    margin: 10px;
}
.slider-accomplishment-card-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.slider-accomplishment-card-content-img {
    display: flex;
    align-items: center;
}
.slider-accomplishment-card-content-img p {
    color: black;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 700;
    padding-left: 0.75rem;
    margin-bottom: 0;
}
.slider-accomplishment-card-content-text {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 700;
    color: black;
    margin-bottom: 0;
}
.affiliate-model {
    background-color: #1b56db10;
}

.affiliate-model--white {
    background-color: white;
}
.featured-left-border{
    clip-path: polygon(10px 0%, calc(100% - 0px) 0%, 100% 10px, 100% calc(90% - -29px), calc(100% - 15px) 100%, 0px 100%, 0% calc(100% - 10px), 0% 0px);
    background-color: #070a29;
    max-width: 400px;
    margin-top: 25px;
}

.featured-card-left {
    padding-top: 50px;
    background-color: #070a29;
    padding: 48px 48px 24px;
    position: relative;
    max-width: 400px;
    color:white;
}

.featured-card-left h2 {
    font-size: 20px;
    font-weight: 400;
    line-height: 38px;
}
.featured-card-left .price{
    font-size: 32px;
    font-weight: 400;
    margin-top: 16px;
    position: relative;
    height: 50px;
    letter-spacing: 0.02em;
}
.featured-card-left .price:before{
    content: "";
    height: 1px;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #4c54f5;
    width: 40px;
    z-index: 2;
}
.featured-card-left .price:after{
    content: "";
    height: 1px;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.15);
}
.featured-card-left .desc{
    margin: 20px 0;
}
.featured-card-left .desc p{
    margin: 0;
    padding: 0;
    border: 0;
    /*font-size: 100%;*/
    font: inherit;
    vertical-align: baseline;
    box-sizing: border-box;
}
.featured-card-left .benefits{
    list-style: none;
}
.featured-card-left .benefits li{
    display: grid;
    grid-template-columns: 30px 1fr;
    align-items: center;
    margin-bottom: 4px;
}
.featured-card-left .benefits li span{
    display: flex;
    width: 16px;
    height: 16px;
    background-color: #4c54f5;
    justify-content: center;
    align-items: center;

}
.featured-card-left .benefits li img{
    width: 12px;
    height: auto;

}
.featured-btn-left{
    clip-path: polygon(10px 0%, calc(100% - 0px) 0%, 100% 10px, 100% calc(90% - 10px), calc(100% - 15px) 100%, 0px 100%, 0% calc(100% - 10px), 0% 0px);
    width: calc(100% );
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: -60px;
    left: -1px;
    right: -1px;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    font-weight: 600;
    background: linear-gradient(279.7deg, #005cfe 11.5%, #5926b2 100%);
    padding: 0 10px;
}
.featured-btn-right{
    clip-path: polygon(10px 0%, calc(100% - 0px) 0%, 100% 10px, 100% calc(90% - 10px), calc(100% - 15px) 100%, 0px 100%, 0% calc(100% - 10px), 0% 0px);
    width: calc(100% + 2px);
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: -60px;
    left: -1px;
    right: -1px;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    font-weight: 600;
    background-color: rgba(255, 255, 255, 0.1);
}
.featured-btn-left:hover{
    color: #fff;
    opacity: 0.9;
}
.featured-btn-right:hover{
    background-color: #fff;
    color: #4c54f5;
}
.featured-left-border{
    clip-path: polygon(10px 0%, calc(100% - 0px) 0%, 100% 10px, 100% calc(90% - -29px), calc(100% - 15px) 100%, 0px 100%, 0% calc(100% - 10px), 0% 0px);
    background-color: #070a29;
    max-width: 400px;
    margin-top: 25px;
}
.home-bg{
    background-image: url(/wp-content/themes/theforest/images/700x1800f.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
    height: 680px; 
}

@media (max-width: 768px) {
    .home-bg{
        height: 500px;
    }
    .home-bg .hero_title{
        font-size: 50px;
    }
    .home-bg .blue-btn{
        font-size: 15px!important;
    }
    .home-bg .transparent-btn{
        font-size: 15px!important;
    }
    .rules_title{
        font-size: 30px;
    }
    .white-btn{
        padding: 10px 10px;
        font-size: 13px;
    }
    .discord-btn{
        padding: 10px 10px;
        font-size: 13px;
    }
    .climb-image{
        display:none;
    }
    .row-climb{
        margin-top: 50px;
    }
}

.bg-title-education{
    background-image: url('/wp-content/themes/theforest/images/bg-education.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
    height: 650px;
}
.hero_title{
    font-size: 84px; color:black;
    font-family: "Comfortaa", sans-serif;;
}
.hero_text{
    font-size: 30px; color:black;
    font-family: "Comfortaa", sans-serif;;
}
.transparent-btn {
    background-color: white;
    padding: 10px 20px;
    border-radius: 8px;
    color: #5865f2;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    gap: 4px;
    transition: all 0.2s ease;
    border: #5865f2 solid 1px;
}
.benefits_card .title-img {
    padding-bottom: 0.75rem;
    align-items: center;
    display: flex;
}
.new-cards{
    display: flex;
    justify-content: center;
}
.font-comfortaa{
    font-family: "Comfortaa", sans-serif;
    font-size: 30px;
}

@media (max-width: 768px) {
    .mountains img {
        width: 100%;
    }
    .mountains .row-climb {
        display: flex;
        flex-direction: column-reverse;
    }
    .mountains{
        padding-bottom: 20px;
        padding-top: 20px;
    }
    .row-climb-col img{
        width: 100%;
    }
    .row-climb{
        display: flex;
        flex-direction: column-reverse;
    }
    .hero-banner-climb-content{
        margin-bottom: 20px;
    }
    .row-climb-col{
        margin-top: 25px;
        margin-bottom: 25px;
    }
    .hero-banner-climb {
        display: flex;
        margin-bottom: 20px;
    }
    .flex-column-mobile{
        flex-direction: column !important;
    }

    .flex-column-reverse-mobile{
        flex-direction: column-reverse!important;
    }
    

    .partners-program h2{
        font-size: 22px;
    }
    .mobile-pt-80{
        padding-top: 80px;
    }
}
.row-climb-col{
    margin-top: 60px;
    margin-bottom: 60px;
}
.hero_title{
    font-size: 84px; color:black;
    font-family: "Comfortaa", sans-serif;;
}
.partners-border{
        color: #000;
    border: 1px solid #635bff40;
    /* border-radius: 11px; */
    padding: 10px;
    border-top: none;
    border-radius: inherit;
    border-right: none;
    padding: 19px;
    margin-top: 35px;
    padding-top: 8px;
}

.benefits-card:nth-child(4) {
    border-width: 0 0 1px 1px;
}
.authenticate-buttons-wrapper{
    display:flex; gap:20px
}

@media (max-width: 768px) {
    .main-navbar-box {
        order: 2;
    }
    .main-navbar-box #mega-menu-primary {
        width: 170px !important;
        left: -109px !important;
    }
    div.authenticated.ms-auto {
        margin-right: auto;
    }
    .site_logo {
        display: none;
    }
    .site_logo_mobile {
        display: block;
        margin: 0 auto;
    }
    .site_logo_mobile .site_imageLogo {
        width: 80px;
    }
    .navbar-brand.pe-3 {
        margin-right: 0 !important;
        padding-right: 0 !important;
    }

    .authenticate .btn, .btn-purple-blue.header-btn-purple-blue {
        padding: 5px 10px;
        height: 34px;
        width: 110px;
    }
    .authenticate .dropdown-menu {
        margin-top: 5px;
        min-width: 138px;
    }
    .header-imageLink {
        display: none;
    }
    .header nav {
        margin: 0;
    }
    .authenticate,
    .authenticated {
        margin: 0!important;
    }
    .hero-banner__content {
        align-items: center;
    }
    .card-challenge .cards {
        flex-direction: column;
        gap: 40px;
    }
    .bg-image--register {
        background: white;
    }
    .fs-48{
        font-size: 32px;
    }
    .title-education{
        font-size: 33px;
    }
    .text-education{
        font-size: 18px;
    }
    .btn-discord{
        font-size: 22px;
        padding: 10px 10px;
    }
    .evaluation__title{
        font-size: 29px;
    }
    .model-type-troopers-tab-mob-content p, .hero_title, .evaluation__title > span, h2, .fs-48 font{
        word-wrap: break-word;
    }
    .partners-program.container > h2 > a{
        word-wrap: break-word;
    }
    .flex-column-mobile .col-md-6{
        max-width: 100%;
    }
    .site-main{
        overflow-x: hidden;
    }
    #mega-menu-primary{
        min-width: 182px!important;
    }
}

@media (max-width: 425px) {
    .navbar-brand.pe-3{
        width: 100%;
        display: flex;
    }

    .navbar > #logoBox{
        flex-wrap: nowrap;
        padding-left: 0 !important;
    }

    .authenticate.ms-auto.ps-3 .authenticate-buttons-wrapper{
        gap:10px;
    }

    .authenticate .btn, .header .btn-purple-blue.header-btn-purple-blue{
        padding: 4px 9px;
        height: 28px;
        width: 80px;
        font-size: 12px;
    }

    .site_logo_mobile .site_imageLogo{
        width:64px
    }



    .home-bg{
        height: 290px;
    }

    .home-bg .hero_title{
        font-size: 40px!important;
    }

    .home-bg .btn-purple-blue.header-btn-purple-blue, .home-bg .transparent-btn{
        max-width: 35%!important;
        font-size: 12px!important;
        width: 50%!important;
        padding: 8px 10px;
    }

    .mobile-frex-row-nowrap{
        flex-direction: row;
        flex-wrap: nowrap;
    }

    .mobile-width-70px{
        width: 100px!important;
        padding-left: 3px;
        padding-right: 0;
        align-items: center;
    }

    .mobile-width-70px .logo-img{
        width: 63px;
        height: 32px;
    }

    .mobile-width-calc-100-70px{
        width:calc(100% - 100px)
    }

    .footer-row-pt{
        padding-top: 0!important;
        font-size: 13px;
    }

    .column-reverse-mobile{
        flex-direction: column-reverse;
    }

    .w-50-mobile{
        width:50%!important;
    }

    .w-75-mobile{
        width:75%!important;
    }

    .hero_title{
        font-size: 30px!important;
    }

    .text-left p{
        text-align: justify;
    }

}

.affilate__banner{
    background-image: url(/wp-content/themes/theforest/images/banner-bg.jpeg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.affilate__banner h2{
    background: linear-gradient(89.7deg, #FFAC60 2.36%, #D55DFF 84.32%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: comfortaa;
    font-size: 48px;
    font-weight: 700;
}

.affilate__banner h3{
    color: white;
    font-family: comfortaa;
    font-size: 24px;
    font-weight: 500;
}

.affilate__calculator{
    background: white;
    box-shadow: 0px 2.13px 90.67px 0px #D9E1FF96;
    border-radius:24px;
}

.affilate__calculator h4{
    color: #0A0320;
    font-family: Comfortaa;
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 2rem;
}

.affilate__calculator .highlight{
    background: linear-gradient(89.7deg, #FFAC60 2.36%, #D55DFF 84.32%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.affilate__calculator p{
    color: #424242;
    font-size: 18px;
    margin: unset;
}

.affilate__calculator .form{
    background-color: #F7F8FE;
    padding: 32px 25px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.affilate__calculator .form .heading{
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #0A0320;
    font-family: Comfortaa;
    font-size: 20px;
    font-weight: 600;
}

.affilate__calculator .form .-thumb{
    font-family: Comfortaa;
    font-size: 24px;
    font-weight: 700;
}

input[type=range].styled-slider {
    -webkit-appearance: none;
}

input[type=range].styled-slider.slider-progress {
    --range: calc(var(--max) - var(--min));
    --ratio: calc((var(--value) - var(--min)) / var(--range));
    --sx: calc(0.5 * 32px + var(--ratio) * (100% - 32px));
}
  
input[type=range].styled-slider:focus {
    outline: none;
}
  
input[type=range].styled-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 32px;
    height: 32px;
    border-radius: 1em;
    background: white;
    border: 1px solid #D9E1FF96;
    box-shadow: 0px 4px 24px 0px #2B1B5C29;
    margin-top: calc(max((1em - 1px - 1px) * 0.5,0px) - max(32px * 0.5,1px));
}
  
input[type=range].styled-slider::-webkit-slider-runnable-track {
    height: 1em;
    border: 1px solid #b2b2b2;
    border-radius: 0.5em;
    background: #FFFFFF99;
    box-shadow: none;
}
  
input[type=range].styled-slider:hover::-webkit-slider-runnable-track {
    border-color: #9a9a9a;
}
  
input[type=range].styled-slider:active::-webkit-slider-runnable-track {
    border-color: #c1c1c1;
}
  
input[type=range].styled-slider.slider-progress::-webkit-slider-runnable-track {
    background: linear-gradient(89.74deg, #FFAC60 9.94%, #F851A4 135.21%, #D55DFF 240.86%, #635BFF 340.17%, #2B32DC 422.58%) 0/var(--sx) 100% no-repeat, #FFFFFF99;
}

.affilate__title{
    font-family: Comfortaa;
    color: #0A0320;
    font-size: 48px;
    font-weight: 700;
}

.affilate__why{
    background: #FFFFFFCC;
    padding: 20px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    gap: 16px;
}

.affilate__why h1{
    color: #424242;
    font-size: 20px;
    font-weight: 600;
}

.affilate__why p{
    color: #424242;
    font-size: 18px;
    font-weight: 400;
    margin: unset;
}

.affilate__referral p{
    color:#424242;
    font-size: 18px;
}

.affilate__referral ul{
    margin: unset;
    padding: unset;
}

.affilate__referral ul li{
    background-color: #F7F8FE;
    padding: 20px;
    border-radius: 16px;
}

.affilate__referral ul h1{
    background: linear-gradient(89.7deg, #FFAC60 2.36%, #D55DFF 84.32%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: Comfortaa;
    font-size: 40px;
    font-weight: 600;
}

.affilate__referral ul h2{
    color: #424242;
    font-size: 20px;
    font-weight: 600;
}

.affilate__referral ul p{
    color: #424242;
    font-size: 18px;
    margin: unset;
}

.affilate__grid{
    margin: unset;
    padding: unset;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 32px;
}

.affilate__grid li{
    background: #FFFFFFCC;
    padding: 24px;
    border-radius: 24px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

.affilate__grid li p{
    margin: unset;
    color: #242627;
    font-size: 20px;
    font-weight: 600;
}

.affilate__start{
    margin: unset;
    padding: unset;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.affilate__start li{
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.affilate__start li .circle{
    background-color: #635BFF;
    width: 48px;
    min-width: 48px;
    height: 48px;
    padding: 12px;
    border-radius: 112px;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}

.affilate__start li h2{
    font-family: Poppins;
    color: #424242;
    font-size: 20px;
    font-weight: 600;
}

.affilate__start li p{
    font-family: Poppins;
    color: #424242;
    font-size: 18px;
    font-weight: 400;
    margin: unset;
}

.affilate__program{
    background-color: #F1F4FD;
    padding: 32px;
    border-radius: 24px;
    display: flex;
    justify-content: center;
    background-image: url(/wp-content/themes/theforest/images/program.png);
    background-position: left;
    background-size: contain;
    background-repeat: no-repeat;
}

.affilate__program h1{
    color: #0D6EFD;
    font-family: Comfortaa;
    font-size: 40px;
    font-weight: 700;
    margin: unset;
}

.relative{
    position: relative;
}
.flag-box{
    display: block;
    position: absolute;
    right: 30px;
    top: 50%;
    pointer-events: none;
}
.flag-img{
    width: 26px;
    height: 16px;
}

.contain-left-side-bar-new ul li img {
    width: 24px;
    margin-right: 10px;
}

.contain-left-side-bar-new ul {
    gap: 6px;
    display: flex;
    flex-direction: column;
    padding-top: unset;
    list-style: none;
}

.withdraw__message{
    background-image: url(/wp-content/themes/theforest/images/wd-bg.png);
    background-position: center;
    background-size: cover;
}

#main.main-dark{
    background-color: #0c0c0c;
}

.image-slider-wrapper{
    position: relative;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    align-items: center;
    display: flex;
    justify-content: flex-start;
}
.image-slider{
    object-fit: cover;
    height: 100%;
    width: 100%;
    position: absolute;
    filter: brightness(0.34);
}

.image-slider-text-wrapper{
    z-index: 2;
    top: 50px;
    position: relative;
    margin-left:50px;
    color: white;
}

.mainpage-slider-wrapper{
    height: 800px;
    background-color: #000;
}

.mainpage-slider-wrapper .image-slider-text-wrapper h1.slider-h1 {
    font-family: 'Roboto', 'Arial';
    color: #bfbebe;
    text-align: center;
    text-shadow: none;
    line-height: 1.5;
    font-weight: 400 !important;
    font-style: normal;
    text-decoration: none;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: uppercase;
    font-weight: 500;
}

.mainpage-slider-wrapper .image-slider-text-wrapper .slider-p {
    font-family: 'Roboto', 'Arial';
    color: #dcdada;
    text-shadow: none;
    line-height: 1.5;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-align: center;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 20px;
}
.mainpage-slider-wrapper .image-slider-text-wrapper{
    max-width: 620px;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 768px){
    .mainpage-slider-wrapper{
        height: 600px;
    }

    .mainpage-slider-wrapper .image-slider-text-wrapper h1.slider-h1{
        font-size: 24px;
    }
    .mainpage-slider-wrapper .image-slider-text-wrapper .slider-p {
        font-size: 16px;
    }
}

.slider-button-main{
    font-family: 'Roboto', 'Arial';
    color: RGBA(255, 255, 255, 0.81);
    font-size: 100%;
    text-shadow: none;
    line-height: 1.5;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-align: left;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    font-weight: 500;
    display: block;
    margin: 0 auto;
    padding: 15px 50px;
    background-color: RGBA(0, 0, 0, 0.7);
    border-radius: 3px;
    width: fit-content;
}

.slider-button-main:hover{
    background-color: RGBA(0, 0, 0, 0.9);
}

.top-banner {
    padding: 150px;
}

.background-top:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .5);
}

.top-banner-text p {
    text-align: center;
    color: white;
    font-size: 5em;
}

.top-banner-text{
    z-index: 2;
    position: relative;
}

.top-banner-text p:last-child {
    font-size: 2em;
}

.container-thumbs {
    display: flex;
    flex-direction: row;
    margin: 10px 0px;
}

@media (max-width: 980px) {
    .top-banner {
        padding: unset;
    }
    .container-thumbs {
        flex-direction: column;
    }
}

.thumbs img {
    width: 350px;
    height: 250px;
}

.container-thumbs .span {
    padding: 0 10px;
    margin-top: auto;
    margin-bottom: auto;
}

.container-thumbs .span a {
    font-size: 2em;
}

.container-thumbs .span div {
    margin-top: 15px
}

.btn-under-thumbs {
    background: linear-gradient(102deg, #1c6c99, rgb(38 193 247));
    color: white;
    border: 0px solid #5f5f60;
    text-transform: uppercase;
    padding: 12px 17px;
    margin-left: auto;
    margin-right: auto;
}

.btn-under-thumbs:hover {
    text-decoration: none;
    color: white;
}