@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');



* {

    padding: 0;

    margin: 0;

    border: none;

    -moz-box-sizing: border-box;

    -ms-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

}



html,

body,

div,

span,

applet,

object,

iframe,

h1,

h2,

h3,

h4,

h5,

h6,

p,

blockquote,

pre,

a,

abbr,

acronym,

address,

big,

cite,

code,

del,

dfn,

em,

img,

ins,

kbd,

q,

s,

samp,

small,

strike,

strong,

sub,

sup,

tt,

var,

b,

u,

i,

center,

dl,

dt,

dd,

ol,

ul,

li,

fieldset,

form,

label,

legend,

table,

caption,

tbody,

tfoot,

thead,

tr,

th,

td,

article,

aside,

canvas,

details,

embed,

figure,

figcaption,

footer,

header,

hgroup,

menu,

nav,

output,

ruby,

section,

summary,

time,

mark,

audio,

video {

    margin: 0;

    padding: 0;

    border: 0;

    font-size: 100%;

    font: inherit;

    vertical-align: baseline
}



/* HTML5 display-role reset for older browsers */

article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section {

    display: block
}



body {

    line-height: 1;

}



ol,

ol li,

ul,

ul li {

    list-style-type: none;

    margin-bottom: 0
}



blockquote,

q {

    quotes: none
}



blockquote:before,

blockquote:after,

q:before,

q:after {

    content: "";

    content: none
}



table {

    border-collapse: collapse;

    border-spacing: 0;

}



strong,

b {

    font-weight: bold
}



em,

i {

    font-style: italic
}



u {

    text-decoration: underline;

}



a {

    text-decoration: none;

}



*:focus {

    outline: none;

}



a:hover,

a:focus {

    text-decoration: none;

    outline: none !important
}



button[type="button"]:focus {

    outline: none;

}



/* 1.1 SVG default css*/

svg:not(:root).svgImg {

    overflow: visible;

}



.svgImg {

    display: inline-block;

    font-size: inherit;

    width: 1em;

    height: 1em;

    overflow: visible;

    vertical-align: -0.125em;

}



.svg-icons {

    display: inline-block;

    font-size: inherit;

    height: 1em;

    overflow: visible;

    vertical-align: -0.125em;

}



/*SVG default css*/



:root {

    --animate-duration: 1.3s;

}



img {

    display: block;

    max-width: 100%;

    max-height: 100%;

    width: auto;

    height: auto;

}



p {

    line-height: 1.4;

    font-size: 16px;

    color: #666;

    font-weight: 400;

    margin-bottom: 22px;

}



p:last-child {

    margin-bottom: 0;

}



a {

    color: #000;

    transition: all 0.4s ease-in-out;

}



.c-scrollbar {

    height: 100vh !important;

}



html {

    font-size: 16px;

}



body {

    display: block;

    width: 100%;

    padding: 0;

    margin: 0;

    font-family: "Poppins", serif;

    font-size: 16px;

    font-weight: 400;

    line-height: 1.4;

    color: #000;

    background-color: #fff;

    position: relative;

}



.trans {

    -moz-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    -webkit-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

}



/* form-start */

:-webkit-autofill,

:-webkit-autofill:hover,

:-webkit-autofill:focus,

:-webkit-autofill:active {

    -webkit-text-fill-color: var(--white) !important;

    transition: background-color 5000000s ease-in-out 0s !important
}



input[type="search"]::-webkit-search-decoration,

input[type="search"]::-webkit-search-cancel-button,

input[type="search"]::-webkit-search-results-button,

input[type="search"]::-webkit-search-results-decoration {

    display: none
}



input[type="number"]::-webkit-inner-spin-button,

input[type="number"]::-webkit-outer-spin-button {

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    margin: 0;

}



/* common-css */

.btn {

    border-radius: 5px;

    padding: 9px 18px;

    font-weight: 700;

    font-size: 16px;

    letter-spacing: 0.32px;

    border: 1px solid transparent;

    text-transform: uppercase;

    position: relative;

    overflow: hidden;

    z-index: 1;

    transition: all .4s ease-in-out;

}



.btn-outline {

    background-color: transparent;

    border-color: #fff !important;

    color: #fff;

}



.btn~.btn {

    margin-left: 10px;

}



.btn.btn-white {

    background-color: #fff;

    color: #0054A0;

}



.btn.btn-red {

    background-color: #FF435A;

    color: #fff;

}



.btn.btn-green {

    background-color: #2ED577;

    color: #fff;

}



.container {

    max-width: 1356px;

    padding: 0 30px;

}



.container-lg {

    max-width: 1610px;

    padding: 0 30px;

}



.common-sec {

    padding-top: 100px;

    padding-bottom: 100px;

}



.sec-head {

    display: block;

    margin-bottom: 60px;

}



.sub-title {

    color: #1C90F8;

    font-size: 24px;

    font-weight: 300;

    line-height: 1.1;

    display: block;

    margin-bottom: 8px;

}



.sec-title {

    color: #1C90F8;

    font-size: 50px;

    font-weight: 700;

    line-height: 1.1;

    display: block;

}

.sec-title.type-3 {
    font-size: 44px;
}



.sec-title.type-2 {

    font-size: 40px;

}



.sec-lg-title {

    font-weight: 800;

    font-size: 52px;

    line-height: 1.1;

    color: #fff;

    display: block;

}



/* common-css */



/* header */



.header {

    padding: 25px 0;

    background-color: #fff;

    border-bottom: 1px solid #F1F1F1;

}



.home .header {

    border: none;

}



.header.has-sticky {

    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    box-shadow: 0 0 .625rem rgba(0, 0, 0, 0.4);

    backdrop-filter: blur(3.125rem);

    -webkit-animation-name: fadeInDown;

    animation-name: fadeInDown;

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    z-index: 999;

    padding: .9375rem 0;

}



.header-logo {

    display: block;

    width: 148px;

}



.header-logo img {

    width: 100%;

    height: 100%;

    object-fit: contain;

}



.sidebar-overlay {

    visibility: hidden;

    min-height: 100vh;

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    opacity: 0;

    background: #000;

    z-index: 998
}



.navigation-bar {

    display: inline-block;

    vertical-align: middle;

    margin-right: 42px;

}



.mb-menu-logo {

    display: none
}



.nav-menu-main ul {

    display: flex;

    align-items: center
}



.nav-menu-main ul>li {

    padding: 5px;

    position: relative;

}



.navbar-main .nav-menu-main ul li .arrow {

    position: absolute;

    display: inline-block;

    content: "";

    width: 8px;

    height: 8px;

    border: none;

    border-bottom: 2px solid #2ED577;

    border-right: 2px solid #2ED577;

    transform: rotate(45deg);

    right: 2px;

    top: 10px;

    transition: border .4s ease-in-out;

    padding-right: 0;

}



.nav-menu-main ul>li>a {

    font-weight: 600;

    font-size: 14px;

    line-height: 1.2;

    letter-spacing: 0.32px;

    text-transform: uppercase;

    padding: 20px 13px;

    transition: all .4s ease-in-out;

    color: #000;

}



.header .btn.btn-white {

    background-color: #0054A0;

    color: #fff;

}





.nav-menu-main ul>li.current-menu-item a,
.footer-menu-box ul li.current-menu-item a,
.navbar-main .nav-menu-main>ul>li>.sub-menu li.current-menu-item a {

    color: #2ED577;

}


.nav-menu-main ul>li.current-menu-parent a {
    color: #2ED577;
}


.navbar-main .nav-menu-main>ul>li>.sub-menu {

    position: absolute;

    left: 0;

    top: 57%;

    right: 0;

    margin: auto;

    background: #fff;

    box-shadow: rgba(99, 99, 99, .2) 0rem .125rem .5rem 0rem;

    z-index: 9;

    display: block;

    -webkit-transform: translateY(2.25rem);

    transform: translateY(2.25rem);

    visibility: hidden;

    opacity: 0;

    width: 250px;

    padding: 10px 0;

    border-radius: 15px;

    transition: all .4s ease-in-out;

    border-top: 2px solid #2ED577;

}



.navbar-main .nav-menu-main>ul>li>.sub-menu:before {

    content: "";

    width: 0;

    height: 0;

    border-bottom: .625rem solid #2ED577;

    border-left: .625rem solid transparent;

    border-right: .625rem solid transparent;

    position: absolute;

    left: 2.5rem;

    top: 0;

    transform: translateY(-100%);

}



.navbar-main .nav-menu-main>ul>li:hover>.sub-menu {

    -webkit-transform: translateY(1.625rem);

    transform: translateY(1.625rem);

    opacity: 1;

    visibility: visible;

}



.navbar-main .nav-menu-main>ul>li>.sub-menu li a {

    color: #000;

    padding: 0;

    font-size: 14px;

    font-weight: 500;

    letter-spacing: normal;

    text-transform: none;

    width: 100%;

    padding: 10px 15px;

    display: block;

}



.navbar-main .nav-menu-main>ul>li>.sub-menu li {

    border-bottom: 1px solid #ededed;

    padding: 0;

}



.navbar-main .nav-menu-main>ul>li>.sub-menu li:last-child {

    border-bottom: none;

}



.header-btn {

    display: inline-block;

    vertical-align: middle;

}



.menu-icon {

    display: none;

    width: 32px;

    height: 32px;

    position: relative;

    padding: 0;

    margin-top: 0;

    margin-left: 15px;

    color: #1C90F8;
}



.menu-icon span {

    display: block;

    width: 20px;

    position: absolute;

    top: 0;

    bottom: 0;

    right: 0;

    height: 2px;

    background: #1C90F8;

    margin: auto
}



.menu-icon span:before {

    content: "";

    width: 25px;

    position: absolute;

    top: -8px;

    right: 0;

    height: 2px;

    background: currentColor
}



.menu-icon span:after {

    content: "";

    width: 25px;

    position: absolute;

    bottom: -8px;

    right: 0;

    height: 2px;

    background: currentColor
}



.body-fixed {

    overflow: hidden
}



.body-fixed .sidebar-overlay {

    opacity: .8;

    visibility: visible;

    left: 0;

    transition: all 0.6s ease-in-out
}



/* header */



.we-offer-sec .container {

    max-width: 1150px;

    margin: auto;

}



.we-offer-sec .row {

    --bs-gutter-x: 65px;

}



.we-offer-img {

    position: relative;

    width: 100%;

    height: 100%;

}



.we-offer-img img {

    width: 100%;

    height: 100%;

    object-fit: contain;

}



.we-offer-buy-img {

    position: absolute;

    top: 50px;

    left: 17px;

    animation: zoom-in-zoom-out 3s ease-out infinite;

}



.we-offer-sell-img {

    position: absolute;

    top: 50px;

    right: 27px;

    animation: zoom-in-zoom-out 3s ease-out infinite;

    animation-delay: 5s;

}



@keyframes zoom-in-zoom-out {

    0% {

        transform: scale(1);

    }



    50% {

        transform: scale(1.3) rotate(5deg);

    }



    100% {

        transform: scale(1);

    }

}



.accordion {

    border: none;

}



.accordion-item {

    background-color: transparent;

    border: 0;

    border-radius: 0 !important;

    border-bottom: 1px solid #E5E5E5;

}



.accordion-button {

    color: #000 !important;

    font-size: 20px;

    font-weight: 600;

    line-height: 1;

    background-color: transparent !important;

    border: none;

    box-shadow: none !important;

    padding: 25px 50px 25px 20px;

    transition: all .4s ease-in-out;

    position: relative;

}



.accordion-button:not(.collapsed) {

    color: #1C90F8 !important;

}



.accordion-body {

    padding: 0 70px 25px 20px;

}



.accordion-button::after,

.accordion-button:not(.collapsed)::after {

    content: '';

    position: absolute;

    top: 0;

    right: 25px;

    bottom: 0;

    margin: auto;

    background-image: url(../img/svg/down-arrow.svg);

    background-repeat: no-repeat;

    background-position: center;

    background-size: 14px;

    height: 14px;

    width: 14px;

}



.cta-sec {

    background-repeat: no-repeat;

    background-position: center right;

    background-size: cover;

    width: 100%;

    padding: 80px 0;

    overflow: hidden;

}



.cta-label {

    background-color: rgba(255, 255, 255, 0.2);

    border: 1px solid rgba(255, 255, 255, 0.4);

    border-radius: 194px;

    color: #fff;

    font-size: 16px;

    font-weight: 700;

    line-height: 1;

    text-transform: uppercase;

    display: block;

    padding: 6px 22px;

    margin-bottom: 20px;

    width: max-content;

}



.cta-sec .sec-lg-title {

    margin-bottom: 10px;

}



.cta-sec .sec-head .sub-title {

    font-weight: 600;

}



.cta-sec .cms-con {

    margin-bottom: 25px;

}



.cta-sec .cms-con p {

    max-width: 450px;

    color: #fff;

}



/* hx */



.cta-con {

    position: relative;

    z-index: 1;

    padding-left: 35px;

}



.cta-con .sec-head {

    margin-bottom: 33px;

}



.cta-video-frame {

    position: relative;

    display: inline-block;

    z-index: 1;

}



.cta-video-frame::before {

    content: "";

    position: absolute;

    z-index: -1;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: #7CC1FF;

    opacity: 0.8;

    filter: blur(100px);

}



.cta-video {

    position: absolute;

    top: 6%;

    left: 46%;

    right: 10%;

    bottom: 22%;

    background-color: #fff;

    z-index: -1;

}



.cta-video video {

    width: 100%;

    height: 100%;

    object-fit: contain;

}



.cta-bell {

    position: absolute;

    top: -22%;

    left: 17%;

    max-width: 5.5%;

    transform-origin: top center;

    animation: rotateCoin 2s ease-in-out infinite alternate-reverse;

}





@keyframes rotateCoin {

    0% {

        transform: rotate(-10deg);

    }



    100% {

        transform: rotate(10deg);

    }

}



/* hx */



.exchanges-one-platform-sec .row {

    --bs-gutter-x: 0;

}



.exchanges-one-platform-box {

    border: 1px solid #E5E5E5;

    border-right: none;

    background-color: #fff;

    position: relative;

    height: 376px;

    overflow: hidden;

    display: block;

    transition: all .4s ease-in-out;

}



.exchanges-one-platform-col:last-child .exchanges-one-platform-box {

    border-right: 1px solid #E5E5E5;

    border-radius: 0 10px 10px 0;

}



.exchanges-one-platform-col:first-child .exchanges-one-platform-box {

    border-radius: 10px 0 0 10px;

}



.exchanges-one-platform-box .img-box {

    position: absolute;

    bottom: 0;

    right: 0;

}



.exchanges-one-platform-col .img-box::before {

    content: '';

    position: absolute;

    bottom: 30px;

    right: -85px;

    height: 168px;

    width: 175px;

    border-radius: 50%;

    filter: blur(100px);

}



.exchanges-one-platform-col:first-child .img-box::before {

    background-color: #89ECB4;

}



.exchanges-one-platform-col:nth-child(2) .img-box::before {

    background-color: #D7BA85;

}



.exchanges-one-platform-col:nth-child(3) .img-box::before {

    background-color: #E1DB83;

}



.exchanges-one-platform-col:nth-child(4) .img-box::before {

    background-color: #9A9A9A;

}



.exchanges-one-platform-col:nth-child(5) .img-box::before {

    background-color: #FFA6A6;

}



.exchanges-one-platform-col:nth-child(6) .img-box::before {

    background-color: #E5AE65;

}



.exchanges-one-platform-box .img-box img {

    width: 100%;

    height: 100%;

    object-fit: contain;

    position: relative;

    mix-blend-mode: multiply;

    transition: all .4s ease-in-out;

}



.exchanges-one-platform-box:hover .img-box img {

    transform: scale(1.03);

}



.exchanges-one-platform-box .content-box {

    padding: 40px 30px;

}



.exchanges-title {

    color: #000;

    font-size: 20px;

    font-weight: 600;

    line-height: 1;

    display: block;

    margin-bottom: 25px;

}



.exchanges-one-platform-box .btn {

    font-size: 14px;

    padding: 6px 18px;

    opacity: 0;

    visibility: hidden;

    transition: all .4s ease-in-out;

}



.exchanges-one-platform-box:hover .btn {

    opacity: 1;

    visibility: visible;

}



.why-choose-sec {

    background-repeat: no-repeat;

    width: 100%;

    background-size: cover;

}



.why-choose-box {

    background-color: #DFF0FF;

    border: 1px solid #DFF0FF;

    backdrop-filter: blur(20px);

    padding: 30px 40px;

    border-radius: 10px;

    height: 100%;

}

.why-choose-box .img-box img {
    display: inline-block;
    animation: moveIcon 2s infinite ease-in-out;
}


@keyframes moveIcon {
    0% {
        transform: translateX(0);
    }

    50% {
        transform: translatex(5px);
    }

    100% {
        transform: translateX(0);
    }
}

.why-choose-inner .why-choose-box .img-box img {
    display: inline-block;
    animation: scale-icon 3s ease-out infinite;
}


@keyframes scale-icon {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.12);
    }

    100% {
        transform: scale(1);
    }
}



.why-choose-inner {

    --bs-gutter-x: 30px;

    --bs-gutter-y: 30px;

}



.why-choose-inner .why-choose-box .img-box {

    background-color: #fff;

    width: 112px;

    height: 112px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 30px;

}



.why-choose-box-title {

    color: #0C0C0C;

    font-size: 22px;

    font-weight: 600;

    line-height: 1.1;

    display: block;

    margin-bottom: 15px;

}



.why-choose-box-trading .img-box {

    width: 252px;

    margin-bottom: 30px;

}



.why-choose-box-trading .img-box img {

    width: 100%;

    height: 100%;

    object-fit: contain;

}



.why-choose-box-trading .cms-con {

    margin-bottom: 50px;

}



.why-offer-wrap .sec-title {

    font-size: 50px;

}



.download-trading-app p {

    color: #000;

    font-size: 16px;

    font-weight: 700;

    line-height: 1.2;

    display: block;

    margin-bottom: 15px;

}



.download-trading-app .platforms-links {

    max-width: 100%;

}



.download-trading-app .platforms-links a {

    max-width: 75px;

    height: 50px;

    padding: 14px;

}



.platforms-links .scan {

    background-color: #1C90F8;

}



.download-trading-app .platforms-links a img {

    object-fit: contain;

}



.hero-sec {

    padding: 220px 0 240px;

    position: relative;

    background-position: center;

    background-size: cover;

    background-color: #005eb5;

}



.hero-sec-content {

    max-width: 1100px;

    margin: 0 auto;

    text-align: center;

    color: #fff;

}



.hero-sec-content .hero-sec-subtitle {

    font-weight: 500;

    font-size: 50px;

    line-height: 1.2;

}



.hero-sec-content .hero-sec-type {

    font-weight: 900;

    font-size: 105px;

    text-align: center;

    text-transform: uppercase;

}



.hero-sec-content .hero-sec-type .ityped-cursor {

    font-weight: 300;

}



.hero-sec-content .hero-sec-desc {

    font-weight: 400;

    font-size: 26px;

    line-height: 1.3;

    max-width: 800px;

    margin: 0 auto 50px;

}



.hero-left,

.hero-right {

    position: absolute;

    left: 0;

    bottom: 0;

    z-index: 1;

    transform-origin: 0 bottom;

}



.hero-right {

    left: auto;

    right: 0;

    transform-origin: right bottom;

}



.hero-left svg path,

.hero-right svg path {

    fill: none;

    animation-fill-mode: forwards;

    animation: infinity-fill 1s linear infinite;

}



.hero-right svg path {

    animation-name: infinity-fill-reverse;

}


.hero-icons {

    position: absolute;

    left: 0;

    width: 100%;

    height: 100%;

    top: 0;

}



.hero-icons span {

    background: #126DBE;

    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);

    border-radius: 20px;

    display: inline-block;

    position: absolute;

    width: 146px;

    height: 140px;

    display: flex;

    align-items: center;

    justify-content: center;

    opacity: 0;

    transform: scale(0.4);

}



.hero-load .hero-icons span {

    animation: scale-animate 1s normal both, afterLoadIcons 2s 1.5s linear infinite;

}



.hero-right-icons span:nth-child(1) {

    width: 184px;

    height: 177px;

    right: 21%;

    top: -12%;

}



.hero-right-icons span:nth-child(2) {

    top: 38%;

    right: 23.4%;

}



.hero-right-icons span:nth-child(3) {

    top: 71%;

    right: 60%;

}



.hero-left-icons span:nth-child(1) {

    width: 184px;

    height: 177px;

    left: 21%;

    top: -12%;

}



.hero-left-icons span:nth-child(2) {

    top: 38%;

    left: 23.4%;

}



.hero-left-icons span:nth-child(3) {

    top: 71%;

    left: 60%;

}



.hero-load .hero-left-icons span:nth-child(2) {

    animation-delay: 0.2s;

}



.hero-load .hero-left-icons span:nth-child(3) {

    animation-delay: 0.4s;

}



.hero-load .hero-right-icons span:nth-child(3) {

    animation-delay: 0.6s;

}



.hero-load .hero-right-icons span:nth-child(2) {

    animation-delay: 0.8s;

}



.hero-load .hero-right-icons span:nth-child(1) {

    animation-delay: 1s;

}





.hero-animate {

    transform: translateY(100px);

    opacity: 0;

}



.hero-load .hero-animate {

    animation: heroAnimation 1.5s normal both;

}



.hero-load .hero-sec-type {

    animation-delay: 0.3s
}



.hero-load .hero-sec-desc {

    animation-delay: 0.6s
}



.hero-load .hero-btns {

    animation-delay: 0.9s
}



@keyframes infinity-fill {

    0% {

        stroke-dashoffset: 0;

    }



    100% {

        stroke-dashoffset: 100;

    }

}





@keyframes infinity-fill-reverse {

    0% {

        stroke-dashoffset: 100;

    }



    100% {

        stroke-dashoffset: 0;

    }

}





@keyframes scale-animate {

    100% {

        transform: scale(1);

        opacity: 1;

    }

}



@keyframes afterLoadIcons {

    0% {

        transform: translateY(0) scale(1);

    }



    50% {

        transform: translateY(8%) scale(1.05);

    }



    100% {

        transform: translateY(0%) scale(1);

    }

}



@keyframes heroAnimation {

    100% {

        opacity: 1;

        transform: translateY(0) skewY(0);

    }

}



.trading-steps-sec .sec-head {

    margin-bottom: 40px;

}



.trading-steps-con {

    max-width: 628px;

    margin: 0 auto;

}



.trading-steps-con .steps-number {

    background: #DFF0FF;

    font-weight: 600;

    font-size: 20px;

    line-height: 42px;

    color: #2192F9;

    border-radius: 100px;

    max-width: 42px;

    flex: 0 0 42px;

    height: 42px;

    text-align: center;

}



.trading-steps-box {

    border: 1px solid #DFF0FF;

    border-radius: 20px;

    background: #fff;

    padding: 30px 25px;

    margin-bottom: 20px;

}



.trading-steps-box .trading-steps-box-left {

    max-width: calc(100% - 55px);

    flex: 0 0 calc(100% - 55px);

}



.trading-steps-box .trading-steps-box-right {

    max-width: 46px;

    flex: 0 0 46px;

}



.trading-steps-box .step-content {

    max-width: calc(100% - 42px);

    flex: 0 0 calc(100% - 42px);

    padding-left: 14px;

}



.trading-steps-box .step-content .title {

    font-weight: 600;

    font-size: 22px;

    line-height: 1.5;

    margin-bottom: 7px;

}



.trading-steps-box .step-content .cms-con p {

    font-weight: 400;

    font-size: 16px;

    line-height: 22px;

    color: #666666;

}



.trading-steps-sec .btn {

    margin-top: 10px;

}



.counter-box .numbers {

    margin-left: 23px;

    margin-bottom: 10px;

    display: flex;

    align-items: center;

    position: relative;

}



.counter-box .numbers {

    color: #000;

    font-size: 44px;

    font-weight: 700;

    line-height: 1;

}



.counter-box .numbers::before {

    content: '';

    position: absolute;

    background-color: rgba(28, 144, 248, 20%);

    left: -22px;

    top: 3px;

    width: 8px;

    height: 36px;

}



.counter-content {

    color: #1C90F8;

    font-weight: 600;

    font-size: 18px;

    line-height: 1.1;

    display: block;

}



.counter-box .numbers .plus-sign {

    font-weight: 300;

}

.how-to-margin-sec {
    background-color: #1C90F8;
    position: relative;
}

.how-to-margin-img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.how-to-margin-img img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.how-to-margin-sec .container {
    position: relative;
}

.how-to-margin-sec .how-to-margin-con {
    padding-left: 70px;
}

.how-to-margin-sec .sec-head {
    margin-bottom: 0;
}

.how-to-margin-sec .sec-head .sec-title {
    color: #fff;
    font-size: 44px;
}

.how-to-margin-content {
    color: #fff;
    font-weight: 500;
    font-size: 26px;
    line-height: 1.2;
    display: block;
    margin-bottom: 25px;
}

.compare-boxes {
    display: flex;
    column-gap: 25px;
    position: relative;
}

.compare-boxes .compare-box {
    background-color: rgba(46, 213, 119, 0.95);
    border-radius: 20px;
    padding: 28px;
    width: 490px;
    flex: 0 0 490px;
}

.compare-boxes .compare-box.other {
    background-color: rgba(255, 255, 255, 0.95);
    width: 240px;
    flex: 0 0 240px;
    position: relative;
}

.compare-boxes .arrow-animation {

    background-image: url(../img/margin-arrow.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 118px;
    height: 78px;
    bottom: 11px;
    left: auto;
    right: -15px;
    display: block;
    transform: rotate(1.96deg);
    position: absolute;
}

.compare-box-title {
    font-size: 28px;
    font-weight: 700;
    line-height: 1.2;
    display: block;
    color: #fff;
    position: relative;
    padding-bottom: 30px;
    margin-bottom: 20px;
}

.compare-box-title::before {
    content: '';
    position: absolute;
    width: 58px;
    height: 10px;
    background-color: #51EA94;
    bottom: 0;
    left: 0;
}

.compare-boxes .compare-box.other .compare-box-title::before {
    background-color: rgba(28, 144, 248, 0.3);
}

.compare-box-title span {
    display: block;
    font-weight: 300;
    font-size: 22px;
}

.compare-boxes .compare-box.other .compare-box-title {
    color: #1C90F8;
}

.compare-box.other .price-box {
    color: #1C90F8;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.2;
    display: block;
}

.our-price-box-title {
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.2;
    display: block;
    margin-bottom: 12px;
}

.our-price-box-title span {
    display: block;
}

.our-price-boxes {
    display: flex;
    column-gap: 50px;
    width: 100%;
}

.our-price-box {
    width: auto;
    position: relative;
}

.our-price-box:first-child::before {
    content: '';
    position: absolute;
    background-color: #fff;
    width: 2px;
    height: 100%;
    right: -25px;
    top: 0;
}

.our-price-box .price {
    display: block;
    color: #fff;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.1;
}

.how-to-margin-con .cms-con p {
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.1;
    display: block;
    margin-top: 20px;
}

.trade-details-sec {
    background: linear-gradient(0deg, #DBEEFF 0%, #FFFFFF 77.98%);
    width: 100%;
}

.trade-details-sec .sec-head {
    margin-bottom: 40px;
}

.trade-details-sec .sec-head .sec-title {
    font-size: 44px;
    margin-bottom: 20px;
}

.trade-details-sec .sec-head p {
    color: #000;
    font-size: 22px;
    font-weight: 400;
    line-height: 1.1;
    display: block;
}

.trade-details-tabing .nav-tabs {
    justify-content: center;
    border: none;
    column-gap: 20px;
}

.trade-details-tabing .nav-tabs .nav-link {
    background-color: transparent;
    border: 1px solid #B7B7B7;
    border-radius: 5px;
    text-transform: uppercase;
    color: #B7B7B7;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    padding: 11px 20px;
    transition: all .4s ease-in-out;
}

.trade-details-tabing .nav-tabs .nav-link:hover,
.trade-details-tabing .nav-tabs .nav-link.active {
    background-color: #2ED577;
    border-color: #2ED577;
    color: #fff;
}

.trade-details-tabing .tab-content {
    max-width: 740px;
    margin: 40px auto 0;
}

.trade-details-sec .tab-content .cms-con {
    max-height: 660px;
    overflow: auto;
    padding-right: 4px;
}

.trade-details-sec .tab-content .cms-con::-webkit-scrollbar {
    width: 6px;
    background-color: #f0f0f0;
    border-radius: 10px;
}

.trade-details-sec .tab-content .cms-con::-webkit-scrollbar-thumb {
    background-color: #1C90F8;
    border-radius: 10px;
}

.service-page-list ul li.current-menu-item a {
    border-color: #2ED577;
    color: #2ED577;
    background-color: rgba(46, 213, 119, 0.1);
}

.we-offer-services .we-offer-img {
    position: relative;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60%;
}

.we-offer-services .we-offer-img img {
    max-height: 384px;
}

.page-id-401 .we-offer-services .we-offer-img img {
    max-height: 314px;
    padding-right: 40px;
    padding-top: 20px;
}

/* contact us */

.common-banner-sec.service-banner-sec {
    min-height: 430px;
}

.common-banner-sec.service-banner-sec .service-banner-img img {
    object-position: top;
}

.common-banner-sec .service-banner-con {
    padding-top: 140px;
}

.contact-details-wrap {
    max-width: 950px;
    margin: auto;
    background-color: #fff;
    box-shadow: 2px 10px 28px 0px #E5E5E5;
    border-radius: 20px;
    padding: 54px 70px 82px 60px;
}

.contact-form-title {
    color: #0058A7;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.2;
    display: block;
    margin-bottom: 25px;
}

.form-group {
    position: relative;
    display: block;
    margin-bottom: 20px;
}

.form-control {
    display: block;
    width: 100%;
    height: 50px;
    padding: 14px;
    background-color: #fff;
    color: #0F001A;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    border-radius: 4px;
    resize: none;
    border: 1px solid #E5E5E5;
}

textarea.form-control {
    min-height: 135px;
}

.form-control:focus {
    box-shadow: none;
}

.form-label {
    color: #858585;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    position: absolute;
    pointer-events: none;
    background: #fff;
    left: 14px;
    padding: 0 4px;
    top: 17px;
    margin-bottom: 0;
    transition: all .3s ease-in-out;
}

.form-group.focus-visible .form-label {
    top: -7px;
    color: #666666;
}

.contact-details-wrap .row {
    --bs-gutter-x: 40px;
}

.contact-us-form .row {
    --bs-gutter-x: 12px;
}

.wpcf7-form-control-wrap {
    display: block;
}

.wpcf7-form-control-wrap .wpcf7-not-valid-tip,
.wpcf7-form-control-wrap label.error {
    position: absolute;
    right: 0;
    top: -1.25rem;
    width: auto;
    height: auto;
    margin: 0;
    font-size: 12px !important;
    line-height: 12px !important;
    background: #fb0101;
    padding: .3125rem .3125rem .25rem !important;
    color: #fff !important;
}

.wpcf7-form-control-wrap .wpcf7-not-valid-tip:after,
.wpcf7-form-control-wrap label.error:after,
.error:after {
    border-color: #fb0101 transparent transparent;
    -o-border-image: none;
    border-image: none;
    border-right: .375rem solid transparent;
    border-style: solid;
    border-width: .375rem;
    content: "";
    height: 0;
    left: .3125rem;
    position: absolute;
    bottom: -0.625rem;
    width: 0;
    transform: rotate(360deg);
}

.wpcf7 form .wpcf7-response-output {
    padding: .3125rem !important;
    text-align: center !important;
    margin: 10px 0 0 !important;
    font-size: 14px !important;
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #fb0101 !important;
    color: #fb0101 !important;
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450 !important;
    color: #46b450 !important;
}

.wpcf7 form.spam .wpcf7-response-output {
    border-color: #0058A7 !important;
    color: #0058A7 !important;
}

.submit-btn .btn {
    width: 100%;
}

.contact-us-info {
    margin-top: 60px;
    position: relative;
}

.icon {
    aspect-ratio: 1;
    min-width: 20px;
    width: 20px;
    background-color: currentColor;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
    display: inline-block;
}

.icon-location {
    mask-image: url(../img/svg/location.svg);
}

.icon-phone {
    mask-image: url(../img/svg/phone.svg);
}

.icon-mail {
    mask-image: url(../img/svg/mail.svg);
}

.icon-youtube {
    mask-image: url(../img/svg/youtube.svg);
}

.icon-instagram {
    mask-image: url(../img/svg/instagram.svg);
}

.icon-facebook {
    mask-image: url(../img/svg/facebook2.svg);
}

.icon-twitter {
    mask-image: url(../img/svg/twitter.svg);
}

.contact-us-info .icon {
    background-color: #0F001A;
    flex: 0 0 20px;
    margin-right: 14px;
}

.contact-us-info ul li {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.contact-us-info ul li.location {
    align-items: start;
}

.contact-us-info ul li.location .icon {
    margin-top: 4px;
}

.contact-us-info ul li p,
.contact-us-info ul li a {
    color: #666;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
    display: block;
    transition: all .4s ease-in-out;
}

.contact-us-info ul li a.phone {
    text-decoration: underline;
}

.contact-us-info ul li a:hover {
    color: #0058A7;
}

.contact-social-media {
    display: flex;
    align-items: center;
    column-gap: 10px;
    margin-top: 35px;
}

.contact-social-media a {
    background-color: #1C90F8;
    width: 47px;
    height: 47px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .4s ease-in-out;
}

.contact-social-media a:hover {
    background-color: #2ED577;
}

.contact-social-media .icon {
    margin-right: 0;
    background-color: #fff;
}

.contact-details-wrap {
    position: relative;
}

.contact-img {
    position: absolute;
    bottom: -15px;
    right: 10px;
    width: 290px;
    height: 235px;
}

.contact-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.submit-btn {
    position: relative;
}

.submit-btn .wpcf7-spinner {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

/* contact us */

.about-banner-sec .service-banner-con {
    padding-top: 140px;
}

.service-banner-sec.about-banner-sec {
    min-height: 528px;
}

.about-why-choose-box {
    background-color: #fff;
    border: 1px solid #fff;
    box-shadow: 0px 10px 28px 0px #E5E5E5CC;
    padding: 30px 40px;
    border-radius: 10px;
    height: 100%;
}

.about-why-choose-box .img-box {
    max-width: 120px;
    height: 100px;
    margin-bottom: 30px;
}

.trading-banifit-sec .about-why-choose-box .img-box {
    height: 100px;
}

.about-why-choose-box .img-box img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.about-why-choose-title {
    color: #0C0C0C;
    font-size: 26px;
    font-weight: 600;
    line-height: 1.2;
    display: block;
    margin-bottom: 15px;
}

.about-why-choose-content {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    display: block;
    color: #0C0C0C;
}

.about-why-choose-sec .row {
    --bs-gutter-y: 30px;
    justify-content: center;
}

.navbar-main .nav-menu-main ul li.current_page_item a {
    color: #2ED577;
}

.less-capital-sec {
    background: linear-gradient(0deg, #DBEEFF 0%, #FFFFFF 77.98%);
}

.less-capital-con {
    display: flex;
    align-items: start;
    column-gap: 48px;
}

.less-capital-title {
    font-size: 22px;
    font-weight: 600;
    line-height: 1.2;
    display: block;
    color: #2ED577;
    display: block;
    position: relative;
}

.less-capital-title:first-child::before {
    content: '';
    background-color: #21BC65;
    width: 2px;
    height: 80px;
    position: absolute;
    top: 14px;
    right: -24px;
}

.less-capital-title span {
    font-size: 60px;
    font-weight: 700;
    display: block;
}

.how-margin-work-title {
    color: #000;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.2;
    display: block;
    text-align: center;
    margin-bottom: 15px;
}

.how-margin-work-box .cms-con table tbody tr:nth-child(even) {
    background-color: #DFF0FF;
}

.how-margin-work-box .cms-con table tbody tr:nth-child(odd) {
    background-color: #fff;
}

.regulations-policy-box {
    display: block;
    background-color: #fff;
    border: 1px solid #fff;
    box-shadow: 0px 10px 28px 0px #E5E5E5CC;
    padding: 30px 20px;
    border-radius: 10px;
    height: 100%;
}

.regulations-policy-box .img-box {
    width: 96px;
    height: 96px;
    margin-bottom: 30px;
    overflow: hidden;
}

.regulations-policy-box .img-box img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: all .4s ease-in-out;
}

.regulations-policy-box:hover .img-box img {
    transform: scale(1.02);
}

.regulations-policy-box-title {
    color: #0C0C0C;
    font-size: 26px;
    font-weight: 600;
    line-height: 1.1;
    display: block;
    transition: all .4s ease-in-out;
}

.regulations-policy-box:hover .regulations-policy-box-title {
    color: #0058A7;
}

.affiliate-icon {
    position: absolute;
    width: 180px;
    aspect-ratio: 1/1;
    top: 35%;
    left: 100px;
}

.affiliate-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.affiliate-right-logo.affiliate-icon {
    left: inherit;
    right: 100px;
}

.how-work-sec {
    background-color: #1C90F8;
    position: relative;
    overflow: hidden;
}

.how-work-con {
    position: relative;
}

.how-work-con .sec-title {
    margin-bottom: 20px;
}

.how-work-con .sec-title.type-3,
.how-work-con .sec-head p {
    color: #fff;
}

.how-work-con .row {
    --bs-gutter-x: 98px;
}

.how-work-box {
    background-color: #fff;
    border-radius: 20px;
    display: block;
    padding: 65px 32px;
    height: 100%;
}

.how-work-box .img-box {
    width: 100px;
    height: 100px;
    margin: 0 auto 55px;
}

.how-work-box .img-box img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.how-work-title {
    text-align: center;
    display: block;
    color: #0C0C0C;
    font-size: 26px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 15px;
}

.how-work-box .cms-con p {
    text-align: center;
    color: #0C0C0C;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    display: block;
}

.how-work-col {
    position: relative;
}

.how-work-col .how-work-box::before {
    content: '';
    position: absolute;
    background-color: rgba(255, 255, 255, 30%);
    width: 108px;
    height: 100px;
    right: -54px;
    top: 50%;
    transform: translateY(-50%);
}

.how-work-col .how-work-box::after {
    content: '';
    position: absolute;
    background-image: url(../img/right-arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 40px;
    height: 40px;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
}

.how-work-col:last-child .how-work-box::before,
.how-work-col:last-child .how-work-box::after {
    content: unset;
}

.affiliate-details-box {
    background-color: #fff;
    border: 1px solid #fff;
    box-shadow: 0px 10px 28px 0px #E5E5E5CC;
    padding: 30px 40px;
    border-radius: 10px;
    height: 100%;
}

.affiliate-details-box .img-box {
    width: 120px;
    height: 110px;
    margin-bottom: 30px;
}

.affiliate-details-box .img-box img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.affiliate-details-title {
    color: #0C0C0C;
    font-size: 26px;
    font-weight: 600;
    line-height: 1.2;
    display: block;
    margin-bottom: 15px;
}

.affiliate-details-box .cms-con p {
    color: #0C0C0C;
}

.join-partner-form {
    max-width: 1000px;
    margin: auto;
}

.form-radio-label {
    position: relative;
    top: inherit;
    left: inherit;
    padding: 0;
    color: #0C0C0C;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 15px;
}

.form-check-input {
    border: none;
}

.form-check-input .wpcf7-list-item.first {
    margin: 0 !important;
}

.form-check-input label {
    display: flex;
    align-items: center;
}

.form-check-input input {
    width: 18px;
    height: 18px;
    margin-right: 8px;
}

.form-check-input .wpcf7-list-item-label {
    color: #0C0C0C;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
}

.select-box .form-label {
    top: -7px;
}

.form-control.form-select {
    background-color: transparent;
}

.join-partner-form .form-group {
    margin-bottom: 30px;
}

.join-partner-form .submit-btn .btn {
    width: auto;
}

.refer-friend-sec .affiliate-icon,
.trading-banner-service .affiliate-icon {
    width: 160px;
    left: 20px;
}

.trading-banner-service .affiliate-right-logo.affiliate-icon {
    right: 50px;
    left: inherit;
}

.refer-friend-sec .affiliate-right-logo.affiliate-icon {
    right: 50px;
    left: inherit;
    transform: rotate(9.81deg);
}

.blog-details-wrap .sec-head {
    margin-bottom: 30px;
}

.blog-details-wrap .sec-title.type-2 {
    line-height: 1.3;
}

.common-banner-sec.service-banner-sec.blog-banner-sec {
    min-height: 180px;
}

.blog-banner-sec.common-banner-sec .service-banner-con {
    padding-top: 40px;
    max-width: 100%;
}

.blog-banner-sec.common-banner-sec .sec-title.service-title {
    line-height: 1.2;
}

.trading-app-con .btn {
    margin-top: 30px;
}

.cms-con .cms-table table thead tr th {
    min-width: 220px;
    line-height: 1.4;
    text-align: center;
}

.cms-con .cms-table table tr td,
.cms-con .cms-table table tr td:nth-child(even) {
    text-transform: capitalize;
    font-size: 16px;
    text-align: center;
}

.regulation-banner-sec.service-banner-sec .service-banner-img {
    max-width: 1300px;
    margin: auto;
}

.regulation-banner-sec.service-banner-sec .service-banner-img img {
    object-position: bottom;
    opacity: .5;
}

.exchanges-one-platform-box .cms-con ul li {
    font-size: 16px;
}

.header .btn.btn-white.helpline-btn span i,
.header .btn.btn-white.helpline-btn span {
    vertical-align: top;
}

.header .btn.btn-white.helpline-btn span {
    margin-right: 5px;
    min-height: 20px;
    display: inline-flex;
    align-items: end;
}

.footer-sec .contact-us-info .icon {
    background-color: #fff;
}

.footer-sec .contact-us-info ul li a {
    text-decoration: none;
    line-height: 1;
}


.sticky-whatsapp-btn a {
    position: fixed;
    right: 15px;
    bottom: 150px;
    width: 60px;
    height: 60px;
    background-color: #1cd766;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    z-index: 99;
    padding: 15px;
    animation: breathe 2s ease-in-out infinite
}

.whatsapp-header-btn span img {
    width: 20px;
    object-fit: cover;
}

.whatsapp-header-btn {
    display: flex;
    align-items: center;
}

@keyframes breathe {
    0% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, .5)
    }

    70% {
        box-shadow: 0 0 0 15px rgba(37, 211, 102, 0)
    }

    100% {
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0)
    }
}


.btns-sticky-main {
    position: fixed;
    right: 0;
    top: 50%;
    text-orientation: mixed;
    transform: translateY(-50%);
    background: #fff;
    z-index: 99;
    display: flex;
    border-radius: 0;
    overflow: hidden;
    display: block;
    border-radius: 10px 0 0 10px;
}

.btn.sign-sticky-btn {
    padding: 12px;
    border-radius: 0;
    margin: 0;
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
}

.btn.community-sticky-btn {
    background-color: #24ae34;
    border-color: #24ae34;
}

.btn.sign-sticky-btn.community-sticky-btn span img {
    filter: brightness(10) invert(0);
}

.btn.sign-sticky-btn span img {
    max-width: 25px;
    width: 100%;
    object-fit: cover;
    margin: 0 auto;
    filter: brightness(10) invert(1);
    margin-bottom: 5px;
}

.btns-sticky-main .btn:hover {
    transform: unset;
}