@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
:root{
    --main-bg-color: #313131;
    --yellow-text: #EDA61B;
    --light-pink: rgba(225,37,105,0.33);
    --light-red: rgba(217,60,55,0.33);
    --pink: #E12569;
    --red: #D93C37;
    --light-yellow: rgba(237,166,27,0.33);
    --yellow: rgba(237,166,27,1);
    --light-green: #36D121;
    --green: rgba(55,217,173,1);
    --gray: #707070 !important;
    --font-family-source-code-pro: 'Source Code Pro', monospace !important;
    --new-orange: #F79800
}

html, body,#fullheight {
    min-height: 100% !important;
    height: 100%;
    font-family: 'Raleway', sans-serif !important;
    color: #414042 !important;
    background: #161a25 !important;
}
/* width */
::-webkit-scrollbar {
    width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #444;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #161a25;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #1f3e8a;
}
a{
    color: unset;
}
.max-w-8xl{
    max-width: 110rem !important;
}
.min-h-screen {
    min-height: 100vh
}

.min-vh-90{
    min-height: 90vh;
}

.min-vh-80{
    min-height: 80vh;
}

.min-vh-50{
    min-height: 50vh;
}

.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.text-gray{
    color: var(--gray);
}
.main-nav{
    box-shadow: 0 15px 15px -12px rgba(0,0,0,.16);
    z-index: 1040;
}
.main-nav .nav-link{
    color: #707070 !important;
    font-size: 1.1rem;
    font-weight: 500;
}
.main-nav .nav-link.active{
    color: #F79800 !important;
}
.z-index-999{
    z-index: 999;
}
.fw-800{
    font-weight: 800 !important;
}
#sectionStart {
    background-color: #F8F8F8;
    padding-top: 80px;
    /*padding-bottom: 140px;*/
    /*height: 100%;*/
}
.email-subscription-section{
    padding: 4.3rem 0;
    background: rgb(247,181,0);
    background: radial-gradient(ellipse at center, rgba(247,181,0,1) 0%, rgba(247,133,0,1) 100%);
}
.email-subscription-section p{
    color: #fff;
    text-align: center;
    font-size: 1.75rem;
    font-weight: bold;
    margin-bottom: 0;
}
.email-subscription-section .form-control{
    background: #E6E6E6;
    color: #A3A3A3;
    border-radius: 0;
    box-shadow: inset 0 3px 6px 0 rgba(0,0,0,0.16);
}
.email-subscription-section .btn-subscribe{
    background: #FFFFFF;
    color: #F79800;
    border-radius: 0;
    width: 100%;
}
.footer-section{
    background: #F8F8F8;
    padding-bottom: 6.3rem;
    padding-top: 5.5rem;
}
.footer-section .footer-title{
    margin-top: 2rem;
    color: #707070;
    font-size: 1.4rem;
    font-weight: bold;
}
.footer-section a{
    color: #707070;
}
.footer-section a.active{
    text-decoration: none;
    font-weight: 600;
}

.footer-section a:hover{
    color: #F79800;
}

.not-sure-section{
    padding: 6.1rem 0;
    background: rgb(247,181,0);
    background: radial-gradient(ellipse at center, rgba(247,181,0,1) 0%, rgba(247,133,0,1) 100%);
}
.not-sure-section p{
    font-size: 1.25rem;
    margin-bottom: 0;
}
.not-sure-section a {
    background: #fff;
    border-radius: 10px;
    font-size: 1.25rem;
    color: #707070;
    padding: 0.5rem 1rem;
    box-shadow: 0 3px 6px 0 rgba(0,0,0,0.33);
}
.zero-hero-section{
    background: #F8F8F8;
    padding: 11rem 0 6.6rem 0;
}
.zero-hero-section h2{
    color: #F79800;
    font-size: 2.8rem;
    font-weight: 600;
}
.zero-hero-section h4{
    color: #707070;
    font-size: 1.56rem;
    font-weight: 600;
}
.zero-hero-section p{
    font-size: 1.25rem;
    color: #707070;
    line-height: 1.3;
}
.expectation-section{
    background: #F8F8F8;
}
.description-element{
    padding: 8rem 5rem !important;
}
.description-element h3{
    color: #F79800;
    font-size: 1.6rem;
    font-weight: bold;
}
.description-element h4{
    font-size: 1.25rem;
    font-weight: bold;
    color: #707070;
}
.description-element p{
    color: #707070;
}
.description-element a{
    background: #F79800;
    border: 0;
    border-radius: 10px;
    color: #fff;
    font-size: 1.25rem;
    padding: 0.5rem 1rem;
    font-weight: 500;
    box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16);
}
.description-element a:hover{
    color: #fff;
    background-color: #F7AE00;
}
/*.inline-YTPlayer,*/
.home-video{
    /*max-width: 58% !important;*/
    /*z-index: 999;*/
    /*left: 40%;*/
    /*top: 65%;*/
    /*transform: translate(-50%, -50%);*/
    /*background-color: black;*/

    max-width: 60.35% !important;
    z-index: 999;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    transform: translate(0, 35%);
    background-color: black;
    margin: auto;
    bottom: 0;
    height: fit-content;
    position: absolute;
}
.bg-gray{
    background-color: #F8F8F8;
}
.package-section h1{
    color: #707070;
    font-size: 2.6rem;
    font-weight: 800;
}
.yellow-title{
    color: #F79800 !important;
}
.package-section h2{
    font-size: 2rem;
    font-weight: bold;
    color: #707070;
}
.multi-hand-img h4{
    font-size: 2rem;
}
.title-Bronze{
    color: #D68247;
}
.title-Silber{
    color: #ABA89C;
}
.title-Gold{
    color: #E0AF2C;
}
.package-desc-section{
    position: relative;
}
.package-desc-section:after{
    content: '';
    padding: 15.3rem 0;
    display: block;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 300px;
    background: radial-gradient(ellipse at center, rgba(247,181,0,1) 0%, rgba(247,133,0,1) 100%);
}
section.dark {
    color: #ffffff;
}

section.light {
    color: #414042;
}

.border-red{
    border: 1px solid red;
}


.main-menu{width: 100%; height: 100%; opacity: 0; visibility: hidden; z-index: 9999 !important}
.nav-open .main-menu {opacity: 1; visibility: visible; background: var(--yellow-text); }
.main-menu .nav li a{
    color:#FFF;
    font-size: 36px;
    font-weight:600;
}
.main-menu .nav li{
    opacity: 0;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
    -webkit-animation-timing-function: cubic-bezier(.45,.005,0,1);
    -moz-animation-timing-function: cubic-bezier(.45,.005,0,1);
    -o-animation-timing-function: cubic-bezier(.45,.005,0,1);
    animation-timing-function: cubic-bezier(.45,.005,0,1);
}
.nav-open .main-menu .nav li{
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: -webkit-transform .2s,opacity .2s;
    transition: transform .2s,opacity .2s;
    text-align: center;
}

.nav-button{position:relative; z-index:1111; border:none;  height:42px; display:block; width:50px; padding:12px; cursor: pointer}
.main-menu .nav-button{
    position: absolute;
    top: 20px;
    right: 17%;
}

.large-title{
    color: var(--yellow-text);
    font-size: 3rem;
}
.start-title{
    font-size: 2.625rem;
    color: #707070;
    font-weight: 800;
    line-height: 1.3;
}
.orange-widget{
    background: rgb(247,181,0);
    background: linear-gradient(180deg, rgba(247,181,0,1) 0%, rgba(247,133,0,1) 100%);
    color: #fff;
    display: inline-block;
    font-size: 2rem;
    font-weight: bolder;
    padding: 0.25rem 1rem;
    line-height: 1.2;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    position: relative;
}
.orange-widget:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 9px;
    background: #F79800;
    top: 105%;
    left: 0;
}
.list-title{
    font-size: 2.8rem;
    color: #707070;
    font-weight: 300;
}
.custom-list p{
    margin-bottom: 0;
    color: #707070;
    font-size: 1rem;
}
.list-subtitle{
    color: var(--gray) !important;
    font-size: 1.375rem !important;
    font-weight: 800;
}
.mentoring-meetings{
    color: #F79800;
    font-size: 2.8rem;
    font-weight: 500;
    text-align: center;
}
.mentoring-meetings-subtitle{
    font-size: 2.25rem;
    color: var(--gray);
    font-weight: 300;
}
.mentoring-meetings-text{
    font-size: 1.2rem;
}
.meetings-section{
    padding: 5rem 0;
}
.meetings-section h3{
    color: var(--gray);
    font-weight: bold;
    font-size: 2.25rem;
}
.meetings-section p{
    color: var(--gray);
    font-size: 1.2rem;
    margin-bottom: 0;
}
.image-styled-list{
    list-style-image: url('../img/list.svg');
}
.white-list, .text-usual{
    color: #fff;
    font-size: 21px;
}
.text-large{
    color: #fff;
    font-size: 26px;
}

.btn-pink{
    background-color: var(--light-pink) !important;
    color: #E12569 !important;
    border: 2px solid #E12569 !important;
    font-size: 21px !important;
    transition: .3s;
    border-radius: 10px !important;
}

.btn-light-red{
    background-color: var(--light-red) !important;
    color: #D93C37 !important;
    border: 2px solid #D93C37 !important;
    font-size: 21px !important;
    transition: .3s;
    border-radius: 10px !important;
}
.btn-logout{
    background-color: #D93C37 !important;
    color: #fff !important;
    border: 2px solid #D93C37 !important;
    font-size: 18px !important;
    transition: .3s;
    border-radius: 10px !important;
}

.btn-yellow{
    background-color: var(--light-yellow) !important;
    color: #EDA629 !important;
    border: 2px solid #EDA629 !important;
    font-size: 21px !important;
    transition: .3s;
    border-radius: 10px !important;
    text-transform: none;
}
.btn-orange{
    background-color: rgba(247, 133, 0, 0.7) !important;
    color: #fff !important;
    border: 2px solid rgba(247, 133, 0, 0.7) !important;
    font-size: 21px !important;
    transition: .3s;
    border-radius: 10px !important;
    text-transform: none;
}
.btn-green{
    background-color: var(--light-green) !important;
    color: #161a25 !important;
    border: none !important;
    font-size: 15px !important;
    font-weight: bold;
    transition: .3s;
    border-radius: 20px !important;
}
.btn-light-gray{
    background-color: #CECECE !important;
    color: #161a25 !important;
    border: none !important;
    font-size: 15px !important;
    font-weight: bold;
    transition: .3s;
    border-radius: 20px !important;
}
.btn-pink:hover{
    background-color: var(--pink) !important;
    color: #fff !important;
}
.btn-light-red:hover{
    background-color: var(--red) !important;
    color: #fff !important;
}
.btn-yellow:hover{
    background-color: var(--yellow) !important;
    color: #fff !important;
}
.btn-orange:hover{
    background-color: var(--light-yellow) !important;
    color: #fff !important;
}
.btn-green:hover{
    background-color: var(--green) !important;
    color: #161a25 !important;
}
.btn-logout:hover{
    background-color: var(--light-red) !important;
}
.success-text{
    color: rgb(5,150,105);
}
.pt-60{
    padding-top: 60px;
}
.mb-140 {
    margin-bottom: 140px;
}

.about-bg-image{
    position: absolute;
    left: 0;
    top: -150px;
    width: 100%;
    display: block;
}

.join-section{
    margin-top: 150px;
    height: 50%;
}

.legitimate-section .about-bg-image{
    top: -114px;
}
.contact-bg::before{
    content:'';
    background-image: url('../img/contact-envelope.png');
    background-repeat: no-repeat;
    width: 45%;
    height: 100%;
    position: absolute;
    right: 0;
}
.why-section{
    margin-top: -285px;
}
.why-section .about-bg-image{
    top: 0;
}

.partner-section{
    margin-top: -200px;
}

.faq-section{
    height: 80%;
    margin-bottom: 10%;
}

.faq-bg-image{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    display: block;
}

.contact-section .form-control, .my-input{
    border-radius: 5px;
    background-color: #1D1D1D;
    color: #707070;
    border: 1px solid #1D1D1D;
    resize: none;
}
.my-new-input{
    border-radius: 5px;
    background-color: #E6E6E6;
    color: #000;
    border: 1px solid #E6E6E6 !important;
    resize: none;
}
.my-new-input:focus-visible {
    outline: #bfbebe auto 1px !important;
}
.contact-section .form-control::placeholder, .my-input::placeholder, .my-new-input::placeholder{
    color: #707070;
}

.faq-dropdown-section .dropdown-inner .answe a{
    color: #F79800;
}

.note-text {
    font-size: 16px;
    display: inline-block;
    max-width: 395px;
}


.multi-hand-box {
    display: inline-block;
    padding: 24px 33px;
    border-radius: 20px 20px 0 0;
    background-color: #F79800;
    font-size: 24px;
    line-height: 26px;
    color: #fff;
    font-weight: bolder;
}

.w-330 {
    width: 330px;
}

.w-375 {
    width: 375px;
}

.w-404 {
    width: 404px;
}

.mw-580 {
    max-width: 580px;
    width: 100%;
}
.minh-380 {
    min-height: 380px;
}
.minh-430 {
    min-height: 430px;
}

.main-top-height {
    min-height: calc(100vh - 80px);
}

.apsolute-img {
    position: absolute;
    right: 0;
    bottom: 0;
}

.iframe-box {
    width: 100%;
    background-color: #CCCCCC;
    display: flex;
    align-items: center;
    justify-content: center;
}

.iframe-box span{
    color: #A3A3A3;
    font-size: 4.5rem;
    font-weight: 700;
}

.video-wrapper {
    max-width: 628px!important;
}

.zone-text .c-blue {
    color: #0089FF;
}

.zone-text .c-green {
    color: #00B507;
}
.zone-text .c-red {
    color: #E50000;
}

.question-list li{
    position: relative;
    padding-left: 38px;
}

.question-list li:before {
    width: 23px;
    height: 23px;
    color: #F8F8F8;
    border: 3px solid #F79800;
    content: "";
    display: inline-block;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
}

.bg-video-gray {
    background-color: #E6E6E6;
    padding: 66px 0 71px;
}

.py-125 {
    padding: 125px 0;
}

.ratio-16x9.calendar-iframe {
    --bs-aspect-ratio: 66%;
}

.terms-link,
.terms-link:hover {
    color: #A89FBF;
}

@media (min-width: 3400px){
    .bull-image{
        min-width: 1250px;
    }

    .about-us-indro::before{
        width: 18% !important;
        right: 25vw !important;
    }
    .footer-logo{
        margin-left: 11%;
    }
}
@media screen and (min-width: 2559px) and (max-width: 2980px){
    .bull-image{
        min-width: 1250px !important;
    }
    .about-us-indro::before{
        width: 23% !important;
        right: 20vw !important;
    }
    .footer-logo{
        margin-left: 7%;
    }
}
@media screen and (min-width: 2981px) and (max-width: 3399px){
    .bull-image{
        min-width: 1100px !important;
    }

    .about-us-indro::before{
        width: 20% !important;
        right: 26vw !important;
    }
}
@media screen and (min-width: 1400px) and (max-width: 1600px){
    .description-element{
        padding: 4rem 5rem !important;
    }
}
@media screen and (min-width: 762px) and (max-width: 1399px){
    .description-element{
        padding: 1rem 3rem !important;
    }
}
@media (max-width: 1400px) {
    body{
        font-size: 0.75rem !important;
    }
    .large-title{
        font-size: 2rem;
    }
    .text-large{
        font-size: 1.15rem;
    }
    .mt-5.pt-5.mp-md-about{
        padding-top: 0 !important;
        margin-top: 1.5rem !important;
    }
    .join-section{
        margin-top: 75px;
        height: 75%;
    }
    .min-vh-80{
        min-height: 77.5vh;
    }
    .why-section {
        margin-top: -170px;
    }
    .legitimate-section .about-bg-image {
        top: -112px;
    }
    .about-bg-image{
        height: 135%;
        top: -100px;
    }
    .md-what-is{
        height: 98% !important;
    }
    .md-why{
        height: 90% !important;
    }

    .orange-widget{
        font-size: 1.5rem;
    }
    .img-box{
        margin: -60px auto 45px;
    }
    .email-subscription-section .btn-subscribe{
        font-size: 0.8rem;
    }

    .apsolute-img {
        position: static;
    }
}
@media only screen and (max-width: 1300px){
    .multi-hand-box {
        padding: 20px 25px;
        font-size: 20px;
    }
    .multi-hand .w-375 {
        width: 300px;
    }

    .multi-hand .w-330 {
        width: 265px;
    }

    .multi-hand .w-404 {
        width: 340px;
    }
}

@media (max-width: 1200px) {
    .orange-widget {
        font-size: 1.25rem;
    }
}
@media only screen and (max-width: 1199px){
    .multi-hand .minh-380 {
        min-height: 220px;
    }
    .multi-hand .minh-430 {
        min-height: 240px;
    }
    .multi-hand .mw-580 {
        max-width: 470px;
    }

    .ratio-16x9.calendar-iframe {
        --bs-aspect-ratio: 107%;
    }
}

@media (max-width: 992px) {
    .glossary-wrapper .tab .words {
        display: grid;
        grid-template-columns: repeat(3, 1fr) !important;
    }

    .references-wrapper .rating .main-block{
        flex-wrap: wrap;
    }
    .references-wrapper .avatar .img-group{
        margin: 0 auto;
    }
    .references-wrapper .title{
        text-align: center!important;
    }
    .references-wrapper .description{
        margin-top: 20px;
    }

    .full-height {
        height: calc(100vh - 75px);
    }

    .navbar-nav .dropdown-menu {
        border: 0;
        padding: 0 30px;
    }

    #dropdown-layouts {
        display: none!important;
    }

    .ratio-16x9.calendar-iframe {
        --bs-aspect-ratio: 144%;
    }
}
@media (max-width: 768px) {
    .start-title{
        margin-top: 30px;
    }
    .orange-widget{
        font-size: 1rem;
    }
    .img-box{
        margin: -40px auto 45px !important;
    }
    .cd-select{
        white-space: normal !important;
    }
    .glossary-wrapper .tab .words {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .glossary-wrapper .tab .words span{
        font-size: 20px;
    }

    .multi-hand-box {
        padding: 15px;
        font-size: 17px;
        line-height: 20px;
    }
    .multi-hand .w-375 {
        width: 245px;
    }

    .multi-hand .w-330 {
        width: 220px;
    }

    .multi-hand .w-404 {
        width: 280px;
    }
    .py-125 {
        padding: 60px 0;
    }

    .ratio-16x9.calendar-iframe {
        --bs-aspect-ratio: 180%;
    }
}

@media only screen and (max-width: 620px) {
    .multi-hand .w-404,
    .multi-hand .w-375,
    .multi-hand .w-330{
        width: 100%;
    }

    .multi-hand {
        flex-direction: column;
    }
    .multi-hand .minh-380,
    .multi-hand .minh-430{
        min-height: auto;
    }

    .multi-hand .multi-hand-box {
        margin: 0 auto 20px!important;
        border-radius: 10px;
    }
}

@media (max-width: 576px) {
    .zero-hero-section{
        padding: 3rem 0;
    }
    .description-element{
        padding: 3rem 1rem 1rem !important;
    }
    .description-element p{
        font-size: 1.2rem;
    }
    .footer-section{
        padding: 3rem;
        text-align: center;
    }
    .cd-pricing-list{
        padding: 0 !important;
    }
    .cd-pricing-wrapper .img-box{
        margin: -45px auto 45px;
    }
    .cd-pricing-wrapper > li{
        margin-bottom: 4rem;
    }
    .cd-pricing-header h2{
        text-align: center;
    }
    .cd-pricing-features{
        padding: 2rem 0 !important;
        width: auto !important;
    }
    .cd-pricing-features li{
        width: 100% !important;
        float: none !important;
    }
    .cd-pricing-footer{
        position: relative !important;
        height: auto !important;
        text-align: center;
        background: #fff;
        border-radius: 0 0 20px 20px;
        box-shadow: 0 6px 15px rgba(0, 0, 0, 0.16);
    }
    .cd-select{
        position: static !important;
        display: inline-block !important;
        height: auto !important;
        padding: 1rem 2rem !important;
        color: #707070 !important;
        border-radius: 2px;
        background-color: transparent;
        font-size: 1.2rem;
        text-indent: 0 !important;
        font-weight: 600;
        max-width: 100%;
        white-space: normal !important;
    }
    .package-desc-section:after{
        display: none;
    }
    .cd-select .price-span{
        display: block;
        font-weight: 800;
        font-size: 1.75rem;
    }

    .contact-us-form .col-sm-6{
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
    .large-title{
        font-size: 1.4rem;
    }
    .white-list, .text-usual{
        font-size: 1rem;
    }
    .btn-pink, .btn-light-red{
        font-size: 1rem !important;
    }
    .text-large{
        font-size: 1.25rem;
    }
    .glossary-keyword-wrapper .glossary-description, .glossary-wrapper .glossary-description{
        font-size: 18px;
    }
    .glossary-wrapper .tab .words {
        grid-template-columns: repeat(1, 1fr) !important;
    }
    .glossary-wrapper .tab .words span{
        font-size: 18px!important;
        letter-spacing: 0.5px!important;
        margin-bottom: 0px!important;
    }
}
@media (max-width: 420px) {
    .references-wrapper .avatar img.gold-package {
        height: 80px!important;
        width: 80px!important;
    }
    .references-wrapper .avatar .img-group {
        height: 290px!important;
        width: 280px!important;
    }
    .references-wrapper .avatar img {
        width: 290px!important;
        height: 290px!important;
    }
    .references-wrapper .avatar h4{
        margin-top: 15px!important;
    }
}

.login-page{
    background-color: #161a25 !important;
    /* background-image: url("../img/profile-bg.png"); */
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: auto !important;
}
.register-page{
    background-color: transparent !important;
    font-family: 'Raleway', sans-serif !important;
}
.register-card{
    background: #fff !important;
    border: none !important;
    border-top: 15px solid rgba(247, 133, 0, 0.7) !important;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
}
.plan-description{
    background: #282d3c !important;
    border-top: 22px solid #A89FBF !important;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
}
.change-card{
    background: #313131 !important;
    border-top: 22px solid #7b7b7b !important;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
}
.register-card .card-title{
    font-size: 1.5rem;
    font-weight: bold;
    color: #F79800;
}
.register-card .count-price{
    color: #907ACC;
}
.wizard-section{
    padding: 45px 80px;
}
.sw-theme-dots>.nav .nav-link{
    padding-top: 40px !important;
}
.sw-theme-dots>.nav .nav-link.inactive{
    color: #A3A3A3 !important;
    font-size: 0.875rem !important;
    font-weight: bold !important;
}

.sw-theme-dots>.nav::before{
    height: 1px !important;
    background-color: #F7A74A !important;
}
.sw-theme-dots>.nav .nav-link::before{
    content: '2' !important;
    background: #E6E6E6!important;
    width: 94px !important;
    height: 94px !important;
    top: -70px !important;
    font-size: 3.125rem;
    line-height: 2;
    font-family: sans-serif;
    color: #CCCCCC !important;
    font-weight: bold;
}
.sw-theme-dots>.nav .nav-link.active::before{
    background: radial-gradient(circle, rgba(247,181,0,1) 0%, rgba(247,133,0,1) 100%) !important;
    color: #fff !important;
}
.sw-theme-dots>.nav li:nth-child(3) .nav-link::before{
    content: '3' !important;
}
.sw-theme-dots>.nav li:first-child .nav-link::before{
    content: '1' !important;
}
.sw-theme-dots>.nav li:first-child .nav-link::before, .sw-theme-dots>.nav li:first-child .nav-link::after{
    margin-left: unset !important;
}
.sw-theme-dots>.nav li:nth-child(2) .nav-link::before{
    margin-left: 20%;
}
.sw-theme-dots>.nav li:nth-child(2) .nav-link::after{
    margin-left: 34%;
}
.sw-theme-dots>.nav li:nth-child(3) .nav-link::before{
    margin-right: 20%;
}
.sw-theme-dots>.nav li:nth-child(3) .nav-link::after{
    margin-right: 34%;
}
.sw-theme-dots>.nav li:last-child .nav-link::before{
    content: '4' !important;
}
.sw-theme-dots>.nav li:last-child .nav-link::before, .sw-theme-dots>.nav li:last-child .nav-link::after{
    margin-right: unset !important;
}
.sw-theme-dots>.nav .nav-link.active::before{
    border: none !important;
}
.sw-theme-dots>.nav .nav-link.active::after{
    color: #fff !important;
}
.sw-theme-dots>.nav li:first-child .nav-link .step-title{
    margin-left: -5rem;
}
.sw-theme-dots>.nav li:last-child .nav-link .step-title{
    margin-right: -5rem;
}
.sw .toolbar{
    display: flex;
    justify-content: space-between;
}
.sw-theme-dots .toolbar>.btn{
    color: #fff !important;
    border-radius: 20px !important;
    font-size: 15px;
    min-width: 130px;
}
.sw-theme-dots .toolbar>.btn.sw-btn-next,.sw-theme-dots .toolbar .finish-button,.sw-theme-dots .toolbar .payment-button,.sw-theme-dots .toolbar .proceed-payment-button,.sw-theme-dots .toolbar .register-btn,.register-btn{
    background-color: #F7A74A !important;
    border-color: #F7A74A !important;
}
.sw-theme-dots .toolbar>.btn.sw-btn-prev{
    background-color: #A3A3A3 !important;
    border-color: #A3A3A3 !important;
}
.register-card .form-control, .register-card .form-select{
    background-color: #E6E6E6 !important;
    color: #000 !important;
    border-radius: 5px !important;
    border: 1px solid #E6E6E6 !important;
    padding-top: 0.3rem !important;
    padding-bottom: 0.3rem !important;
}
.register-card .form-control:focus, .register-card .form-select:focus{
    box-shadow: none;
    border-color: #A89FBF;
}
.register-card .info-row{
    font-size: 1.2rem;
    padding-bottom: 0.25rem;
    border-bottom: 1px solid #E6E6E6;
}
.form-select{
    background-image: url('../img/arrow-down.svg');
}
.register-card .form-control.error, .register-card .form-select.error{
    border: 1px solid #FD0A55 !important;
}
.register-card .form-control.valid, .register-card .form-select.valid{
    border: 1px solid #3AB94E !important;
}
label.error,#accept-terms-error{
    color: #FD0A55;
    font-size: 80%;
    position: absolute;
    top: 100%;
}
.my-label{
    color: #CECECE !important;
    font-size: 1rem !important;
}
.sw-theme-dots>.nav .nav-link.active{
    color: #fff!important;
}

.text-4xl{
    font-size: 3rem;
    line-height: 1;
}
.text-2-5-rem{
    font-size: 2.5rem;
    line-height: 1;
}

.refresh-data{
    position: absolute;
    right: 100px;
    top: 5px;
    background-color: transparent;
    color: #707070;
    border: 1px solid #313131;
    border-radius: 10px;
}
.traders-dashboard{
    position: absolute;
    left: 25%;
    height: 100%;
    line-height: 3;
    color: #c3b7dc;
    font-style: italic;
    font-size: 1.25rem;
}
.bg-image-app{
    background: #313131;
}
.bg-nav-purple{
    background: var(--main-bg-color);
}
.bg-light-gray{
    background: #2C2C2C;
}
.bg-dark-gray{
    background: #272727;
}
.top-round-1-5{
    border-radius: 1.5rem 1.5rem 0 0;
}
.bottom-round-1-5{
    border-radius: 0 0 1.5rem 1.5rem;
}
.bg-dark-purple{
    background: #120448;
    color: #7866a1;
}
.bg-light-purple{
    background: #2e1764 !important;
    color: #c2b6de !important;
}
.bg-lighter-purple{
    background-color: #332853 !important;
    color: #C2B6DE;
}
/*.market-nav a:hover{
    background: #2e1764 !important;
    color: #c2b6de !important;
}*/
.market-nav{
    justify-content: center;
    min-width: 100%;
}
.market-nav a, .market-nav button{
    font-size: 1.1rem;
    font-weight: 500;
    font-family: 'Raleway', sans-serif;
    border-radius: 20px;
    text-decoration: none;
    transition: all 0.5s ease;
    filter: grayscale(100%) brightness(75%);
    outline: none;
}
.market-nav a.active-market, .market-nav a:hover, .market-nav button.active-market, .market-nav button:hover{
    filter: none;
}
.menu-title{
    position: absolute;
    bottom: 80%;
    left: 0;
    text-align: center;
    width: 100%;
    display: none;
    transition: all .3s ease;
    font-weight: bold;
    font-size: 0.85rem;
    color: #CECECE;
}
.market-nav a:hover .menu-title, .market-nav button:hover .menu-title{
    display: block;
}
/*a.overview-nav{
    border-color: #9F2FC9 !important;
    border-width: 2px;
    color: #fff !important;
}
a.overview-nav:hover, a.overview-nav.active-market{
    background: #9F2FC9 !important;
    color: #fff !important;
    opacity: 1;
}
a.bybit-nav,button.bybit-nav{
    border-color: #D63388 !important;
    border-width: 2px;
    color: #fff !important;
}
a.bybit-nav:hover, a.bybit-nav.active-market,button.bybit-nav.active-market,button.bybit-nav:hover{
    background: #D63388 !important;
    border-color: #fff;
    color: #fff !important;
    opacity: 1;
}
a.spot-nav{
    border-color: #DD0E51 !important;
    border-width: 2px;
    color: #fff !important;
}
a.spot-nav:hover, a.spot-nav.active-market{
    background: #DD0E51 !important;
    color: #fff !important;
    opacity: 1;
}
a.future-nav{
    border-color: #EF5D39 !important;
    border-width: 2px;
    color: #fff !important;
}
a.future-nav:hover, a.future-nav.active-market{
    background: #EF5D39 !important;
    color: #fff !important;
    opacity: 1;
}
a.forex-nav{
    border-color: #F39733 !important;
    border-width: 2px;
    color: #fff !important;
}
a.forex-nav:hover, a.forex-nav.active-market{
    background: #F39733 !important;
    color: #fff !important;
    opacity: 1;
}*/
.bg-indigo{
    background: #272727;
}
.section-bg-color, .tv-embed-widget-wrapper{
    background: #272727 !important;
}
.indigo-box-shadow{
    box-shadow: 0 3px 20px #593371;
}
.tv-embed-widget-wrapper, #ticker-container{
    background: #282d3c !important;
    border-radius: 10px 10px 0 0;
    border: none;
}
#widget-container.chart-page{
    border-radius: 10px !important;
    background: #130048 !important;
}
.panel-title{
    color: #fff;
    font-size: 24px;
    font-family: 'Raleway', sans-serif;
    margin-bottom: 0;
}
.profile-menu{
    background: #1D1D1D;
}
.profile-menu a {
    color: #707070;
    border-bottom: 1px solid #383838;
    font-weight: bold !important;
}
.drop-nav .profile-menu{
    background: transparent;
}
.drop-nav .profile-menu a{
    color: #707070;
    background: #1A1A1A;
    margin-bottom: 3px;
    font-weight: bold;
    font-style: normal;
    text-transform: uppercase;

}
.profile-menu a.active-menu{
    color:#FFFFFF
}
.profile-menu a.active-menu path{
    fill: #fff !important
}
.menu-icon{
    margin-right: 0.75rem
}
.logout-button{
    color: #FD0A55 !important;
}

.page-title{
    font-size: 1rem;
}
#profileTab{
    border-bottom: 1px solid #383838;
}
#profileTab.nav-tabs .nav-item.show .nav-link, #profileTab.nav-tabs .nav-link.active{
    color: #CECECE;
}
#profileTab.nav-tabs .nav-link{
    color: #707070;
    background-color: transparent;
    border: none;
    font-size: 1.25rem;
    font-weight: 500;
}
.component-title h3{
    font-size: 1.1rem;
    color: #CECECE;
    font-weight: bold;
}
.component-title p{
    font-size: 1rem;
}
.select-photo-button{
    padding: .5rem!important;
    background-color: #A89FBF !important;
    color: #161a25 !important;
    border: none!important;
    border-radius: 20px !important;
    text-align: center;
    text-transform: none;
    display: block;
    opacity: 0;
}
.delete-photo-button{
    background-color: #FD0A55 !important;
    opacity: 1;
}
.blue-border-right-dashed{
    border-right: 1px solid #383838;
}
.border-gray{
    border-color: #383838;
}
.profile-warning{
    color: #707070;
    background-color: transparent;
    border-color: #707070;
}
.disabled-title{
    text-align: left;
    color: #FF0062 !important;
    font-size: 1.1rem;
    padding: 5px;
}
.enabled-title{
    text-align: left;
    color: #3AB94E !important;
    font-size: 1.1rem;
    padding: 5px;
}
.light-blue-desc{
    color: #B3C5E8 !important;
    font-style: italic;
    font-size: 1.1rem;
}
.market-logo-bg{
    position: absolute;
    top: 0;
    right: 0;
}
.sub-accounts-table thead tr{
    border-bottom: 1px solid #383838;
    color: #707070;
    font-size: 12px;
}
.border-bottom-purple{
    border-bottom: 1px solid #383838;
}
.border-bottom-light-purple{
    border-bottom: 1px solid #907ACC;
}
.border-bottom-white{
    border-bottom: 1px solid #F7B500;
}
.color-dark-purple{
    color: #161a25;
}
.pr-25{
    padding-right: 2.5rem!important;
}
.purple-scrollbar::-webkit-scrollbar {
    height: 7px !important;
}

/* Track */
.purple-scrollbar::-webkit-scrollbar-track {
    background: #fff !important;
    border-radius: 10px;
    box-shadow: inset 0 0 5px grey;
}

/* Handle */
.purple-scrollbar::-webkit-scrollbar-thumb {
    background: #25125d !important;
    border-radius: 10px;
}

/* Handle on hover */
.purple-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #250485 !important;
}

.subscription-card .card-title{
    font-size: 1.5rem;
}
.subscription-card .package-status{
    font-size: 1rem !important;
}
.subscription-card .package-status.active, .subscription-card .recurring-status.active{
    color: #2DCDB2;
}
.subscription-card .package-status.inactive{
    color: #EF5D39;
}
.subscription-card .package-status.canceled{
    color: #f31414 !important;
}
.subscription-card .payment-method, .subscription-card .next-renewal{
    color: #FEDC53;
}
.wallet-balance{
    margin-top: 15px;
}
.balance{
    color: #FEDC53;
}
.subscription-card .change-renewal-button, .subscription-card .upgrade-button, .subscription-card .downgrade-button{
    background: #A89FBF;
    border-radius: 20px;
    color: #161a25;
    border: none;
    box-shadow: none !important;
    outline: none;
    padding: 0.75rem 2rem;
    font-weight: bold;
    font-size: 15px;
}
.register-card .change-renewal-button{
    background: #F7A74A;
    color: #fff;
}
.subscription-card .upgrade-button{
   background: #3AB94E !important;
}
.subscription-card .downgrade-button{
    background: #AAB93A !important;
}
.package-modal{
    background: #161a25;
    border: none;
    border-top: 20px solid #A89FBF;
    border-bottom: 20px solid #A89FBF;
    border-radius: 10px;
}

.form-check-input:checked{
    background-image: url("../img/radio.svg") !important;
    background-color: transparent;
    border-color: transparent;
}
.form-check-input:focus{
    box-shadow: none;
}

.login-form{
    background-color: #332853;
    border-top: 22px solid #A89FBF;
    border-bottom: 22px solid #A89FBF;
    border-radius: 10px;
}

.styled-checkbox {
    position: absolute;
    opacity: 0;
}
.styled-checkbox + label {
    position: relative;
    cursor: pointer;
    padding: 0;
}
.styled-checkbox + label:before {
    content: "";
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
    background: #E6E6E6 !important;
}
.styled-checkbox:hover + label:before {
    background: #A89FBF;
}
.styled-checkbox:focus + label:before {
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}
.styled-checkbox:checked + label:before {
    background: #a89fbf;
}
.styled-checkbox:disabled + label {
    color: #b8b8b8;
    cursor: auto;
}
.styled-checkbox:disabled + label:before {
    box-shadow: none;
    background: #ddd;
}
.styled-checkbox:checked + label:after {
    content: "";
    position: absolute;
    left: 5px;
    top: 9px;
    background: #A3A3A3;
    width: 2px;
    height: 2px;
    box-shadow: 2px 0 0 #A3A3A3, 4px 0 0 #A3A3A3, 4px -2px 0 #A3A3A3, 4px -4px 0 #A3A3A3, 4px -6px 0 #A3A3A3, 4px -8px 0 #A3A3A3;
    transform: rotate(45deg);
}
#preloader{
    z-index: 99999;
}
.modal-open .bg-image-app{
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -o-filter: blur(10px);
    -ms-filter: blur(10px);
    filter: blur(10px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='4');
}
.modal-backdrop{
    background-color: #fff;
}
#info-modal .custom-modal-title{
    font-size: 1.1rem;
}
@media (min-width: 992px){
    #info-modal .modal-lg{
        max-width: 900px;
    }
}

.upgrade-downgrade-section{
    /*background-color: #282d3c; */
    border-radius: 10px
}
.wpwl-form-card{
    background-color: #161a25 !important;
}
.wpwl-control{
    color: #fff !important;
    background: #161a25 !important;
    border: 1px solid #707070 !important;
}
.wpwl-button{
    background-color: #3AB94E !important;
    border-color: #3AB94E !important;
    color: #161a25 !important;
    border-radius: 20px;
    font-size: 15px;
    min-width: 130px;
}
.switch-field {
    display: flex;
    margin-bottom: 36px;
    overflow: hidden;
}
.switch-field input {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden;
}

.switch-field label {
    background-color: #5e5085;
    color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
    line-height: 1;
    text-align: center;
    padding: 8px 16px;
    margin-right: -1px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
    transition: all 0.1s ease-in-out;
}

.switch-field label:hover {
    cursor: pointer;
}

.switch-field input:checked + label {
    background-color: #161a25;
    box-shadow: none;
}

.switch-field label:first-of-type {
    border-radius: 4px 0 0 4px;
}

.switch-field label:last-of-type {
    border-radius: 0 4px 4px 0;
}
.pagination .page-link{
    background-color: transparent !important;
    border: 1px solid var(--gray) !important;
    color: #838181;
}
.status-dot{
    height: 8px;
    width: 8px;
    border-radius: 50%;
    display: inline-block;
    margin-left: .5rem;
}
.status-online{
    background-color: var(--light-green);
}
.status-offline{
    background-color: var(--red);
}
#_form_1_ { font-size:14px; line-height:1.6; font-family:arial, helvetica, sans-serif; margin:0; }
#_form_1_ * { outline:0; }
._form_hide { display:none; visibility:hidden; }
._form_show { display:block; visibility:visible; }
#_form_1_._form-top { top:0; }
#_form_1_._form-bottom { bottom:0; }
#_form_1_._form-left { left:0; }
#_form_1_._form-right { right:0; }
#_form_1_ input[type="text"],#_form_1_ input[type="date"],#_form_1_ textarea { background: #E6E6E6; color: #A3A3A3 !important; border-radius: 0; box-shadow: inset 0 3px 6px 0 rgba(0, 0, 0, 0.16); width: 100%; padding: .375rem .75rem !important; font-size: 1rem; font-weight: 400; line-height: 1.5; border: 1px solid #ced4da; appearance: none; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
#_form_1_ textarea { resize:none; }
#_form_1_ ._submit { -webkit-appearance:none; cursor:pointer; font-family:arial, sans-serif; text-align:center; border:0 !important; -moz-border-radius:4px !important; -webkit-border-radius:4px !important;background: #FFFFFF !important;color: #F79800 !important;border-radius: 0 !important;width: 100%;text-transform: uppercase;font-size: 1rem;padding: .375rem .75rem !important;}
#_form_1_ ._close-icon { cursor:pointer; background-image:url('https://d226aj4ao1t61q.cloudfront.net/esfkyjh1u_forms-close-dark.png'); background-repeat:no-repeat; background-size:14.2px 14.2px; position:absolute; display:block; top:11px; right:9px; overflow:hidden; width:16.2px; height:16.2px; }
#_form_1_ ._close-icon:before { position:relative; }
#_form_1_ ._form-body { margin-bottom:30px; }
#_form_1_ ._form-image-left { width:150px; float:left; }
#_form_1_ ._form-content-right { margin-left:164px; }
#_form_1_ ._form-branding { display: none }
#_form_1_ .form-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); border:0; }
#_form_1_ ._form-label,#_form_1_ ._form_element ._form-label { font-weight:bold; margin-bottom:5px; display:block; color: #fff}
#_form_1_._dark ._form-branding { color:#333; }
#_form_1_._dark ._form-branding ._logo { background-image:url('https://d226aj4ao1t61q.cloudfront.net/jftq2c8s_aclogo_dk.png'); }
#_form_1_ ._form_element { position:relative; margin-bottom:10px; font-size:0; max-width:100%; }
#_form_1_ ._form_element * { font-size:14px; }
#_form_1_ ._form_element._clear { clear:both; width:100%; float:none; }
#_form_1_ ._form_element._clear:after { clear:left; }
#_form_1_ ._form_element input[type="text"],#_form_1_ ._form_element input[type="date"],#_form_1_ ._form_element select,#_form_1_ ._form_element textarea:not(.g-recaptcha-response) { display:block; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-family:inherit; }
#_form_1_ ._field-wrapper { position:relative; }
#_form_1_ ._inline-style { float:left; }
#_form_1_ ._inline-style:not(._clear) + ._inline-style:not(._clear) { margin-left:20px; }
#_form_1_ ._form_element img._form-image { max-width:100%; }
#_form_1_ ._form_element ._form-fieldset { border:0; padding:0.01em 0 0 0; margin:0; min-width:0; }
#_form_1_ ._clear-element { clear:left; }
#_form_1_ ._full_width { width:100%; }
#_form_1_ ._form_full_field { display:block; width:100%; margin-bottom:10px; }
#_form_1_ input[type="text"]._has_error,#_form_1_ textarea._has_error { border:#f37c7b 1px solid; }
#_form_1_ input[type="checkbox"]._has_error { outline:#f37c7b 1px solid; }
#_form_1_ ._error { display:block; position:absolute; font-size:14px; z-index:10000001; }
#_form_1_ ._error._above { padding-bottom:4px; bottom:39px; right:0; }
#_form_1_ ._error._below { padding-top:4px; top:100%; right:0; }
#_form_1_ ._error._above ._error-arrow { bottom:0; right:15px; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #f37c7b; }
#_form_1_ ._error._below ._error-arrow { top:0; right:15px; border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:5px solid #f37c7b; }
#_form_1_ ._error-inner { padding:8px 12px; background-color:#f37c7b; font-size:14px; font-family:arial, sans-serif; color:#fff; text-align:center; text-decoration:none; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
#_form_1_ ._error-inner._form_error { margin-bottom:5px; text-align:left; }
#_form_1_ ._button-wrapper ._error-inner._form_error { position:static; }
#_form_1_ ._error-inner._no_arrow { margin-bottom:10px; }
#_form_1_ ._error-arrow { position:absolute; width:0; height:0; }
#_form_1_ ._error-html { margin-bottom:10px; }
.pika-single { z-index:10000001 !important; }
#_form_1_ input[type="text"].datetime_date { width:69%; display:inline; }
#_form_1_ select.datetime_time { width:29%; display:inline; height:32px; }
@media all and (min-width:320px) and (max-width:667px) { ::-webkit-scrollbar { display:none; }
    #_form_1_ { margin:0; width:100%; min-width:100%; max-width:100%; box-sizing:border-box; }
    #_form_1_ * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-size:1em; }
    #_form_1_ ._form-content { margin:0; width:100%; }
    #_form_1_ ._form-inner { display:block; min-width:100%; }
    #_form_1_ ._form-title,#_form_1_ ._inline-style { margin-top:0; margin-right:0; margin-left:0; }
    #_form_1_ ._form-title { font-size:1.2em; }
    #_form_1_ ._form_element { margin:0 0 20px; padding:0; width:100%; }
    #_form_1_ ._form-element,#_form_1_ ._inline-style,#_form_1_ input[type="text"],#_form_1_ label,#_form_1_ p,#_form_1_ textarea:not(.g-recaptcha-response) { float:none; display:block; width:100%; }
    #_form_1_ ._row._checkbox-radio label { display:inline; }
    #_form_1_ ._row,#_form_1_ p,#_form_1_ label { margin-bottom:0.7em; width:100%; }
    #_form_1_ ._row input[type="checkbox"],#_form_1_ ._row input[type="radio"] { margin:0 !important; vertical-align:middle !important; }
    #_form_1_ ._row input[type="checkbox"] + span label { display:inline; }
    #_form_1_ ._row span label { margin:0 !important; width:initial !important; vertical-align:middle !important; }
    #_form_1_ ._form-image { max-width:100%; height:auto !important; }
    #_form_1_ input[type="text"] { padding-left:10px; padding-right:10px; font-size:16px; line-height:1.3em; -webkit-appearance:none; }
    #_form_1_ input[type="radio"],#_form_1_ input[type="checkbox"] { display:inline-block; width:1.3em; height:1.3em; font-size:1em; margin:0 0.3em 0 0; vertical-align:baseline; }
    #_form_1_ button[type="submit"] { padding:20px; font-size:1em; }
    #_form_1_ ._inline-style { margin:auto 0 0 !important; }
}
#_form_1_ { position:relative; text-align:left; margin:25px auto 0; padding:20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; *zoom:1; background:transparent !important; border:0px solid #b0b0b0 !important; -moz-border-radius:0px !important; -webkit-border-radius:0px !important; border-radius:0px !important; color:#000 !important; }
#_form_1_._inline-form ._form-content{display: flex !important; justify-content: center !important;}
#_form_1_._inline-form,#_form_1_._inline-form ._form-content,#_form_1_._inline-form input,#_form_1_._inline-form ._submit { font-family:"IBM Plex Sans", Helvetica, sans-serif, 'IBM Plex Sans', arial, sans-serif; }
#_form_1_ ._form-title { font-size:22px; line-height:22px; font-weight:600; margin-bottom:0; }
#_form_1_:before,#_form_1_:after { content:" "; display:table; }
#_form_1_:after { clear:both; }
#_form_1_._inline-style { width:100%; display:inline-block; }
#_form_1_._inline-style input[type="text"],#_form_1_._inline-style input[type="date"] { padding:10px 12px; }
#_form_1_._inline-style button._inline-style { position:relative; top:27px; }
#_form_1_._inline-style p { margin:0; }
#_form_1_._inline-style ._button-wrapper { position:relative; margin:27px 12.5px 0 20px; }
#_form_1_ ._form-thank-you { position:relative; left:0; right:0; text-align:center; font-size:18px; }
.svg-section{
    text-align: -webkit-center !important;
}
.alert-list{
    list-style: none;
    counter-reset: numberss;
    padding-left: 0;
    max-height: 575px;
    overflow-y: auto;
    background: #272727;
}
.alert-list li{
    position: relative;
    line-height: 1.2;
    padding: 0.5rem 0 0.5rem 60px;
}

.alert-list li::before {
    counter-increment: numberss;
    content: counter(numberss);
    position: absolute;
    left: 0;
    top: 60%;
    font-size: 0.875rem;
    font-style: italic;
    line-height: 1.5;
    width: 47px;
    height: 47px;
    background-image: url('../img/alert-number.svg');
    background-repeat: no-repeat;
    background-position: center top;
    color: #707070 !important;
    text-align: center;
    padding: 7px;
    border-radius: 50%;
    font-weight: 400;
    transform: translateY(-50%);
}
#twoFaConfirmModal{
    background: rgba(255,255,255,0.5);
}
.credential-cards .btn{
    background: none;
    padding: 0;
    border: 0;
    outline: none;
    position: absolute;
    bottom: 15px;
    right: 15px;
}
.credential-cards .card-title{
    position: absolute;
    bottom: 10px;
}
.credential-modal .btn-close{
    background-image: url("../img/modal-close-icon.svg");
    background-size: 3em;
}
.credential-modal .modal-content{
    background-color: #353535;
    border-radius: 1.5rem;
}
.connect-wallet-title{
    color: #36D121;
    font-size: 1.25rem;
}
.get-coin{
    color: #CECECE;
}
@media (max-width: 768px) {
    .wizard-section{
        padding: 45px 0.5rem !important;
    }
    .sw>.nav{
        flex-direction: row!important;
    }
    .sw-theme-dots>.nav .nav-link::before{
        width: 60px !important;
        height: 60px !important;
        top: -55px !important;
    }
    .sw-theme-dots>.nav .nav-link .step-title{
        display: none;
    }
    .sw-theme-dots>.nav::before{
        display: none;
    }
    .sw-theme-dots>.nav li:nth-child(2) .nav-link::before {
        margin-left: 5%;
    }
    .sw-theme-dots>.nav li:nth-child(3) .nav-link::before {
        margin-left: 10%;
        margin-right: auto;
    }
    .sw-theme-dots>.nav li:last-child .nav-link::before{
        margin-right: 0 !important;
    }
    .sw-theme-dots>.nav li:first-child .nav-link::after{
        left: 70%;
    }
    .sw-theme-dots>.nav li:nth-child(2) .nav-link::after{
        margin-left: 20%;
    }
    .sw-theme-dots>.nav li:nth-child(3) .nav-link::after {
        margin-right: 17%;
    }
    .sw-theme-dots>.nav li:last-child .nav-link::after{
        margin-right: 35% !important;
    }
    .sw-theme-dots>.nav .nav-link::after{
        top: -60px !important;
    }
    .sw .toolbar{
        padding: 0.8rem 0;
    }
}
.sw-theme-dots>.nav .nav-link::after{
    display: none !important;
}
.form__group {
    margin: 10px 0 0;
}
.form__group--error.form__pincode > input {
    background-color: #eb3b3b;
}
.form__group--error.form__pincode > input[disabled] {
    background-color: #eb3b3b;
    color: #fff;
    opacity: 1;
}
.form__group--success.form__pincode > input {
    background-color: #32c832;
}
.form__group--success.form__pincode > input[disabled] {
    background-color: #32c832;
    color: #fff;
    opacity: 1;
}
.form__pincode {
    display: block;
    width: 100%;
    margin: 10px auto 20px;
    padding: 0;
}
.form__pincode:before,
.form__pincode:after {
    display: table;
    content: '';
}
.form__pincode:after {
    clear: both;
}
.form__pincode > label {
    display: block;
    text-align: center;
    margin: 10px 0;
}
.form__pincode > input[type="number"] {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}
.form__pincode > input {
    display: inline-block;
    float: left;
    width: 15%;
    height: 50px;
    line-height: 48px;
    text-align: center;
    font-size: 2em;
    color: #181819;
    border: 0;
    border-bottom: 2px solid rgba(0,0,0,0.3);
    border-radius: 2px 2px 0 0;
    transition: background-color 0.3s, color 0.3s, opacity 0.3s;
    cursor: default;
    user-select: none;
    margin: 0;
    margin-top: 10px;
    margin-right: 2%;
    padding: 0;
}
.form__pincode > input:focus {
    outline: 0;
    box-shadow: none;
    border-color: #1486f0;
    animation: border-pulsate 1.5s infinite;
    -webkit-tap-highlight-color: transparent;
}
.form__pincode > input:last-child {
    margin-right: 0;
}
.form__pincode > input[disabled] {
    background: #eee;
    opacity: 1;
}
.form__buttons {
    text-align: center;
    margin: 0 auto;
    padding: 10px 0 0;
}

/* Placeholder
   ============================================== */
/* Chrome/Opera/Safari */
::-webkit-input-placeholder {
    color: inherit;
    opacity: 0.7;
}
/* Firefox 19+ */
::-moz-placeholder {
    color: inherit;
    opacity: 0.7;
}
/* IE 10+ */
:-ms-input-placeholder {
    color: inherit;
    opacity: 0.7;
}
/* Firefox 18- */
:-moz-placeholder {
    color: inherit;
    opacity: 0.7;
}
/* Animations
   ============================================== */
@-moz-keyframes border-pulsate {
    0% {
        border-color: #1486f0;
    }
    50% {
        border-color: rgba(0,0,0,0.3);
    }
    100% {
        border-color: #1486f0;
    }
}
@-webkit-keyframes border-pulsate {
    0% {
        border-color: #1486f0;
    }
    50% {
        border-color: rgba(0,0,0,0.3);
    }
    100% {
        border-color: #1486f0;
    }
}
@-o-keyframes border-pulsate {
    0% {
        border-color: #1486f0;
    }
    50% {
        border-color: rgba(0,0,0,0.3);
    }
    100% {
        border-color: #1486f0;
    }
}
@keyframes border-pulsate {
    0% {
        border-color: #1486f0;
    }
    50% {
        border-color: rgba(0,0,0,0.3);
    }
    100% {
        border-color: #1486f0;
    }
}
.disabled-link{
    cursor: not-allowed;
    opacity: 0.5;
}

.glossary-keyword-wrapper .title,
.glossary-wrapper .title{
    text-align: left;
    font-weight: 800;
    font-size: 42px;
    font-family: Raleway, serif;
    letter-spacing: 2.1px;
    color: #707070;
    opacity: 1;
    text-transform: uppercase;
    padding-bottom: 48px;
    margin-bottom: 0;
}
.glossary-keyword-wrapper .title{
    text-transform: capitalize;
}
.glossary-wrapper .sub-title{
    text-align: left;
    font-weight: 700;
    font-size: 30px;
    font-family: Raleway, serif;
    letter-spacing: 1.6px;
    color: #707070;
    opacity: 1;
    padding-bottom: 20px;
}
.glossary-wrapper .glossary-description:first-child{
    padding-bottom: 20px;
}
.glossary-keyword-wrapper .glossary-description,
.glossary-wrapper .glossary-description{
    margin-bottom: 0;
    text-align: left;
    font-weight: normal;
    font-size: 23px;
    line-height: 25px;
    font-family: Raleway, serif;
    color: #707070;
}
.glossary-wrapper .letters-tabs{
    margin-top: 90px;
}
.glossary-wrapper .tab-container{
    width: 100%;
}
.glossary-wrapper .tab-menu ul{
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 65px;
}
.glossary-wrapper .tab-menu ul li{
    list-style-type: none;
    display: inline-block;
    margin-bottom: 32px;
    margin-left: 30px;
    margin-right: 30px;
}
.glossary-wrapper .tab-menu ul li a{
    background: #CCCCCC 0% 0% no-repeat padding-box;
    opacity: 1;
    border-radius: 50px;
    height: 70px;
    width: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 34px;
    font-family: Raleway, serif;
    color: #FFFFFF;
    text-decoration: none;
    pointer-events: none;
}
.glossary-wrapper .tab-menu ul li a.exist{
    background: #F79800 0 0 no-repeat padding-box;
    opacity: 1;
    pointer-events: unset;
    cursor: pointer;
}
.glossary-wrapper .tab .words{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}
.glossary-wrapper .tab{
    border-top: 5px solid #E6E6E6;
    padding-top: 50px;
    padding-bottom: 15px;
}
.glossary-wrapper .tab.tab-active{
    display: block;
}
.glossary-wrapper .tab .table-title{
    background: #F79800 0% 0% no-repeat padding-box;
    opacity: 1;
    border-radius: 50px;
    height: 87px;
    width: 87px;
    color: #FFFFFF;
    font-size: 42px;
    font-family: Raleway, serif;
    font-weight: bold;
    margin: 0 auto 25px;
    text-align: center;
    line-height: 87px;
}
.glossary-wrapper .tab a{
    font-weight: 600;
    font-size: 24px;
    font-family: Raleway, serif;
    letter-spacing: 1.2px;
    color: #A3A3A3;
    opacity: 1;
    margin-bottom: 45px;
    text-decoration: none;
    cursor: pointer;
}
.glossary-keyword-wrapper .back-to-glossary-row{
    margin-top: 60px;
}
.glossary-keyword-wrapper .back-to-glossary{
    text-align: left;
    font-weight: bold;
    font-size: 24px;
    font-family: Raleway, serif;
    letter-spacing: 1.2px;
    color: #F79800;
    opacity: 1;
    text-decoration: none;
}

/*references*/
.references-wrapper .title{
    text-align: left;
    font-weight: 800;
    font-size: 42px;
    font-family: Raleway, serif;
    letter-spacing: 2.1px;
    color: #707070;
    opacity: 1;
    padding-bottom: 48px;
    margin-bottom: 0;
}
.references-wrapper .avatar{
    display: flex;
    flex-direction: column;
    position: relative;
}
.references-wrapper .avatar .img-group{
    position: relative;
    height: 400px;
    width: 390px;
}
.references-wrapper .avatar img{
    width: 375px;
    height: 375px;
    object-fit: cover;
    object-position: center;
    border-radius: 100%;
}
.references-wrapper .avatar img.gold-package{
    position: absolute;
    height: 121px;
    width: 121px;
    right: 0px;
    bottom: 0px;
}
.references-wrapper .avatar h4{
    margin-bottom: 0;
    text-align: center;
    font-weight: 800;
    font-size: 24px;
    font-family: Raleway, serif;
    letter-spacing: 1.2px;
    color: #E0AF2C;
    opacity: 1;
    margin-top: 5px;
}
.references-wrapper .description p{
    text-align: center;
    font-style: italic;
    font-weight: bold;
    font-size: 26px;
    font-family: Raleway, serif;
    letter-spacing: 1.4px;
    color: #A3A3A3;
    opacity: 1;
}
.references-wrapper .second-description{
    margin-top: 60px;
    padding: 65px 0 32px;
    background: #ffffff;
}
.references-wrapper .second-description p{
    padding: 0;
    text-align: left;
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    font-family: Raleway, serif;
    letter-spacing: 1.2px;
    color: #707070;
    opacity: 1;
    line-height: 27px;
}
.references-wrapper .dividing-line{
    height: 37px;
    background: #E6E6E6;
}
.references-wrapper .rating{
    padding: 60px 0;
}
.references-wrapper .content-references{
    padding: 60px 0;
    text-align: left;
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    font-family: Raleway, serif;
    letter-spacing: 1.2px;
    color: #707070;
    opacity: 1;
    line-height: 27px;
}

.content-references a {
    color: #F79800!important;
}

.references-wrapper .second-description p.font-bold {
    font-weight: bold;
}
.references-wrapper .rating .top,.references-wrapper .rating .stars-block{
    padding: 40px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 30px;
    opacity: 1;
    margin: 8px;
}

.references-wrapper .rating h5{
    text-align: left;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    font-family: Raleway, serif;
    letter-spacing: 1.2px;
    color: #707070;
    opacity: 1;
    margin: 0;
    padding-bottom: 30px;
}
.references-wrapper .rating .main-text{
    background: #F8F8F8 0% 0% no-repeat padding-box;
    border-radius: 25px;
    padding: 50px 0;
    text-align: center;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    font-family: Raleway, serif;
    letter-spacing: 1.2px;
    color: #F79800;
    opacity: 1;
}

.references-wrapper .rating .main-text .stars.references_1{
    padding-top: 15px;
}
.references-wrapper .rating .main-text .stars img{
    width: 37px;
}

.glossary-add-letter-modal{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    max-width: 850px;
    z-index: 10;
}
.add-glossary-wrapper .add-letter-button{
    display: inline-block;
    color: #fff;
    text-align: right;
    cursor: pointer;
    font-size: 14px;
    padding: 5px 15px;
    background: #707070;
    border-radius: 5px;
    float: right;
    margin-bottom: 20px;

}
.add-glossary-overlay{
    position: fixed;
    background: #1211119c;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9;
    display: none;
}
.close-add-letter-modal{
    display: inline-block;
    font-size: 29px;
    position: absolute;
    right: 18px;
    top: -23px;
    text-align: center;
    line-height: 20px;
    border-radius: 50px;
    cursor: pointer;
}

#dropdown-layouts{
    display: none;
    left: 100%;
    top: 7px;
    padding: 0;
    width: 200px;
}
#dropdown-layouts li{
    border-bottom: 1px solid #cfcfcf;
}
#dropdown-layouts li:last-child{
    border-bottom: none;
}
li.resource-nav-item{
    position: relative;
}
li.resource-nav-item:hover > ul {
    display: block!important;
}


.link-color {
    color: #F79800;
}

.resources-page {
    padding-bottom: 100px;
}

.resources-box {
    display: flex;
    background-color: #fff;
    padding: 40px 24px;
    min-height: 370px;
    height: 100%;
    border-radius: 5px;
}


.resources-box .img-group{
    position: relative;
    height: 184px;
    margin-right: 50px;
}
.resources-box .img-group .avatar-img{
    width: 184px;
    height: 184px;
    object-fit: cover;
    object-position: center;
    border-radius: 100%;
}
.resources-box .img-group .gold-package{
    position: absolute;
    height: 60px;
    width: 60px;
    right: -10px;
    bottom: -10px;
}

.resources-box .description-element p {
    font-size: 1.25rem;
    font-weight: bold;
    color: #707070;
}

.resources-box .description-element h3 {
    font-size: 1.5rem;
}

.top-nav {
    z-index: 1031!important;
    background-color: #4B4B4B;
}

.navbar.main-nav {
    top: 30px;
}

.top-nav .nav-link {
    color: #F8F8F8!important;
    font-weight: 500;
    margin: 0 21px;
    padding: 0.2rem 1rem;
    font-size: 1rem;
}
.top-nav .dropdown-menu .nav-link{
    color: #707070!important;
}
.top-nav .lang-drop .dropdown-toggle:after {
    content: none;
}

body.open {
    overflow: hidden;
}

.navbar-light .navbar-toggler {
    border-color:transparent!important;
    color: #fff!important;
    height: 30px;
    display: flex;
    flex-direction: column;
}

.b-bun {
    background: #707070;
    position: relative;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    height: 2px;
    width: 25px;

}

.navbar-toggler .b-bun--top {
    top: 0;
}

.navbar-toggler .b-bun--mid {
    top: 8px;
}
.navbar-toggler .b-bun--bottom {
    top: 16px;

}

.navbar-toggler.open .b-bun--top {
    background: #707070;
    top: 9px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.navbar-toggler.open .b-bun--mid {
    opacity: 0;
}

.navbar-toggler.open .b-bun--bottom {
    background: #707070;
    top: 5px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

@media screen and (max-width: 1760px) {
    #dropdown-layouts {
        left: auto;
        right: 100%;
        top: 12px;
    }
}

#step-1{
    min-height: 330px
}
#step-2{
    min-height: 200px
}

.crypto-trading{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    opacity: 1;
    padding: 98px 0;
}
.crypto-trading h3{
    letter-spacing: 2.25px;
    color: #F79800;
    opacity: 1;
    text-align: center;
    font-family: Raleway;
    font-size: 45px;
    font-weight: 600;
    padding-bottom: 30px;
}
.crypto-trading p{
    color: #707070;
    text-align: left;
    font-family: Raleway;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 0.8px;
}
.crypto-trading p.text-important{
    text-align: left;
    font-family: Raleway;
    font-size: 20px;
    font-weight: bold;
}
.crypto-trading a{
    background: #F79800 0% 0% no-repeat padding-box;
    opacity: 1;
    text-align: center;
    color: #FFFFFF;
    font-family: Raleway;
    font-size: 20px;
    font-weight: normal;
    padding: 9px 20px;
    text-decoration: none;
    border-radius: 12px;
    display: inline-block;
}
.crypto-trading a:hover{
    color: #FFFFFF;
}

/*section traders*/
.traders{
    background: #f9f9f9 0% 0% no-repeat padding-box;
    box-shadow: inset 1px 0px 20px 0px #00000029;
    opacity: 1;
    padding: 120px 0;
}
.traders h3, .traders h4{
    letter-spacing: 1.8px;
    color: #F79800;
    opacity: 1;
    text-align: center;
    font-family: Raleway;
    font-size: 45px;
    font-weight: 600;
}
.traders h4{
    font-size: 36px;
    padding-bottom: 25px;
    font-weight: 600;
}
.traders p{
    color: #707070;
    text-align: center;
    font-family: Raleway;
    font-size: 20px;
    letter-spacing: 0.8px;
    font-weight: 400;
}
.traders h5{
    letter-spacing: 1.25px;
    color: #F79800;
    opacity: 1;
    text-align: center;
    font-family: Raleway;
    font-size: 25px;
    font-weight: 600;
    padding-top: 25px;
}

/*section trading beginners*/
.trading_beginners{
    background: #f9f9f9 0% 0% no-repeat padding-box;
    opacity: 1;
    padding: 115px 0;
}
.trading_beginners .carousel-inner{
    text-align: center;
}
.trading_beginners .carousel-control-prev-icon,
.trading_beginners .carousel-control-next-icon{
    width: 65px!important;
    height: 65px!important;
}
.trading_beginners .carousel-control-next,
.trading_beginners .carousel-control-prev{
    filter: grayscale(28%) brightness(0%) saturate(86%) opacity(98%) contrast(52%);
    -webkit-filter: grayscale(28%) brightness(0%) saturate(86%) opacity(98%) contrast(52%);
    -moz-filter: grayscale(28%) brightness(0%) saturate(86%) opacity(98%) contrast(52%);
}
.trading_beginners h3{
    letter-spacing: 1.8px;
    color: #F79800;
    opacity: 1;
    text-align: center;
    font-family: Raleway;
    font-size: 45px;
    font-weight: 600;
}
.trading_beginners h5{
    letter-spacing: 1px;
    color: #707070;
    opacity: 1;
    text-align: center;
    font-family: Raleway;
    font-size: 20px;
    font-weight: normal;
}
.trading_beginners #carouselExampleControls{
    margin-top: 95px;
}
.trading_beginners .carousel-item p{
    text-align: center;
    letter-spacing: 0.8px;
    color: #707070;
    font-size: 25px;
    font-weight: 600;
    opacity: 1;
}
.trading_beginners .carousel-item span{
    letter-spacing: 3.2px;
    color: #707070;
    font-size: 64px;
    font-weight: 600;
    padding-bottom: 10px;
}
.trading_beginners .carousel-inner{
    width: 60%;
    margin: 0 auto;
    height: 220px;
}
.carousel-control-prev-icon {
    background-image: url("/images/carusel-icon.svg") !important;
    transform: rotate(
        180deg
    );
}

.carousel-control-next-icon {
    background-image: url("/images/carusel-icon.svg") !important;
}

/*section trading advantages*/
.trading_advantages section{
    background: #f9f9f9 0% 0% no-repeat padding-box;
    box-shadow: inset 0px 20px 20px 0px #0000000a;
    opacity: 1;
    padding: 110px 0 0 0;
}
.trading_advantages{
    background: #ffffff 0% 0% no-repeat padding-box;
}
.trading_advantages h3{
    letter-spacing: 1.8px;
    color: #F79800;
    opacity: 1;
    text-align: center;
    font-family: Raleway;
    font-size: 45px;
    font-weight: 600;
}
.trading_advantages .trading-advantages-description{
    padding-bottom: 50px;
    padding-top: 15px;
}

.trading_advantages p{
    color: #707070;
    text-align: center;
    font-family: Raleway;
    font-size: 20px;
    letter-spacing: 0.8px;
    font-weight: 400;
}
.trading_advantages .items p{
    text-align: left;
}
.trading_advantages .items h4{
    letter-spacing: 1.3px;
    color: #F79800;
    opacity: 1;
    text-align: left;
    font-family: Raleway;
    font-size: 26px;
    font-weight: 600;
    padding-top: 105px;
}

.ref-count, .all-discount{
    background-color: #33ab23;
    padding: 0px 5px;
    border-radius: 5px;
}
.goldPackageMessage{
    color: #E0AF2C;
}
#modalGoldPackages{
    top: 100px;
}
.modalGoldPackageSuccessMessage{
    display: none;
}
.form-control.userEmail:focus{
    box-shadow: none;
}
.downgrade-requests thead tr{
    border-bottom: 1px solid #707070;
    font-size: 14px;
}
.downgrade-requests .plan-silver{
    color: #fffffc;
}
.downgrade-requests .plan-gold{
    color: #d69a2d;
}
.downgrade-requests .plan-bronze{
    color: #a95920;
}
.customer-dashboard .trademania img{
    width: 220px;
    margin: 0 auto;
}
.customer-dashboard .trademania{
    font-size: 18px;
    letter-spacing: 2px;

}
.customer-dashboard{
    display: flex;
    justify-content: center;
    padding-top: 40px;
}
.customer-dashboard h1{
    font-size: 20px;
    padding-bottom: 20px;
}
.text-light-orange{
    color: var(--new-orange) !important;
}