@charset "UTF-8";@font-face {
    font-family: billcorporate;
    src: url(../../assets/fonts/billcorporate.eot);
    src: local(☺),url(../../assets/fonts/billcorporate.woff) format("woff"),url(../../assets/fonts/billcorporate.ttf) format("truetype"),url(../../assets/fonts/billcorporate.svg) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: billcorporatebold;
    src: url(../../assets/fonts/billcorporatebold.eot);
    src: url(../../assets/fonts/billcorporatebold.eot?#iefix) format("embedded-opentype"),url(../../assets/fonts/billcorporatebold.woff) format("woff"),url(../../assets/fonts/billcorporatebold.ttf) format("truetype"),url(../../assets/fonts/billcorporatebold.svg#Flaticon) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: conv_dancingscript-medium;
    src: url(../../assets/fonts/DancingScript-Medium.eot);
    src: url(../../assets/fonts/DancingScript-Medium.eot?#iefix) format("embedded-opentype"),url(../../assets/fonts/DancingScript-Medium.woff2) format("woff2"),url(../../assets/fonts/DancingScript-Medium.woff) format("woff"),url(../../assets/fonts/DancingScript-Medium.ttf) format("truetype"),url(../../assets/fonts/DancingScript-Medium.svg#Flaticon) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: poppins-thin;
    src: url(../../assets/fonts/Poppins-Thin.eot);
    src: url(../../assets/fonts/Poppins-Thin.eot?#iefix) format("embedded-opentype"),url(../../assets/fonts/Poppins-Thin.woff) format("woff"),url(../../assets/fonts/Poppins-Thin.ttf) format("truetype"),url(../../assets/fonts/Poppins-Thin.svg#Flaticon) format("svg");
    font-style: normal
}

@font-face {
    font-family: poppins-light;
    src: url(../../assets/fonts/Poppins-Light.eot);
    src: url(../../assets/fonts/Poppins-Light.eot?#iefix) format("embedded-opentype"),url(../../assets/fonts/Poppins-Light.woff) format("woff"),url(../../assets/fonts/Poppins-Light.ttf) format("truetype"),url(../../assets/fonts/Poppins-Light.svg#Flaticon) format("svg");
    font-style: normal
}

@font-face {
    font-family: poppins-regular;
    src: url(../../assets/fonts/Poppins-Regular.eot);
    src: url(../../assets/fonts/Poppins-Regular.eot?#iefix) format("embedded-opentype"),url(../../assets/fonts/Poppins-Regular.woff) format("woff"),url(../../assets/fonts/Poppins-Regular.ttf) format("truetype"),url(../../assets/fonts/Poppins-Regular.svg#Flaticon) format("svg");
    font-style: normal
}

@font-face {
    font-family: poppins-semibold;
    src: url(../../assets/fonts/Poppins-SemiBold.eot);
    src: url(../../assets/fonts/Poppins-SemiBold.eot?#iefix) format("embedded-opentype"),url(../../assets/fonts/Poppins-SemiBold.woff) format("woff"),url(../../assets/fonts/Poppins-SemiBold.ttf) format("truetype"),url(../../assets/fonts/Poppins-SemiBold.svg#Flaticon) format("svg");
    font-style: normal
}

@font-face {
    font-family: poppins-bold;
    src: url(../../assets/fonts/Poppins-Bold.eot);
    src: url(../../assets/fonts/Poppins-Bold.eot?#iefix) format("embedded-opentype"),url(../../assets/fonts/Poppins-Bold.woff) format("woff"),url(../../assets/fonts/Poppins-Bold.ttf) format("truetype"),url(../../assets/fonts/Poppins-Bold.svg#Flaticon) format("svg");
    font-style: normal
}

[class*=" flaticon-"]:after,[class*=" flaticon-"]:before,[class^=flaticon-]:after,[class^=flaticon-]:before {
    font-family: Flaticon;
    font-style: normal
}

@font-face {
    font-family: Flaticon;
    src: url(../fonts/Flaticon.eot);
    src: url(../fonts/Flaticon.eot?#iefix) format("embedded-opentype"),url(../fonts/Flaticon.woff) format("woff"),url(../fonts/Flaticon.ttf) format("truetype"),url(../fonts/Flaticon.svg#Flaticon) format("svg");
    font-weight: 400;
    font-style: normal
}

i[class*=" flaticon-"]:before,i[class^=flaticon-]:before {
    font-family: flaticon!important;
    font-style: normal;
    font-weight: 400!important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}


.flaticon-medal:before {
    content: ""
}

.flaticon-linkedin:before {
    content: ""
}

.flaticon-twitter:before {
    content: ""
}

.flaticon-bar-graph:before {
    content: ""
}

.flaticon-web-site:before {
    content: ""
}

.flaticon-smartphone:before {
    content: ""
}

.flaticon-laptop:before {
    content: ""
}

.flaticon-facebook:before {
    content: ""
}

.flaticon-instagram:before {
    content: ""
}

.flaticon-youtube:before {
    content: ""
}

.flaticon-responsive:before {
    content: ""
}

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

body {
    background: #fff;
    font-family: poppins-regular,sans-serif;
    overflow-x: hidden;
    scroll-behavior: smooth;
    letter-spacing: 1px
}

html {
    overflow-x: hidden;
    scroll-behavior: smooth
}

section,section>div {
    scroll-behavior: smooth
}

.icon {
    position: relative;
    top: 1px;
    margin-right: 10px
}

.highlight {
    border-color: red!important
}

.svgBLock {
    display: none!important
}

.container {
    max-width: 1250px;
    margin: auto
}

section {
    padding: 80px 0
}

@media(max-width: 768px) {
    section {
        padding:30px 0
    }
}

.content {
    font-size: 14px;
    color: #666;
    line-height: 30px;
    margin: 15px 0
}

.content p a {
    color: #00A4E3
}

.banner-wrapper {
    min-height: 240px
}

.banner-wrapper img {
    width: 100%
}

::-webkit-scrollbar {
    width: 8px
}

::-webkit-scrollbar-track {
    background: #fff
}

::-webkit-scrollbar-thumb {
    background: #000
}

input::-webkit-inner-spin-button,input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.fs-14 {
    font-size: 14px
}

.f-16 {
    font-size: 16px
}

.f-24 {
    font-size: 24px
}

.text-li-gray {
    color: silver;
    font-weight: 600
}

section,section>div {
    scroll-behavior: smooth
}

a,a:hover {
    text-decoration: none;
    outline: 0;
    color: #000;
    text-decoration: none;
    -webkit-transition: color .5s ease;
    -o-transition: color .5s ease;
    transition: color .5s ease
}

a.active,a:hover {
    color: #00A4E3
}

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

p {
    margin: 0;
    padding: 0
}

.extra-small-gutter>[class*=col-] {
    padding-right: 5px;
    padding-left: 5px
}

.extra-small-gutter.row {
    margin-right: -5px;
    margin-left: -5px
}

.small-gutter>[class*=col-] {
    padding-right: 10px;
    padding-left: 10px
}

.small-gutter.row {
    margin-right: -10px;
    margin-left: -10px
}

.no-gutter>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.no-gutter.row {
    margin-right: 0;
    margin-left: 0
}

@-webkit-keyframes animate {
    0% {
        -webkit-box-shadow: 0 0 0 0 #00A4E3,0 0 0 0 #00A4E3;
        box-shadow: 0 0 0 0 #00A4E3,0 0 0 0 #00A4E3
    }

    40% {
        -webkit-box-shadow: 0 0 0 10px transparent,0 0 0 0 transparent;
        box-shadow: 0 0 0 10px transparent,0 0 0 0 transparent
    }

    80% {
        -webkit-box-shadow: 0 0 0 10px transparent,0 0 0 5px transparent;
        box-shadow: 0 0 0 10px transparent,0 0 0 5px transparent
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 transparent,0 0 0 5px transparent;
        box-shadow: 0 0 0 0 transparent,0 0 0 5px transparent
    }
}

@keyframes animate {
    0% {
        -webkit-box-shadow: 0 0 0 0 #00A4E3,0 0 0 0 #00A4E3;
        box-shadow: 0 0 0 0 #00A4E3,0 0 0 0 #00A4E3
    }

    40% {
        -webkit-box-shadow: 0 0 0 10px transparent,0 0 0 0 transparent;
        box-shadow: 0 0 0 10px transparent,0 0 0 0 transparent
    }

    80% {
        -webkit-box-shadow: 0 0 0 10px transparent,0 0 0 5px transparent;
        box-shadow: 0 0 0 10px transparent,0 0 0 5px transparent
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 transparent,0 0 0 5px transparent;
        box-shadow: 0 0 0 0 transparent,0 0 0 5px transparent
    }
}

header .header-top {
    padding: 8px 0
}

header .header-top ul li {
    border-right: 1px solid #ccc
}

header .header-top ul li:last-child {
    border-right: none
}

header .header-top ul li a {
    font-size: 13px;
    color: #212529;
    font-family: poppins-regular,sans-serif
}

header .header-top ul li a:hover {
    color: #00A4E3
}

header .header-middle {
    padding: 15px 0;
    font-family: poppins-regular,sans-serif
}

header .header-middle .logo {
    width: 154px
}

@media(max-width: 1024px) {
    header .header-middle .sixtin-year-logo,.header-top {
        display:none
    }
}

header .header-middle .links li {
    position: relative
}

header .header-middle .links li>div span i {
    font-size: 28px;
    color: #00A4E3
}

header .header-middle .links li>div>div small {
    font-size: 12px;
    color: #666
}

header .header-middle .links li a {
    color: #00A4E3;
    font-size: 14px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-family: poppins-regular,sans-serif;
    text-transform: uppercase
}

header .header-middle .links li a:hover {
    color: #000
}

header .header-middle .links li a.btn-demo-account {
    background: 0;
    border: 1px solid #00A4E3;
    color: #00A4E3;
    font-size: 14px;
    font-family: poppins-regular,sans-serif;
    padding: 8px 9px;
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all .4s ease-in 0;
    -moz-transition: all .4s ease-in 0;
    -ms-transition: all .4s ease-in 0;
    -o-transition: all .4s ease-in 0;
    transition: all .4s ease-in 0
}

header .header-middle .links li a.btn-demo-account:hover {
    background-color: #00A4E3;
    color: #fff
}

header .header-middle .links li a.btn-account {
    background-color: #00A4E3;
    color: #fff;
    font-size: 14px;
    font-family: poppins-regular,sans-serif;
    padding: 9px;
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all .4s ease-in 0;
    -moz-transition: all .4s ease-in 0;
    -ms-transition: all .4s ease-in 0;
    -o-transition: all .4s ease-in 0;
    transition: all .4s ease-in 0
}

header .header-middle .links li a.btn-account:hover {
    background-color: #000
}

header .header-middle .links li .search .btn-search {
    top: 0;
    right: 0
}

header .header-middle .links li .search .btn-search i {
    font-size: 18px;
    font-weight: 600
}

header .header-middle .links li .search .btn-search i:hover {
    color: #00A4E3
}

header .header-middle .links li.middle>div {
    position: relative
}

header .header-middle .links li.middle>div::after {
    border-left: 2px dashed #cdcbc9;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    height: 100%
}

header .header-middle .links li.middle>div::before {
    border-left: 2px dashed #cdcbc9;
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    height: 100%
}

header .header-middle .links li.support {
    font-size: 15px
}

header .header-middle .links li.support::before {
    border-left: 2px dashed #cdcbc9;
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    height: 100%
}

@media(max-width: 1250px) {
    header .header-middle .links li:nth-child(1),header .header-middle .links li:nth-child(2),header .header-middle .links li:nth-child(3) {
        display:none!important
    }
}

header .header-middle .links li .toggle-nav-bar {
    display: none
}

@media(max-width: 1250px) {
    header .header-middle .links li .toggle-nav-bar {
        display:block
    }
}

header .main-nav {
    background-color: #fff;
    position: relative;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

@media(min-width: 1251px) {
    header .main-nav ul {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

header .main-nav ul>li {
    position: relative
}

header .main-nav ul>li:first-child a {
    padding-left: 0
}

header .main-nav ul>li:last-child a {
    padding: 15px 0
}

header .main-nav ul>li a {
    color: #333;
    font-size: 14px;
    padding: 15px 20px 15px 0;
    display: block;
    margin-right: 0;
    font-family: poppins-regular,sans-serif;
    text-transform: capitalize
}

header .main-nav ul>li a:hover {
    color: #00A4E3
}

header .main-nav ul>li.dropdown>a {
    -webkit-perspective: 1000px;
    perspective: 1000px
}

header .main-nav ul>li.dropdown>a::after {
    font-weight: 900;
    position: absolute;
    top: 18px;
    right: 0;
    content: "\f078";
    font-family: "font awesome 5 free";
    font-size: 11px
}

header .main-nav ul>li.dropdown .dropdown-menu {
    background-color: #fff;
    margin: 0
}

@media(min-width: 1251px) {
    header .main-nav ul>li.dropdown .dropdown-menu {
        -webkit-perspective:1000px;
        perspective: 1000px;
        min-width: 225px;
        padding: 10px 20px;
        -webkit-box-shadow: 0 10px 20px rgba(90,90,90,.2);
        -moz-box-shadow: 0 10px 20px rgba(90,90,90,.2);
        box-shadow: 0 10px 20px rgba(90,90,90,.2);
        position: absolute;
        top: 100%;
        right: 0;
        left: 0;
        animation: rotateMenu .6s ease-in-out forwards;
        -webkit-animation: rotateMenu .6s ease-in-out forwards;
        -webkit-transform-origin: top center;
        -ms-transform-origin: top center;
        transform-origin: top center;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        border: 0
    }
}

@media(max-width: 1250px) {
    header .main-nav ul>li.dropdown .dropdown-menu {
        position:relative;
        float: none;
        border: 0
    }
}

header .main-nav ul>li.dropdown .dropdown-menu .heading {
    position: relative;
    padding: 10px 0;
    font-size: 16px
}

header .main-nav ul>li.dropdown .dropdown-menu .heading::after {
    background-color: #00A4E3;
    content: '';
    width: 50px;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

header .main-nav ul>li.dropdown .dropdown-menu ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

header .main-nav ul>li.dropdown .dropdown-menu ul li {
    display: block
}

header .main-nav ul>li.dropdown .dropdown-menu ul li a {
    color: #5a5a5a;
    font-family: poppins-light,sans-serif;
    display: block;
    padding: 8px 0;
    font-weight: 400;
    position: relative;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

header .main-nav ul>li.dropdown .dropdown-menu ul li a::after {
    background-color: #00A4E3;
    content: '';
    width: 0;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

@media(min-width: 1024px) {
    header .main-nav ul>li.dropdown .dropdown-menu ul li a:hover {
        color:#00A4E3
    }

    header .main-nav ul>li.dropdown .dropdown-menu ul li a:hover::after {
        width: 50px
    }
}

header .main-nav ul>li.dropdown .dropdown-menu.megamenu {
    min-width: 500px
}

@media(max-width: 1250px) {
    header .main-nav ul>li.dropdown .dropdown-menu.megamenu {
        min-width:100%
    }

    header .main-nav ul>li.dropdown .dropdown-menu ul li:last-child .heading {
        margin-top: 15px
    }
}

header .main-nav ul>li.dropdown::after {
    background-color: #00A4E3;
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    width: 0;
    height: 4px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .5s ease-in 0;
    -moz-transition: all .5s ease-in 0;
    -ms-transition: all .5s ease-in 0;
    -o-transition: all .5s ease-in 0;
    transition: all .5s ease-in 0
}

header .main-nav ul>li.dropdown.active a {
    color: #00A4E3
}

header .main-nav ul>li.dropdown.active a::after {
    content: "\f077"
}

header .main-nav ul>li.dropdown.active::after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
    visibility: visible;
    width: 100%;
    -webkit-transition: all .5s ease-in 0;
    -moz-transition: all .5s ease-in 0;
    -ms-transition: all .5s ease-in 0;
    -o-transition: all .5s ease-in 0;
    transition: all .5s ease-in 0
}

@media(min-width: 1251px) {
    header .main-nav ul>li.dropdown:hover .dropdown-menu {
        display:block
    }
}

@media(max-width: 1250px) {
    header .main-nav {
        position:fixed;
        top: 0;
        right: 0;
        bottom: 0;
        width: 300px;
        z-index: 999;
        -webkit-transform: translateX(300px);
        -moz-transform: translateX(300px);
        -ms-transform: translateX(300px);
        transform: translateX(300px);
        overflow: auto
    }

    header .main-nav.open {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

header .main-nav .mobile-links,header .main-nav .sixtin-year-logo {
    display: none
}

@media(max-width: 1250px) {
    header .main-nav .mobile-links,header .main-nav .sixtin-year-logo {
        display:block
    }
}

.menu-overlay {
    background: rgba(0,0,0,.8);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    opacity: 0;
    visibility: hidden;
    z-index: 999;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.menu-overlay.open {
    opacity: 1;
    visibility: visible
}

.fixedscroll .header-middle {
    border-bottom: none!important;
    position: fixed;
    width: 100%;
    z-index: 999;
    top: 0;
    -webkit-box-shadow: 0 0 24px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 24px 0 rgba(0,0,0,.1);
    -webkit-animation: slideInDown .9s;
    animation: slideInDown .9s
}

.tittle label {
    color: #00A4E3;
    font-weight: 500;
    font-size: 15px;
    margin-bottom: 5px;
    display: block
}

.tittle h2 {
    font-size: 34px;
    line-height: 50px;
    font-weight: 700;
    color: #000;
    margin: 0
}

@media screen and (max-width: 1040px) {
    .tittle h2 {
        font-size:28px;
        line-height: 35px
    }
}

@-webkit-keyframes slidedown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes slidedown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-100%)
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}

@-webkit-keyframes rotateMenu {
    0% {
        -webkit-transform: rotateX(-90deg);
        transform: rotateX(-90deg)
    }

    70% {
        -webkit-transform: rotateX(20deg);
        transform: rotateX(20deg)
    }

    100% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0)
    }
}

@keyframes rotateMenu {
    0% {
        -webkit-transform: rotateX(-90deg);
        transform: rotateX(-90deg)
    }

    70% {
        -webkit-transform: rotateX(20deg);
        transform: rotateX(20deg)
    }

    100% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0)
    }
}

footer .footer {
    background: #fff;
    color: #000;
    padding: 60px 0 30px
}

@media screen and (max-width: 767px) {
    footer .footer {
        padding:20px 0 50px
    }
}

footer .footer h3 {
    color: #000;
    font-size: 20px;
    font-weight: 500;
    padding-bottom: 15px;
    margin-bottom: 25px;
    position: relative
}

footer .footer h4 {
    color: #000;
    font-size: 20px;
    font-weight: 500;
    padding-bottom: 15px;
    margin-bottom: 25px;
    position: relative
}

footer .footer h3::after {
    background-color: #00A4E3;
    content: '';
    width: 30px;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

footer .footer h4::after {
    background-color: #00A4E3;
    content: '';
    width: 30px;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

@media screen and (max-width: 1040px) {
    footer .footer h3 {
        font-size:16px;
        margin-bottom: 5px
    }
}

footer .footer h3 .right-arrow {
    position: absolute;
    top: 0;
    right: 0;
    width: 25px;
    height: 100%
}

footer .footer h3.active .right-arrow i::before {
    content: "\e648"
}

footer .footer p {
    font-size: 14px;
    font-family: poppins-light,sans-serif;
    line-height: 24px;
    margin: 15px 0
}

footer .footer .contect-info li {
    color: #000;
    font-size: 14px;
    line-height: 22px
}

footer .footer .contect-info li span {
    width: 20px
}

footer .footer .contect-info li span i {
    font-size: 18px
}

footer .footer .contect-info li a {
    color: #000;
    font-size: 14px
}

footer .footer .contect-info li a:hover {
    color: #00A4E3
}

footer .footer .callBtn {
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 10px
}

footer .footer .callBtn span {
    font-size: 34px
}

footer .footer .callBtn a b {
    font-size: 18px;
    font-weight: 600;
    position: relative;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: -webkit-gradient(linear,left top,right top,from(#000),color-stop(50%,#000),color-stop(50%,#00A4E3));
    background-image: -webkit-linear-gradient(left,#000,#000 50%,#00A4E3 50%);
    background-image: -o-linear-gradient(left,#000,#000 50%,#00A4E3 50%);
    background-image: linear-gradient(to right,#000,#000 50%,#00A4E3 50%);
    background-size: 200% 100%;
    background-position: 100%;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

footer .footer .callBtn a b:hover {
    -webkit-transition: all .5s cubic-bezier(0,0,.23,1);
    -moz-transition: all .5s cubic-bezier(0,0,.23,1);
    -ms-transition: all .5s cubic-bezier(0,0,.23,1);
    -o-transition: all .5s cubic-bezier(0,0,.23,1);
    transition: all .5s cubic-bezier(0,0,.23,1);
    background-position: 0 0;
    color: #fff
}

footer .footer ul>li {
    margin-bottom: 10px
}

footer .footer ul>li>a {
    font-size: 14px;
    position: relative;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: -webkit-gradient(linear,left top,right top,from(#00A4E3),color-stop(50%,#00A4E3),color-stop(50%,#000));
    background-image: -webkit-linear-gradient(left,#00A4E3,#00A4E3 50%,#000 50%);
    background-image: -o-linear-gradient(left,#00A4E3,#00A4E3 50%,#000 50%);
    background-image: linear-gradient(to right,#00A4E3,#00A4E3 50%,#000 50%);
    background-size: 200% 100%;
    background-position: 100%;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

footer .footer ul>li>a:hover {
    -webkit-transition: all .5s cubic-bezier(0,0,.23,1);
    -moz-transition: all .5s cubic-bezier(0,0,.23,1);
    -ms-transition: all .5s cubic-bezier(0,0,.23,1);
    -o-transition: all .5s cubic-bezier(0,0,.23,1);
    transition: all .5s cubic-bezier(0,0,.23,1);
    background-position: 0 0
}

footer .footer ul>li:last-child {
    margin-bottom: 0
}

footer .footer .social_block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 570px) {
    .footer .footer-links {
        margin-top:15px
    }

    footer .footer .social_block {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

footer .footer .social_block a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #000;
    color: #fff;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    margin-right: 10px
}

footer .footer .social_block a span {
    margin: 0
}

footer .footer .social_block a:hover {
    background: #00A4E3
}

footer .footer .social_block a:last-child {
    margin-right: 0
}

footer .footer .footer-content p {
    font-size: 12px;
    text-align: justify;
    color: #000;
    line-height: 25px
}

footer .copyright {
    border-top: 1px solid #666;
    padding: 17px 0
}

footer .copyright p {
    color: #000;
    text-align: center;
    font-size: 13px;
    margin: 0
}

#backtotop {
    background: #00A4E3;
    color: #fff;
    position: fixed;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    right: 20px;
    bottom: -140px;
    z-index: 99;
    cursor: pointer;
    padding: 14px 0;
    text-align: center;
    -webkit-transition: bottom .5s ease;
    -o-transition: bottom .5s ease;
    transition: bottom .5s ease
}

#backtotop.active {
    bottom: 40px
}

#backtotop svg {
    font-size: 22px
}

.breadcrumb {
    margin-bottom: 0
}

.breadcrumb li {
    color: #fff;
    font-size: 13px
}

.breadcrumb li::before {
    color: #fff!important
}

.breadcrumb li.active {
    color: #00A4E3
}

.breadcrumb li a {
    color: #fff;
    font-size: 14px
}

.breadcrumb li a:hover {
    color: #00A4E3
}

@media(max-width: 768px) {
    .breadcrumb {
        display:none!important
    }
}

.btn {
    padding: 8px 20px;
    position: relative;
    border-radius: 0;
    -webkit-transition: all .4s ease-in 0;
    -moz-transition: all .4s ease-in 0;
    -ms-transition: all .4s ease-in 0;
    -o-transition: all .4s ease-in 0;
    transition: all .4s ease-in 0;
    overflow: hidden;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0)
}

.btn:focus {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-theme {
    background-color: #00A4E3;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    padding: 8px 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.btn-theme:hover {
    background-color: #000;
    color: #fff
}

.btn-secondary {
    border: 0;
    background-color: #fff;
    color: #000;
    font-size: 12px;
    padding: 5px 8px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.btn-secondary:hover {
    background: #00A4E3
}

.btn-view {
    border: 1px solid #00A4E3;
    color: #00A4E3;
    font-weight: 600;
    font-size: 14px;
    padding: 8px 15px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px
}

.btn-view:active,.btn-view:focus,.btn-view:hover {
    color: #fff;
    background-color: #00A4E3
}

.btn-dark {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.btn-outline {
    border: 1px solid #00A4E3;
    color: #00A4E3;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-weight: 600
}

.btn-outline:hover {
    background-color: #00A4E3;
    color: #fff
}

.read-more {
    color: #00A4E3
}

.read-more:hover {
    color: #000!important
}

@media(max-width: 768px) {
    .custom-tabs {
        display:block;
        white-space: nowrap;
        overflow: auto;
        text-align: center
    }
}

.custom-tabs li {
    border: 1px solid #00A4E3;
    margin-left: -1px;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center
}

.vertical-tabs a {
    font-size: 14px;
    padding: 12px
}

.vertical-tabs a.active {
    background: #00A4E3!important;
    border-radius: 0
}

@media(max-width: 768px) {
    .custom-tabs li {
        display:inline-block;
        border-right: 1px solid #00A4E3;
        width: auto
    }
}

.custom-tabs li a {
    padding: 10px;
    border-radius: 0!important;
    font-size: 13px;
    font-weight: 600
}

.custom-tabs li a.active {
    background-color: #00A4E3!important
}

.form-control {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 10px 20px;
    font-size: 14px;
    height: 45px;
    border: 1px solid #ccc;
    color: #ccc;
    text-align: left;
    resize: none
}

.form-control:focus {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #00A4E3
}

input[type=number] {
    -moz-appearance: textfield
}

select {
    background-image: url(../images/icons/drop-arrow.svg);
    background-position: 95%;
    background-repeat: no-repeat;
    padding: 0 10px;
    -webkit-appearance: none
}

.heading1 {
    font-family: billcorporate;
    color: #333;
    font-size: 36px;
    line-height: 40px
}

@media(max-width: 767px) {
    .heading1 {
        font-size:24px
    }
}

@media(max-width: 570px) {
    .heading1 {
        font-size:22px;
        line-height: 30px
    }
}

.heading2 {
    font-family: billcorporatebold;
    color: #333;
    font-size: 32px;
    line-height: 40px
}

@media(max-width: 767px) {
    .heading2 {
        font-size:22px
    }
}

@media(max-width: 570px) {
    .heading2 {
        line-height:35px;
        font-size: 28px
    }
}

.heading3 {
    color: #333;
    font-size: 22px;
    line-height: 40px;
    font-weight: 600
}

.sub-title {
    font-style: italic;
    color: #666;
    font-size: 14px
}

.slick-slider {
    margin-bottom: 0
}

.slick-slider .slick-arrow {
    background-color: #fff;
    width: 50px;
    height: 50px;
    -webkit-box-shadow: 0 5px 10px 0 rgba(106,106,106,.15);
    box-shadow: 0 5px 10px 0 rgba(106,106,106,.15);
    border-radius: 100%;
    opacity: 0;
    visibility: hidden;
    z-index: 1;
    -webkit-transition: all .3s ease-in 0;
    -o-transition: all .3s ease-in 0;
    transition: all .3s ease-in 0
}

.slick-slider .slick-arrow:focus,.slick-slider .slick-arrow:hover {
    background: #fff
}

.slick-slider .slick-arrow.slick-prev {
    left: 0
}

.slick-slider .slick-arrow.slick-arrow {
    right: 0
}

.slick-slider:hover .slick-arrow {
    -webkit-transition: all .3s ease-in 0;
    -o-transition: all .3s ease-in 0;
    transition: all .3s ease-in 0;
    opacity: 1;
    visibility: visible
}

.slick-slider:hover .slick-arrow.slick-prev {
    left: -70px
}

.slick-slider:hover .slick-arrow.slick-arrow {
    right: -70px
}

.slick-arrow {
    background-color: #fff;
    width: 50px;
    height: 50px;
    -webkit-box-shadow: 0 5px 10px 0 rgba(106,106,106,.15);
    box-shadow: 0 5px 10px 0 rgba(106,106,106,.15);
    border-radius: 100%
}

.slick-arrow:focus,.slick-arrow:hover {
    background: #fff
}

.slick-arrow.slick-prev {
    left: 0
}

.slick-arrow.slick-arrow {
    right: 0
}

.slick-dots {
    bottom: 0
}

.slick-dots li {
    width: 8px;
    height: 8px;
    border-radius: 25px;
    overflow: hidden;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.slick-dots li button {
    width: 100%;
    height: 100%;
    background: #000
}

.slick-dots .slick-active {
    width: 20px
}

.slick-dots .slick-active button {
    width: 100%;
    height: 100%;
    background: #00A4E3
}

@-webkit-keyframes fadeInUpSD {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100px);
        transform: translateY(100px)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUpSD {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100px);
        transform: translateY(100px)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUpSD {
    -webkit-animation-name: fadeInUpSD;
    animation-name: fadeInUpSD
}

.perloader {
    position: fixed;
    height: 100vh;
    width: 100vw;
    z-index: 99999;
    left: 0;
    top: 0;
    background-color: #fff;
    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
}

.perloader svg {
    width: 110px;
    height: 100px
}

.perloader .loader1 svg {
    fill: #333
}

.perloader .loader2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    -webkit-animation: wave 2s linear infinite;
    animation: wave 2s linear infinite
}

.perloader .loader2 svg {
    fill: #00A4E3
}

@-webkit-keyframes wave {
    0% {
        max-width: 0
    }

    100% {
        max-width: 100%
    }
}

@keyframes wave {
    0% {
        max-width: 0
    }

    100% {
        max-width: 100%
    }
}

.search-section {
    position: fixed;
    display: none;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -ms-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease
}

.search-section form {
    position: relative;
    max-width: 700px;
    width: 100%;
    margin: 0 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    z-index: 9
}

.search-section form .form-control {
    font-size: 18px;
    height: 60px
}

.search-section form button {
    background-color: #00A4E3;
    color: #fff;
    right: 0;
    top: 0;
    height: 100%;
    -webkit-border-radius: 0 10px 0 0;
    -moz-border-radius: 0 10px 0 0;
    border-radius: 0 10px 0 0
}

.search-section .search-overlay {
    cursor: url(../../assets/images/icons/cancel.png),default;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.8);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1
}

.search-section.active {
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.search-content ul li h4 {
    margin-bottom: 5px
}

.search-content ul li h4 a {
    color: #00A4E3;
    font-size: 16px;
    font-weight: 600
}

.search-content ul li h4 a:hover {
    color: #000
}

.search-content ul li p {
    font-size: 13px;
    font-weight: 300;
    line-height: 24px;
    margin-bottom: 5px
}

.search-content ul li span {
    font-size: 12px;
    color: #1e313f
}

.fund-table {
    background-color: #daddfa;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    max-height: 672px;
    overflow: auto;
    z-index: 1;
    padding: 0 30px
}

.fund-table::after {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    height: 100px;
    width: 100%;
    background: #4b55c1;
    border-radius: 15px 15px 0 0;
    z-index: -1
}

.fund-table .data-table {
    position: relative;
    border-collapse: separate;
    border-spacing: 0 10px;
    font-size: 14px;
    text-align: center;
    z-index: 1
}

.fund-table .data-table.commodity-table {
    border-spacing: 0 30px
}

.fund-table .data-table thead tr th {
    padding: 0 10px;
    width: 180px
}

.fund-table .data-table.commodity-table thead tr th p {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    margin-top: 0
}

.soft-commodity-section .fund-table::after {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    height: 65px;
    width: 100%;
    background: #4b55c1;
    border-radius: 15px 15px 0 0;
    z-index: -1
}

@media(max-width: 768px) {
    .fund-table .data-table {
        width:100%;
        overflow: auto;
        display: block
    }
}

.fund-table .data-table thead tr th p {
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    white-space: nowrap
}

.fund-table .data-table tbody {
    background-color: #fff;
    border-collapse: separate;
    border-spacing: 0 15px
}

.fund-table .data-table tbody tr td {
    vertical-align: middle;
    font-size: 14px;
    text-align: center
}

.fund-table .data-table tbody tr td:first-child {
    border-radius: 15px 0 0 15px;
    -webkit-border-radius: 15px 0 0 15px;
    -moz-border-radius: 15px 0 0 15px
}

.fund-table .data-table tbody tr td:last-child {
    border-radius: 0 15px 15px 0;
    -webkit-border-radius: 0 15px 15px 0;
    -moz-border-radius: 0 15px 15px 0
}

.slider-section {
    background-image: url(../images/live-qoute-bg.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left bottom;
    min-height: 500px
}

.slider-section .slick-track {
    overflow: hidden
}

.slider-section .main-slider .slider-block {
    position: relative;
    z-index: 1
}

.slider-section .main-slider .slider-block .heading,.mobile-slide .heading {
    line-height: 45px;
    font-family: billcorporatebold;
    font-size: 42px;
    color: #333;
    font-weight: 600
}

@media(max-width: 768px) {
    .slider-section .main-slider .slider-block .heading {
        font-size:24px;
        line-height: 30px;
        display: flex;
        justify-content: space-around;
        align-items: center;
        margin-top: 15px
    }
}

.slider-section .main-slider .slider-block p {
    font-style: italic;
    color: #333;
    font-size: 14px;
    font-weight: 300
}

.slider-section .main-slider .slick-arrow {
    background-color: rgba(255,255,255,.6);
    width: 50px;
    height: 50px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease-in 0;
    -moz-transition: all .3s ease-in 0;
    -ms-transition: all .3s ease-in 0;
    -o-transition: all .3s ease-in 0;
    transition: all .3s ease-in 0;
    -webkit-box-shadow: 0 5px 10px 0 rgba(106,106,106,.15);
    -moz-box-shadow: 0 5px 10px 0 rgba(106,106,106,.15);
    box-shadow: 0 5px 10px 0 rgba(106,106,106,.15);
    z-index: 1
}

.slider-section .main-slider .slick-arrow:focus,.slider-section .main-slider .slick-arrow:hover {
    background: #fff
}

.slider-section .main-slider .slick-arrow.slick-prev {
    left: 0
}

.slider-section .main-slider .slick-arrow.slick-arrow {
    right: 0
}

.slider-section .main-slider:hover .slick-arrow {
    -webkit-transition: all .3s ease-in 0;
    -moz-transition: all .3s ease-in 0;
    -ms-transition: all .3s ease-in 0;
    -o-transition: all .3s ease-in 0;
    transition: all .3s ease-in 0;
    opacity: 1;
    visibility: visible
}

.slider-section .main-slider:hover .slick-arrow.slick-prev {
    left: 20px
}

@media(max-width: 768px) {
    .slider-section .main-slider:hover .slick-arrow.slick-prev {
        left:0!important
    }
}

.slider-section .main-slider:hover .slick-arrow.slick-arrow {
    right: 20px
}

@media(max-width: 768px) {
    .slider-section .main-slider:hover .slick-arrow.slick-arrow {
        right:0!important
    }
}

.slider-section .main-slider .slick-dots {
    bottom: -20px
}

.mobile-slide .heading {
    line-height: 30px;
    font-family: billcorporatebold;
    font-size: 24px;
    color: #333;
    font-weight: 600
}

.mobile-slide p {
    font-family: poppins-thin,sans-serif;
    font-style: italic;
    color: #333;
    font-size: 14px;
    font-weight: 300
}

.stp-Trader .sub-title {
    font-style: italic;
    color: #00A4E3;
    font-size: 16px;
    font-weight: 500
}

.stp-Trader .heading1 {
    text-transform: uppercase;
    margin: 10px 0;
    color: #333
}

.stp-Trader p {
    font-size: 14px;
    line-height: 30px
}

.stp-Trader strong {
    font-family: poppins-semibold,sans-serif
}

.livequotes {
    background-image: url(../images/live-qoute-bg.webp);
    background-size: contain;
    background-repeat: no-repeat
}

.livequotes .shadow-lg {
    background: #f5f6fa
}

.livequotes .nav-pills {
    background: #4b55c1;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 15px;
    text-align: center
}

@media(max-width: 992px) {
    .livequotes .nav-pills {
        display:block;
        white-space: nowrap;
        overflow: auto
    }
}

.livequotes .nav-pills a {
    padding: 30px 0;
    margin: 10px 0;
    color: #fff;
    position: relative;
    z-index: 1
}

.livequotes .nav-pills a::after {
    background-size: 100% 100%;
    background-position: top;
    background-image: url(../images/curb.png);
    position: absolute;
    top: 0;
    right: 0;
    content: '';
    width: 0;
    height: 100%;
    z-index: -1;
    -webkit-transition: all .2s ease-in 0;
    -moz-transition: all .2s ease-in 0;
    -ms-transition: all .2s ease-in 0;
    -o-transition: all .2s ease-in 0;
    transition: all .2s ease-in 0
}

.livequotes .nav-pills a.active {
    color: #4b55c1;
    background-color: transparent
}

.livequotes .nav-pills a.active::after {
    width: 100%
}

@media(max-width: 992px) {
    .livequotes .nav-pills a {
        display:inline-block;
        padding: 10px;
        margin: 5px 0;
        border-radius: 0
    }

    .livequotes .nav-pills a::after {
        background-image: none
    }

    .livequotes .nav-pills a.active {
        border-bottom: 3px solid #fff;
        color: #fff
    }
}

.livequotes .tab-content {
    background: #f5f6fa
}

.livequotes .tab-content table thead tr td {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background: #daddfa;
    font-size: 11px;
    text-transform: uppercase;
    color: #4b55c1;
    border: 0
}

.livequotes .tab-content table tbody tr td {
    vertical-align: middle;
    font-size: 14px
}

.livequotes .tab-content table tbody tr td span {
    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: 30px;
    height: 30px;
    font-size: 13px;
    background-color: #daddfa;
    font-weight: 700;
    color: #4b55c1;
    border-radius: 100%;
    margin: auto
}

.livequotes .tab-content table tbody tr:nth-child(2n+1) {
    background-color: #fff;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)
}

.providers .provider-slider .slick-list {
    padding: 20px
}

.providers .provider-slider .slick-list .slick-slide {
    margin: 0 15px
}

.providers .provider-slider .slick-list .slick-slide .box {
    -webkit-box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
    -moz-box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
    -webkit-transition: all .2s ease-in 0;
    -moz-transition: all .2s ease-in 0;
    -ms-transition: all .2s ease-in 0;
    -o-transition: all .2s ease-in 0;
    transition: all .2s ease-in 0;
    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
}

.providers .provider-slider .slick-list .slick-slide .box:hover {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    transform: translateY(-5px)
}

.awards,.clients,.orders,.years {
    background-color: #e4e5ff;
    height: 200px;
    width: 200px;
    margin: 0 10px
}

.awards::after,.clients::after {
    position: absolute;
    left: 0;
    content: '';
    bottom: 0
}

@media(min-width: 768px) {
    .awards::after,.clients::after,.orders {
        border-bottom:50px solid #fff
    }
}

#image {
    list-style-image: url(../imgs/home-page/back.svg)
}

#image>li {
    margin-bottom: 25px
}

#sub_image {
    list-style-image: url(../imgs/home-page/arrow.svg)
}

.years {
    border-radius: 50%
}

@media(min-width: 768px) {
    .clients:after {
        border-left:200px solid #e4e5ff
    }

    .awards:after {
        border-right: 200px solid #e4e5ff
    }
}

.box-p {
    font-size: 13px;
    margin-top: 15px;
    font-weight: 600
}

.digits {
    display: flex;
    align-items: center;
    justify-content: center
}

.digit {
    color: #fff;
    font-size: 26px;
    background-color: #005cbf;
    width: 25px;
    text-align: center;
    border-radius: 5px
}

.circle-data .h4,.circle-data h4,.model-list {
    font-family: poppins-semibold,sans-serif
}

.sub-years {
    top: 25%;
    left: 0;
    width: 100%;
    text-align: center;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap
}

.sub-years .ml-3 {
    margin-left: 0!important
}

.sub-awards,.sub-clients,.sub-orders {
    top: 25%;
    left: 0;
    width: 100%;
    text-align: center;
    padding: 0 20px
}

.sub-awards .ml-4,.sub-clients .ml-4,.sub-orders .ml-4 {
    margin-left: 0!important
}

.ssfx-features .features {
    margin-top: 50px;
    text-align: center;
    font-size: 13px
}

.ssfx-features .features .item {
    width: 20%;
    padding: 15px;
    position: -webkit-sticky;
    position: sticky;
    display: inline-block
}

.ssfx-features .features .item:nth-child(1) {
    margin-left: 0;
    top: 0
}

.ssfx-features .features .item:nth-child(2) {
    margin-left: 0;
    top: 0
}

.ssfx-features .features .item:nth-child(3) {
    margin-left: 0;
    top: 0
}

.ssfx-features .features .item:nth-child(4) {
    margin-left: 0;
    top: 0
}

.ssfx-features .features .item:nth-child(5) {
    margin-left: 0;
    top: 0
}

.ssfx-features .features .item:nth-child(6) {
    margin-left: 0;
    top: 330px
}

.ssfx-features .features .item:nth-child(7) {
    margin-left: 0;
    top: 330px
}

.ssfx-features .features .item:nth-child(8) {
    margin-left: 0;
    top: 330px
}

.ssfx-features .features .item:nth-child(9) {
    margin-left: 0;
    top: 330px
}

.rating-section {
    background: #daddfa
}

.account-suit {
    background-image: url(../images/account/account-bg.webp)
}

.account-suit ul li .account-block {
    width: 225px;
    height: 188px;
    -webkit-border-radius: 49% 51% 35% 65%/30% 32% 68% 70%;
    -moz-border-radius: 49% 51% 35% 65%/30% 32% 68% 70%;
    border-radius: 49% 51% 35% 65%/30% 32% 68% 70%;
    position: relative;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
    margin: auto
}

.account-suit ul li .account-block i {
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out
}

.account-suit ul li .account-block .content {
    color: #fff;
    font-size: 13px;
    line-height: 20px;
    position: absolute;
    padding: 0 10px;
    -webkit-transform: rotate(0) scale(1);
    -moz-transform: rotate(0) scale(1);
    -ms-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
    opacity: 0;
    visibility: hidden
}

.account-suit ul li:nth-child(1) .account-block {
    background: #ee5454
}

.account-suit ul li:nth-child(2) .account-block {
    background: #ffb11a
}

.account-suit ul li:nth-child(3) .account-block {
    background: #4b55c1
}

.account-suit ul li:nth-child(4) .account-block {
    background: #4bc190
}

.account-suit ul li .title {
    font-family: billcorporate;
    font-size: 20px;
    margin: 30px 0 0
}

.account-suit ul li:hover .account-block {
    -webkit-border-radius: 49% 51% 77% 23%/30% 51% 49% 70%;
    -moz-border-radius: 49% 51% 77% 23%/30% 51% 49% 70%;
    border-radius: 49% 51% 77% 23%/30% 51% 49% 70%
}

.account-suit ul li:hover .account-block i {
    -webkit-transform: rotate(300deg) scale(0);
    -moz-transform: rotate(300deg) scale(0);
    -ms-transform: rotate(300deg) scale(0);
    transform: rotate(300deg) scale(0);
    opacity: 0
}

.account-suit ul li:hover .account-block .content {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0) rotate(0);
    -moz-transform: translateY(0) rotate(0);
    -ms-transform: translateY(0) rotate(0);
    transform: translateY(0) rotate(0);
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -ms-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s
}

@media(max-width: 1024px) {
    .account-suit ul li .account-block .content {
        opacity:1;
        visibility: visible;
        -webkit-transform: translateY(0) rotate(0);
        -moz-transform: translateY(0) rotate(0);
        -ms-transform: translateY(0) rotate(0);
        transform: translateY(0) rotate(0);
        -webkit-transition-delay: .3s;
        -moz-transition-delay: .3s;
        -ms-transition-delay: .3s;
        -o-transition-delay: .3s;
        transition-delay: .3s
    }

    .account-suit ul li .account-block {
        -webkit-border-radius: 49% 51% 77% 23%/30% 51% 49% 70%;
        -moz-border-radius: 49% 51% 77% 23%/30% 51% 49% 70%;
        border-radius: 49% 51% 77% 23%/30% 51% 49% 70%
    }

    .account-suit ul li .account-block i {
        -webkit-transform: rotate(300deg) scale(0);
        -moz-transform: rotate(300deg) scale(0);
        -ms-transform: rotate(300deg) scale(0);
        transform: rotate(300deg) scale(0);
        opacity: 0
    }
}

.account-suit ul li:hover .account-block .btn-secondary:hover {
    background-color: #fff;
    color: #000
}

.PAMM-accounts ul li .media {
    background-color: #ccc;
    color: #fff;
    padding: 40px 30px;
    border-radius: 15px;
    -webkit-transition: ease all .5s;
    -moz-transition: ease all .5s;
    transition: ease all .5s;
    overflow: hidden;
    position: relative
}

.PAMM-accounts ul li .media:hover {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px)
}

.PAMM-accounts ul li .media::after {
    background-image: url(../images/circle.svg);
    background-repeat: no-repeat;
    background-position: center right;
    position: absolute;
    top: 0;
    right: 0;
    content: '';
    width: 100%;
    height: 100%
}

.PAMM-accounts ul li .media p {
    font-size: 18px
}

.PAMM-accounts ul li .media h5 {
    margin-top: 20px;
    margin-bottom: 0;
    font-size: 32px;
    font-weight: 600
}

.PAMM-accounts ul li .media p img {
    width: 32px
}

.PAMM-accounts ul li:nth-child(1) .media {
    background-color: #00A4E3;
    -webkit-box-shadow: 0 6px 15px #f4111270;
    -moz-box-shadow: 0 6px 15px #f4111270;
    box-shadow: 0 6px 15px #f4111270
}

.PAMM-accounts ul li:nth-child(2) .media {
    background-color: #4b55c1;
    -webkit-box-shadow: 0 6px 15px #4b55c145;
    -moz-box-shadow: 0 6px 15px #4b55c145;
    box-shadow: 0 6px 15px #4b55c145
}

.PAMM-accounts ul li:nth-child(3) .media {
    background-color: #4bc190;
    -webkit-box-shadow: 0 6px 15px #4bc19670;
    -moz-box-shadow: 0 6px 15px #4bc19670;
    box-shadow: 0 6px 15px #4bc19670
}

.PAMM-accounts .graph-section .bg-white {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.PAMM-accounts .graph-section .text span {
    color: #666;
    font-size: 16px
}

.PAMM-accounts .graph-section .text h6 {
    color: #000;
    font-size: 18px;
    padding: 0 0 10px
}

.PAMM-accounts .graph-section .text p {
    font-size: 13px
}

.PAMM-accounts .graph-section .btn-theme {
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px
}

.PAMM-accounts .graph-section .account-rating a {
    padding: 12px 15px;
    margin-bottom: 5px
}

.PAMM-accounts .graph-section .account-rating a.active {
    background: #00A4E3
}

@media(max-width: 768px) {
    .account-rating {
        display:block;
        white-space: nowrap;
        overflow: auto
    }

    .account-rating a {
        display: inline-block
    }
}

@media(max-width: 768px) {
    .pamm-Performance-section .rate-block .border-right {
        border-right:none!important
    }
}

@media(max-width: 768px) {
    .platform-section {
        margin:0 20px
    }
}

.platform-section .platform-box {
    padding: 20px;
    position: relative;
    border-bottom: 3px solid #00A4E3;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.platform-section .platform-box span {
    font-size: 60px;
    color: #00A4E3
}

.platform-section .platform-box h4 {
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 15px;
    position: relative;
    margin-bottom: 20px
}

.platform-section .platform-box h4::after {
    background-color: #00A4E3;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    width: 45px;
    height: 4px;
    margin: auto
}

.platform-section .platform-box p {
    color: #666;
    font-size: 13px;
    line-height: 25px
}

.platform-section .platform-box:hover {
    background-color: #00A4E3
}

.platform-section .platform-box:hover h4 {
    color: #fff
}

.platform-section .platform-box:hover h4::after {
    background-color: #fff
}

.platform-section .platform-box:hover p,.platform-section .platform-box:hover span {
    color: #fff
}

.platform-section ul li {
    border: 1px solid #666;
    color: #333;
    padding: 20px 35px;
    border-radius: 10px;
    position: relative;
    margin: 50px 0;
    -webkit-transition: all .1s ease 0;
    -moz-transition: all .1s ease 0;
    -ms-transition: all .1s ease 0;
    -o-transition: all .1s ease 0;
    transition: all .1s ease 0
}

.platform-section ul li img {
    border-radius: 100%;
    position: absolute;
    top: 0;
    right: -30px;
    bottom: 0;
    z-index: 1;
    margin: auto
}

.platform-section ul li span.img3,.platform-section ul li span.img4 {
    position: absolute;
    top: 0;
    right: auto;
    bottom: 0;
    left: -30px
}

.platform-section ul li p {
    font-size: 13px;
    margin-bottom: 10px
}

.platform-section ul li h5 a {
    font-size: 18px;
    font-weight: 600
}

.platform-section ul li a {
    font-size: 14px;
    color: #00A4E3
}

.platform-section ul li:hover {
    -webkit-transition: all .1s ease 0;
    -moz-transition: all .1s ease 0;
    -ms-transition: all .1s ease 0;
    -o-transition: all .1s ease 0;
    transition: all .1s ease 0;
    background: #00A4E3;
    border: 1px solid #00A4E3;
    -webkit-box-shadow: 0 6px 15px rgba(0,0,0,.3);
    -moz-box-shadow: 0 6px 15px rgba(0,0,0,.3);
    box-shadow: 0 6px 15px rgba(0,0,0,.3)
}

.platform-section ul li:hover h5,.platform-section ul li:hover p,.platform-section ul li:hover a {
    color: #fff
}

.platform-section ul li span {
    background-color: #fff;
    border: 1px solid #666;
    border-radius: 100%;
    position: absolute;
    top: 0;
    right: -30px;
    bottom: 0;
    z-index: 1;
    width: 52px;
    height: 52px;
    background-repeat: no-repeat;
    background-position: center center
}

@media(min-width: 767px) {
    .platform-section ul li span {
        margin:auto
    }
}

@media(max-width: 767px) {
    .platform-section ul li span,.platform-section ul li span.img3,.platform-section ul li span.img4 {
        bottom:auto;
        top: -20px;
        left: -20px;
        right: auto
    }
}

.platform-section ul li:hover h5 a {
    color: #fff
}

.platform-section ul li:hover span {
    -webkit-box-shadow: 0 6px 15px rgba(0,0,0,.3);
    -moz-box-shadow: 0 6px 15px rgba(0,0,0,.3);
    box-shadow: 0 6px 15px rgba(0,0,0,.3)
}

.platform-section ul li .img1 {
    background-image: url(../../assets/images/home/desktop.png)
}

.platform-section ul li .img2 {
    background-image: url(../../assets/images/home/mobile.png)
}

.platform-section ul li .img3 {
    background-image: url(../../assets/images/home/multitrader.png);
    left: -30px;
    right: auto
}

.platform-section ul li .img4 {
    background-image: url(../../assets/images/home/web.png);
    left: -30px;
    right: auto
}

.deposits-section {
    background-image: url(../images/deposits-bg.webp);
    background-position: center center;
    background-size: cover
}

.deposits-section .title {
    font-family: billcorporate;
    font-size: 36px;
    line-height: 50px
}

@media(max-width: 767px) {
    .deposits-section .title {
        font-size:24px;
        line-height: 40px
    }
}

.deposits-section svg .payment-logo-main rect {
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    fill: transparent
}

.deposits-section svg .payment-logo-main:hover rect {
    fill: #00A4E3
}

.why-choose ul li .box {
    background-color: #fff;
    padding: 10px;
    margin-bottom: 25px;
    text-align: center;
    width: 100%;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.2);
    box-shadow: 0 0 10px rgba(0,0,0,.2);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-transform: capitalize
}

.why-choose ul li .box span {
    background-color: #f6f6f6;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 105px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.why-choose ul li .box span img {
    width: 50px
}

.why-choose ul li h4 {
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    margin-top: 10px
}

.why-choose ul li div {
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

.why-choose ul li .box:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1)
}

.introduction-section [class*=col-] .round-box {
    padding: 20px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    color: #fff;
    width: 100%;
    height: 282px;
    text-align: center;
    border-width: 15px;
    border-style: solid;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

@media screen and (min-width: 769px) and (max-width:1199px) {
    .introduction-section .round-box {
        min-height:430px;
        margin: 0 auto
    }
}

@media(max-width: 768px) {
    .introduction-section .round-box {
        max-width:320px;
        min-height: 320px;
        margin: 0 auto
    }
}

.introduction-section [class*=col-] .round-box span {
    font-size: 30px;
    font-weight: 700
}

.introduction-section [class*=col-] .round-box strong {
    font-size: 18px
}

.introduction-section [class*=col-] .round-box p {
    font-size: 13px;
    line-height: 20px
}

.introduction-section [class*=col-] .round-box.one {
    background: #ee5454;
    border-color: #e32222
}

.introduction-section [class*=col-] .round-box.one:hover {
    background: #e32222;
    border-color: #ee5454
}

.introduction-section [class*=col-] .round-box.two {
    background: #4b55c1;
    border-color: #2d37a4
}

.introduction-section [class*=col-] .round-box.two:hover {
    background: #2d37a4;
    border-color: #4b55c1
}

.introduction-section [class*=col-] .round-box.three {
    background: #ffb11a;
    border-color: #ec9f0b
}

.introduction-section [class*=col-] .round-box.three:hover {
    background: #ec9f0b;
    border-color: #ffb11a
}

.introduction-section [class*=col-] .round-box.four {
    background: #4bc190;
    border-color: #0bb174
}

.introduction-section [class*=col-] .round-box.four:hover {
    background: #0bb174;
    border-color: #4bc190
}

.introduction-section [class*=col-] b {
    font-size: 18px;
    font-weight: 500
}

@media(min-width: 767px) {
    .introduction-section .row:last-child {
        margin-top:-80px
    }
}

.ready-section {
    background-image: url(../images/deposits-bg.webp);
    background-position: center center;
    background-size: cover;
    color: #fff
}

.ready-section p {
    font-style: italic
}

.ready-section a {
    margin-top: 10px
}

.ready-section i {
    font-size: 13px;
    margin-top: 10px
}

.ready-section .btn-theme {
    background-color: #00A4E3;
    color: #fff
}

.ready-section .btn-theme:hover {
    background-color: #fff;
    border: 1px solid #fff;
    color: #00A4E3
}

.aboutus p {
    font-family: poppins-light,sans-serif;
    font-size: 15px;
    line-height: 30px;
    margin-bottom: 15px
}

.journey-section .cSlider--nav .cSlider__item {
    text-align: center;
    z-index: 1;
    position: relative;
    cursor: pointer;
    padding: 15px 0
}

.journey-section .cSlider--nav .cSlider__item .round {
    background: #fff;
    border: 2px solid #00A4E3;
    width: 14px;
    height: 14px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    margin: auto auto 10px;
    position: relative
}

.journey-section .cSlider--nav .cSlider__item::after {
    position: absolute;
    top: 22px;
    left: 60px;
    content: '';
    border-bottom: 1px solid #00A4E3;
    width: 100%;
    z-index: -1;
    margin: auto
}

.journey-section .cSlider--nav .cSlider__item:last-child::after {
    display: none
}

.journey-section .cSlider--nav .cSlider__item.is-active {
    font-weight: 700
}

.journey-section .cSlider--nav .cSlider__item.is-active .round {
    background: #00A4E3
}

.journey-section .cSlider--nav .cSlider__item.is-active .round::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: -2px;
    content: "";
    width: 14px;
    height: 14px;
    margin: auto;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-animation: animate 1.5s linear infinite;
    animation: animate 1.5s linear infinite
}

.why-choose-section .bg {
    padding: 80px 0;
    background-color: #4b55c1;
    background-image: url(../images/aboutus/why-choose-bg.png);
    background-repeat: no-repeat
}

.why-choose-section .bg .heading1 {
    font-size: 45px
}

@media(max-width: 767px) {
    .why-choose-section .bg .heading1 {
        font-size:32px
    }
}

.why-choose-section ul li {
    font-family: poppins-light,sans-serif;
    font-size: 15px;
    color: #333;
    line-height: 25px;
    margin-top: 20px;
    padding-left: 40px;
    position: relative
}

.why-choose-section ul li::after {
    position: absolute;
    top: 5px;
    left: 0;
    content: "";
    background-image: url(../images/back.svg);
    width: 24px;
    height: 20px
}

.why-choose-section ul li .list-round {
    background: #fff;
    -webkit-box-shadow: 0 6px 13px 0 rgba(145,145,145,.2);
    box-shadow: 0 6px 13px 0 rgba(145,145,145,.2);
    width: 75px;
    height: 75px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%
}

.why-choose-section ul li .list-round svg {
    color: #00A4E3;
    font-size: 40px
}

.why-choose-section ul li h4,.why-choose-section ul li p {
    font-size: 15px;
    line-height: 20px;
    padding-left: 15px;
    font-family: poppins-light,sans-serif
}

.point-list li {
    font-size: 15px;
    color: #333;
    line-height: 25px;
    margin-top: 20px;
    padding-left: 40px;
    position: relative
}

.point-list li::after {
    position: absolute;
    top: 5px;
    left: 0;
    content: "";
    background-image: url(../images/back.svg);
    width: 24px;
    height: 20px
}

.business-model ul {
    overflow: hidden
}

.business-model ul li {
    margin: 20px 0;
    position: relative;
    text-transform: capitalize;
    font-size: 15px
}

.business-model ul li>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    max-width: 400px
}

.business-model ul li>div span {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    width: 65px;
    height: 65px;
    background-color: #00A4E3;
    margin-right: 10px;
    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
}

.business-model ul li>div span img {
    width: 50px
}

.business-model ul li>div p {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    border: 1px solid #333;
    font-size: 13px;
    font-weight: 600;
    font-style: italic;
    height: 65px;
    display: flex;
    align-items: center;
    width: 300px;
    padding: 20px
}

.business-model ul li:nth-child(1) {
    left: 20%
}

.business-model ul li:nth-child(1) span {
    background-color: #4b55c1
}

@media(max-width: 1024px) {
    .business-model ul li:nth-child(1) {
        left:0!important
    }
}

.business-model ul li:nth-child(2) {
    left: 15%
}

.business-model ul li:nth-child(2) span {
    background-color: #ffb11a
}

@media(max-width: 1024px) {
    .business-model ul li:nth-child(2) {
        left:0!important
    }
}

.business-model ul li:nth-child(3) {
    left: 10%
}

.business-model ul li:nth-child(3) span {
    background-color: #00A4E3
}

@media(max-width: 1024px) {
    .business-model ul li:nth-child(3) {
        left:0!important
    }
}

.business-model ul li:nth-child(4) {
    left: 6%
}

.business-model ul li:nth-child(4) span {
    background-color: #4bc190
}

@media(max-width: 1024px) {
    .business-model ul li:nth-child(4) {
        left:0!important
    }
}

.business-model ul li:nth-child(5) {
    left: 10%
}

.business-model ul li:nth-child(5) span {
    background-color: #8dbe2e
}

@media(max-width: 1024px) {
    .business-model ul li:nth-child(5) {
        left:0!important
    }
}

.business-model ul li:nth-child(6) {
    left: 15%
}

.business-model ul li:nth-child(6) span {
    background-color: #223645
}

@media(max-width: 1024px) {
    .business-model ul li:nth-child(6) {
        left:0!important
    }
}

.business-model ul li:nth-child(7) {
    left: 23%
}

.business-model ul li:nth-child(7) span {
    background-color: #8dbe2e
}

@media(max-width: 1024px) {
    .business-model ul li:nth-child(7) {
        left:0!important
    }
}

.about-key-points ul li {
    width: 20%;
    height: 220px;
    padding: 0 15px;
    margin-bottom: 30px
}

@media(max-width: 992px) {
    .about-key-points ul li {
        width:24%
    }
}

@media(max-width: 768px) {
    .about-key-points ul li {
        width:33.33%
    }
}

@media(max-width: 570px) {
    .about-key-points ul li {
        height:auto;
        width: 50%
    }
}

@media(max-width: 350px) {
    .about-key-points ul li {
        width:100%
    }
}

.about-key-points ul li>div {
    width: 100%;
    height: 100%;
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px;
    -webkit-transition: all .3s ease-in 0;
    -moz-transition: all .3s ease-in 0;
    -ms-transition: all .3s ease-in 0;
    -o-transition: all .3s ease-in 0;
    transition: all .3s ease-in 0
}

.about-key-points ul li>div span svg {
    font-size: 45px;
    color: #00A4E3
}

.about-key-points ul li>div h4 {
    margin-bottom: 0;
    font-size: 14px;
    text-align: center;
    padding: 15px 0;
    line-height: 25px
}

.about-key-points ul li>div:hover {
    background-color: #00A4E3
}

.about-key-points ul li>div:hover h4,.about-key-points ul li>div:hover svg {
    color: #fff
}

.about-key-points ul li>div span img {
    width: 50px
}

.about-key-points ul li>div span img.hover,.about-key-points ul li>div:hover span img.normal {
    display: none
}

.about-key-points ul li>div:hover span img.hover {
    display: block
}

.about-key-points ul li>div span img {
    width: 30px
}

.about-key-points ul li>div {
    width: 100%;
    height: 100%;
    padding: 35px;
    margin: auto
}

@media(max-width: 570px) {
}

@media(max-width: 768px) {
    .about-key-points ul li>div h4 {
        font-size:12px;
        line-height: 18px;
        padding: 5px 0
    }

    .about-key-points ul li>div {
        width: 150px;
        height: 150px;
        padding: 60px
    }
}

.legal-document-section p {
    font-size: 15px;
    text-align: justify;
    line-height: 30px;
    margin-bottom: 15px
}

.legal-document-section .download-section .block {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    position: relative;
    -webkit-transition: all .3s ease 0;
    -moz-transition: all .3s ease 0;
    -ms-transition: all .3s ease 0;
    -o-transition: all .3s ease 0;
    transition: all .3s ease 0
}

.legal-document-section .download-section .block .pdf {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background: #00A4E3;
    margin: auto;
    text-align: center;
    width: 80px;
    height: 80px;
    margin-right: 20px;
    -webkit-transition: all .3s ease 0;
    -moz-transition: all .3s ease 0;
    -ms-transition: all .3s ease 0;
    -o-transition: all .3s ease 0;
    transition: all .3s ease 0
}

.legal-document-section .download-section .block .pdf svg {
    font-size: 40px;
    color: #fff
}

.legal-document-section .download-section .block h3 {
    font-weight: 500;
    font-size: 18px
}

.legal-document-section .download-section .block p {
    text-align: left;
    color: #707070;
    margin-bottom: 0;
    font-size: 13px;
    line-height: 20px
}

.legal-document-section .download-section .block>div:first-child {
    padding: 20px
}

.legal-document-section .download-section .block:hover {
    -webkit-transition: all .3s ease 0;
    -moz-transition: all .3s ease 0;
    -ms-transition: all .3s ease 0;
    -o-transition: all .3s ease 0;
    transition: all .3s ease 0
}

.legal-document-section .download-section .block:hover .pdf {
    background: #000
}

.legal-document-section .download-section .block .download-img {
    background: #fff;
    padding: 10px;
    border-radius: 50%;
    position: absolute;
    top: 40px;
    right: -25px;
    cursor: pointer;
    width: 45px;
    height: 45px;
    text-align: center;
    -webkit-transition: all .3s ease 0;
    -moz-transition: all .3s ease 0;
    -ms-transition: all .3s ease 0;
    -o-transition: all .3s ease 0;
    transition: all .3s ease 0
}

.legal-document-section .download-section .block .download-img svg {
    color: #00A4E3
}

.legal-document-section .download-section .block:hover .download-img {
    -webkit-transform: scale(1.2,1.2) rotate(-5deg);
    -moz-transform: scale(1.2,1.2) rotate(-5deg);
    transform: scale(1.2,1.2) rotate(-5deg)
}

@media(max-width: 768px) {
    .legal-document-section .download-section .block .download-img {
        bottom:-20px;
        top: auto;
        left: 0;
        right: 0;
        margin: auto
    }
}

.journey-section .cSlider--nav .cSlider__item {
    text-align: center;
    z-index: 1;
    position: relative;
    cursor: pointer;
    padding: 15px 0
}

.journey-section .cSlider--nav .cSlider__item .round {
    background: #fff;
    border: 2px solid #00A4E3;
    width: 14px;
    height: 14px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    margin: auto auto 10px;
    position: relative
}

.journey-section .cSlider--nav .cSlider__item::after {
    position: absolute;
    top: 22px;
    left: 60px;
    content: '';
    border-bottom: 1px solid #00A4E3;
    width: 100%;
    z-index: -1;
    margin: auto
}

.journey-section .cSlider--nav .cSlider__item:last-child::after {
    display: none
}

.journey-section .cSlider--nav .cSlider__item.is-active {
    font-weight: 700
}

.journey-section .cSlider--nav .cSlider__item.is-active .round {
    background: #00A4E3
}

.journey-section .cSlider--nav .cSlider__item.is-active .round::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: -2px;
    content: "";
    width: 14px;
    height: 14px;
    margin: auto;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-animation: animate 1.5s linear infinite;
    animation: animate 1.5s linear infinite
}

.key-points {
    max-height: 960px
}

.key-points .circle {
    padding-top: 100%;
    height: 0
}

.key-points .circle::before {
    content: '';
    position: absolute;
    top: 10%;
    left: 25%;
    z-index: -1;
    width: 50%;
    height: 50%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 1px solid #b8bac4
}

.key-points .circle .sub-circle {
    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;
    position: absolute;
    width: 78px;
    height: 78px;
    font-size: 40px;
    border-radius: 50%;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    -webkit-box-shadow: 0 6px 13px rgba(145,145,145,.2);
    -moz-box-shadow: 0 6px 13px rgba(145,145,145,.2);
    box-shadow: 0 6px 13px rgba(145,145,145,.2);
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    background-color: #fff
}

.key-points .circle .sub-circle:nth-child(1) {
    left: 0;
    right: 0;
    top: 7%;
    margin: auto
}

.key-points .circle .sub-circle:nth-child(2) {
    left: 65%;
    top: 14%
}

.key-points .circle .sub-circle:nth-child(3) {
    left: 71%;
    top: 28%
}

.key-points .circle .sub-circle:nth-child(4) {
    right: 25%;
    top: 43%
}

.key-points .circle .sub-circle:nth-child(5) {
    left: 59%;
    top: 54%
}

.key-points .circle .sub-circle:nth-child(6) {
    left: 41%;
    top: 56%
}

.key-points .circle .sub-circle:nth-child(7) {
    left: 26%;
    top: 45%
}

.key-points .circle .sub-circle:nth-child(8) {
    left: 22%;
    top: 28%
}

.key-points .circle .sub-circle:nth-child(9) {
    left: 30%;
    top: 13%
}

.key-points .circle .circle-data {
    position: absolute;
    width: 300px;
    top: 31%;
    left: 38%;
    opacity: 0
}

.key-points .circle .circle-data.active {
    opacity: 1
}

.company-news-section .filter span {
    font-size: 15px;
    font-weight: 300
}

.company-news-section .news-block {
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.company-news-section .news-block:hover {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px)
}

.company-news-section .news-block .black_a {
    width: 100%;
    height: 200px;
    overflow: hidden;
    display: block
}

.company-news-section .news-block .black_a img {
    width: 100%;
    height: 100%;
    object-fit: fill
}

.company-news-section .news-block .date {
    background: rgba(0,164,227,.7);
    font-size: 14px;
    color: #fff;
    padding: 5px 15px;
    position: absolute;
    right: 0;
    bottom: 0;
    -webkit-border-radius: 10px 0 0 0;
    -moz-border-radius: 10px 0 0;
    border-radius: 10px 0 0 0
}

.company-news-section .news-block .title {
    font-family: billcorporatebold;
    font-size: 20px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 5px 0
}

.company-news-section .news-block p {
    font-size: 13px;
    line-height: 24px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.company-news-section .download-section .block {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    position: relative;
    -webkit-transition: all .3s ease 0;
    -moz-transition: all .3s ease 0;
    -ms-transition: all .3s ease 0;
    -o-transition: all .3s ease 0;
    transition: all .3s ease 0
}

.company-news-section .download-section .block .pdf {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background: #00A4E3;
    position: absolute;
    top: -50px;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
    width: 100px;
    height: 100px;
    -webkit-transition: all .3s ease 0;
    -moz-transition: all .3s ease 0;
    -ms-transition: all .3s ease 0;
    -o-transition: all .3s ease 0;
    transition: all .3s ease 0
}

.company-news-section .download-section .block .pdf svg {
    font-size: 40px;
    color: #fff
}

.company-news-section .download-section .block h3 {
    font-size: 20px
}

.company-news-section .download-section .block p {
    font-size: 14px;
    line-height: 20px
}

.company-news-section .download-section .block>div:first-child {
    padding: 70px 50px 20px
}

.company-news-section .download-section .block:hover {
    -webkit-transition: all .3s ease 0;
    -moz-transition: all .3s ease 0;
    -ms-transition: all .3s ease 0;
    -o-transition: all .3s ease 0;
    transition: all .3s ease 0
}

.company-news-section .download-section .block:hover .pdf {
    background: #000
}

.company-news-section .download-section .block:hover .pdf svg {
    color: #fff
}

.company-news-section .btn-filter {
    border: 1px solid #ccc;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px
}

.company-news-section .points {
    margin: 0 10px
}

.company-news-section .points li {
    list-style-type: disc;
    font-size: 13px;
    margin-bottom: 10px
}

#blog-slider.slick-slider:hover .slick-arrow.slick-prev {
    left: 20px!important
}

#blog-slider.slick-slider:hover .slick-arrow.slick-arrow {
    right: 20px!important
}

#blog-slider .slick-slide .post-overlay {
    padding: 15px;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 9;
    background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,90,.8) 75%);
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 75%)
}

#blog-slider .slick-slide .post-overlay h2 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

#blog-slider .slick-slide .post-overlay h2 a {
    font-family: billcorporatebold;
    overflow: hidden;
    font-size: 24px;
    color: #fff
}

#blog-slider .slick-slide .post-overlay h2 a:hover {
    color: #00A4E3
}

#blog-slider .slick-slide .post-overlay .date {
    font-size: 14px
}

.post-boxed ul li h5 a {
    font-family: billcorporatebold;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 16px
}

.post-boxed ul li small {
    color: #555
}

.company-news-section .sidebar.fixed {
    position: fixed;
    top: 0;
    width: 393px
}

.blog-list .news-block .date {
    font-size: 14px;
    color: #555
}

.company-news--detail-section p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 10px
}

.company-news-section .news-block p,.company-news--detail-section .news-block p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.company-news--detail-section span {
    font-size: 13px;
    color: #616161
}

.company-news--detail-section img,.company-news--detail-section p img {
    display: block;
    margin: auto
}

@media(max-width: 768px) {
    .company-news--detail-section img,.company-news--detail-section p img {
        width:100%!important;
        height: auto!important
    }
}

.blog-section .news-block .title {
    font-family: billcorporatebold;
    font-size: 20px;
    margin-bottom: 0;
    padding: 5px 0
}

.blog-section .news-block p {
    font-size: 13px;
    line-height: 24px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.blog-section .news-block {
    -webkit-transition: all .3s ease 0;
    -moz-transition: all .3s ease 0;
    -ms-transition: all .3s ease 0;
    -o-transition: all .3s ease 0;
    transition: all .3s ease 0
}

.blog-section .news-block:hover {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px)
}

.blog-section .sidebar.fixed {
    position: fixed;
    top: 0;
    width: 393px
}

.blog-section .entry-title li {
    line-height: 15px;
    color: #555;
    position: relative;
    padding: 0 3px
}

.blog-section .entry-title li:first-child {
    padding-left: 0
}

.blog-section .entry-title li::after {
    content: "/";
    font-size: 10px
}

.blog-section .entry-title li:last-child::after {
    display: none
}

.blog-section .entry-title li a {
    font-size: 13px;
    color: #555
}

.blog-section .entry-title li a:hover {
    color: #00A4E3
}

.blog-section img {
    width: 100%!important;
    height: auto!important
}

.blog-section .news-block .category-tag {
    bottom: 8px;
    left: 8px;
    color: #fff;
    font-size: 13px;
    padding: 1px 3px;
    background: #00A4E3
}

.blog-section .category-tag {
    font-family: poppins-semibold,sans-serif;
    font-size: 14px;
    color: #00A4E3
}

.testimonials-section .btn-theme i {
    font-size: 20px
}

.testimonials-section ul li {
    -webkit-transition: .5s ease all;
    -moz-transition: .5s ease all;
    transition: .5s ease all;
    position: relative;
    margin-bottom: 50px
}

.testimonials-section ul li:hover {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px)
}

.testimonials-section ul li .user-profile {
    background: #fff;
    position: absolute;
    top: -25px;
    left: 0;
    width: 100px;
    height: 100px;
    z-index: 1;
    padding: 10px
}

.testimonials-section ul li .user-details {
    padding: 30px;
    margin-left: auto
}

@media(min-width: 768px) {
    .testimonials-section ul li .user-details {
        width:calc(100% - 50px)
    }
}

.testimonials-section ul li .user-details div {
    padding-left: 100px;
    margin-bottom: 20px
}

@media(max-width: 768px) {
    .testimonials-section ul li .user-details div {
        padding-left:0;
        padding-top: 70px
    }
}

.testimonials-section ul li .user-details div h3 {
    text-transform: uppercase;
    color: #00A4E3;
    font-size: 26px;
    font-weight: 700
}

.testimonials-section ul li .user-details div p {
    font-size: 16px;
    color: #5a5a5a;
    position: relative
}

.testimonials-section ul li .user-details p {
    font-size: 14px;
    line-height: 25px
}

@media(min-width: 768px) {
    .testimonials-section ul li .user-details div p::after {
        position:absolute;
        bottom: 0;
        left: -80px;
        content: "";
        width: 71px;
        height: 4px;
        background: #000;
        margin: auto
    }
}

.about-pamm-section p {
    font-size: 15px;
    line-height: 30px;
    margin-bottom: 15px
}

.about-pamm-section .download-section .block {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    position: relative;
    -webkit-transition: all .3s ease 0;
    -moz-transition: all .3s ease 0;
    -ms-transition: all .3s ease 0;
    -o-transition: all .3s ease 0;
    transition: all .3s ease 0
}

.about-pamm-section .download-section .block .pdf {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background: #00A4E3;
    position: absolute;
    top: -50px;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
    width: 100px;
    height: 100px;
    -webkit-transition: all .3s ease 0;
    -moz-transition: all .3s ease 0;
    -ms-transition: all .3s ease 0;
    -o-transition: all .3s ease 0;
    transition: all .3s ease 0
}

.about-pamm-section .download-section .block .pdf svg {
    font-size: 40px;
    color: #fff
}

.about-pamm-section .download-section .block h3 {
    font-size: 20px
}

.about-pamm-section .download-section .block p {
    font-size: 14px;
    line-height: 20px
}

.about-pamm-section .download-section .block>div:first-child {
    padding: 70px 50px 20px
}

.about-pamm-section .download-section .block:hover {
    -webkit-transition: all .3s ease 0;
    -moz-transition: all .3s ease 0;
    -ms-transition: all .3s ease 0;
    -o-transition: all .3s ease 0;
    transition: all .3s ease 0
}

.about-pamm-section .download-section .block:hover .pdf {
    background: #000
}

.about-pamm-section .download-section .block:hover .pdf svg {
    color: #fff
}

.pamm-content .heading2 {
    margin-top: 30px
}

.pamm-content ul li {
    font-size: 15px;
    line-height: 30px;
    position: relative;
    padding-left: 40px;
    margin-bottom: 5px
}

.pamm-content ul li::after {
    position: absolute;
    top: 5px;
    left: 0;
    content: "";
    background-image: url(../images/back.svg);
    width: 24px;
    height: 20px
}

.pamm-features ul li {
    width: 20%;
    padding-left: 20px;
    padding-right: 20px;
    border-right: 1px solid #ddd;
    margin-bottom: 20px
}

@media(max-width: 767px) {
    .pamm-features ul li {
        width:33.33%;
        border-right: 0
    }
}

@media(max-width: 570px) {
    .pamm-features ul li {
        width:50%
    }
}

@media(max-width: 400px) {
    .pamm-features ul li {
        width:100%
    }
}

.pamm-features ul li span {
    width: 100px;
    height: 100px;
    border: 1px solid #000;
    margin: auto
}

.pamm-features ul li span img,.pamm-started ul li span img {
    width: 50px
}

.pamm-features ul li p {
    font-size: 13px
}

.pamm-started .container {
    background-image: url(../../assets/images/pamm/map.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    padding: 100px 0 0
}

.pamm-started ul li {
    width: 20%;
    margin-bottom: 20px
}

@media(max-width: 767px) {
    .pamm-started ul li {
        width:33.33%
    }
}

@media(max-width: 570px) {
    .pamm-started ul li {
        width:50%
    }
}

.pamm-started ul li span {
    width: 100px;
    height: 100px;
    background-color: #00A4E3;
    margin: auto;
    position: relative
}

.pamm-started ul li span::after {
    border: 1px solid #000;
    content: "";
    position: absolute;
    width: 130px;
    height: 130px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%
}

.pamm-started ul li .content {
    margin-top: 130px
}

.pamm-started ul li .content h3 {
    color: #00A4E3;
    font-size: 18px;
    padding-top: 25px
}

.pamm-started ul li .content p {
    font-size: 15px;
    line-height: 20px
}

.pamm-started ul li .content .round {
    background: #fff;
    border: 4px solid #00A4E3;
    width: 24px;
    height: 24px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    margin: auto auto 10px;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: -26px;
    z-index: 1
}

.pamm-started ul li .content .round::after {
    background-image: url(../../assets/images/pamm/round.png);
    background-repeat: no-repeat;
    position: absolute;
    top: -75px;
    left: -2px;
    right: 0;
    content: '';
    width: 20px;
    height: 39px;
    margin: auto
}

@media(min-width: 992px) {
    .pamm-started ul li .content::after {
        position:absolute;
        top: -15px;
        left: 115px;
        content: '';
        border-bottom: 1px solid #000;
        width: 100%;
        margin: auto
    }
}

@media(min-width: 992px) {
    .pamm-started ul li .copy-trader-li.content::after {
        position:absolute;
        top: -15px;
        left: 115px;
        content: '';
        border-bottom: 1px solid #000;
        width: 133%!important;
        margin: auto
    }
}

.pamm-started ul li:last-child .content::after {
    display: none
}

.pamm-progress .progress-box {
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

.pamm-progress .progress-box:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1)
}

.pamm-progress h4 {
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0;
    padding: 20px 0 10px
}

.pamm-progress p {
    margin-bottom: 0;
    font-size: 14px
}

.pamm-progress img {
    width: 80px
}

.pamm-Performance-section p {
    font-family: billcorporate;
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 15px
}

.pamm-Performance-section .filters .search-btn {
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    padding: 0 20px
}

.pamm-Performance-section .filters input {
    font-size: 15px;
    border: 1px solid #ccc;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.pamm-Performance-section .filters .dropdown-toggle {
    font-size: 15px;
    border: 1px solid #ccc;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.pamm-Performance-section .filters .dropdown-menu {
    overflow: hidden;
    padding: 0
}

.pamm-Performance-section .filters .dropdown-menu a {
    cursor: pointer
}

.pamm-Performance-section .filters .dropdown-menu a:hover {
    background-color: #00A4E3;
    color: #fff
}

.pamm-Performance-section .filters .btn {
    line-height: 28px;
    height: 45px
}

.pamm-Performance-section .investor-block li>div {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    position: relative;
    overflow: hidden
}

.pamm-Performance-section .investor-block li .number-count {
    width: 50px;
    height: 50px;
    display: block;
    background-color: #00A4E3;
    color: #fff;
    font-weight: 600;
    padding: 7px 0 0 6px;
    position: absolute;
    top: -8px;
    left: -8px
}

.pamm-Performance-section .investor-block li .flag {
    right: 0;
    top: 0
}

.pamm-Performance-section .investor-block li .investor-name {
    font-size: 18px;
    text-transform: uppercase
}

.pamm-Performance-section .investor-block li ul li {
    font-size: 14px;
    line-height: 25px;
    font-weight: 500;
    margin-top: 10px
}

.pamm-Performance-section .investor-block li ul li span {
    font-weight: 300
}

.pamm-Performance-section .risk-content p {
    font-size: 13px;
    line-height: 25px;
    margin-bottom: 10px
}

.pamm-Performance-section .investor-block .bg-white:hover ul li {
    color: #00A4E3
}

.detail-block .flag {
    right: -5px;
    top: 0;
    width: 24px
}

#filterpopup .modal-dialog {
    max-width: 800px
}

#filterpopup .modal-dialog .heading3 {
    font-size: 18px;
    margin-top: 30px
}

#filterpopup .modal-dialog ul {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px
}

#filterpopup .modal-dialog ul li {
    background-color: #ccc;
    font-size: 13px;
    padding: 5px;
    width: 45px;
    height: 45px;
    font-weight: 600;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    line-height: 38px;
    text-align: center;
    position: relative;
    margin: 5px;
    cursor: pointer;
    -webkit-transition: all .3s ease 0;
    -moz-transition: all .3s ease 0;
    -ms-transition: all .3s ease 0;
    -o-transition: all .3s ease 0;
    transition: all .3s ease 0
}

#filterpopup .modal-dialog ul li:hover {
    background-color: #00A4E3;
    color: #fff
}

.pamm-progress h4 {
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0;
    padding: 20px 0 10px
}

.pamm-progress p {
    margin-bottom: 0;
    font-size: 14px
}

.registration .bg-white {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    overflow: hidden
}

.registration label {
    font-size: 13px
}

.registration label sup {
    top: 0;
    color: #00A4E3
}

@media(min-width: 1024px) {
    .registration .right-side {
        background-image:url(../images/login_bg.svg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center bottom
    }
}

.registration p {
    font-size: 13px;
    margin: 15px 0
}

.registration .list-unstyled li {
    font-size: 14px
}

.registration .list-unstyled li a {
    background-color: #fff;
    width: 80px;
    height: 80px;
    margin: 20px auto;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.registration .list-unstyled li a svg {
    color: #00A4E3;
    font-size: 24px
}

.registration .list-unstyled li a:hover {
    background: #00A4E3
}

.registration .list-unstyled li a:hover svg {
    color: #fff
}

@media(max-width: 570px) {
    .registration .list-unstyled li a {
        width:50px;
        height: 50px
    }
}

.pamm-work-section p {
    font-size: 15px;
    line-height: 30px;
    margin-bottom: 15px
}

@media(min-width: 991px) {
    .pamm-work-section .chart-section {
        padding:150px 0
    }
}

@media(max-width: 991px) {
    .pamm-work-section .chart-section .investors {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media(min-width: 992px) {
    .pamm-work-section .chart-section .investors li {
        position:absolute
    }

    .pamm-work-section .chart-section .investors li:nth-child(1) {
        top: 92%;
        left: 16%
    }

    .pamm-work-section .chart-section .investors li:nth-child(2) {
        top: 55%;
        left: -10%
    }

    .pamm-work-section .chart-section .investors li:nth-child(3) {
        top: 10%;
        left: -70px
    }

    .pamm-work-section .chart-section .investors li:nth-child(4) {
        left: 197px;
        top: -20%
    }

    .pamm-work-section .chart-section .investors li:nth-child(5) {
        right: -20%;
        top: 0;
        bottom: 0;
        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;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .pamm-work-section .chart-section .investors li:nth-child(5) img {
        width: 100px
    }
}

@media(max-width: 991px) {
    .pamm-work-section .chart-section .investors li {
        width:50%;
        margin-bottom: 10px
    }
}

.pamm-work-section .chart-section .investors li img {
    width: 60px;
    margin-bottom: 5px
}

.pamm-work-section .chart-section .investors li .name {
    font-size: 14px;
    font-weight: 300
}

.pamm-work-section .chart-section .investors li .price {
    font-weight: 500
}

@media(max-width: 991px) {
    .pamm-work-section .chart-section .investors li .amounts {
        margin:auto
    }
}

.pamm-work-section .chart-section .investors li .amounts tr td strong {
    font-size: 18px
}

.pamm-work-section .chart-section .investors li .amounts tr td small {
    font-size: 9px
}

.pamm-work-section .performance-fee ul li .table-block {
    border: 1px solid #00A4E3;
    border-top: 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden
}

.pamm-work-section .performance-fee ul li .table-block .table tr td {
    font-size: 13px;
    padding: 10px;
    border-top: 1px solid #00A4E3
}

.pamm-work-section .performance-fee ul li .table-block .table tr td:nth-child(1) {
    border-right: 1px solid #00A4E3
}

.pamm-work-section .performance-fee ul li h4 {
    font-size: 14px
}

.pamm-work-section .performance-fee ul li .ovelay-content {
    z-index: 1
}

@media(max-width: 991px) {
    .pamm-work-section .performance-fee ul li .ovelay-content {
        position:relative!important
    }
}

.pamm-work-section .performance-fee ul li .ovelay-content h3 {
    font-size: 16px
}

.pamm-work-section .performance-fee ul li .ovelay-content h6 {
    font-weight: 300;
    font-size: 12px
}

.pamm-work-section .performance-fee ul li .ovelay-content::after {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    width: 122px;
    height: 28px;
    z-index: -1
}

@media(max-width: 991px) {
    .pamm-work-section .performance-fee ul li .ovelay-content::after {
        display:none
    }
}

.pamm-work-section .performance-fee ul.left-side li .ovelay-content {
    top: 0
}

@media(min-width: 991px) {
    .pamm-work-section .performance-fee ul.left-side li .ovelay-content {
        right:-50px
    }
}

.pamm-work-section .performance-fee ul.left-side li:nth-child(1) {
    margin-bottom: 130px
}

@media(max-width: 991px) {
    .pamm-work-section .performance-fee ul.left-side li:nth-child(1) {
        margin-bottom:50px
    }
}

.pamm-work-section .performance-fee ul.left-side li:nth-child(1) .ovelay-content::after {
    top: 33px;
    background-image: url(../images/pamm-work/fund-arrow1.png)
}

.pamm-work-section .performance-fee ul.left-side li:nth-child(2) .ovelay-content::after {
    top: 6px;
    background-image: url(../images/pamm-work/fund-arrow2.png)
}

.pamm-work-section .performance-fee ul.right-side li .ovelay-content {
    top: 0
}

@media(min-width: 991px) {
    .pamm-work-section .performance-fee ul.right-side li .ovelay-content {
        left:-50px
    }
}

.pamm-work-section .performance-fee ul.right-side li:nth-child(1) {
    margin-bottom: 130px
}

@media(max-width: 991px) {
    .pamm-work-section .performance-fee ul.right-side li:nth-child(1) {
        margin-bottom:50px
    }
}

.pamm-work-section .performance-fee ul.right-side li:nth-child(1) .ovelay-content::after {
    top: 33px;
    left: -55px;
    background-image: url(../images/pamm-work/fund-arrow3.png)
}

.pamm-work-section .performance-fee ul.right-side li:nth-child(2) .ovelay-content::after {
    top: 6px;
    left: -55px;
    background-image: url(../images/pamm-work/fund-arrow4.png)
}

.trading-section .pricing .pricing-header ul li {
    font-family: billcorporate;
    font-size: 24px;
    font-weight: 600;
    position: relative
}

.trading-section .pricing .pricing-header ul li:nth-child(1) .bg-white {
    border-bottom: 3px solid #00A4E3
}

.trading-section .pricing .pricing-header ul li:nth-child(2) .bg-white {
    border-bottom: 3px solid #4b55c1
}

.trading-section .pricing .pricing-header ul li:nth-child(3) .bg-white {
    border-bottom: 3px solid #4bc190
}

.trading-section .pricing .pricing-header ul li:nth-child(4) .bg-white {
    border-bottom: 3px solid #ffc107
}

.trading-section .pricing .pricing-header ul li .bg-white {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.trading-section .pricing .pricing-header.sticky {
    position: fixed;
    top: 50px;
    width: 100%;
    max-width: 1220px;
    z-index: 99
}

.trading-section .pricing .pricing-body ul li {
    padding: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.trading-section .pricing .pricing-body ul li p {
    font-size: 16px
}

.trading-section .pricing .pricing-body ul li {
    background-color: #fff
}

.trading-section .pricing .pricing-body ul li:nth-child(2n+1) {
    background-color: #eff0f1;
    color: #989897;
    font-weight: 600
}

.pricing-mobile {
    display: none
}

@media(max-width: 991px) {
    .pricing-tab {
        margin-left:-5px;
        margin-right: -5px
    }

    .pricing-tab li {
        width: 33.33%;
        padding: 0 5px
    }

    .pricing-tab li a {
        background-color: #fff!important
    }

    .pricing-tab li a.active {
        background-color: #fff!important;
        color: #000!important;
        border-bottom: 3px solid #00A4E3
    }

    .pricing-mobile {
        display: block
    }

    .pricing-desktop {
        display: none
    }

    .pricing-mobile .pricing-header .standard {
        border-bottom: 3px solid #00A4E3;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px
    }

    .pricing-mobile .pricing-header .premium {
        border-bottom: 3px solid #4b55c1;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px
    }

    .pricing-mobile .pricing-header .ecn {
        border-bottom: 3px solid #4bc190;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px
    }
}

.live-account-features ul li div {
    background-color: #fff;
    padding: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 3px 7px rgba(0,4,0,.12);
    -moz-box-shadow: 0 3px 7px rgba(0,4,0,.12);
    box-shadow: 0 3px 7px rgba(0,4,0,.12)
}

.live-account-features ul li div span {
    background-color: #f6f6f6;
    padding: 15px;
    display: block;
    height: 105px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.live-account-features ul li div span img {
    width: 70px
}

.live-account-features ul li div h4 {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 15px;
    text-transform: capitalize
}

.interested-section .box {
    background-color: #f6f6f6;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.interested-section .box:hover {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px)
}

.interested-section .box span {
    display: inline-block;
    background-color: #fff;
    padding: 20px 40px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px
}

@media(max-width: 767px) {
    .interested-section .box span {
        padding:10px
    }
}

.interested-section .box p {
    font-size: 13px
}

.trading-section .pricing ul li .pricing-plans {
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-color: #fff
}

.trading-section .pricing ul li .pricing-plans:hover {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px)
}

.trading-section .pricing ul li .pricing-plans ul li {
    padding: 15px 0;
    font-size: 16px;
    font-weight: 500;
    color: #333
}

.trading-section .pricing ul li h3 {
    font-family: billcorporate;
    font-size: 18px;
    color: #4b55c1;
    font-weight: 600;
    padding: 20px 0 0;
    z-index: 1;
    width: 211px;
    height: 107px;
    position: relative;
    margin: auto
}

.trading-section .pricing ul li h3::after {
    background-repeat: no-repeat;
    background-position: center top;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    z-index: -1
}

.trading-section .pricing ul li:nth-child(1) .pricing-plans {
    background-color: #4b55c1
}

.trading-section .pricing ul li:nth-child(1) .pricing-plans h3::after {
    background-image: url(../images/trading/white-triangle.png)
}

.trading-section .pricing ul li:nth-child(1) .pricing-plans h3.position-fixed {
    left: 100px;
    top: 70px
}

.trading-section .pricing ul li:nth-child(1) .pricing-plans ul li {
    color: #fff
}

.trading-section .pricing ul li:nth-child(2) .pricing-plans h3 {
    color: #fff
}

.trading-section .pricing ul li:nth-child(2) .pricing-plans h3::after {
    background-image: url(../images/trading/red-triangle.png)
}

.trading-section .pricing ul li:nth-child(3) .pricing-plans h3 {
    color: #fff
}

.trading-section .pricing ul li:nth-child(3) .pricing-plans h3::after {
    background-image: url(../images/trading/yellow-triangle.png)
}

.trading-section .pricing ul li:nth-child(4) .pricing-plans h3 {
    color: #fff
}

.trading-section .pricing ul li:nth-child(4) .pricing-plans h3::after {
    background-image: url(../images/trading/green-triangle.png)
}

.youmayalso .bg-white {
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px
}

.youmayalso .bg-white:hover {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px)
}

.youmayalso .bg-white p {
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 15px
}

.youmayalso .bg-white a {
    color: #00A4E3
}

.youmayalso .bg-white a:hover {
    color: #fff
}

.fees .head {
    -webkit-border-radius: 15px 15px 0 0;
    -moz-border-radius: 15px 15px 0 0;
    border-radius: 15px 15px 0 0;
    padding: 30px;
    background-color: #4b55c1
}

.fees .head h3 {
    font-size: 15px;
    color: #fff;
    margin: 0
}

.fees .fees-data {
    -webkit-border-radius: 0 0 15px 15px;
    -moz-border-radius: 0 0 15px 15px;
    border-radius: 0 0 15px 15px;
    background-color: #daddfa;
    padding: 30px
}

.fees .fees-data li {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-box-shadow: 0 3px 6px rgba(208,204,212,.23),0 3px 6px rgba(193,190,197,.21);
    -moz-box-shadow: 0 3px 6px rgba(208,204,212,.23),0 3px 6px rgba(193,190,197,.21);
    box-shadow: 0 3px 6px rgba(208,204,212,.23),0 3px 6px rgba(193,190,197,.21);
    background-color: #fff;
    color: #333;
    font-size: 14px;
    padding: 20px;
    margin-bottom: 20px;
    -webkit-transition: all .8s ease 0;
    -moz-transition: all .8s ease 0;
    -ms-transition: all .8s ease 0;
    -o-transition: all .8s ease 0;
    transition: all .8s ease 0
}

.fees .fees-data li:hover {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 15px rgba(0,0,0,.2);
    box-shadow: 0 0 15px rgba(0,0,0,.2)
}

.fees .fees-data li:last-child {
    margin-bottom: 0
}

.fees .fees-data li .lot {
    font-size: 18px;
    font-weight: 600
}

.demo-banner {
    background-color: #242250
}

.demo-banner .btn-theme {
    background-color: #00A4E3;
    color: #fff
}

.demo-banner .btn-theme:hover {
    background-color: #fff;
    border: 1px solid #fff;
    color: #00A4E3
}

.demo-account p {
    font-size: 14px;
    line-height: 25px
}

.advantages ul {
    position: relative
}

.advantages ul li {
    margin-bottom: 30px
}

.advantages ul li>div {
    min-height: 350px;
    padding: 50px;
    background-repeat: no-repeat
}

.advantages ul li>div span {
    -webkit-transition: all .8s ease 0;
    -moz-transition: all .8s ease 0;
    -ms-transition: all .8s ease 0;
    -o-transition: all .8s ease 0;
    transition: all .8s ease 0;
    font-size: 34px;
    font-weight: 700
}

.advantages ul li>div p {
    color: #333;
    font-size: 18px;
    line-height: 30px
}

.advantages ul li>div img {
    -webkit-transition: all .8s ease 0;
    -moz-transition: all .8s ease 0;
    -ms-transition: all .8s ease 0;
    -o-transition: all .8s ease 0;
    transition: all .8s ease 0
}

.advantages ul li:nth-child(1)>div {
    -webkit-border-radius: 60px 0;
    -moz-border-radius: 60px 0;
    border-radius: 60px 0;
    background-image: url(../images/trading/shape1.png);
    background-position: bottom right
}

.advantages ul li:nth-child(1)>div span {
    color: #00A4E3
}

.advantages ul li:nth-child(2)>div {
    background-image: url(../images/trading/shape2.png);
    background-position: bottom left;
    -webkit-border-radius: 0 60px;
    -moz-border-radius: 0 60px;
    border-radius: 0 60px
}

.advantages ul li:nth-child(2)>div span {
    color: #ffb11a
}

.advantages ul li:nth-child(3)>div {
    background-image: url(../images/trading/shape3.png);
    background-position: top right;
    -webkit-border-radius: 0 60px;
    -moz-border-radius: 0 60px;
    border-radius: 0 60px
}

.advantages ul li:nth-child(3)>div span {
    color: #4b55c1
}

.advantages ul li:nth-child(4)>div {
    background-image: url(../images/trading/shape4.png);
    background-position: top left;
    -webkit-border-radius: 60px 0;
    -moz-border-radius: 60px 0;
    border-radius: 60px 0
}

.advantages ul li:nth-child(4)>div span {
    color: #4bc190
}

@media(min-width: 991px) {
    .advantages ul::after {
        background-color:#fff;
        position: absolute;
        width: 160px;
        height: 160px;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
        margin-bottom: 29px;
        content: ""
    }

    .advantages ul::before {
        background-image: url(../images/logo-vector.png);
        background-repeat: no-repeat;
        background-position: center center;
        position: absolute;
        width: 160px;
        height: 160px;
        margin-bottom: 22px;
        content: "";
        z-index: 1
    }
}

.advantages ul li:hover>div img,.advantages ul li:hover>div span {
    transform: translateY(-10px)
}

.features ul li .card {
    color: #fff;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    overflow: hidden;
    -webkit-transition: all .5s ease 0;
    -moz-transition: all .5s ease 0;
    -ms-transition: all .5s ease 0;
    -o-transition: all .5s ease 0;
    transition: all .5s ease 0
}

@media(min-width: 1025px) {
    .features ul li .card:hover {
        -webkit-transform:scale(1.1) rotate(-5deg);
        -moz-transform: scale(1.1) rotate(-5deg);
        -ms-transform: scale(1.1) rotate(-5deg);
        transform: scale(1.1) rotate(-5deg)
    }
}

.features ul li .card .card-header {
    font-size: 18px;
    font-weight: 700;
    border-bottom: 0
}

.features ul li .card .card-body {
    font-size: 16px;
    padding: 20px;
    min-height: 130px;
    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
}

@media(max-width: 992px) {
    .features ul li .card {
        margin-bottom:10px
    }
}

.features ul li:nth-child(1) .card-header {
    background-color: #db080a
}

.features ul li:nth-child(1) .card-body {
    background-color: #00A4E3
}

.features ul li:nth-child(2) .card-header {
    background-color: #f0a107
}

.features ul li:nth-child(2) .card-body {
    background-color: #ffb11a
}

.features ul li:nth-child(3) .card-header {
    background-color: #1523b5
}

.features ul li:nth-child(3) .card-body {
    background-color: #4b55c1
}

.features ul li:nth-child(4) .card-header {
    background-color: #28af7e
}

.features ul li:nth-child(4) .card-body {
    background-color: #4bc190
}

.features ul li:nth-child(6) .card-header {
    background-color: #912ec4
}

.features ul li:nth-child(6) .card-body {
    background-color: #a049cd
}

.features ul li:nth-child(7) .card-header {
    background-color: #068039
}

.features ul li:nth-child(7) .card-body {
    background-color: #0b9444
}

.key-features ul li .feature-block {
    background-size: cover;
    background-repeat: no-repeat;
    width: 186px;
    height: 120px;
    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;
    text-align: center
}

@media(max-width: 667px) {
    .key-features ul li .feature-block {
        margin:10px auto
    }
}

.key-features ul li .feature-block p {
    font-size: 14px;
    font-weight: 600
}

.key-features ul li:nth-child(1) .feature-block {
    background-image: url(../images/trading/software/fea-a.png)
}

.key-features ul li:nth-child(2) .feature-block {
    background-image: url(../images/trading/software/fea-b.png)
}

.key-features ul li:nth-child(3) .feature-block {
    background-image: url(../images/trading/software/fea-c.png)
}

.key-features ul li:nth-child(4) .feature-block {
    background-image: url(../images/trading/software/fea-d.png)
}

.key-features ul li:nth-child(5) .feature-block {
    background-image: url(../images/trading/software/fea-e.png)
}

.key-features ul li:nth-child(6) .feature-block {
    background-image: url(../images/trading/software/fea-f.png)
}

.section-trade-facility-meta {
    background-image: url(../images/trading/star.png);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.section-trade-facility-meta .trade-block {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -webkit-transition: all .5s ease 0;
    -moz-transition: all .5s ease 0;
    -ms-transition: all .5s ease 0;
    -o-transition: all .5s ease 0;
    transition: all .5s ease 0
}

.section-trade-facility-meta .trade-block:hover {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px)
}

.section-trade-facility-meta .trade-block .number {
    background-color: #fff;
    position: absolute;
    top: -20px;
    right: 25px;
    width: 60px;
    height: 60px;
    font-size: 24px;
    font-weight: 600;
    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;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%
}

.section-trade-facility-meta .trade-block h3 {
    font-size: 18px;
    font-weight: 600
}

.section-trade-facility-meta .trade-block p {
    color: #666;
    font-size: 14px;
    line-height: 25px
}

.section-metatraders {
    font-size: 14px;
    line-height: 25px;
    color: #666
}

.section-metatraders img {
    -webkit-transition: all .5s ease 0;
    -moz-transition: all .5s ease 0;
    -ms-transition: all .5s ease 0;
    -o-transition: all .5s ease 0;
    transition: all .5s ease 0
}

.section-metatraders img:hover {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px)
}

@media(min-width: 1024px) {
    .forex-trade {
        margin-top:-150px
    }
}

.forex-trade p {
    font-size: 14px
}

.multi-trade-key-features {
    background-color: #f2f4f6
}

.multi-trade-key-features .feature-content {
    position: absolute;
    width: 100%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.multi-trade-key-features .feature-content span {
    font-size: 24px;
    font-weight: 600
}

.multi-trade-key-features .feature-content p {
    font-size: 14px
}

.multi-trade-key-features .key-blocks-main {
    min-height: 450px
}

@media screen and (min-width: 320px) and (max-width:575px) {
    .multi-trade-key-features .key-blocks-main {
        min-height:900px
    }
}

.multi-trade-key-features .red {
    position: absolute;
    left: 0;
    z-index: 4;
    -webkit-transition: .5s ease all;
    -o-transition: .5s ease all;
    transition: .5s ease all
}

.multi-trade-key-features .red:hover {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px)
}

.multi-trade-key-features .red .feature-content {
    top: 50%;
    left: 50%;
    padding: 50px
}

.multi-trade-key-features .yellow {
    position: absolute;
    top: 20%;
    left: 10%;
    z-index: 3;
    width: 26%;
    -webkit-transition: .5s ease all;
    -o-transition: .5s ease all;
    transition: .5s ease all
}

.multi-trade-key-features .yellow:hover {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px)
}

@media screen and (min-width: 320px) and (max-width:575px) {
    .multi-trade-key-features .yellow {
        left:104px;
        bottom: 60%;
        top: unset;
        width: 60%
    }
}

@media screen and (min-width: 576px) and (max-width:990px) {
    .multi-trade-key-features .yellow {
        top:29%;
        width: 30%
    }
}

@media screen and (min-width: 991px) and (max-width:1024px) {
    .multi-trade-key-features .yellow {
        top:27%;
        left: 17%
    }
}

.multi-trade-key-features .yellow .feature-content {
    top: 60%;
    left: 60%
}

@media screen and (min-width: 320px) and (max-width:576px) {
    .multi-trade-key-features .yellow .feature-content {
        padding:15px
    }
}

.multi-trade-key-features .blue {
    position: absolute;
    bottom: 60%;
    left: 25%;
    z-index: 2;
    width: 30%;
    -webkit-transition: .5s ease all;
    -o-transition: .5s ease all;
    transition: .5s ease all
}

.multi-trade-key-features .blue:hover {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px)
}

@media screen and (min-width: 320px) and (max-width:576px) {
    .multi-trade-key-features .blue {
        left:8px;
        bottom: 40%;
        top: unset;
        width: 64%
    }
}

.multi-trade-key-features .blue .feature-content {
    top: 50%;
    left: 60%;
    padding: 30px
}

@media screen and (min-width: 320px) and (max-width:576px) {
    .multi-trade-key-features .blue .feature-content {
        padding:15px
    }
}

.multi-trade-key-features .white {
    position: absolute;
    left: 45%;
    z-index: 1;
    top: 10%;
    width: 35%;
    -webkit-transition: .5s ease all;
    -o-transition: .5s ease all;
    transition: .5s ease all
}

.multi-trade-key-features .white:hover {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px)
}

@media screen and (min-width: 320px) and (max-width:576px) {
    .multi-trade-key-features .white {
        left:10px;
        bottom: 21%;
        top: unset;
        width: 77%
    }
}

@media screen and (min-width: 576px) and (max-width:990px) {
    .multi-trade-key-features .white {
        top:18%
    }
}

.multi-trade-key-features .white .feature-content {
    text-align: center;
    top: 55%;
    left: 40%
}

.multi-trade-key-features .green {
    position: absolute;
    right: 0;
    z-index: 0;
    top: 0;
    width: 30%;
    -webkit-transition: .5s ease all;
    -o-transition: .5s ease all;
    transition: .5s ease all
}

.multi-trade-key-features .green:hover {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px)
}

@media screen and (min-width: 320px) and (max-width:576px) {
    .multi-trade-key-features .green {
        left:140px;
        bottom: 70px;
        top: unset;
        width: 55%
    }
}

.multi-trade-key-features .green .feature-content {
    text-align: right;
    top: 50%;
    left: 35%
}

@media screen and (min-width: 320px) and (max-width:576px) {
    .multi-trade-key-features .green .feature-content {
        padding:10px;
        left: 50%
    }
}

.trade-currency p {
    font-size: 14px;
    line-height: 25px
}

.trade-currency .bg-white {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.trade-currency .bg-white .profit-number {
    font-size: 22px;
    font-weight: 600
}

.trade-currency .bg-white .profit-number .text-danger {
    color: #00A4E3!important
}

.trade-currency .bg-white ul li {
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.trade-currency .bg-white ul li.text-muted {
    font-weight: 100
}

.trade-currency .bg-white ul li small {
    margin-left: 5px
}

.trade-currency .bg-white .sell-box {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.trade-currency .bg-white .sell-box.bg-danger {
    background-color: #00A4E3!important
}

.trade-currency .bg-white .number {
    font-weight: 600;
    font-size: 18px
}

.trade-currency .currency-list-section ul li>div {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 3px -2px 6px rgba(208,204,212,.23),0 3px 6px rgba(193,190,197,.21);
    -moz-box-shadow: 3px -2px 6px rgba(208,204,212,.23),0 3px 6px rgba(193,190,197,.21);
    box-shadow: 3px -2px 6px rgba(208,204,212,.23),0 3px 6px rgba(193,190,197,.21);
    overflow: hidden
}

.trade-currency .currency-list-section ul li>div .title {
    background-color: #daddfa;
    color: #4b55c1;
    font-weight: 600;
    padding: 15px
}

.trade-currency .other-popular-currency ul li {
    padding: 0 15px;
    position: relative;
    line-height: 15px;
    margin-bottom: 20px
}

.trade-currency .other-popular-currency ul li::after {
    background-color: #999;
    content: '';
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.trade-currency .other-popular-currency ul li:first-child::after {
    display: none
}

.deposit-section p {
    color: #666;
    font-style: 15px;
    line-height: 25px
}

.deposit-section .nav-pills li a {
    border: 1px solid #00A4E3;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 10px 30px;
    font-size: 14px;
    font-weight: 600;
    text-align: center
}

@media(-width: 768px) {
    .deposit-section .nav-pills li a {
        width:200px
    }
}

.deposit-section .nav-pills li a.active {
    background: #00A4E3
}

.deposit-section .tab-content .fund-deposit-table {
    background-color: #daddfa;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    z-index: 1;
    padding: 0 30px
}

.deposit-section .tab-content .fund-deposit-table::after {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    height: 142px;
    width: 100%;
    background: #4b55c1;
    border-radius: 15px 15px 0 0;
    z-index: -1
}

.deposit-section .tab-content .fund-deposit-table table {
    position: relative;
    border-collapse: separate;
    border-spacing: 0 30px;
    font-size: 14px;
    text-align: center;
    z-index: 1
}

.deposit-section .tab-content .fund-deposit-table table thead tr th {
    max-width: 180px;
    width: 180px
}

.deposit-section .tab-content .fund-deposit-table table thead tr th p {
    color: #fff;
    font-size: 13px;
    font-weight: 300
}

.deposit-section .tab-content .fund-deposit-table table tbody {
    background-color: #fff;
    border-collapse: separate;
    border-spacing: 0 15px
}

.deposit-section .tab-content .fund-deposit-table table tbody tr td {
    vertical-align: middle;
    padding: 1.5rem;
    max-width: 180px;
    width: 180px;
    font-size: 16px;
    text-align: center
}

.deposit-details .bg-white {
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px
}

.deposit-details .bg-white:hover {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px)
}

.deposit-details .bg-white h3 {
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize
}

.deposit-details .bg-white p {
    font-size: 14px;
    line-height: 30px
}

.deposit-content p {
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 15px
}

.deposit-content p a {
    color: #00A4E3
}

.deposit-content p a:hover {
    text-decoration: underline
}

.commodity-banner {
    background-image: url(../images/Trading-Instruments/commodity-banner.png);
    background-size: cover;
    background-position: center center
}

.commodity-banner ul li h1 {
    color: #fff;
    font-family: Conv_DancingScript-Medium,Sans-Serif;
    font-size: 36px
}

@media(max-width: 1024px) {
    .commodity-banner ul li h1 {
        font-size:24px
    }
}

.commodity-banner ul li.active h1 {
    font-family: poppins-bold,sans-serif;
    color: #00A4E3
}

.soft-commodity-section .tab-list ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media(max-width: 768px) {
    .soft-commodity-section .tab-list ul {
        display:block!important;
        white-space: nowrap;
        overflow: auto
    }

    .soft-commodity-section .tab-list ul li {
        display: inline-block
    }
}

.soft-commodity-section .tab-list ul li a {
    padding: 15px;
    font-size: 16px;
    display: inline-block
}

.soft-commodity-section .tab-list ul li a.active {
    background-color: #00A4E3;
    color: #fff
}

.soft-commodity-section .content h2 {
    font-family: billcorporate,sans-serif;
    color: #000
}

.soft-commodity-section .content h3 {
    font-family: billcorporate,sans-serif;
    color: #000;
    margin-bottom: 15px
}

.soft-commodity-section .content p {
    font-size: 14px;
    margin: 20px 0;
    line-height: 25px
}

.soft-commodity-section .content ul li {
    padding-left: 40px;
    font-size: 14px;
    position: relative;
    margin-bottom: 15px
}

.soft-commodity-section .content ul li::after {
    position: absolute;
    top: 5px;
    left: 0;
    content: "";
    background-image: url(../images/back.svg);
    width: 24px;
    height: 20px
}

.education-section iframe {
    height: 100vh
}

.education-section p {
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 15px
}

.education-section .currency_rate {
    background-color: #ffebeb;
    font-size: 22px
}

.education-section .content h2 {
    color: #000
}

@media(max-width: 768px) {
    .education-section .content h2 {
        font-size:20px
    }
}

.education-section .content h3 {
    color: #000;
    margin-bottom: 15px
}

@media(max-width: 768px) {
    .education-section .content h3 {
        font-size:18px
    }
}

.education-section .content p {
    font-size: 14px;
    margin: 20px 0;
    line-height: 25px
}

.education-section .content ul li {
    padding-left: 40px;
    font-size: 14px;
    position: relative;
    margin-bottom: 15px
}

.education-section .content ul li::after {
    position: absolute;
    top: 5px;
    left: 0;
    content: "";
    background-image: url(../images/back.svg);
    width: 24px;
    height: 20px
}

.section-glossary-slider {
    background: #f2f4f6
}

@media screen and (max-width: 576px) {
    .section-glossary-slider .slick-next {
        right:-10px
    }

    .section-glossary-slider .slick-prev {
        left: -10px
    }
}

.section-glossary-slider .slick-prev:before {
    background: #00A4E3;
    border: 2px solid #00A4E3;
    color: #fff!important;
    font-size: 28px;
    border-radius: 50%;
    padding: 3px;
    position: absolute;
    top: -10px;
    left: -15px;
    opacity: 1!important
}

@media screen and (max-width: 767px) {
    .section-glossary-slider .slick-prev:before {
        left:-30px
    }
}

@media screen and (width: 768px) {
    .section-glossary-slider .slick-prev:before {
        left:-7px
    }
}

.section-glossary-slider .slick-next:before {
    opacity: 1!important;
    background: #00A4E3;
    border: 2px solid #00A4E3;
    font-size: 28px;
    border-radius: 50%;
    padding: 3px;
    position: absolute;
    top: -10px;
    right: -15px;
    color: #fff!important
}

@media screen and (max-width: 767px) {
    .section-glossary-slider .slick-next:before {
        right:-30px
    }
}

@media screen and (width: 768px) {
    .section-glossary-slider .slick-next:before {
        right:-7px
    }
}

.section-glossary-slider .slick-next.slick-disabled:before,.section-glossary-slider .slick-prev.slick-disabled:before {
    opacity: .25;
    border: 2px solid #00A4E3;
    color: #00A4E3!important;
    background-color: #fff!important
}

.section-glossary-slider .word-content {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    width: 100%;
    -webkit-transition: .5s ease all;
    -o-transition: .5s ease all;
    transition: .5s ease all
}

.section-glossary-slider .word-content p {
    font-size: 13px
}

.section-glossary-slider .word-label {
    border-radius: 10px;
    padding: 15px
}

.section-glossary-slider .word-label p {
    font-size: 16px
}

.section-glossary-slider .word-label.bg-red {
    background-color: #00A4E3;
    -webkit-box-shadow: 0 6px 15px #f4111270;
    -moz-box-shadow: 0 6px 15px #f4111270;
    box-shadow: 0 6px 15px #f4111270
}

.section-glossary-slider .word-label.bg-green {
    background-color: #4bc190;
    -webkit-box-shadow: 0 6px 15px #4bc19670;
    -moz-box-shadow: 0 6px 15px #4bc19670;
    box-shadow: 0 6px 15px #4bc19670
}

.section-glossary-slider .word-label.bg-blue {
    background-color: #4b55c1;
    -webkit-box-shadow: 0 6px 15px #4b55c145;
    -moz-box-shadow: 0 6px 15px #4b55c145;
    box-shadow: 0 6px 15px #4b55c145
}

.section-glossary-slider .word-label.bg-yellow {
    background-color: #ffb11a;
    -webkit-box-shadow: 0 6px 15px #ffc34e96;
    -moz-box-shadow: 0 6px 15px #ffc34e96;
    box-shadow: 0 6px 15px #ffc34e96
}

.section-glossary-slider .label-main {
    -webkit-transition: .5s ease all;
    -o-transition: .5s ease all;
    transition: .5s ease all
}

.section-glossary-slider .label-main:hover {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px)
}

.section-glossary-slider .label-main:hover .word-content {
    opacity: 1;
    visibility: visible;
    -webkit-transition: .5s ease all;
    -o-transition: .5s ease all;
    transition: .5s ease all;
    position: relative
}

.section-glossary-slider .label-main:hover .word-content:after {
    content: '';
    position: absolute;
    top: -13px;
    left: 10px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 15px solid #fff
}

.partners-section p {
    color: #666;
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 15px
}

.partners-content .points li {
    padding-left: 35px;
    position: relative;
    margin-bottom: 15px;
    font-size: 14px
}

.partners-content .points li::after {
    background-image: url(../images/partners/right.svg);
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 24px;
    height: 24px
}

.calculator-box p b {
    padding: 10px 0;
    font-size: 24px
}

.become-ib span {
    width: 82px;
    height: 82px;
    background: #daddfa;
    font-size: 36px;
    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: #848bd8;
    font-weight: 700;
    margin-bottom: 15px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px
}

.become-ib p {
    font-size: 14px;
    margin-bottom: 10px
}

.Program p {
    font-size: 14px;
    line-height: 25px
}

.multi-level p {
    font-size: 14px;
    line-height: 25px
}

@media screen and (min-width: 768px) {
    .contact-box {
        background-image:url(../images/contactus-bg.svg);
        background-repeat: no-repeat;
        background-position: bottom right
    }

    .callback-box {
        background-image: url(../images/callback-bg.svg);
        background-repeat: no-repeat;
        background-position: center left
    }
}

.journey-section .cSlider--nav .cSlider__item {
    outline: 0;
    text-align: center;
    z-index: 1;
    position: relative;
    cursor: pointer;
    padding: 15px 0
}

.journey-section .cSlider--nav .cSlider__item .round {
    background: #fff;
    border: 2px solid #00A4E3;
    width: 14px;
    height: 14px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    margin: auto auto 10px;
    position: relative
}

.journey-section .cSlider--nav .cSlider__item::after {
    position: absolute;
    top: 22px;
    left: 60px;
    content: '';
    border-bottom: 1px solid #00A4E3;
    width: 100%;
    z-index: -1;
    margin: auto
}

.journey-section .cSlider--nav .cSlider__item:last-child::after {
    display: none
}

.journey-section .cSlider--nav .cSlider__item.is-active {
    font-weight: 700
}

.journey-section .cSlider--nav .cSlider__item.is-active .round {
    background: #00A4E3
}

.journey-section .cSlider--nav .cSlider__item.is-active .round::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: -2px;
    content: "";
    width: 14px;
    height: 14px;
    margin: auto;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-animation: animate 1.5s linear infinite;
    animation: animate 1.5s linear infinite
}

.key-points {
    max-height: 960px
}

.key-points .circle {
    padding-top: 100%;
    height: 0
}

.key-points .circle::before {
    content: '';
    position: absolute;
    top: 10%;
    left: 25%;
    z-index: -1;
    width: 50%;
    height: 50%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 1px solid #b8bac4
}

.key-points .circle .sub-circle {
    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;
    position: absolute;
    width: 78px;
    height: 78px;
    font-size: 40px;
    border-radius: 50%;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    -webkit-box-shadow: 0 6px 13px rgba(145,145,145,.2);
    -moz-box-shadow: 0 6px 13px rgba(145,145,145,.2);
    box-shadow: 0 6px 13px rgba(145,145,145,.2);
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    background-color: #fff
}

.key-points .circle .sub-circle:nth-child(1) {
    left: 0;
    right: 0;
    top: 7%;
    margin: auto
}

.key-points .circle .sub-circle:nth-child(2) {
    left: 65%;
    top: 14%
}

.key-points .circle .sub-circle:nth-child(3) {
    left: 71%;
    top: 28%
}

.key-points .circle .sub-circle:nth-child(4) {
    right: 25%;
    top: 43%
}

.key-points .circle .sub-circle:nth-child(5) {
    left: 59%;
    top: 54%
}

.key-points .circle .sub-circle:nth-child(6) {
    left: 41%;
    top: 56%
}

.key-points .circle .sub-circle:nth-child(7) {
    left: 26%;
    top: 45%
}

.key-points .circle .sub-circle:nth-child(8) {
    left: 22%;
    top: 28%
}

.key-points .circle .sub-circle:nth-child(9) {
    left: 30%;
    top: 13%
}

.key-points .circle .circle-data {
    position: absolute;
    width: 300px;
    top: 31%;
    left: 38%;
    opacity: 0
}

.key-points .circle .circle-data.active {
    opacity: 1
}

.support-floating {
    bottom: 15px;
    left: 15px;
    z-index: 99
}

.support-floating .floating-btn {
    width: 60px;
    height: 60px;
    font-size: 30px;
    cursor: pointer;
    -webkit-box-shadow: 0 3px 10px rgba(0,0,0,.3);
    -moz-box-shadow: 0 3px 10px rgba(0,0,0,.3);
    box-shadow: 0 3px 10px rgba(0,0,0,.3);
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.support-floating .floating-btn .close-icon {
    display: none
}

.support-floating .floating-action {
    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;
    padding: 10px 0
}

.support-floating .floating-action a {
    background-color: #00A4E3;
    width: 40px;
    height: 40px;
    margin: 10px 0;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    color: #fff;
    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-box-shadow: 0 5px 10px #f4111270;
    -moz-box-shadow: 0 5px 10px #f4111270;
    box-shadow: 0 5px 10px #f4111270;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.support-floating .floating-action a svg {
    font-size: 18px
}

.support-floating.active .floating-btn .headphone-icon {
    display: none
}

.support-floating.active .floating-action,.support-floating.active .floating-btn .close-icon {
    display: flex
}

.support-floating.active .floating-action a {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.red_highlightes {
    background-color: #ffebeb!important;
    font-size: 16px;
    color: #000!important;
    font-family: poppins-semibold,sans-serif!important;
    padding: 5px!important;
    display: block;
    text-align: center;
    border-radius: 5px
}

.faq {
    background-color: #f2f4f6
}

.section-slider .faq-block.active {
    transform: translateY(-5px);
    background: #f41112;
    box-shadow: 0 6px 15px #f41112!important
}

.section-slider .faq-block.active p {
    color: #fff
}

.svg-inline--fa.fa-w-16 {
    width: 1em
}

.black_a {
    color: #212529!important
}

.black_a:hover {
    color: #f41112!important
}

.user-img-round-detail-page {
    display: inline-block;
    border-radius: 100px;
    object-fit: contain
}

.section-slider .faq-block {
    width: 100%;
    height: 120px;
    box-shadow: 0 6px 15px #00000d;
    margin: 0 auto;
    border-radius: 15px;
    background: #fff;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    transition: .5s ease all
}

.section-slider .faq-block:hover {
    transform: translateY(-5px);
    background: #f41112;
    box-shadow: 0 6px 15px #f41112!important
}

.section-slider .faq-block img {
    height: 50px
}

.section-slider .faq-block p {
    margin: 0;
    font-weight: 600
}

.section-slider .faq-block:hover img:first-child {
    display: none!important
}

.section-slider .faq-block:hover img:nth-child(2) {
    display: inline-block!important
}

.section-slider .faq-block:hover p {
    color: #fff
}

@media screen and (max-width: 576px) {
    .section-slider .slick-next {
        right:-10px
    }

    .section-slider .slick-prev {
        left: -10px
    }
}

.section-slider .slick-prev:before {
    border-radius: 50%;
    left: 6px;
    top: 6px
}

.section-slider .slick-next:before {
    border-radius: 50%;
    right: 6px;
    top: 6px
}

@media screen and (max-width: 600px) {
    .section-slider .slick-prev:before {
        left:0
    }

    .section-slider .slick-next:before {
        right: 0
    }
}

.section-slider .slick-next.slick-disabled:before,.section-slider .slick-prev.slick-disabled:before {
    opacity: 1;
    color: #00A4E3!important;
    background-color: #fff!important
}

.section-ask-ques .card-head {
    border-radius: 15px!important;
    cursor: pointer
}

.section-ask-ques .card-detail {
    border-radius: 0 0 15px 15px!important
}

.section-ask-ques p {
    font-size: 14px;
    line-height: 25px
}

.partner-keypoint {
    background-color: #eaeaea!important
}

.section-ask-ques .accordion h2 {
    width: 100%
}

.account-notification {
    background-color: #fff;
    position: fixed;
    padding: 20px;
    left: 0;
    right: 0;
    bottom: 20px;
    width: 400px;
    margin: auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    z-index: 999;
    animation: movebottom 10s infinite
}

.account-notification p {
    font-weight: 600
}

.account-notification a {
    font-size: 13px;
    padding: 6px;
    height: auto
}

.account-notification i {
    top: 10px;
    right: 10px;
    font-size: 12px;
    cursor: pointer
}

@keyframes movebottom {
    0% {
        display: block;
        bottom: -200px
    }

    25% {
        bottom: 10px
    }

    75% {
        bottom: 10px
    }

    100% {
        display: none;
        bottom: -200px
    }
}

@media screen and (max-width: 460px) {
    .account-notification {
        width:96%;
        margin: 0 10px
    }

    .account-notification p {
        font-weight: 600;
        font-size: 16px
    }

    .account-notification a {
        font-size: 10px;
        padding: 5px
    }
}

.text-overlay {
    padding: 0 15px
}

.sitemap-section ul {
    margin-bottom: 15px
}

.sitemap-section ul li a {
    font-size: 14px
}

#calculate_commission.btn {
    height: 45px
}

.rangeslider__handle:after {
    display: none
}

.rangeslider__handle {
    border-radius: 22px;
    min-width: 70px;
    line-height: 42px;
    text-align: center
}

.forex-table thead tr th {
    vertical-align: top;
    border: 0;
    border-right: 1px solid #ccc;
    width: 33.33%;
    padding: 20px
}

.forex-table thead tr th span {
    font-size: 22px;
    text-transform: uppercase
}

.forex-table thead tr th small {
    font-size: 13px;
    line-height: 15px;
    color: #333
}

.forex-table thead tr th:nth-child(1) {
    background-color: #ffe1e1
}

.forex-table thead tr th:nth-child(2) {
    background-color: #e1ffea
}

.forex-table thead tr th:nth-child(3) {
    background-color: #f2e1ff
}

.forex-table tbody tr td {
    border-right: 1px solid #ccc
}

.forex-table tbody tr td:last-child {
    border-right: 0
}

.participants-list li {
    padding-left: 30px;
    font-size: 15px;
    margin-bottom: 15px;
    position: relative
}

.participants-list li::after {
    background-image: url(../../assets/images/checkmark.png);
    content: '';
    width: 21px;
    height: 22px;
    position: absolute;
    top: 0;
    left: 0
}

.forex-trading-advantages {
    counter-reset: counter
}

.forex-trading-advantages li h3 {
    font-size: 18px;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 15px
}

.forex-trading-advantages li h3::before {
    content: counter(counter);
    counter-increment: counter;
    font-size: 180px;
    color: #ededed;
    font-weight: 700;
    position: absolute;
    top: 63px;
    left: 0;
    z-index: -1
}

.forex-trading-advantages li h3::after {
    content: "";
    background: #00A4E3;
    width: 60px;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 0
}

.why-trade-forex section .line-bg {
    background-image: url(../images/about/line-bg.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    position: relative
}

.why-trade-forex section .line-bg.line1::after {
    background-image: url(../images/about/nextline-1.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    bottom: -60px;
    left: 85%;
    content: '';
    width: 468px;
    height: 200px
}

.why-trade-forex section .line-bg.line2::after {
    background-image: url(../images/about/nextline-2.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    right: 70%;
    bottom: -50px;
    content: '';
    width: 468px;
    height: 200px
}

.why-trade-forex section p {
    font-size: 15px;
    line-height: 25px
}

.why-trade-forex .forex-testimonials {
    background-image: url(../images/about/testimonial-bg.png);
    background-position: top center;
    background-size: cover
}

.why-trade-forex .forex-testimonials .forex-testimonials-slider span {
    font-size: 36px
}

.why-trade-forex .forex-testimonials .forex-testimonials-slider p {
    color: #555;
    font-size: 18px;
    line-height: 35px;
    margin: 10px 0;
    font-weight: 100
}

.why-trade-forex .forex-testimonials .forex-testimonials-slider .user-name h5 {
    font-size: 22px;
    color: #000;
    margin-bottom: 5px;
    font-weight: 600
}

.why-trade-forex .forex-testimonials .forex-testimonials-slider .user-name small {
    font-size: 14px
}

.holiday-list .holiday-table thead tr th {
    font-family: poppins-regular,sans-serif;
    font-size: 14px;
    color: #000;
    border-bottom: none;
    padding: 8px;
    vertical-align: middle;
    border: none
}

.holiday-list .holiday-table tbody tr td {
    font-size: 13px;
    color: #5a5a5a;
    font-weight: 300;
    padding: 8px
}

.holiday-list small {
    color: #acacac
}

.holiday-list .vertical-tabs a {
    padding: 16px;
    position: relative
}

.holiday-list .vertical-tabs a.active::after {
    content: "";
    position: absolute;
    right: -8px;
    top: 18px;
    margin: auto;
    border-top: 8px solid transparent;
    border-left: 8px solid #00A4E3;
    border-bottom: 8px solid transparent;
    z-index: 1
}

.holiday-list .tab-content .bg-white {
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.1);
    box-shadow: 0 0 10px rgba(0,0,0,.1);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.livequotes .tab-content table tbody tr td {
    padding: 8px 15px
}

.highcharts-credits {
    display: none
}

li.d-flex.justify-content-between.align-items-center {
    color: #000!important
}

.bg-white.shadow.p-4 {
    cursor: pointer
}

.bg-white.shadow.p-4:hover {
    background-color: #dee2e647!important
}

.label {
    font-family: helvetica neue,Helvetica,Arial,sans-serif
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em
}

.label-success {
    background-color: #5cb85c
}

.label-danger {
    background-color: #d9534f
}