/*Dekstop & Laptop Styles (min-width: 1200px)*/
@media (min-width: 1200px) {
    /* General Classes */

    .custom-container {
        max-width: 1320px;
    }

    /* HEADER */
    .header {
        position: absolute;
        z-index: 99;
        width: 100%
    }

    .header-top {
        padding: 20px 0;
    }

    .sticky-header .top-extra {
        justify-content: end;
        display: flex;
        align-items: center;
    }

    .sticky-header.header-scrolled .top-extra {
        display: none
    }

    .top-extra a {
        color: #00cf99;
        font-weight: 600;
        font-size: 14px;
        margin-left: 1.5rem
    }

        .top-extra a:hover {
            color: #14262e
        }

    .navbar-toggler {
        display: none
    }

    .header-scrolled .navbar {
        border: none
    }

    .navbar {
        /*        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start;*/
        border-bottom: 1px solid #b5b5b5;
        padding: 0.5rem 0;
    }

    .navbar-expand-xl .navbar-collapse {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        /*flex-basis: auto;*/
    }

    .navbar-expand-xl .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row;
    }

    /*    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: 1rem;
        padding-left: 1rem;
    }*/

    .navbar-nav {
        margin: auto;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-top: 0
    }

    .headerDropdown {
        border: none;
        border-radius: 20px;
        margin-top: 20px
    }

    /*        .culture .dropdown-item:first-of-type {
            margin-top: 10px
        }

        .culture .dropdown-item:last-of-type {
            margin-bottom: 10px
        }*/


    /*    .culture .dropdown-item:hover {
        background: #14262e;
        color: #020349
    }*/

    /*    .dropdown-submenu:hover > .dropdown-menu {
        display: block
    }
*/
    /*    .dropSub {
        margin-top: 0 !important;
        padding: 7px 10px
    }*/

    .dropdown-menu li:first-of-type {
        margin-top: 10px
    }

    /* mobile ends */

    .navMenu {
        margin: auto
    }

    .dropdown {
        float: left;
        /*        padding-left: 0.25rem
*/
    }


    .nav-link {
        font-weight: 600;
        /*        padding-left: .7rem;
        padding-right: .7rem;*/
        font-size: 14px;
        color: #14262e
    }

        .nav-link:hover {
            /*opacity: .7;*/
            color: #00cf99
        }

        .nav-link.first {
            padding-left: 0
        }

    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute;
    }

    /*    .navMenu .dropdown-submenu > .dropdown-menu {
        position: relative;
        display: block;
        top: 0;
        border: none;
        box-shadow: none
    }*/

    .navMenu .nav-link.last {
        padding-right: 0
    }

    /*    .navExtra {
        display: flex;
        align-items: center;
    }*/

    .culture {
        padding-left: 15px;
        margin-bottom: 0
    }

        .culture .dropdown-toggle {
            color: #00cf99;
            font-weight: 600;
            padding-left: 15px;
            min-height: 41px;
            display: flex;
            place-items: center;
        }

        .culture .dropdown {
            border-left: 1px solid #b5b5b5;
        }


    /*    .flag {
        margin-right: 10px;
        width: 22px;
        height: 22px
    }*/

    /* HEADER */

    /*DARK HEADER*/

    .darkHeader .header-scrolled .btn-outline-white {
        border: 1.5px solid #14262e;
        color: #14262e
    }

        .darkHeader .header-scrolled .btn-outline-white:hover {
            background: #14262e;
            text-decoration: none;
            border: 1.5px solid #14262e;
            color: #FFF !important;
            /*transform:none*/
        }


    .darkHeader .top-extra a:hover, .darkHeader .culture a:hover {
        color: #FFF
    }

    .darkHeader .nav-link:hover {
        color: #00cf99
    }

    .darkHeader .desktop-menu {
        border-bottom: 1px solid #ffffff7d
    }

    .darkHeader .nav-link {
        color: #FFF
    }

    .darkHeader > .header-scrolled .nav-link {
        color: #14262e
    }

        .darkHeader > .header-scrolled .nav-link:hover {
            color: #00cf99
        }

    .breadcrumbs.green-gradient {
        background: linear-gradient(0deg, #14262e, #060606);
        padding: 205px 0 140px 0;
        min-height: 521px;
        margin-top: 0
    }

        .breadcrumbs.green-gradient .title, .breadcrumbs.green-gradient .desc {
            color: #FFF;
        }

    .breadcrumbs.trading-hours {
        background-image: url("/img/wp.png"),linear-gradient(0deg, #14262e, #060606);
        padding: 155px 0 140px 0;
        min-height: 865px;
        margin-top: 0;
        background-blend-mode: normal;
    }

        .breadcrumbs.trading-hours .title, .breadcrumbs.trading-hours .desc {
            color: #FFF;
        }

    .breadcrumbs.account {
        background: linear-gradient(0deg, #14262e, #060606);
        padding: 255px 0 140px 0;
        margin-top: -100px
    }

        .breadcrumbs.account .title, .breadcrumbs.account .desc {
            color: #FFF;
        }
    /* breadcrumbs */

    .breadcrumbs {
        padding: 40px 0 80px 0;
        margin-top: 115px;
    }

    .document {
        padding: 40px 0 80px 0;
        margin-top: 115px;
    }

    /*        .breadcrumbs .title {
            font-weight: 600;
            font-size: 34px;
            color: #2C3139;
            line-height: 1.2;
            text-align: center;
            margin-bottom: 10px
        }

        .breadcrumbs .desc {
            font-weight: 500;
            font-size: 18px;
            color: #343a40;
            line-height: 1.2;
            text-align: justify;
            margin-bottom: 15px;
        }*/

    /* MAIN SLIDER */
    .mainSlideContainer {
        min-height: 625px;
        height: calc(100vh - 185px);
    }

    .mainSlider .item {
        height: calc(100vh - 185px);
        min-height: 625px;
        /*background-size: 100% 100% !important;*/
    }

    .mainSlideContainer .btn-green:hover {
        transform: scale(1) !important
    }

    .mainSlideContainer .slideImage {
        position: relative;
        margin-top: 0;
        display: flex;
        align-items: center;
        justify-content: flex-end
    }

        .mainSlideContainer .slideImage img {
            width: 90%
        }

    .mainSlider .owl-dots {
        position: relative;
        text-align: left;
        bottom: 100px;
        max-width: 1320px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 20px;
        margin-bottom: -27px
    }

    /* MAIN SLIDER */

    /* MARKET LIST */

    .market-list {
        margin-left: auto;
        margin-right: auto;
        max-width: 1304px;
        border-radius: 10px;
        background: #FFF;
        min-height: 230px
    }

    .market-content {
        display: flex;
        justify-content: space-between;
        margin-left: -26px;
        margin-right: -26px;
    }

    .market {
        position: relative;
        flex: 1;
        padding-left: 26px;
        padding-right: 26px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        /*        border-right: 1px solid #14262e6e
*/
    }

        .market:after {
            content: "";
            position: absolute;
            top: 12.5%;
            bottom: 0;
            right: 0;
            width: 1px;
            background-color: #14262e6e;
            height: 75%;
        }

        .market:last-child:after {
            display: none
        }

    /* GLOBAL BROKER */

    .global-broker {
        padding: 80px 0;
    }

        .global-broker .title {
            /*            font-weight: 600;
            font-size: 34px;*/
            color: #14262e;
            line-height: 1.2;
            text-align: center;
            margin-bottom: 20px;
        }

        .global-broker .desc {
            /*            font-weight: 400;
            font-size: 18px;*/
            color: #14262e;
            line-height: 1.2;
            text-align: justify;
            margin-bottom: 15px;
        }

    /* GLOBAL BROKER */

    /* MAIN OPEN ACCOUNT */
    .mainOpenAccount .sectionTitle .title {
        /*        font-weight: 700;
        font-size: 34px;*/
        color: #2C3139;
        line-height: 1.1;
        text-align: center;
        margin-bottom: 10px
    }

    /* ACCOUNTS - PAGES */

    .accounts, .promotions {
        padding: 80px 0;
        margin-top: -180px
    }

    /* ACCOUNTS - PAGES */
    .gradient-table {
        width: 100%
    }
}

/*Tablet & Mobile Styles (max-width: 1199px)*/
@media (max-width: 1199px) {
    /* General Classes */

    /* HEADER */

    /*    .desktopMenu {
        display: none !important
    }*/

    .navbar {
        flex-wrap: wrap;
        padding: 0
    }

    .navbar-collapse {
        order: 4;
    }

    .culture {
        order: 3
    }


    .navbar-nav {
        -ms-flex-direction: column;
        flex-direction: column;
    }


    .mainSlideContainer {
        height: 80vh;
        min-height: 625px;
        max-height: 800px;
    }

    .mobileMenu {
        display: flex !important;
        padding: 0 !important
    }

    .top-extra {
        display: none
    }

    .collapsed-bg {
        background: rgb(18, 55, 15,.25)
    }

    .desktop-menu {
        display: none
    }

    /* HEADER */

    /*    .navbar {
        padding: 0 !important
    }*/

    /*    .navbar-toggler-icon {
        left: 0;
        top: 15px
    }*/

    .fa-bars {
        color: #14262e;
        font-size: 25px
    }

    /*    .navbar-brand {
        margin-right: 0
    }*/

    .logo {
        width: 125px
    }

    /*    .account {
        display: flex
    }*/

    .account .btn-outline-white, .account .btn-green, .account .dark, .account .btn-outline-dark {
        width: 50%;
        text-align: center
    }

    .navbar-nav {
        margin-top: 20px
    }

        /*.header .navbar-nav .nav-item li {
            margin-left: 10px
        }*/

        .navbar-nav .nav-link.dropdown-toggle {
            font-weight: 600;
            margin: 10px 0;
            font-size: 13px;
            color: #14262e;
            margin-bottom: 5px;
            border-bottom: 1px solid #b5b5b5;
        }

        .navbar-nav .navbar li:hover, header.header .navbar-nav .navbar li:active {
            background: #FFF !important;
            border-radius: 40px;
            transition: all .3s ease-in-out
        }

        .navbar-nav .navbar li.show {
            background: #FFF !important;
            border-radius: 40px;
            transition: all .3s ease-in-out
        }

    .header-top {
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 9999;
        padding: 20px 0;
        /*border-bottom: 1px solid #364F91;*/
        min-height: 80px;
        /*box-shadow: rgba(2,123,254,.3) 0 7px 29px 0;*/
        background: #FFF
    }

    .culture {
        margin-bottom: 0
    }

        .culture .dropdown-toggle {
            font-weight: 600;
            color: #14262e
        }

    /*        .culture .dropdown-item:first-of-type {
            margin-top: 10px
        }

        .culture .dropdown-item:last-of-type {
            margin-bottom: 10px
        }*/

    /*        .culture .flag {
            width: 20px;
            height: 20px;
            margin-right: 10px
        }*/

    /*        .culture .dropdown-item:hover {
            background: #14262e;
            color: #020349;
            font-size: 15px
        }*/

    .navbar-nav .dropdown-menu {
        background: #FFF;
        border-radius: 10px;
        margin-bottom: 5px;
        box-shadow: none;
        border: none
    }

    .navbar-nav .dropdown-menu {
        /*        background: #091b4d;
*/ border-radius: 0
    }

    .navbar-nav .dropdown-menu {
        display: none
    }

        .navbar-nav .dropdown-menu.show {
            display: block
        }

    /*    .navbar-nav .dropdown-submenu {
        width: 100%;
        text-align: left;
        line-height: 25px;
        margin-left: 0
    }

        .navbar-nav .dropdown-submenu:first-of-type {
            margin-top: 10px
        }

        .navbar-nav .dropdown-submenu:last-of-type {
            margin-bottom: 10px
        }*/

    .navbar-nav .dropdown-item {
        color: #14262e;
        font-size: 13px;
        font-weight: 600;
        line-height: 30px;
        text-align: left;
        overflow: hidden;
        padding: 5px 20px
    }

        .navbar-nav .dropdown-item:hover {
            background: #14262e;
        }

        .navbar-nav .dropdown-item:hover, .navbar-nav .dropdown-item:active, .navbar-nav .dropdown-item:focus {
            background: #EBF0F6 !important;
            color: #020349 !important;
            font-size: 13px
        }

    .navbar-nav .navbar-nav .dropdown-item:active {
        color: #14262e !important;
        font-size: 13px;
        font-weight: 600;
        line-height: 30px;
        text-align: left;
        overflow: hidden;
        padding: 5px 15px
    }

    /*    .navbar-nav .dropdown-submenu {
        position: relative
    }

        .navbar-nav .dropdown-submenu > .dropdown-menu {
            top: 0;
            left: 100%;
            margin-top: 0;
            margin-left: 0
        }

        .navbar-nav .dropdown-submenu dropdown-item.last {
            padding-right: 0
        }

        .navbar-nav .dropdown-submenu > .dropdown-menu li {
            border-bottom: 1px solid #b5b5b5
        }*/

    /* MAIN SLIDER */

    .mainSlideContainer {
        height: 80vh;
        min-height: 625px;
        max-height: 800px;
    }

    .mainSlider .item {
        height: 80vh;
        min-height: 625px;
        background-size: 100% 100% !important;
    }

    .mainSlider .owl-nav [class*='owl-'] {
        -webkit-transition: all .3s ease;
        transition: all .3s ease
    }

        .mainSlider .owl-nav [class*='owl-'].disabled:hover {
            background-color: #FFF
        }

    .mainSlider .owl-dots .owl-dot.active span, .mainSlider .owl-dots .owl-dot:hover span {
        background: #FFF
    }

    .mainSlider .owl-dots {
        position: relative;
        text-align: left;
        bottom: 75px
    }

        .mainSlider .owl-dots .owl-dot span {
            width: 10px;
            height: 10px;
            margin: 5px 7px;
            background: transparent;
            border: 1px solid #14262e;
            display: block;
            -webkit-backface-visibility: visible;
            transition: opacity .2s ease;
            border-radius: 30px
        }

    /* MAIN SLIDER */

    /* MARKET LIST */

    .market-list {
        padding: 40px 20px;
        background: none
    }

    .market-content {
        scrollbar-width: none;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        margin: 0;
        padding: 5px 0;
    }

    .market {
        border-radius: 10px;
        width: 40%;
        padding: 20px;
        box-shadow: 0 0 10px 0 rgba(0,0,0,.14);
        transition: box-shadow .3s;
        background-color: #fff;
        border-color: #e6e8f1;
        margin-left: 15px;
        margin-right: 15px;
        padding-left: 25px;
        padding-right: 25px;
        flex-shrink: 0;
        scroll-snap-align: center;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: space-around
    }

    .breadcrumbs {
        padding: 40px 0;
        margin-top: 93px;
    }

    .document {
        padding: 40px 0;
        margin-top: 93px;
    }

    .platform .img {
        margin-bottom: 100px;
    }

    .platform .image {
        margin-top: 100px;
    }

    .accounts, .promotions {
        padding: 80px 0;
        margin-top: -80px
    }

    .teaser-item {
        width: 24%
    }
}

/*Tablet Styles (min-width: 768px) and (max-width: 1199px)*/
@media (min-width: 768px) and (max-width: 1199px) {
    /* General Classes */

    /*    .mobileExtra .mobileSearch {
        font-size: 17px;
        color: #FFF;
        padding-right: 25px;
    }*/

    .mhAuto {
        min-height: auto !important
    }
    /* HEADER */
    .culture {
        padding-left: 20px;
    }

        .culture .headerDropdown {
            border: none !important;
            border-radius: 20px !important;
            margin-top: 15px !important;
            left: -110px !important
        }

    /*        .culture .dropdown-item {
            color: #14262e !important;
            font-size: 15px;
            font-weight: 600;
            line-height: 30px;
            padding-left: 2rem;
            display: flex;
            align-items: center;
            margin-bottom: 0.5rem;
        }*/
    /* HEADER */

    /* MAIN SLIDER */

    .mainSlider .slideText {
        position: relative;
        top: 30%;
        margin-left: auto;
        margin-right: auto;
        padding-left: 20px;
    }

    .mainSlider .slideImage {
        position: relative;
        margin-top: 0;
        display: flex;
        justify-content: flex-end
    }

    .mainSlideContent img {
        width: 100%
    }

    .teaser-item {
        width: 40%
    }
}

/*Mobile & Mobile Styles (max-width: 767px)*/

@media (min-width:992px) {
    .market-list {
        padding: 15px
    }
}

@media (min-width : 768px) {
    .mainSlider .slide1 {
        background: url(../img/bgmt5.png);
    }

    .mainSlider .slide2 {
        background: url(../img/bg-crypto.png);
    }

    .mainSlider .slide3 {
        background: url(../img/bg3.webp);
    }

    .mainSlider .slide4 {
        background: url(../img/bg3.webp);
    }

    .mainSlider .slide5 {
        background: url(../img/bg3.webp);
    }

    .mainSlider .christmas {
        background: url(../img/bg1.webp);
    }

    .mainSlider .desc {
        width: 50%
    }

    .mainSlideContainer .slideText {
        position: relative;
        top: 40%;
        margin-left: auto;
        margin-right: auto;
        max-width: 1320px;
        padding-left: 20px;
    }

    .mainSlider .slideText .title {
        font-size: 40px
    }

    .listItem {
        width: 25%;
    }

    .promotion-articles {
        display: flex;
        flex-wrap: wrap;
        gap: 20px
    }

    .promotion-content {
        width: 45%
    }

    .negative-margin {
        padding: 80px 0;
        margin-top: -180px
    }

    .btn-outline-white, .btn-outline-dark, .btn-green {
        font-size: 14px
    }

    .table-wrapper, .glossary-wrapper {
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
        padding: 30px 15px;
    }

        .table-wrapper .tab-content {
            padding: 15px
        }

    .teaser {
        display: flex;
    }
}

@media (max-width: 767px) {

    /* General Classes */

    ul {
        list-style: none;
        margin: 0;
        padding: 0
    }

    *, ::after, ::before {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .custom-container {
        max-width: 100%
    }

    .mainSlider .slideText {
        position: relative;
        top: 20%;
        margin-left: auto;
        margin-right: auto;
    }

        .mainSlider .slideText .title {
            font-size: 30px;
            margin-left: 5vw;
            margin-right: 5vw;
            text-align: center
        }

    .SideMenu {
        display: none !important
    }


    .otherMobileHidden {
        display: none
    }


    /* HEADER */
    .culture .headerDropdown {
        border: none !important;
        border-radius: 20px !important;
        margin-top: 15px !important;
        left: -120px !important
    }

    /*    .culture .dropdown-item {
        color: #14262e !important;
        font-size: 15px;
        font-weight: 500;
        line-height: 30px;
        text-align: center;
        overflow: hidden;
        padding: 3px;
        text-align: -webkit-match-parent;
        text-align: match-parent;
        padding-left: 2rem;
    }*/

    .navbar-brand {
        margin-left: 66.59px;
        margin-right: 0
    }

    /* HEADER */

    /* MAIN SLIDER */
    .mainSlideContainer {
        position: relative;
        margin-top: 0;
        background-size: 100% 100% !important;
        padding: 0;
    }

    .mainSlider .slideText {
        text-align: center
    }

    .mainSlider .desc {
        text-align: center;
        margin-left: 5vw;
        margin-right: 5vw
    }


    .mainSlider .slideImage {
        display: none
    }

    .mainSlider .owl-dots {
        position: relative;
        text-align: center;
    }

    /* MAIN SLIDER */

    .market {
        width: 60%
    }

    .list-item {
        width: 50%;
    }

    .negative-margin {
        padding: 80px 0;
        margin-top: -100px
    }

    .btn-outline-white, .btn-outline-dark, .btn-green {
        font-size: 12px
    }


    .teaser-item {
        width: 100%
    }
}

@media (max-width:476px) {
    .platform .market {
        width: 95%
    }
}
/*STYLES*/
::-webkit-scrollbar {
    width: 0;
    height: 0;
}

::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-thumb {
    background: #14262e;
}

::-webkit-scrollbar-track {
    background: #f8f8f8;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0
}

*, ::after, ::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


html,
body {
    font-family: 'Montserrat', sans-serif;
    background-color: #FFF;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    scroll-behavior: smooth;
    overflow-x: hidden;
    margin: 0
}


p {
    line-height: 28px;
    margin: 0 0 28px 0;
}

a {
    color: #000;
    text-decoration: none;
    outline: none;
    box-shadow: none
}

img {
    max-width: 100%;
    height: auto
}

input:focus,
textarea:focus {
    outline: none;
    box-shadow: none
}

.navbar-toggler:focus {
    outline: none;
    box-shadow: none
}

iframe {
    border: 0;
    display: block
}

table {
    border-collapse: collapse;
}

caption {
    padding-top: 2rem;
    padding-bottom: .75rem;
    color: #14262e;
    text-align: center;
    caption-side: bottom;
}

label {
    display: inline-block;
    margin-bottom: .5rem;
}

.datatableSearchBar {
    padding: 10px 15px;
    background: #FFF;
    border-radius: 5px;
    border: 1px solid #14262e;
    text-align: center;
    margin-bottom: 10px;
    font-size: 15px;
}

/*.darkHeader .btn-outline-white:not(:hover) {
    color: #FFF;
    border: 1.5px solid #FFF;
}*/


.btn-outline-dark {
    font-weight: 600;
    /*    font-size: 14px;
*/ background: transparent;
    color: #14262e;
    border: 1.5px solid #14262e;
    padding: 10px 20px;
    border-radius: 10px;
    position: relative;
    display: inline-block;
    overflow: hidden;
    z-index: 1;
    margin: 10px 0px;
    margin-right: 1rem
}

    .btn-outline-dark:hover {
        background: #14262e;
        text-decoration: none;
        border: 1.5px solid #14262e;
        color: #FFF !important;
        z-index: 1;
    }

        .btn-outline-dark:hover img:first-of-type {
            display: none;
        }

        .btn-outline-dark:hover img:last-of-type {
            display: inherit;
        }

    .btn-outline-dark span {
        z-index: 1;
        position: relative;
    }

    .btn-outline-dark i {
        margin-left: 10px;
        font-size: 10px;
        z-index: 1;
        position: relative;
    }

    .btn-outline-dark img {
        margin-right: 10px;
        width: 25px;
        height: 25px;
        z-index: 1;
        position: relative;
    }

        .btn-outline-dark img:first-of-type {
        }

        .btn-outline-dark img:last-of-type {
            display: none;
        }

.btn-outline-white {
    font-weight: 600;
    /*    font-size: 14px;
*/ background: transparent;
    color: #FFF;
    border: 1.5px solid #FFF;
    padding: 10px 20px;
    border-radius: 10px;
    position: relative;
    display: inline-block;
    overflow: hidden;
    z-index: 1;
    margin: 10px 0px;
    margin-right: 1rem
}

    .btn-outline-white:hover {
        background: #FFF;
        text-decoration: none;
        border: 1px solid #FFF;
        color: #14262e;
        z-index: 1;
        /*transform: scale(1.1);*/
    }

        .btn-outline-white:hover svg {
            filter: brightness(0) invert(0);
        }

    .btn-outline-white span {
        z-index: 1;
        position: relative;
    }

    .btn-outline-white i {
        margin-left: 10px;
        font-size: 10px;
        z-index: 1;
        position: relative;
    }

    .btn-outline-white img, .btn-outline-white svg {
        margin-right: 10px;
        width: 25px;
        height: 25px;
        z-index: 1;
        position: relative;
    }

.btn-green {
    font-weight: 600;
    /*    font-size: 14px;
*/ background: #00cf99;
    color: #14262e;
    padding: 10px 20px;
    border-radius: 10px;
    position: relative;
    display: inline-block;
    overflow: hidden;
    z-index: 1;
    margin: 10px 0px;
}

    .btn-green:hover {
        text-decoration: none;
        color: #FFF;
        z-index: 1;
        background-color: #14262e
    }

    .btn-green span {
        z-index: 1;
        position: relative;
    }

    .btn-green i {
        margin-left: 10px;
        font-size: 10px;
        z-index: 1;
        position: relative;
    }

    .btn-green.active {
        background: #14262e;
        color: #FFF
    }


.scrollTop {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    background: #FFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    font-size: 25px;
    color: #14262e;
}

    .scrollTop:hover {
        background: #14262e;
        color: #FFF;
    }
/*GENERAL RULES*/

.container, .container-fluid, .custom-container {
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--bs-gutter-x, 1rem);
    padding-right: var(--bs-gutter-x, 1rem);
    width: 100%
}

.row {
    --bs-gutter-x: 1.5rem !important;
    --bs-gutter-y: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    /*    margin-left: calc(var(--bs-gutter-x)*-.5) !important;
    margin-right: calc(var(--bs-gutter-x)*-.45) !important;*/
    margin-top: calc(var(--bs-gutter-y)*-1) !important;
}

    .row > * {
        flex-shrink: 0;
        margin-top: var(--bs-gutter-y);
        margin-bottom: var(--bs-gutter-x);
        max-width: 100%;
        /*        padding-left: calc(var(--bs-gutter-x)*.5) !important;
        padding-right: calc(var(--bs-gutter-x)*.5) !important;*/
        /*        width: 100%;
*/
    }

.culture .dropdown-item {
    color: #14262e !important;
    font-size: 15px;
    font-weight: 600;
    line-height: 30px;
    padding-left: 2rem;
    display: flex;
    align-items: center;
    margin-bottom: 0.5rem;
}

.top-icon {
    vertical-align: top;
    margin-right: 0.125rem;
}

h1.title {
    font-size: 40px;
    font-weight: 600
}

h2.title {
    font-size: 35px;
    color: #14262e;
    font-weight: 600
}

.subtitle {
    font-weight: 600;
    font-size: 24px;
}

.desc {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5
}

.breadcrumbs .title {
    /*    font-weight: 600;
    font-size: 34px;*/
    color: #2C3139;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 10px
}

.breadcrumbs .desc {
    /*    font-weight: 500;
    font-size: 18px;*/
    color: #343a40;
    line-height: 1.2;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px
}

.scrolling {
    position: fixed;
    width: 100%
}

.mainSlideContainer .owl-item.active .title {
    animation: fadeInLeftBig ease 1s both;
}

.mainSlideContainer .owl-item.active .desc {
    animation: fadeInUp ease 1s 1s both;
}

.note {
    margin-top: 2rem
}

/*Widgets*/
.titleWidget {
    display: flex;
    width: 100%;
    margin-bottom: 10px;
    border-bottom: 1px solid #2d323a47;
}

#quotesWidgetTicker {
    margin-left: auto
}

#123 body {
    background: none
}

#123 .item {
    background: none;
    padding: 0;
    border: none;
}
/* General Rules */
#comm100-button-123 iframe {
    right: auto !important;
    top: 85% !important;
}

.featuredItem.active > svg, .featureItem.active > .featureIcon > svg {
    filter: brightness(0) saturate(100%) invert(13%) sepia(79%) saturate(2201%) hue-rotate(213deg) brightness(97%) contrast(99%);
}

.icon-text {
    margin-left: 10px;
    font-weight: 600 !important;
    font-weight: bold;
    font-size: 16px;
    vertical-align: text-top
}

.chatbutton {
    height: 64px;
    width: 64px;
    position: fixed;
    left: 20px;
    bottom: 20px;
    z-index: 99;
    border: none;
    background: #61f7ac;
    border-radius: 50%;
    box-shadow: 0 5px 25px rgba(97,247,172,.5);
}

    .chatbutton:hover {
        transform: scale(1.1);
        box-shadow: 0 0px 25px rgba(79,190,135);
    }

/* MAIN SLIDER */

.mainSlider .slideText .title {
    font-weight: 700;
    color: #14262e;
    /*    text-align: left;
*/ line-height: 1.2
}

.mainSlider .small {
    font-weight: 700;
    font-size: 25px;
    color: #14262e;
    margin-top: 0;
    line-height: 1.3
}

.mainSlider .desc {
    /*text-align: left;*/
    font-weight: 500;
    font-size: 16px;
    color: #14262e;
    margin-top: 20px;
    margin-bottom: 25px;
    line-height: 1.3;
}

.mainSlideContainer .owl-item.active p {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInLeft;
    animation-delay: .3s
}


.mainSlideContainer .owl-item.active .slideImage {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInRight;
    animation-delay: .3s
}

.mainSlider .moreBtn .btn-green {
    text-align: center;
    margin: 0
}

.mainSlider .miniDesc {
    font-size: 14px;
    font-weight: 300;
    color: #FFF
}

.mainSlider .owl-nav [class*='owl-'] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

    .mainSlider .owl-nav [class*='owl-'].disabled:hover {
        background-color: #FFF
    }

.mainSlider .owl-dots .owl-dot.active span, .mainSlider .owl-dots .owl-dot:hover span {
    background: #00cf99
}

.mainSlider .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: transparent;
    border: 1px solid #00cf99;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px
}

/* MAIN SLIDER */

/*MARKET LIST*/

.market-title {
    display: inline-block;
    font-size: 24px;
    line-height: 25px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 8px;
    background: #12225c;
    background: linear-gradient(to right,#14262e 2%,#14262e 70%);
    background-size: 100%;
    background-clip: text;
    color: transparent;
    /*    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;*/
}

.market-desc {
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    color: inherit;
    width: 100%;
    text-align: center
}

.market-link {
    margin-top: 15px;
    width: 100%;
    text-align: center
}

    .market-link a {
        color: #14262e;
        font-weight: 600
    }

        .market-link a:hover {
            color: #14262e;
        }


/* WHY */

.why-title {
    display: inline-block;
    font-size: 64px;
    line-height: 64px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 8px;
    background-size: 100%;
    background-clip: text;
    color: transparent;
    /*    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;*/
    background-image: linear-gradient(to bottom right, #14262e 25%, #14262e);
    align-self: center
}

.why-subtitle {
    font-size: 22px;
    font-weight: 500;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    color: inherit;
    width: 100%;
    text-align: center;
}

.why-desc {
    margin-top: 0;
    width: 100%;
    font-weight: 500;
    font-size: 15px;
    text-align: center;
}

/*Platform*/
.mt5 {
    padding: 50px 0
}

.platform, .why-Pairmetric {
    margin-top: -100px;
    position: relative;
    text-align: center;
}

.refer {
    margin-top: -100px;
    position: relative;
    text-align: center;
}

.platform .why-title {
    font-size: 28px;
    line-height: 1.2;
}

.platform .img {
    margin-top: 100px;
}

/*CARDS*/
.card-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.custom-card {
    min-height: 200px;
    max-height: 200px;
    border: 1px solid #14262e6e;
    border-radius: 15px;
    padding: 18px 23px;
    display: flex;
    justify-content: center;
    margin: 15px;
    width: 300px;
}

    .custom-card:hover {
        background: #14262e;
    }

    .custom-card .icon {
        position: relative;
        margin-bottom: 5px;
        text-align: center;
    }

        .custom-card .icon img {
            width: 50px;
            height: 50px;
        }

    .custom-card .text {
        position: relative;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.2;
        color: #14262e;
        word-wrap: break-word;
        text-align: -webkit-center;
        display: grid;
    }

    .custom-card:hover .text {
        color: #FFF;
    }

    .custom-card .item {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        /*        padding: 30px;
*/
    }

/*Account Types*/

.account-types, .promotion-types {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: center
}

.account-type, .promotion-type {
    background: #FFF;
    display: flex;
    flex-direction: column;
    border-radius: 15px;
    /*    border: 1px solid #14262e;*/
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    min-width: 270px;
    max-width: 400px;
    padding: 15px;
    flex: 1;
}

/*.account-wrapper {
    flex: 1;
}
*/
.account-title {
    margin: 10px;
    font-weight: 700;
    font-size: 24px;
    background-clip: text;
    color: transparent;
    background-image: linear-gradient(to bottom right, #14262e 25%, #14262e);
    text-align: center
}

.account-text-list {
    padding: 0 30px
}

.account-text {
    display: grid;
    text-align: center;
    padding: 5px 0;
    font-size: 16px;
    border-bottom: 1px solid #14262e38;
    line-height: 1.3;
}

    .account-text:last-child {
        border-bottom: none;
    }

.register-button {
    padding: 0 30px;
    text-align: center;
    display: grid;
}

/*Promotion Types*/

/*.promotion-types {
    display: flex;
    gap: 20px;
    justify-content: center;
}*/

/*.promotion-type {
    display: flex;
    flex-direction: column;
    border-radius: 15px;
    border: 1px solid #14262e;
    min-width: 270px;
    min-height: 632px;
    max-width: 400px;
    padding: 27px;
    height: auto
}*/

.promotion-type {
    padding: 27px;
}

.promotion-wrapper {
    flex: 1;
}

.promotion-type .checkmark {
    padding: 5px;
    padding-left: 25px;
    position: relative;
    margin-bottom: 10px;
    margin-bottom: 1rem;
    text-align: left
}

    .promotion-type .checkmark:before {
        position: absolute;
        top: -3px;
        left: 0px;
    }

.promotion-title {
    margin-top: 0px;
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 60px;
    color: #00cf99;
    text-align: center;
    background-clip: text;
    color: transparent;
    /*    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;*/
    background-image: linear-gradient(to bottom right, #14262e 25%, #14262e);
    display: grid;
}

.promotion-subtitle {
    font-size: 25px;
    font-weight: 700
}

/*.promotion-icon {
    height: 180px;
    place-self: center;
    padding: 30px 0;
}
*/
.promotion-text {
    height: 80px;
    font-weight: 500;
    text-align: center;
}

.more-details {
    display: flex;
    margin-top: 40px;
    margin-bottom: 20px
}

    .more-details:hover {
        color: #00cf99;
        font-weight: 500
    }
/*Account Types*/
/*TABLE*/
/* OTHER SECTION */
.contact-us, .legal-documents {
    padding-bottom: 80px
}

    .contact-us .custom-card:hover .icon, .legal-documents .custom-card:hover .icon {
        filter: brightness(0) invert(1)
    }


.other-section {
    padding: 80px 0;
}

    .other-section .title, .other-section .desc {
        text-align: center
    }

/*.negative-margin {
    padding: 80px 0;
    margin-top: -180px
}*/

.glossary-wrapper {
    /*    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 15px;*/
    border-radius: 15px;
    background: #FFF;
}

    .glossary-wrapper .nav {
        justify-content: center;
        border-radius: 50%;
        padding: 0 15px
    }

    .glossary-wrapper .nav-item {
        flex: 1 0 0%;
        text-align: center;
        display: inline-grid;
    }

    .glossary-wrapper .nav-link {
        font-size: 20px;
        margin-bottom: 2rem;
        font-weight: 900;
        color: #14262e;
    }

        .glossary-wrapper .nav-link.active {
            font-size: 20px;
            margin-bottom: 2rem;
            font-weight: 900;
            color: #FFF;
            background: #14262e;
            border: 1px solid;
            border-radius: 50%
        }

    .glossary-wrapper .accordion > .card:not(:last-of-type), .accordion > .card:not(:first-of-type) {
        border-radius: 15px;
        border: 1px solid #b5b5b5
    }

.faq-wrapper .accordion > .card:not(:last-of-type), .accordion > .card:not(:first-of-type) {
    border-radius: 15px;
    border: 1px solid #b5b5b5
}

.table-wrapper {
    /*    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 15px;*/
    border-radius: 15px;
    background: #FFF;
    width: 100%
}

    .table-wrapper .title, .table-wrapper .desc {
        text-align: center;
        margin: 0.5rem;
        padding: 0.5rem
    }

    .table-wrapper .nav {
        /*display: inline-flex;*/
        justify-content: center;
        border: 1px solid #14262e;
        border-radius: 5px;
        margin: 0 15px;
    }

    .table-wrapper .nav-item {
        flex: 1 0 0%;
        text-align: center;
        display: inline-grid;
        /*margin: 15px;*/
        min-width: 150px
    }

.tab-link.active {
    background: #14262e;
    color: #FFF;
}

.tab-link {
    font-weight: 600;
    font-size: 14px;
    color: #14262e;
    padding: 10px 20px;
    position: relative;
    display: inline-block;
    overflow: hidden;
    z-index: 1;
}

    .tab-link:hover {
        color: #FFF;
        background-color: #14262e;
    }

.nav-item .tab-link {
    border-radius: 0;
    margin: 0
}

.market-basic .nav-item .tab-link, .lesson-list .nav-item .tab-link {
    overflow: visible
}


.nav-item:not(:last-child) .tab-link:not(.active) {
    border-right: 1px solid #14262e;
}

/*    .table-wrapper .tab-content {
        padding: 15px
    }*/

.table-wrapper .nav-link {
    font-size: 20px;
    margin-bottom: 2rem;
    font-weight: 900;
    color: #14262e;
}

    .table-wrapper .nav-link.active {
        font-size: 20px;
        margin-bottom: 2rem;
        font-weight: 900;
        color: #FFF;
        background: #14262e;
        border: 1px solid;
    }

.table-wrapper .accordion > .card:not(:last-of-type), .accordion > .card:not(:first-of-type) {
    border-radius: 15px;
    border: 1px solid #b5b5b5
}

.search-intrument {
    display: flex;
    float: inline-end;
    border-radius: 5px;
    justify-content: right
}

.responsive-table {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

    .responsive-table .gradient-table {
        width: 100%
    }

.gradient-table {
    border-radius: 15px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    overflow: hidden;
}

    .gradient-table th, td {
        padding: 8px;
        text-align: center;
    }

    .gradient-table thead > tr {
        color: #FFF;
    }

    .gradient-table tr {
        background: linear-gradient(90deg, #14262e, #14262e);
    }

        .gradient-table tr:nth-child(2) {
            background: linear-gradient(270deg, #14262e, #14262e);
        }

    .gradient-table > tbody > tr:nth-child(odd) > td, .gradient-table > tbody > tr:nth-child(odd) > th {
        background: #FFF;
    }

    .gradient-table > tbody > tr:nth-child(even) > td, .gradient-table > tbody > tr:nth-child(even) > th {
        background: #dfdfdf;
    }


/*.nav-menu {
    display: flex;
    padding-top: 10px;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #b5b5b5;
    padding-bottom: 10px;
}*/

.navbar-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.account {
    display: flex
}

/*HEADER*/

/*.navbar-toggler-icon {
    left: 0;
    top: 20px;
}*/

.navbar {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    /*    -ms-flex-wrap: wrap;
    flex-wrap: wrap;*/
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.navbar-toggler {
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: none;
}

.collapse:not(.show) {
    display: none;
}

.faq-content:not(.show) {
    display: none;
}

.navbar-collapse {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-align: center;
    align-items: center;
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: .25rem;
}

    .dropdown-menu.show {
        display: block;
    }

.nav-link {
    display: block;
    padding: .5rem 1rem;
}

.dropdown-toggle {
    white-space: nowrap;
}

.dropdown, .dropleft, .dropright, .dropup {
    position: relative;
}

.navbar-nav .dropdown-menu {
    position: static;
    float: none;
}

/* TABLE */

/*Pagination*/

.custom-pagination {
    margin-top: 1rem
}

.nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.tab-content > .tab-pane {
    display: none;
}

.tab-content > .active {
    display: block;
}

/* ACCORDION */
.accordion {
    margin: 15px;
    /*margin-top: 30px*/
}

    .accordion .card {
        border: none;
        margin-bottom: 20px;
        border-radius: 20px;
        overflow: hidden;
        border: 1px solid #b5b5b5;
        border-radius: 15px;
    }

    .accordion .card-header {
        border-radius: 15px !important;
        border: none;
        background: transparent;
        padding: 0.75rem 1.25rem 0.75rem 0;
    }

    .accordion .card-body {
        padding: 1.25rem;
    }

        .accordion .card-body p {
            font-size: 16px;
            font-weight: 500;
            line-height: 1.3;
            color: #2D3239;
            margin: 5px 0
        }

    .accordion .card-header button {
        font-size: 18px;
        color: #14262e;
        font-weight: 600;
        outline: none;
        border: none;
        padding: 0.375rem 0.75rem 0.375rem 20px;
        background-color: transparent;
        display: block;
        width: 100%;
        text-align: left;
    }

        .accordion .card-header button:hover {
            color: #00cf99
        }

    /*        .accordion .card-header button:focus, .accordion .card-header button:active {
            box-shadow: none
        }*/

    .accordion .collapse.show {
        border-top: 1px solid rgba(112,112,112,0.12)
    }

    .accordion .card-header button:before, .accordion .card-header button.collapsed:before {
        content: "";
        background-image: url("/img/icons/chevron-up-main.svg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        width: 16px;
        height: 16px;
        display: inline-block;
        text-align: center;
        line-height: 58px;
        position: absolute;
        right: 16px;
    }

    .accordion .card-header button.collapsed:before {
        transform: rotate(180deg);
    }


.faq-toggle:before, .faq-toggle .collapsed:before {
    content: "";
    background-image: url("/img/icons/chevron-down-main.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 16px;
    height: 16px;
    display: inline-block;
    text-align: center;
    line-height: 58px;
    position: absolute;
    right: 16px;
}

.faq-toggle:not(.collapsed):before {
    transform: rotate(180deg);
}


.accordion .card-header button .icon {
    display: inline-block;
    width: 55px;
    height: 100%;
    border-right: 2px solid #d11149;
    font-size: 20px;
    color: #AC6C8A;
    line-height: 50px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0
}

.faq-link {
    font-weight: 600;
    color: #14262e;
}

.faq-list {
    margin: 15px 0
}

.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}


/*OWL CAROUSEL*/
.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    /* position relative and z-index fix webkit rendering fonts issue */
    position: relative;
    z-index: 1;
}

    .owl-carousel .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y;
        touch-action: manipulation;
        -moz-backface-visibility: hidden;
        /* fix firefox animation glitch */
    }

        .owl-carousel .owl-stage:after {
            content: ".";
            display: block;
            clear: both;
            visibility: hidden;
            line-height: 0;
            height: 0;
        }

    .owl-carousel .owl-stage-outer {
        position: relative;
        overflow: hidden;
        /* fix for flashing background */
        -webkit-transform: translate3d(0px, 0px, 0px);
    }

    .owl-carousel .owl-wrapper,
    .owl-carousel .owl-item {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
    }

    .owl-carousel .owl-item {
        position: relative;
        min-height: 1px;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none;
    }

        .owl-carousel .owl-item img {
            display: block;
            width: 100%;
        }

    .owl-carousel .owl-nav.disabled,
    .owl-carousel .owl-dots.disabled {
        display: none;
    }

    .owl-carousel .owl-nav .owl-prev,
    .owl-carousel .owl-nav .owl-next,
    .owl-carousel .owl-dot {
        cursor: pointer;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .owl-carousel .owl-nav button.owl-prev,
    .owl-carousel .owl-nav button.owl-next,
    .owl-carousel button.owl-dot {
        background: none;
        color: inherit;
        border: none;
        padding: 0 !important;
        font: inherit;
    }

    .owl-carousel.owl-loaded {
        display: block;
    }

    .owl-carousel.owl-loading {
        opacity: 0;
        display: block;
    }

    .owl-carousel.owl-hidden {
        opacity: 0;
    }

    .owl-carousel.owl-drag .owl-item {
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }


    .owl-carousel .fadeOut {
        animation-name: fadeOut;
    }

.document h2.title {
    font-size: 25px
}

.document .desc {
    font-weight: 400
}

.document h3.title, .document dt {
    font-size: 22px;
    font-weight: 500;
    margin: 0.5rem 0
}

.document dd {
    font-weight: 400;
    font-size: 18px;
    line-height: 1.5;
    margin: 0
}

.lower-alpha {
    list-style: lower-alpha;
}

.disc {
    list-style: disc;
    color: #14262e;
}

/*Market Basics*/

.market-basic {
    padding: 80px 0
}

    .market-basic p {
        margin: 15px 0;
    }

.basic-content {
    display: flex;
    gap: 50px
}

.component-content {
    padding: 20px;
    background: linear-gradient(45deg, #14262e, #14262e);
    border-radius: 15px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    color: white;
    flex-direction: column;
    min-width: 300px;
    margin-bottom: 30px
}

.component .title {
    margin: 1rem 0;
    font-size: 30px
}

.component .desc {
    font-size: 16px
}

.component .btn-outline-white {
    margin-bottom: 1rem
}

.document li {
    font-weight: 400;
    font-size: 18px;
    line-height: 1.5;
    margin: 10px 20px
}

.market-basic li {
    font-weight: 400;
    font-size: 18px;
    line-height: 1.5;
    margin: 10px 20px;
    color: #14262e
}

/*Lesson*/

.lesson-list {
    padding: 40px 0
}

/*.lesson-list .nav-item {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    color: #14262e;
    padding:8px 0
}
*/

/*Calculators*/
.btn-group {
    display: flex
}

    .btn-group .buy {
        width: 50%;
        text-align: center;
        padding: 14.5px;
        border-radius: 15px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        font-weight: 600;
    }

        .btn-group .buy.active {
            background: #26d53f;
            color: #FFF
        }

        .btn-group .buy:not(.active) {
            background: #80808047;
            color: #14262e
        }

    .btn-group .sell {
        width: 50%;
        text-align: center;
        padding: 14.5px;
        border-radius: 15px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        font-weight: 600;
    }

        .btn-group .sell.active {
            background: #e92c2c;
            color: #FFF
        }

        .btn-group .sell:not(.active) {
            background: #80808047;
            color: #14262e
        }

.switch-input {
    display: none
}

.convert {
    border: none;
}

.teaser {
    justify-content: space-around;
    gap: 30px;
    margin-top: 60px;
}

.teaser-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: center
}

/*.teaser-item {
    width:24%
}
*/
.teaser-desc {
    display: grid;
    color: #04a304;
    font-size: 60px;
    line-height: 80px;
    font-weight: 500;
}

.rest {
    font-size: 16px;
    color: #14262e;
    line-height: 20px;
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}
.result-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 30px;
}

.result-list li {
    flex-basis: 300px;
    max-width: 300px;
    margin-bottom:30px
}

.course-card {
    background: #fff 0 0 no-repeat padding-box;
    box-shadow: 0 0 10px #00000029;
    border-radius: 10px;
}

.lesson-card {
    height: 100%;
    max-width: none;
    overflow: hidden;
    cursor: pointer;
    /*padding-bottom: 20px;*/
    box-shadow: 0 0 10px 0 rgba(0,0,0,.14);
    transition: box-shadow .3s;
    border-radius: 10px;
    border: 1px solid rgba(0,0,0,.125);
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
}

.lesson-image {
    position: relative;
    height: 130px;
    overflow: hidden;
}

.lesson-title {
    font-size: 24px;
    line-height: 30px;
    padding: 18px 20px 8px 20px;
    font-weight: 500;
    color: #000;
}

.lesson-type {
    display: flex;
}

.lesson-type .type {
    padding: 0 10px;
    flex-wrap: wrap;
    align-items: center;
    border: 1px solid;
    border-radius: 5px;
    margin-left: 20px;
    font-size: 13px;
}

.lesson-desc {
    font-size: 14px;
    line-height: 16px;
    letter-spacing: .015em;
    line-height: 20px;
    padding: 20px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    height: 136px;
    color: #000;
}