#first-line .content .inline-left .show-first/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

/*  reset  */


@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap');


*,
*::after,
*::before {
    scroll-behavior: smooth;
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 100;
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* font-size: 62.5%;  */
}

body {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    line-height: 1.3;
    color: #384145;
    background: #fff;
    overflow-x: hidden;
}

.container {
    margin: 0;
    width: 100% !important;
}

p {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}

h1 {
    font-family: "Roboto";
    font-weight: 600;
}

ul {
    list-style: none;
}

a {
    text-decoration: none;
    color: inherit;
}
button {
    border: none;
    background: transparent;
    outline: none;
    cursor: pointer;
}
img {
    /* display: block; */
    height: auto;
    max-width: 100%;
}

input {
    outline: none;
}

select {
    outline: none;
}

/* width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px grey;
    box-shadow: inset 0 0 5px grey;
    /*border-radius: 10px;*/
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #5f60aab9;
    border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #5f60aa;
}

/* util */
:root {
    --body-bg: ;
    --clr-primary: ;
    --clr-secondary: ;
    --clr-gray: ;
}
.trans {
    transition: .3s ease-in-out;
}

/* start */

#header {
    position: fixed;
    width: 100%;
    z-index: 9999999;
    -webkit-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
    top: 0;
    background: transparent;
}

#header.nav-scrolled {
    background: #fff;
}

#first-line {
    padding: 8px 0;
    position: relative;
}

#first-line .content {
    width: 75%;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#first-line .content .inline-left {
    font-size: 12px;
    position: relative;
}

#first-line .content .inline-left .dropbtn1 {
    padding-right: 22px;
    z-index: 100;
    position: relative;
}

#first-line .content .inline-left::after {
    position: absolute;
    content: "";
    clip-path: polygon(49% 100%, 0 0, 100% 0);
    width: 12px;
    height: 6px;
    background-color: #000;
    right: 0px;
    top: 50%;
    transition: all 0.3s;
    transform: translateY(-50%);
    transform-origin: center center;
    z-index: 10;
}

#first-line .content .inline-left.rotated::after {
    transform: translateY(-50%) rotate(180deg);
}

#first-line .content .inline-left .drop-first {
    display: -ms-grid;
    display: grid;
    position: absolute;
    left: 0;
    top: 32px;
    background-color: #fff;
    font-size: 12px;
    width: 100%;
    height: 0;
    overflow: hidden;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    -webkit-box-shadow: 0px 9px 23px -16px rgba(0, 0, 0, 1);
    box-shadow: 0px 9px 23px -16px rgba(0, 0, 0, 1);
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
    z-index: 1000;
}

#first-line .content .inline-left .drop-first a {
    width: 100%;
    padding: 5px 10px;
}

#first-line .content .inline-left .drop-first a.selected-first {
    border-left: 2px #5f60aa solid;
}

#first-line .content .inline-left .drop-first a:last-child {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

#first-line .content .inline-left .drop-first a:hover {
    background-color: #efefef;
}

#first-line .content .inline-left .show-first {
    height: 69px;
}

#first-line .content .inline-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#first-line .content .inline-right .login {
    color: #5f60aa;
    font-size: 14px;
}

#first-line .content .inline-right .trading {
    background: transparent;
    -webkit-box-shadow: inset 0px -33px 0px 0px #5f60aa;
    box-shadow: inset 0px -33px 0px 0px #5f60aa;
    width: 148px;
    height: 33px;
    color: #efefef;
    font-size: 14px;
    border-radius: 5px;
    margin-left: 20px;
    -webkit-transition: 0.5s all ease-in-out;
    -o-transition: 0.5s all ease-in-out;
    transition: 0.5s all ease-in-out;
    border: 1px solid #5f60aa;
}

#first-line .content .inline-right .trading:hover {
    -webkit-box-shadow: inset 0px 0px 0px 0px #5f60aa;
    box-shadow: inset 0px 0px 0px 0px #5f60aa;
    color: #5f60aa;
    font-weight: lighter;
}

#first-line .content .inline-right .left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 60px;
}

#first-line .content .inline-right .left .contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: rgba(0, 0, 0, 0.8);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#first-line .content .inline-right .left .contact img {
    width: 15px;
    margin-right: 5px;
}

#first-line .content .inline-right .left #languages {
    margin-left: 20px;
    padding-left: 20px;
    border-left: 1px solid #ccc;
    position: relative;
}

#languages .dropbtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#languages .dropbtn img {
    width: 15px;
    margin-right: 3px;
}

#languages .dropbtn i {
    margin-left: 3px;
}

#languages .drop-lang {
    display: -ms-grid;
    display: grid;
    position: absolute;
    background-color: #fff;
    top: 30px;
    left: 0;
    width: 150px;
    border-radius: 10px;
    z-index: 1000;
    -webkit-box-shadow: 0px 9px 23px -16px rgba(0, 0, 0, 1);
    box-shadow: 0px 9px 23px -16px rgba(0, 0, 0, 1);
    -webkit-transition: 0.5s all ease-in-out;
    -o-transition: 0.5s all ease-in-out;
    transition: 0.5s all ease-in-out;
    height: 0;
    overflow: hidden;
    padding: 0 20px 0 10px;
}

#languages:hover .drop-lang {
    height: 130px;
}

#languages .drop-lang a {
    margin: 10px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding-left: 10px;
}

#languages .drop-lang a.selected-lang::after {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
}

#languages .drop-lang a:hover::after {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
}

#languages .drop-lang a::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 2px;
    height: 100%;
    background-color: #5f60aa;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transition: 0.3s linear all;
    -o-transition: 0.3s linear all;
    transition: 0.3s linear all;
}

#languages .drop-lang a img {
    margin-right: 10px;
}

#languages .show-lang {
    height: 130px;
}

#second-line {
    padding: 1px 0;
    padding-bottom: 8px;
}

#second-line .content {
    width: 75%;
    margin: 7px auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    align-items: center;
}

#second-line #logo-header {
    width: 160px;
}

#second-line #logo-header img {
    width: 200px;
}

#second-line .log-register-on-mobile {
    display: none;
}

#second-line #navbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    margin-top: 5px;
}

#second-line #navbar .nav-items {
    position: relative;
    margin-left: 32px;
}

#second-line #navbar .nav {
    -webkit-transition: 0.3s ease-in-out all;
    -o-transition: 0.3s ease-in-out all;
    transition: 0.3s ease-in-out all;
    color: #1f1f1f;
}

#second-line #navbar .nav-items::after {
    content: "";
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #5f60aa;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transition: 0.3s ease-in-out all;
    -o-transition: 0.3s ease-in-out all;
    transition: 0.3s ease-in-out all;
}

#second-line #navbar .nav-items:hover::after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}

#second-line #navbar .nav-items:hover .nav {
    color: #5f60aa;
}

#second-line #navbar .nav-items:hover .dropdown {
    width: 250px;
    max-height: 200px;
    opacity: 1;
}
#second-line #navbar .dropdown {
    position: absolute;
    left: 0;
    top: 40px;
    display: -ms-grid;
    display: grid;
    padding: 10px;
    background-color: #fff;
    border-radius: 10px;
    width: 0;
    max-height: 0;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 20px -15px #5f60aa;
    box-shadow: 0px 0px 20px -15px #5f60aa;
    opacity: 0;
    z-index: 10;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

#second-line #navbar .dropdown a {
    margin: 5px 0;
    position: relative;
    padding-left: 10px;
    font-size: 12px;
}

#second-line #navbar .dropdown a:hover {
    color: #5f60aa;
    -webkit-transition: 0.3s linear all;
    -o-transition: 0.3s linear all;
    transition: 0.3s linear all;
}

#second-line #navbar .dropdown a:hover::after {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
}

#second-line #navbar .dropdown a::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 2px;
    height: 100%;
    background-color: #5f60aa;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transition: 0.3s linear all;
    -o-transition: 0.3s linear all;
    transition: 0.3s linear all;
}

#second-line .header-btn img {
    width: 25px;
}

#second-line .header-btn {
    display: none;
}

.menu {
    position: relative;
    display: none;
    width: 30px;
    height: 30px;
}
.menu span {
    margin: 0 auto;
}
.menu span:before,
.menu span:after {
    position: absolute;
    content: "";
}
.menu span,
.menu span:before,
.menu span:after {
    width: 30px;
    height: 3px;
    background-color: #000;
    display: block;
}
.menu span:before {
    margin-top: -9px;
}
.menu span:after {
    margin-top: 9px;
}

/* --- btn --- */

.menu-icon span {
    -webkit-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.menu-icon.close-i span {
    background-color: rgba(0, 0, 0, 0);
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.menu-icon span:before {
    -webkit-transition-property: margin, -webkit-transform;
    transition-property: margin, -webkit-transform;
    -o-transition-property: margin, transform;
    transition-property: margin, transform;
    transition-property: margin, transform, -webkit-transform;
    -webkit-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-delay: 0.2s, 0s;
    -o-transition-delay: 0.2s, 0s;
    transition-delay: 0.2s, 0s;
}
.menu-icon.close-i span:before {
    margin-top: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition-delay: 0s, 0.2s;
    -o-transition-delay: 0s, 0.2s;
    transition-delay: 0s, 0.2s;
}
.menu-icon span:after {
    -webkit-transition-property: margin, -webkit-transform;
    transition-property: margin, -webkit-transform;
    -o-transition-property: margin, transform;
    transition-property: margin, transform;
    transition-property: margin, transform, -webkit-transform;
    -webkit-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-delay: 0.2s, 0s;
    -o-transition-delay: 0.2s, 0s;
    transition-delay: 0.2s, 0s;
}
.menu-icon.close-i span:after {
    margin-top: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition-delay: 0s, 0.2s;
    -o-transition-delay: 0s, 0.2s;
    transition-delay: 0s, 0.2s;
}

.showcase-main {
    overflow: hidden;
    position: relative;
    height: 100vh !important;
}

#showcase-slide {
    width: 100%;
    color: #fff;
    overflow: hidden;
    position: relative;
}

#showcase-slide .slider {
    width: 100%;
    height: 100%;
    position: relative;
}

#showcase-slide .slider .background {
    width: 100%;
    height: 100vh !important;
    height: 100%;
    position: relative;
}

#showcase-slide .slider .thevideo {
    margin: 0;
    border: none;
    width: 50%;
    float: right;
    margin-right: 100px;
}

#showcase-slide .slider .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background:  #5f60aa4b;*/
}

#showcase-slide .slider .content {
    width: 75%;
    margin: auto;
    padding-top: 230px;
    color: #000;
}

#showcase-slide .slider .content .title {
    font-size: 40px;
    margin-bottom: 40px;
}

#showcase-slide .slider .content .par {
    font-size: 16px;
}

#showcase-slide .slider .content .trade {
    color: #fff;
    background: transparent;
    box-shadow: inset 0px 52px 0px 0px #5f60aa;
    border: 2px solid #5f60aa;
    width: 180px;
    height: 52px;
    border-radius: 8px;
    margin-top: 40px;
    -webkit-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    transition: all ease-in-out 0.5s;
}

#showcase-slide .slider .content .trade:hover {
    box-shadow: inset 0px 0px 0px 0px #5f60aa;
    color: #5f60aa;
    font-weight: bold;
}

.slick-prev:before,
.slick-next:before {
    color: black;
}

.slick-dots {
    bottom: -30px;
}

.progressBarContainer {
    position: absolute;
    bottom: 80px;
    left: 50%;
    transform: translateX(-50%);
    width: 75%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: auto;
    z-index: 99999;
}

.progressBarContainer div {
    display: block;
    width: 25%;
    padding: 0;
    cursor: pointer;
    margin-right: 2%;
    float: left;
    color: white;
}

.progressBarContainer div:last-child {
    margin-right: 0;
}

.progressBarContainer div span.progressBar {
    width: 100%;
    height: 4px;
    border-radius: 2px;
    background-color: #7576ca41;
    display: block;
}

.progressBarContainer div span.progressBar .inProgress {
    background-color: #5f60aa81;
    width: 0%;
    height: 4px;
    border-radius: 2px;
}

/*.slick-dots {
    position: absolute;
    bottom: 100px;
    right: 200px;
}

.slick-dots li {
    display: inline;
    margin: 10px;
    padding: 45px 50px;
    background-size: cover;
    border-radius: 50%;
    border: 1px solid  #5f60aa;
    cursor: pointer;
}

.slick-dots li:nth-child(1) {
    background-image: url(img/slider/v2/slide1.jpg);
}
.slick-dots li:nth-child(2) {
    background-image: url(img/slider/v2/slide3.jpg);
}
.slick-dots li:nth-child(3) {
    background-image: url(img/slider/v2/slide2.jpg);
}

.slick-dots li button {
    opacity: 0;
}

.slick-dots .slick-active {
    border: 1px solid  #fff;
}*/

#scroll-rate {
    margin-top: -35px;
    z-index: 1000;
    position: relative;
    background-color: #ffffff;
    width: 100%;
}

iframe .container {
    width: 100% !important;
}

#links-section1 {
    background-color: #ffffff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#links-section1 .content {
    /*width: 60%;*/
    margin: auto 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px 0;
}

#links-section1 .content a {
    font-size: 12px;
    /*margin: 0 10px;*/
    width: 16%;
    height: 140px;
    overflow: hidden;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: inset 0px 0px 0px 2px#5f60aa86;
    box-shadow: inset 0px 0px 0px 2px#5f60aa86;
    border-radius: 8px;
    padding: 15px;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

#links-section1 .content a:hover {
    -webkit-box-shadow: inset 0px 0px 0px 1px#5f60aa;
    box-shadow: inset 0px 0px 0px 1px#5f60aa;
    background-color: #fff;
}

#links-section1 .content a .purple {
    color: #5f60aa;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
}

#links-section1 .content a .gray {
    color: #8b8b8b;
    /* max-height: 80px; */
    overflow: hidden;
}

#links-section1 .content a img {
    height: 15px;
    margin-right: 10px;
}

.new-bg {
    text-align: center;
    background: url(/frontend-assets/img/bg-new-bg.png) no-repeat;
    height: auto;
    width: 100%;
    background-size: cover;
    background-position: center;
}

.new-bg .h {
    font-size: 30px;
}

.new-bg .overlay {
    /*background: rgb(183 182 182 / 60%);*/
    width: 100%;
    height: 100%;
}

.new-bg .overlay .new-bg-wrapper {
    width: 75%;
    margin: auto;
    padding: 33px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.new-bg .overlay .new-bg-wrapper .each-thing {
    text-align: center;
}

.new-bg .overlay .new-bg-wrapper .each-thing .icon {
    width: 65px;
    height: 65px;
    background-color: #fff;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    margin-bottom: 10px;
}

.new-bg .overlay .new-bg-wrapper .each-thing .icon img {
    width: 38px;
}

.new-bg .overlay .new-bg-wrapper .each-thing .title {
    font-size: 16px;
    margin-bottom: 8px;
    color: #5f60aa;
}

.new-bg .overlay .new-bg-wrapper .each-thing .text {
    font-size: 12px;
    max-width: 300px;
    color: #1c1b25;
    margin-bottom: 10px;
}

.new-bg .overlay .new-bg-wrapper .each-thing .sign-up {
    font-size: 12px;
    color: #5f60aa;
    text-decoration: underline;
}

#platform {
    background-color: #ffffff;
    background-image: url(/frontend-assets/img/background.png);
    background-size: 70%;
    background-repeat: repeat;
    background-position: left;
}

#platform .wrapper {
    width: 75%;
    margin: auto;
    padding-bottom: 30 px;
}

#platform .wrapper .flex1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 30px;
    /*margin: 0 140px;*/
    margin-bottom: 0px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#platform .wrapper .flex1 img {
    width: 48%;
    height: 100%;
}

#platform .wrapper .flex1 .description {
    /* margin-top: -90px; */
}

#platform .wrapper .flex2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#platform .wrapper .flex2 .description {
    margin-top: -50px;
}

#platform .wrapper .flex2 img {
    width: 55%;
    height: 100%;
    margin-top: 0px;
}

#platform .wrapper .description {
    text-align: start;
}

#platform .wrapper .description .head {
    margin-bottom: 40px;
}

#platform .wrapper .description .head h6 {
    font-size: 30px;
}

#platform .wrapper .description .head p {
    font-size: 16px;
}

#platform .wrapper .description .par {
    font-size: 16px;
    color: #1c1b25;
    max-width: 434px;
}

#platform .wrapper .btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 40px;
}

#platform .wrapper .btns .download img {
    width: 20px;
    text-align: start;
    margin-right: 20px;
    margin-top: 0;
}

#platform .wrapper .btns .download {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 167px;
    height: 50px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #5f60aa;
    margin-right: 40px;
    color: rgba(255, 255, 255, 0.815);
    font-size: 12px;
    padding-left: 20px;
    border-radius: 5px;
    -webkit-transition: 0.5s all ease-in-out;
    -o-transition: 0.5s all ease-in-out;
    transition: 0.5s all ease-in-out;
}

#platform .wrapper .btns .download p {
    text-align: left;
    -webkit-transition: 0.5s all ease-in-out;
    -o-transition: 0.5s all ease-in-out;
    transition: 0.5s all ease-in-out;
}

#platform .wrapper .btns .download p span {
    font-weight: bold;
    color: #fff;
    -webkit-transition: 0.5s all ease-in-out;
    -o-transition: 0.5s all ease-in-out;
    transition: 0.5s all ease-in-out;
}

#platform .wrapper .btns .download:hover {
    -webkit-box-shadow: inset -110px 0px 0px 0px rgba(255, 255, 255, 1);
    box-shadow: inset -110px 0px 0px 0px rgba(255, 255, 255, 1);
}

#platform .wrapper .btns .download:hover p {
    color: #5f60aa;
    margin-left: 5px;
}
#platform .wrapper .btns .download:hover p span {
    color: #5f60aa;
}

.why-choose {
    margin-top: 24px;
}

.why-choose .why-choose-wrapper {
    width: 75%;
    margin: auto;
}

.why-choose .why-choose-wrapper h1 {
    text-align: center;
    font-size: 30px;
    color: #000;
    margin-bottom: 40px;
}

.why-choose .why-choose-wrapper .reasons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.why-choose .why-choose-wrapper .reasons .box {
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08),
        0 2px 6px -1px rgba(0, 0, 0, 0.08);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08),
        0 2px 6px -1px rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    padding: 18px;
    width: 23%;
    height: 240px;
    text-align: center;
    position: relative;
    padding-bottom: 20px;
}

.why-choose .why-choose-wrapper .reasons .box img {
    width: 30px;
    margin-bottom: 20px;
}

.why-choose .why-choose-wrapper .reasons .box .title {
    font-size: 16px;
    margin-bottom: 15px;
    color: #000;
}

.why-choose .why-choose-wrapper .reasons .box .paragraph {
    font-size: 13px;
    color: rgba(0, 0, 0, 0.6);
}

.why-choose .why-choose-wrapper .reasons .box .invest {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    line-height: 20px;
    font-size: 12px;
    margin-top: 20px;
    color: #5f60aa;
    position: absolute;
    width: 100%;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
}

.why-choose .why-choose-wrapper .reasons .box .invest img {
    height: 20px;
    /*margin-left: 2px;*/
    -webkit-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
    margin-bottom: 0;
}

.why-choose .why-choose-wrapper .reasons .box .invest:hover img {
    margin-left: 5px;
}

.trade-n-invest {
    margin-bottom: 56px;
}

.new-secs-wrap {
    width: 75%;
    margin: auto;
}

.trade-n-invest .options {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 66px;
    margin-bottom: 66px;
}

.trade-n-invest .options .img {
    margin-right: 30px;
    width: 47%;
    height: 440px;
}

.trade-n-invest .options .markets .title {
    -webkit-text-stroke: 1px rgba(0, 0, 0, 0);
    font-size: 30px;
    text-align: center;
    color: rgb(0, 0, 0);
    margin-bottom: 40px;
    margin-top: 40px;
}

.trade-n-invest .options .markets {
    width: 100%;
}

.trade-n-invest .options .markets .markets-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 22px;
}

.trade-n-invest .options .markets .markets-grid .each_market {
    width: 100%;
    height: auto;
    border-radius: 5px;
    box-shadow: 0 3px 46px 0 rgba(0, 0, 0, 0.06);
    background-color: rgb(255, 255, 255);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 15px 10px;
    transition: all 0.3s;
}

.trade-n-invest .options .markets .markets-grid .each_market:hover {
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.06);
}

.trade-n-invest .options .markets .markets-grid .each_market img {
    width: 42px;
    height: auto;
    margin-right: 15px;
}

.trade-n-invest .options .markets .markets-grid .each_market .text h5 {
    font-size: 16px;
    color: rgb(0, 0, 0);
    margin-bottom: 4px;
}

.trade-n-invest .options .markets .markets-grid .each_market .text p {
    font-size: 12px;
    color: rgb(109, 109, 109);
}

.trade-n-invest .how-it-works .head {
    -webkit-text-stroke: 1px rgba(0, 0, 0, 0);
    font-size: 30px;
    text-align: center;
    color: rgb(0, 0, 0);
    margin-bottom: 40px;
}

.trade-n-invest .how-it-works .steps {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 56px;
}

.trade-n-invest .how-it-works .steps .each-step {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.trade-n-invest .how-it-works .steps .each-step .nums {
    width: 191px;
    height: 191px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    background-color: rgb(255, 255, 255);
    border-radius: 50%;
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 70px;
    font-weight: bold;
}
.trade-n-invest .how-it-works .steps .each-step .nums.blue {
    border: solid 2px rgb(98, 195, 223);
    color: rgb(98, 195, 223);
}
.trade-n-invest .how-it-works .steps .each-step .nums.purple {
    border: solid 2px rgb(95, 96, 170);
    color: rgb(95, 96, 170);
}
.trade-n-invest .how-it-works .steps .each-step .nums.green {
    border: solid 2px rgb(41, 182, 114);
    color: rgb(41, 182, 114);
}

.trade-n-invest .how-it-works .steps .each-step .h {
    font-size: 18px;
    text-align: center;
    color: rgb(0, 0, 0);
    margin-bottom: 17px;
}

.trade-n-invest .how-it-works .steps .each-step .p {
    -webkit-text-stroke: 1px rgba(0, 0, 0, 0);
    font-size: 15px;
    text-align: center;
    color: rgb(101, 101, 101);
    max-width: 228px;
}

.trade-n-invest .reg {
    text-align: center;
}

.trade-n-invest .register {
    padding: 10px 25px;
    border-radius: 11px;
    background-color: #5f60aa;
    font-size: 14px;
    text-align: center;
    color: rgb(255, 255, 255);
    transition: all 0.3s;
}

.trade-n-invest .register:hover {
    box-shadow: inset 0 -38px 0 0 rgb(98, 195, 223);
}

.acc-type-sec {
    background-image: linear-gradient(
        114deg,
        rgb(98, 195, 223) 17%,
        rgb(95, 96, 170) 100%
    );
    padding-top: 44px;
    padding-bottom: 84px;
}

.acc-type-sec .head {
    position: relative;
    width: 100%;
    height: 66px;
    border-radius: 4px;
    background-color: rgb(255, 255, 255);
    margin-bottom: 39px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 30px;
}

.acc-type-sec .head::after {
    content: "";
    position: absolute;
    left: 14px;
    top: calc(50% - 26px);
    width: 7px;
    height: 52px;
    background-color: #5f60aa;
    border-radius: 1px;
}

.acc-type-sec .head .h {
    white-space: nowrap;
    font-size: 20px;
    color: rgb(0, 0, 0);
}

.acc-type-sec .types {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.acc-type-sec .types .type-filter {
    margin: 0 30px;
    font-size: 14px;
    color: rgb(178, 178, 178);
    transition: all 0.3s;
    position: relative;
    white-space: nowrap;
}

.acc-type-sec .types .type-filter:hover {
    color: #5f60aa;
}

.acc-type-sec .types .type-filter.active-type {
    color: #5f60aa;
}

.acc-type-sec .types .type-filter.active-type::after {
    position: absolute;
    content: "";
    width: 54px;
    height: 2px;
    background-color: #5f60aa;
    bottom: -25px;
    left: calc(50% - 27px);
}

.acc-type-sec .type-content {
    align-items: flex-start;
    justify-content: space-between;
    display: none;
}
.acc-type-sec .type-content.shown-tp {
    display: flex;
}

.acc-type-sec .type-content .img {
    width: 50%;
}

.acc-type-sec .type-content .left .title {
    font-size: 16px;
    margin-bottom: 25px;
    color: rgb(255, 255, 255);
}

.acc-type-sec .type-content .left .lines {
    display: flex;
    align-items: flex-start;
    margin-bottom: 13px;
}

.acc-type-sec .type-content .left .lines .check {
    width: 23px;
    height: 23px;
    border: solid 2px rgb(30, 134, 255);
    background-color: rgb(255, 255, 255);
    border-radius: 50%;
    margin-right: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.acc-type-sec .type-content .left .lines .check .tick {
    display: inline-block;
    width: 5px;
    height: 11px;
    border-color: #009cfc;
    border-style: solid;
    border-width: 0 2px 2px 0;
    margin: 0 auto;
    transform: rotate(45deg);
}

.acc-type-sec .type-content .left .lines .p {
    font-size: 14px;
    color: rgb(255, 255, 255);
    max-width: 441px;
}

.acc-type-sec .type-content .left .demo {
    padding: 13px 19px 14px;
    border-radius: 11px;
    background-color: rgb(95, 96, 170);
    font-size: 12px;
    color: rgb(255, 255, 255);
    position: relative;
    bottom: -20px;
}

.analysis {
    margin: 57px 0;
    position: relative;
    margin-bottom: -360px;
}

.analysis .type-bars {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
    width: 100%;
}
.analysis .type-bars .bar.a-bar .head {
    color: rgb(64, 72, 85);
}

.analysis .type-bars .bar {
    margin: 0 16px;
    width: 100%;
    text-align: center;
    cursor: pointer;
}

.analysis .type-bars .bar .head {
    font-size: 20px;
    color: rgb(64, 72, 85, 0.5);
    margin-bottom: 13px;
    transition: all 0.3s;
}

.analysis .type-bars .bar .progress-bar {
    height: 2px;
    width: 100%;
    background-color: rgb(95, 96, 170, 0.54);
    border-radius: 1px;
    position: relative;
}

.analysis .type-bars .bar .progress-bar::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(95, 96, 170);
    transform: scaleX(0);
    transform-origin: left;
    transition: all 0s;
}

.analysis .type-bars .bar.a-bar .progress-bar::after {
    transform: scaleX(1);
    transition: all linear 6s;
}

.analysis .analysis-switching {
    display: flex;
    flex-direction: column;
}

.analysis .analysis-switching.switched_s {
    flex-direction: column-reverse;
}

.analysis .analysis-slide {
    visibility: hidden;
}

.analysis .analysis-slide.slide-shown {
    visibility: visible;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.analysis .analysis-slide .each-type {
    padding: 0 0 31px;
    border-radius: 14px;
    box-shadow: 0 3px 46px 0 rgba(0, 0, 0, 0.06);
    background-color: rgb(255, 255, 255);
    margin: 0 6px;
    outline: none;
    height: 440px;
    position: relative;
    width: 320px;
}

.analysis .analysis-slide .each-type .img {
    height: 182px;
    width: 100%;
}

.analysis .analysis-slide .each-type .img img {
    width: 100%;
    height: 100%;
}

.analysis .analysis-slide .each-type .text {
    padding: 12px;
}

.analysis .analysis-slide .each-type .text .t-title {
    font-size: 12px;
    color: rgb(0, 0, 0);
    margin-bottom: 12px;
}

.analysis .analysis-slide .each-type .text .b {
    font-size: 14px;
    color: rgb(0, 0, 0);
    margin-bottom: 12px;
    font-weight: bold;
}

.analysis .analysis-slide .each-type .text .light {
    font-size: 12px;
    color: rgb(130, 130, 130);
    margin-bottom: 12px;
}

.analysis .analysis-slide .each-type .text .p {
    font-size: 13px;
    color: rgb(70, 69, 69);
    margin-bottom: 30px;
}

.analysis .analysis-slide .each-type .text .read {
    text-align: right;
}

.analysis .analysis-slide .each-type .text .read .more {
    padding: 8px 17px;
    border-radius: 7px;
    background-color: #5f60aa;
    font-size: 14px;
    color: rgb(255, 255, 255);
    position: absolute;
    right: 22px;
    bottom: 20px;
}

.fundamental-technical_slider {
    position: relative;
    height: 500px;
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 45px;
}

.fundamental-technical_slider .ft_slider_img {
    width: 100%;
    height: 600px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 10px;
    overflow: hidden;
}

.fundamental-technical_slider img {
    width: 100%;
    height: 100%;
}

.fundamental-technical_slider .slick-dots {
    position: absolute;
    bottom: 15px;
    display: flex;
    left: 50%;
    transform: translateX(-50%);
}

.fundamental-technical_slider .slick-dots li {
    background-color: #5f60aa85;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    margin: 0 5px;
}

.fundamental-technical_slider .slick-dots li.slick-active {
    background-color: #5f60aafa;
}

.fundamental-technical_slider .slick-dots li button {
    opacity: 0;
}

.more-benefits .top {
    background-size: cover;
    position: relative;
    padding-top: 48px;
    padding-bottom: 32px;
}

.more-benefits .top .heading {
    text-align: center;
    margin-bottom: 50px;
}

.more-benefits .top .heading .h {
    font-size: 30px;
    color: rgb(0, 0, 0);
    margin-bottom: 21px;
}

.more-benefits .top .heading .p {
    font-size: 14px;
    color: rgb(0, 0, 0);
}

.more-benefits .top .btns {
    display: flex;
    align-items: center;
    justify-content: center;
}

.more-benefits .top .btns .benefit-filter {
    text-align: center;
    position: relative;
    margin: 0 30px;
}

.more-benefits .top .btns .benefit-filter::after {
    position: absolute;
    content: "";
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    width: 70px;
    height: 36px;
    background-color: #fff;
    left: calc(50% - 35px);
    bottom: -68px;
    transition: all 0.4s;
}

.more-benefits .top .btns .benefit-filter.act-ben svg {
    fill: #5f60aa;
}
.more-benefits .top .btns .benefit-filter.act-ben p {
    color: #5f60aa;
}
.more-benefits .top .btns .benefit-filter.act-ben::after {
    bottom: -54px;
}

.more-benefits .top .btns .benefit-filter svg {
    width: 44px;
    height: auto;
    margin-bottom: 9px;
    fill: #1c1b25;
    transition: all 0.4s;
}

.more-benefits .top .btns .benefit-filter p {
    font-size: 13px;
    color: rgb(28, 27, 37);
    color: #1c1b25;
    transition: all 0.4s;
}

.more-benefits .top .btns .benefit-filter:hover svg {
    fill: #5f60aa;
}

.more-benefits .bottom {
    margin-top: 33px;
    margin-bottom: 80px;
}

.more-benefits .bottom .benefit-content {
    display: none;
}

.more-benefits .bottom .benefit-content.ben-show {
    display: block;
}

.more-benefits .bottom .benefit-content {
    width: 100%;
}
.more-benefits .bottom .benefit-content .flex {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 50px;
}

.more-benefits .bottom .benefit-content .flex img {
    max-width: 320px;
    height: auto;
    margin-right: 20px;
}

.more-benefits .bottom .benefit-content .flex.ta img {
    max-width: 400px;
}

.more-benefits .bottom .benefit-content.first .flex .txt {
    margin-top: 22px;
}

.more-benefits .bottom .benefit-content .flex .txt .title {
    font-size: 28px;
    font-weight: 500;
    color: rgb(0, 0, 0);
    position: relative;
    margin-bottom: 50px;
}

.more-benefits .bottom .benefit-content .flex .txt .title::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: -10px;
    height: 1px;
    width: 78px;
    background-color: #000;
}

.more-benefits .bottom .benefit-content .flex .txt .para {
    font-size: 15px;
    color: rgb(0, 0, 0);
    max-width: 900px;
    margin-bottom: 50px;
}

.more-benefits .bottom .benefit-content .flex .txt .more {
    padding: 20px 38px 19px;
    border-radius: 17px;
    background-color: rgb(98, 195, 223);
    font-size: 14px;
    font-weight: 500;
    color: rgb(255, 255, 255);
}

.more-benefits .bottom .benefit-content .head {
    margin-bottom: 36px;
}

.more-benefits .bottom .benefit-content .head .h {
    font-size: 28px;
    font-weight: 500;
    color: rgb(0, 0, 0);
    margin-bottom: 21px;
}

.more-benefits .bottom .benefit-content .head .p {
    font-size: 14px;
    color: rgb(0, 0, 0);
}

.more-benefits .bottom .benefit-content .circles {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin-bottom: 120px;
}

.more-benefits .bottom .benefit-content .circles .crl {
    width: 290px;
    height: 290px;
    border-radius: 50%;
    position: relative;
}

.more-benefits .bottom .benefit-content .circles .crl.one {
    background-color: #5f60aa;
}
.more-benefits .bottom .benefit-content .circles .crl.one img {
    right: 6px;
    bottom: 6px;
}
.more-benefits .bottom .benefit-content .circles .crl.two {
    background-color: #5f60aa;
    margin: 0 90px;
    margin-bottom: 42px;
}
.more-benefits .bottom .benefit-content .circles .crl.two img {
    left: 7px;
    bottom: 3px;
}
.more-benefits .bottom .benefit-content .circles .crl.three {
    background-color: #5f60aa;
}
.more-benefits .bottom .benefit-content .circles .crl.three img {
    top: 3px;
    left: 5px;
}

.more-benefits .bottom .benefit-content .circles .crl img {
    position: absolute;
    width: 100%;
    height: 100%;
}

.more-benefits .bottom .benefit-content .methods {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
    margin-left: 50px;
}

.more-benefits .bottom .benefit-content .methods .link {
    border-radius: 13px;
    background-color: rgb(248, 248, 248);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 10px 20px;
    cursor: pointer;
    transition: all 0.4s;
}

.more-benefits .bottom .benefit-content .methods .link svg {
    width: 40px;
    height: auto;
    fill: #1c1b25;
    margin-right: 12px;
    transition: all 0.4s;
}

.more-benefits .bottom .benefit-content .methods .link p {
    font-size: 16px;
    font-weight: 500;
    color: rgb(167, 167, 167);
    transition: all 0.4s;
}

.more-benefits .bottom .benefit-content .methods .link:hover {
    background-color: #5f60aa;
}

.more-benefits .bottom .benefit-content .methods .link:hover svg {
    fill: #fff;
}

.more-benefits .bottom .benefit-content .methods .link:hover p {
    color: #fff;
}

.more-benefits .bottom .benefit-content.sp .heading {
    text-align: center;
    margin-bottom: 40px;
}

.more-benefits .bottom .benefit-content.sp .heading .h {
    font-size: 30px;
    color: rgb(0, 0, 0);
    margin-bottom: 20px;
}

.more-benefits .bottom .benefit-content.sp .p {
    font-size: 14px;
    color: rgb(0, 0, 0);
    margin: auto;
    margin-bottom: 10px;
    max-width: 850px;
}
.more-benefits .bottom .benefit-content.ca .p {
    max-width: none;
}

.more-benefits .bottom .benefit-content.sp img {
    width: 100%;
}

.call-for-action {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1);
    background-position: center;
    height: auto;
    background-size: cover;
    position: relative;
    background-color: rgba(245, 245, 245, 0.5);
}

.call-for-action .overlay {
    width: 100%;
    height: 100%;
    background-color: rgba(245, 245, 245, 0.5);
    padding-top: 61px;
    padding-bottom: 51px;
    position: relative;
}

.call-for-action .overlay::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-image: url(/frontend-assets/img/try-demo.png);
    background-position: center;
    background-size: cover;
    z-index: 10;
}

.call-for-action .action-wrapper {
    width: 75%;
    margin: auto;
}

.call-for-action .action-wrapper .action__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 80%;
    margin: auto;
    position: relative;
    z-index: 100;
}

.call-for-action .action-wrapper .action__content .action__info {
    max-width: 40%;
}

.call-for-action .action-wrapper .action__content .action__info h3 {
    font-size: 20px;
    margin-bottom: 15px;
}

.call-for-action .action-wrapper .action__content .action__info p {
    font-size: 14px;
    margin-bottom: 20px;
}

.call-for-action .action-wrapper .action__content .action__info .action-btn {
    color: #fff;
    font-size: 12px;
    background-color: transparent;
    border: #5f60aa 1px solid;
    border-radius: 5px;
    padding: 10px 30px;
    box-shadow: inset 0 35px 0 0 #5f60aa;
    -webkit-transition: all ease-in-out.5s;
    -o-transition: all ease-in-out.5s;
    transition: all ease-in-out.5s;
}

.call-for-action
    .action-wrapper
    .action__content
    .action__info
    .action-btn:hover {
    box-shadow: inset 0 2px 0 0 #5f60aa;
    color: #5f60aa;
}

.call-for-action .action-wrapper .action__content svg {
    width: 30px;
    height: 30px;
    fill: #5f60aa;
    margin-bottom: 10px;
}

.call-for-action .action-wrapper .action__content .action__cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.call-for-action .action-wrapper .action__content .action__cards .each-card {
    background: #fff;
    border-radius: 5px;
    height: 120px;
    width: 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.5);
    z-index: 9;
}

.call-for-action .action-wrapper .action__content .action__cards .each-card p {
    font-size: 14px;
}

.call-for-action
    .action-wrapper
    .action__content
    .action__cards
    .each-card.centered {
    height: 140px;
    width: 140px;
    z-index: 10;
    margin: auto -5px;
}

.call-for-action
    .action-wrapper
    .action__content
    .action__cards
    .each-card.centered
    svg {
    width: 40px;
    height: 40px;
}

.thewholeshit {
    position: relative;
}

#partners {
    background-color: #ffffff;
    border-top: solid 3px #5f60aa;
    border-bottom: solid 3px #5f60aa;
    overflow-x: hidden;
}

#partners .wrapper {
    width: 100%;
    height: 80px;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    margin-left: 40px;
    overflow: hidden;
}

/*
#partners .wrapper .cl{
    position: absolute;
    top: -14px;
    left: 5%;
    background-color: #5f60aa;
    color: #fff;
    font-size: 12px;
    width: 160px;
    height: 25px;
    border-radius: 5px;
    text-align: center;
    padding-top: 5px;
}*/

#partners .wrapper #op-abs {
    position: absolute;
    top: -14px;
    width: 100%;
    height: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    right: 0;
}

#partners .wrapper .op {
    background-color: #5f60aa;
    color: #fff;
    font-size: 12px;
    width: 160px;
    height: 100%;
    border-radius: 5px;
    padding-top: 5px;
    text-align: center;
    z-index: 100;
}

#partners .wrapper .company-licenses {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-right: 1px solid #d4d6df;
    height: 100%;
    padding-right: 60px;
}

#partners .wrapper .company-licenses .logo {
    border-right: 1px solid #d4d6df;
    padding-right: 25px;
    margin-right: 25px;
    height: 30px;
}

#partners .wrapper .company-licenses .logo img {
    height: 100%;
    width: auto;
}

#partners .wrapper .company-licenses .license {
    height: 30px;
    width: 120px;
}

#partners .wrapper .company-licenses .license img {
    width: 200px;
    height: 100%;
}

#partners .wrapper #partner-slide {
    height: 100%;
    padding-top: 30px;
    overflow: hidden;
}

#partners .wrapper #partner-slide p {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    color: #5f60aa;
}

#partners .wrapper #partner-slide .slide-p {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    margin: 0 20px;
    height: 22px;
    text-align: center;
}

#partners .wrapper #partner-slide .slide-p img {
    height: 100%;
    width: auto;
    text-align: center;
    margin: auto;
}

#main-footer {
    /*background: url(img/footer-bg.png);*/
    background-color: #fff;
    background-size: cover;
    position: relative;
}

#main-footer .wrapper {
    position: relative;
    width: 75%;
    margin: auto;
    padding-top: 60px;
    z-index: 10000;
}

#main-footer .wrapper .above {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#main-footer .wrapper .footer-videos {
    margin-top: 22px;
    width: 55%;
}

.video-box {
    display: none;
}
.video-box.shown {
    display: block;
}

.video-box iframe {
    width: 100%;
}

.video-thumbs {
    margin-top: 1rem;
    width: 100%;
}
.v-thumb {
    width: 118px;
    height: 60px;
    margin: 0 5px;
    padding-bottom: 5px;
    position: relative;
    cursor: pointer;
}

.v-thumb img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.v-thumb p {
    font-size: 10px;
    color: #262839;
}

.v-thumb::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #22293d;
}

.v-thumb:hover .play-i {
    -webkit-animation: anim-vid 1s infinite;
    animation: anim-vid 1s infinite;
}
.v-thumb.active {
    border-bottom: 1px solid var(--clr-primary);
}
.v-thumb .play-i {
    position: absolute;
    background: #707070;
    width: 20px;
    height: 20px;
    top: 30%;
    left: 50%;
    border-radius: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@-webkit-keyframes anim-vid {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.6;
    }
    100% {
        opacity: 1;
    }
}

@keyframes anim-vid {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.6;
    }
    100% {
        opacity: 1;
    }
}
.v-thumb p {
    font-size: 10px;
    margin-top: 4px;
}

#main-footer .wrapper .above .navigations {
    width: 45%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
}

#main-footer .wrapper .above .navigations .lines {
    width: 100%;
    margin-bottom: 0px;
    margin-left: 30px;
}

#main-footer .wrapper .above .navigations .nav {
    font-size: 16px;
    color: #262839;
    margin-bottom: 20px;
    font-weight: bold;
}

#main-footer .wrapper .above .navigations .nav span {
    color: #5f60aa;
}

#main-footer .wrapper .above .navigations .options {
    font-size: 12px;
    display: flex;
    flex-direction: column;
}

#main-footer .wrapper .above .navigations a {
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
    position: relative;
    margin-bottom: 10px;
    font-size: 12px;
}

#main-footer .wrapper .above .navigations a::after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 23px;
    height: 1px;
    background-color: #5f60aa;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-transition: 0.3s ease-in-out all;
    -o-transition: 0.3s ease-in-out all;
    transition: 0.3s ease-in-out all;
}

#main-footer .wrapper .above .navigations a:hover {
    color: #5f60aa;
}

#main-footer .wrapper .above .navigations a:hover::after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}

#main-footer .wrapper .above .navigations .p {
    font-size: 12px;
    margin-bottom: 10px;
}

#main-footer .wrapper .below .part {
    margin-top: 20px;
    line-height: 25px;
    font-size: 13px;
    color: #868592;
}

#main-footer .wrapper .below .part .head {
    color: #5f60aa;
    position: relative;
    margin-bottom: 28px;
}

#main-footer .wrapper .below .part .head-last {
    text-decoration: underline;
    font-weight: bold;
    margin-bottom: 28px;
}

#main-footer .wrapper .below .part .head::after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 23px;
    height: 1px;
    background-color: #5f60aa;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
}

#main-footer .wrapper .bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 60px;
    padding-bottom: 10px;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#main-footer .wrapper .mobile-first {
    display: none;
}
#main-footer .wrapper .mobile-socials {
    display: none;
}

#main-footer .wrapper .bottom .socials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
    position: absolute;
    z-index: 100;
    bottom: 40px;
}

#main-footer .wrapper .bottom .socials a {
    margin: 0 20px;
}

#main-footer .wrapper .bottom .socials a svg {
    height: 16px;
    width: 16px;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

#main-footer .wrapper .bottom .socials a:hover svg {
    fill: #5f60aa;
}

#main-footer .wrapper .bottom .middle {
    font-size: 14px;
    color: #262839;
    position: absolute;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; /** Y-axis align **/
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; /** X-axis align **/
    z-index: 1;
}

#main-footer .wrapper .bottom .footer-selection {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: -5px;
    position: relative;
    z-index: 100;
}

#main-footer .wrapper .bottom .footer-selection.new-payment-methods {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

#main-footer .wrapper .bottom .footer-selection.new-payment-methods img {
    height: 18px;
    width: auto;
    margin-right: 8px;
}

/* country  select */
.country-select-box {
    width: 120px;
    height: 30px;
    position: relative;
    font-size: 11px;
    margin-right: 11px;
}

.j-options-container,
.country-select-box .options-container {
    position: absolute;
    bottom: 30px;
    left: 0;
    background: #242424;
    color: #f5f6fa;
    max-height: 0;
    width: 100%;
    opacity: 0;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    border-radius: 4px;
    overflow: hidden;
}
.j-selected,
.country-select-box .selected {
    height: 30px;
    background: #5f60aa;
    border-radius: 4px;
    color: #f5f6fa;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.j-selected label,
.country-select-box .selected label {
    pointer-events: none;
    font-size: 12px;
}
.j-selected input,
.country-select-box .selected input {
    display: none;
}
.j-selected::after,
.country-select-box .selected::after {
    content: "";
    background: url("/frontend-assets/img/arr-drops.svg");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    height: 100%;
    width: 16px;
    right: 8px;
    top: 0px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.j-options-container.active,
.country-select-box .options-container.active {
    max-height: 150px;
    opacity: 1;
    overflow-y: scroll;
}

.j-options-container.active + .j-selected::after,
.country-select-box .options-container.active + .selected::after {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

.j-options-container.active + .j-selected.in-header::after {
    transform: rotate(0);
}
.j-options-container::-webkit-scrollbar,
.country-select-box .options-container::-webkit-scrollbar {
    width: 8px;
    background: #525861;
    border-radius: 0 8px 8px 0;
}
.j-options-container::-webkit-scrollbar-thumb,
.country-select-box .options-container::-webkit-scrollbar-thumb {
    background: #5f60aa;
    border-radius: 4px;
}

.selected img,
.country-select-box .option img {
    max-height: 18px;
    height: auto;
}
.j-option,
.country-select-box .option {
    height: 30px;
    width: 100%;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}
.country-select-box .option {
    width: 132px;
}
.j-option:hover,
.country-select-box .option:hover {
    background: #5f60aaa8;
}
.j-selected label,
.j-option label,
.selected label,
.country-select-box .option label {
    cursor: pointer;
    width: 100%;
    height: 100%;
    padding: 0 33px 0 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    pointer-events: none; /* to avoid executing code twice - so make radio on top*/
}

.j-option .radio,
.country-select-box .option .radio {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* iurisdiqcia */
.Jurisdiction-select-box {
    height: 30px;
    position: relative;
    font-size: 10px;
    width: 190px;
}

.j-options-container.active .Jurisdiction-select-box {
    max-height: 150px;
    overflow-y: scroll;
}

.j-options-container .j-option label {
    padding: 0 10px 0 12px;
}
.j-options-container .j-option label span {
    color: var(--clr-primary);
}

.j-selected label span {
    color: var(--clr-primary);
}

.j-selected.in-header {
    background: transparent;
    color: #000;
}

.j-selected.in-header::after {
    clip-path: polygon(49% 57%, 0% 100%, 100% 100%);
    width: 12px;
    height: 13px;
    background-color: #000;
    transform: rotate(180deg);
    top: 10px;
    right: 10px;
    transition: all 0.3s;
}

.j-selected.in-header label {
    padding-left: 0;
}

#main-footer .insite {
    text-align: center;
    font-size: 12px;
    padding-bottom: 10px;
}

#main-footer .insite a {
    color: #e81747;
}

/* WINDOWS-PF.HTML */

.platform-showcase {
    background: -o-linear-gradient(left top, #f5f5f5, #f5f5f5, #5f60aa);
    background: -webkit-gradient(
        linear,
        left top,
        right bottom,
        from(#5f60aa),
        color-stop(#f5f5f5),
        to(#5f60aa)
    );
    background: linear-gradient(to right bottom, #f5f5f5, #f5f5f5, #5f60aa);
    height: auto;
    padding-bottom: 100px;
}
#platform .wrapper {
    width: 75%;
}

/*.platform-showcase.mac-showcase {
    height: auto;
}*/

.platform-showcase .wrapper {
    width: 75%;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 200px;
    color: #fff;
}

.platform-showcase .wrapper .text {
    max-width: 500px;
}

.platform-showcase .wrapper .text h2 {
    font-size: 40px;
    margin-bottom: 20px;
    color: #5f60aa;
}

.platform-showcase .wrapper .text .par {
    font-size: 16px;
    margin-bottom: 20px;
    color: #5f60aa;
}
.platform-showcase .wrapper .text .lp {
    color: #5f60aa;
}

.platform-showcase .wrapper .text .download img {
    width: 20px;
    text-align: start;
    margin-right: 20px;
}

.platform-showcase .wrapper .text .download {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 167px;
    height: 50px;
    margin: 25px 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #5f60aa;
    color: rgba(255, 255, 255, 0.815);
    font-size: 12px;
    padding-left: 20px;
    border-radius: 5px;
    -webkit-transition: 0.5s all ease-in-out;
    -o-transition: 0.5s all ease-in-out;
    transition: 0.5s all ease-in-out;
    position: relative;
}

.platform-showcase .wrapper .text .download::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 5px;
    top: 0;
    left: 0;
    -webkit-box-shadow: 0px 0px 38px -12px #5f60aa;
    box-shadow: 0px 0px 38px -12px #5f60aa;
}

.platform-showcase .wrapper .text .download p {
    text-align: left;
    -webkit-transition: 0.5s all ease-in-out;
    -o-transition: 0.5s all ease-in-out;
    transition: 0.5s all ease-in-out;
    font-size: 12px;
}

.platform-showcase .wrapper .text .download p span {
    font-weight: bold;
    color: #fff;
    -webkit-transition: 0.5s all ease-in-out;
    -o-transition: 0.5s all ease-in-out;
    transition: 0.5s all ease-in-out;
}

.platform-showcase .wrapper .text .download:hover {
    -webkit-box-shadow: inset -110px 0px 0px 0px #e0f0f7;
    box-shadow: inset -110px 0px 0px 0px #e0f0f7;
}

.platform-showcase .wrapper .text .download:hover p {
    color: #5f60aa;
    margin-left: 5px;
}
.platform-showcase .wrapper .text .download:hover p span {
    color: #5f60aa;
}

.platform-showcase .wrapper .text .new-link {
    font-size: 12px;
    color: #5f60aa;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.platform-showcase .wrapper .text .new-link .new {
    font-size: 8px;
    background-color: #5f60aa;
    border-radius: 5px;
    padding: 5px 8px 3px 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 15px;
}

.platform-showcase .wrapper .text .new-link a {
    text-decoration: underline;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.platform-showcase .wrapper .text .new-link a:hover {
    color: #5f60aa;
}

.other-devices .content {
    width: 75%;
    margin: 55px auto;
    text-align: center;
    padding: 50px 80px;
    -webkit-box-shadow: 0px 0px 58px -31px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 0px 58px -31px rgba(0, 0, 0, 0.35);
}

.other-devices .content .title {
    color: #000;
    font-size: 22px;
    margin-bottom: 60px;
}

.other-devices .content .parts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.other-devices .content .parts .each {
    max-width: 370px;
}

.other-devices .content .parts .each.middle {
    margin: 0 10px;
}

.other-devices .content .parts img {
    width: 35px;
    margin-bottom: 18px;
}

.other-devices .content .parts .each .head {
    margin-bottom: 20px;
    color: #242424;
    font-size: 18px;
}

.other-devices .content .parts .each .par {
    font-size: 14px;
    color: #8b8ea8;
    margin-bottom: 60px;
}

.other-devices .content .parts .each a {
    border: 1px #5f60aa solid;
    color: #5f60aa;
    padding: 12px 40px;
    border-radius: 25px;
    -webkit-transition: ease-in-out all 0.5s;
    -o-transition: ease-in-out all 0.5s;
    transition: ease-in-out all 0.5s;
    font-size: 16px;
}

.other-devices .content .parts .each a:hover {
    -webkit-box-shadow: inset 0px 0px 0px 23px #5f60aa;
    box-shadow: inset 0px 0px 0px 23px #5f60aa;
    color: #fff;
    font-size: 14px;
}

.signup-sec {
    background: -o-linear-gradient(right bottom, #5f60aa, #5f60aa, #5f60aa);
    background: -webkit-gradient(
        linear,
        right bottom,
        left top,
        from(#5f60aa),
        color-stop(#5f60aa),
        to(#5f60aa)
    );
    background: linear-gradient(to left top, #5f60aa, #5f60aa, #5f60aa);
    text-align: center;
    padding: 75px 0;
    position: relative;
    margin-bottom: 60px;
}

.signup-sec .background {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.signup-sec .form-box {
    position: relative;
    width: 530px;
    margin: auto;
    background-color: #fff;
    border-radius: 5px;
    padding: 25px 35px;
    z-index: 1000;
}

.signup-sec .form-box .title {
    color: #1c1b25;
    text-align: left;
    font-size: 24px;
    margin-bottom: 22px;
}

.signup-sec .form-box .par {
    color: #636363;
    font-size: 14px;
    text-align: left;
    margin-bottom: 40px;
}

.signup-sec .form-box .input {
    position: relative;
    height: 60px;
    border-radius: 5px;
    margin-bottom: 28px;
    border: 1px solid #5f60aa;
}

.signup-sec .form-box .input input {
    width: 100%;
    height: 100%;
    background: none;
    border: none;
    padding-left: 21px;
    outline: none;
    font-size: 14px;
}

.signup-sec .form-box .input input::-webkit-input-placeholder {
    color: #5f60aa;
    font-size: 14px;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
}

.signup-sec .form-box .input input::-moz-placeholder {
    color: #5f60aa;
    font-size: 14px;
    -moz-transition: 0.5s all;
    transition: 0.5s all;
}

.signup-sec .form-box .input input:-ms-input-placeholder {
    color: #5f60aa;
    font-size: 14px;
    -ms-transition: 0.5s all;
    transition: 0.5s all;
}

.signup-sec .form-box .input input::-ms-input-placeholder {
    color: #5f60aa;
    font-size: 14px;
    -ms-transition: 0.5s all;
    transition: 0.5s all;
}

.signup-sec .form-box .input input::placeholder {
    color: #5f60aa;
    font-size: 14px;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
}

.signup-sec .form-box .input .label {
    position: absolute;
    left: 20px;
    top: -11px;
    font-size: 14px;
    background-color: #fff;
    color: #5f60aa;
    padding: 0 5px;
    opacity: 0;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
}

.signup-sec .form-box .input input:focus + .label {
    opacity: 1;
}

.signup-sec .form-box .input input:focus::-webkit-input-placeholder {
    color: transparent;
}

.signup-sec .form-box .input input:focus::-moz-placeholder {
    color: transparent;
}

.signup-sec .form-box .input input:focus:-ms-input-placeholder {
    color: transparent;
}

.signup-sec .form-box .input input:focus::-ms-input-placeholder {
    color: transparent;
}

.signup-sec .form-box .input input:focus::placeholder {
    color: transparent;
}

.signup-sec .agree {
    color: #1c1b25;
    font-size: 12px;
    margin-bottom: 20px;
}

.signup-sec .agree a {
    color: #237dea;
}

.signup-sec .open-acc {
    width: 100%;
    background-color: #fff;
    height: 55px;
    color: #fff;
    font-size: 16px;
    border-radius: 5px;
    -webkit-transition: 0.5s all ease-in-out;
    -o-transition: 0.5s all ease-in-out;
    transition: 0.5s all ease-in-out;
    margin-bottom: 20px;
    -webkit-box-shadow: inset 0px 0px 0px 30px #5f60aa;
    box-shadow: inset 0px 0px 0px 30px #5f60aa;
}

.signup-sec .open-acc:hover {
    -webkit-box-shadow: inset 0px 0px 0px 3px #5f60aa;
    box-shadow: inset 0px 0px 0px 3px #5f60aa;
    border-radius: 5px;
    color: #5f60aa;
}

/* phone index */
.input.phone-index {
    position: relative;
}

.phone-index-wrapper {
    position: absolute;
    top: 15px;
    right: 10px;
    height: 35px;
    width: 60px;
}
.phone-index-wrapper img {
    height: 30px;
}
.index-container {
    position: absolute;
    background-color: #fff;
    top: 35px;
    right: 0;
    width: 57px;
    height: 105px;
    overflow-y: scroll;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    opacity: 0;
    -webkit-transition: 0.37s;
    -o-transition: 0.37s;
    transition: 0.37s;
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
}
.index-container.active {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    opacity: 1;
}
.selected-index {
    height: 35px;
    display: block;
    position: relative;
    left: 25px;
}
.selected-index::after {
    content: "";
    position: absolute;
    top: 11px;
    right: 0px;
    width: 10px;
    height: 8px;
    background: black;
    -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.index-container.active + .selected-index::after {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.selected-index label {
    height: 100%;
    width: 100%;
    display: block;
}
.option-index {
    height: 35px;
    width: 100%;
    position: relative;
}
.option-index label {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
}
.option-index input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.index-container::-webkit-scrollbar {
    width: 3px;
    background: #525861;
    border-radius: 0 5px 5px 0;
}
.index-container::-webkit-scrollbar-thumb {
    background: #5f60aa;
    border-radius: 4px;
}

/* CONTACT.HTML */

.bodies {
    background-color: #f5f5f5;
    padding-top: 130px;
    /* height: 100%; */
    overflow: hidden;
    margin-bottom: 0;
}

.bodies.white {
    background-color: #fff;
}

.path {
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 50px;
    color: #d2d2d2;
}

.path .pathway {
    color: #d2d2d2;
    position: relative;
    width: auto;
    margin: auto;
    border-radius: 6px;
    background-color: #fff;
    font-size: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 0px 0px 10px 1px rgba(95, 96, 170, 0.22);
    box-shadow: 0px 0px 10px 1px rgba(95, 96, 170, 0.22);
    padding: 0 20px;
    padding-bottom: 4px;
}

.path .pathway .selected-page {
    color: #5f60aa;
    border-bottom: 1px solid #5f60aa;
    padding-bottom: 4px;
}

.path .pathway .home {
    background-color: #5f60aa;
    position: absolute;
    top: -8px;
    left: -17px;
    width: 36px;
    height: 36px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    text-align: center;
}

.path .pathway .home img {
    width: 20px;
    padding-top: 7px;
}

.path .pathway .links {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 4px;
    margin-bottom: 0;
}

.path .pathway .links a {
    margin-left: 10px;
    padding-bottom: 4px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.path .pathway .links a:hover {
    color: #5f60aa;
}

.path .pathway .links a i {
    margin-right: 2px;
}

.send-message .head {
    text-align: center;
    margin-bottom: 45px;
}

.send-message .head .title {
    font-size: 30px;
    margin-bottom: 16px;
    color: #262839;
}

.send-message .head .par {
    font-size: 16px;
    color: #636e72;
}

.send-message .message-wrapper {
    width: 75%;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 70px;
}

.send-message .message-wrapper .message-left .top .title {
    font-size: 14px;
    color: #000;
    margin-bottom: 14px;
}

.send-message .message-wrapper .message-left .top .par {
    color: #9f9f9f;
    font-size: 12px;
    max-width: 328px;
    margin-bottom: 20px;
}

.send-message .message-wrapper .message-left .bottom .title {
    font-size: 14px;
    color: #000;
    margin-bottom: 14px;
}

.send-message .message-wrapper .message-left .bottom .par {
    color: #000;
    font-size: 12px;
    margin-bottom: 16px;
}

.send-message .message-wrapper .message-left .bottom .contact-info .each-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    margin-bottom: 10px;
}

.contact_new_content {
    margin-bottom: 40px;
}

.contact_new_content p {
    font-size: 14px;
    margin-bottom: 15px;
}

.send-message
    .message-wrapper
    .message-left
    .bottom
    .contact-info
    .each-info:hover
    .icon {
    /*background-color: #f5f5f5;*/
    -webkit-box-shadow: inset 0 0 0 17px #f5f5f5;
    box-shadow: inset 0 0 0 17px #f5f5f5;
}

.send-message
    .message-wrapper
    .message-left
    .bottom
    .contact-info
    .each-info:hover
    .icon
    svg {
    fill: #5f60aa;
}

.send-message
    .message-wrapper
    .message-left
    .bottom
    .contact-info
    .each-info
    .icon {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background-color: #5f60aa;
    border: 1px solid #5f60aa;
    margin-right: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    transition: all ease-in-out 0.5s;
}

.send-message
    .message-wrapper
    .message-left
    .bottom
    .contact-info
    .each-info
    .icon
    svg {
    width: 14px;
    fill: #fff;
    -webkit-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    transition: all ease-in-out 0.5s;
}

.send-message
    .message-wrapper
    .message-left
    .bottom
    .contact-info
    .each-info
    p {
    font-size: 12px;
    color: #000;
}

.send-message .message-wrapper .message-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 58%;
    margin-left: 20px;
}

.send-message .message-wrapper .message-right .inputs {
    width: 100%;
    border: none;
    background: none;
    height: 50px;
    color: #000;
    padding-left: 22px;
    background-color: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 9px;
    font-size: 12px;
    margin-bottom: 13px;
    outline: none;
}

.send-message
    .message-wrapper
    .message-right
    .inputs::-webkit-input-placeholder {
    color: #929292;
}

.send-message .message-wrapper .message-right .inputs::-moz-placeholder {
    color: #929292;
}

.send-message .message-wrapper .message-right .inputs:-ms-input-placeholder {
    color: #929292;
}

.send-message .message-wrapper .message-right .inputs::-ms-input-placeholder {
    color: #929292;
}

.send-message .message-wrapper .message-right .inputs::placeholder {
    color: #929292;
}

.send-message .message-wrapper .message-right textarea {
    height: 130px !important;
    padding-top: 20px;
}

.send-message .message-wrapper .message-right .send-button {
    width: 100%;
    height: 35px;
    background-color: #5f60aa;
    border-radius: 9px;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    -webkit-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    transition: all ease-in-out 0.5s;
}

.send-message .message-wrapper .message-right .send-button:hover {
    -webkit-box-shadow: inset 0 -35px 0 0 #5f60aa;
    box-shadow: inset 0 -35px 0 0 #5f60aa;
}

.locations {
    margin-bottom: 60px;
}

.locations .head {
    text-align: center;
    margin-top: 40px;
}

.locations .head h6 {
    color: #262839;
    font-size: 30px;
    margin-bottom: 16px;
}

.locations .head p {
    font-size: 16px;
    color: #636e72;
    margin-bottom: 50px;
}

.locations .wrapper {
    width: 60%;
    margin: auto;
}

.each-country-info {
    overflow: hidden;
    transition: all ease-in-out 0.5s;
    max-height: 130px;
    transition: all ease-in-out 0.7s;
}

.each-country-info.country_info_clicked {
    max-height: 10000px;
}

.locations .wrapper .country {
    margin-top: 0px;
}

.locations .wrapper .country .head {
    margin-bottom: 30px;
    text-align: left;
}

.locations .wrapper .country .head .name {
    font-size: 24px;
    color: #5f60aa;
    position: relative;
    margin-bottom: 18px;
    font-weight: bold;
}

.locations .wrapper .country .head .name::after {
    position: absolute;
    content: "";
    width: 60px;
    height: 1px;
    background-color: #5f60aa;
    left: 0;
    bottom: -7px;
}

.locations .wrapper .country .head p {
    font-size: 16px;
    color: #636e72;
}

.locations .wrapper .country .info-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 45px;
}

.locations .wrapper .country .info-flex .border {
    border: none;
    background: no-repeat;
    height: 60px;
    width: 1px;
    background-color: #e6e6e6;
}

.locations .wrapper .country .info-flex .each-flex .title {
    font-size: 14px;
    color: #636e72;
    margin-bottom: 13px;
}

.locations .wrapper .country .info-flex .each-flex .ad {
    font-size: 20px;
    color: #262839;
}

.locations .wrapper .offices .office-titles {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    margin-bottom: 37px;
}

.locations .wrapper .offices .office-titles img {
    width: 16px;
    margin-right: 5px;
}

.locations .wrapper .offices .office-titles p {
    font-size: 14px;
    color: #5f60aa;
}

.locations .wrapper .offices .office-titles::after {
    position: absolute;
    content: "";
    width: 200px;
    height: 1px;
    background-color: #5f60aa;
    left: 0;
    bottom: -10px;
}

.locations .wrapper .offices .slide {
    position: relative;
}

.locations .wrapper .offices .slide .slides img {
    height: 180px;
    width: 270px;
    margin-right: 23px;
    border-radius: 30px;
}

.locations .wrapper .offices .slide .slides {
    margin-right: -23px;
}

.locations .wrapper .offices .slide .chevron {
    position: absolute;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #5f60aa;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    transition: all ease-in-out 0.5s;
}

.locations .wrapper .offices .slide .chevron:hover {
    -webkit-box-shadow: inset 0 0 0 18px #5f60aa;
    box-shadow: inset 0 0 0 18px #5f60aa;
}

.locations .wrapper .offices .slide .chevron img {
    height: 14px;
}

.locations .wrapper .offices .slide .chevron.next {
    right: -18px;
    top: calc(50% - 18px);
}

.locations .wrapper .offices .slide .chevron.prev {
    left: -18px;
    top: calc(50% - 18px);
}

.locations .wrapper .offices .map {
    width: 100%;
    height: 180px;
    margin-top: 43px;
    margin-bottom: 54px;
}

.locations .wrapper .offices .map iframe {
    width: 100%;
    height: 100%;
    border-radius: 30px;
}

.locations .wrapper .uk-sec {
    border-top: 1px solid #e6e6e6;
    padding-top: 0px;
    margin-top: 0px;
}

/* ACCOUNT-TYPES.HTML */

.heads-forall {
    text-align: center;
    margin-top: 60px;
}

.heads-forall h2 {
    font-size: 32px;
    color: #262839;
    margin-bottom: 16px;
}

.heads-forall .h2 .lighter {
    font-weight: normal;
}

.heads-forall p {
    font-size: 16px;
    color: #636e72;
    margin-bottom: 40px;
    max-width: 824px;
    margin: auto;
}

.wrapper-acctypes {
    width: 75%;
    margin: auto;
}

.wrapper-acctypes .live-demo {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 30px;
}

.wrapper-acctypes .live-demo .each.live {
    margin-right: 30px;
}

.wrapper-acctypes .live-demo .title {
    margin-bottom: 15px;
    font-size: 17px;
    font-weight: bold;
}

.wrapper-acctypes .live-demo .para {
    font-size: 14px;
}

.wrapper-acctypes .new-content {
    padding: 11px 22px;
    background: #f8f9ee;
    border: 1px solid #c3c3c3;
    margin-bottom: 50px;
}

.wrapper-acctypes .new-content .main-title {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px;
}

.wrapper-acctypes .new-content .para {
    font-size: 14px;
    line-height: 29px;
    margin-bottom: 10px;
}

.prolev-page.leverage .new-content {
    margin-bottom: 50px;
}

.prolev-page.leverage .new-content .title {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px;
}

.prolev-page.leverage .new-content .subtitle {
    margin-bottom: 25px;
    font-size: 14px;
}

.prolev-page.leverage .new-content .step {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 30px;
}

.prolev-page.leverage .new-content .p {
    font-size: 13px;
    margin-bottom: 10px;
}

.wrapper-acctypes .new_pockets {
    margin: 40px 0;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 20px;
}

.wrapper-acctypes .new_pockets .columns {
    display: inline-block;
}

.wrapper-acctypes .new_pockets .columns img {
    margin-bottom: 15px;
    margin-left: -40px;
}

.wrapper-acctypes .new_pockets .columns .title {
    color: #5f60aa;
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 22px;
}

.wrapper-acctypes .new_pockets .columns .title span {
    font-size: 20px;
    font-weight: normal;
}

.wrapper-acctypes .new_pockets .columns .check {
    position: relative;
    font-size: 18px;
    color: #4d4d4d;
    margin-bottom: 15px;
    padding-left: 35px;
}

.wrapper-acctypes .new_pockets .columns .check::after {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 24px;
    height: 24px;
    background: url(/frontend-assets/img/pockets/checkmark.png) no-repeat;
    background-position: center;
    background-size: contain;
}

.new_pockets_table {
    margin-bottom: 50px;
    overflow-x: scroll;
}

.new_pockets_table table {
    border-collapse: collapse;
    border: none;
    text-align: center;
    color: #5f60aa;
    width: 100%;
}

.new_pockets_table table tr:nth-child(2) td {
    border-top: none;
}

.new_pockets_table table td:first-child {
    text-align: left;
}

.new_pockets_table table th {
    border: none;
}

.wrapper-acctypes .acc-types {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 25px 1fr 25px 1fr;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 25px;
    margin-bottom: 60px;
    margin-top: 60px;
}

.wrapper-acctypes .acc-types img {
    width: 20px;
    margin-right: 12px;
}

.wrapper-acctypes .acc-types .boxes {
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.082);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.082);
    border-radius: 5px;
    padding-bottom: 50px;
    position: relative;
}

.wrapper-acctypes .acc-types .boxes .box-wrap {
    width: 90%;
    margin: auto;
    margin-top: 34px;
}

.wrapper-acctypes .acc-types .boxes .box-wrap .head-box .title {
    color: #000;
    font-size: 20px;
    margin-bottom: 16px;
}

.wrapper-acctypes .acc-types .boxes .box-wrap .head-box .par {
    font-size: 14px;
    color: #697d8c;
    margin-bottom: 33px;
}

.wrapper-acctypes .acc-types .boxes .box-wrap .items .lines {
    border-bottom: 1px solid #eeeeeed0;
    padding-bottom: 12px;
    margin-bottom: 10px;
}

.wrapper-acctypes .acc-types .boxes .box-wrap .items .lines .item-name {
    font-size: 11px;
    color: #000;
    margin-bottom: 14px;
}

.wrapper-acctypes .acc-types .boxes .box-wrap .items .lines .description {
    color: #697d8c;
    font-size: 14px;
}

.wrapper-acctypes .acc-types .boxes .box-wrap .more {
    color: #5f60aa;
    font-size: 11px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    border: 1.5px #5f60aa solid;
    border-radius: 5px;
    padding: 6px;
    margin-top: 10px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 15px;
    box-shadow: inset 0 0 10px 40px #fff;
}

.wrapper-acctypes .acc-types .boxes .box-wrap .more:hover {
    box-shadow: inset 0 0 4px 0px #5f60aa;
}

.wrapper-acctypes .acc-types .boxes .box-wrap .acc-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 15px;
    margin-bottom: 20px;
}

.wrapper-acctypes .acc-types .boxes .box-wrap .acc-btns .open {
    width: 100px;
    height: 50px;
    background-color: #5f60aa;
    color: #fff;
    font-size: 11px;
    margin: 3px;
    border-radius: 5px;
    -webkit-transition: 0.5s all ease-in-out;
    -o-transition: 0.5s all ease-in-out;
    transition: 0.5s all ease-in-out;
}

.wrapper-acctypes .acc-types .boxes .box-wrap .acc-btns .open.demo {
    background-color: #ebebeb;
    color: #5f60aa;
}

.wrapper-acctypes .acc-types .boxes .box-wrap .acc-btns .open.demo:hover {
    -webkit-box-shadow: inset 100px 0px 0px 0px #5f60aa;
    box-shadow: inset 100px 0px 0px 0px #5f60aa;
    color: #ebebeb;
}
.wrapper-acctypes .acc-types .boxes .box-wrap .acc-btns .open.live:hover {
    -webkit-box-shadow: inset -100px 0px 0px 0px #ebebeb;
    box-shadow: inset -100px 0px 0px 0px #ebebeb;
    color: #5f60aa;
}

.wrapper-acctypes .content .first {
    padding: 11px 22px;
    background: #f8f9ee;
    border: 1px solid #c3c3c3;
    font-size: 14px;
    color: #697d8c;
    margin-bottom: 34px;
}

.wrapper-acctypes .content .first .business-hours {
    margin-bottom: 10px;
}

.wrapper-acctypes .content .second {
    margin-bottom: 60px;
}

.wrapper-acctypes .content .spec {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
}

.wrapper-acctypes .content table {
    width: 100%;
    margin-bottom: 30px;
}

.wrapper-acctypes .content .second .question {
    font-size: 20px;
    color: #000;
    margin-bottom: 25px;
}

.wrapper-acctypes .content .second p {
    font-size: 14px;
    line-height: 29px;
    color: #697d8c;
}

.wrapper-acctypes .content .second .paragraph {
    margin-bottom: 20px;
}

.ready {
    width: 75%;
    margin: auto;
}

.ready .open-here {
    background-color: #5f60aa;
    border: 2px solid #5f60aa;
    width: 100%;
    height: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    font-size: 18px;
    margin-bottom: 100px;
    border-radius: 5px;
    -webkit-transition: 0.5s all ease-in-out;
    -o-transition: 0.5s all ease-in-out;
    transition: 0.5s all ease-in-out;
}

.ready .open-here span {
    font-weight: bolder;
    text-decoration: underline;
}

.ready .open-here img {
    width: 40px;
    margin-right: 25px;
}

/* AFFILIATE-PROGRAMS.HTML */

.wrapper-affiliate {
    width: 75%;
    margin: auto;
    margin-top: 60px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.btn-affiliate {
    text-align: center;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    top: 200px;
}

#open-affiliate-content {
    position: relative;
    width: 20px;
    height: 40px;
    margin-bottom: 40px;
}

#open-affiliate-content::after {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    width: 20px;
    height: 20px;
    background: #5f60aa;
    -webkit-clip-path: polygon(
        63% 0,
        30% 49%,
        65% 100%,
        48% 100%,
        0% 50%,
        46% 0
    );
    clip-path: polygon(63% 0, 30% 49%, 65% 100%, 48% 100%, 0% 50%, 46% 0);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.wrapper-affiliate .affiliate-content {
    max-height: 0;
    overflow-y: hidden;
    -webkit-transition: max-height all 0.3s ease-in-out;
    -o-transition: max-height all 0.3s ease-in-out;
    transition: max-height all 0.3s ease-in-out;
    padding-top: 50px;
    color: #636e72;
}

.wrapper-affiliate .affiliate-content.open-affiliate {
    max-height: 100%;
    opacity: 1;
    -webkit-transition: max-height all 0.3s ease-in-out;
    -o-transition: max-height all 0.3s ease-in-out;
    transition: max-height all 0.3s ease-in-out;
}

.affiliate-content.open-affiliate
    + .btn-affiliate
    #open-affiliate-content::after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.wrapper-affiliate .affiliate-content .bold {
    margin-top: 30px;
    margin-bottom: 15px;
}

.wrapper-affiliate .affiliate-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    margin-top: 60px;
}

.wrapper-affiliate .affiliate-flex .img {
    width: 600px;
    margin-right: 20px;
}

.wrapper-affiliate .affiliate-flex .steps {
    max-width: 414px;
}

.wrapper-affiliate .affiliate-flex .steps .step {
    margin-bottom: 70px;
}

.wrapper-affiliate .affiliate-flex .steps .step h5 {
    font-size: 22px;
    color: #5f60aa;
    margin-bottom: 19px;
}

.wrapper-affiliate .affiliate-flex .steps .step p {
    color: #aaaaaa;
    font-size: 14px;
}
.wrapper-affiliate .heads-forall {
    margin-bottom: 40px;
}

.dl-presentation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    color: #5f60aa;
    cursor: pointer;
    margin-bottom: 10px;
}

.dl-presentation img {
    width: 15px;
    margin-right: 5px;
}

.dl-presentation:hover {
    text-decoration: underline;
}

.wrapper-affiliate .affiliate-flex .steps .step .dl-presentation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 12px;
    color: #5f60aa;
    cursor: pointer;
    margin-top: 20px;
}

.wrapper-affiliate .affiliate-flex .steps .step .dl-presentation img {
    width: 15px;
    margin-right: 5px;
}

.wrapper-affiliate .affiliate-flex .steps .step .dl-presentation:hover {
    text-decoration: underline;
}

.start-register {
    text-align: center;
    margin-bottom: 60px;
}

.start-register .register {
    background-color: #5f60aa;
    border: 2px solid #5f60aa;
    color: #fff;
    font-size: 14px;
    width: 156px;
    height: 40px;
    border-radius: 5px;
    -webkit-transition: 0.5s all ease-in-out;
    -o-transition: 0.5s all ease-in-out;
    transition: 0.5s all ease-in-out;
}

.start-register .register:hover {
    -webkit-box-shadow: inset 0px -55px 0px -16px #f5f5f5;
    box-shadow: inset 0px -55px 0px -16px #f5f5f5;
    color: #5f60aa;
}

/* LICENSES.HTML */

.heads-forall .search-license {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 75%;
    height: 57px;
    margin: 32px auto;
    margin-bottom: 16px;
    background-color: transparent;
    border: solid 1px rgb(229, 229, 229);
    border-radius: 5px;
}

.heads-forall .search-license img {
    width: 17px;
    margin-left: 10px;
}

.heads-forall .search-license input {
    width: 100%;
    height: 100%;
    margin: 0 10px;
    outline: none;
    border: none;
    background-color: transparent;
}

.heads-forall .search-license input::-webkit-input-placeholder {
    color: #a2a2a2;
    font-size: 12px;
}

.heads-forall .search-license input::-moz-placeholder {
    color: #a2a2a2;
    font-size: 12px;
}

.heads-forall .search-license input:-ms-input-placeholder {
    color: #a2a2a2;
    font-size: 12px;
}

.heads-forall .search-license input::-ms-input-placeholder {
    color: #a2a2a2;
    font-size: 12px;
}

.heads-forall .search-license input::placeholder {
    color: #a2a2a2;
    font-size: 12px;
}

.heads-forall .search-license .search-btn {
    width: 75px;
    height: 43px;
    background-color: #5f60aa;
    color: #fff;
    font-size: 12px;
    border-radius: 5px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 7px;
}

.wrapper-license {
    width: 75%;
    margin: auto;
}

.wrapper-license .content .first {
    font-size: 12px;
    color: #697d8c;
    margin-bottom: 34px;
}

.wrapper-license .content .first .business-hours {
    margin-bottom: 10px;
}

.wrapper-license .content .second {
    margin-bottom: 60px;
}

.wrapper-license .content .second .question {
    font-size: 20px;
    color: #000;
    margin-bottom: 25px;
}

.wrapper-license .content .second p {
    font-size: 12px;
    color: #697d8c;
}

.wrapper-license .content .second .paragraph {
    margin-bottom: 20px;
}

.wrapper-license .title {
    text-align: center;
    margin-top: 43px;
    margin-bottom: 32px;
    color: #262839;
    font-size: 32px;
}

.wrapper-license .categories {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 25px 1fr 25px 1fr;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 25px;
    margin-bottom: 62px;
}

.wrapper-license .categories .box {
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.089);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.089);
    background-color: #fff;
}

.wrapper-license .categories .box .texts {
    width: 90%;
    margin: 25px auto;
}

.wrapper-license .categories .box .texts img {
    width: 18px;
    height: 18px;
}

.wrapper-license .categories .box .texts h6 {
    font-size: 18px;
    color: #000;
    margin-bottom: 16px;
}

.wrapper-license .categories .box .texts p {
    font-size: 14px;
    color: #697d8c;
    margin-bottom: 18px;
}

.wrapper-license .categories .box .texts .down {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.wrapper-license .categories .box .texts .down a {
    background-color: #5f60aa;
    color: #fff;
    font-size: 11px;
    padding: 5px 10px;
    border-radius: 5px;
}

/* LEGAL-DOCS.HTML */

.legal-wrapper {
    /* width: 1000px;
    margin: auto; */
}

.legal-wrapper .list-of-docs {
    margin-top: 100px;
}

.legal-wrapper .list-of-docs .doc-navs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.legal-wrapper .list-of-docs .doc-navs .doc-types {
    width: 50%;
    text-align: center;
    font-size: 16px;
    color: #d5d5d5;
    padding-bottom: 7.5px;
    border-bottom: 1px solid #d5d5d5;
    margin-bottom: 37px;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.legal-wrapper .list-of-docs .doc-navs .doc-types.active {
    color: #5f60aa;
    border-bottom: 1px solid #5f60aa;
}

.legal-wrapper .list-of-docs .doc-navs .doc-types:hover {
    color: #5f60aa;
}

.legal-wrapper .list-of-docs .doc-content {
    margin-bottom: 95px;
}

.legal-wrapper .list-of-docs .doc-content .title {
    color: #262839;
    font-size: 20px;
}

.legal-wrapper .list-of-docs .doc-content .dl-pdf {
    font-size: 12px;
    color: #d1d1d1;
}

.legal-wrapper .list-of-docs .doc-content .pdf-list {
    margin-top: 30px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.legal-wrapper .list-of-docs .doc-content .pdf-list a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
}

.legal-wrapper .list-of-docs .doc-content .pdf-list a img {
    width: 12.3px;
    height: 16.4px;
    margin-right: 5px;
}

.legal-wrapper .list-of-docs .doc-content {
    display: none;
}

.legal-wrapper .list-of-docs .doc-content.shown {
    display: block;
}

/* FAQ.HTML */

.faq-wrapper {
    width: 75%;
    margin: auto;
}

.faq-wrapper svg {
    width: 17px;
    height: 17px;
    fill: #636e72;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.faq-wrapper .filter-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 20px;
    margin-top: 50px;
}

.faq-wrapper .filter-btns .filter {
    width: 100%;
    height: 110px;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.116);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.116);
    border-radius: 5px;
    border: 1px solid transparent;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.faq-wrapper .filter-btns .filter:hover {
    border: 1px solid #5f60aa;
}

.faq-wrapper .filter-btns .filter.active-faq {
    box-shadow: 0px 12px 6px 0px #5f60aa27;
    border: 1px solid #5f60aa;
}

.faq-wrapper .filter-btns .filter.active-faq svg {
    fill: #5f60aa;
}

.faq-wrapper .message-wrapper {
    width: 100%;
    margin: 0;
    margin-bottom: 50px;
}

.faq-wrapper .message-wrapper .message-right {
    width: 100%;
    margin: 0;
}

.faq-wrapper .message-wrapper .inputs {
    width: 100%;
}

.faq-wrapper .faq-context .title {
    font-size: 18px;
    margin-bottom: 5px;
}

.faq-wrapper .faq-context .p,
.faq-wrapper .faq-context ul li {
    font-size: 12px;
    margin-bottom: 20px;
}

.faq-wrapper .faq-context a {
    color: #5f60aa;
    text-decoration: underline;
}

.faq-wrapper .faq-context .pur {
    color: #5f60aa;
    font-weight: bold;
}

.question-list {
    margin-top: 64px;
    margin-bottom: 100px;
    display: none;
}

.question-list.shown-faq {
    display: block;
}

.question-list .question-lines img {
    width: 15px;
}

.question-list .question-lines {
    position: relative;
    border-bottom: 1px solid #cfcfcf;
    padding-bottom: 0px;
    margin-bottom: 22px;
    max-height: 40px;
    overflow-y: hidden;
    -webkit-transition: 0.5s all ease-out;
    -o-transition: 0.5s all ease-out;
    transition: 0.5s all ease-out;
}

.question-list .question-lines.open-answer {
    max-height: 99999px;
    border-bottom: 1px solid #5f60aa;
}

.question-list .question-lines .ques {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 20px;
    font-size: 13px;
    color: #636e72;
    text-align: left;
    padding-bottom: 10px;
}

.question-list .question-lines .answer {
    font-size: 14px;
    -webkit-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    transition: all ease-in-out 0.5s;
}

.question-list .question-lines .answer p {
    margin-bottom: 5px;
}

.faq-wrapper .categories_one {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    width: 100%;
    grid-gap: 22px;
    padding: 43px 0;
    border-bottom: solid 1px rgb(95, 96, 170, 0.43);
    margin-bottom: 34px;
}

.faq-wrapper .categories_one .part {
    max-width: 263px;
}

.faq-wrapper .categories_one .part .title {
    font-size: 12px;
    margin-bottom: 0px;
    color: rgba(26, 26, 26, 0.44);
}

.faq-wrapper .categories_one .part .question {
    font-size: 13px;
    color: #5f60aa;
}

.faq-wrapper .categories_one .part .question:hover {
    text-decoration: underline;
}

.faq-wrapper .categories_two {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-column-gap: 25px;
    width: 100%;
    margin-bottom: 38px;
}

.faq-wrapper .categories_two .title {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 12px;
    font-size: 14px;
    color: #5f60aa;
}

.faq-wrapper .categories_two .title:hover {
    text-decoration: underline;
}

.faq-wrapper .categories_two .title .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 29px;
    height: 29px;
    background-color: #f1f1f1;
    margin-right: 6px;
}

.faq-wrapper .categories_two .title .icon img {
    width: 50%;
    margin: auto;
}

.faq-wrapper .categories_two .question {
    color: #1a1a1a;
    font-size: 12px;
    text-decoration: underline;
    margin-bottom: 12px;
}

.faq-wrapper .faq_article_QA {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 20px;
    margin-bottom: 55px;
}

.faq-wrapper .faq_article_QA .questions_column {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin-right: 57px;
    width: 226px;
}

.faq-wrapper .faq_article_QA .questions_column .each_ques {
    font-size: 12px;
    color: #5f60aa;
    text-decoration: underline;
    margin-bottom: 10px;
    text-align: left;
}

.faq-wrapper .faq_article_QA .questions_column .each_ques.clicked {
    color: #a2a2a2;
}

.faq-wrapper .faq_article_QA .answers {
    width: 80%;
}

.faq-wrapper .faq_article_QA .answers .answers_column {
    display: none;
}

.faq-wrapper .faq_article_QA .answers .answers_column.shown {
    display: inline-block;
}

.faq-wrapper .faq_article_QA .answers .answers_column .question {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 8px;
    color: #1a1a1a;
}

.faq-wrapper .faq_article_QA .answers .answers_column .ans {
    font-size: 12px;
    color: #1a1a1a;
    padding-bottom: 23px;
    border-bottom: solid 1px rgb(223, 223, 223);
    margin-bottom: 16px;
}

.faq-wrapper .faq_article_QA .answers .answers_column .helpful {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 12px;
    color: #1a1a1a;
}

.faq-wrapper .faq_article_QA .answers .answers_column .helpful .yesno {
    margin-left: 24px;
}

.faq-wrapper .faq_article_QA .answers .answers_column .helpful .yesno button {
    width: 54px;
    height: 23px;
    font-size: 12px;
    border-radius: 5px;
    border: solid 1px rgb(95, 96, 170);
    color: rgb(95, 96, 170);
    background-color: transparent;
    margin-right: 9px;
    transition: all 0.3s;
    box-shadow: inset 0 0 1px 15px transparent;
}

.faq-wrapper
    .faq_article_QA
    .answers
    .answers_column
    .helpful
    .yesno
    .yes:hover {
    background: green;
    color: #fff;
    border: none;
}
.faq-wrapper
    .faq_article_QA
    .answers
    .answers_column
    .helpful
    .yesno
    .no:hover {
    background: red;
    color: #fff;
    border: none;
}

/***************** new help center -_- *********************/

.faq-wrapper .help_center_content {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 80px;
}

.faq-wrapper .first_help_btns {
    display: flex;
    align-items: center;
    margin-bottom: 76px;
    margin-top: 50px;
}

.faq-wrapper .first_help_btns .help_center_btn {
    width: 188px;
    height: 45px;
    border-radius: 6px;
    border: solid 1px rgb(95, 96, 170);
    background-color: transparent;
    color: rgb(95, 96, 170);
    font-size: 14px;
    margin-right: 12px;
}

.faq-wrapper .first_help_btns .help_center_btn.on {
    background-color: rgb(95, 96, 170);
    color: #fff;
}

.faq-wrapper .help_center_content .ques_titles .ques_title_hc {
    color: #040404;
    font-size: 20px;
    margin-bottom: 25px;
    position: relative;
    cursor: pointer;
    transition: all 0.3s;
    font-weight: bold;
}

.faq-wrapper .help_center_content .ques_titles .ques_title_hc::after {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 50%;
    top: 50%;
    left: 0px;
    transform: translateX(-20px) translateY(-50%);
    opacity: 0;
    transition: all 0.3s;
}

.faq-wrapper .help_center_content .ques_titles .ques_title_hc:hover {
    margin-left: 20px;
}

.faq-wrapper .help_center_content .ques_titles .ques_title_hc:hover::after {
    opacity: 1;
}

.faq-wrapper .help_center_content .ques_titles .ques_title_hc.selected {
    color: rgba(0, 0, 0, 0.411);
    margin-left: 20px;
}

.faq-wrapper .help_center_content .ques_titles .ques_title_hc.selected::after {
    opacity: 1;
}

.faq-wrapper .help_center_content .help_center_qa {
    display: none;
    width: 65%;
}

.faq-wrapper .help_center_content .help_center_qa.category_selected {
    display: block;
}

.faq-wrapper .help_center_content .help_center_qa .head {
    font-size: 40px;
    margin-bottom: 40px;
    color: #1c1b25;
}

.faq-wrapper .help_center_content .help_center_qa .paragraph {
    font-size: 16px;
    margin-bottom: 15px;
}

.faq-wrapper .help_center_content .help_center_qa ul {
    margin-bottom: 20px;
    margin-left: 30px;
    list-style: disc;
}

.faq-wrapper .help_center_content .help_center_qa .ol {
    list-style: decimal;
}

.faq-wrapper .help_center_content .help_center_qa ul li {
    font-size: 16px;
}

.faq-wrapper .help_center_content .help_center_qa .ol li {
    margin-bottom: 10px;
}

.faq-wrapper .help_center_content .help_center_qa .link {
    color: #5f60aa;
}

.faq-wrapper .help_center_content .help_center_qa img {
    margin: 20px 0;
}

.faq-wrapper .help_center_content .help_center_qa .hc_questions {
    border-bottom: solid 1px rgb(112, 112, 112);
    padding: 22px 0;
    max-height: 70px;
    overflow: hidden;
    transition: all 0.4s;
}

.faq-wrapper .help_center_content .help_center_qa .hc_questions.opened {
    max-height: 1000px;
}

.faq-wrapper
    .help_center_content
    .help_center_qa
    .hc_questions.opened
    .the_plus
    .line1::after {
    transform: rotate(90deg);
}

.faq-wrapper .help_center_content .help_center_qa .hc_questions .hc_question {
    font-size: 19px;
    margin-bottom: 25px;
    color: #5f60aa;
    position: relative;
    cursor: pointer;
}

.faq-wrapper
    .help_center_content
    .help_center_qa
    .hc_questions
    .hc_question
    .the_plus {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: solid 1px rgb(112, 112, 112);
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.faq-wrapper
    .help_center_content
    .help_center_qa
    .hc_questions
    .hc_question
    .the_plus
    .line1 {
    position: relative;
    height: 1px;
    width: 13px;
    background-color: #707070;
}

.faq-wrapper
    .help_center_content
    .help_center_qa
    .hc_questions
    .hc_question
    .the_plus
    .line1::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 13px;
    background-color: #707070;
    top: -6px;
    left: 6px;
    transition: 0.3s all;
}

.faq-wrapper .help_center_content .help_center_qa .hc_questions .answer {
    font-size: 16px;
    color: #646464;
}

/* ABOUT-US.HTML */

.about-us-showcase {
    background: url(/frontend-assets/img/about-us/1.jpg) no-repeat;
    height: 1000px;
    background-size: cover;
    margin-bottom: 50px;
}

.about-us-showcase .overlay {
    background-color: #5f60aa71;
    height: 100%;
}

.about-us-showcase .wrapper {
    width: 75%;
    margin: auto;
    color: #fff;
    padding-top: 200px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.about-us-showcase .wrapper .partion {
    max-width: 588px;
}

.about-us-showcase .wrapper .partion .title {
    font-size: 30px;
    margin-bottom: 30px;
}

.about-us-showcase .wrapper .partion p {
    font-size: 14px;
}

.about-us-showcase .wrapper .partion .par {
    margin-bottom: 20px;
}

.about-us-showcase .wrapper .partion.middle {
    margin-top: 220px;
    margin-left: 50px;
}

/* ISLAMIC-FOREX.HTML */

.islam-body {
    background: none;
    padding-top: 0;
}

.islamic-showcase {
    background: url(img/islamic-bg.png) no-repeat;
    background-size: cover;
    overflow-y: hidden;
}

.islamic-showcase .overlay {
    padding-top: 150px;
    height: 100%;
    background: -o-linear-gradient(
        bottom,
        #fff,
        #fff,
        rgba(255, 255, 255, 0.747)
    );
    background: -webkit-gradient(
        linear,
        left bottom,
        left top,
        from(#fff),
        color-stop(#fff),
        to(rgba(255, 255, 255, 0.747))
    );
    background: linear-gradient(to top, #fff, #fff, rgba(255, 255, 255, 0.747));
    overflow-y: hidden;
    margin-bottom: -5px;
}

.islamic-showcase .wrapper {
    width: 75%;
    margin: auto;
    margin-top: 52px;
    text-align: center;
}

.islamic-showcase .wrapper .benefits {
    background-color: #fff;
    padding: 40px 80px;
    padding-bottom: 125px;
    margin-bottom: 52px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 88px 10px rgba(0, 0, 0, 0.02);
    box-shadow: 0px 0px 88px 10px rgba(0, 0, 0, 0.02);
}

.islamic-showcase .wrapper .benefits .title {
    font-size: 30px;
    color: #646464;
    margin-bottom: 60px;
}

.islamic-showcase .wrapper .benefits .benefit-flexes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.islamic-showcase .wrapper .benefits .benefit-flexes .benflex {
    max-width: 250px;
}

.islamic-showcase .wrapper .benefits .benefit-flexes .img {
    background-color: #f3f6fc;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 17px;
    margin: auto;
    margin-bottom: 13px;
}

.islamic-showcase .wrapper .benefits .benefit-flexes img {
    height: 30px;
}

.islamic-showcase .wrapper .benefits .benefit-flexes .benflex .head {
    font-size: 12px;
    color: #1c1b25;
    font-weight: bold;
    margin-bottom: 25px;
}

.islamic-showcase .wrapper .benefits .benefit-flexes .benflex .par {
    font-size: 12px;
    color: #72717e;
}

.features-part .wrapper {
    width: 75%;
    margin: auto;
    text-align: center;
}

.features-part .wrapper .title {
    color: #646464;
    font-size: 30px;
    margin-bottom: 53px;
}

.features-part .wrapper .features-grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 80px 1fr 80px 1fr;
    grid-template-columns: repeat(3, 1fr);
    text-align: left;
    grid-gap: 80px;
}

.features-part .wrapper .features-grid p {
    position: relative;
    color: #646464;
    font-size: 14px;
    line-height: 20px;
    padding-left: 15px;
}

.features-part .wrapper .features-grid p::after {
    position: absolute;
    left: 0;
    top: -5px;
    width: 4px;
    height: 50px;
    background-color: #5f60aa;
    content: "";
    border-radius: 5px;
}

.administration {
    text-align: center;
    width: 75%;
    margin: auto;
    margin-top: 50px;
    background-color: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 88px 5px rgba(0, 0, 0, 0.055);
    box-shadow: 0px 0px 88px 5px rgba(0, 0, 0, 0.055);
    padding: 47px 0;
    margin-bottom: 65px;
}

.administration .text .title {
    color: #646464;
    font-size: 30px;
    margin-bottom: 36px;
}

.administration .text {
    width: 90%;
    margin: auto;
}

.administration .text p {
    color: #646464;
    font-size: 14px;
}

.administration .text .pars {
    margin-bottom: 32px;
}

.administration .text .pars a {
    color: #237dea;
    font-weight: bold;
}

.administration .agreement {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.administration .agreement svg {
    width: 20px;
    height: 20px;
    fill: #5f60aa;
}

.islamic-terms {
    margin-top: -60px;
    margin-bottom: 100px;
}

.islamic-terms .title {
    font-size: 22px;
    margin-bottom: 15px;
}

.islamic-terms .para {
    font-size: 13px;
    margin-bottom: 10px;
}

.islamic-terms li {
    padding-left: 15px;
    margin-top: 10px;
}

/* WHITE-LABEL.HTML */

.showcase-white-label {
    background: url(img/handshake.png);
    /*background-position-y: 60px;*/
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    position: relative;
    height: 550px;
}

.showcase-white-label .overlay {
    position: absolute;
    background-color: #5f60aa5e;
    width: 100%;
    height: 100%;
}

.showcase-white-label .overlay .wrapper {
    width: 75%;
    margin: auto;
    color: #fff;
    text-align: center;
    margin-top: 50px;
}

.showcase-white-label .overlay .wrapper h1 {
    font-size: 45px;
    margin-bottom: 35px;
}

.showcase-white-label .overlay .wrapper .par {
    font-size: 18px;
    margin-bottom: 35px;
}

.showcase-white-label .overlay .wrapper .pros {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.showcase-white-label .overlay .wrapper .pros .img {
    width: 71px;
    height: 71px;
    background-color: #5f60aa;
    border-radius: 50%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 20px;
    margin-bottom: 10px;
}

.showcase-white-label .overlay .wrapper .pros .img.png {
    padding-top: 10px;
}

.showcase-white-label .overlay .wrapper .pros .each {
    margin: 0 40px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.showcase-white-label .overlay .wrapper .pros .each p {
    font-size: 12px;
}

.body-white-label {
    /* background-color: #f1f2f4; */
    height: 100%;
    margin-bottom: 0;
    padding-bottom: 80px;
}

.body-white-label .ready .open-here {
    margin-bottom: 0;
}

.body-white-label .halfin-showcase {
    width: 75%;
    margin: auto;
    background-color: #fff;
    margin-top: -150px;
    border-radius: 5px;
    padding-top: 30px;
    z-index: 100;
    position: relative;
    text-align: center;
    border: 1px solid #e4e5e6;
    margin-bottom: 85px;
}

.body-white-label .halfin-showcase .path {
    margin-bottom: 30px;
}

.body-white-label .halfin-showcase .halfin-title {
    font-size: 30px;
    color: #646464;
    margin-bottom: 55px;
}

.body-white-label .halfin-showcase .includes-grid {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-bottom: 50px;
}

.body-white-label .halfin-showcase .includes-grid .each {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 12px;
    margin: 0 40px;
    margin-bottom: 30px;
    text-align: left;
}

.body-white-label .halfin-showcase .includes-grid img {
    width: 16px;
    margin-right: 8px;
}

.body-white-label .halfin-showcase .get-started {
    margin-bottom: -10px;
}

.body-white-label .halfin-showcase .get-started .start {
    width: 115px;
    height: 41px;
    background-color: #5f60aa;
    color: #fff;
    border-radius: 7px;
    margin-bottom: -50px;
}

.body-white-label .how-it-works {
    /*width: 100%;*/
    margin: auto !important;
    text-align: center;
    /* padding: 0 70px; */
    margin-bottom: 55px;
}

.body-white-label .how-it-works .title {
    font-size: 30px;
    color: #646464;
    margin-bottom: 55px;
}

.body-white-label .how-it-works .steps {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: none;
}

.body-white-label .how-it-works .steps .each {
    width: 205px;
}

.body-white-label .how-it-works .steps .each .number {
    color: #5f60aa;
    font-size: 70px;
    background-color: #fff;
    width: 205px;
    height: 205px;
    border-radius: 50%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 45px;
    margin-bottom: 30px;
    -webkit-box-shadow: 0px 9px 6px 0px rgba(0, 0, 0, 0.02);
    box-shadow: 0px 9px 6px 0px rgba(0, 0, 0, 0.02);
}

.body-white-label .how-it-works .steps .each p {
    font-size: 12px;
    color: #808080;
    padding: 0 10px;
}

.questions-and-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: auto;
    margin-bottom: 20px;
    margin-top: 40px;
}

.questions-and-form .questions {
    width: 75%;
    margin-right: 20px;
}

.questions-and-form .questions img {
    width: 10px;
}

.questions-and-form .questions .question-btn .drop-ques {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 18px 0;
    color: #707070;
    font-size: 13px;
    text-align: left;
}

.questions-and-form .questions .question-btn {
    background-color: #eaeaea;
    border: 1px solid #dedede;
    padding: 0 28px;
    border-radius: 5px;
    margin-bottom: 17px;
    max-height: 52px;
    overflow: hidden;
    -webkit-transition: 0.5s all ease-in-out;
    -o-transition: 0.5s all ease-in-out;
    -webkit-transition: 0.5s max-height ease-in-out;
    -o-transition: 0.5s max-height ease-in-out;
    transition: 0.5s max-height ease-in-out;
    cursor: pointer;
}

.questions-and-form .questions .question-btn .answer-drop {
    font-size: 14px;
    padding-bottom: 18px;
}

.questions-and-form .questions .question-btn.active-wl {
    max-height: 500px;
}

.questions-and-form .form-right {
    width: 368px;
}

.questions-and-form .trade-with-us {
    border: #e4e5e6 1px solid;
    border-radius: 5px;
    text-align: center;
    padding: 15px 0;
    -webkit-box-shadow: 0px 13px 18px 0px rgba(0, 0, 0, 0.03);
    box-shadow: 0px 13px 18px 0px rgba(0, 0, 0, 0.03);
    height: 170px;
    background-color: #fff;
}

.questions-and-form .trade-with-us p {
    font-size: 14px;
    margin-bottom: 15px;
    font-weight: bold;
    letter-spacing: 1px;
}

.questions-and-form .trade-with-us .blue {
    background-color: #62c4e0;
    border: 1px solid #62c4e0;
}

.questions-and-form .trade-with-us .blue:hover {
    -webkit-box-shadow: inset 0px 55px 0px -13px #fff;
    box-shadow: inset 0px 55px 0px -13px #fff;
    color: #62c4e0;
}

.questions-and-form .trade-with-us .purple {
    background-color: #5f60aa;
    border: 1px solid #5f60aa;
}

.questions-and-form .trade-with-us .purple:hover {
    -webkit-box-shadow: inset 0px -55px 0px -13px #fff;
    box-shadow: inset 0px -55px 0px -13px #fff;
    color: #5f60aa;
}

.questions-and-form .trade-with-us button {
    font-size: 12px;
    color: #fff;
    width: 295px;
    height: 40px;
    border-radius: 20px;
    margin-bottom: 10px;
    -webkit-transition: 0.5s all ease-in-out;
    -o-transition: 0.5s all ease-in-out;
    transition: 0.5s all ease-in-out;
}

.questions-and-form .form-right .send-message {
    height: 350px;
    background-color: #fff;
    margin-top: 15px;
    border: #e4e5e6 1px solid;
    border-radius: 5px;
    -webkit-box-shadow: 0px 13px 18px 0px rgba(0, 0, 0, 0.03);
    box-shadow: 0px 13px 18px 0px rgba(0, 0, 0, 0.03);
}

.questions-and-form .form-right .send-message .heading img {
    width: 14px;
}

.questions-and-form .form-right .send-message .heading {
    text-align: center;
    margin-top: 25px;
}

.questions-and-form .form-right .send-message .heading .head {
    font-size: 13px;
    color: #5f60aa;
    font-weight: bold;
    margin-bottom: 9px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.questions-and-form .form-right .send-message .heading .head img {
    margin-right: 5px;
}

.questions-and-form .form-right .send-message .heading .getback {
    color: #bcbcbf;
    font-size: 12px;
}

.questions-and-form .form-right .send-message form {
    width: 95%;
    margin: auto;
    margin-top: 41px;
}

.questions-and-form .form-right .send-message form .grid-form {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 12px 1fr;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    grid-gap: 12px;
}

.questions-and-form .form-right .send-message form .grid-form .inputs {
    position: relative;
    width: 100%;
}

.questions-and-form
    .form-right
    .send-message
    form
    .grid-form
    .inputs
    .label-abs {
    font-size: 9px;
    color: #bcbcbf;
    position: absolute;
    padding-left: 5px;
    top: -10px;
    left: 0;
    opacity: 0;
    -webkit-transition: 0.5s all ease-out;
    -o-transition: 0.5s all ease-out;
    transition: 0.5s all ease-out;
}

.questions-and-form
    .form-right
    .send-message
    .grid-form
    input:focus::-webkit-input-placeholder {
    color: transparent;
}

.questions-and-form
    .form-right
    .send-message
    .grid-form
    input:focus::-moz-placeholder {
    color: transparent;
}

.questions-and-form
    .form-right
    .send-message
    .grid-form
    input:focus:-ms-input-placeholder {
    color: transparent;
}

.questions-and-form
    .form-right
    .send-message
    .grid-form
    input:focus::-ms-input-placeholder {
    color: transparent;
}

.questions-and-form
    .form-right
    .send-message
    .grid-form
    input:focus::placeholder {
    color: transparent;
}

.questions-and-form
    .form-right
    .send-message
    .grid-form
    .inputs
    input:focus
    + .label-abs {
    opacity: 1;
}

.questions-and-form .form-right .send-message .grid-form input {
    border: none;
    border-bottom: #efefef 1px solid;
    padding-left: 5px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    width: 100%;
    outline: none;
    font-size: 9px;
    -webkit-transition: 0.5s all ease-out;
    -o-transition: 0.5s all ease-out;
    transition: 0.5s all ease-out;
}

.questions-and-form
    .form-right
    .send-message
    .grid-form
    input::-webkit-input-placeholder {
    color: #bcbcbf;
    -webkit-transition: 0.5s all ease-out;
    transition: 0.5s all ease-out;
}

.questions-and-form
    .form-right
    .send-message
    .grid-form
    input::-moz-placeholder {
    color: #bcbcbf;
    -moz-transition: 0.5s all ease-out;
    transition: 0.5s all ease-out;
}

.questions-and-form
    .form-right
    .send-message
    .grid-form
    input:-ms-input-placeholder {
    color: #bcbcbf;
    -ms-transition: 0.5s all ease-out;
    transition: 0.5s all ease-out;
}

.questions-and-form
    .form-right
    .send-message
    .grid-form
    input::-ms-input-placeholder {
    color: #bcbcbf;
    -ms-transition: 0.5s all ease-out;
    transition: 0.5s all ease-out;
}

.questions-and-form .form-right .send-message .grid-form input::placeholder {
    color: #bcbcbf;
    -webkit-transition: 0.5s all ease-out;
    -o-transition: 0.5s all ease-out;
    transition: 0.5s all ease-out;
}

.questions-and-form .form-right .send-message form #leave-message {
    width: 100%;
    height: 60px;
    border: none;
    outline: none;
    font-size: 9px;
    border-bottom: #efefef 1px solid;
    padding-left: 5px;
}

.questions-and-form .form-right .send-message .send-btn {
    width: 100%;
    height: 28px;
    background-color: #5f60aa;
    margin-top: 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 8px;
}

.questions-and-form .form-right .send-message .send-btn .send {
    width: 100%;
    height: 100%;
    background-color: #5f60aa;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 9px;
    color: #fff;
    border-radius: 8px;
}

.questions-and-form .form-right .send-message .grid-form .input.phone-index {
    position: relative;
}

.questions-and-form .form-right .send-message .grid-form .phone-index input {
    padding-left: 37px;
}

.questions-and-form .form-right .send-message .grid-form .phone-index-wrapper {
    position: absolute;
    left: -20px;
    top: 1px;
}

.questions-and-form
    .form-right
    .send-message
    .grid-form
    .phone-index-wrapper
    img {
    height: 20px;
}

.questions-and-form
    .form-right
    .send-message
    .grid-form
    .phone-index-wrapper
    .selected-index::after {
    content: "";
    position: absolute;
    top: 9px;
    left: 21px;
    width: 6px;
    height: 4px;
    background: black;
    -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.questions-and-form
    .form-right
    .send-message
    .grid-form
    .phone-index-wrapper
    .index-container {
    position: absolute;
    background-color: #fff;
    top: 25px;
    right: 11px;
    width: 35px;
    height: 100px;
    overflow-x: hidden;
}

.dl-btn {
    margin: auto;
    margin-bottom: 50px;
}

.dl-btn a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
}

.dl-btn img {
    width: 20px;
    margin-right: 5px;
}

/* TRADING-TOOLS.HTML */

.tools-wrapper {
    width: 75%;
    margin: 65px auto;
}

.tools-wrapper .view {
    text-align: center;
    margin-top: 50px;
}

.tools-wrapper .view p {
    color: #5f60aa;
    margin-bottom: 20px;
}

.tools-wrapper .flex-view {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    /*display: inline-block;*/
}

.tools-wrapper .flex-view .view-l {
    width: 65%;
    /*display: inline-block;*/
}

.tools-wrapper .flex-view .view-s {
    width: 33%;
    /*display: inline-block;*/
}

.tradingview-widget-container {
    /*-webkit-box-shadow: 0px 0px 23px 0px rgba(0, 0, 0, 0.07);
            box-shadow: 0px 0px 23px 0px rgba(0, 0, 0, 0.07);*/
    border: none;
}

/* LOGIN.HTML */

.signin-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    margin: 0;
}

.signin-body .left-sign {
    width: 60%;
    height: 100%;
}

.signin-body .left-sign img {
    height: 100%;
    width: 100%;
}

.signin-body .right-sign {
    width: 40%;
}

.signin-body .right-sign .return-btn {
    margin-top: 23px;
}

.signin-body .right-sign .return-btn a {
    color: #5f60aa;
    font-size: 14px;
    text-decoration: underline;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 18px;
    overflow-y: hidden;
}

.signin-body .right-sign .return-btn img {
    width: 20px;
    height: 18px;
    margin-right: 10px;
    margin-left: 47px;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
    display: inline;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    margin-bottom: -5px;
}
.signin-body .right-sign .return-btn p {
    display: inline;
    line-height: 18px;
}

.signin-body .right-sign .return-btn a:hover img {
    margin-left: 42px;
    margin-right: 15px;
}

.signin-body .right-sign .signin-form {
    text-align: center;
    max-width: 390px;
    margin: auto;
    margin-top: 300px;
}

.signin-body .right-sign .signin-form .heading {
    margin-bottom: 40px;
}

.signin-body .right-sign .signin-form .heading img {
    width: 173px;
    margin-bottom: 20px;
}

.signin-body .right-sign .signin-form .heading p {
    font-size: 13px;
    color: #646464;
}

.signin-body .right-sign .signin-form .heading p a {
    color: #5f60aa;
    text-decoration: underline;
}

.signin-body .right-sign .signin-form .heading .first {
    font-size: 15px;
    margin-bottom: 6px;
}

.signin-body .right-sign .signin-form .login-inputs .each-input {
    position: relative;
    width: 100%;
    /* border-bottom:  #e6e6e6 1px solid; */
}

.signin-body .right-sign .signin-form .login-inputs .each-input:first-child {
    margin-bottom: 29px;
}

.signin-body .right-sign .signin-form .login-inputs .each-input input {
    width: 100%;
    border: none;
    padding-bottom: 8px;
    background-color: transparent;
    font-size: 12px;
    padding-left: 9px;
    outline: none;
    color: #5f60aa;
    border-bottom: #a8a8a8 1px solid;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}

.signin-body
    .right-sign
    .signin-form
    .login-inputs
    .each-input
    input::placeholder {
    color: #a8a8a8;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}

.signin-body .right-sign .signin-form .login-inputs .each-input svg {
    position: absolute;
    width: 12px;
    fill: #a8a8a8;
    top: 5px;
    right: 10px;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}

.form-control {
    background-color: transparent !important;
    border: none !important;
    border-bottom: rgb(185, 184, 184) 1px solid !important;
    outline: none !important;
    font-size: 12px !important;
    padding: 0 0 8px 9px !important;
}

/* on focus */

.signin-body .right-sign .signin-form .login-inputs .each-input input:focus {
    border-bottom: #5f60aa 1px solid;
}

.signin-body
    .right-sign
    .signin-form
    .login-inputs
    .each-input
    input:focus::-webkit-input-placeholder {
    color: #5f60aa;
}

.signin-body
    .right-sign
    .signin-form
    .login-inputs
    .each-input
    input:focus::-moz-placeholder {
    color: #5f60aa;
}

.signin-body
    .right-sign
    .signin-form
    .login-inputs
    .each-input
    input:focus:-ms-input-placeholder {
    color: #5f60aa;
}

.signin-body
    .right-sign
    .signin-form
    .login-inputs
    .each-input
    input:focus::-ms-input-placeholder {
    color: #5f60aa;
}

.signin-body
    .right-sign
    .signin-form
    .login-inputs
    .each-input
    input:focus::placeholder {
    color: #5f60aa;
}

.signin-body
    .right-sign
    .signin-form
    .login-inputs
    .each-input
    input:focus
    + label {
    color: #5f60aa;
}

.signin-body
    .right-sign
    .signin-form
    .login-inputs
    .each-input
    input:focus
    + label
    svg {
    fill: #5f60aa;
}

/* ERROR */

.signin-body .right-sign .signin-form .login-inputs .each-input.error input {
    border-bottom: #d9232e 1px solid;
}

.signin-body
    .right-sign
    .signin-form.sign-up
    .login-inputs
    .each-input.error
    label {
    color: #d9232e;
}

.signin-body .right-sign .signin-form .login-inputs .each-input.error svg {
    fill: #d9232e;
}

.signin-body
    .right-sign
    .signin-form
    .login-inputs
    .each-input.error
    input::-webkit-input-placeholder {
    color: #d9232e;
}

.signin-body
    .right-sign
    .signin-form
    .login-inputs
    .each-input.error
    input::-moz-placeholder {
    color: #d9232e;
}

.signin-body
    .right-sign
    .signin-form
    .login-inputs
    .each-input.error
    input:-ms-input-placeholder {
    color: #d9232e;
}

.signin-body
    .right-sign
    .signin-form
    .login-inputs
    .each-input.error
    input::-ms-input-placeholder {
    color: #d9232e;
}

.signin-body
    .right-sign
    .signin-form
    .login-inputs
    .each-input.error
    input::placeholder {
    color: #d9232e;
}

.signin-body .right-sign .signin-form .forget-pass {
    text-align: right;
    font-size: 11px;
    text-decoration: underline;
    color: #5f60aa;
    margin-top: 12px;
}

.signin-body .right-sign .signin-form .sign-in {
    background-color: #5f60aa;
    border: 1px solid #5f60aa;
    color: #fff;
    width: 100%;
    height: 34px;
    margin-top: 24px;
    border-radius: 5px;
    -webkit-transition: 0.5s all ease-in-out;
    -o-transition: 0.5s all ease-in-out;
    transition: 0.5s all ease-in-out;
}

.signin-body .right-sign .signin-form .sign-in:hover {
    -webkit-box-shadow: inset 0px -36px 0px 0px #fff;
    box-shadow: inset 0px -36px 0px 0px #fff;
    color: #5f60aa;
}

.signin-body .right-sign .signin-form .error-found {
    text-align: center;
    font-size: 13px;
    color: #d9232e;
    margin-top: 25px;
}

.signin-body .right-sign .signin-form .error-found img {
    width: 12px;
}

/* SIGNUP.HTML */

.signin-body .right-sign .signin-form.sign-up {
    margin-top: 130px;
}

.signin-body .right-sign .signin-form.sign-up .login-inputs .each-input {
    margin-bottom: 29px;
}

.signin-body
    .right-sign
    .signin-form.sign-up
    .login-inputs
    .each-input:last-child {
    margin-bottom: 20px;
}

.signin-body .right-sign .signin-form.sign-up .login-inputs .each-input label {
    position: absolute;
    top: 5px;
    right: 10px;
    color: #e6e6e6;
    font-size: 20px;
    font-weight: bold;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}

.signin-body .right-sign .signin-form.sign-up .flex-line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 9px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.signin-body .right-sign .signin-form.sign-up .flex-line .agree {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    cursor: pointer;
}

.signin-body .right-sign .signin-form.sign-up .flex-line .agree label {
    margin-left: 5px;
    margin-bottom: 0;
}

.signin-body .right-sign .signin-form.sign-up .flex-line .agree a {
    color: #5f60aa;
    text-decoration: underline;
}

.signin-body .right-sign .signin-form.sign-up .flex-line .agree input {
    /*position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;*/
}

/*.signin-body .right-sign .signin-form.sign-up .flex-line .agree .checkmark {
    position: absolute;
    top: 0px;
    left: 0;
    height: 12px;
    width: 12px;
    background-color: #eee;
    border-radius: 2px;
    border: 1px solid #5f60aa;
}*/

.signin-body
    .right-sign
    .signin-form.sign-up
    .flex-line
    .agree:hover
    .checkmark {
    /* background-color: #ccc; */
    border-radius: 2px;
}

.signin-body
    .right-sign
    .signin-form.sign-up
    .flex-line
    .agree
    input:checked
    ~ .checkmark {
    background-color: #5f60aa;
    border-radius: 2px;
}

.checkmark:after {
    content: "";
    position: absolute;
    border-radius: 2px;
}

.signin-body
    .right-sign
    .signin-form.sign-up
    .flex-line
    .agree
    input:checked
    ~ .checkmark:after {
    display: block;
}

.signin-body
    .right-sign
    .signin-form.sign-up
    .flex-line
    .agree
    .checkmark:after {
    left: 2px;
    top: 0px;
    width: 5px;
    height: 8px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.signin-body .right-sign .signin-form.sign-up .flex-line .star {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.signin-body .right-sign .signin-form.sign-up .flex-line .star img {
    width: 10px;
    margin-right: 3px;
    margin-top: -1px;
}

.signin-body .right-sign .signin-form.sign-up .flex-line .star p {
    margin-bottom: 0;
}

/*EDUCATION.HTML*/

.education-wrapper {
    width: 75%;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 85px;
    margin-top: 45px;
}

.education-wrapper .grid-strategies {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 25px 1fr;
    grid-template-columns: repeat(2, 1fr);
    width: 70%;
    grid-gap: 25px;
    margin-right: 25px;
}

.education-wrapper .grid-strategies .stra-box {
    background: #f2f5fb;
    border-radius: 5px;
    padding: 25px 30px 16px 30px;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.04);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.04);
}

.education-wrapper .grid-strategies .stra-box h4 {
    color: #000;
    font-size: 20px;
    margin-bottom: 16px;
}

.education-wrapper .grid-strategies .stra-box p {
    font-size: 14px;
    color: #697d8c;
}

.education-wrapper .grid-strategies .stra-box .bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 10px;
}

.education-wrapper .grid-strategies .stra-box .bottom img {
    width: 18px;
    height: 18px;
}

.education-wrapper .grid-strategies .stra-box .bottom a {
    font-size: 11px;
    line-height: 25px;
    text-align: center;
    color: #fff;
    background: #5f60aa;
    border-radius: 5px;
    /*padding: 6px 10px;*/
    width: 70px;
}

.education-wrapper .e-books {
    width: 370px;
    margin: 0 auto;
}

.education-wrapper .e-books .title {
    font-size: 20px;
    color: #000;
    margin-bottom: 16px;
}

.education-wrapper .e-books .booklist {
    margin: auto;
}

.education-wrapper .e-books .booklist .each-book {
    width: 371px;
    height: 101px;
    width: 100%;
    border-radius: 5px;
    border: solid 1px #dbdbdb;
    position: relative;
    margin-bottom: 10px;
    cursor: pointer;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.education-wrapper .e-books .booklist .each-book a {
    width: 90%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.education-wrapper .e-books .booklist .each-book svg {
    fill: #262839;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
    width: 40px;
    border-radius: 5px;
    margin-right: 14px;
}

.education-wrapper .e-books .booklist .each-book .name {
    margin: 10px 0 0 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
}

.education-wrapper .e-books .booklist .each-book .name p {
    font-size: 18px;
    font-weight: bold;
}

.education-wrapper .e-books .booklist .each-book .author {
    position: absolute;
    bottom: 8px;
    right: 10px;
    color: #7d7d7d;
    font-size: 12px;
}

.education-wrapper .e-books .booklist .each-book:hover {
    border: solid 1px #5f60aa;
}

.education-wrapper .e-books .booklist .each-book:hover svg {
    fill: #5f60aa;
}

/*STRATEGIES.HTML*/

.strategies-wrapper {
    width: 75%;
    margin: auto;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 21px 1fr;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 21px;
    margin-top: 65px;
    margin-bottom: 50px;
}

.strategies-wrapper img {
    width: 15px;
}

.strategies-wrapper .strategies {
    border-radius: 5px;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.04);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.04);
    background-color: #ffffff;
    position: relative;
    padding: 20px;
    padding-top: 30px;
}

.strategies-wrapper .strategies h6 {
    font-size: 17px;
    color: #131313;
    margin-bottom: 8px;
}

.strategies-wrapper .strategies p {
    color: #7b7b7b;
    font-size: 12px;
}

.strategies-wrapper .strategies .arrow {
    position: absolute;
    top: 10px;
    right: 20px;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.strategies-wrapper .strategies:hover .arrow {
    right: 10px;
}

/*DETAILED.HTML*/

.chart-detailed {
    width: 75%;
    height: auto;
    margin: auto;
    border-radius: 22px;
    position: relative;
    margin-top: 20px;
}

.chart-detailed img {
    width: 100%;
    height: 100%;
    margin: auto;
    border-radius: 22px;
    position: relative;
}

.content-detailed {
    width: 55%;
    margin: auto;
    margin-bottom: 50px;
    border-radius: 20px;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.04);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.04);
    background-color: #ffffff;
    margin-top: -100px;
    z-index: 10;
    position: relative;
    padding: 46px 52px;
}

.content-detailed.economic_calendar {
    margin-top: auto;
}

.content-detailed .parts {
    margin-bottom: 30px;
}

.content-detailed .parts .title {
    font-size: 22px;
    color: #000;
    margin-bottom: 16px;
}

.content-detailed .parts .title.main {
    font-size: 28px;
}

.content-detailed .parts p {
    font-size: 12px;
    color: #616161;
    margin-bottom: 20px;
}

.content-detailed .parts .bold {
    font-weight: bold;
    font-size: 14px;
}

.content-detailed .parts ul {
    list-style: initial;
    font-size: 12px;
    margin-left: 20px;
    margin-bottom: 20px;
}

.content-detailed .parts ul li {
    margin-bottom: 5px;
}

.content-detailed .parts ul li span {
    font-weight: bold;
}

.content-detailed .parts .red {
    color: #dc143c;
    font-weight: bold;
    font-size: 13px;
}

.content-detailed .parts img {
    width: auto;
    height: auto;
    margin-bottom: 20px;
}

/*PAMM.HTML*/

.head-for-pamm p {
    max-width: 60%;
}

.wrapper-pamm {
    width: 75%;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 110px;
    position: relative;
}

.wrapper-pamm .content-pamm .first-line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 60px;
}

.wrapper-pamm .content-pamm .first-line p {
    max-width: 60%;
}

.wrapper-pamm .content-pamm .second-line {
    margin-bottom: 60px;
}

.wrapper-pamm .content-pamm .second-line .title {
    font-size: 30px;
    margin-bottom: 30px;
}

.wrapper-pamm .content-pamm .second-line .two-flexes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
}

.wrapper-pamm .content-pamm .second-line .two-flexes .img {
    margin-right: 20px;
}

.wrapper-pamm .content-pamm .second-line .two-flexes h5 {
    font-size: 20px;
    margin-bottom: 10px;
}

.wrapper-pamm .content-pamm .second-line .two-flexes p {
    font-size: 16px;
}

.wrapper-pamm .agreement {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    width: 200px;
    margin: auto;
    margin-top: 20px;
}

.wrapper-pamm .fourth-line .each-how .agreement p {
    margin: 0 !important;
}

.wrapper-pamm .fourth-line .each-how .agreement svg {
    width: 20px;
    height: 20px;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 10px !important;
}

.wrapper-pamm .fourth-line .each-how .agreement.invest svg {
    fill: #5f60aa;
}

.wrapper-pamm .fourth-line .each-how .agreement.create svg {
    fill: #5f60aa;
}

/*PAMM HOW TO GRAPH*/

.wrapper-pamm .content-pamm .third-line {
    margin-bottom: 120px;
}

.pamm_how-to-graph,
.mam_how-to-graph {
    height: 290px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    min-width: calc(768px - 30px);
}

.pamm_how-to-graph-item,
.mam_how-to-graph-item {
    background-color: #445092;
    color: #fff;
    font-size: 14px;
    height: 125px;
    width: calc(30% - 35px);
    padding: 14px 18px;
    font-weight: 400;
    position: relative;
    border-radius: 5px;
}

.pamm_how-to-graph-item.green,
.mam_how-to-graph-item.green {
    background-color: #9193ff;
}

.pamm_how-to-graph-item.orange,
.mam_how-to-graph-item.orange {
    background-color: #5f60aa;
}

.pamm_how-to-graph-item.blue,
.mam_how-to-graph-item.blue {
    background-color: #5f60aa;
    height: 290px;
    width: calc(20% - 35px);
}

.pamm_how-to-graph-heading,
.mam_how-to-graph-heading {
    display: block;
}

.pamm_how-to-graph-money,
.mam_how-to-graph-money {
    font-size: 18px;
    font-weight: 600;
    display: inline-block;
    margin-top: 22px;
}

.pamm_how-to-graph-percentage {
    font-size: 18px;
    font-weight: 600;
    float: right;
    width: 50%;
    text-align: center;
    margin-top: 22px;
    display: inline-block;
}

.pamm_how-to-graph-item:before {
    content: "";
    width: 40px;
    height: 20px;
    position: absolute;
    top: calc(50% - 10px);
    left: -44px;
    background: url(./img/pamm-new/arrow-left-pamm.svg) right center;
    background-position: right;
    display: block;
}

.pamm_how-to-graph-item:nth-of-type(1):before {
    background: #525252;
    top: calc(100% + 19px);
    left: 50%;
    height: 2px;
    width: calc(50% + 20px);
    position: absolute;
}

.pamm_how-to-graph-item:nth-of-type(2):before {
    background: #525252;
    top: -30px;
    left: 50%;
    height: 20px;
    width: 2px;
    position: absolute;
}

.pamm_how-to-graph-item:last-of-type:after {
    content: "";
    width: 20px;
    height: 40px;
    position: absolute;
    top: -42px;
    left: calc(50% - 10px);
    background: url(./img/pamm-new/arrow-up-pamm.svg);
    background-position: top;
    display: block;
}

.wrapper-pamm .content-pamm .fourth-line {
    margin-bottom: 60px;
}

.wrapper-pamm .content-pamm .fourth-line .each-how {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.wrapper-pamm .content-pamm .fourth-line .each-how .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

.wrapper-pamm .content-pamm .fourth-line .each-how .flex .title {
    font-size: 25px;
    margin-bottom: 30px;
}

.wrapper-pamm .content-pamm .fourth-line .each-how .flex svg {
    text-align: center;
    margin: auto;
    margin-bottom: 20px;
}

.wrapper-pamm .content-pamm .fourth-line .each-how .flex p {
    margin: auto 40px;
    margin-bottom: 20px;
    max-width: 500px;
}

.wrapper-pamm .content-pamm .fourth-line .arrow-down {
    width: 40px;
    margin-bottom: 20px;
}

.wrapper-pamm .content-pamm .fourth-line .each-how .flex button {
    color: #fff;
    height: 50px;
    width: 200px;
    border-radius: 10px;
    text-align: center;
    margin: auto;
    -webkit-box-shadow: inset 0 0px 0 100px transparent;
    box-shadow: inset 0 0px 0 100px transparent;
    -webkit-transition: 0.5s all ease-in-out;
    -o-transition: 0.5s all ease-in-out;
    transition: 0.5s all ease-in-out;
}

.wrapper-pamm .content-pamm .fourth-line .each-how .flex button.invest {
    background: #5f60aa;
}

.wrapper-pamm .content-pamm .fourth-line .each-how .flex button.create {
    background-color: #5f60aa;
}

.wrapper-pamm .content-pamm .fourth-line .each-how .flex button:hover {
    -webkit-box-shadow: inset 0 0px 0 0 #fff;
    box-shadow: inset 0 0px 0 0 #fff;
}

.new_content_pamm {
    margin-bottom: 40px;
}

.new_content_pamm .newpammcontent {
    display: none;
}

.new_content_pamm .newpammcontent.displayBlock {
    display: block;
}

.new_content_pamm .arrow_show_content {
    width: 40px;
    height: 40px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
}

.new_content_pamm .arrow_show_content::after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 20px;
    height: 20px;
    background: #5f60aa;
    -webkit-clip-path: polygon(
        63% 0,
        30% 49%,
        65% 100%,
        48% 100%,
        0% 50%,
        46% 0
    );
    clip-path: polygon(63% 0, 30% 49%, 65% 100%, 48% 100%, 0% 50%, 46% 0);

    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    margin: auto;

    margin-bottom: 30px;
    transform-origin: center;
}

.new_content_pamm .arrow_show_content.rotated::after {
    transform: rotate(90deg);
}

.new_content_pamm p {
    font-size: 14px;
    margin-bottom: 20px;
}

.new_content_pamm ul {
    padding-left: 20px;
}

.pamm-questions-btn {
    text-align: center;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    bottom: -100px;
}

#more-questions {
    position: relative;
    width: 20px;
    height: 40px;
    margin-bottom: 40px;
}

#more-questions::after {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    width: 20px;
    height: 20px;
    background: #5f60aa;
    -webkit-clip-path: polygon(
        63% 0,
        30% 49%,
        65% 100%,
        48% 100%,
        0% 50%,
        46% 0
    );
    clip-path: polygon(63% 0, 30% 49%, 65% 100%, 48% 100%, 0% 50%, 46% 0);

    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    transform-origin: center;
}

#more-questions.rotate::after {
    transform: rotate(90deg);
}

.wrapper-pamm .pamm-questions .questions {
    width: 100%;
    margin-bottom: 100px;
    text-align: left;
}

.wrapper-pamm .pamm-questions .questions img {
    width: 10px;
}

.wrapper-pamm .pamm-questions .questions .question-btn .drop-ques {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 18px 0;
    color: #707070;
    font-size: 13px;
}

.wrapper-pamm .pamm-questions .questions .question-btn .drop-ques p {
    text-align: left;
}

.wrapper-pamm .pamm-questions .questions .question-btn {
    background-color: #eaeaea;
    border: 1px solid #dedede;
    padding: 0 28px;
    border-radius: 5px;
    margin-bottom: 17px;
    max-height: 52px;
    overflow: hidden;
    -webkit-transition: 0.5s all ease-in-out;
    -o-transition: 0.5s all ease-in-out;
    -webkit-transition: 0.5s max-height ease-in-out;
    -o-transition: 0.5s max-height ease-in-out;
    transition: 0.5s max-height ease-in-out;
    cursor: pointer;
}

.wrapper-pamm .pamm-questions .questions .question-btn .answer-drop {
    font-size: 14px;
    padding-bottom: 18px;
}

.wrapper-pamm .pamm-questions .questions .question-btn.active-wl {
    max-height: 500px;
}

.wrapper-pamm .pamm-questions .questions .extra-ones {
    display: none;
}

.wrapper-pamm .pamm-questions .questions .extra-ones.show-extra-ones {
    display: block;
}

/*PLATFORMS.HTML*/

.platforms-wrapper {
    width: 75%;
    margin: auto;
}

.platforms-wrapper .content {
    margin-top: 40px;
}

.platforms-wrapper .content .para {
    font-size: 14px;
    margin-bottom: 10px;
}

.platforms-wrapper .platform-grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 30px 1fr 30px 1fr;
    grid-template-columns: repeat(3, 1fr);
    margin: auto;
    grid-gap: 30px;
    margin-top: 60px;
    margin-bottom: 60px;
}

.platforms-wrapper .platform-grid .each-platform {
    margin: auto;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.04);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.04);
    background-color: #f2f5fb;
}

.platforms-wrapper .platform-grid .each-platform .img {
    width: 100%;
    height: 250px;
    overflow: hidden;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.platforms-wrapper .platform-grid .each-platform .img img {
    width: 100%;
}

.platforms-wrapper .platform-grid .each-platform .text {
    min-height: 120px;
    width: 90%;
    margin: auto;
    margin-top: 15px;
    margin-bottom: 20px;
}

.platforms-wrapper .platform-grid .each-platform .text h3 {
    font-size: 18px;
    margin-bottom: 10px;
}

.platforms-wrapper .platform-grid .each-platform .text p {
    font-size: 14px;
}

.platforms-wrapper .platform-grid .each-platform .findout {
    width: 90%;
    line-height: 40px;
    margin: auto;
    background: #5f60aa;
    border: 1px solid #5f60aa;
    text-align: center;
    color: #fff;
    margin-bottom: 20px;
    border-radius: 40px;
    font-size: 16px;
    -webkit-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    transition: all ease-in-out 0.5s;
}

.platforms-wrapper .platform-grid .each-platform .findout:hover {
    -webkit-box-shadow: 0px 0px 0px 20px #fff inset;
    box-shadow: 0px 0px 0px 20px #fff inset;
    color: #5f60aa;
}

.platforms-wrapper .content-rest {
    margin: 50px 0;
}

.platforms-wrapper .content-rest .main-title {
    font-size: 25px;
    margin-bottom: 30px;
}

.platforms-wrapper .content-rest .title {
    font-size: 19px;
    margin-bottom: 20px;
    margin-top: 30px;
}

.platforms-wrapper .content-rest .para {
    font-size: 14px;
    margin-bottom: 10px;
}

.platforms-wrapper .content-rest .para .s {
    color: #5f60aa;
    font-weight: bold;
}

/*table start*/

.platforms-wrapper .platforms-table {
    margin: 50px 0;
    width: 100%;
    border: none;
    padding: 0;
}

.platforms-wrapper .platforms-table th {
    text-align: left;
}

.platforms-wrapper .platforms-table .one {
    border-left: none;
}
.platforms-wrapper .platforms-table .two {
    border-right: none;
}

.platforms-wrapper .platforms-table .last td {
    border-bottom: none;
}

.icon-accept {
    display: inline-block;
    width: 10px;
    height: 20px;
    border-color: #009cfc;
    border-style: solid;
    border-width: 0 2px 2px 0;
    margin: 0 auto;
    transform: rotate(45deg);
}

.platforms-wrapper .marign-and-stopout {
    margin-bottom: 60px;
}

.platforms-wrapper .marign-and-stopout .title {
    color: #5f60aa;
    font-size: 22px;
    margin-bottom: 18px;
}

.platforms-wrapper .marign-and-stopout .title-mini {
    color: #5f60aa;
    font-size: 16px;
    margin-bottom: 16px;
}

.platforms-wrapper .marign-and-stopout .para {
    font-size: 12px;
    margin-bottom: 12px;
}

.platforms-wrapper .dl-presentation {
    font-size: 14px;
    font-weight: bold;
    color: #5f60aa;
}

.platforms-wrapper .dl-presentation img {
    width: 14px;
    margin-right: 6px;
}

.new_design_platforms_423 {
    margin-bottom: 165px;
}

.new_design_platforms_423 .heads {
    text-align: center;
    margin: auto;
    margin-bottom: 35px;
    max-width: 524px;
}

.new_design_platforms_423 .heads .title {
    font-size: 32px;
    color: #262839;
}

.new_design_platforms_423 .heads .subtitle {
    font-size: 20px;
    color: #636e72;
}

.new_design_platforms_423 .heads .para {
    font-size: 14px;
    margin-top: 15px;
    color: #636e72;
}

.new_design_platforms_423 .purple_box {
    background-color: #5f60aa28;
    border-radius: 15px;
    padding: 62px 119px;
    margin-bottom: 47px;
}

.new_design_platforms_423 .purple_box .box_flex {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 150px;
}

.new_design_platforms_423 .purple_box .box_flex .check_item {
    position: relative;
    font-size: 18px;
    margin-bottom: 15px;
    padding-left: 37px;
}

.new_design_platforms_423 .purple_box .box_flex .check_item::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    background: url(/frontend-assets/img/platforms/platforms-new/checkmark.png);
    width: 24px;
    height: 24px;
    background-position: center;
    background-size: contain;
}

.new_design_platforms_423 .purple_box.second {
    position: relative;
    padding-top: 200px;
    margin-top: 350px;
}

.new_design_platforms_423 .purple_box.second .mobile {
    position: absolute;
    left: 60px;
    top: -360px;
}

.new_design_platforms_423 .purple_box.second .dls {
    display: flex;
    position: absolute;
    top: 35px;
    right: 330px;
}

.new_design_platforms_423 .purple_box.second .dls a {
    margin: 0 22px;
}

.new_design_platforms_423 .launch_webtrader {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 250px;
    height: 56px;
    background-color: #5f60aa;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    margin: auto;
    transition: all 0.3s;
}

.new_design_platforms_423 .launch_webtrader img {
    margin-right: 11px;
}

.new_design_platforms_423 .launch_webtrader:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 5px 0 #5f60aa48;
}

/*table end*/

/*DEPOSIT-WITHDRAWAL.HTML*/

.dep-with-wrapper {
    width: 75%;
    margin: auto;
    margin-top: 60px;
}

.dep-with-wrapper .depwith-filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 2px solid #5f60aa;
}

.dep-with-wrapper .depwith-filter .depwith-btn {
    text-align: center;
    width: 50%;
    height: 50px;
    color: #5f60aa;
    font-size: 15px;
    font-weight: bold;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.dep-with-wrapper .depwith-filter .depwith-btn:hover {
    background: #5f60aa11;
}

.dep-with-wrapper .depwith-filter .depwith-btn.active-depwith {
    background: #5f60aa;
    color: #fff;
}

table,
th,
td {
    border: 1px solid #ccc;
    padding: 20px;
}

table,
th {
    border-top: none;
}

.dep-with-wrapper .table-depwith {
    display: none;
    overflow-x: scroll;
}

.dep-with-wrapper .table-depwith::-webkit-scrollbar {
    height: 5px;
}

.dep-with-wrapper .table-depwith::-webkit-scrollbar-track {
    border-radius: 10px;
    margin-top: 0;
    box-shadow: inset 0 0 1px grey;
}

.dep-with-wrapper .table-depwith::-webkit-scrollbar-thumb {
    /*background-color: #5f60aa50;*/
    background-color: #5f60aa;
}

.dep-with-wrapper .table-depwith::-webkit-scrollbar-thumb:hover {
    background: #5f60aa;
}

.dep-with-wrapper .table-depwith.table-shown {
    display: block;
}

.dep-with-wrapper table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
}

.dep-with-wrapper table td {
    max-width: 200px;
    font-size: 14px;
}

.dep-with-wrapper table td img {
    width: 150px;
}

.dep-with-wrapper table .table-btn {
    color: #fff;
    font-size: 12px;
    background: #5f60aa;
    padding: 5px 20px;
    border-radius: 5px;
    -webkit-transition: 0.5s all ease-in-out;
    -o-transition: 0.5s all ease-in-out;
    transition: 0.5s all ease-in-out;
}

.dep-with-wrapper table .dl-pdf {
    cursor: pointer;
}

.dep-with-wrapper table .dl-pdf img {
    width: 20px;
    margin-top: 10px;
}

.dep-with-wrapper table .table-btn:hover {
    -webkit-box-shadow: inset 105px 0px 0px 0px #5f60aa;
    box-shadow: inset 105px 0px 0px 0px #5f60aa;
}

.dep-with-wrapper .links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 60px;
    color: #5f60aa;
    margin-top: 20px;
}

.dep-with-wrapper .links a {
    font-size: 12px;
    color: #5f60aa;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.dep-with-wrapper .links p {
    margin: 0 5px;
}

.dep-with-wrapper .links a img {
    width: 15px;
}

.dep-with-wrapper .links a:hover {
    text-decoration: underline;
}

/*INSTRUCTIONS*/

.instructions-wrapper-mac {
    width: 75%;
    margin: auto;
    text-align: center;
    margin-top: 60px;
    margin-bottom: 60px;
}

.instructions-wrapper-mac p {
    text-align: left;
    margin-bottom: 10px;
}

.instructions-wrapper-mac h3 {
    margin-bottom: 20px;
    font-size: 20px;
    text-align: left;
}

.instructions-wrapper-mac img {
    margin: 20px auto;
}

.instructions-wrapper-mac .note {
    background-color: #5f60aa15;
    padding: 20px;
    border: 1px solid #5f60aad3;
    border-radius: 3px;
}

.instructions-wrapper-mac a {
    color: #5f60aa;
}

.instructions-wrapper-mac .p-codeexample {
    padding: 10px 20px;
    border: 2px solid #5f60aa;
    font-family: "Roboto", Courier, monospace;
}

.depwith-context {
    margin-top: 60px;
    margin-bottom: 100px;
}

.depwith-context .head {
    text-align: center;
    font-size: 25px;
    margin-bottom: 30px;
    color: #000;
}

.depwith-context .p {
    color: #636e72;
    font-size: 14px;
    margin-bottom: 20px;
}

.depwith-context .title {
    font-size: 14px;
    font-weight: bold;
    color: #000;
    margin: 20px 0;
}

/*.instructions-wrapper-mac h1, .instructions-wrapper-mac h3 , .instructions-wrapper-mac img {
    text-align: center;
}*/

/*News*/

.news-wrapper {
    width: 75%;
    margin: auto;
}

.news-wrapper .fund_tech_content {
    margin: 40px 0;
}

.news-wrapper .fund_tech_content .title {
    font-size: 22px;
    margin-bottom: 20px;
    color: #5f60aa;
}

.news-wrapper .fund_tech_content .light {
    color: #5f60aa;
    font-weight: bold;
}

.news-wrapper .fund_tech_content ul {
    list-style: disc;
    margin-left: 40px;
}

.news-wrapper .fund_tech_content .paragraph {
    font-size: 14px;
    color: #000;
    margin-bottom: 20px;
}

.news-wrapper .news-list {
    margin-top: 65px;
    margin-bottom: 65px;
}

.news-wrapper .news-list .each-news {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 45px;
}

.news-wrapper .news-list .each-news img {
    margin-right: 17px;
    max-width: 191px;
}

.news-wrapper .news-list .each-news .content .date {
    font-size: 12px;
    color: #959595;
    margin-bottom: 6px;
}

.news-wrapper .news-list .each-news .content .title {
    font-size: 20px;
    font-weight: bold;
    color: #000;
    margin-bottom: 10px;
}

.news-wrapper .news-list .each-news .content .text {
    font-size: 14px;
    color: #646464;
    margin-bottom: 18px;
}

.news-wrapper .news-list .each-news .content .read-more {
    color: #fff;
    background-color: #5f60aa;
    border-radius: 8px;
    font-size: 12px;
    padding: 9px 30px;
    -webkit-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    transition: all ease-in-out 0.5s;
}

.news-wrapper .news-list .each-news .content .read-more:hover {
    -webkit-box-shadow: inset 120px 0 0 0 #5f60aa;
    box-shadow: inset 120px 0 0 0 #5f60aa;
}

.news-wrapper .page-numbers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 43px;
}

.news-wrapper .page-numbers button {
    background: none;
    color: #5f60aa;
    border: 1px solid #5f60aa;
    border-radius: 6px;
    width: 29px;
    height: 29px;
    margin: 0 4px;
    -webkit-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}

.news-wrapper .page-numbers button:hover {
    border: 1px solid #5f60aa;
    color: #5f60aa;
}
.news-wrapper .page-numbers .active {
    border: 1px solid #5f60aab9;
    color: #5f60aab9;
}

/*NEWS DETAILS*/

.news-wrapper .news-details {
    margin-top: 26px;
    margin-bottom: 46px;
}

.news-wrapper .news-details .title {
    font-size: 20px;
    color: #000;
    margin-bottom: 12px;
    font-weight: bold;
}

.news-wrapper .news-details .title-center {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    margin: 19px auto;
}

.news-wrapper .news-details .date {
    font-size: 12px;
    color: #959595;
    margin-bottom: 18px;
}

.news-wrapper .news-details img {
    width: 100%;
    margin-bottom: 20px;
}

.news-wrapper .news-details .par {
    margin: 10px 0px;
    font-size: 14px;
}

/*RISK MANAGEMENT*/

.chart-detailed {
    position: relative;
}

.chart-detailed .absolute-title {
    position: absolute;
    color: #000;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 40px;
}

.content-detailed .scroll-links {
    text-align: center;
    font-size: 12px;
    color: #616161;
    border: 1px #616161 solid;
    border-radius: 4px;
    padding: 10px 0;
    margin-bottom: 40px;
}

.content-detailed .scroll-links a {
    margin: 0 10px;
}

.content-detailed .scroll-links a:hover {
    text-decoration: underline;
}

.content-detailed .recommendations {
    background-color: #f5f5f5;
    border-radius: 5px;
    margin: 0 -30px;
    padding: 20px 30px;
}

.content-detailed .recommendations .lines {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.content-detailed .recommendations .lines p {
    margin: 0;
}

.content-detailed .recommendations .lines .check {
    width: 20px;
    height: 20px;
    background-color: rgba(0, 0, 0, 0.07);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}

.content-detailed .recommendations .lines .check svg {
    width: 10px;
    fill: #5f60aa;
}

.content-detailed .parts .arrow {
    font-size: 16px;
    color: #5f60aa;
    font-weight: bold;
    margin-right: 10px;
}

.content-detailed .box {
    background-color: #f5f5f5;
    border-radius: 5px;
    margin: 0 -30px;
    padding: 20px 30px;
    margin-bottom: 30px;
}

.content-detailed .box .flex-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.content-detailed .box .flex-box p {
    font-size: 16px;
    font-weight: bold;
    max-width: 500px;
}

.content-detailed .box .flex-box .open-demo {
    background-color: #5f60aa;
    font-size: 12px;
    border-radius: 10px;
    padding: 10px 30px;
    color: #fff;
    margin-left: 20px;
}

/*MICRO ACCOUNTS*/

.micro-acc-types .micro-wrapper {
    width: 75%;
    margin: auto;
    margin-bottom: 60px;
    margin-top: 60px;
}

.micro-acc-types .micro-wrapper .boxes {
    margin-bottom: 43px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.micro-acc-types .micro-wrapper .boxes .box {
    width: 30%;
    background-color: #fff;
    position: relative;
    border-radius: 5px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.04);
    padding-left: 28px;
    padding-top: 22px;
    padding-bottom: 23px;
    overflow: hidden;
}

.micro-acc-types .micro-wrapper .boxes .box::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 11px;
    content: "";
}

.micro-acc-types .micro-wrapper .boxes .box.one .title,
.micro-acc-types .micro-wrapper .boxes .box.one .price .pr {
    color: #5f60aa;
}
.micro-acc-types .micro-wrapper .boxes .box.one .trade-now,
.micro-acc-types .micro-wrapper .boxes .box.one::after {
    background-color: #5f60aa;
}
.micro-acc-types .micro-wrapper .boxes .box.two .title,
.micro-acc-types .micro-wrapper .boxes .box.two .price .pr {
    color: #5f60aa;
}
.micro-acc-types .micro-wrapper .boxes .box.two .trade-now,
.micro-acc-types .micro-wrapper .boxes .box.two::after {
    background-color: #5f60aa;
}
.micro-acc-types .micro-wrapper .boxes .box.three .title,
.micro-acc-types .micro-wrapper .boxes .box.three .price .pr {
    color: #cbab58;
}
.micro-acc-types .micro-wrapper .boxes .box.three .trade-now,
.micro-acc-types .micro-wrapper .boxes .box.three::after {
    background-color: #cbab58;
}

.micro-acc-types .micro-wrapper .boxes .box .title {
    font-size: 20px;
    margin-bottom: 11px;
    font-weight: 500;
}

.micro-acc-types .micro-wrapper .boxes .box .price {
    display: flex;
    align-items: flex-start;
    margin-bottom: 13px;
}

.micro-acc-types .micro-wrapper .boxes .box .price .pr {
    font-size: 29px;
    font-weight: bold;
}

.micro-acc-types .micro-wrapper .boxes .box .price .mo {
    color: rgb(133, 135, 157);
    font-size: 15px;
}

.micro-acc-types .micro-wrapper .boxes .box .para {
    font-size: 14px;
    color: rgb(133, 135, 157);
    margin-bottom: 13px;
}

.micro-acc-types .micro-wrapper .boxes .box .pros {
    margin-bottom: 23px;
}

.micro-acc-types .micro-wrapper .boxes .box .pros .pl {
    display: flex;
    align-items: center;
    margin-bottom: 13px;
}

.micro-acc-types .micro-wrapper .boxes .box .pros .pl img {
    width: 18px;
    height: 18px;
    margin-right: 4px;
}

.micro-acc-types .micro-wrapper .boxes .box .pros .pl p {
    font-size: 12px;
    color: rgb(133, 135, 157);
}

.micro-acc-types .micro-wrapper .boxes .box .trade-now {
    padding: 10px 25px;
    border-radius: 9px;
    background-color: rgb(98, 195, 223);
    font-size: 14px;
    font-weight: 500;
    color: rgb(245, 245, 245);
    transition: all 0.5s;
    border: 1px solid transparent;
}

.micro-acc-types .micro-wrapper .boxes .box.one .trade-now:hover {
    border: 1px solid #5f60aa;
    box-shadow: 0 0 7px 0px #5f60aa;
    background-color: #fff;
    color: #5f60aa;
}
.micro-acc-types .micro-wrapper .boxes .box.two .trade-now:hover {
    border: 1px solid #5f60aa;
    box-shadow: 0 0 7px 0px #5f60aa;
    background-color: #fff;
    color: #5f60aa;
}
.micro-acc-types .micro-wrapper .boxes .box.three .trade-now:hover {
    border: 1px solid #cbab58;
    box-shadow: 0 0 7px 0px #cbab58;
    background-color: #fff;
    color: #cbab58;
}

.micro-acc-types .micro-wrapper .content .par {
    font-size: 12px;
    color: rgb(105, 125, 140);
    margin-bottom: 10px;
}

.micro-acc-types .micro-wrapper .content .title {
    font-size: 20px;
    color: rgb(0, 0, 0);
    margin-bottom: 25px;
    margin-top: 34px;
}

/*BONUS*/

.bonus-page {
    margin: 45px 0;
}
.bonus-page .showcase {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 65px;
}
.bonus-page .title {
    font-size: 50px;
    margin-bottom: 20px;
}
.bonus-page .showcase p {
    margin-bottom: 40px;
    width: 343px;
    color: #636e72;
}
.bonus-page .showcase .get_started {
    padding: 12px 65px;
    font-size: 20px;
    color: #fff;
    border-radius: 5px;
    background-color: #5f60aa;
}
.bonus-page .showcase .deposit_boxes {
    display: flex;
    align-items: center;
    justify-content: center;
}
.bonus-page .showcase .deposit_boxes .box {
    background-color: #40457f;
    border-radius: 15px;
    color: #fff;
    padding-top: 22px;
    padding-bottom: 39px;
    width: 200px;
    text-align: center;
}
.bonus-page .showcase .deposit_boxes .box p {
    margin-bottom: 0;
    color: #fff;
    width: auto;
}
.bonus-page .showcase .deposit_boxes .box .num {
    padding-bottom: 10px;
    margin-bottom: 12px;
    font-size: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.123);
}
.bonus-page .showcase .deposit_boxes .box .ur_deposit {
    background-color: #fff;
    border-radius: 5px;
    color: #5f60aa;
    font-size: 14px;
    padding: 15px 20px;
}
.bonus-page .showcase .deposit_boxes .box .ur_deposit span {
    font-size: 20px;
}
.bonus-page .showcase .deposit_boxes .box:first-child {
    padding-left: 12px;
    padding-right: 40px;
}
.bonus-page .showcase .deposit_boxes .box:last-child {
    padding-left: 40px;
    padding-right: 12px;
}
.bonus-page .showcase .deposit_boxes .box.middle {
    background-color: #5f60aa;
    margin: 0 -30px;
    z-index: 100;
    width: 230px;
    padding: 45px 18px;
}
.bonus-page .showcase .deposit_boxes .box.middle p {
    margin-bottom: 18px;
}
.bonus-page .sec2.welcome_bonus {
    border-radius: 15px;
    background-color: #fff;
    padding: 100px;
    text-align: center;
}
.bonus-page .sec2.welcome_bonus .grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 70px;
    margin-top: 40px;
}
.bonus-page .sec2.welcome_bonus .grid .flex {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.bonus-page .sec2.welcome_bonus .grid .flex p {
    margin-left: 15px;
    color: #324553;
    font-size: 18px;
    text-align: left;
}
.bonus-page .sec2.welcome_bonus .grid .flex p span {
    font-size: 16px;
    color: #6e6e6e;
}
.bonus-page .sec3.prof_trading_content {
    background-color: #fff;
    border-radius: 15px;
    padding-top: 76px;
    padding-bottom: 30px;
}
.bonus-page .sec4.signup_bonus {
    background-color: #373b67;
    border-radius: 15px;
    padding: 75px;
    color: #fff;
    text-align: center;
    margin-top: 40px;
}
.bonus-page .sec4.signup_bonus p {
    max-width: 750px;
    margin: auto;
}
.bonus-page .sec4.signup_bonus p {
    opacity: 0.5;
}
.bonus-page .sec4.signup_bonus .title {
    margin-bottom: 39px;
}
.bonus-page .sec4.signup_bonus .content {
    margin-top: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
}
.bonus-page .sec4.signup_bonus .content .form {
    margin-left: 70px;
    max-width: 580px;
    background-color: #fff;
    border-radius: 10px;
    padding: 38px 75px;
    color: #262839;
}
.bonus-page .sec4.signup_bonus .content .flex {
    margin-bottom: 37px;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.bonus-page .sec4.signup_bonus .content .flex div {
    max-width: 232px;
}
.bonus-page .sec4.signup_bonus .content .flex .num {
    font-size: 40px;
    margin-right: 5px;
    font-size: bold;
}
.bonus-page .sec4.signup_bonus .content .flex p {
    font-size: 16px;
}
.bonus-page .sec4.signup_bonus .content .form input {
    display: block;
    width: 100%;
    height: 56px;
    border-radius: 5px;
    border: 1px solid #26283963;
    margin-bottom: 20px;
    font-size: 16px;
    padding-left: 15px;
}
.bonus-page .sec4.signup_bonus .content .form input::placeholder {
    opacity: 0.5;
}
.bonus-page .sec4.signup_bonus .content .form .head {
    font-size: 25px;
    margin-bottom: 19px;
}
.bonus-page .sec4.signup_bonus .content .form p {
    margin-bottom: 22px;
}
.bonus-page .sec4.signup_bonus .content .form .send {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #5f60aa;
    border-radius: 50%;
    margin: auto;
    margin-top: 33px;
    width: 60px;
    height: 60px;
    transition: 0.3s;
}
.bonus-page .sec4.signup_bonus .content .form .send:hover {
    transform: scale(1.1);
}
.bonus-page .sec4.signup_bonus .content .form .send:active {
    transform: scale(1);
}

.bonus-page .bonus__context {
    margin-bottom: 40px;
    margin-top: 50px;
    max-width: 600px;
}

.bonus-page .bonus__context .title {
    font-size: 22px;
    color: #5f60aa;
    margin-bottom: 20px;
    font-weight: bold;
}

.bonus-page .bonus__context .paragraph {
    font-size: 13px;
    margin-bottom: 4px;
}

.bonus-page .bonus__context .paragraph .link {
    color: #5f60aa;
    font-weight: bold;
}

.bonus-page .bonus-types {
    padding: 28px 20px;
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    width: 100%;
    height: auto;
    margin-bottom: 28px;
}

.bonus-page .bonus-types .heading-b {
    display: flex;
    align-items: center;
}

.bonus-page .bonus-types .heading-b .icon {
    width: 58px;
    height: 58px;
    background-color: rgb(245, 245, 245);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
}

.bonus-page .bonus-types .heading-b .icon img {
    width: 50%;
}

.bonus-page .bonus-types .heading-b .border {
    width: 1px;
    height: 53px;
    background-color: #eeeeee;
    margin: 0 20px;
}

.bonus-page .bonus-types .para {
    font-size: 14px;
    color: rgb(109, 109, 109);
    margin-bottom: 20px;
}

.bonus-page .bonus-types .btns {
    display: flex;
    align-items: center;
}

.bonus-page .bonus-types .btns button {
    width: 116px;
    height: 34px;
    border-radius: 5px;
}

.bonus-page .bonus-types .btns button.dl {
    background-color: #5f60aa;
    /* border: 1px solid #5f60aa; */
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 14px;
}

.bonus-page .bonus-types .btns button.dl img {
    width: 15px;
    height: auto;
    margin-right: 9.5px;
}

/*product and leverage*/

.heads-forall .pl-btns {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

.heads-forall .pl-btns button {
    /* width: 123px; */
    height: 38px;
    border-radius: 5px;
    font-size: 12px;
    transition: all 0.3s;
    background-color: #fff;
    color: #5f60aa;
    margin: 0 11px;
    padding: 0 22px;
}

.heads-forall .pl-btns.faq button {
    background-color: #f5f5f5;
}

.heads-forall .pl-btns .purple,
.heads-forall .pl-btns.faq .purple {
    background-color: #5f60aa;
    color: #fff;
}

/*.heads-forall .pl-btns .blue:hover {
    box-shadow: inset -123px 0 0 0 #fff;
    color: #5f60aa;
}*/

.heads-forall .pl-btns button:hover {
    box-shadow: inset 300px 0 0px 0 #5f60aa;
    color: #fff;
}

.prolev-page {
    display: none;
}
.prolev-page.clicked {
    display: block;
}

.pro-lev .heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: solid 1px #bebebe;
    padding-bottom: 12px;
    margin-bottom: 20px;
}

.pro-lev .heading .prolev-filter {
    color: #bebebe;
    font-size: 12px;
    position: relative;
    margin-right: 20px;
    transition: all 0.3s;
    cursor: pointer;
}

.pro-lev .heading .prolev-filter::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -13px;
    width: 100%;
    height: 1px;
    background-color: #5f60aa;
    transition: all 0.3s;
    transform: scaleX(0);
    transform-origin: left;
}

.pro-lev .heading .prolev-filter.active-prolev {
    color: #5f60aa;
}

.pro-lev .heading .prolev-filter.active-prolev::after {
    transform: scaleX(1);
}

.pro-lev .heading .prolev-filter:hover::after {
    transform: scaleX(1);
}

.pro-lev .prolev-content {
    display: none;
}
.pro-lev .prolev-content.shown {
    display: block;
}

.pro-lev .prolev-content .markets {
    color: rgb(190, 190, 190);
    font-size: 12px;
    margin-bottom: 10px;
}

.pro-lev .prolev-content .drops {
    margin-bottom: 45px;
}

.pro-lev .prolev-content .drops.grid-2fr {
    display: flex;
    align-items: flex-start;
}

.pro-lev .prolev-content .drops.grid-2fr .left {
    margin-right: 40px;
    width: 50%;
}

.pro-lev .prolev-content .drops.grid-2fr .right {
    width: 50%;
}

.pro-lev .prolev-content .drops .currency-pair-drops {
    border-radius: 7px;
    width: 100%;
    overflow: hidden;
    height: auto;
    transition: all 0.5s;
    max-height: 57px;
    border-bottom: solid 1px rgb(230, 230, 230);
    cursor: pointer;
}

.pro-lev .prolev-content .drops .currency-pair-drops.cp-dropped {
    max-height: 1000px;
    margin-bottom: 20px;
    border: none;
}
.pro-lev .prolev-content .drops .currency-pair-drops.cp-dropped .head {
    background-color: #5f60aa;
}
.pro-lev .prolev-content .drops .currency-pair-drops.cp-dropped .head .p {
    color: #fff;
}
.pro-lev .prolev-content .drops .currency-pair-drops.cp-dropped .head .arrow {
    fill: #fff;
    transform: rotate(180deg);
    top: calc(50% - 4px);
}

.pro-lev
    .prolev-content
    .drops
    .currency-pair-drops.cp-dropped
    .head
    .flag
    svg {
    fill: #fff;
}

.pro-lev .prolev-content .drops .currency-pair-drops .head {
    padding: 15px;
    background-color: transparent;
    position: relative;
    display: flex;
    align-items: center;
    transition: all 0.5s;
}

.pro-lev .prolev-content .drops .currency-pair-drops .head .p {
    font-size: 12px;
    color: #1a1a1a;
    margin-left: 9px;
}

.pro-lev .prolev-content .drops .currency-pair-drops .head .flag {
    display: flex;
    align-items: center;
    position: relative;
    margin-right: 40px;
}

.pro-lev .prolev-content .drops .currency-pair-drops .head .flag .icon_ {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: #fff;
    overflow: hidden;
}

.pro-lev .prolev-content .drops .currency-pair-drops .head .flag .icon_ img {
    width: auto;
    height: auto;
    transform: translateX(-50%) translateY(-50%);
    top: 50%;
    left: 50%;
    position: relative;
}

.pro-lev .prolev-content .drops .currency-pair-drops .head .flag img {
    height: 28px;
    width: auto;
}

.pro-lev .prolev-content .drops .currency-pair-drops .head .flag svg {
    width: 28px;
    height: 28px;
    fill: #5f60aa;
    transition: all 0.5s;
}

.pro-lev .prolev-content .drops .currency-pair-drops .head .flag .us {
    margin-left: -15px;
}

.pro-lev .prolev-content .drops .currency-pair-drops .head .arrow {
    position: absolute;
    width: 10.5px;
    right: 20px;
    top: 50%;
    fill: #5f60aa;
    transition: all 0.5;
}

.pro-lev .prolev-content .drops .currency-pair-drops .info {
    padding: 15px;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 12px;
    background-color: #fff;
}

.pro-lev .new_design {
    margin-top: 150px;
}

.pro-lev .new_design .no_dealing_desk .head {
    text-align: center;
    font-size: 32px;
    color: #262839;
    margin-bottom: 109px;
}

.pro-lev .new_design .no_dealing_desk .liquidities {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 109px;
}

.pro-lev .new_design .no_dealing_desk .liquidities .column {
    width: 30%;
    padding-top: 31px;
    position: relative;
}

.pro-lev .new_design .no_dealing_desk .liquidities .column::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background: #060763;
    top: 0;
    left: 0;
}

.pro-lev .new_design .no_dealing_desk .liquidities .column.left::after {
    background: linear-gradient(to left, #030460, #b2b4ff);
}
.pro-lev .new_design .no_dealing_desk .liquidities .column.right::after {
    background: linear-gradient(to right, #030460, #b2b4ff);
}

.pro-lev .new_design .no_dealing_desk .liquidities .column .title {
    font-size: 30px;
    margin-bottom: 19px;
    color: #262839;
}

.pro-lev .new_design .no_dealing_desk .liquidities .column .par {
    font-size: 16px;
    color: #636e72;
}

.pro-lev .new_design .no_dealing_desk .quotes {
    text-align: center;
    margin: auto;
    margin-bottom: 271px;
}

.pro-lev .new_design .no_dealing_desk .dashed {
    width: 535px;
    height: 199px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    font-weight: bold;
    color: #5f60aa;
    margin: auto;
    position: relative;
    background-color: rgba(255, 255, 255, 0.527);
    /* border: dashed #CCC 1px; */
    border-radius: 229px;
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='100' ry='100' stroke='%23B1B1B1FF' stroke-width='1' stroke-dasharray='6%2c 6' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
}

.pro-lev .new_design .no_dealing_desk .dashed img {
    position: absolute;
    top: 153px;
    left: 278px;
}

.pro-lev .new_design .no_dealing_desk .solid {
    width: 535px;
    height: 199px;
    border-radius: 229px;
    background-color: #5f60aa;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    position: absolute;
    top: 170px;
    left: 160px;
}

.pro-lev .execution_engine {
    width: 135%;
    margin: auto;
    background: #1a1a1a;
    padding-top: 67px;
    padding-bottom: 86px;
    margin-bottom: 93px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.pro-lev .execution_engine .wrapper {
    width: 75%;
    margin: auto;
}

.pro-lev .execution_engine .wrapper .head {
    font-size: 32px;
    text-align: center;
    color: #fff;
    margin-bottom: 57px;
}

.pro-lev .execution_engine .wrapper .engine {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-bottom: 100px;
}

.pro-lev .execution_engine .wrapper .engine img {
    width: 80%;
}

.pro-lev .execution_engine .wrapper .engine .order_book {
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: center;
    top: 130px;
    left: 0;
    font-size: 24px;
    font-weight: bold;
    color: #eeeeee;
}

.pro-lev .execution_engine .wrapper .engine .box {
    background: transparent;
    border: #dcdcdc solid 1px;
    padding: 38px 31px;
    font-size: 16px;
    color: #dcdcdc;
    position: relative;
    width: 319px;
    border-radius: 11px;
}

.pro-lev .execution_engine .wrapper .engine .box.box1 {
    margin-right: -150px;
}
.pro-lev .execution_engine .wrapper .engine .box.box1::after {
    position: absolute;
    content: "";
    width: 60px;
    height: 1px;
    background: #dcdcdc;
    top: 105px;
    left: 100%;
}

.pro-lev .execution_engine .wrapper .engine .box.box1::before {
    position: absolute;
    content: "";
    width: 28px;
    height: 360px;
    background: transparent;
    border: 1px solid #dcdcdc;
    border-right: none;
    right: -109px;
    top: 50%;
    transform: translateY(-50%);
}

.pro-lev .execution_engine .wrapper .engine .box.box2 {
    margin-left: -200px;
}

.pro-lev .execution_engine .wrapper .engine .box.box2::after {
    position: absolute;
    content: "";
    width: 283px;
    height: 73px;
    background: transparent;
    border-right: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    top: 100%;
    right: 170px;
}

.pro-lev .execution_engine .wrapper .engine .box1_poit {
    position: absolute;
    color: #dcdcdc;
    font-size: 12px;
    top: 47%;
    right: -133px;
    transform: rotate(90deg);
    padding: 0 4px;
}

.pro-lev .execution_engine .wrapper .engine .box2_poit {
    position: absolute;
    color: #dcdcdc;
    font-size: 12px;
    bottom: -108px;
    left: -205px;
    transform: rotate(90deg);
}

.pro-lev .execution_engine .content {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.pro-lev .execution_engine .content .why_is_not {
    width: 48%;
}

.pro-lev .execution_engine .content .why_is_not .title {
    font-size: 30px;
    color: #fff;
    margin-bottom: 44px;
}

.pro-lev .execution_engine .content .why_is_not .par {
    font-size: 16px;
    color: #dcdcdc;
}

.pro-lev .full_transparency {
    margin-bottom: 67px;
}

.pro-lev .full_transparency .heading__ {
    text-align: center;
    margin-bottom: 41px;
}

.pro-lev .full_transparency .heading__ .title {
    font-size: 32px;
    color: #262839;
    margin-bottom: 12px;
}

.pro-lev .full_transparency .heading__ .par {
    width: 524px;
    margin: auto;
    font-size: 16px;
    color: #636e72;
}

.pro-lev .full_transparency .divs {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pro-lev .full_transparency .divs .text .title {
    font-size: 32px;
    margin-bottom: 12px;
    color: #262839;
}

.pro-lev .full_transparency .divs .text .par {
    font-size: 16px;
    color: #636e72;
}

.pro-lev .full_transparency .topdiv .text {
    width: 60%;
}

.pro-lev .full_transparency .topdiv {
    padding-bottom: 108px;
    border-bottom: 1px solid #bebebe;
    margin-bottom: 110px;
}

.pro-lev .full_transparency .topdiv .text .power {
    font-size: 12px;
    position: relative;
    top: -10px;
    margin-left: 3px;
}

.pro-lev .full_transparency .botdiv {
    margin-bottom: 124px;
}

.pro-lev .full_transparency .botdiv .text {
    width: 40%;
}

.pro-lev .full_transparency .button {
    text-align: center;
}

.pro-lev .full_transparency .start_trading {
    width: 209px;
    height: 53px;
    background: #5f60aa;
    color: #fff;
    font-size: 16px;
    margin: auto;
    text-align: center;
    border-radius: 5px;
}

.prolev-page.leverage .main-title {
    color: rgb(38, 40, 57);
    font-size: 32px;
    margin-bottom: 16px;
    font-weight: bold;
}

.prolev-page.leverage .para {
    color: rgb(38, 40, 57);
    font-size: 14px;
    margin-bottom: 20px;
}

.prolev-page.leverage table {
    border: none;
}

.prolev-page.leverage .table {
    margin-bottom: 36px;
    margin-top: 36px;
}

.prolev-page.leverage table th {
    font-size: 14px;
}
.prolev-page.leverage table td {
    font-size: 12px;
}

.prolev-page.leverage .examples {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 35px;
}

.prolev-page.leverage .examples .list {
    margin-right: 20px;
}

.prolev-page.leverage .examples .list .each-example {
    border-bottom: solid 1px rgb(128, 127, 143);
    padding-bottom: 6.5px;
    width: 114px;
    margin-bottom: 12px;
    cursor: pointer;
}

.prolev-page.leverage .examples .list .each-example.active {
    border-bottom: solid 1px #5f60aa;
}
.prolev-page.leverage .examples .list .each-example.active .h {
    color: #5f60aa;
}

.prolev-page.leverage .examples .list .each-example .h {
    color: rgb(128, 127, 143);
    font-size: 12px;
    margin-bottom: 6px;
}

.prolev-page.leverage .examples .list .each-example .caption {
    color: rgba(128, 127, 143, 0.67);
    font-size: 12px;
}

.prolev-page.leverage .examples .example-view {
    width: 86%;
    background-color: #fff;
    border-radius: 9px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.02);
    padding: 20px 40px;
    display: none;
}

.prolev-page.leverage .examples .example-view.viewed {
    display: inline-block;
}

.prolev-page.leverage .examples .example-view .title {
    color: rgb(98, 195, 223);
    font-size: 14px;
    margin-bottom: 9px;
}
.prolev-page.leverage .examples .example-view .p {
    color: rgb(26, 26, 26);
    font-size: 12px;
    margin-bottom: 16px;
}

/*bank and holiday calendars*/

.prolev-page .bank-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: 19px;
    grid-column-gap: 35px;
    width: 800px;
    margin: auto;
    margin-bottom: 50px;
}

.prolev-page .bank-grid .each-bank {
    width: 100%;
    display: flex;
    align-items: center;
    border-radius: 7px;
    border: solid 1px rgb(201, 210, 221);
    overflow: hidden;
}

.prolev-page .bank-grid .each-bank .name {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    height: 100%;
    flex-direction: column;
    width: 60%;
    text-align: center;
}

.prolev-page .bank-grid .each-bank .name img {
    width: 58px;
    height: 58px;
    margin-bottom: 16px;
}

.prolev-page .bank-grid .each-bank .name .n {
    color: rgb(26, 26, 26);
    font-size: 14px;
    font-weight: bold;
}

.prolev-page .bank-grid .each-bank .decision {
    background-color: transparent;
    padding-top: 16px;
    padding-left: 13px;
    border-left: solid 1px rgb(201, 210, 221);
    width: 40%;
    height: 100%;
    padding-bottom: 16px;
}

.prolev-page .bank-grid .each-bank .decision .p {
    color: rgb(26, 26, 26);
    font-size: 12px;
    line-height: 1.5;
}

.prolev-page .textss .main-title {
    color: rgb(38, 40, 57);
    font-size: 25px;
    margin-bottom: 16px;
    font-weight: bold;
}

.prolev-page .textss {
    margin-bottom: 50px;
}

.prolev-page .textss .para {
    color: rgb(38, 40, 57);
    font-size: 14px;
    margin-bottom: 16px;
}

.prolev-page .holiday-calendar {
    max-width: 751px;
    margin: auto;
    position: relative;
}

.prolev-page .holiday-calendar .each-month {
    outline: none;
    overflow: hidden;
    width: 100%;
    height: auto;
    display: none;
}

.prolev-page .holiday-calendar .each-month.current-mth {
    display: block;
}

.prolev-page .holiday-calendar .each-month .head {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 36px;
}
.prolev-page .holiday-calendar .each-month .head .invisible {
    opacity: 0;
}
.prolev-page .holiday-calendar .each-month .head .current {
    color: rgb(38, 40, 57);
    font-size: 17px;
    font-weight: bold;
    margin: 0 70px;
}

.prolev-page .holiday-calendar .each-month .head .navigate {
    display: flex;
    align-items: center;
    color: #5f60aa;
    font-size: 12px;
}

.prolev-page .holiday-calendar .each-month .head .navigate img {
    width: 9px;
    height: auto;
    margin: 0 5px;
}

.prolev-page .holiday-calendar .each-month .informations {
    width: 100%;
    margin-bottom: 55px;
}

.prolev-page .holiday-calendar .each-month .informations .info {
    border-radius: 8px;
    background-color: rgb(255, 255, 255);
    margin-bottom: 20px;
    padding-bottom: 31px;
    transition: all 0.5s;
    max-height: 73px;
    overflow: hidden;
    cursor: pointer;
}

.prolev-page .holiday-calendar .each-month .informations .info.dropped {
    max-height: 5000px;
}

.prolev-page .holiday-calendar .each-month .informations .titles {
    position: relative;
    padding-top: 20px;
    padding-left: 25px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.prolev-page .holiday-calendar .each-month .informations .titles .date {
    padding-right: 24.5px;
    margin-right: 20px;
    border-right: solid 0.5px rgba(120, 120, 120, 0.35);
    width: 90px;
}

.prolev-page .holiday-calendar .each-month .informations .titles .date p {
    text-align: center;
    color: rgba(26, 26, 26, 0.59);
    font-size: 12px;
}

.prolev-page .holiday-calendar .each-month .informations .titles .date p span {
    color: rgb(26, 26, 26);
    font-size: 18px;
}

.prolev-page .holiday-calendar .each-month .informations .titles .descript {
    color: rgba(26, 26, 26, 0.59);
    font-size: 12px;
}

.prolev-page
    .holiday-calendar
    .each-month
    .informations
    .titles
    .descript
    span {
    color: rgb(26, 26, 26);
}

.prolev-page .holiday-calendar .each-month .informations .titles .arrow {
    position: absolute;
    width: 10.5px;
    right: 28px;
    top: 50%;
    fill: #5f60aa;
}

.prolev-page .holiday-calendar .each-month .informations .info .details {
    width: 75%;
    margin: auto;
}

.prolev-page .holiday-calendar .each-month .informations .info .details .box {
    border-radius: 4px;
    border: solid 1px rgb(230, 230, 230);
    overflow: hidden;
    margin-bottom: 15px;
}

.prolev-page
    .holiday-calendar
    .each-month
    .informations
    .info
    .details
    .box
    .top {
    padding: 7px 20px;
    font-size: 12px;
    width: 100%;
}

.prolev-page
    .holiday-calendar
    .each-month
    .informations
    .info
    .details
    .box
    .top.closed {
    color: #fff;
    background-color: #e12424;
}

.prolev-page
    .holiday-calendar
    .each-month
    .informations
    .info
    .details
    .box
    .top.closing {
    background-color: rgb(255, 228, 86);
    color: rgb(26, 26, 26);
}

.prolev-page
    .holiday-calendar
    .each-month
    .informations
    .info
    .details
    .box
    .div {
    margin: 0 20px;
    padding: 7px 0;
    border-bottom: solid 1px rgb(246, 246, 246);
}
.prolev-page
    .holiday-calendar
    .each-month
    .informations
    .info
    .details
    .box
    .div::lastchild {
    border-bottom: none;
}

.prolev-page
    .holiday-calendar
    .each-month
    .informations
    .info
    .details
    .box
    .div
    p {
    color: rgba(26, 26, 26, 0.95);
    font-size: 12px;
}

.prolev-page
    .holiday-calendar
    .each-month
    .informations
    .info
    .details
    .box
    .div
    .a {
    color: rgba(26, 26, 26, 0.59);
    margin-bottom: 5px;
}

.prolev-page.calendar .month-navs {
    width: 100px;
    height: 20px;
    position: absolute;
    top: 1px;
    opacity: 0;
    cursor: pointer;
    z-index: 1000;
}

#prev-month {
    left: 191px;
}

#next-month {
    right: 183px;
}

.holiday_banks_headings {
    text-align: center;
    margin-bottom: 60px;
}

.holiday_banks_headings .title {
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 22px;
}

.holiday_banks_headings .p {
    font-size: 14px;
    max-width: 40%;
    margin: auto;
}

/*service pack*/

.prolev-page .sec-title {
    color: rgb(38, 40, 57);
    font-size: 19px;
    margin-bottom: 31px;
    font-weight: bold;
}

.prolev-page .sec-subtitle {
    color: #8b8b8b;
    font-size: 12px;
    margin-top: -20px;
    margin-bottom: 20px;
}

.prolev-page .tgi-info {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 60px;
}

.prolev-page .tgi-info .col {
    width: 30%;
}

.prolev-page .tgi-info .col .box {
    width: 100%;
    border-radius: 11px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.03);
    background-color: rgb(255, 255, 255);
    overflow: hidden;
    margin-bottom: 27px;
}

.prolev-page .tgi-info .col .box .upper-flex {
    display: flex;
    align-items: center;
    height: 93px;
}

.prolev-page .tgi-info .col .box .upper-flex .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: linear-gradient(
        144deg,
        rgb(98, 195, 223) 3%,
        rgb(95, 96, 170)
    );
    background-size: cover;
    background-position: center;
    margin-right: 30px;
    width: 93px;
    height: 100%;
}
.prolev-page .tgi-info .col.rev .box .upper-flex .icon {
    background-image: linear-gradient(
        314deg,
        rgb(98, 195, 223),
        rgb(95, 96, 170) 100%
    );
}

.prolev-page .tgi-info .col.rev {
    margin: 0 30px;
}

.prolev-page .tgi-info .col .box .upper-flex .icon img {
    width: 50%;
    margin: auto;
}

.prolev-page .tgi-info .col .box p {
    font-size: 19px;
    color: #262839;
    font-weight: bold;
}

.prolev-page .tgi-info .col .box p span {
    font-size: 38px;
    font-weight: normal;
}

.prolev-page .tgi-info .col .box .cap {
    color: rgb(120, 120, 120);
    font-size: 12px;
    font-weight: normal;
}

.prolev-page .tgi-info .col .box .below {
    padding-bottom: 32px;
    padding-top: 18px;
}

.prolev-page .tgi-info .col .box .below.nf {
    padding-left: 32px;
}

.prolev-page .tgi-info .col .box .below.nf div {
    margin-bottom: 5px;
}

.prolev-page .tgi-info .col .box .below.fx {
    display: flex;
    align-items: center;
    justify-content: center;
}

.prolev-page .tgi-info .col .box .below.fx .l {
    color: rgb(38, 40, 57);
    font-size: 38px;
    font-weight: normal;
}

.prolev-page .tgi-info .col .box .below.fx .line {
    width: 1px;
    height: 69px;
    background-color: #5f60aa;
    margin: 0 60px;
}

.prolev-page .profitability {
    display: flex;
    align-items: flex-end;
    margin-bottom: 32px;
}

.prolev-page .text-box {
    border-radius: 11px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.03);
    background-color: rgb(255, 255, 255);
    width: 100%;
    padding: 50px 0;
    padding-left: 39px;
    margin-bottom: 34px;
}

.prolev-page .text-box.last .para {
    font-size: 12px;
    color: #8b8b8b;
    margin-bottom: 14px;
}

.prolev-page .text-box.last .line {
    margin-bottom: 14px;
    display: flex;
    align-items: center;
}

.prolev-page .text-box.last .line div {
    display: flex;
    align-items: center;
}

.prolev-page .text-box.last .line .icn {
    width: 29px;
    height: 29px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
    background-color: rgb(242, 242, 242);
    border-radius: 50%;
}

.prolev-page .text-box.last .line .icn img {
    width: 50%;
}

.prolev-page .text-box.last .line .p {
    color: #1a1a1a;
    font-size: 12px;
    margin-right: 15px;
}

.prolev-page .text-box .para {
    max-width: 80%;
    font-size: 16px;
    color: rgb(120, 120, 120);
    margin-bottom: 35px;
}

.prolev-page .text-box .para .pur {
    color: #5f60aa;
    font-weight: bold;
}

.prolev-page .text-box .para .pur.large {
    font-size: 20px;
}

.prolev-page .profitability .text-box.first {
    width: 95%;
}

.prolev-page .profitability .profits {
    margin-left: -66px;
    margin-bottom: 45px;
}

.prolev-page .profitability .profits .each-profit {
    position: relative;
    border-radius: 11px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.03);
    background-color: rgb(255, 255, 255);
    width: 165px;
    height: 78px;
    padding-right: 61px;
    padding-top: 22px;
}

.prolev-page .profitability .profits .each-profit.pink {
    margin-bottom: 37px;
}

.prolev-page .profitability .profits .each-profit .a {
    font-size: 16px;
    color: #1a1a1a;
    text-align: right;
    font-weight: bold;
}
.prolev-page .profitability .profits .each-profit .b {
    font-size: 12px;
    color: #1a1a1a;
    text-align: right;
}

.prolev-page .profitability .profits .each-profit .right {
    position: absolute;
    width: 24.3px;
    height: 98.3px;
    right: 0;
    bottom: 0;
}
.prolev-page .profitability .profits .each-profit .left {
    position: absolute;
    width: 24.3px;
    height: 98.3px;
    bottom: 0;
    right: 24.3px;
}
.prolev-page .profitability .profits .each-profit .top {
    position: absolute;
    right: 0;
    top: -33px;
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    width: 47.9px;
    height: 24.7px;
}

.prolev-page .profitability .profits .each-profit.pink .right {
    background-image: linear-gradient(
        to bottom,
        rgb(163, 17, 92),
        rgb(187, 115, 151)
    );
}
.prolev-page .profitability .profits .each-profit.pink .left {
    background-image: linear-gradient(
        to bottom,
        rgb(230, 84, 133),
        rgb(216, 103, 142)
    );
}
.prolev-page .profitability .profits .each-profit.pink .top {
    background-image: linear-gradient(
        to bottom,
        rgb(255, 54, 94),
        rgb(210, 37, 71)
    );
}
.prolev-page .profitability .profits .each-profit.blue .left {
    background-image: linear-gradient(to bottom, #5f60aa, #62c3df);
}
.prolev-page .profitability .profits .each-profit.blue .right {
    background-image: linear-gradient(to bottom, #62c3df, #5f60aa);
}
.prolev-page .profitability .profits .each-profit.blue .top {
    background-image: linear-gradient(to bottom, #62c3df, #5f60aa);
}

.prolev-page .flex_boxes {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin: 0 -11px;
    margin-bottom: 32px;
}

.prolev-page .flex_boxes .colored-boxes {
    width: 362px;
    min-height: 249px;
    padding-bottom: 30px;
    border-radius: 11px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.03);
    background-color: rgb(255, 255, 255);
    overflow: hidden;
    margin: 0 11px;
}

.prolev-page .flex_boxes .colored-boxes.short {
    min-height: 150px;
}

.prolev-page .flex_boxes .colored-boxes .ccc {
    padding: 0 22px;
    padding-top: 10px;
}

.prolev-page .flex_boxes .colored-boxes .headline {
    width: 100%;
    height: 59px;
    color: #fff;
    font-size: 14px;
    display: flex;
    align-items: center;
    padding-left: 22px;
}

.prolev-page .flex_boxes .colored-boxes .headline .icn {
    width: 36px;
    height: 36px;
    margin-right: 12px;
    background-color: rgb(255, 255, 255);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.prolev-page .flex_boxes .colored-boxes .headline .icn svg {
    width: 50%;
}

.prolev-page .flex_boxes .colored-boxes .headline.blue {
    background-image: linear-gradient(
        279deg,
        rgb(98, 195, 223) 6%,
        rgb(95, 96, 170) 100%
    );
}
.prolev-page .flex_boxes .colored-boxes .headline.purple {
    background-image: linear-gradient(
        279deg,
        rgb(199, 98, 223) 6%,
        rgb(92, 94, 191) 100%
    );
}
.prolev-page .flex_boxes .colored-boxes .headline.pink {
    background-image: linear-gradient(
        279deg,
        rgb(255, 145, 171) 6%,
        rgb(213, 36, 78) 100%
    );
}
.prolev-page .flex_boxes .colored-boxes .headline.green {
    background-image: linear-gradient(
        279deg,
        rgb(131, 246, 127) 14%,
        rgb(66, 178, 93) 65%,
        rgb(31, 141, 75) 100%
    );
}

.prolev-page .flex_boxes .colored-boxes .h {
    font-size: 14px;
    color: #5f60aa;
    margin-bottom: 9px;
    font-weight: bold;
}

.prolev-page .flex_boxes .colored-boxes .grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 4px;
    margin-bottom: 10px;
}

.prolev-page .flex_boxes .colored-boxes .flx {
    display: flex;
    align-items: center;
    font-size: 12px;
}

.prolev-page .flex_boxes .colored-boxes .flx .icn {
    background-color: rgb(242, 242, 242);
    width: 21px;
    height: 21px;
    border-radius: 50%;
    margin-right: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.prolev-page .flex_boxes .colored-boxes .flx .icn img {
    width: 60%;
}

.prolev-page .flex_boxes .colored-boxes .p {
    font-size: 12px;
    color: #1a1a1a;
}

.prolev-page .flex_boxes .colored-boxes .list .p {
    margin-bottom: 7px;
}

.prolev-page .flex_boxes .colored-boxes .p .dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    margin-right: 4px;
    background-color: rgb(95, 96, 170);
}

/* -----commission and swaps */

.dep-with-wrapper .filter {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0 -5px;
    margin-bottom: -45px;
}

.dep-with-wrapper .filter .com-swap {
    width: 50%;
    color: #a2a2a2;
    border-bottom: #a2a2a2 solid 2px;
    padding-bottom: 8px;
    font-size: 13px;
    cursor: pointer;
    text-align: center;
    margin: 0 5px;
}

.dep-with-wrapper .filter .com-swap.purple {
    color: #5f60aa;
    border-bottom: #5f60aa solid 2px;
}

.commission-vs-swap {
    display: none;
}

.commission-vs-swap.clicked {
    display: block;
}

.commission-vs-swap .search {
    width: 100%;
    height: 57px;
    position: relative;
    border-radius: 5px;
    border: solid 1px rgb(229, 229, 229);
    background-color: rgb(255, 255, 255);
    margin-bottom: 15px;
}

.commission-vs-swap .search input {
    width: 100%;
    height: 100%;
    border-radius: 5px;
    border: solid 1px rgb(229, 229, 229);
    background-color: rgb(255, 255, 255);
    padding-left: 55px;
}

.commission-vs-swap .search .search-btn {
    width: 75px;
    height: 43px;
    border-radius: 5px;
    background-color: rgb(95, 96, 170);
    color: rgb(255, 255, 255);
    font-size: 12px;
    position: absolute;
    right: 7px;
    top: 7px;
}

.commission-vs-swap .search img {
    width: 17px;
    height: auto;
    position: absolute;
    left: 24px;
    top: 50%;
    transform: translateY(-50%);
}

.commission-vs-swap select {
    background: none;
    border: none;
    font-size: 12px;
    padding-left: 0;
}

.commission-vs-swap .accounts {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    padding-bottom: 19.5px;
    border-bottom: solid 1px rgb(204, 204, 204);
    margin-bottom: 20px;
}

.commission-vs-swap .accounts .account-commissions {
    width: 98px;
    height: 34px;
    color: #1a1a1a70;
    font-size: 12px;
    border-radius: 5px;
    border: solid 1px #1a1a1a70;
    background-color: transparent;
    margin: 9px;
    transition: all 0.3s;
    cursor: pointer;
}

.commission-vs-swap .accounts .account-commissions:hover {
    border: solid 1px #5f60aa;
}

.commission-vs-swap .accounts .account-commissions.on {
    color: #5f60aa;
    border: solid 1px #5f60aa;
}

.commission-vs-swap .switch-acc-type {
    display: none;
}

.commission-vs-swap .switch-acc-type.switched {
    display: block;
}

.commission-vs-swap.swapss .commission-info {
    margin-top: 30px;
}

.commission-vs-swap .commission-info .detail .visible {
    padding-bottom: 15px;
    border-bottom: solid 1px rgb(204, 204, 204);
    margin-bottom: 20px;
    position: relative;
}

.commission-vs-swap .commission-info .detail {
    max-height: 100px;
    overflow: hidden;
    transition: all linear 0.4s;
}

.commission-vs-swap .commission-info .detail.alongated {
    max-height: 300px;
    margin-bottom: 15px;
}

.commission-vs-swap .commission-info .detail .visible::after {
    position: absolute;
    content: "";
    background: url(/frontend-assets/img/arrow-down.svg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
    background-position: center;
    right: 0;
    bottom: 30px;
}

.commission-vs-swap .commission-info .currency {
    color: rgb(26, 26, 26);
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 9px;
}

.commission-vs-swap .commission-info .types {
    display: flex;
    align-items: center;
    justify-content: center;
}

.commission-vs-swap .commission-info .types .p {
    font-size: 12px;
    color: #b2b2b2;
    text-align: center;
    margin: 0 40px;
}

.commission-vs-swap .commission-info .types .p span {
    font-size: 18px;
    font-weight: bold;
    margin-top: 5px;
}

.commission-vs-swap .commission-info .types.swap .p span {
    color: #1a1a1a;
}

.commission-vs-swap .commission-info .types .type-switch.on .p {
    color: #5f60aa;
}

.commission-vs-swap .commission-info .types .type-switch.on span {
    color: #1a1a1a;
}

.commission-vs-swap .commission-info .info-drop {
    border-bottom: solid 1px rgb(204, 204, 204);
    position: relative;
    padding-bottom: 10px;
}

.commission-vs-swap .commission-info .info-drop .currency {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
    color: #5f60aa;
}

.commission-vs-swap .commission-info .info-drop .table {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 30%;
}

.commission-vs-swap .commission-info .info-drop .table .td .p {
    margin-bottom: 9px;
    font-size: 12px;
    color: #b2b2b2;
}

.commission-vs-swap .commission-info .info-drop .table .td .n {
    text-align: end;
    margin-bottom: 9px;
    font-size: 12px;
    color: #5f60aa;
}

.commission-vs-swap .commission-info .info-drop .trade-now {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 131px;
    height: 46px;
    color: rgb(255, 255, 255);
    font-size: 12px;
    border-radius: 5px;
    background-color: rgb(95, 96, 170);
}

.new_fee_content .main_titles {
    text-align: center;
    max-width: 593px;
    margin: auto;
    margin-bottom: 60px;
}

.new_fee_content .main_titles .title {
    font-size: 32px;
    color: #262839;
    margin-bottom: 15px;
}

.new_fee_content .paragraph {
    font-size: 16px;
    color: #636e72;
}

.new_fee_content .equation {
    margin-bottom: 94px;
}

.new_fee_content .equation .title {
    font-size: 28px;
    margin-bottom: 32px;
}

.new_fee_content .equation .the_equation {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 28px 0;
    border-top: 1px #cccccc solid;
    border-bottom: 1px #cccccc solid;
}

.new_fee_content .equation .the_equation .txt {
    font-size: 22px;
}

.new_fee_content .equation .the_equation .img {
    margin: 0 70px;
}

.new_fee_content .examples {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 90px;
}

.new_fee_content .examples .list {
    margin-right: 47px;
    width: 35%;
}

.new_fee_content .examples .example_btn {
    position: relative;
    border-bottom: #cccccc 1px solid;
    margin-top: 20px;
    padding-bottom: 20px;
    cursor: pointer;
}

.new_fee_content .examples .example_btn::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    left: 0;
    bottom: -1px;
    background-color: #1492e6;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    transform: scaleX(0);
    transition: 0.3s all;
    transform-origin: left;
}

.new_fee_content .examples .example_btn.active::after {
    transform: scaleX(1);
}

.new_fee_content .examples .title {
    font-size: 18px;
    color: #1492e6;
    margin-bottom: 2px;
    font-weight: bold;
}

.new_fee_content .examples .example_btn .detail {
    font-size: 22px;
    color: #262839;
    margin-bottom: 19px;
}

.new_fee_content .examples .results {
    width: 65%;
}

.new_fee_content .examples .example_result {
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 0 0 12px rgba(133, 133, 133, 0.16);
    padding: 69px 60px;
    display: none;
    width: 100%;
}

.new_fee_content .examples .example_result.shown {
    display: inline-block;
}

.new_fee_content .examples .example_result .div {
    margin-bottom: 28px;
}

.new_fee_content .examples .example_result .paragraph {
    margin-bottom: 6px;
}

.new_fee_content .examples .example_result .steps {
    margin-bottom: 60px;
}

.new_fee_content .swap_charges {
    margin-bottom: 77px;
}

.new_fee_content .swap_charges .top_flexes {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-bottom: 78px;
    margin-bottom: 78px;
    border-bottom: #cccccc 1px solid;
}

.new_fee_content .swap_charges .top_flexes .column {
    position: relative;
    width: 45%;
}

.new_fee_content .swap_charges .top_flexes .column::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    background: linear-gradient(to left, #1492e696, #5f60aab7);
    left: 0;
    top: -20px;
}

.new_fee_content .swap_charges .top_flexes .column.two::after {
    background: linear-gradient(to right, #1492e696, #5f60aab7);
}

.new_fee_content .swap_charges .top_flexes .column .link {
    font-weight: bold;
    color: #5f60aa;
}

.new_fee_content .swap_charges .top_flexes .column .margin {
    margin-bottom: 20px;
}

.new_fee_content .swap_charge_grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: 100px;
    grid-column-gap: 88px;
}

.new_fee_content .swap_charge_grid .title.purple {
    font-size: 32px;
    color: #5f60aa;
    margin-bottom: 20px;
}
.new_fee_content .swap_charge_grid .title.blue {
    font-size: 22px;
    color: #1492e6;
    margin-bottom: 31px;
}

.new_fee_content .swap_charge_grid .formula {
    background: #5f60aa23;
    padding: 28px 60px;
    font-size: 18px;
    margin-bottom: 26px;
}

.new_fee_content .swap_charge_grid ul .paragraph {
    margin-bottom: 10px;
}

.new_fee_content .cost_calc_tool {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin-bottom: 150px;
}

.new_fee_content .cost_calc_tool .title {
    font-size: 18px;
    margin-bottom: 16px;
    color: #262839;
}

.new_fee_content .cost_calc_tool .example_box {
    margin-right: 48px;

    max-width: 505px;
}

.new_fee_content .cost_calc_tool .example_box .box {
    padding: 40px 38px;
    border: #dcdcdc 1px solid;
    border-radius: 9px;
}

.new_fee_content .cost_calc_tool .example_box .border {
    margin-bottom: 40px;
    padding-bottom: 38px;
    border-bottom: #cccccc 1px solid;
}

.new_fee_content .cost_calc_tool .fields {
    max-width: 500px;
}

.new_fee_content .cost_calc_tool .fields .prs {
    padding-left: 30px;
}

.new_fee_content .cost_calc_tool .fields .paragraph {
    margin-bottom: 10px;
    position: relative;
}

.new_fee_content .cost_calc_tool .fields .paragraph img {
    position: absolute;
    left: -30px;
    top: 0;
}
.prof_trading_content {
    color: #262839;
}
.prof_trading_content .flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.prof_trading_content .flex .content {
    max-width: 45%;
}
.prof_trading_content .title {
    font-size: 50px;
    margin-bottom: 34px;
    font-weight: 500;
}
.prof_trading_content p {
    font-size: 16px;
}
.prof_trading_content .sec1 {
    margin-bottom: 140px;
}
.prof_trading_content .sec1 .img {
    margin-left: 100px;
}
.prof_trading_content .sec1 p {
    margin-bottom: 40px;
}
.prof_trading_content .sec1 .btn {
    padding: 14px 39px;
    font-size: 12px;
    color: #fff;
    background-color: #5f60aa;
    margin-top: 40px;
    border-radius: 5px;
}
.prof_trading_content .sec2 {
    padding: 76px 30px 58px 30px;
}
.prof_trading_content .purple_box {
    background-color: #dddde9;
    border-radius: 15px;
    text-align: center;
    margin-bottom: 90px;
}
.prof_trading_content .sec2 p {
    margin: auto;
    margin-bottom: 46px;
    max-width: 730px;
}
.prof_trading_content .sec3 .flex {
    justify-content: center;
    margin-bottom: 76px;
}
.prof_trading_content .sec3 .flex .content {
    max-width: 438px;
    margin-left: 60px;
}
.prof_trading_content .sec3 .flex:last-child .content {
    margin-left: 0;
    margin-right: 60px;
}
.prof_trading_content .title2 {
    font-size: 32px;
    margin-bottom: 27px;
}
.prof_trading_content .sec3 p {
    position: relative;
    padding-left: 40px;
    margin-bottom: 20px;
}
.prof_trading_content .sec3 p .circle {
    position: absolute;
    left: 0;
    top: 0;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #5f60aa46;
}
.prof_trading_content .sec3 p .circle span {
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background-color: #5f60aa;
}
.prof_trading_content .sec4 {
    padding: 65px;
}
.prof_trading_content .form {
    width: 432px;
    background-color: #fff;
    border-radius: 15px;
    padding: 32px 44px 26px 44px;
    margin: auto;
    box-shadow: 0 10px 30px #2f2f4a1f;
}
.prof_trading_content .form .head {
    text-align: center;
    font-size: 25px;
    margin-bottom: 19px;
}
.prof_trading_content .form p {
    margin-bottom: 36px;
    text-align: left;
}
.prof_trading_content .form input,
.prof_trading_content .form select {
    width: 100%;
    height: 56px;
    margin-bottom: 20px;
    border: 1px solid #26283975;
    border-radius: 5px;
    font-size: 14px;
    display: block;
    padding-left: 15px;
}
.prof_trading_content .form input::placeholder,
.prof_trading_content .form select {
    color: #26283975;
}
.prof_trading_content .form .p {
    font-size: 14px;
}
.prof_trading_content .form .p a {
    color: #105ef6;
    margin-bottom: 48px;
    margin-top: 30px;
    font-weight: bold;
}
.prof_trading_content .form button {
    width: 100%;
    height: 56px;
    background-color: #105ef6;
    color: #fff;
    border-radius: 5px;
    transition: 0.3s;
}
.prof_trading_content .form button:active {
    transform: scale(0.9);
}
.prof_trading_content .sec5 {
    text-align: center;
    margin-bottom: 100px;
}
.prof_trading_content .sec5 .question_box {
    max-width: 950px;
    border: #7070707c 1px solid;
    border-radius: 15px;
    background-color: rgba(255, 255, 255, 0.5);
    margin: auto;
    margin-top: 50px;
}
.prof_trading_content .sec5 .question_box .flex {
    padding: 38px 25px;
    width: 100%;
    transition: 0.3s;
}
.prof_trading_content .sec5 .question_box .question:last-child {
    border-bottom: none;
}
.prof_trading_content .sec5 .question {
    max-height: 98px;
    overflow: hidden;
    border-bottom: #7070707c 1px solid;
    transition: 0.3s;
    cursor: pointer;
    text-align: left;
}
.prof_trading_content .sec5 .question i {
    transition: 0.3s;
}
.prof_trading_content .sec5 .question.open {
    max-height: 1000px;
}
.prof_trading_content .sec5 .question.open .flex {
    padding-bottom: 15px;
}
.prof_trading_content .sec5 .question.open i {
    transform: rotate(180deg);
}
.prof_trading_content .sec5 .question .answer {
    text-align: left;
    padding: 0 25px;
    padding-bottom: 20px;
    font-size: 14px;
}

/* cashback page */
.cashback_body .showcase {
    background: url(/frontend-assets/img/cashback/bg.png) no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 650px;
    padding-top: 73px;
    color: #262839;
}
.cashback_body .title {
    font-size: 32px;
    margin-bottom: 40px;
}
.cashback_body .title2 {
    font-size: 18px;
    font-weight: bold;
}
.cashback_body .showcase {
    margin-bottom: 63px;
}
.cashback_body .showcase .title2 {
    margin-bottom: 30px;
}
.cashback_body .showcase p {
    max-width: 48%;
    margin-bottom: 30px;
}
.cashback_body .start_trading {
    padding: 10px 23px;
    background: #5f60aa;
    color: #fff;
    font-size: 12px;
    border-radius: 5px;
}
.cashback_body .sec1 {
    text-align: center;
    margin: 0 -13px;
}
.cashback_body .sec1 .advantage {
    display: inline-block;
    margin: 0 13px 90px 13px;
    max-width: 388px;
}
.cashback_body .sec1 .num {
    width: 80px;
    height: 80px;
    border: 1px solid #70707042;
    position: relative;
    margin: auto;
    margin-bottom: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    font-weight: bold;
    color: #5f60aa;
}
.cashback_body .sec1 .num img {
    position: absolute;
    top: -10px;
    right: -6px;
}
.cashback_body .sec2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 20px 0;
}
.cashback_body .sec2 p {
    position: relative;
    margin-bottom: 23px;
    padding-left: 23px;
}
.cashback_body .sec2 p img {
    position: absolute;
    left: 0;
    top: 3px;
}
.cashback_body .sec3 {
    margin-bottom: 100px;
}
.cashback_body .sec3 .title {
    margin-bottom: 70px;
    display: block;
}
.cashback_body .sec3 .status {
    display: inline-block;
    margin-right: 90px;
    margin-bottom: 30px;
}
.cashback_body .sec3 .status .stars {
    display: flex;
    align-items: center;
    margin-bottom: 23px;
}
.cashback_body .sec3 .status .stars img {
    margin-right: 8.5px;
}
.cashback_body .sec3 .status .title2 {
    margin-bottom: 22px;
}
.cashback_body .sec4 {
    margin-bottom: 120px;
}
.cashback_body .sec4 a {
    color: #808080;
    text-decoration: underline;
}
.cashback_body .sec4 p {
    margin-bottom: 20px;
}

.copy_trading .showcase {
    background: url(/frontend-assets/img/copy-trading/1.png) no-repeat;
    background-position: center;
    background-size: cover;
    height: 630px;
    padding-top: 100px;
    margin-bottom: 76px;
}
.copy_trading {
    color: #262839;
}
.copy_trading .content_tab {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 66px;
    width: 100%;
    left: 0;
    background-color: #f5f5f5;
    padding: 10px 0;
}
.copy_trading .content_tab button {
    color: #5f60aa;
    background-color: #fff;
    border-radius: 5px;
    font-size: 12px;
    transition: 0.3s;
    height: 38px;
    padding: 10px 20px;
    margin: 0 8px;
}
.copy_trading .content_tab button:hover {
    background-color: #d5d5ee;
}
.copy_trading .content_tab button.active {
    color: #fff;
    background-color: #5f60aa;
}
.copy_trading .title {
    font-size: 50px;
    margin-bottom: 27px;
    line-height: 55px;
}
.copy_trading .showcase .title span {
    color: #5f60aa;
}
.copy_trading p {
    color: #636e72;
    font-size: 16px;
    transition: 0.3s;
}
.copy_trading .showcase p {
    max-width: 410px;
    margin-bottom: 30px;
}
.copy_trading .join_us {
    padding: 12px 82px;
    background-color: #5f60aa;
    border-radius: 5px;
    font-size: 20px;
    color: #fff;
}
.copy_trading .sec1 {
    text-align: center;
    margin-bottom: 84px;
}
.copy_trading .sec1 .tabbed_content {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 70px;
}
.copy_trading .sec1 .tabbed_content .ct_sec1_tabbtn {
    width: 440px;
    border-radius: 10px;
    margin-right: 20px;
    background-color: transparent;
    transition: 0.3s;
    padding: 16px 56px 25px 30px;
    text-align: left;
    cursor: pointer;
    margin-bottom: 20px;
}
.copy_trading .sec1 .tabbed_content .ct_sec1_tabbtn h1 {
    font-size: 32px;
    margin-bottom: 17px;
}
.copy_trading .sec1 .tabbed_content .ct_sec1_tabbtn.active {
    background-color: #5f60aa;
    color: #fff;
}
.copy_trading .sec1 .tabbed_content .ct_sec1_tabbtn.active p {
    color: #fff;
}
.copy_trading .sec1 .tabbed_content .placeholder {
    position: relative;
    width: 460px;
    height: 360px;
}
.copy_trading .sec1 .tabbed_content .ct_sec1_tabimg {
    transition: 0.3s;
    transform: scale(0);
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.copy_trading .sec1 .tabbed_content .ct_sec1_tabimg.active {
    transform: scale(1);
    opacity: 1;
}
.subscriber_provider_content {
    display: none;
}
.subscriber_provider_content.active {
    display: block;
}
.copy_trading .sec2 {
    margin-bottom: 96px;
}
.copy_trading .sec2 .title {
    text-align: center;
    margin-bottom: 70px;
}
.copy_trading .sec2 .box {
    background-color: #dddde9;
    border-radius: 10px;
    padding: 117px 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.copy_trading .sec2 .flex {
    display: flex;
    align-items: flex-start;
    margin-bottom: 50px;
}
.copy_trading .sec2 .flex img {
    margin-right: 27px;
}
.copy_trading .title2 {
    font-size: 25px;
    margin-bottom: 10px;
}
.copy_trading .sec2 .flex p {
    max-width: 360px;
}
.copy_trading .sec3 {
    text-align: center;
}
.copy_trading .sec3 .starting_steps {
    margin-top: 54px;
    margin-bottom: 70px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
.copy_trading .sec3 .starting_steps .step {
    display: inline-block;
    margin: 0 35px;
    margin-bottom: 30px;
    text-align: left;
    max-width: 297px;
}
.copy_trading .sec3 .starting_steps .step a {
    color: #5f60aa;
}
.copy_trading .sec3 .starting_steps .step .num {
    color: #5f60aa;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 13px;
}
.copy_trading .sec3 .box {
    background-color: #373b67;
    border-radius: 10px;
    padding: 53px;
    color: #fff;
    margin-bottom: 100px;
}
.copy_trading .sec3 .box p {
    margin-bottom: 70px;
    color: #fff;
}

/************************ RESPONSIVE ***********************/

/* HEADER */

@media (max-width: 1300px) {
    #first-line .content {
        width: 80%;
    }

    #second-line .content {
        width: 80%;
    }
}

@media (max-width: 1000px) {
    #first-line .content .inline-right .left {
        margin-right: 15px;
    }
}

@media (max-width: 900px) {
    #first-line .content .inline-right .left {
        margin-right: 15px;
    }

    #first-line .content .inline-right .left #languages {
        margin-left: 10px;
        padding-left: 10px;
    }

    #first-line .content .inline-right .trading {
        width: 100px;
        height: 30px;
        font-size: 12px;
        margin-left: 5px;
    }

    #second-line #navbar {
        font-size: 12px;
    }

    #second-line #navbar .nav-items {
        margin-left: 20px;
    }
}

@media (max-width: 800px) {
    #first-line .content {
        width: 90%;
    }

    #second-line .content {
        width: 90%;
    }
}

@media (max-width: 700px) {
    .menu {
        display: inline-block;
    }

    #first-line {
        display: none;
    }

    #second-line #logo-header {
        top: 0;
    }

    #second-line #logo-header img {
        margin-top: 5px;
        width: 100px;
    }

    /*#showcase-slide {
        padding-top: 50px;
    }*/

    .navbar-mobile {
        position: absolute;
        width: 115%;
        top: 42px;
        left: -35px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        background-color: #000000c5;
        border-top: 1px solid var(--clr-primary);
        -webkit-transition: 0.4s ease;
        -o-transition: 0.4s ease;
        transition: 0.4s ease;
        -webkit-transform: scaleY(0);
        -ms-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: top;
        -ms-transform-origin: top;
        transform-origin: top;
        height: calc(100vh);
        overflow-y: scroll;
    }

    #second-line .navbar-mobile .log-register-on-mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 30px;
        margin-bottom: 68px;
    }

    #second-line .navbar-mobile .log-register-on-mobile .btns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    #second-line .navbar-mobile .log-register-on-mobile .btns .login {
        color: #5f60aa;
        background-color: #fff;
        font-size: 12px;
        padding: 8px 16px;
        border-radius: 5px;
        margin-right: 10px;
    }

    #second-line .navbar-mobile .log-register-on-mobile .btns .trading {
        color: #fff;
        background-color: #5f60aa;
        font-size: 12px;
        padding: 8px 16px;
        border-radius: 5px;
        margin-right: 10px;
    }

    #second-line .navbar-mobile .log-register-on-mobile .languages-mobile {
        position: relative;
        color: #fff;
    }

    #second-line .navbar-mobile .log-register-on-mobile .drop-lang {
        position: absolute;
        height: 0;
        overflow: hidden;
        -webkit-transition: all ease-in-out 0.3s;
        -o-transition: all ease-in-out 0.3s;
        transition: all ease-in-out 0.3s;
    }

    #second-line
        .navbar-mobile
        .log-register-on-mobile
        .drop-lang.show-lang-mobile {
        height: 150px;
    }

    .navbar-mobile #navbar {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        color: #fff;
    }

    #second-line #navbar .nav-items {
        margin-left: 0px;
    }

    #second-line .navbar-mobile #navbar .nav-items {
        max-height: 44px;
        width: 100%;
        padding: 0;
        padding-top: 10px;
        border-bottom: 1px solid rgb(104, 103, 104);
        position: relative;
        overflow: hidden;
        -webkit-transition: all ease-in-out 0.3s;
        -o-transition: all ease-in-out 0.3s;
        transition: all ease-in-out 0.3s;
        padding-bottom: 5px;
    }

    #second-line .navbar-mobile #navbar .nav-items:hover {
        max-height: 300px;
    }

    #second-line #navbar .nav-items:hover .dropdown {
        width: 100%;
        height: auto;
    }

    #second-line #navbar .nav-items:hover .dropdown.drop-company {
        width: 100%;
        height: auto;
    }
    #second-line #navbar .nav-items:hover .dropdown.drop-trade {
        width: 100%;
        height: auto;
    }
    #second-line #navbar .nav-items:hover .dropdown.drop-platform {
        width: 100%;
        height: auto;
    }

    #second-line #navbar {
        font-size: 14px;
    }

    #second-line .navbar-mobile #navbar .nav-items .nav {
        height: 54px;
        width: 100%;
        padding: 0 2rem;
        border-top: 1px solid transparent;
        color: #fff;
    }

    #second-line .navbar-mobile #navbar .dropdown {
        top: 10px;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 10px 3rem;
        padding-top: 0;

        background-color: transparent;
        border-radius: 0;
        width: 100%;
        height: auto;
        overflow: hidden;
        margin-top: 0px;
        margin-bottom: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        opacity: 1;
        -webkit-transition: 0.3s all ease-in-out;
        -o-transition: 0.3s all ease-in-out;
        transition: 0.3s all ease-in-out;
    }

    #second-line .navbar-mobile #navbar .dropdown a {
        padding-left: 0;
    }

    #second-line #navbar .nav-items::after {
        bottom: -1px;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #5f60aa;
        -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: left;
        -ms-transform-origin: left;
        transform-origin: left;
        -webkit-transition: 0.5s ease-in-out all;
        -o-transition: 0.5s ease-in-out all;
        transition: 0.5s ease-in-out all;
    }

    .navbar-mobile.show-nav {
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        transform: scaleY(1);
    }
}

/* FOOTER */

@media (max-width: 1570px) {
    #main-footer .wrapper .bottom .middle {
        display: none;
    }
    #main-footer .wrapper .bottom .socials {
        display: none;
    }

    #main-footer .wrapper .mobile-first {
        display: block;
        text-align: center;
        font-size: 12px;
        margin-bottom: 10px;
    }

    #main-footer .wrapper .mobile-socials {
        display: block;
        text-align: center;
        font-size: 12px;
        margin-bottom: 10px;
    }

    #main-footer .wrapper .mobile-socials .socials {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: center;
        font-size: 10px;
        position: relative;
        z-index: 100;
    }
    #main-footer .wrapper .mobile-socials .socials a {
        margin: 0 10px;
    }
    #main-footer .wrapper .mobile-socials .socials a svg {
        height: 16px;
        width: 16px;
        -webkit-transition: 0.3s all ease-in-out;
        -o-transition: 0.3s all ease-in-out;
        transition: 0.3s all ease-in-out;
    }
    #main-footer .wrapper .mobile-socials .socials {
        margin: auto;
        margin-top: 20px;
    }
}

@media (max-width: 1300px) {
    #main-footer .wrapper {
        width: 80%;
    }
}

@media (max-width: 950px) {
    #main-footer .wrapper .bottom {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 60px;
        padding-bottom: 20px;
    }

    #main-footer .wrapper .bottom .middle {
        display: none;
    }

    #main-footer .wrapper .mobile-first {
        display: block;
        text-align: center;
        font-size: 10px;
        margin-bottom: 10px;
    }
}

@media (max-width: 900px) {
    #main-footer .wrapper .above {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    #main-footer .wrapper .footer-videos {
        width: 100%;
        margin-bottom: 50px;
    }

    #main-footer .wrapper .above .navigations {
        width: 100%;
    }

    #main-footer .wrapper .above .navigations .options {
        grid-template-columns: repeat(4, 1fr);
    }

    #main-footer .wrapper .above .navigations .lines {
        margin-left: 0px;
    }
}

@media (max-width: 800px) {
    #main-footer .wrapper {
        width: 90%;
    }
}

@media (max-width: 700px) {
    #main-footer .wrapper .bottom .footer-selection {
        /* flex-direction: column; */
    }
}

@media (max-width: 650px) {
    #main-footer .wrapper .bottom {
        flex-direction: column;
        align-items: flex-start;
    }

    #main-footer .wrapper .bottom .footer-selection.new-payment-methods {
        margin-bottom: 15px;
    }
}

@media (max-width: 560px) {
    #partners .wrapper .company-licenses {
        display: none;
    }

    #partners .wrapper {
        margin-left: 0;
    }

    #partners .wrapper .cl {
        display: none;
    }

    #partners .wrapper #partner-slide {
        max-width: none;
        width: 100%;
    }

    #partners .wrapper .op {
        top: -14px;
        left: 50%;
    }

    #main-footer .wrapper .above .navigations .options {
        grid-template-columns: repeat(3, 1fr);
    }

    /* #main-footer .wrapper .bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: left;
    } */

    #main-footer .wrapper .bottom .socials {
        margin: auto;
        margin-top: 20px;
        width: 50%;
    }

    #main-footer .wrapper .above .navigations {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 500px) {
    #main-footer {
        padding-bottom: 100px;
    }
}

@media (max-width: 430px) {
    #main-footer .wrapper .bottom .footer-selection.selection-boxes {
        flex-direction: column;
    }
    .country-select-box {
        margin-right: 0;
        margin-bottom: 5px;
    }
}

/* INDEX.HTML */

@media (max-width: 1800px) {
    #become-client .wrapper .left .box1 .box1-grid {
        -ms-grid-columns: 1fr 20px 1fr;
        grid-template-columns: repeat(2, 1fr);
    }
}

/*
    .fundamental-technical_slider {
        height: 300px;
    }
}

@media (max-width: 990px) {
    .fundamental-technical_slider {
        height: 250px;
    }
}


@media (max-width: 800px) {
    .fundamental-technical_slider {
        height: 250px;
    }
} */

@media (max-width: 1300px) {
    .progressBarContainer {
        width: 80%;
    }

    .new-secs-wrap {
        width: 80%;
    }

    .news-wrapper {
        width: 80%;
    }

    .acc-type-sec .types {
        justify-content: flex-end;
    }

    .trade-n-invest .options .markets .markets-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    #showcase-slide .slider .thevideo {
        margin-left: 200px;
    }

    #showcase-slide .slider .content {
        width: 80%;
    }

    #links-section1 .content {
        /*width: 80%;*/
    }

    #platform .wrapper {
        width: 80%;
    }

    #platform .wrapper .flex1 {
        margin: 0 auto;
    }

    #below-platform .wrapper {
        width: 80%;
    }

    #become-client .wrapper {
        width: 80%;
    }

    #become-client .wrapper .left .box1 .box1-grid {
        -ms-grid-columns: 1fr 20px 1fr 20px 1fr;
        grid-template-columns: repeat(3, 1fr);
    }

    #become-client .wrapper .left .box1 .box1-grid .each_flex p {
        font-size: 10px;
    }

    /*#become-client .wrapper .left .box1 .checklist {
        color: #555970;
        font-size: 12px;
        padding: 24px 5px 20px 20px;
        margin-bottom: 5px;
    }*/

    #become-client .wrapper .left .flex .box2 {
        padding: 10px 0 0 10px;
    }

    #become-client .wrapper .left .flex .box2 .head {
        font-size: 14px;
        margin-bottom: 8px;
    }

    #become-client .wrapper .left .flex .box2 .par {
        font-size: 12px;
        margin-right: 10px;
    }

    #become-client .wrapper .right .box4 .news .shred {
        padding-left: 10px;
    }

    #partners .wrapper {
        /*width: 80%;*/
    }

    .why-choose .why-choose-wrapper {
        width: 80%;
    }

    .call-for-action .action-wrapper {
        width: 80%;
    }
}

@media (max-width: 1200px) {
    .more-benefits .bottom .benefit-content .circles .crl.two {
        margin: 0 30px;
        margin-bottom: 42px;
    }

    .acc-type-sec .type-content .img {
        width: 35%;
    }

    #become-client .wrapper .left .box1 .box1-grid {
        -ms-grid-columns: 1fr 20px 1fr;
        grid-template-columns: repeat(2, 1fr);
    }

    #become-client .wrapper .left .box1 .box1-grid .each_flex p {
        font-size: 10px;
    }
}

@media (max-width: 1441px) {
    .why-choose .why-choose-wrapper .reasons .box {
        height: 230px;
        padding: 10px;
        padding-bottom: 50px;
    }

    .why-choose .why-choose-wrapper .reasons .box img {
        margin-bottom: 10px;
    }
}

@media (max-width: 1100px) {
    #platform .wrapper .flex1 .description {
        margin-top: 0;
    }

    #platform .wrapper .flex2 .description {
        margin-top: 0px;
    }

    #platform .wrapper .flex1 {
        margin-bottom: 20px;
    }
    .acc-type-sec .head {
        flex-direction: column;
        align-items: flex-start;
    }
    .acc-type-sec .types {
        justify-content: flex-start;
    }

    .acc-type-sec .head {
        height: 121px;
    }
    .acc-type-sec .head .h {
        padding-top: 21px;
        margin-bottom: 10px;
    }
    .acc-type-sec .head::after {
        top: 9px;
    }
}

@media (max-width: 1000px) {
    .fundamental-technical_slider {
        height: 300px;
    }

    .fundamental-technical_slider .ft_slider_img {
        height: 400px;
    }

    #showcase-slide .slider .thevideo {
        margin: 0;
        border: none;
        margin-left: 0px;
        margin-top: 0px;
        width: 81%;
        float: right;
        margin-right: 0px;
    }
    .more-benefits .bottom .benefit-content .circles {
        align-items: center;
        flex-direction: column;
    }

    .more-benefits .bottom .benefit-content .circles .crl.two {
        margin: 20px 0;
    }

    .more-benefits .bottom .benefit-content .methods {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 12px;
        margin-left: 18px;
    }

    .more-benefits .top {
        padding-top: 30px;
    }

    .more-benefits .top .heading .h {
        font-size: 22px;
        margin-bottom: 9px;
    }

    .more-benefits .top .btns .benefit-filter {
        margin: 0 10px;
    }

    .why-choose .why-choose-wrapper .reasons {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 20px 1fr;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 20px;
    }

    .why-choose .why-choose-wrapper .reasons .box {
        width: 100%;
        height: 100%;
    }
    .trade-n-invest .options {
        flex-direction: column;
    }

    .trade-n-invest .options .img {
        margin-right: 0px;
        margin-bottom: 30px;
        width: 100%;
    }

    .trade-n-invest .options .markets {
        width: 100%;
    }

    .trade-n-invest .how-it-works .steps .each-step .nums {
        width: 150px;
        height: 150px;
        margin-bottom: 20px;
        font-size: 45px;
    }

    .trade-n-invest .how-it-works .steps .each-step .p {
        font-size: 12px;
        margin: 0 5px;
    }
}

@media (max-width: 900px) {
    .acc-type-sec .head {
        height: 114px;
    }

    .acc-type-sec .head .h {
        font-size: 15px;
        padding-top: 25px;
    }

    .acc-type-sec .types .type-filter {
        margin: 0px 10px;
        font-size: 12px;
    }

    .acc-type-sec .types .type-filter.active-type::after {
        bottom: -21px;
    }

    .acc-type-sec .type-content {
        flex-direction: column-reverse;
    }

    .acc-type-sec .type-content .img {
        width: 100%;
        margin-bottom: 20px;
    }

    #showcase-slide .slider .thevideo {
        margin-left: 100px;
    }

    /*.slick-dots li {
        padding: 25px 30px;
    }*/

    /*#showcase-slide {
        height: 600px;
    }*/

    /*#showcase-slide .slider .content {
        padding-top: 120px;
    }*/

    #showcase-slide .slider .content .title {
        font-size: 30px;
        margin-bottom: 20px;
    }

    #showcase-slide .slider .content .trade {
        width: 160px;
        height: 50px;
        margin-top: 30px;
    }

    #links-section1 .content a .gray {
        margin-left: 0px;
        font-size: 12px;
    }

    #links-section1 .content a {
        padding: 10px;
    }

    #links-section1 .content a img {
        height: 12px;
        margin-right: 5px;
    }

    #links-section1 .content a .purple {
        margin-bottom: 5px;
    }

    #platform .wrapper .description .head {
        margin-bottom: 20px;
    }

    #platform .wrapper .description .head h6 {
        font-size: 25px;
    }

    #platform .wrapper .description .par {
        font-size: 14px;
        color: #1c1b25;
    }

    #platform .wrapper .btns {
        margin-top: 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    #platform .wrapper .btns .download {
        margin-right: 0;
        margin-bottom: 20px;
    }

    #below-platform .wrapper .left {
        max-width: 350px;
    }

    #below-platform .wrapper .head {
        font-size: 14px;
    }

    #below-platform .wrapper .left .par {
        font-size: 11px;
    }

    #below-platform .wrapper .right .ph {
        font-size: 12px;
    }

    #below-platform .wrapper .right .methods img {
        height: 20px;
        margin-left: 10px;
    }

    #become-client .wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    #become-client .wrapper .left .box1 .box1-grid {
        -ms-grid-columns: 1fr 20px 1fr 20px 1fr;
        grid-template-columns: repeat(3, 1fr);
    }

    #become-client .wrapper .right .box3 button {
        font-size: 12px;
        color: #fff;
        width: 80%;
        height: 40px;
    }

    #become-client .wrapper .left {
        width: 100%;
        margin-bottom: 20px;
    }
    #become-client .wrapper .right {
        width: 100%;
        display: block;
    }
    #become-client .wrapper .right .box4 {
        width: 100%;
        margin-left: 0px;
        margin-top: 75px;
    }
    #partners .wrapper .company-licenses .logo {
        padding-right: 10px;
        margin-right: 10px;
        height: 20px;
    }

    /*#partners .wrapper .company-licenses .license {
        height: 20px;
    }*/

    #partners .wrapper .cl {
        top: -14px;
        left: 5%;
        font-size: 10px;
        width: 120px;
        height: 25px;
        padding-top: 5px;
    }

    #partners .wrapper .op {
        top: -14px;
        right: 20%;
        font-size: 10px;
        width: 120px;
        height: 25px;
        padding-top: 5px;
    }

    .why-choose .why-choose-wrapper {
        width: 90%;
    }

    .call-for-action .action-wrapper {
        width: 90%;
    }
}

@media (max-width: 800px) {
    .progressBarContainer {
        width: 90%;
    }

    .new-secs-wrap {
        width: 90%;
    }

    .news-wrapper {
        width: 90%;
    }

    #showcase-slide .slider .content {
        width: 90%;
    }

    #links-section1 .content {
        /*width: 90%;*/
    }

    #platform .wrapper {
        width: 90%;
    }

    #below-platform .wrapper {
        width: 90%;
    }

    #become-client .wrapper {
        width: 90%;
    }

    #partners .wrapper {
        /*width: 90%;*/
    }
    .acc-type-sec .types {
        overflow-x: scroll;
    }
    .acc-type-sec .types::-webkit-scrollbar {
        height: 3px;
    }
}

@media (max-width: 700px) {
    .more-benefits .bottom .benefit-content .flex {
        flex-direction: column;
    }

    .more-benefits .bottom .benefit-content .methods {
        margin-left: 0px;
        margin-top: 30px;
    }

    .analysis .type-bars .bar {
        margin: 0px 5px;
    }

    .analysis .type-bars .bar .head {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .trade-n-invest .how-it-works .steps .each-step {
        margin-bottom: 20px;
    }

    .trade-n-invest .how-it-works .steps {
        flex-direction: column;
    }

    #showcase-slide .slider .background {
        height: 600px !important;
    }

    .showcase-main {
        height: 425px !important;
    }

    #showcase-slide {
        height: 600px;
    }

    #showcase-slide .slider .content {
        padding-top: 120px;
    }

    #links-section1 .content {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 20px 1fr;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 20px;
    }

    #links-section1 .content a {
        width: 100%;
    }

    .why-choose .why-choose-wrapper .reasons .box {
        width: 100%;
        height: 100%;
    }
    .why-choose .why-choose-wrapper .reasons .box {
        width: 100%;
        height: 100%;
    }

    .call-for-action {
        padding-top: 40px;
    }

    .call-for-action
        .action-wrapper
        .action__content
        .action__cards
        .each-card {
        height: 90px;
        width: 90px;
    }

    .call-for-action
        .action-wrapper
        .action__content
        .action__cards
        .each-card.centered {
        height: 110px;
        width: 110px;
    }
}

@media (max-width: 620px) {
    .trade-n-invest .options .markets .markets-grid {
        grid-template-columns: 1fr;
    }

    .trade-n-invest .options .markets .title {
        font-size: 20px;
    }

    #below-platform .wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    #below-platform .wrapper .right {
        text-align: left;
        width: 100%;
    }

    #below-platform .wrapper .left {
        max-width: none;
        width: 100%;
        margin-bottom: 20px;
    }

    #below-platform .wrapper .right .methods {
        margin-top: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        float: none;
    }

    #below-platform .wrapper .right .methods img {
        margin-left: 0;
        margin-right: 10px;
    }

    #below-platform .wrapper .right .methods span {
        margin-right: 10px;
    }

    #below-platform .wrapper .right .methods img:first-child {
        margin-right: 0px;
    }

    #become-client .wrapper .left .box1 .box1-grid {
        -ms-grid-columns: 1fr 20px 1fr;
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .call-for-action .action-wrapper .action__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .call-for-action .action-wrapper .action__content .action__info {
        max-width: none;
        margin-bottom: 30px;
    }

    .more-benefits .bottom .benefit-content .flex .txt .title {
        font-size: 20px;
        margin-bottom: 30px;
    }

    .more-benefits .bottom .benefit-content .flex .txt .para {
        font-size: 12px;
        margin-bottom: 37px;
    }

    .more-benefits .bottom .benefit-content .flex .txt .more {
        padding: 12px 31px;
        border-radius: 11px;
        font-size: 12px;
    }

    .more-benefits .bottom .benefit-content .head .p {
        font-size: 12px;
    }

    .more-benefits .bottom .benefit-content.sp .heading .h {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .more-benefits .bottom .benefit-content.sp .p {
        font-size: 12px;
        margin-bottom: 5px;
    }

    .more-benefits .bottom .benefit-content .head .h {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .more-benefits .top .btns .benefit-filter {
        margin: 0px 3px;
    }

    .more-benefits .top .btns .benefit-filter svg {
        width: 25px;
        margin-bottom: 1px;
    }

    .more-benefits .top .btns .benefit-filter p {
        font-size: 10px;
    }

    .acc-type-sec .type-content .left .lines .p {
        font-size: 12px;
        max-width: 80%;
    }

    .acc-type-sec .types {
        justify-content: space-between;
        padding: 0 10px;
        margin-left: 0;
    }

    .acc-type-sec .types .type-filter {
        margin: 10px;
        font-size: 12px;
    }
}

@media (max-width: 500px) {
    .fundamental-technical_slider {
        height: 200px;
    }

    .fundamental-technical_slider .ft_slider_img {
        height: 300px;
    }
    /*slick-dots li {
        margin: 5px;
    }*/

    #showcase-slide {
        height: 370px;
    }

    #showcase-slide .slider .background {
        height: 370px !important;
    }

    #showcase-slide .slider .thevideo {
        margin-left: 0;
        margin-top: 0;
        margin-bottom: 0;
        overflow: hidden;
        height: 100%;
    }

    #showcase-slide .slider .content {
        padding-top: 100px;
    }

    #showcase-slide .slider .content .title {
        font-size: 20px;
        margin-bottom: 12px;
    }

    #showcase-slide .slider .content .par {
        font-size: 13px;
    }

    #showcase-slide .slider .content .trade {
        width: 135px;
        height: 35px;
        margin-top: 16px;
        font-size: 12px;
    }

    #platform .wrapper .flex1 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 40px;
    }

    #platform .wrapper .flex1 img {
        width: 60%;
    }

    #platform .wrapper .flex2 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    #platform .wrapper .flex2 img {
        width: 80%;
    }

    #become-client .wrapper .left .box1 .head {
        padding: 10px;
    }

    #become-client .wrapper .left .box1 .head img {
        height: 40px;
    }

    #become-client .wrapper .left .box1 .head h6 {
        font-size: 18px;
        margin-bottom: 5px;
    }

    #become-client .wrapper .left .box1 .head p {
        font-size: 12px;
    }

    #become-client .wrapper .left .box1 .checklist {
        font-size: 10px;
        padding: 24px 5px 20px 5px;
        margin-bottom: 5px;
    }

    #become-client .wrapper .left .box1 .checklist p span {
        margin-right: 5px;
        padding: 5px 5px;
    }

    #become-client .wrapper .left .box1 .btn .open-acc {
        font-size: 12px;
        padding: 10px 40px;
        border-radius: 10px;
    }

    #become-client .wrapper .left .flex .box2 .head {
        font-size: 16px;
        margin-bottom: 8px;
    }

    #become-client .wrapper .left .flex .box2 .par {
        font-size: 10px;
        margin-right: 10px;
        margin-bottom: 10px;
    }

    .why-choose .why-choose-wrapper .reasons {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .call-for-action {
        height: auto;
        padding-bottom: 20px;
    }
}

@media (max-width: 470px) {
    .acc-type-sec .types .type-filter.active-type::after {
        bottom: -14px;
    }
}

@media (max-width: 400px) {
    #become-client .wrapper .left .box1 .box1-grid {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

/*ABOUT-US.HTML*/

@media (max-width: 1350px) {
    .about-us-showcase .wrapper {
        padding-top: 150px;
    }

    .about-us-showcase .wrapper .partion .title {
        font-size: 25px;
        margin-bottom: 25px;
    }
}

@media (max-width: 1300px) {
    .about-us-showcase .wrapper {
        width: 80%;
    }

    .ready {
        width: 80%;
    }
}

@media (max-width: 860px) {
    .about-us-showcase {
        height: 800px;
    }

    .about-us-showcase .wrapper {
        grid-gap: 20px;
    }

    .about-us-showcase .wrapper .partion.middle {
        margin-top: 0px;
        margin-left: 0px;
    }
}

@media (max-width: 800px) {
    .about-us-showcase .wrapper {
        width: 90%;
    }

    .ready {
        width: 90%;
    }
}

@media (max-width: 700px) {
    .about-us-showcase {
        height: auto;
    }

    .about-us-showcase .wrapper {
        padding-top: 100px;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        padding-bottom: 50px;
    }

    .about-us-showcase .wrapper .partion {
        margin-bottom: 50px;
    }
}

@media (max-width: 500px) {
    .ready .open-here img {
        width: 30px;
        margin-right: 15px;
    }

    .ready .open-here {
        height: 60px;
        font-size: 14px;
    }
}

/*LEGAL-DOCS.HTML*/

@media (max-width: 800px) {
    .legal-wrapper {
        width: 90%;
    }
}

@media (max-width: 650px) {
    .heads-forall h2 {
        font-size: 27px;
        margin-bottom: 16px;
    }

    .legal-wrapper .list-of-docs .doc-content .title {
        font-size: 18px;
    }

    .legal-wrapper .list-of-docs .doc-content .pdf-list a {
        margin-bottom: 10px;
        font-size: 14px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

@media (max-width: 580px) {
    .legal-wrapper .list-of-docs .doc-content .pdf-list {
        margin-top: 30px;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .legal-wrapper .list-of-docs .doc-navs .doc-types {
        font-size: 12px;
    }
}

/*CONTACT.HTML*/

@media (max-width: 1300px) {
    .locations .wrapper {
        width: 80%;
    }

    .send-message .message-wrapper {
        width: 80%;
    }
}

@media (max-width: 1000px) {
    .locations .wrapper .country .info-flex .each-flex .ad {
        font-size: 16px;
    }

    .locations .wrapper .country .info-flex .each-flex .title {
        font-size: 12px;
    }
}

@media (max-width: 800px) {
    .send-message .head .title {
        font-size: 25px;
        margin-bottom: 16px;
    }

    .locations .head h6 {
        font-size: 25px;
    }

    .locations .wrapper {
        width: 90%;
    }

    .send-message .message-wrapper {
        width: 90%;
    }
}

@media (max-width: 630px) {
    .locations .wrapper .country .info-flex {
        display: -ms-grid;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .locations .wrapper .country .info-flex .border {
        display: none;
    }

    .locations .wrapper .country .info-flex .each-flex {
        margin-bottom: 20px;
        border-bottom: 1px solid #e6e6e6;
        padding-bottom: 20px;
    }
}

@media (max-width: 600px) {
    .send-message .head .par {
        width: 90%;
        font-size: 14px;
        margin: auto;
        margin-bottom: 20px;
    }

    .send-message .message-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .send-message .message-wrapper .message-right {
        width: 100%;
        margin-left: 0px;
        margin-top: 30px;
    }

    .locations .head p {
        font-size: 14px;
    }
}

@media (max-width: 400px) {
    .locations .wrapper .country .info-flex .each-flex .ad {
        font-size: 14px;
    }
}

/*FAQ.HTML*/

@media (max-width: 800px) {
    .heads-forall .search-license {
        width: 90%;
        padding-right: 10px;
    }

    .faq-wrapper {
        width: 90%;
    }

    .heads-forall .search-license input {
        margin-right: 0;
    }

    .faq-wrapper .filter-btns {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 550px) {
    .faq-wrapper .filter-btns {
        grid-template-columns: repeat(3, 1fr);
    }

    .faq-wrapper .filter-btns .filter {
        font-size: 12px;
    }
}

/*REGULATION.HTML*/

@media (max-width: 1300px) {
    .wrapper-license {
        width: 80%;
    }
}

@media (max-width: 800px) {
    .wrapper-license {
        width: 90%;
    }

    .heads-forall p {
        width: 90%;
        margin: auto;
    }

    .wrapper-license .categories {
        -ms-grid-columns: 1fr 25px 1fr;
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .heads-forall h2 {
        font-size: 25px;
    }

    .heads-forall p {
        font-size: 14px;
    }

    .wrapper-license .categories {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

/*ACCOUNT-TYPES.HTML*/

@media (max-width: 1300px) {
    .wrapper-acctypes .new_pockets {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 1300px) {
    .wrapper-acctypes {
        width: 80%;
    }
}

@media (max-width: 1000px) {
    .wrapper-acctypes .acc-types {
        -ms-grid-columns: 1fr 25px 1fr;
        grid-template-columns: repeat(2, 1fr);
    }

    .wrapper-acctypes .new_pockets {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 800px) {
    .wrapper-acctypes {
        width: 90%;
    }
}

@media (max-width: 600px) {
    .wrapper-acctypes .acc-types {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .wrapper-acctypes .live-demo {
        flex-direction: column;
    }

    .wrapper-acctypes .live-demo .each.live {
        margin-right: 0;
        margin-bottom: 20px;
    }

    .wrapper-acctypes .new_pockets {
        grid-template-columns: 1fr;
    }
}

/*WHITE-LABEL.HTML*/

@media (max-width: 1600px) {
    .body-white-label .how-it-works {
        /*width: 100%;*/
        margin: auto 200px;
        margin-bottom: 50px;
    }
}

@media (max-width: 1380px) {
    .body-white-label .how-it-works {
        /*width: 100%;*/
        margin: auto 100px;
        margin-bottom: 50px;
    }
}

@media (max-width: 1400px) {
    .showcase-white-label .overlay .wrapper h1 {
        font-size: 40px;
        margin-bottom: 30px;
    }

    .body-white-label .halfin-showcase .halfin-title {
        font-size: 25px;
        margin-bottom: 50px;
    }

    .body-white-label .halfin-showcase .includes-grid .each {
        margin: 0 20px;
        margin-bottom: 20px;
    }

    /*.body-white-label .how-it-works .steps .each .number {
        font-size: 70px;
        width: 150px;
        height: 150px;
        padding-top: 45px;
        margin-bottom: 30px;
    }*/
}

@media (max-width: 1300px) {
    .showcase-white-label .overlay .wrapper {
        width: 80%;
    }

    .body-white-label .halfin-showcase {
        width: 80%;
    }

    .body-white-label .how-it-works {
        width: 80%;
        margin: 0 auto;
        margin-bottom: 50px;
        padding: 0;
    }

    .body-white-label .how-it-works .steps .each .number {
        font-size: 40px;
        width: 150px;
        height: 150px;
        padding-top: 45px;
        margin: auto;
        margin-bottom: 30px;
    }

    .questions-and-form {
        width: 80%;
    }
}

@media (max-width: 900px) {
    .showcase-white-label .overlay .wrapper h1 {
        font-size: 30px;
        margin-bottom: 20px;
    }

    .showcase-white-label .overlay .wrapper .par {
        font-size: 14px;
    }

    .showcase-white-label .overlay .wrapper .pros .each {
        margin: 0 20px;
    }

    .body-white-label .halfin-showcase .halfin-title {
        font-size: 22px;
        margin-bottom: 30px;
    }

    .body-white-label .halfin-showcase .includes-grid {
        margin-bottom: 20px;
    }

    .body-white-label .how-it-works .title {
        font-size: 25px;
        margin-bottom: 50px;
    }

    .body-white-label .halfin-showcase .includes-grid .each p {
        font-size: 10px;
    }

    .questions-and-form {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .questions-and-form .questions {
        width: 100%;
        margin-right: 0;
        margin-bottom: 50px;
    }

    .questions-and-form .form-right {
        width: 368px;
        margin: auto;
        margin-bottom: 30px;
    }
}

@media (max-width: 800px) {
    .showcase-white-label .overlay .wrapper {
        width: 90%;
    }

    .body-white-label .halfin-showcase {
        width: 90%;
    }

    .body-white-label .how-it-works {
        width: 90%;
    }

    .questions-and-form {
        width: 90%;
    }
}

@media (max-width: 700px) {
    .showcase-white-label {
        background-position-y: 50px;
        height: 580px;
    }

    .showcase-white-label .overlay .wrapper {
        margin-top: 100px;
    }

    .body-white-label .halfin-showcase .halfin-title {
        font-size: 20px;
        padding: 0 10px;
    }

    .body-white-label .halfin-showcase .includes-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .body-white-label .how-it-works .steps {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 20px 1fr;
        grid-template-columns: repeat(2, 1fr);
        text-align: center;
        margin: auto;
        grid-gap: 20px;
    }

    .body-white-label .how-it-works .steps .each {
        margin: 0 auto;
    }
}

@media (max-width: 500px) {
    .showcase-white-label .overlay .wrapper h1 {
        font-size: 22px;
        margin-bottom: 20px;
    }

    .showcase-white-label .overlay .wrapper .pros .each {
        margin: 10px;
    }

    .showcase-white-label .overlay .wrapper .pros .each::first-child {
        margin-right: 50px;
    }

    .body-white-label .halfin-showcase .includes-grid {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .body-white-label .how-it-works .steps {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .questions-and-form .form-right {
        width: 90%;
    }

    .questions-and-form .trade-with-us button {
        width: 90%;
    }

    .questions-and-form .questions .question-btn {
        padding: 0 15px;
    }
}

/*AFFILIATE.HTML*/

@media (max-width: 1700px) {
    .wrapper-affiliate .steps {
        max-width: 350px;
    }
}

@media (max-width: 1300px) {
    .wrapper-affiliate {
        width: 80%;
    }

    .heads-forall p {
        max-width: 80%;
    }
}

@media (max-width: 1200px) {
    .wrapper-affiliate .steps .step {
        margin-bottom: 30px;
    }
}

@media (max-width: 900px) {
    .wrapper-affiliate {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .wrapper-affiliate .steps {
        max-width: none;
        width: 100%;
    }

    .wrapper-affiliate .img {
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
    }

    .wrapper-affiliate .steps .step {
        margin-bottom: 30px;
    }
}

@media (max-width: 800px) {
    .wrapper-affiliate {
        width: 90%;
    }

    .heads-forall p {
        max-width: 90%;
    }
}

/*ISLAMIC-FOREX.HTML*/

@media (max-width: 1500px) {
    .islamic-showcase .wrapper .benefits {
        padding: 40px 0px;
        padding-bottom: 125px;
        margin-bottom: 52px;
    }

    .features-part .wrapper .features-grid {
        grid-gap: 40px;
    }
}

@media (max-width: 1300px) {
    .islamic-showcase .wrapper {
        width: 80%;
    }

    .features-part .wrapper {
        width: 80%;
    }

    .administration {
        width: 80%;
    }
}

@media (max-width: 1050px) {
    .features-part .wrapper .features-grid {
        grid-gap: 20px;
    }
}

@media (max-width: 1000px) {
    .islamic-showcase .wrapper .benefits .title {
        font-size: 25px;
        margin-bottom: 50px;
    }

    .features-part .wrapper .title {
        font-size: 25px;
        margin-bottom: 50px;
    }

    .administration .text .title {
        font-size: 25px;
    }

    .features-part .wrapper .features-grid {
        -ms-grid-columns: 1fr 40px 1fr;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 40px;
    }

    .islamic-showcase .wrapper .benefits .benefit-flexes .benflex {
        max-width: 180px;
    }

    .features-part .wrapper .title {
        text-align: left;
    }
}

@media (max-width: 800px) {
    .islamic-showcase .wrapper {
        width: 90%;
    }

    .features-part .wrapper {
        width: 90%;
    }

    .administration {
        width: 90%;
    }
}

@media (max-width: 700px) {
    .islamic-showcase .overlay {
        padding-top: 80px;
    }
}

@media (max-width: 600px) {
    .islamic-showcase .wrapper .benefits .title {
        font-size: 20px;
        margin-bottom: 40px;
    }

    .features-part .wrapper .title {
        font-size: 20px;
        margin-bottom: 40px;
    }

    .administration .text .title {
        font-size: 20px;
    }

    .islamic-showcase .wrapper .benefits .benefit-flexes {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .islamic-showcase .wrapper .benefits .benefit-flexes .benflex {
        max-width: none;
    }

    .islamic-showcase .wrapper .benefits {
        padding: 30px 20px;
    }

    .features-part .wrapper .features-grid {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

/*PLATFORMS.HTML*/

@media (max-width: 1640px) {
    .other-devices .content {
        padding: 50px 10px;
    }
}

@media (max-width: 1440px) {
    .other-devices .content .parts .each a {
        padding: 10px 30px;
        font-size: 14px;
    }
}

@media (max-width: 1400px) {
    .platform-showcase .wrapper .text {
        max-width: 400px;
    }

    .platform-showcase .wrapper .text h2 {
        font-size: 30px;
    }

    .platform-showcase {
        height: 730px;
    }

    .other-devices .content .parts .each {
        max-width: 350px;
        margin: 0 10px;
    }
}

@media (max-width: 1300px) {
    .platform-showcase .wrapper {
        width: 80%;
    }

    .platform-showcase {
        height: 830px;
    }

    .other-devices .content {
        width: 80%;
        padding: 50px 10px;
    }
}

@media (max-width: 1200px) {
    .other-devices .content .parts .each .head {
        margin-bottom: 15px;
        font-size: 16px;
    }

    .other-devices .content .parts .each .par {
        font-size: 13px;
        margin-bottom: 30px;
    }

    .other-devices .content .parts .each a {
        padding: 10px 30px;
        font-size: 14px;
    }
}

@media (max-width: 1100px) {
    .platform-showcase {
        height: 730px;
    }
}

@media (max-width: 1045px) {
    .other-devices .content .parts .each .head {
        margin-bottom: 15px;
        font-size: 16px;
    }

    .other-devices .content .parts .each .par {
        font-size: 12px;
        margin-bottom: 30px;
    }

    .other-devices .content .parts .each a {
        padding: 10px 20px;
        font-size: 13px;
    }
}

@media (max-width: 900px) {
    .other-devices .content .parts {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: auto;
        text-align: center;
    }

    .other-devices .content .parts .each {
        max-width: none;
        margin: auto;
        margin-bottom: 30px;
    }

    .other-devices .content .parts .each .par {
        padding: 0 30px;
    }
}

@media (max-width: 800px) {
    .platform-showcase .wrapper {
        width: 90%;
    }

    .other-devices .content {
        width: 90%;
    }

    .platform-showcase {
        height: 630px;
    }
}

@media (max-width: 700px) {
    .platform-showcase .wrapper {
        padding-top: 100px;
    }

    .platform-showcase {
        height: 530px;
    }

    .platform-showcase .wrapper .text h2 {
        font-size: 22px;
    }

    .platform-showcase .wrapper .text .par {
        font-size: 12px;
        margin-bottom: 15px;
    }
}

@media (max-width: 600px) {
    .platform-showcase .wrapper .image {
        display: none;
    }

    .platform-showcase .wrapper .text {
        max-width: none;
    }

    .signup-sec .form-box {
        width: 90%;
        margin: auto;
    }
}

@media (max-width: 450px) {
    .signup-sec .form-box .title {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .signup-sec .form-box .par {
        font-size: 13px;
        margin-bottom: 20px;
    }

    .signup-sec .form-box .input {
        height: 40px;
        margin-bottom: 15px;
    }

    .phone-index-wrapper {
        top: 5px;
        height: 35px;
        width: 60px;
    }

    .signup-sec .agree {
        font-size: 10px;
    }

    .signup-sec .open-acc {
        height: 40px;
        font-size: 14px;
    }
}

/*LOGIN-HTML*/

@media (max-width: 1300px) {
    .left-sign {
        display: none;
    }

    .signin-body .right-sign {
        position: relative;
        width: 100%;
        height: 100%;
        background: url(/frontend-assets/img/login-bg.png) no-repeat;
        background-size: cover;
    }

    .signin-body .right-sign::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        /*background-color:  rgba(255, 255, 255, 0.733);*/
        background: -o-linear-gradient(
            bottom,
            #fff,
            rgba(255, 255, 255, 0.733)
        );
        background: -webkit-gradient(
            linear,
            left bottom,
            left top,
            from(#fff),
            to(rgba(255, 255, 255, 0.733))
        );
        background: linear-gradient(to top, #fff, rgba(255, 255, 255, 0.733));
        content: "";
    }

    .signin-body .right-sign .return-btn {
        z-index: 10;
        position: relative;
    }

    .signin-body .right-sign .signin-form {
        position: relative;
        max-width: none;
        width: 60%;
        height: 100%;
        margin: auto;
        margin-top: 200px;
        padding-bottom: 400px;
        z-index: 10;
    }

    .signin-body .right-sign .signin-form .login-inputs .each-input input {
        border-bottom: #ccc 1px solid;
    }

    .signin-body
        .right-sign
        .signin-form
        .login-inputs
        .each-input
        input::-webkit-input-placeholder {
        color: #ccc;
    }

    .signin-body
        .right-sign
        .signin-form
        .login-inputs
        .each-input
        input::-moz-placeholder {
        color: #ccc;
    }

    .signin-body
        .right-sign
        .signin-form
        .login-inputs
        .each-input
        input:-ms-input-placeholder {
        color: #ccc;
    }

    .signin-body
        .right-sign
        .signin-form
        .login-inputs
        .each-input
        input::-ms-input-placeholder {
        color: #ccc;
    }

    .signin-body
        .right-sign
        .signin-form
        .login-inputs
        .each-input
        input::placeholder {
        color: #ccc;
    }

    .signin-body .right-sign .signin-form .login-inputs .each-input svg {
        fill: #ccc;
    }

    .signin-body .right-sign .signin-form .login-inputs .each-input input {
        border-bottom: rgb(185, 184, 184) 1px solid;
    }

    .signin-body
        .right-sign
        .signin-form
        .login-inputs
        .each-input
        input::placeholder {
        color: rgb(170, 170, 170);
    }

    .signin-body .right-sign .signin-form .login-inputs .each-input svg {
        fill: rgb(170, 170, 170);
    }

    .signin-body
        .right-sign
        .signin-form.sign-up
        .login-inputs
        .each-input
        label {
        color: rgb(170, 170, 170);
    }
}

@media (max-width: 900px) {
    .signin-body .right-sign .signin-form {
        width: 80%;
        margin-top: 100px;
    }
}

@media (max-width: 380px) {
    .signin-body .right-sign .signin-form.sign-up .flex-line {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .signin-body .right-sign .signin-form.sign-up .flex-line .star {
        margin-bottom: 10px;
    }
}

/*TRADING-TOOLS.HTML*/

@media (max-width: 1300px) {
    .tools-wrapper {
        width: 80%;
    }
}

@media (max-width: 800px) {
    .tools-wrapper {
        width: 90%;
    }
}

@media (max-width: 600px) {
    .tools-wrapper .flex-view {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .tools-wrapper .flex-view .view-s {
        width: 100%;
    }

    .tools-wrapper .flex-view .view-l {
        width: 100%;
    }
}

/*EDUCATION.HTML*/

@media (max-width: 1600px) {
    .education-wrapper .e-books .booklist .each-book .name p {
        font-size: 16px;
    }

    .education-wrapper .grid-strategies .stra-box h4 {
        font-size: 17px;
    }

    .education-wrapper .grid-strategies .stra-box p {
        font-size: 12px;
    }
}

@media (max-width: 1300px) {
    .education-wrapper {
        width: 80%;
    }

    .heads-forall .search-license {
        width: 80%;
    }
}

@media (max-width: 1000px) {
    .education-wrapper .grid-strategies {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .education-wrapper .e-books .booklist .each-book .name p {
        font-size: 14px;
    }

    .education-wrapper .e-books .booklist .each-book svg {
        width: 30px;
        margin-right: 10px;
    }

    .education-wrapper .e-books .booklist .each-book {
        height: 80px;
    }

    .education-wrapper .e-books .booklist .each-book .name {
        line-height: 80px;
        padding: 0 10px;
    }
}

@media (max-width: 800px) {
    .education-wrapper {
        width: 90%;
    }

    .heads-forall .search-license {
        width: 90%;
    }
}

@media (max-width: 600px) {
    .education-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .education-wrapper .grid-strategies {
        width: 100%;
        margin-right: 0;
        margin-bottom: 50px;
    }
}

@media (max-width: 450px) {
    .education-wrapper .e-books {
        width: 90%;
    }
}

/*STRATEGIES.HTML*/

@media (max-width: 1300px) {
    .strategies-wrapper {
        width: 80%;
    }
}

@media (max-width: 800px) {
    .strategies-wrapper {
        width: 90%;
    }
}

@media (max-width: 600px) {
    .strategies-wrapper {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

/*DETAILED.HTML*/

@media (max-width: 1300px) {
    .chart-detailed {
        width: 80%;
    }

    .content-detailed {
        width: 80%;
    }
}

@media (max-width: 800px) {
    .chart-detailed {
        width: 90%;
    }

    .content-detailed {
        width: 90%;
    }

    .chart-detailed {
        height: auto;
    }

    .content-detailed .parts .title.main {
        font-size: 22px;
    }

    .content-detailed .parts .title {
        font-size: 19px;
    }
}

@media (max-width: 700px) {
    .bodies {
        padding-top: 80px;
    }

    .content-detailed {
        padding: 20px 30px;
    }

    .content-detailed .parts h6 {
        font-size: 18px;
    }
}

/*PAMM*/

@media (max-width: 1700px) {
    .wrapper-pamm .pamm-flex .each-pamm .steps .eachone .dec {
        max-width: 350px;
    }
}

@media (max-width: 1550px) {
    .wrapper-pamm .pamm-flex .each-pamm .steps .eachone .dec {
        max-width: 300px;
    }

    .wrapper-pamm .pamm-flex .each-pamm .head {
        padding-left: 20px;
    }

    .wrapper-pamm .pamm-flex .each-pamm .steps {
        padding-left: 20px;
        padding-right: 15px;
    }
}

@media (max-width: 1300px) {
    .wrapper-pamm {
        width: 80%;
    }

    .wrapper-pamm .pamm-flex .each-pamm .head {
        padding-left: 30px;
    }

    .wrapper-pamm .pamm-flex .each-pamm .steps {
        padding-left: 30px;
        padding-right: 20px;
    }

    .wrapper-pamm .pamm-flex .each-pamm .steps .eachone .dec {
        max-width: 350px;
    }
}

@media (max-width: 1150px) {
    .wrapper-pamm .pamm-flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .wrapper-pamm .each-pamm .steps .eachone .dec {
        max-width: 80%;
    }

    .wrapper-pamm .pamm-flex .each-pamm {
        margin-bottom: 50px;
    }
}

@media (max-width: 1010px) {
    .pamm_how-to-graph-money,
    .mam_how-to-graph-money {
        margin-top: 10px;
    }
}

@media (max-width: 1000px) {
    .wrapper-pamm .pamm-questions .questions .question-btn {
        padding: 0 15px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .wrapper-pamm .pamm-questions .questions .question-btn .drop-ques {
        padding: 18px 0;
        font-size: 12px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

@media (max-width: 770px) {
    .wrapper-pamm .pamm-questions .questions .question-btn {
        max-height: 46px;
    }

    .wrapper-pamm .pamm-questions .questions .question-btn .drop-ques {
        padding-top: 15px;
        font-size: 10px;
    }
}

@media (max-width: 850px) {
    .pamm_how-to-graph,
    .mam_how-to-graph {
        height: auto;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        min-width: 0;
    }

    .pamm_how-to-graph-item,
    .mam_how-to-graph-item {
        height: 80px;
        width: 100%;
        margin-bottom: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .pamm_how-to-graph-percentage {
        margin-top: 0;
    }

    .pamm_how-to-graph-item.blue,
    .mam_how-to-graph-item.blue {
        height: 80px;
        width: 100%;
        margin: auto;
        margin-bottom: 20px;
    }

    .pamm_how-to-graph-item:before {
        display: none;
    }

    .pamm_how-to-graph-item:nth-of-type(1):before {
        display: none;
    }

    .pamm_how-to-graph-item:nth-of-type(2):before {
        display: none;
    }

    .pamm_how-to-graph-item:last-of-type:after {
        display: none;
    }

    .pamm_how-to-graph-percentage {
        width: auto;
    }
}

@media (max-width: 800px) {
    .wrapper-pamm {
        width: 90%;
    }
}

@media (max-width: 600px) {
    .wrapper-pamm .pamm-flex .each-pamm .steps .eachone {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .wrapper-pamm .content-pamm .fourth-line .each-how {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .wrapper-pamm .content-pamm .fourth-line .each-how .flex {
        margin-bottom: 60px;
    }
}

@media (max-width: 500px) {
    .wrapper-affiliate .affiliate-flex {
        flex-direction: column;
    }

    .wrapper-affiliate .affiliate-flex .img {
        width: 100%;
        margin-right: 0px;
    }

    .wrapper-pamm .content-pamm .second-line .two-flexes {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .wrapper-pamm .content-pamm .second-line .two-flexes p {
        font-size: 14px;
    }
}

/*PLATFORMS.HTML*/

@media (max-width: 1600px) {
    .new_design_platforms_423 .purple_box.second .dls {
        right: 30px;
    }

    .new_design_platforms_423 .purple_box.second .dls a {
        margin: 0 10px;
    }
}

@media (max-width: 1300px) {
    .platforms-wrapper {
        width: 80%;
    }

    .new_design_platforms_423 .purple_box .box_flex {
        grid-column-gap: 70px;
    }

    .new_design_platforms_423 .purple_box {
        padding: 62px;
    }
}

@media (max-width: 1200px) {
    .new_design_platforms_423 .purple_box.second .mobile {
        top: auto;
        bottom: 280px;
        width: 40%;
    }
}

@media (max-width: 1050px) {
    .platforms-wrapper .platform-grid {
        -ms-grid-columns: 1fr 30px 1fr;
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 1000px) {
    .new_design_platforms_423 .purple_box {
        padding: 33px;
    }

    .new_design_platforms_423 .purple_box .box_flex {
        grid-column-gap: 45px;
    }

    .new_design_platforms_423 .purple_box .box_flex .check_item {
        font-size: 14px;
        margin-bottom: 16px;
        padding-left: 25px;
    }

    .new_design_platforms_423 .purple_box .box_flex .check_item::before {
        width: 19px;
        height: 19px;
    }

    .new_design_platforms_423 .purple_box.second {
        margin-top: 230px;
    }

    .new_design_platforms_423 .purple_box.second .mobile {
        bottom: 182px;
    }

    .new_design_platforms_423 .heads .title {
        font-size: 25px;
    }

    .new_design_platforms_423 .heads .subtitle {
        font-size: 14px;
    }

    .new_design_platforms_423 .heads .para {
        font-size: 12px;
        margin-top: 10px;
    }
}

@media (max-width: 800px) {
    .platforms-wrapper {
        width: 90%;
    }

    .new_design_platforms_423 {
        margin-bottom: 69px;
    }

    .new_design_platforms_423 .purple_box.second {
        margin-top: 190px;
    }

    .new_design_platforms_423 .purple_box.second .mobile {
        bottom: 205px;
    }

    .new_design_platforms_423 .purple_box.second {
        padding-top: 85px;
    }

    .new_design_platforms_423 .purple_box.second .dls {
        right: 4px;
        top: 14px;
    }

    .new_design_platforms_423 .purple_box.second {
        margin-top: 45%;
    }

    .new_design_platforms_423 .purple_box.second .mobile {
        bottom: 75%;
    }

    @media (max-width: 700px) {
        .new_design_platforms_423 .purple_box.second .dls {
            right: 4px;
            top: auto;
            bottom: 14px;
        }

        .new_design_platforms_423 .purple_box.second {
            padding-bottom: 85px;
        }
    }
}

@media (max-width: 610px) {
    .platforms-wrapper .platform-grid {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .new_design_platforms_423 .purple_box .box_flex {
        grid-template-columns: 1fr;
    }

    .new_design_platforms_423 .purple_box.second {
        margin-top: 41%;
    }

    .new_design_platforms_423 .purple_box.second .mobile {
        bottom: 84%;
    }
}

/*DEPOSIT AND WITHDRAWAL */

@media (max-width: 1300px) {
    .dep-with-wrapper {
        width: 80%;
    }
}

@media (max-width: 800px) {
    .dep-with-wrapper {
        width: 90%;
    }
}

/*product and leverage*/

@media (max-width: 1000px) {
    .prolev-page .bank-grid {
        width: 100%;
    }
}

@media (max-width: 950px) {
    .pro-lev .prolev-content .drops.grid-2fr {
        flex-direction: column;
    }

    .pro-lev .prolev-content .drops.grid-2fr .left,
    .pro-lev .prolev-content .drops.grid-2fr .right {
        width: 100%;
        margin: 0;
    }
}

@media (max-width: 600px) {
    .pro-lev .heading {
        overflow-x: scroll;
        overflow-y: hidden;
    }

    .pro-lev .heading::-webkit-scrollbar {
        height: 4px;
    }

    .prolev-page.leverage .main-title {
        font-size: 22px;
    }

    .prolev-page.leverage .table {
        overflow-x: scroll;
    }

    .prolev-page.leverage .table::-webkit-scrollbar {
        height: 4px;
    }

    .prolev-page.leverage .examples {
        flex-direction: column;
    }

    .prolev-page.leverage .examples .example-view {
        width: 100%;
    }
}

@media (max-width: 450px) {
    .pro-lev .prolev-content .drops .currency-pair-drops .head .flag {
        margin-right: 8px;
    }

    .pro-lev .prolev-content .drops .currency-pair-drops .head .p {
        font-size: 11px;
    }
}

/*bank and holiday calendar*/

@media (max-width: 850px) {
    .prolev-page.calendar .month-navs {
        width: 140px;
    }

    #next-month {
        right: 79px;
    }

    #prev-month {
        left: 81px;
    }
}

@media (max-width: 600px) {
    .prolev-page .bank-grid {
        grid-template-columns: 1fr;
    }

    #next-month {
        right: 10px;
    }

    #prev-month {
        left: 15px;
    }

    .prolev-page.calendar .month-navs {
        width: 100px;
    }

    #prev-month {
        left: 21px;
    }

    #next-month {
        right: 17px;
    }
}

@media (max-width: 500px) {
    #next-month {
        right: 34px;
    }
    #prev-month {
        left: 37px;
    }

    .prolev-page .holiday-calendar .each-month .head .current {
        font-size: 15px;
        margin: 0 60px;
    }
}

@media (max-width: 400px) {
    #prev-month {
        left: 5px;
    }
    #next-month {
        right: -8px;
    }
    .prolev-page .holiday-calendar .each-month .head .current {
        margin: 0px 34px;
    }
}

/* Service pack */

@media (max-width: 1100px) {
    .prolev-page .tgi-info {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 20px;
    }

    .prolev-page .tgi-info .col {
        width: 100%;
    }
    .prolev-page .tgi-info .col.rev {
        margin: 0;
    }
}

@media (max-width: 1050px) {
    .prolev-page .text-box.last .line {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 10px;
    }
}

@media (max-width: 1000px) {
    .prolev-page .flex_boxes {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 20px;
        margin: 0;
        margin-bottom: 32px;
    }

    .prolev-page .flex_boxes .colored-boxes {
        width: 100%;
        height: 100%;
        margin: 0;
    }
}

@media (max-width: 900px) {
    .prolev-page .text-box {
        padding: 22px 0;
        padding-left: 22px;
        margin-bottom: 30px;
    }

    .prolev-page .text-box .para {
        font-size: 13px;
        margin-bottom: 17px;
    }

    .prolev-page .text-box .para .pur.large {
        font-size: 14px;
    }

    .prolev-page .profitability .profits {
        margin-left: -55px;
    }
}

@media (max-width: 700px) {
    .prolev-page .flex_boxes {
        grid-template-columns: 1fr;
    }

    .prolev-page .flex_boxes .colored-boxes {
        min-height: none;
    }
}

@media (max-width: 600px) {
    .prolev-page .tgi-info {
        grid-template-columns: 1fr;
    }

    .prolev-page .profitability .profits .each-profit {
        width: 111px;
        height: 55px;
        padding-right: 38px;
        padding-top: 9px;
    }

    .prolev-page .profitability .profits .each-profit .a {
        font-size: 12px;
    }

    .prolev-page .profitability .profits .each-profit .b {
        font-size: 10px;
    }

    .prolev-page .profitability .profits .each-profit .left {
        width: 16.3px;
        height: 70.3px;
        right: 16.3px;
    }

    .prolev-page .profitability .profits .each-profit .right {
        width: 16.3px;
        height: 70.3px;
    }

    .prolev-page .profitability .profits .each-profit .top {
        top: -25px;
        width: 31.9px;
        height: 19.7px;
    }
}

@media (max-width: 550px) {
    .prolev-page .text-box.last .line {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 440px) {
    .prolev-page .text-box.last .line {
        grid-template-columns: 1fr;
    }
}

/* new faq page */

@media (max-width: 1600px) {
    .faq-wrapper .categories_two {
        grid-template-columns: repeat(5, 1fr);
        grid-column-gap: 25px;
    }
}

@media (max-width: 1300px) {
    .faq-wrapper {
        width: 80%;
    }
}

@media (max-width: 1200px) {
    .faq-wrapper .categories_two {
        grid-template-columns: repeat(4, 1fr);
        grid-column-gap: 25px;
        grid-row-gap: 20px;
    }
}

@media (max-width: 920px) {
    .faq-wrapper .help_center_content .help_center_qa.category_selected .head {
        font-size: 26px;
        margin-bottom: 20px;
    }

    .faq-wrapper .help_center_content .ques_titles .ques_title_hc {
        font-size: 17px;
        margin-bottom: 17px;
    }

    .faq-wrapper
        .help_center_content
        .help_center_qa.category_selected
        .hc_questions
        .hc_question {
        font-size: 16px;
    }

    .faq-wrapper
        .help_center_content
        .help_center_qa.category_selected
        .hc_questions {
        max-height: 60px;
    }

    .faq-wrapper
        .help_center_content
        .help_center_qa.category_selected
        .hc_questions
        .hc_question
        .the_plus {
        width: 22px;
        height: 22px;
    }

    .faq-wrapper
        .help_center_content
        .help_center_qa.category_selected
        .hc_questions
        .answer {
        font-size: 13px;
    }
}

@media (max-width: 800px) {
    .faq-wrapper {
        width: 90%;
    }

    .faq-wrapper .categories_two {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 700px) {
    .faq-wrapper .faq_article_QA .questions_column {
        margin-right: 13px;
    }

    .faq-wrapper .help_center_content {
        flex-direction: column;
    }

    .faq-wrapper .help_center_content .help_center_qa {
        width: 100%;
        margin-top: 40px;
    }
}

@media (max-width: 600px) {
    .faq-wrapper .categories_two {
        grid-template-columns: repeat(2, 1fr);
    }

    .faq-wrapper .categories_one {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 22px;
    }
}

@media (max-width: 530px) {
    .faq-wrapper .faq_article_QA {
        flex-direction: column;
    }

    .faq-wrapper .faq_article_QA .answers {
        width: 100%;
        margin-top: 20px;
    }

    .faq-wrapper
        .help_center_content
        .help_center_qa.category_selected
        .hc_questions
        .hc_question {
        font-size: 14px;
    }
}

@media (max-width: 400px) {
    .faq-wrapper .categories_two {
        grid-template-columns: 1fr;
    }
}

/* prolev new design */

@media (max-width: 1200px) {
    .pro-lev .new_design {
        margin-top: 70px;
    }

    .pro-lev .new_design .no_dealing_desk .head {
        font-size: 25px;
        margin-bottom: 55px;
    }

    .pro-lev .new_design .no_dealing_desk .liquidities .column {
        padding-top: 16px;
    }
    .pro-lev .new_design .no_dealing_desk .liquidities .column .title {
        font-size: 21px;
        margin-bottom: 7px;
    }

    .pro-lev .new_design .no_dealing_desk .liquidities {
        margin-bottom: 70px;
    }

    .pro-lev .new_design .no_dealing_desk .dashed {
        width: 417px;
        height: 150px;
        font-size: 23px;
    }

    .pro-lev .new_design .no_dealing_desk .solid {
        width: 417px;
        height: 150px;
        top: 127px;
        left: 160px;
    }

    .pro-lev .new_design .no_dealing_desk .dashed img {
        top: 111px;
    }

    .pro-lev .new_design .no_dealing_desk .quotes {
        margin-bottom: 200px;
    }

    .pro-lev .execution_engine {
        padding-top: 45px;
        margin-bottom: 44px;
    }

    .pro-lev .execution_engine .wrapper .head {
        font-size: 27px;
        margin-bottom: 19px;
    }

    .pro-lev .execution_engine .wrapper .engine .box.box2::after {
        position: absolute;
        content: "";
        width: 164px;
        right: 170px;
    }

    .pro-lev .execution_engine .wrapper .engine .box.box1 {
        margin-right: -59px;
    }

    .pro-lev .execution_engine .wrapper .engine .box.box2 {
        margin-left: -119px;
    }

    .pro-lev .execution_engine .wrapper .engine .box {
        padding: 20px 16px;
        font-size: 13px;
        width: 206px;
    }

    .pro-lev .execution_engine .content .why_is_not .title {
        font-size: 24px;
        margin-bottom: 12px;
    }

    .pro-lev .execution_engine .content .why_is_not .par {
        font-size: 12px;
    }

    .pro-lev .execution_engine .wrapper .engine {
        margin-bottom: 60px;
    }

    .pro-lev .execution_engine .wrapper .engine .order_book {
        top: 60px;
    }

    .pro-lev .full_transparency .heading__ .title {
        font-size: 25px;
    }

    .pro-lev .full_transparency .heading__ .par {
        font-size: 13px;
    }

    .pro-lev .full_transparency .divs .text .title {
        font-size: 26px;
        margin-bottom: 6px;
    }

    .pro-lev .full_transparency .divs .text .par {
        font-size: 13px;
    }

    .pro-lev .full_transparency .botdiv img {
        width: 50%;
    }
}

@media (max-width: 1000px) {
    .pro-lev .execution_engine .wrapper .engine img {
        width: 60%;
    }

    .pro-lev .execution_engine .wrapper .engine .box.box2 {
        margin-left: -53px;
    }

    .pro-lev .execution_engine .wrapper .engine .box.box1 {
        margin-right: -32px;
    }

    .pro-lev .execution_engine .wrapper .engine .box.box1::before {
        width: 18px;
        height: 162px;
        right: -74px;
    }
    .pro-lev .execution_engine .wrapper .engine .box.box1::after {
        width: 32px;
        top: 77px;
    }

    .pro-lev .execution_engine .wrapper .engine .box1_poit {
        font-size: 10px;
        right: -97px;
    }

    .pro-lev .execution_engine .wrapper .engine .box.box2::after {
        width: 108px;
        right: 162px;
        height: 33px;
    }

    .pro-lev .execution_engine .wrapper .engine .box2_poit {
        font-size: 10px;
        bottom: -63px;
        left: -116px;
    }
}

@media (max-width: 800px) {
    .pro-lev .new_design .no_dealing_desk .liquidities {
        flex-direction: column;
    }

    .pro-lev .new_design .no_dealing_desk .liquidities .column {
        width: 100%;
        margin-bottom: 20px;
    }

    .pro-lev .new_design .no_dealing_desk .quotes {
        text-align: left;
    }

    .pro-lev .new_design .no_dealing_desk .dashed {
        margin: 0;
    }

    .pro-lev .execution_engine .content {
        flex-direction: column;
    }

    .pro-lev .execution_engine .content .why_is_not {
        width: 100%;
        margin-bottom: 20px;
    }

    .pro-lev .execution_engine .content .why_is_not .title {
        font-size: 19px;
        margin-bottom: 4px;
    }
    .pro-lev .execution_engine {
        padding-bottom: 29px;
    }
}

@media (max-width: 700px) {
    .pro-lev .execution_engine .wrapper .engine img {
        width: 100%;
    }
    .pro-lev .execution_engine .wrapper .engine .box {
        display: none;
    }
}

@media (max-width: 600px) {
    .pro-lev .new_design .no_dealing_desk .dashed {
        width: 286px;
        height: 110px;
        font-size: 18px;
        background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='57' ry='64' stroke='%23B1B1B1FF' stroke-width='1' stroke-dasharray='6%2c 6' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
    }

    .pro-lev .new_design .no_dealing_desk .solid {
        width: 286px;
        height: 110px;
        top: 90px;
        left: 67px;
    }

    .pro-lev .new_design .no_dealing_desk .dashed img {
        top: 75px;
        left: 157px;
    }

    .pro-lev .full_transparency .divs {
        flex-direction: column;
    }

    .pro-lev .full_transparency .divs .text {
        width: 100%;
    }

    .pro-lev .full_transparency .divs img {
        width: 100%;
        margin: 20px 0;
    }

    .pro-lev .full_transparency .topdiv {
        padding-bottom: 28px;
        margin-bottom: 43px;
    }

    .pro-lev .full_transparency .botdiv {
        margin-bottom: 68px;
    }
}

/* price and commission  */

@media (max-width: 1350px) {
    .new_fee_content .equation .the_equation .img {
        margin: 0px 35px;
    }
    .new_fee_content .equation .the_equation .txt {
        font-size: 18px;
    }
}

@media (max-width: 1100px) {
    .new_fee_content .equation .the_equation .img {
        margin: 0px 20px;
    }

    .new_fee_content .equation .the_equation .txt {
        font-size: 12px;
    }

    .new_fee_content .equation .title {
        font-size: 22px;
        margin-bottom: 19px;
    }

    .new_fee_content .main_titles .title {
        font-size: 26px;
        margin-bottom: 6px;
    }

    .new_fee_content .equation .title {
        font-size: 22px;
        margin-bottom: 18px;
    }

    .new_fee_content .paragraph {
        font-size: 13px;
    }

    .new_fee_content .examples .title {
        font-size: 15px;
    }

    .new_fee_content .examples .example_btn .detail {
        font-size: 17px;
        margin-bottom: 10px;
    }

    .new_fee_content .examples .example_result .div {
        margin-bottom: 15px;
    }

    .new_fee_content .examples .example_result .steps {
        margin-bottom: 34px;
    }

    .new_fee_content .examples .example_result {
        padding: 38px 33px;
    }

    .new_fee_content .swap_charge_grid .title.purple {
        font-size: 22px;
        margin-bottom: 15px;
    }

    .new_fee_content .swap_charge_grid .title.blue {
        font-size: 17px;
        margin-bottom: 22px;
    }

    .new_fee_content .swap_charge_grid {
        grid-row-gap: 45px;
        grid-column-gap: 45px;
    }

    .new_fee_content .swap_charge_grid .formula {
        padding: 15px 20px;
        font-size: 14px;
        margin-bottom: 22px;
    }

    .new_fee_content .cost_calc_tool {
        justify-content: space-between;
        margin-bottom: 80px;
    }

    .new_fee_content .cost_calc_tool .example_box {
        margin-right: 25px;
        max-width: 390px;
    }

    .new_fee_content .cost_calc_tool .example_box .box {
        padding: 19px 13px;
    }

    .new_fee_content .cost_calc_tool .example_box .border {
        margin-bottom: 17px;
        padding-bottom: 17px;
    }
}

@media (max-width: 700px) {
    .commission-vs-swap .commission-info .types.swap {
        width: 50%;
    }

    .commission-vs-swap .commission-info .types.swap .p span {
        font-size: 14px;
    }
}

@media (max-width: 600px) {
    .commission-vs-swap .commission-info .info-drop .table {
        width: 50%;
    }

    .new_fee_content .main_titles .title {
        font-size: 22px;
    }

    .new_fee_content .equation .title {
        font-size: 16px;
    }

    .new_fee_content .equation .the_equation {
        padding: 13px 0;
    }

    .new_fee_content .examples {
        flex-direction: column;
        margin-bottom: 66px;
    }

    .new_fee_content .examples .list {
        margin-right: 0;
        width: 100%;
        margin-bottom: 30px;
    }

    .new_fee_content .examples .results {
        width: 100%;
    }

    .new_fee_content .swap_charge_grid {
        grid-template-columns: 1fr;
    }

    .new_fee_content .cost_calc_tool {
        flex-direction: column;
    }

    .new_fee_content .cost_calc_tool .example_box {
        margin-right: 0;
        max-width: none;
        margin-bottom: 30px;
    }

    .new_fee_content .equation {
        margin-bottom: 25px;
    }

    .new_fee_content .swap_charges .top_flexes {
        padding-bottom: 30px;
        margin-bottom: 36px;
    }

    .new_fee_content .swap_charges {
        margin-bottom: 33px;
    }

    .new_fee_content .main_titles {
        margin-bottom: 40px;
    }
}

@media (max-width: 500px) {
    .new_fee_content .equation .the_equation .txt {
        font-size: 10px;
    }

    .new_fee_content .equation .the_equation .img {
        margin: 0px 6px;
    }
}

/* lmax */

@media (max-width: 1700px) {
    .trade-n-invest .options .img {
        height: 500px;
    }
}
@media (max-width: 1000px) {
    .trade-n-invest .options .img {
        height: 650px;
    }
    .btn-affiliate {
        top: 236px;
    }
}
@media (max-width: 700px) {
    .trade-n-invest .options .img {
        height: 517px;
    }
}
@media (max-width: 550px) {
    .trade-n-invest .options .img {
        height: 400px;
    }
}
@media (max-width: 400px) {
    .trade-n-invest .options .img {
        height: 300px;
    }
    .btn-affiliate {
        top: 277px;
    }
}

/* prof trading */
@media (max-width: 1300px) {
    .prof_trading_content .title {
        font-size: 32px;
        margin-bottom: 20px;
    }
    .prof_trading_content .title2 {
        font-size: 24px;
        margin-bottom: 21px;
    }
    .prof_trading_content p {
        font-size: 14px;
    }
    .prof_trading_content .sec5 .question_box {
        max-width: none;
    }
    .prof_trading_content .sec5 .question {
        max-height: 70px;
    }
    .prof_trading_content .sec5 .question_box .flex {
        padding: 26px 26px;
    }
}
@media (max-width: 1000px) {
    .prof_trading_content .sec1 {
        margin-bottom: 100px;
        flex-direction: column;
    }
    .prof_trading_content .flex .content {
        max-width: none;
        margin-bottom: 30px;
    }
    .prof_trading_content .sec1 .img {
        margin-left: 0;
    }
    .prof_trading_content .sec2 {
        padding: 38px 50px 15px 50px;
    }
    .prof_trading_content .sec3 .flex {
        flex-direction: column;
    }
    .prof_trading_content .sec3 .flex .content {
        max-width: none;
        margin-left: 0;
        margin-top: 30px;
    }
    .prof_trading_content .sec3 .flex:last-child {
        flex-direction: column-reverse;
    }
    .prof_trading_content .sec3 .flex:last-child .content {
        margin-left: 0;
        margin-right: 0;
    }
    .prof_trading_content .sec3 .flex {
        margin-bottom: 24px;
    }
    .prof_trading_content .sec3 p {
        padding-left: 25px;
        margin-bottom: 14px;
    }
    .prof_trading_content .sec3 p .circle span {
        width: 10px;
        height: 10px;
    }
    .prof_trading_content .sec3 p .circle {
        width: 20px;
        height: 20px;
    }
}
@media (max-width: 700px) {
    .prof_trading_content .sec5 .question {
        max-height: 57px;
        font-size: 13px;
        text-align: left;
    }
    .prof_trading_content .sec5 .question_box .flex {
        padding: 19px 14px;
    }
    .prof_trading_content .sec4 {
        padding: 29px;
    }
    .prof_trading_content .form {
        width: 100%;
    }
    .prof_trading_content .form {
        padding: 26px 30px 26px 30px;
    }
    .prof_trading_content .form .head {
        font-size: 19px;
        margin-bottom: 10px;
    }
}

/* cashback */
@media (max-width: 1100px) {
    .cashback_body .showcase {
        height: 481px;
        padding-top: 3px;
    }
    .cashback_body .title {
        font-size: 30px;
        margin-bottom: 11px;
    }
    .cashback_body .showcase .title2 {
        margin-bottom: 17px;
    }
    .cashback_body .showcase p {
        font-size: 13px;
    }
    .cashback_body .sec2 {
        flex-direction: column-reverse;
        margin-bottom: 50px;
    }
    .cashback_body .sec3 .status {
        margin-right: 60px;
        margin-bottom: 19px;
    }
    .cashback_body .sec3 .status .stars {
        margin-bottom: 10px;
    }
    .cashback_body .sec3 .status .title2 {
        margin-bottom: 13px;
        font-size: 15px;
    }
    .cashback_body .sec1 .advantage {
        margin: 0 13px 66px 13px;
        max-width: 366px;
    }
    .cashback_body .sec1 .title {
        font-size: 26px;
        margin-bottom: 43px;
    }
}

@media (max-width: 700px) {
    .bodies.cashback_body {
        padding-top: 54px;
    }
    .bodies.cashback_body .dep-with-wrapper {
        margin-top: 25px;
    }
    .cashback_body .showcase {
        height: 409px;
    }
    .cashback_body .showcase p {
        max-width: 70%;
    }
}

/* new bonus */
@media (max-width: 1200px) {
    .bonus-page .sec3.prof_trading_content {
        background-color: transparent;
        padding-top: 20px;
        padding-bottom: 0;
    }
    .bonus-page .title {
        font-size: 30px;
        margin-bottom: 15px;
    }
    .bonus-page .sec2.welcome_bonus {
        padding: 40px;
    }
    .bonus-page .sec2.welcome_bonus .grid {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 27px;
        margin-top: 37px;
    }
    .bonus-page .sec4.signup_bonus {
        padding: 38px;
    }
    .bonus-page .sec4.signup_bonus .title {
        margin-bottom: 13px;
    }
    .bonus-page .sec4.signup_bonus .content .form {
        margin-left: 39px;
        max-width: 503px;
        padding: 27px 41px;
    }
}

@media (max-width: 1100px) {
    .bonus-page .showcase {
        flex-direction: column;
        align-items: flex-start;
    }
    .bonus-page .showcase .deposit_boxes {
        width: 100%;
        margin-top: 60px;
    }
    .bonus-page .sec4.signup_bonus .content {
        flex-direction: column;
    }
    .bonus-page .sec4.signup_bonus .content .form {
        margin-left: 0;
        max-width: none;
    }
}
@media (max-width: 700px) {
    .bonus-page .sec2.welcome_bonus .grid {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 600px) {
    .bonus-page .showcase .deposit_boxes .box.middle {
        margin: 0 -40px;
        width: 54%;
    }
    .bonus-page .showcase .deposit_boxes .box {
        width: 45%;
    }
    .bonus-page .showcase .deposit_boxes .box .num {
        padding-bottom: 9px;
        margin-bottom: 11px;
        font-size: 21px;
    }
    .bonus-page .showcase .deposit_boxes .box .ur_deposit {
        padding: 13px 16px;
    }
    .bonus-page .sec4.signup_bonus {
        padding: 22px;
    }
    .bonus-page .sec4.signup_bonus .content .form {
        padding: 18px 22px;
    }
}
@media (max-width: 500px) {
    .bonus-page .showcase .deposit_boxes .box {
        font-size: 12px;
    }
    .bonus-page .showcase .deposit_boxes .box .ur_deposit span {
        font-size: 15px;
    }
    .bonus-page .showcase .deposit_boxes .box .ur_deposit {
        font-size: 11px;
        padding: 13px 5px;
    }
    .bonus-page .showcase .deposit_boxes .box .num {
        font-size: 16px;
    }
    .bonus-page .showcase .deposit_boxes .box:last-child {
        padding-left: 44px;
        padding-right: 9px;
    }
    .bonus-page .showcase .deposit_boxes .box:first-child {
        padding-left: 9px;
        padding-right: 44px;
    }
    .bonus-page .sec2.welcome_bonus .grid .flex p {
        margin-left: 10px;
        font-size: 14px;
        text-align: left;
    }
    .bonus-page .sec2.welcome_bonus .grid .flex p span {
        font-size: 14px;
    }
}
@media (max-width: 1300px) {
    .copy_trading .showcase {
        height: 417px;
        padding-top: 1px;
        margin-bottom: 60px;
    }
    .copy_trading .title {
        font-size: 36px;
        margin-bottom: 20px;
        line-height: 41px;
    }
    .copy_trading .sec1 .tabbed_content .ct_sec1_tabbtn h1 {
        font-size: 25px;
        margin-bottom: 14px;
    }
    .copy_trading p {
        font-size: 14px;
    }
    .copy_trading .sec1 .tabbed_content .ct_sec1_tabbtn {
        width: 389px;
        padding: 16px 25px 25px 22px;
        margin-bottom: 15px;
    }
    .copy_trading .sec2 .box {
        padding: 47px 30px;
    }
    .copy_trading .sec3 .starting_steps .step {
        margin: 0px 20px;
        margin-bottom: 26px;
        max-width: 287px;
    }
}
@media (max-width: 1100px) {
    .copy_trading .title2 {
        font-size: 18px;
        margin-bottom: 6px;
    }
    .copy_trading .sec3 .starting_steps .step .num {
        font-size: 25px;
        margin-bottom: 6px;
    }
    .copy_trading .title {
        font-size: 31px;
        margin-bottom: 17px;
        line-height: 38px;
    }
    .copy_trading .sec1 .tabbed_content .ct_sec1_tabbtn h1 {
        font-size: 18px;
        margin-bottom: 7px;
    }
    .copy_trading p {
        font-size: 13px;
    }
    .copy_trading .sec1 .tabbed_content .ct_sec1_tabbtn {
        width: 322px;
    }
    .copy_trading .sec1 {
        margin-bottom: 40px;
    }
}
@media (max-width: 1000px) {
    .copy_trading .sec2 .box {
        flex-direction: column;
    }
    .copy_trading .sec3 .starting_steps .step {
        margin: 0px 10px;
        margin-bottom: 23px;
        max-width: 259px;
    }
}
@media (max-width: 900px) {
    .copy_trading .sec1 .tabbed_content .ct_sec1_tabbtn {
        width: 280px;
        padding: 16px 18px 21px 15px;
        margin-bottom: 13px;
        margin-right: 8px;
    }
}
@media (max-width: 700px) {
    .copy_trading .title {
        font-size: 25px;
        margin-bottom: 12px;
        line-height: 30px;
    }
    .copy_trading .showcase {
        height: 212px;
        margin-bottom: 35px;
    }
    .copy_trading .showcase p {
        max-width: 280px;
        margin-bottom: 27px;
    }
    .copy_trading p {
        font-size: 12px;
    }
    .copy_trading .showcase .dep-with-wrapper {
        margin-top: 14px;
    }
    .copy_trading .join_us {
        padding: 9px 49px;
        font-size: 14px;
    }
    .copy_trading .sec1 .tabbed_content {
        margin-top: 4px;
    }
    .copy_trading .sec1 {
        margin-bottom: 19px;
    }
    .copy_trading .sec2 .title {
        text-align: center;
        margin-bottom: 40px;
    }
    .copy_trading .sec3 .starting_steps {
        flex-direction: column;
    }
    .copy_trading .sec3 .box p {
        margin-bottom: 29px;
        color: #fff;
    }
    .copy_trading .sec3 .box {
        padding: 32px;
        margin-bottom: 60px;
    }
}
@media (max-width: 600px) {
    .copy_trading .sec1 .tabbed_content {
        flex-direction: column;
    }
    .copy_trading .sec1 .tabbed_content {
        margin-top: 36px;
    }
}

/* error 404 */
.error404 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    background: #fff;
}
.error404 .box {
    border-radius: 25px;
    box-shadow: 0 3px 15px rgba(47, 47, 58, 0.16);
    justify-content: flex-start;
    align-items: center;
    padding: 30px;
    width: 950px;
    text-align: center;
}


.tools-container {
    /* width: 100%; */
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.tools-item {
    margin-bottom: 2%;
    padding: 11px;
    flex: 0 29%;
    height: 100px;
    text-align: center;
    background: #fff;
    box-shadow: 0px 11px 22px rgba(0,0,0,.11);
    border-radius: 4px;
    border: 2px solid transparent;
    cursor: pointer;
    overflow: hidden;
    color: #1c1a1a;
    transition: .3s ease-in-out;
}
.tools-item:hover {
    border: 2px solid #5f60aa;
    color: #5f60aa;
    box-shadow: none;
}
.tools-item:active {
    border: 2px solid #1c1a1a;
    color: #1c1a1a;
    box-shadow: none;
}
.tools-icon {
    height: 47px;
}
.tools-name {
    font-size: 14px;
}


/* Paid Coruses */
.paid-course__item {
    margin: 0 0 24px 0;
    padding: 0 0 24px 0;
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    border-bottom: 1px solid #ddd;
}
.paid-course__price {
    margin: 11px 0;
    font-weight: bold;
}

.paid-course__poster {
    width: 20%;
    margin-right: 38px;
}

.paid-course__footer {
    margin-top: 22px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.paid-course__cta {
    display: inline-block;
    padding: 11px 22px;
}
.paid-course--pay {
    background: #5f60aa;
    color: #fff;
    border: 1px solid transparent;
}
.paid-course--pay:hover {
    background: transparent;
    color: #5f60aa;
    border: 1px solid #5f60aa;
}
.paid-course--pay:active {
    transform: scale(.96);
    background: #5f60aa;
    color: #fff;
    border: 1px solid #5f60aa;
}
.paid-course--pdf {
    background: transparent;
    color: #5f60aa;
    border: 1px solid #5f60aa;
}
.paid-course--pdf:hover {
    background: #384145;
    color: #fff;
    border: 1px solid #384145;
}
.paid-course--pdf:active {
    transform: scale(.96);
    background: #5f60aa;
    color: #fff;
    border: 1px solid #5f60aa;
}

/* /. Paid Coruses */