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

@font-face {
    font-family: 'HK Grotesk';
    src: url(../fonts/hkgrotesk-light.eot);
    src: local("hkgrotesk light"), url(../fonts/hkgrotesk-light.woff) format("woff");
    font-weight: 300
}

@font-face {
    font-family: 'HK Grotesk';
    src: url(../fonts/hkgrotesk-regular.eot);
    src: local("hkgrotesk regular"), url(../fonts/hkgrotesk-regular.woff) format("woff");
    font-weight: 400
}

@font-face {
    font-family: 'HK Grotesk';
    src: url(../fonts/hkgrotesk-medium.eot);
    src: local("hkgrotesk medium"), url(../fonts/hkgrotesk-medium.woff) format("woff");
    font-weight: 500
}

@font-face {
    font-family: 'HK Grotesk';
    src: url(../fonts/hkgrotesk-semibold.eot);
    src: local("hkgrotesk semibold"), url(../fonts/hkgrotesk-semibold.woff) format("woff");
    font-weight: 600
}

@font-face {
    font-family: 'HK Grotesk';
    src: url(../fonts/hkgrotesk-bold.eot);
    src: local("hkgrotesk bold"), url(../fonts/hkgrotesk-bold.woff) format("woff");
    font-weight: 700
}

.top-bar {
    padding: 10px 0;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 2;
    background-image: url(../images/top-bar.png);
    background-size: cover;
    color: var(--primary);
    line-height: 1
}

.navbar {
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    padding: 0;
    top: 33px;
    background-color: var(--primary);
}

.navbar .navbar-nav .nav-link {
    color:#fff;
    font-size: 16px;
    background-color: transparent;
    padding: 24px 20px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    position: relative;
    font-weight: 500;
}



.navbar .navbar-toggler {
    padding: 0;
    border: none;
    font-size: 24px;
    color:#fff;
}

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

.btn-1{
 background-color: #2dbcea;
    
}

.header-item {
    height: 73px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.language-switch .btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.nav-sticky.navbar {
    background: var(--primary);
    margin-top: 0;
    top: 0;
    -webkit-box-shadow: 0 3px 10px 0 rgba(70, 70, 163, .08);
    box-shadow: 0 3px 10px 0 rgba(70, 70, 163, .08)
}
.progress-bar{
    background-color: var(--primary);
}

.nav-sticky .header-item {
    color: #4646a3;
}

.nav-sticky .navbar-brand .logo-dark {
    display: inline-block;
}

.nav-sticky .navbar-brand .logo-light {
    display: none;
}

@media (max-width:991.98px) {
    .navbar .navbar-nav .nav-item .nav-link {
        padding: 8px 15px;
        color:#000;
    }

    .navbar-collapse {
        max-height: 221px;
        overflow-y: auto;
        padding: 0;
        position: absolute;
        left: 0;
        right: 0;
        top: 68px;
        background-color: #fff;
        padding-bottom: 10px;
        padding-left: 25px;
        -webkit-box-shadow: 0 3px 10px 0 rgba(70, 70, 163, .08);
        box-shadow: 0 3px 10px 0 rgba(70, 70, 163, .08)
    }
}

.arrow-down {
    display: inline-block
}

.arrow-down:after {
    border-color: initial;
    border-style: solid;
    border-width: 0 0 1px 1px;
    content: "";
    height: .4em;
    display: inline-block;
    right: 5px;
    top: 50%;
    margin-left: 10px;
    -webkit-transform: rotate(-45deg) translateY(-50%);
    transform: rotate(-45deg) translateY(-50%);
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    width: .4em
}

@media (max-width:991.98px) {
    .arrow-down::after {
        right: 30px;
        position: absolute
    }
}

body[data-topbar=light] .top-bar {
    background-color: #f5f7fa
}

body[data-topbar=light] .navbar {
    background-color: #6e52ff;
}

body[data-layout-mode=dark] .navbar {
    background-color: #6e52ff;
}

body[data-layout-mode=dark] .navbar .navbar-nav .nav-link {
    color: #f1f4f8
}

body[data-layout-mode=dark] .nav-sticky.navbar {
    background-color: #263257;
    -webkit-box-shadow: 0 3px 10px 0 rgba(34, 45, 78, .85);
    box-shadow: 0 3px 10px 0 rgba(34, 45, 78, .85)
}

@media (max-width:991.98px) {
    body[data-layout-mode=dark] .navbar-collapse {
        background-color: #263257;
        -webkit-box-shadow: 0 3px 10px 0 rgba(66, 74, 113, .08);
        box-shadow: 0 3px 10px 0 rgba(66, 74, 113, .08)
    }
}

body[data-layout-mode=dark] .navbar-toggler {
    color: rgba(255, 255, 255, .25)
}
a{
    color:var(--primary);
}
a:hover{
    color:var(--primary);
}
.form-check-input:checked{
    background-color:var(--primary);
    border-color:var(--primary);
}
.page-title-box {
    position: relative;
    padding-top: 225px;
    padding-bottom: 145px;
    background-image: url(../images/home/page-title.png);
    background-position: center;
    background-size: cover;
    z-index: 1
}
.contact-2{
    padding-top: 100px;
}
.login-bx{
    border: 1px solid #e2e5e8;
    border-radius: 8px;
    padding: 20px;
}
.lines {
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    height: 100%;
    position: absolute;
    z-index: -1
}

.lines .line {
    width: 1px;
    top: 25px;
    height: 115%;
    overflow: hidden;
    position: absolute;
    background: rgba(255, 255, 255, .07);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.lines .line::after {
    left: 0;
    top: -50%;
    width: 100%;
    content: "";
    height: 25px;
    display: block;
    position: absolute;
    -webkit-animation: run 8s infinite;
    animation: run 8s infinite;
    background: rgba(255, 255, 255, .95)
}

.lines .line:nth-child(1) {
    left: 16.66%
}

.lines .line:nth-child(1)::after {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}


.lines .line:nth-child(2) {
    left: 33.32%
}

.lines .line:nth-child(2)::after {
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}

.lines .line:nth-child(3) {
    left: 49.980000000000004%
}

.lines .line:nth-child(3)::after {
    -webkit-animation-delay: 4s;
    animation-delay: 4s
}

.lines .line:nth-child(4) {
    left: 66.64%
}

.lines .line:nth-child(4)::after {
    -webkit-animation-delay: 5s;
    animation-delay: 5s
}

.lines .line:nth-child(5) {
    left: 83.3%
}

.lines .line:nth-child(5)::after {
    -webkit-animation-delay: 6s;
    animation-delay: 6s
}

@-webkit-keyframes run {
    0% {
        top: -50%
    }

    to {
        top: 110%
    }
}

@keyframes run {
    0% {
        top: -50%
    }

    to {
        top: 110%
    }
}

.breadcrumb {
    letter-spacing: .5px;
    text-align: center
}

.breadcrumb .breadcrumb-item {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600
}

.breadcrumb .breadcrumb-item::before {
    content: "\F0142";
    font-size: 14px;
    font-family: "Material Design Icons";
    padding-left: 8px
}

.breadcrumb .breadcrumb-item:first-child::before {
    content: ""
}

.breadcrumb .breadcrumb-item a {
    color: #44587e;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.breadcrumb .breadcrumb-item a:hover {
    color: var(--primary);
}

body[data-layout-mode=dark] .page-title-box {
    background-image: url(../images/home/page-title-dark.png);
    background-size: cover;
    background-position: top;
    background-color: #2a3760
}

body[data-layout-mode=dark] .breadcrumb .breadcrumb-item a {
    color: #6b83a5
}

body[data-layout-mode=dark] .breadcrumb .breadcrumb-item a:hover {
    color: var(--primary);
}

.bg-footer {
    background: #262626;
    padding: 95px 0;
    position: relative;
    margin-top: -1px
}



.footer-dark-logo {
    display: none
}

.footer-light-logo {
    display: block
}

.footer-social-menu li a {
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: rgba(255, 255, 255, .5);
    background-color: rgba(255, 255, 255, .08);
    border-radius: 40px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.footer-social-menu li a:hover {
    background-color: #fff;
    color: var(--primary);;
    border-color: #fff
}

.footer-content {
    color: rgba(255, 255, 255, .5)
}

.footer-header {
    font-size: 12.5px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .8px;
    color: #fff
}

.footer-list li a {
    display: inline-block;
    margin-bottom: .75rem;
    color: rgba(255, 255, 255, .5);
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.footer-list li a:hover {
    color: var(--secondary);
}

.footer-alt-list li a {
    display: inline-block;
    color: rgba(255, 255, 255, .5);
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.footer-alt-list li a:hover {
    color: #fff
}

.footer-alt {
    background: #262626;
    color: rgba(255, 255, 255, .5);
    padding: 20px 0;
    border-top: 1px solid;
    border-color: #32325b
}

.footer-alt-list li {
    border-right: 1px solid rgba(255, 255, 255, .45);
    padding-right: 10px
}

.footer-alt-list li:last-child {
    border: none;
    padding-right: 0
}

.footer-shape,
.shape {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    pointer-events: none
}

.footer-shape>svg,
.shape>svg {
    width: 100%;
    height: auto
}

body[data-footer=light] .bg-footer {
    background-color: #f1f4f8
}

body[data-footer=light] .bg-footer .footer-content {
    color: #6b83a5
}

body[data-footer=light] .bg-footer .footer-social-menu li a {
    color: #6b83a5
}

body[data-footer=light] .bg-footer .footer-social-menu li a:hover {
    color: var(--primary);
}

body[data-footer=light] .bg-footer .footer-list li a {
    color: #6b83a5
}

body[data-footer=light] .bg-footer .footer-list li a:hover {
    color: var(--primary);
}

body[data-footer=light] .bg-footer .footer-header {
    color: #44587e
}

body[data-footer=light] .bg-footer .footer-dark-logo {
    display: block
}

body[data-footer=light] .bg-footer .footer-light-logo {
    display: none
}

body[data-footer=light] .footer-alt {
    background-color: #f1f4f8;
    border-color: #e0e7f0;
    color: #6b83a5
}

body[data-footer=light] .footer-shape>svg path {
    fill: #f1f4f8
}

body[data-layout-mode=dark] .bg-footer {
    background-color: #1e2845
}

body[data-layout-mode=dark] .bg-footer .footer-content {
    color: #6b83a5
}

body[data-layout-mode=dark] .bg-footer .footer-header {
    color: #ebecef
}

body[data-layout-mode=dark] .bg-footer .footer-social-menu li a {
    color: #6b83a5
}

body[data-layout-mode=dark] .bg-footer .footer-social-menu li a:hover {
    color: var(--primary);
}

body[data-layout-mode=dark] .footer-alt {
    background-color: #1e2845;
    border-color: #222d4e;
    color: #6b83a5
}

body[data-layout-mode=dark] .footer-list li a {
    color: #6b83a5;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

body[data-layout-mode=dark] .footer-list li a:hover {
    color: var(--primary);
}

body[data-layout-mode=dark] .footer-shape>svg path {
    fill: #1e2845
}

body[data-layout-mode=dark] .shape>svg path {
    fill: #222d4e
}

.navbar .dropdown .dropdown-menu {
    -webkit-box-shadow: 0 .5rem 1.5rem rgba(173, 181, 189, .3);
    box-shadow: 0 .5rem 1.5rem rgba(173, 181, 189, .3);
    min-width: 15rem
}

.navbar .dropdown .dropdown-menu .dropdown-item {
    font-size: 15.5px;
    font-weight: 500;
    color: #44587e;
    background-color: #fff;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.navbar .dropdown .dropdown-menu .dropdown-item:hover {
    color: var(--primary);
}

.navbar .dropdown .dropdown-menu.dropdown-menu-md {
    min-width: 25
}

.navbar .dropdown .dropdown-menu.dropdown-menu-lg {
    min-width: 36rem
}

@media (max-width:767.98px) {
    .navbar .dropdown .dropdown-menu.dropdown-menu-lg {
        max-width: 35rem;
        min-width: 0
    }
}

.dropdown-header {
    text-transform: uppercase;
    padding: 0 0 14px;
    font-size: 13px;
    letter-spacing: .08px;
    line-height: 1.55;
    font-weight: 500
}

.choices__list::-webkit-scrollbar,
.dropdown-scroll::-webkit-scrollbar,
.ui-elements-bar::-webkit-scrollbar {
    -webkit-appearance: none
}

.choices__list::-webkit-scrollbar:vertical,
.dropdown-scroll::-webkit-scrollbar:vertical,
.ui-elements-bar::-webkit-scrollbar:vertical {
    width: 10px
}

.choices__list::-webkit-scrollbar:horizontal,
.dropdown-scroll::-webkit-scrollbar:horizontal,
.ui-elements-bar::-webkit-scrollbar:horizontal {
    height: 10px
}

.choices__list::-webkit-scrollbar-thumb,
.dropdown-scroll::-webkit-scrollbar-thumb,
.ui-elements-bar::-webkit-scrollbar-thumb {
    background-color: rgba(70, 70, 163, .2);
    border-radius: 10px;
    border: 2px solid #f8f9fa
}

.choices__list::-webkit-scrollbar-track,
.dropdown-scroll::-webkit-scrollbar-track,
.ui-elements-bar::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #f8f9fa
}

@media (max-width:991.98px) {
    .navbar-nav .dropdown .dropdown-menu {
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin-top: 0
    }
}

@media (max-width:575.98px) {
    .dropdown {
        position: static
    }
    .app-download-1{
        display: none!important;
    }

    .dropdown .dropdown-menu {
        left: 10px;
        right: 10px
    }
    .section-title .title{
        font-size: 23px!important;
    }
    .section-title .desc-content{
        font-size: 16px!important;
    }
    .apex-charts .apexcharts-canvas{
        width: 100px;
       
    }
    .navbar-brand svg{
        width: 120px;
    }
}

@media (min-width:992px) {
    .dropdown-menu {
        -webkit-animation-name: DropDownSlide;
        animation-name: DropDownSlide;
        -webkit-animation-duration: .3s;
        animation-duration: .3s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }

    .dropdown-menu.dropdown-menu-center {
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }

    .dropdown-hover:hover>.dropdown-menu {
        display: block
    }
}

@-webkit-keyframes DropDownSlide {
    100% {
        margin-top: -1px
    }

    0% {
        margin-top: 8px
    }
}

@keyframes DropDownSlide {
    100% {
        margin-top: -1px
    }

    0% {
        margin-top: 8px
    }
}

body[data-layout-mode=dark] .dropdown .dropdown-menu {
    background-color: #2a3760;
    border-color: #424a71;
    color: #f8f9fa;
    -webkit-box-shadow: 0 .5rem 1.5rem rgba(66, 74, 113, .1) !important;
    box-shadow: 0 .5rem 1.5rem rgba(66, 74, 113, .1) !important
}

body[data-layout-mode=dark] .dropdown .dropdown-menu .dropdown-item {
    background-color: #2a3760;
    color: #f8f9fa
}

body[data-layout-mode=dark] .dropdown .dropdown-menu .dropdown-item:hover {
    color: var(--primary);
}

body[data-layout-mode=dark] .dropdown-header {
    color: #6b83a5
}

body[data-layout-mode=dark] .choices__list::-webkit-scrollbar-thumb,
body[data-layout-mode=dark] .dropdown-scroll::-webkit-scrollbar-thumb,
body[data-layout-mode=dark] .ui-elements-bar::-webkit-scrollbar-thumb {
    background-color: #424a71;
    border: 2px solid #2a3760
}

body[data-layout-mode=dark] .choices__list::-webkit-scrollbar-track,
body[data-layout-mode=dark] .dropdown-scroll::-webkit-scrollbar-track,
body[data-layout-mode=dark] .ui-elements-bar::-webkit-scrollbar-track {
    background-color: #263257
}

.row>* {
    position: relative
}

.bg-soft-primary {
    background-color: rgba(55, 125, 255, .1) !important
}

.bg-soft-primary .border {
    border-color: var(--primary);!important
}

.bg-soft-secondary {
    background-color: rgba(68, 88, 126, .1) !important
}

.bg-soft-secondary .border {
    border-color: #44587e !important
}

.bg-soft-success {
    background-color: rgba(0, 176, 116, .1) !important
}

.bg-soft-success .border {
    border-color: #00b074 !important
}

.bg-soft-info {
    background-color: rgba(95, 208, 243, .1) !important
}

.bg-soft-info .border {
    border-color: #5fd0f3 !important
}

.bg-soft-warning {
    background-color: rgba(249, 170, 2, .1) !important
}

.bg-soft-warning .border {
    border-color: #f9aa02 !important
}

.bg-soft-danger {
    background-color: rgba(218, 55, 70, .1) !important
}

.bg-soft-danger .border {
    border-color: #da3746 !important
}

.bg-soft-pink {
    background-color: rgba(244, 47, 84, .1) !important
}

.bg-soft-pink .border {
    border-color: #f42f54 !important
}

.bg-soft-light {
    background-color: rgba(245, 247, 250, .1) !important
}

.bg-soft-light .border {
    border-color: #f5f7fa !important
}

.bg-soft-dark {
    background-color: rgba(70, 70, 163, .1) !important
}

.bg-soft-dark .border {
    border-color: #4646a3 !important
}

.bg-soft-purple {
    background-color: rgba(102, 102, 255, .1) !important
}

.bg-soft-purple .border {
    border-color: #66f !important
}

.bg-soft-blue {
    background-color: rgba(55, 125, 255, .1) !important
}

.bg-soft-blue .border {
    border-color: var(--primary); !important
}

.bg-soft-orange {
    background-color: rgba(241, 115, 79, .1) !important
}

.bg-soft-orange .border {
    border-color: #f1734f !important
}

.bg-soft-white {
    background-color: rgba(255, 255, 255, .1) !important
}

.bg-soft-white .border {
    border-color: #fff !important
}

.section {
    padding-top: 95px;
    padding-bottom: 95px;
    position: relative
}

@media (max-width:991.98px) {
    .section {
        padding-top: 60px;
        padding-bottom: 60px
    }
}

.section-title .title {
    font-size: 36px;
    line-height: 1.3
}

.section-title .desc-content {
    font-size: 19px
}

.para-desc {
    max-width: 570px
}

.sub-title {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .3px;
    display: inline-block;
    padding: 7px 9px;
    border-radius: 40px
}

::-moz-selection {
    color: #fff;
    background: var(--primary);
}

::selection {
    color: #fff;
    background: var(--primary);
}

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

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

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

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

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

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

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

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

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

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

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

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

.fw-medium {
    font-weight: 500
}

.fw-semibold {
    font-weight: 600
}

.bg-overlay {
    background-color: rgba(70, 70, 163, .5);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute
}
h1,h2,h3,h4,h5,h6{
    color:#262626;
    font-weight: 600;
}
:root{
    --primary:#051522;
    --secondary:#37ff68;
}
.text-primary{
    color:var(--primary)!important;
}
.text-black{
    color:#000!important;
}
.bg-primary{
    background-color: var(--primary)!important;
}
.btn-primary{
    background-color:var(--primary);
    border-color:var(--primary);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: var(--primary);
    border-color: var(--primary);
}
.bitcoin-table table td{
    color:#000;
}
.btn-secondary{
    background-color:var(--secondary);
    border-color:var(--secondary);
    color:#000;
}
.btn-secondary:hover{
    background-color:var(--secondary);
    border-color:var(--secondary);
    color:#000;
}

.btn-secondary:focus,
.btn-secondary:active {
    background-color:var(--secondary);
    border-color:var(--secondary);
    color:#000;
}

.rounded-4 {
    border-radius: .938rem
}

.bg-gradient-light {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafc), to(#fff));
    background-image: linear-gradient(to bottom, #fafafc, #fff)
}

.avatar-xs {
    height: 2.5rem;
    width: 2.5rem
}

.avatar-sm {
    height: 3rem;
    width: 3rem
}

.avatar-md {
    height: 4rem;
    width: 4rem
}

.avatar-lg {
    height: 5rem;
    width: 5rem
}

.avatar-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 500;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.primary-link {
    color: #171736;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.primary-link:hover {
    color: var(--primary); !important
}

.alert-dismissible .btn-close:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

#back-to-top {
    width: 35px;
    height: 35px;
    position: fixed;
    bottom: 20px;
    right: 30px;
    background: var(--primary);
    border-color: transparent;
    border-radius: 5px;
    color: #fff;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    opacity: 0;
    z-index: 999
}

#back-to-top:hover {
    border-radius: 5px;
    background-color: var(--primary);
}

.form-control::-webkit-input-placeholder,
.form-select::-webkit-input-placeholder {
    color: #adb5bd;
    font-size: 15px
}

.form-control::-moz-placeholder,
.form-select::-moz-placeholder {
    color: #adb5bd;
    font-size: 15px
}

.form-control:-ms-input-placeholder,
.form-select:-ms-input-placeholder {
    color: #adb5bd;
    font-size: 15px
}

.form-control:-moz-placeholder,
.form-select:-moz-placeholder {
    color: #adb5bd;
    font-size: 15px
}

@media (min-width:1200px) {
    .container {
        max-width: 1140px !important
    }

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

body[data-layout-mode=dark] .primary-link {
    color: #fff;
    -webkit-transition: all .5 ease;
    transition: all .5 ease
}

body[data-layout-mode=dark] .primary-link:hover {
    color: var(--primary);
}

.form-floating>label {
    font-size: 15px
}

.crypto-exchange-form .form-control {
    border-color: #e2e5e8;
    -webkit-box-shadow: 0 1.5rem 4rem rgba(23, 23, 54, .05);
    box-shadow: 0 1.5rem 4rem rgba(23, 23, 54, .05)
}

.check-list {
    height: 26px;
    width: 26px;
    line-height: 26px;
    text-align: center;
    background-color: rgba(0, 176, 116, .55)
}

.about-list-box {
    padding: 10px;
    border-radius: 40px;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 176, 116, .08)), to(transparent));
    background-image: linear-gradient(to right, rgba(0, 176, 116, .08), transparent)
}

body[data-layout-mode=dark] {
    color: #f5f6f7;
    background-color: #f9f9f9;
}

body[data-layout-mode=dark] .bg-light {
    background-color: #fff !important
}
.home-img{
    width: 100%;
}

.move-1 {
    -webkit-animation: move1 5s infinite;
    animation: move1 5s infinite;
}
.move-2 {
    -webkit-animation: move2 5s infinite;
    animation: move2 5s infinite;
}
.move-3 {
    -webkit-animation: move3 5s infinite;
    animation: move3 5s infinite;
}
@-webkit-keyframes move1 {
    0% {
        -webkit-transform: rotate(-1deg) translate(-2px, -2px);
        transform: rotate(-1deg) translate(-2px, -2px);
   }
    50% {
        -webkit-transform: rotate(1deg) translate(2px, 2px);
        transform: rotate(1deg) translate(2px, 2px);
   }
    100% {
        -webkit-transform: rotate(-1deg) translate(-2px, -2px);
        transform: rotate(-1deg) translate(-2px, -2px);
   }
}
@keyframes move1 {
    0% {
        -webkit-transform: rotate(-1deg) translate(-2px, -2px);
        transform: rotate(-1deg) translate(-2px, -2px);
   }
    50% {
        -webkit-transform: rotate(1deg) translate(2px, 2px);
        transform: rotate(1deg) translate(2px, 2px);
   }
    100% {
        -webkit-transform: rotate(-1deg) translate(-2px, -2px);
        transform: rotate(-1deg) translate(-2px, -2px);
   }
}
@-webkit-keyframes move2 {
    0% {
        -webkit-transform: rotate(1deg) translate(2px, 2px);
        transform: rotate(1deg) translate(2px, 2px);
   }
    50% {
        -webkit-transform: rotate(-1deg) translate(-2px, -2px);
        transform: rotate(-1deg) translate(-2px, -2px);
   }
    100% {
        -webkit-transform: rotate(1deg) translate(2px, 2px);
        transform: rotate(1deg) translate(2px, 2px);
   }
}
@-webkit-keyframes move3 {
    0% {
        transform: translate(0, 0);
   }
    20% {
        transform: translate(5px, 0);
   }
    40% {
        transform: translate(5px, 5px);
   }
    65% {
        transform: translate(0, 5px);
   }
    65% {
        transform: translate(5px, 0);
   }
    100% {
        transform: translate(0, 0);
   }
}

body[data-layout-mode=dark] .text-dark {
    color: #f5f7fa !important
}
body[data-layout-mode=dark] .modal-content {
    background-color: #222d4e;
    border-color: #2a3760
}

body[data-layout-mode=dark].bg-light {
    color: #f5f6f7;
    background-color: #222d4e !important
}

.btn-soft-primary {
    background-color: rgba(55, 125, 255, .15) !important;
    border-color: transparent;
    color: var(--primary); !important
}

.btn-soft-primary .open>.dropdown-toggle.btn-primary,
.btn-soft-primary.active,
.btn-soft-primary.focus,
.btn-soft-primary:active,
.btn-soft-primary:focus,
.btn-soft-primary:hover,
.btn-soft-primary:not(:disabled):not(.disabled):active,
.btn-soft-primary:not(:disabled):not(.disabled):active:focus {
    color: #fff !important;
    background: var(--priamry) !important
}

.btn-soft-secondary {
    background-color: rgba(68, 88, 126, .15) !important;
    border-color: transparent;
    color: #44587e !important
}

.btn-soft-secondary .open>.dropdown-toggle.btn-primary,
.btn-soft-secondary.active,
.btn-soft-secondary.focus,
.btn-soft-secondary:active,
.btn-soft-secondary:focus,
.btn-soft-secondary:hover,
.btn-soft-secondary:not(:disabled):not(.disabled):active,
.btn-soft-secondary:not(:disabled):not(.disabled):active:focus {
    color: #fff !important;
    background: var(--primary) !important
}

.btn-soft-success {
    background-color: rgba(0, 176, 116, .15) !important;
    border-color: transparent;
    color: #00b074 !important
}

.btn-soft-success .open>.dropdown-toggle.btn-primary,
.btn-soft-success.active,
.btn-soft-success.focus,
.btn-soft-success:active,
.btn-soft-success:focus,
.btn-soft-success:hover,
.btn-soft-success:not(:disabled):not(.disabled):active,
.btn-soft-success:not(:disabled):not(.disabled):active:focus {
    color: #fff !important;
    background: #00b074 !important
}

.btn-soft-info {
    background-color: rgba(95, 208, 243, .15) !important;
    border-color: transparent;
    color: #5fd0f3 !important
}

.btn-soft-info .open>.dropdown-toggle.btn-primary,
.btn-soft-info.active,
.btn-soft-info.focus,
.btn-soft-info:active,
.btn-soft-info:focus,
.btn-soft-info:hover,
.btn-soft-info:not(:disabled):not(.disabled):active,
.btn-soft-info:not(:disabled):not(.disabled):active:focus {
    color: #fff !important;
    background: #5fd0f3 !important
}

.btn-soft-warning {
    background-color: rgba(249, 170, 2, .15) !important;
    border-color: transparent;
    color: #f9aa02 !important
}

.btn-soft-warning .open>.dropdown-toggle.btn-primary,
.btn-soft-warning.active,
.btn-soft-warning.focus,
.btn-soft-warning:active,
.btn-soft-warning:focus,
.btn-soft-warning:hover,
.btn-soft-warning:not(:disabled):not(.disabled):active,
.btn-soft-warning:not(:disabled):not(.disabled):active:focus {
    color: #fff !important;
    background: #f9aa02 !important
}

.btn-soft-danger {
    background-color: rgba(218, 55, 70, .15) !important;
    border-color: transparent;
    color: #da3746 !important
}

.btn-soft-danger .open>.dropdown-toggle.btn-primary,
.btn-soft-danger.active,
.btn-soft-danger.focus,
.btn-soft-danger:active,
.btn-soft-danger:focus,
.btn-soft-danger:hover,
.btn-soft-danger:not(:disabled):not(.disabled):active,
.btn-soft-danger:not(:disabled):not(.disabled):active:focus {
    color: #fff !important;
    background: #da3746 !important
}

.btn-soft-pink {
    background-color: rgba(244, 47, 84, .15) !important;
    border-color: transparent;
    color: #f42f54 !important
}

.btn-soft-pink .open>.dropdown-toggle.btn-primary,
.btn-soft-pink.active,
.btn-soft-pink.focus,
.btn-soft-pink:active,
.btn-soft-pink:focus,
.btn-soft-pink:hover,
.btn-soft-pink:not(:disabled):not(.disabled):active,
.btn-soft-pink:not(:disabled):not(.disabled):active:focus {
    color: #fff !important;
    background: #f42f54 !important
}

.btn-soft-light {
    background-color: rgba(245, 247, 250, .15) !important;
    border-color: transparent;
    color: #f5f7fa !important
}

.btn-soft-light .open>.dropdown-toggle.btn-primary,
.btn-soft-light.active,
.btn-soft-light.focus,
.btn-soft-light:active,
.btn-soft-light:focus,
.btn-soft-light:hover,
.btn-soft-light:not(:disabled):not(.disabled):active,
.btn-soft-light:not(:disabled):not(.disabled):active:focus {
    color: #fff !important;
    background: #f5f7fa !important
}

.btn-soft-dark {
    background-color: rgba(70, 70, 163, .15) !important;
    border-color: transparent;
    color: #4646a3 !important
}

.btn-soft-dark .open>.dropdown-toggle.btn-primary,
.btn-soft-dark.active,
.btn-soft-dark.focus,
.btn-soft-dark:active,
.btn-soft-dark:focus,
.btn-soft-dark:hover,
.btn-soft-dark:not(:disabled):not(.disabled):active,
.btn-soft-dark:not(:disabled):not(.disabled):active:focus {
    color: #fff !important;
    background: #4646a3 !important
}

.btn-soft-purple {
    background-color: rgba(102, 102, 255, .15) !important;
    border-color: transparent;
    color: #66f !important
}

.btn-soft-purple .open>.dropdown-toggle.btn-primary,
.btn-soft-purple.active,
.btn-soft-purple.focus,
.btn-soft-purple:active,
.btn-soft-purple:focus,
.btn-soft-purple:hover,
.btn-soft-purple:not(:disabled):not(.disabled):active,
.btn-soft-purple:not(:disabled):not(.disabled):active:focus {
    color: #fff !important;
    background: #66f !important
}

.btn-soft-blue {
    background-color: rgba(55, 125, 255, .15) !important;
    border-color: transparent;
    color: var(--primary); !important
}

.btn-soft-blue .open>.dropdown-toggle.btn-primary,
.btn-soft-blue.active,
.btn-soft-blue.focus,
.btn-soft-blue:active,
.btn-soft-blue:focus,
.btn-soft-blue:hover,
.btn-soft-blue:not(:disabled):not(.disabled):active,
.btn-soft-blue:not(:disabled):not(.disabled):active:focus {
    color: #fff !important;
    background: var(--primary); !important
}

.btn-soft-orange {
    background-color: rgba(241, 115, 79, .15) !important;
    border-color: transparent;
    color: #f1734f !important
}

.btn-soft-orange .open>.dropdown-toggle.btn-primary,
.btn-soft-orange.active,
.btn-soft-orange.focus,
.btn-soft-orange:active,
.btn-soft-orange:focus,
.btn-soft-orange:hover,
.btn-soft-orange:not(:disabled):not(.disabled):active,
.btn-soft-orange:not(:disabled):not(.disabled):active:focus {
    color: #fff !important;
    background: #f1734f !important
}

.btn-soft-white {
    background-color: rgba(255, 255, 255, .15) !important;
    border-color: transparent;
    color: #fff !important
}

.btn-soft-white .open>.dropdown-toggle.btn-primary,
.btn-soft-white.active,
.btn-soft-white.focus,
.btn-soft-white:active,
.btn-soft-white:focus,
.btn-soft-white:hover,
.btn-soft-white:not(:disabled):not(.disabled):active,
.btn-soft-white:not(:disabled):not(.disabled):active:focus {
    color: #fff !important;
    background: #fff !important
}

.btn-hover {
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.btn-hover:hover {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px)
}

.btn.btn-info,
.btn.btn-purple {
    color: #fff
}

.btn .btn-outline-light.active,
.btn .btn-outline-light:active,
.btn .btn-outline-light:focus,
.btn .btn-outline-light:hover,
.btn.btn-outline-white.active,
.btn.btn-outline-white:active,
.btn.btn-outline-white:focus,
.btn.btn-outline-white:hover {
    color: #4646a3
}

.btn.btn-outline-dark.active,
.btn.btn-outline-dark:active,
.btn.btn-outline-dark:hover,
.btn.btn-outline-primary.active,
.btn.btn-outline-primary:active,
.btn.btn-outline-primary:hover,
.btn.btn-outline-success.active,
.btn.btn-outline-success:active,
.btn.btn-outline-success:hover {
    color: #fff !important
}

body[data-layout-mode=dark] .btn-light {
    color: #fff;
    background-color: #2a3760;
    border-color: #2a3760 !important
}

body[data-layout-mode=dark] .btn-outline-light {
    color: #4a536e;
    border-color: #2a3760
}

body[data-layout-mode=dark] .btn-outline-light:hover {
    color: #4a536e;
    background-color: #2a3760;
    border-color: #2a3760
}

body[data-layout-mode=dark] .btn-check:focus+.btn-dark,
body[data-layout-mode=dark] .btn-check:focus+.btn-light,
body[data-layout-mode=dark] .btn-check:focus+.btn-outline-light,
body[data-layout-mode=dark] .btn-dark:focus,
body[data-layout-mode=dark] .btn-light:focus,
body[data-layout-mode=dark] .btn-outline-light:focus {
    -webkit-box-shadow: 0 0 0 .15rem rgba(42, 55, 96, .5);
    box-shadow: 0 0 0 .15rem rgba(42, 55, 96, .5)
}

body[data-layout-mode=dark] .btn-outline-dark,
body[data-layout-mode=dark] .btn-soft-dark {
    color: #727784
}

body[data-layout-mode=dark] .btn-dark {
    background-color: #29365e;
    border-color: #29365e
}

body[data-layout-mode=dark] .btn-outline-dark {
    border-color: #29365e
}

body[data-layout-mode=dark] .btn-outline-dark:hover {
    background-color: #29365e;
    border-color: #29365e
}

body[data-layout-mode=dark] .btn-soft-dark {
    background-color: rgba(38, 50, 87, .25);
    border-color: rgba(38, 50, 87, .25)
}

body[data-layout-mode=dark] .btn-soft-dark:hover {
    background-color: #29365e;
    border-color: #29365e
}

.pagination .page-link {
    margin: 0 5px;
    border: none;
    width: 45px;
    height: 45px;
    padding: 0;
    text-align: center;
    line-height: 45px;
    border-radius: 5px;
    margin-right: 3px
}

body[data-layout-mode=dark] .page-link {
    background-color: #2a3760
}

body[data-layout-mode=dark] .page-item.active .page-link {
    background-color: #263257
}

body[data-layout-mode=dark] .nav .nav-item .nav-link {
    color: #6b83a5
}

body[data-layout-mode=dark] .nav .nav-item .nav-link.active {
    color: #fff
}

.progress-sm {
    height: 5px
}

.progress-md {
    height: 8px
}

.progress-lg {
    height: 12px
}

.progress-xl {
    height: 35px
}

.animated-progess {
    position: relative
}

.animated-progess .progress-bar {
    position: relative;
    border-radius: 30px;
    -webkit-animation: animate-positive 2s;
    animation: animate-positive 2s
}

@-webkit-keyframes animate-positive {
    0% {
        width: 0
    }
}

@keyframes animate-positive {
    0% {
        width: 0
    }
}

.custom-progress {
    height: 15px;
    padding: 4px;
    border-radius: 30px
}

.custom-progress .progress-bar {
    position: relative;
    border-radius: 30px
}

.custom-progress .progress-bar::before {
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    background-color: #fff;
    border-radius: 7px;
    right: 2px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

body[data-layout-mode=dark] .progress {
    background-color: #2a3760
}

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: -webkit-gradient(linear, left top, right top, from(var(--primary)), to(var(--primary)));
    background-image: linear-gradient(to right, var(--primary), var(--primary));
    z-index: 99999;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    visibility: visible;
    opacity: 1
}

#preloader #status {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

#preloader #bitcoin {
    padding-top: 80px;
    width: 200px;
    margin: 0 auto;
    display: block;
    text-align: center
}

#preloader #bitcoin .path {
    stroke-dasharray: 2110;
    stroke-dashoffset: 2110;
    stroke-width: 2;
    stroke-linecap: round;
    -webkit-animation: preloader 6s linear infinite;
    animation: preloader 6s linear infinite;
    fill-opacity: 0;
    stroke: #fff
}

@-webkit-keyframes preloader {
    0% {
        stroke-dashoffset: 2110;
        opacity: 0;
        stroke: #fff
    }

    15% {
        opacity: 1;
        stroke: #fff
    }

    70% {
        opacity: 1;
        stroke: #fff
    }

    100% {
        stroke-dashoffset: 0;
        opacity: 0;
        stroke: #f9f9f9
    }
}

@keyframes preloader {
    0% {
        stroke-dashoffset: 2110;
        opacity: 0;
        stroke: #fff
    }

    15% {
        opacity: 1;
        stroke: #fff
    }

    70% {
        opacity: 1;
        stroke: #fff
    }

    100% {
        stroke-dashoffset: 0;
        opacity: 0;
        stroke: #f9f9f9
    }
}





/* body[data-layout-mode=dark] .table .table-light,
body[data-layout-mode=dark] .table-hover>tbody>tr:hover>*,
body[data-layout-mode=dark] .table-striped>tbody>tr:nth-of-type(odd) {
    --bs-table-accent-bg: #263257;
    color: #fff
} */



.choices__list--multiple .choices__item {
    background-color: var(--primary);;
    border-color: var(--primary);;
    margin-bottom: 0
}

.choices__list--dropdown {
    z-index: 2;
    border-color: #e2e5e8;
    font-weight: 500;
    max-height: 330px;
    -webkit-box-shadow: 0 .375rem 1.5rem 0 rgba(241, 244, 248, .2);
    box-shadow: 0 .375rem 1.5rem 0 rgba(241, 244, 248, .2)
}

.choices__list--dropdown .choices__item--selectable {
    padding: 0;
    line-height: 43px;
    min-height: 44px;
    padding-left: 15px;
    padding-right: 29px;
    text-align: left
}

.choices__list--dropdown .choices__item--selectable::after {
    display: none
}

.choices__list--dropdown .choices__item--selectable.is-highlighted {
    color: var(--primary);;
    background-color: #f5f7fa
}

.choices__input {
    background-color: transparent;
    margin-bottom: 0
}

.choices__inner {
    color: #171736;
    background-color: #fff;
    padding: 12px;
    font-size: 15px;
    min-height: 39px;
    border: 1px solid #e2e5e8;
    font-weight: 500;
    border-radius: .4375rem
}

.choices__inner:focus {
    border: 1px solid #e2e5e8;
    border-radius: .4375rem
}

.choices[data-type*=select-one] .choices__input {
    background-color: transparent;
    border: 1px solid var(--primary);;
    margin: 10px;
    border-radius: 5px;
    width: 90%
}

.choices[data-type*=select-one]::after {
    border: 0;
    left: auto;
    content: "\F0140";
    font-family: 'Material Design Icons';
    top: 30%;
    right: 28px
}

.choices[data-type*=select-one].is-open .choices__inner,
.choices[data-type*=select-one].is-open .choices__list--dropdown {
    -webkit-box-shadow: 0 .375rem 1.5rem 0 rgba(241, 244, 248, .2);
    box-shadow: 0 .375rem 1.5rem 0 rgba(241, 244, 248, .2);
    border-color: #e2e5e8
}

.choices[data-type*=select-one].is-open::after {
    margin-top: -2.5px
}

.is-focused .choices__inner,
.is-open .choices__inner {
    border: 1px solid #e2e5e8
}








.crypto-exchange .choices {
    position: absolute;
    top: 7px;
    width: 88px;
    right: 7px
}

.crypto-exchange .choices .choices__inner {
    padding: 4px
}

.crypto-buy .choices {
    position: absolute;
    top: 5px;
    width: 88px;
    right: 7px
}

.crypto-buy .choices .choices__inner {
    padding: 4px;
    border: none
}

.apex-charts .apexcharts-canvas {
    margin: 0 auto
}

.apexcharts-legend-text {
    font-size: .952rem !important
}

.apex-charts {
    min-height: 10px !important
}

.apex-charts text {
    font-family: "HK Grotesk" !important
}

.apex-charts .apexcharts-canvas {
    margin: 0 auto
}

.apexcharts-tooltip-text,
.apexcharts-tooltip-title {
    font-family: "HK Grotesk" !important
}

.apexcharts-tooltip * {
    font-family: "HK Grotesk" !important;
    color: #6b83a5 !important
}

.apexcharts-tooltip.apexcharts-theme-dark * {
    color: #fff !important
}

.apexcharts-legend-series {
    font-weight: 500
}

.apexcharts-gridline {
    pointer-events: none;
    stroke: #f8f9fa
}

.apexcharts-legend-text {
    color: #6b83a5 !important;
    font-family: "HK Grotesk" !important
}

.apexcharts-pie-label {
    fill: #fff !important
}

.apexcharts-subtitle-text,
.apexcharts-title-text {
    fill: #adb5bd
}

.apexcharts-xaxis text,
.apexcharts-yaxis text {
    font-family: "HK Grotesk" !important;
    fill: #adb5bd
}

.apexcharts-yaxis-title {
    font-weight: 500
}

#home {
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.bg-home {
    padding: 195px 0 30px 0;
    position: relative
}

@media (max-width:767.98px) {
    .bg-home {
        padding: 170px 0 60px 0
    }
}

.watch-video {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.watch-video a {
    display: inline-block;
    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
}

.home-icon-list li {
    position: absolute;
    font-size: 35px
}

.home-icon-list li:first-child {
    top: 34%;
    left: 22%;
    -webkit-animation: rotating5 alternate ease-in-out infinite 14s;
    animation: rotating5 alternate ease-in-out infinite 14s
}

.home-icon-list li:nth-child(2) {
    top: 50%;
    right: 20%;
    -webkit-animation: rotating alternate ease-in-out infinite 10s;
    animation: rotating alternate ease-in-out infinite 10s
}

.home-icon-list li:nth-child(3) {
    bottom: 15%;
    right: 6%;
    -webkit-animation: rotating4 alternate ease-in-out infinite 10s;
    animation: rotating4 alternate ease-in-out infinite 10s
}

.home-icon-list li:nth-child(4) {
    bottom: 10%;
    left: 13%;
    -webkit-animation: rotating alternate ease-in-out infinite 10s;
    animation: rotating alternate ease-in-out infinite 10s
}

.home-icon-list li:nth-child(5) {
    top: 20%;
    right: 20%;
    -webkit-animation: rotating2 alternate ease-in-out infinite 10s;
    animation: rotating2 alternate ease-in-out infinite 10s
}

.home-icon-list li:nth-child(6) {
    top: 12%;
    left: 10%;
    -webkit-animation: rotating3 alternate ease-in-out infinite 10s;
    animation: rotating3 alternate ease-in-out infinite 10s
}

.home-icon-list li:nth-child(7) {
    bottom: 35%;
    left: 10%
}

@-webkit-keyframes rotating {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotating {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes rotating2 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        right: 10%
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        right: 20%
    }
}

@keyframes rotating2 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        right: 10%
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        right: 20%
    }
}

@-webkit-keyframes rotating3 {
    0% {
        top: 15%
    }

    100% {
        top: 30%
    }
}

@keyframes rotating3 {
    0% {
        top: 15%
    }

    100% {
        top: 30%
    }
}

@-webkit-keyframes rotating4 {
    0% {
        bottom: 10%
    }

    100% {
        bottom: 30%
    }
}

@keyframes rotating4 {
    0% {
        bottom: 10%
    }

    100% {
        bottom: 30%
    }
}

@-webkit-keyframes rotating5 {
    0% {
        left: 20%
    }

    100% {
        left: 30%
    }
}

@keyframes rotating5 {
    0% {
        left: 20%
    }

    100% {
        left: 30%
    }
}

.bg-home2 {
    padding: 245px 0 0;
    overflow-x: clip;
    background-position: bottom
}

@media (max-width:991.98px) {
    .bg-home2 {
        padding: 160px 0 55px 0
    }

    .bg-home2 .home-img {
        max-width: 100%;
        height: auto
    }
}

.homeSlider {
    height: 150px
}

@media (min-width:768px) and (max-width:991.98px) {
    .homeSlider {
        height: 320px
    }
}

@media (max-width:767.98px) {
    .homeSlider {
        height: 580px
    }
}

.bg-ico {
    position: relative;
    padding: 210px 0 65px 0;
    margin-bottom: 4px
}

.home-ico-card {
    background-color: #2a75ff;
    z-index: 2
}

.bg-home3 {
    position: relative;
    padding: 240px 0 190px 0;
    background-image: url(../images/home/bg-home-03.jpg);
    background-position: center;
    background-size: cover
}

.bg-home3 .bg-overlay {
    background: -webkit-gradient(linear, left top, right top, from(var(--primary);), to(#5253c2f2));
    background: linear-gradient(to right, var(--primary);, #5253c2f2)
}

.buy-sell-list {
    position: relative;
    margin-top: -145px
}

.bg-payment {
    position: relative;
    padding: 195px 0 105px 0
}

@media (max-width:991.98px) {
    .bg-payment {
        padding: 150px 0 70px 0
    }
}

@media (max-width:991.98px) {
    .home-img {
        max-width: 100%;
        height: auto
    }
}

.bg-wallet {
    position: relative;
    padding: 170px 0 80px 0
}

.bg-wallet .bg-overlay {
    background-color: rgba(55, 125, 255, .01);
    background-image: url(../images/home/bg-wallet.png);
    background-size: cover;
    background-position: center;
    opacity: .08
}



.features-tabs .nav-pills {
    padding: 8px;
    background-color: #fff;
    -webkit-box-shadow: 0 1.5rem 4rem rgba(23, 23, 54, .05);
    box-shadow: 0 1.5rem 4rem rgba(23, 23, 54, .05)
}

.features-tabs .nav-pills .nav-link {
    border-radius: 10px;
    color: #171736
}

.features-tabs .nav-pills .nav-link .avatar-sm i {
    font-size: 20px;
    line-height: 48px
}

.features-tabs .nav-pills .nav-link.active {
    background-color: var(--primary);;
    color: #fff
}

.nav-tab-content .tab-pane-image {
    background-color: #fff;
    border-radius: 10px;
    padding: 15px;
    -webkit-box-shadow: 0 1.5rem 4rem rgba(23, 23, 54, .05);
    box-shadow: 0 1.5rem 4rem rgba(23, 23, 54, .05)
}

.features-box .features-img {
    height: 210px
}

.features-box .features-icon {
    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;
    background: linear-gradient(45deg, transparent, rgba(55, 125, 255, .2))
}

.bitcoin-icon {
    position: absolute;
    top: 15px;
    right: 0;
    opacity: .08;
    -webkit-animation: rotating alternate ease-in-out infinite 20s;
    animation: rotating alternate ease-in-out infinite 20s
}

.crypto-chart {
    overflow: hidden;
    position: absolute;
    left: 24px;
    right: 24px;
    bottom: 24px;
    opacity: .15;
    z-index: 0
}

.apexcharts-gridline {
    pointer-events: none;
    stroke: #f5f7fa
}

.bounce {
    height: 50px;
    overflow: hidden;
    position: relative;
    background: #fefefe;
    color: #333;
    border: 1px solid #4a4a4a
}

.bounce ul li {
    text-align: center;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    -webkit-animation: bouncing-text 10s linear infinite alternate;
    animation: bouncing-text 10s linear infinite alternate
}

@-webkit-keyframes bouncing-text {
    0% {
        -webkit-transform: translateX(50%);
        transform: translateX(50%)
    }

    100% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@keyframes bouncing-text {
    0% {
        -webkit-transform: translateX(50%);
        transform: translateX(50%)
    }

    100% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.benefits-content {
    position: absolute;
    max-width: 318px;
    bottom: 33px;
    background: #fff;
    border-radius: 26px;
    left: 0
}

.bg-service-cta {
    background-image: url(../images/features/bg.jpg);
    background-size: cover;
    background-position: center;
    padding: 118px 0 220px 0;
    position: relative
}

.bg-service-cta .bg-overlay {
    background-color: rgba(45, 45, 81, .85)
}

.bg-service-cta .intro-play::before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 24px;
    width: 52px;
    height: 52px;
    background: var(--primary);;
    border-radius: 50%;
    -webkit-animation: pulse-border 1.5s ease-out infinite;
    animation: pulse-border 1.5s ease-out infinite
}

@media (max-width:991.98px) {
    .bg-service-cta {
        padding: 118px 0 120px 0
    }
}

@-webkit-keyframes pulse-border {
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0
    }
}

@keyframes pulse-border {
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0
    }
}

body[data-layout-mode=dark] .features-tabs .nav-pills {
    background-color: #2a3760;
    -webkit-box-shadow: 0 1.5rem 4rem rgba(74, 83, 110, .05) !important;
    box-shadow: 0 1.5rem 4rem rgba(74, 83, 110, .05) !important
}

body[data-layout-mode=dark] .features-tabs .nav-pills .nav-link {
    color: #d5d9df
}

body[data-layout-mode=dark] .nav-tab-content .tab-pane-image {
    background-color: #2a3760;
    -webkit-box-shadow: 0 1.5rem 4rem rgba(74, 83, 110, .05) !important;
    box-shadow: 0 1.5rem 4rem rgba(74, 83, 110, .05) !important
}

:root {
    --marquee-width: 80vw;
    --marquee-height: 20vh;
    --marquee-elements-displayed: 10;
    --marquee-element-width: calc(var(--marquee-width) / var(--marquee-elements-displayed));
    --marquee-animation-duration: calc(var(--marquee-elements) * 3s)
}

.marquee {
    overflow: hidden;
    position: relative
}

.marquee::after,
.marquee::before {
    position: absolute;
    top: 0;
    width: 10rem;
    height: 100%;
    content: "";
    z-index: 1
}

.marquee::before {
    left: 0;
    background: -webkit-gradient(linear, left top, right top, from(#fff), to(transparent));
    background: linear-gradient(to right, #fff 0, transparent 100%)
}

.marquee::after {
    right: 0;
    background: -webkit-gradient(linear, right top, left top, from(#fff), to(transparent));
    background: linear-gradient(to left, #fff 0, transparent 100%)
}

.marquee-content {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-animation: scrolling var(--marquee-animation-duration) linear infinite;
    animation: scrolling var(--marquee-animation-duration) linear infinite
}

@-webkit-keyframes scrolling {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(calc(-1 * var(--marquee-element-width) * var(--marquee-elements)));
        transform: translateX(calc(-1 * var(--marquee-element-width) * var(--marquee-elements)))
    }
}

@keyframes scrolling {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(calc(-1 * var(--marquee-element-width) * var(--marquee-elements)));
        transform: translateX(calc(-1 * var(--marquee-element-width) * var(--marquee-elements)))
    }
}

.marquee-content li {
    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;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: var(--marquee-element-width);
    max-height: 100%;
    font-size: 35px;
    white-space: nowrap
}

.marquee-content li:nth-child(even) {
    margin-top: 150px
}

.marquee-content li i {
    height: 60px;
    width: 60px;
    line-height: 60px;
    text-align: center;
    border-radius: 50%
}

@media (max-width:600px) {
    :root {
        --marquee-width: 100vw;
        --marquee-height: 16vh;
        --marquee-elements-displayed: 3
    }

    .marquee:after,
    .marquee:before {
        width: 5rem
    }
}

.bg-subscribe {
    background: #f5f7fa;
    padding: 60px 0;
    position: relative;
    margin-bottom: -40px;
    z-index: 2
}

.subscribe-form .form-control {
    position: relative;
    padding: 15px 85px 15px 20px
}

.subscribe-form .btn {
    position: absolute;
    right: 5px;
    top: 5px;
    padding: 10px 14px
}

.buy-about-img {
    background: linear-gradient(213deg, #eff176 0, var(--primary); 100%), linear-gradient(48deg, #eabcbe 35%, #f6dcd1 calc(35% + 1px), #ff9d73 45%, #6afedc calc(45% + 1px), #b9dbd3 65%, #3c9d9c calc(65% + 1px), #68d5d3 100%);
    background-blend-mode: overlay, exclusion;
    padding: 25px
}

@media (min-width:992px) {
    .buy-about-img {
        -webkit-transform: perspective(750px) rotateX(6deg) rotateY(-12deg);
        transform: perspective(750px) rotateX(6deg) rotateY(-12deg)
    }
}

.bg-cta {
    position: relative;
    padding: 95px 0 130px 0
}

.bg-cta .bg-overlay {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1037%26quot%3b)' fill='none'%3e%3cpath d='M140 105C95.29 91.3 81.4 35.3 81.4 0C81.4 -17.2 110.7 0 140 0C210 0 210 0 280 0C350 0 350 0 420 0C420 0 420 0 420 0C490 38.5 503.39 77 560 77C589.6 77 561.82 16.83 592.42 0C631.82 -21.67 646.21 0 700 0C770 0 770 0 840 0C898.8 0 938.88 -31.45 957.6 0C980.54 38.55 916.59 74.79 923.33 140C927.79 183.17 956.37 216.77 980 216.77C1000.57 216.77 1009.85 180.07 1011.73 140C1014.94 71.68 961.93 36.53 990.18 0C1016.07 -33.47 1055.09 0 1120 0C1190 0 1190 0 1260 0C1330 0 1330 0 1400 0C1470 0 1497.71 -27.71 1540 0C1567.71 18.15 1546.12 47.03 1540 91.72C1536.53 117.03 1520.82 117.24 1520.82 140C1520.82 153.66 1537.96 149.68 1540 164.56C1547.55 219.68 1540 222.28 1540 280C1540 350 1540 350 1540 420C1540 490 1563.33 513.33 1540 560C1528.33 583.33 1500.1 573.09 1470 560C1430.1 542.65 1440.52 501.83 1400 499.13C1335.52 494.83 1330.45 524.12 1260 546C1232.45 554.55 1232.51 557.15 1204 560C1162.51 564.15 1162 560 1120 560C1050 560 1050 560 980 560C910 560 910 560 840 560C770 560 770 560 700 560C630 560 630 560 560 560C490 560 490 560 420 560C350 560 350 560 280 560C210 560 210 560 140 560C90.41 560 87.66 569.1 40.83 560C17.66 555.49 6.19 554 0 532.78C-14.23 484 0 476.39 0 420C0 350 0 350 0 280C0 257.36 -15.85 247.28 0 234.71C54.15 191.77 82.69 156.79 140 168.97C189.28 179.44 173.87 226.51 213.18 280C243.87 321.76 247.02 359.46 280 359.46C312.39 359.46 322.49 325.19 343.91 280C374.49 215.46 400.84 197.75 384 140C368.89 88.18 337.46 69.11 280 60.87C215.46 51.61 194.59 121.73 140 105' stroke='rgba(97%2c 149%2c 203%2c 0.58)' stroke-width='2'%3e%3c/path%3e%3cpath d='M700 109.89C663.63 109.89 635.19 109.46 626.32 140C610.49 194.52 625.78 216.69 650.59 280C662.62 310.69 677.79 328 700 328C718.65 328 723.36 307.06 732.31 280C754.47 213.06 773.11 197.36 762.22 140C756.96 112.3 731.58 109.89 700 109.89' stroke='rgba(97%2c 149%2c 203%2c 0.58)' stroke-width='2'%3e%3c/path%3e%3cpath d='M1400 251.65C1384.3 251.65 1369.73 262.4 1369.73 280C1369.73 315.2 1383.75 357.24 1400 357.24C1416.66 357.24 1435.56 314.4 1435.56 280C1435.56 261.6 1417.22 251.65 1400 251.65' stroke='rgba(97%2c 149%2c 203%2c 0.58)' stroke-width='2'%3e%3c/path%3e%3cpath d='M560 348.44C535 348.44 519.24 387.58 519.24 420C519.24 441.45 537.36 456.18 560 456.18C592.74 456.18 630 443.73 630 420C630 389.86 590.38 348.44 560 348.44' stroke='rgba(97%2c 149%2c 203%2c 0.58)' stroke-width='2'%3e%3c/path%3e%3cpath d='M840 401.74C823.41 404.17 811.03 408.85 811.03 420C811.03 434.13 820.27 451.6 840 452.31C904.76 454.64 911.01 441.27 980 426.09C984.45 425.11 986.89 424.06 986.89 420C986.89 408.66 991.36 396.7 980 395.29C917.92 387.57 907.9 391.81 840 401.74' stroke='rgba(97%2c 149%2c 203%2c 0.58)' stroke-width='2'%3e%3c/path%3e%3cpath d='M700 72.26C659.42 72.26 629.26 21.26 629.26 0C629.26 -14.87 664.63 0 700 0C764.62 0 829.23 -16.84 829.23 0C829.23 19.29 759.41 72.26 700 72.26' stroke='rgba(97%2c 149%2c 203%2c 0.58)' stroke-width='2'%3e%3c/path%3e%3cpath d='M1058.4 140C1069.39 72.07 1032.9 47.54 1053.82 0C1063.7 -22.46 1086.91 0 1120 0C1163.34 0 1182.78 -26.07 1206.67 0C1246.94 43.93 1224.37 71.86 1248.33 140C1251.04 147.7 1254.36 151.67 1260 151.67C1265.31 151.67 1264.08 144.7 1270.24 140C1334.08 91.36 1341.92 45 1400 45C1443.24 45 1472.88 95.61 1472.88 140C1472.88 176.78 1436.32 173.54 1400 207.34C1361.1 243.54 1331.11 234.97 1322.43 280C1310.62 341.3 1376.09 363.22 1359.02 420C1344.87 467.06 1314.62 466.13 1260 487.67C1195.11 513.27 1183 488.88 1120 514.29C1093.35 525.04 1106.91 551.44 1080.7 560C1036.91 574.3 1030.35 560 980 560C917.61 560 855.22 578.89 855.22 560C855.22 537.3 919.87 521.34 980 476.81C1014.39 451.34 1038.95 456.66 1044.26 420C1053.21 358.25 1005.03 349.01 1008.52 280C1012.1 209.01 1046.74 212.07 1058.4 140' stroke='rgba(97%2c 149%2c 203%2c 0.58)' stroke-width='2'%3e%3c/path%3e%3cpath d='M799.62 280C799.62 214.55 811.28 140 840 140C871.86 140 920.77 221.03 920.77 280C920.77 313.85 876.56 325.65 840 325.65C815.98 325.65 799.62 307.38 799.62 280' stroke='rgba(97%2c 149%2c 203%2c 0.58)' stroke-width='2'%3e%3c/path%3e%3cpath d='M1491.11 280C1491.11 249.24 1525.96 225.96 1540 225.96C1550.41 225.96 1540 252.98 1540 280C1540 333.11 1551.64 386.21 1540 386.21C1527.19 386.21 1491.11 329.36 1491.11 280' stroke='rgba(97%2c 149%2c 203%2c 0.58)' stroke-width='2'%3e%3c/path%3e%3cpath d='M0 388.89C15.01 388.89 46.67 407.57 46.67 420C46.67 430.9 17.73 435.56 0 435.56C-5.61 435.56 0 427.78 0 420C0 404.44 -8.33 388.89 0 388.89' stroke='rgba(97%2c 149%2c 203%2c 0.58)' stroke-width='2'%3e%3c/path%3e%3cpath d='M311.5 420C365.22 349.6 375.81 280 420 280C457.53 280 435.08 358.65 474.94 420C505.08 466.4 512.51 494 560 495.51C625.04 497.59 639.14 412.28 700 427.18C770.81 444.52 823.33 520.48 823.33 560C823.33 586.89 761.66 560 700 560C630 560 630 560 560 560C490 560 490 560 420 560C350 560 350 560 280 560C230 560 180 580.2 180 560C180 531.92 232.56 513.95 280 463.45C298.31 443.95 295.22 441.33 311.5 420' stroke='rgba(97%2c 149%2c 203%2c 0.58)' stroke-width='2'%3e%3c/path%3e%3cpath d='M700 34.62C680.56 34.62 666.11 10.19 666.11 0C666.11 -7.12 683.06 0 700 0C730.96 0 761.92 -8.07 761.92 0C761.92 9.24 728.47 34.62 700 34.62' stroke='rgba(97%2c 149%2c 203%2c 0.58)' stroke-width='2'%3e%3c/path%3e%3cpath d='M1105.07 140C1115.98 70.74 1110.12 68.75 1117.45 0C1117.58 -1.25 1118.72 0 1120 0C1121.66 0 1122.98 -1.6 1123.33 0C1138.53 68.4 1118.24 80.14 1151.11 140C1186.57 204.58 1209.36 191.73 1260 248.89C1271.38 261.73 1273.79 263.05 1275.14 280C1280.62 348.6 1280.43 353.22 1273.66 420C1272.86 427.89 1268.09 428.13 1260 429.33C1191.26 439.56 1185.52 446.72 1120 442.86C1106.34 442.06 1105.61 433.87 1101.64 420C1082.28 352.44 1072.47 349.82 1073.33 280C1074.19 209.82 1093.92 210.74 1105.07 140' stroke='rgba(97%2c 149%2c 203%2c 0.58)' stroke-width='2'%3e%3c/path%3e%3cpath d='M1355.61 140C1355.61 125.45 1380.13 107.5 1400 107.5C1414.79 107.5 1424.93 124.81 1424.93 140C1424.93 152.58 1414.01 163.04 1400 163.04C1379.35 163.04 1355.61 153.22 1355.61 140' stroke='rgba(97%2c 149%2c 203%2c 0.58)' stroke-width='2'%3e%3c/path%3e%3cpath d='M399 420C408.6 405.81 411.45 392.9 420 392.9C427.26 392.9 420.55 409.78 430.63 420C490.55 480.74 485.83 508.14 560 534.83C620.52 556.6 636.46 508.04 700 516.92C726.46 520.62 740 547.18 740 560C740 568.72 720 560 700 560C630 560 630 560 560 560C490 560 490 560 420 560C363.46 560 311.15 588.2 306.92 560C300.65 518.2 352.06 489.36 399 420' stroke='rgba(97%2c 149%2c 203%2c 0.58)' stroke-width='2'%3e%3c/path%3e%3cpath d='M931.3 560C931.3 551.14 956.48 527.54 980 527.54C1000.48 527.54 1019.3 550.84 1019.3 560C1019.3 567.07 999.65 560 980 560C955.65 560 931.3 567.37 931.3 560' stroke='rgba(97%2c 149%2c 203%2c 0.58)' stroke-width='2'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1037'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
    opacity: .15;
    background-size: cover
}

.application-store img {
    max-height: 64px
}

body[data-layout-mode=dark] .marquee::before {
    background: -webkit-gradient(linear, left top, right top, from(#222d4e), to(transparent));
    background: linear-gradient(to right, #222d4e 0, transparent 100%)
}

body[data-layout-mode=dark] .marquee::after {
    right: 0;
    background: -webkit-gradient(linear, right top, left top, from(#222d4e), to(transparent));
    background: linear-gradient(to left, #222d4e 0, transparent 100%)
}

.timeline {
    position: relative;
    width: 100%;
    margin: 0 auto
}

.timeline::before {
    content: "";
    position: absolute;
    width: 100%;
    top: 202px;
    left: 0;
    height: 1px;
    background-color: #f1f4f8
}

.timeline .swiper-slide .item-box {
    margin: 255px 0 20px;
    background-color: transparent
}

.timeline .swiper-slide .item-box::after,
.timeline .swiper-slide .item-box::before {
    content: "";
    position: absolute;
    left: 50%;
    background: #f1f4f8
}

.timeline .swiper-slide .item-box.active::after,
.timeline .swiper-slide .item-box.active::before {
    content: "";
    position: absolute;
    left: 50%;
    background: var(--primary);
}

.timeline .swiper-slide .item-box.active::before {
    width: 2px;
    height: 55px;
    top: -46px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.timeline .swiper-slide .item-box.active::after {
    width: 13px;
    height: 13px;
    top: -59px;
    border-radius: 3px;
    -webkit-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg)
}

.timeline .swiper-slide .item-box.active .roadmap-content {
    border: 2px dashed var(--primary);
}

.timeline .swiper-slide .item-box::before {
    width: 2px;
    height: 55px;
    top: -46px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.timeline .swiper-slide .item-box::after {
    width: 13px;
    height: 13px;
    top: -59px;
    border-radius: 3px;
    -webkit-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg)
}

.timeline .swiper-slide .roadmap-content {
    min-height: 110px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 2px dashed;
    border-color: transparent
}

.timeline .swiper-slide .active-line {
    position: relative
}

.timeline .swiper-slide .active-line::before {
    content: "";
    position: absolute;
    width: 100%;
    top: -61px;
    left: 50%;
    height: 2px;
    background-color: var(--primary);
}

.timeline .swiper-slide:nth-child(even) {
    margin-top: 5px;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.timeline .swiper-slide:nth-child(even) .roadmap-content {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.timeline .swiper-slide:nth-child(even) .active-line {
    position: relative
}

.timeline .swiper-slide:nth-child(even) .active-line::before {
    right: 50%;
    left: auto;
    bottom: 59px;
    top: auto
}

.timeline .swiper-button-next,
.timeline .swiper-button-prev {
    height: 40px;
    width: 40px;
    line-height: 40px;
    border-radius: 50%;
    background-color: #4485ff
}

.timeline .swiper-button-next::after,
.timeline .swiper-button-prev::after {
    font-size: 24px;
    color: #fff
}

.timeline .swiper-button-next {
    right: 0
}

.timeline .swiper-button-next::after {
    content: "\eb9f";
    font-family: unicons-line
}

.timeline .swiper-button-prev {
    left: 0
}

.timeline .swiper-button-prev::after {
    content: "\ec49";
    font-family: unicons-line
}

@media (max-width:991.98px) {
    .timeline::before {
        top: 194px
    }

    .timeline .swiper-slide .item-box {
        margin-top: 247px
    }
}

.bg-token {
    background-image: url(../images/other/bg-01.png);
    background-size: cover;
    background-position: center
}

.token-sale-box {
    position: relative;
    background-image: -webkit-gradient(linear, left top, right top, from(#f5f7fa), to(transparent));
    background-image: linear-gradient(to right, #f5f7fa, transparent);
    padding: 12px 22px
}

.token-sale-box:before {
    content: "";
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(55, 125, 255, .5)), to(rgba(55, 125, 255, .03)));
    background-image: linear-gradient(to bottom, rgba(55, 125, 255, .5), rgba(55, 125, 255, .03));
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    border-radius: 5px
}

.token-sale-progress {
    -webkit-box-shadow: rgba(68, 88, 126, .2) 0 7px 29px 0;
    box-shadow: rgba(68, 88, 126, .2) 0 7px 29px 0;
    background: #fff;
    height: 60px;
    overflow: visible;
    margin: 100px 0
}

.token-sale-progress .progress-bar {
    margin: 5px 0 5px 5px;
    font-size: 15px;
    font-weight: 500;
    position: relative;
    overflow: visible
}

.token-sale-progress .progress-bar .progress-text {
    color: #4646a3 !important;
    position: absolute;
    text-align: start
}

.token-sale-progress .progress-bar::after {
    content: "";
    position: absolute;
    height: 60px;
    border: 1px dashed #e2e5e8;
    bottom: 30px;
    left: 19.5%
}

.token-sale-progress .progress-bar::before {
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    background-color: transparent;
    border: 4px solid #e2e5e8;
    bottom: 25px;
    left: 20%;
    -webkit-transform: translateX(-60%) translateY(50%);
    transform: translateX(-60%) translateY(50%);
    border-radius: 50%;
    padding: 0;
    line-height: 1
}

.token-sale-progress .progress-bar:nth-child(1)::after {
    left: 18.8%
}

.token-sale-progress .progress-bar:nth-child(1) .progress-text {
    bottom: 90px;
    left: 21px
}

.token-sale-progress .progress-bar:nth-child(2) .progress-text {
    bottom: 90px;
    left: 65px
}

.token-sale-progress .progress-bar:nth-child(3) {
    margin: 5px
}

.token-sale-progress .progress-bar:nth-child(3)::after {
    left: 19.5%
}

.token-sale-progress .progress-bar:nth-child(3) .progress-text {
    bottom: 90px;
    left: 98px
}

.token-allocation-list {
    margin: 0;
    font-size: 16px
}

.token-allocation-list li {
    padding: 8px 0
}

.token-allocation-list li .sale-border {
    border-left: 5px solid;
    border-color: var(--primary);
}

.token-allocation-list li .sale-border span {
    margin: 0 0 0 8px
}

.token-allocation-list li:nth-child(2) .sale-border {
    border-color: #00b074
}

.token-allocation-list li:nth-child(3) .sale-border {
    border-color: #f9aa02
}

.token-allocation-list li:nth-child(4) .sale-border {
    border-color: #da3746
}

@media (max-width:575.98px) {
    .token-sale-progress {
        height: 200px;
        margin: 40px 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .app-download-1{
        display: none;
    }
    .apex-charts{
        display: flex;
        justify-content: center;
    }

    .token-sale-progress .progress-bar {
        height: 100%;
        width: 100% !important;
        margin: 2px 0
    }

    .token-sale-progress .progress-bar::after {
        display: none
    }

    .token-sale-progress .progress-bar:nth-child(3) {
        margin: 2px 0
    }

    .token-sale-progress .progress-bar::before {
        left: 5%;
        bottom: 28px
    }

    .token-sale-progress .progress-bar .progress-text {
        display: none
    }
}

.token-bonus-box {
    position: relative
}

.token-bonus-box::before {
    content: "";
    border-top: 1px dashed rgba(68, 88, 126, .2);
    position: absolute;
    width: 76.5%;
    left: 131px;
    top: 52px
}

@media (max-width:1199.98px) {
    .token-bonus-box::before {
        left: 115px
    }
}

@media (max-width:991.98px) {
    .token-bonus-box::before {
        left: 4px;
        border-top-color: transparent;
        border-left: 1px dashed rgba(68, 88, 126, .2);
        width: 1px;
        height: 73%;
        top: 49px
    }

    .token-bonus-box .token-bonus {
        margin-bottom: -15px
    }
}

.token-sale-details {
    margin-top: -125px;
    position: relative
}

#countdown li {
    text-transform: uppercase;
    margin: 10px;
    font-size: 14px
}

#countdown li span {
    display: block;
    font-size: 1.5rem;
    width: 58px;
    height: 58px;
    line-height: 58px;
    border: 1px solid #e2e5e8;
    text-align: center;
    border-radius: 50%;
    margin-bottom: 8px
}

#countdown.token-sale-index li span {
    width: 72px;
    height: 72px;
    line-height: 72px;
    font-size: 2rem;
    -webkit-box-shadow: 0 .5rem 1.5rem rgba(173, 181, 189, .3);
    box-shadow: 0 .5rem 1.5rem rgba(173, 181, 189, .3);
    border-color: transparent;
    border-radius: 8px;
    margin-bottom: 13px
}

body[data-layout-mode=dark] .token-sale-box {
    background-image: -webkit-gradient(linear, left top, right top, from(#2a3760), to(transparent));
    background-image: linear-gradient(to right, #2a3760, transparent)
}

body[data-layout-mode=dark] #countdown.token-sale-index li span {
    background-color: #2a3760;
    -webkit-box-shadow: 0 .5rem 1.5rem rgba(66, 74, 113, .1) !important;
    box-shadow: 0 .5rem 1.5rem rgba(66, 74, 113, .1) !important
}

.bg-ico-contact {
    position: relative;
    margin-bottom: -25px;
    z-index: 3;
    padding-bottom: 0
}

.contact-box {
    position: relative;
    padding: 30px 30px 30px 30px
}

.contact-form .form-control {
    border-bottom: 3px solid #e2e5e8
}

.contact-icon {
    width: 44px;
    height: 44px;
    line-height: 50px;
    text-align: center;
    background-color: var(--primary);;
    color: #f5f7fa;
    font-size: 20px
}

.custom-form {
    position: relative
}

@media (min-width:992px) {
    .custom-form {
        margin-top: -215px
    }
}

.team-box {
    background-image: linear-gradient(1deg, #fff 0, rgba(55, 125, 255, .3) 100%)
}

.team-box .team-social {
    position: absolute;
    bottom: 10px;
    right: 0;
    left: 0
}

.team-box .team-social li {
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: .5s;
    transition: .5s;
    opacity: 0;
    -webkit-transition-delay: calc(.2s * var(--i));
    transition-delay: calc(.2s * var(--i))
}

.team-box .team-social li a {
    color: var(--primary);;
    font-size: 20px;
    height: 32px;
    width: 32px;
    line-height: 32px;
    border-radius: 5px;
    display: inline-block;
    background-color: #fff
}

.team-box:hover .team-social li {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.quote-icon {
    position: absolute;
    font-size: 42px;
    top: -30px;
    left: 17px;
    opacity: .2
}

.testi-box {
    position: relative
}

.testi-box::before {
    content: "\ec51";
    font-family: remixicon;
    font-size: 89px;
    top: -24px;
    position: absolute;
    color: rgba(55, 125, 255, .06);
    right: 7px
}

.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active-main {
    background-color: var(--primary);;
    padding: 4px
}

body[data-layout-mode=dark] .team-box {
    background-image: linear-gradient(1deg, #222d4e 0, rgba(55, 125, 255, .3) 100%)
}

.blog-box {
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.blog-box:hover {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.blog-item img {
    min-height: 295px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.blog-item:hover img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.blog-search {
    position: relative;
    z-index: 2;
    margin-top: -36px
}

.blog-search .form-control {
    padding: .75rem 8.75rem .75rem 1.35rem
}

.blog-search .btn {
    position: absolute;
    right: 10px;
    top: 10px;
    padding: 10px 14px
}

.bg-blog {
    padding-top: 165px
}

.blog-details-page {
    padding-top: 180px;
    padding-bottom: 70px
}

.blog-details .blog-details-img {
    width: 100%;
    height: 526px;
    -o-object-fit: cover;
    object-fit: cover
}

.blog-social-list a {
    display: inline-block;
    color: #6b83a5;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.blog-social-list a:hover {
    color: var(--primary);
}

.blogGridSlider img {
    -webkit-clip-path: ellipse(100% 100% at -1% 50%);
    clip-path: ellipse(100% 100% at -1% 50%)
}

@media (max-width:768.98px) {
    .blogGridSlider img {
        -webkit-clip-path: ellipse(100% 73% at 50% 26%);
        clip-path: ellipse(100% 73% at 50% 26%)
    }
}

.blogGridSlider .swiper-slide {
    padding: 24px
}

.blog-grid-box {
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.blog-grid-box img {
    -webkit-clip-path: ellipse(100% 73% at 50% 26%);
    clip-path: ellipse(100% 73% at 50% 26%)
}

.blog-grid-box:hover {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.faqs {
    background-color: transparent
}

.faqs .accordion-item .accordion-header .accordion-button {
    font-weight: 500
}

.faqs .accordion-item .accordion-header .accordion-button:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.faqs .accordion-item .accordion-header .accordion-button::after {
    content: "\F0143";
    font-family: "Material Design Icons";
    background: 0 0;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    color: #4646a3;
    font-size: 19px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.faqs .accordion-item .accordion-header .accordion-button:not(.collapsed) {
    -webkit-box-shadow: none;
    box-shadow: none
}

.faq-menu .nav-link {
    color: #6b83a5;
    font-weight: 500;
    text-align: left;
    padding: 2px 20px;
    border-left: 2px solid transparent;
    border-radius: 0;
    margin-bottom: 11px
}

.faq-menu .nav-link.active {
    background-color: transparent;
    color: var(--primary);;
    border-left-color: var(--primary);
}

.accordion-item .accordion-header .accordion-button {
    padding: 15px 21px;
    background-color: #fff;
    font-weight: 500
}

.accordion-item .accordion-header .accordion-button::after {
    content: "\F0415";
    font-family: "Material Design Icons";
    background: 0 0;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    color: #4646a3;
    font-size: 19px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.accordion-item .accordion-header .accordion-button:not(.collapsed) {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 1px solid;
    border-bottom-color: #f1f4f8
}

.accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
    content: "\F0374"
}

.accordion-item .accordion-body {
    background-color: #fff
}



.process-box {
    position: relative
}

.process-box::before {
    content: "";
    position: absolute;
    left: 67%;
    top: 36px;
    width: 195px;
    height: 36px;
    background-image: url(../images/line2.png);
    background-position: center;
    opacity: .1
}

@media (max-width:991.98px) {
    .process-box::before {
        background-image: none;
        width: 0
    }
}

#style-switcher {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    background: none repeat scroll 0 0 #f5f7fa;
    -webkit-box-shadow: 0 4px 12px rgba(70, 70, 163, .07);
    box-shadow: 0 4px 12px rgba(70, 70, 163, .07);
    left: -165px;
    position: fixed;
    top: 35.5%;
    width: 165px;
    z-index: 999;
    padding: 10px 5px
}

#style-switcher .settings {
    background: #4a4a87;
    color: #fff;
    font-size: 20px;
    position: absolute;
    right: -45px;
    top: 0;
    height: 45px;
    width: 45px;
    line-height: 45px;
    text-align: center
}

ul.pattern {
    overflow: hidden;
    border-radius: 0
}

ul.pattern li {
    float: left;
    margin: 2px
}

ul.pattern li .color-list {
    display: block;
    height: 35px;
    width: 35px;
    border-radius: 30px;
    margin: 5px
}

ul.pattern .color1 {
    background-color: #66f
}

ul.pattern .color2 {
    background-color: var(--primary);
}

ul.pattern .color3 {
    background-color: #00a79d
}

.mode-btn {
    height: 40px;
    width: 80px;
    display: inline-block;
    line-height: 40px;
    background-color: var(--primary);;
    text-align: center
}

.mode-dark {
    display: none;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.mode-light {
    display: blog;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

body[data-layout-mode=dark] #style-switcher {
    background-color: #222d4e;
    -webkit-box-shadow: 0 .5rem 1.5rem rgba(66, 74, 113, .1) !important;
    box-shadow: 0 .5rem 1.5rem rgba(66, 74, 113, .1) !important
}

body[data-layout-mode=dark] .mode-dark {
    display: inline-block
}

body[data-layout-mode=dark] .mode-light {
    display: none
}

.buy-sell-img {
    position: absolute;
    top: -120px;
    right: 0;
    height: 191px
}

@media (max-width:991.98px) {
    .buy-sell-img {
        right: -38px
    }
}

.buysellSlider {
    padding: 1.5rem
}

.market-data-box {
    z-index: 2
}

.market-data-box .apexcharts-svg {
    z-index: 1
}

.market-data-menu .nav-item .nav-link.active {
    color: var(--primary);;
    background-color: rgba(55, 125, 255, .1)
}

.market-table-title table {
    font-size: 16px
}

.market-table-title table th {
    color: #44587e;
    font-size: 15px;
    font-weight: 500;
    border-bottom: 0
}

.hide {
    display: none;
    visibility: hidden;
    height: 0
}

.icon svg {
    fill: transparent
}

.favourite:checked~.btn-star svg {
    --color-svg: #da3746;
    color: #da3746 !important
}

.market-toolbar a {
    padding: 6px 8px;
    color: #6b83a5;
    background-color: #f5f7fa;
    margin-left: 5px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500
}

body[data-layout-mode=dark] .market-table-title table th {
    color: #6b83a5
}

body[data-layout-mode=dark] .market-toolbar a {
    background-color: #2a3760
}

.counter {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 2.4rem;
    font-size: 2.4rem;
    font-weight: 600
}

.counter>span {
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-transition: -webkit-transform 2s ease;
    transition: -webkit-transform 2s ease;
    transition: transform 2s ease;
    transition: transform 2s ease, -webkit-transform 2s ease;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    line-height: 1
}

.counter>span span {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    height: 100%
}

.intro-play a {
    display: inline-block;
    position: relative;
    width: 48px;
    height: 48px;
    line-height: 48px;
    border-radius: 50%;
    font-size: 20px;
    text-align: center;
    background-color: var(--primary);;
    color: #fff;
    z-index: 2
}

.bg-about-cta {
    padding: 95px 0 130px
}

.bg-about-cta .bg-overlay {
    background-color: rgba(70, 70, 163, .9)
}

#myVideo {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.testimonial-box {
    background: rgba(255, 255, 255, .12);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    border-color: transparent;
    color: #fff;
    max-width: 810px;
    margin: 0 auto
}

.pricing-page-title {
    padding-bottom: 232px;
    -webkit-clip-path: polygon(100% 0, 100% 48%, 87% 86%, 0 100%, 0 0);
    clip-path: polygon(100% 0, 100% 48%, 87% 86%, 0 100%, 0 0)
}

.bg-pricing {
    margin-top: -155px;
    z-index: 1
}

.pricing-box {
    position: relative;
    overflow: hidden
}

.pricing-box::before {
    content: "";
    background-color: rgba(245, 247, 250, .8);
    position: absolute;
    width: 100%;
    top: -45px;
    left: -31px;
    height: 164px;
    border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
    -webkit-transform: rotate(353deg);
    transform: rotate(353deg);
    z-index: 0
}

.pricing-box .card-body {
    z-index: 1
}

.ribbon {
    position: relative;
    display: inline-block;
    z-index: 1
}

.ribbon {
    position: absolute;
    right: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translate(50%, -28.5px) rotate(45deg);
    transform: translate(50%, -28.5px) rotate(45deg)
}

.ribbon__bends {
    color: #0052ea
}

.ribbon__body {
    color: var(--primary);
}

.ribbon__text {
    color: #fff;
    position: absolute;
    top: 5px;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 1;
    font-weight: 500
}

.ribbon--css {
    border-bottom: 20px solid var(--primary);;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    height: 20px;
    width: 140px;
    text-transform: uppercase;
    letter-spacing: -.05em;
    font-size: 12px;
    white-space: nowrap;
    text-align: center;
    font-weight: 700
}

.ribbon--css:after,
.ribbon--css:before {
    top: 20px;
    content: ' ';
    position: absolute;
    width: 0;
    height: 0
}

.ribbon--with-squares {
    border: 0;
    height: auto;
    width: auto
}

.ribbon--with-squares .ribbon__inner {
    border-bottom: 20px solid var(--primary);;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    height: 0;
    width: 140px;
    text-transform: uppercase;
    letter-spacing: -.05em;
    font-size: 12px;
    white-space: nowrap;
    line-height: 23px;
    text-align: center;
    font-weight: 700;
    display: block;
    position: relative;
    z-index: 1
}

.ribbon--with-squares:after,
.ribbon--with-squares:before {
    width: 13.33333px;
    height: 13.33333px;
    background-color: var(--primary);
}

.ribbon--with-squares:before {
    left: 0;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.ribbon--with-squares:after {
    right: 0;
    -webkit-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.ribbon--triangle {
    line-height: 20px
}

.ribbon--triangle:before {
    left: -20px;
    border-style: solid;
    border-width: 20px/2 20px/2 0 20px/2;
    border-color: var(--primary); transparent transparent transparent
}

.ribbon--triangle:after {
    right: -20px;
    border-style: solid;
    border-width: 20px/2 20px/2 0 20px/2;
    border-color: var(--primary); transparent transparent transparent
}

body[data-layout-mode=dark] .pricing-box::before {
    background-color: rgba(42, 55, 96, .65)
}

.bg-auth {
    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;
    min-height: 100vh;
    padding: 60px 0;
    background-color: #f5f7fa
}

.auth-form {
    background-color: rgba(255, 255, 255, .08);
    border: none;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px)
}

.auth-form .form-control {
    background-color: rgba(255, 255, 255, .1);
    border: none;
    color: #fff
}

.auth-form .form-control::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .3);
    font-size: 15px
}

.auth-form .form-control::-moz-placeholder {
    color: rgba(255, 255, 255, .3);
    font-size: 15px
}

.auth-form .form-control:-ms-input-placeholder {
    color: rgba(255, 255, 255, .3);
    font-size: 15px
}

.auth-form .form-control:-moz-placeholder {
    color: rgba(255, 255, 255, .3);
    font-size: 15px
}

.auth-form .nav-pills .nav-link {
    color: #fff;
    padding: 8px 30px
}

.auth-form .nav-pills .nav-link.active {
    background-color: rgba(255, 255, 255, .1);
    font-weight: 500
}

.auth-form .iti--allow-dropdown {
    color: #171736;
    display: block
}

.password-reset-box {
    position: relative;
    background-color: rgba(255, 255, 255, .1);
    padding: 16px
}

.verification-code-form .form-control {
    height: 60px;
    width: 60px
}
.w-35{
    width: 35%;
}

/*# sourceMappingURL=app-blue.min.css.map */