@import"https://fonts.googleapis.com/css2?family=Mukta:wght@400;500;600;700&family=Poppins:wght@300;400;600&display=swap";
:root {
    --ff-primary: "Mukta", sans-serif;
    --ff-secondary: "Poppins", sans-serif
}

:root {
    --body-bg: #ffffff;
    --body-color: #555555;
    --menu-bg: #ffffff;
    --primary: #FF002E;
    --primary-gradient: linear-gradient(180deg, #FF7A00 -12.44%, #FF002E 100%);
    --primary-gradient2: linear-gradient(90deg, #FF002E 0%, #FF7A00 100%);
    --primary-light: #FFF2F5;
    --secondary: #000349;
    --secondary-alpha: 0, 3, 73;
    --secondary-gradient: linear-gradient(90deg, #000349 0%, #005B8E 100%);
    --secondary-gradient2: linear-gradient(179.09deg, #000349 -1.11%, #005B8E 99.25%);
    --success: #00B2FF;
    --success-alpha: 0, 178, 255;
    --success-gradient: linear-gradient(90deg, #00B2FF 0%, #00FFC2 100%);
    --success-gradient2: linear-gradient(to right, #00B2FF 0%, #00FFC2 80%);
    --heading: #121B25;
    --paragraph: #555555;
    --border: #dadada;
    --border-light: #bcbcbc;
    --border-light-alpha: 188, 188, 188;
    --menu-color: #0E0F1B;
    --white: #ffffff;
    --black: #000000;
    --black2: #121B25;
    --black-gradient: linear-gradient(#000000, #000000);
    --black-alpha: 0, 0, 0;
    --white-permanent: #ffffff;
    --white-alpha: 255, 255, 255;
    --gray: #c4c4c4;
    --gray-alpha: 196, 196, 196;
    --light-gray: #F9F9F9;
    --light-gray2: #FaFaFa;
    --light-gray-alpha: 249, 249, 249;
    --footer-bg: #ffffff;
    --copyright-color: #666666;
    --copyright-bg: #F9F9F9;
    --title-data-watermark: rgba(85, 85, 85, 0.15);
    --card-bg: #ffffff;
    --title-border: #eee;
    --theme-blue: #0E0061;
    --theme-blue-light: #5D44BE;
    --theme-sky: #00FFC2;
    --theme-blue-dark: #000349;
    --theme-blue2: #002196;
    --theme-blue3: #001C7E;
    --cripto-border: rgba(223, 255, 255, 0.7);
    --blur-white: rgba(255, 255, 255, 0.1);
    --white-water-color: rgba(255, 255, 255, 0.1);
    --bit-gradient: linear-gradient(0deg, rgba(0, 19, 129, 0.95) 0%, rgba(0, 81, 172, 0.95) 100%);
    --bit-gradient-rgba: linear-gradient(0deg, rgba(0, 19, 129, 0.7) 0%, rgba(0, 81, 172, 0.7) 100%);
    --bit-gradient2: linear-gradient(-90deg, rgba(0, 19, 129, 0.95) 0%, rgba(0, 81, 172, 0.95) 100%)
}

:root {
    --theme-color: #000349;
    --font-color: #333333;
    --w-light: #EEEEEE;
    --option-color: #777777;
    --disable-color: #666666;
    --disable-color-2: #BBBBBB;
    --fafafa: #FAFAFA;
    --star-color: #FBB500;
    --denger-2: #FF2D5F;
    --table-change-span-color: #12F6AB;
    --subscribe-button-font-color: #002196;
    --option-border: #CEE5EF;
    --disable-border: #C2C2C2;
    --split-icon-bg: rgba(255, 255, 255, 0.2);
    --split-icon-bg-2: #0A6EE3;
    --accordion-title-bg: #F9F9F9;
    --shadow-color: rgba(14, 95, 189, 0.07);
    --option-shadow: rgba(0, 0, 0, 0.05);
    --video-overlay: rgba(8, 71, 94, 0.5);
    --gradient: linear-gradient(90deg, #00B2FF 0%, #00FFC2 100%);
    --alert-box-3-overlay: linear-gradient(90deg, rgba(8, 71, 94, 0.63) 0%, rgba(8, 71, 94, 0) 100%);
    --alert-box-5-bg: linear-gradient(88.1deg, #9E00FF 0%, #00D092 100%);
    --subscribe-bg: #002196;
    --subscribe-from-bg: rgba(255, 255, 255, 0.1);
    --footer-overlay: linear-gradient(180deg, rgba(0, 19, 129, 0.95) 0%, rgba(0, 81, 172, 0.95) 100%);
    --btn-primary: #127BF6;
    --btn-secondary: #08475E;
    --success: #12F6AB;
    --warning: #FFB628;
    --danger: #FF2D5F;
    --disable: #EEEEEE;
    --alert-1-bg: #F1FFFA;
    --alert-2-bg: #FFFAFB;
    --alert-4-bg: #FDFFF2;
    --theme-5: #F73859;
    --midnight: #0D1930;
    --pblm-crd-shadw: rgba(0, 0, 0, 0.07);
    --v5-team: linear-gradient(176.73deg, rgba(247, 56, 89, 0.2) -16.71%, rgba(63, 114, 175, 0) 88.26%);
    --theme-6: #000579;
    --sky-blue: #00B2FF;
    --clock-clr: #0D1930;
    --roadmap-item-bg: linear-gradient(153.43deg, rgba(0, 178, 255, 0.2) -37.86%, rgba(255, 255, 255, 0) 87.58%);
    --v6-blog: linear-gradient(180deg, rgba(0, 5, 121, 0) 0%, #000579 62.5%);
    --theme-7: #3F72AF;
    --abt-vdo-overlay: #143154;
    --tbl-title-bg: #E5E6F2;
    --tbl-odd-bg: #F7F7FB;
    --change-clr: #2BBF6F
}

body {
    font-family: var(--ff-primary);
    font-weight: 400;
    background: var(--body-bg);
    color: var(--body-color);
    font-size: 17px
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 15px;
    color: var(--heading);
    font-weight: 700;
    line-height: 1.3
}

p {
    margin-bottom: 20px;
    color: var(--paragraph);
    font-weight: 400;
    line-height: 1.9
}

a:active,
a:focus,
input,
select,
textarea {
    outline: none !important
}

input:not([type=submit]),
textarea {
    background: var(--light-gray);
    border: 1px solid var(--border);
    height: 50px;
    width: 100%;
    padding: 10px 15px;
    transition: .4s
}

input:not([type=submit]):focus,
textarea:focus {
    border-color: var(--primary)
}

textarea {
    height: 145px
}

img,
svg {
    max-width: 100%
}

a,
.container {
    text-decoration: none !important;
    transition: all .5s
}

a,
a:hover {
    color: var(--primary)
}

a:hover,
.btn,
button,
.btn:hover {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease
}

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

select {
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none
}

section {
    overflow: hidden;
    position: relative
}

#top {
    background: rgba(0, 0, 0, 0);
    color: rgba(var(--black-alpha), 0.2);
    height: 40px;
    width: 40px;
    cursor: pointer;
    text-align: center;
    line-height: 1.7;
    border: 2px solid rgba(var(--black-alpha), 0.2);
    border-radius: 50%;
    font-size: 20px;
    font-weight: 700;
    transition: .3s;
    position: fixed;
    right: 20px;
    bottom: 30px;
    display: none;
    z-index: 99
}

#top:hover {
    color: var(--primary);
    border-color: var(--primary)
}

.gradient #top {
    background: var(--bit-gradient);
    color: var(--white);
    border: none;
    text-align: center;
    line-height: 40px;
    animation: moveY 1s infinite alternate
}

.gradient #top i {
    background: var(--success-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.blue-top #top {
    background: var(--theme-blue-light);
    color: var(--white);
    border: none;
    text-align: center;
    line-height: 40px;
    animation: moveY 1s infinite alternate
}

@keyframes moveY {
    0% {
        transform: translateY(-5px)
    }
    100% {
        transform: translateY(5px)
    }
}

.border-top,
.border-right,
.border-bottom,
.border-left {
    border-color: var(--border) !important
}

.border-top.border-white,
.border-right.border-white,
.border-bottom.border-white,
.border-left.border-white {
    border-color: var(--white) !important
}

iframe {
    width: 100%
}

.fw-light {
    font-weight: 300 !important
}

.fw-light * {
    font-weight: 300 !important
}

.fw-regular {
    font-weight: normal !important
}

.fw-regular * {
    font-weight: normal !important
}

.fw-medium {
    font-weight: 500 !important
}

.fw-medium * {
    font-weight: 500 !important
}

.fw-semibold {
    font-weight: 600 !important
}

.fw-semibold * {
    font-weight: 600 !important
}

.fw-bold {
    font-weight: 700 !important
}

.fw-bold * {
    font-weight: 700 !important
}

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

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

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

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

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

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

.fs-24 {
    font-size: 24px !important
}

.w-33 {
    width: 33.333%
}

.w-66 {
    width: 66.6666%
}

.w-20 {
    width: 20%
}

.flex-1 {
    flex: 1
}

.height-100vh {
    min-height: 100vh
}

.w100 {
    max-width: 100px;
    width: 100px
}

.w50 {
    width: 50px;
    max-width: 50px
}

.w200 {
    max-width: 200px;
    width: 100%
}

.w300 {
    max-width: 300px;
    width: 100%
}

.w400 {
    max-width: 400px;
    width: 100%
}

.w500 {
    max-width: 500px;
    width: 100%
}

.w600 {
    max-width: 600px;
    width: 100%
}

.w700 {
    max-width: 700px;
    width: 100%
}

.w800 {
    max-width: 800px;
    width: 100%
}

.w900 {
    max-width: 900px;
    width: 100%
}

.w1000 {
    max-width: 1000px;
    width: 100%
}

.w50 {
    max-width: 50px;
    width: 100%
}

.w150 {
    max-width: 150px;
    width: 100%
}

.w250 {
    max-width: 250px;
    width: 100%
}

.w350 {
    max-width: 350px;
    width: 100%
}

.w450 {
    max-width: 450px;
    width: 100%
}

.w550 {
    max-width: 550px;
    width: 100%
}

.w650 {
    max-width: 650px;
    width: 100%
}

.w750 {
    max-width: 750px;
    width: 100%
}

.w850 {
    max-width: 850px;
    width: 100%
}

.w950 {
    max-width: 950px;
    width: 100%
}

.h1000 {
    height: 1000px
}

.min-h1000 {
    min-height: 1000px
}

.h500 {
    height: 500px
}

.min-h500 {
    min-height: 500px
}

.h600 {
    height: 600px
}

.min-h600 {
    min-height: 600px
}

.h700 {
    height: 700px
}

.min-h700 {
    min-height: 700px
}

.h800 {
    height: 800px
}

.min-h800 {
    min-height: 800px
}

.h900 {
    height: 900px
}

.min-h900 {
    min-height: 900px
}

.h1000 {
    height: 1000px
}

.min-h1000 {
    min-height: 1000px
}

.border {
    border: 1px solid var(--border)
}

.border-top {
    border-top: 1px solid var(--border)
}

.border-right {
    border-right: 1px solid var(--border)
}

.border-bottom {
    border-bottom: 1px solid var(--border)
}

.border-left {
    border-left: 1px solid var(--border)
}

.border-none {
    border: 0 !important
}

.rounded-5 {
    border-radius: 5px !important
}

.rounded-10 {
    border-radius: 10px !important
}

.rounded-20 {
    border-radius: 20px !important
}

.rounded-30 {
    border-radius: 30px !important
}

.rounded-40 {
    border-radius: 40px !important
}

.rounded-50 {
    border-radius: 50px !important
}

.rounded-60 {
    border-radius: 60px !important
}

.rounded-70 {
    border-radius: 70px !important
}

.rounded-80 {
    border-radius: 80px !important
}

.rounded-90 {
    border-radius: 90px !important
}

.rounded-100 {
    border-radius: 100px !important
}

.text-primary {
    color: var(--primary) !important
}

.text-secondary {
    color: var(--secondary) !important
}

.text-heading {
    color: var(--heading) !important
}

.text-success-gradient,
.text-secondary-gradient,
.text-primary-gradient {
    color: rgba(0, 0, 0, 0) !important;
    background: var(--primary-gradient2);
    -moz-background-clip: text;
    -webkit-background-clip: text;
    background-clip: text;
    display: inline-block
}

.text-secondary-gradient {
    background: var(--secondary-gradient);
    -moz-background-clip: text;
    -webkit-background-clip: text;
    background-clip: text
}

.text-success-gradient {
    background: var(--success-gradient);
    -moz-background-clip: text;
    -webkit-background-clip: text;
    background-clip: text
}

.btn {
    position: relative;
    overflow: hidden;
    border-radius: 0px;
    padding: 9px 25px;
    z-index: 5;
    box-shadow: none !important
}

.btn i {
    position: relative;
    top: 3px;
    font-size: 22px
}

.btn-primary {
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0);
    color: var(--white-permanent) !important
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background: rgba(0, 0, 0, 0) !important;
    border-color: var(--primary) !important;
    color: var(--primary) !important;
    box-shadow: none !important
}

.btn-primary::before {
    content: "";
    height: 100%;
    width: 100%;
    background: var(--primary-gradient2);
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    transition: .4s;
    transition: all .5s
}

.btn-primary:hover::before,
.btn-primary:focus::before {
    width: 0;
    right: -3px;
    left: auto
}

.btn-sky {
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0);
    color: var(--theme-blue2) !important
}

.btn-sky:hover,
.btn-sky:focus,
.btn-sky:active {
    background: rgba(0, 0, 0, 0) !important;
    border-color: var(--theme-sky) !important;
    color: var(--theme-sky) !important;
    box-shadow: none !important
}

.btn-sky::before {
    content: "";
    height: 100%;
    width: 100%;
    background: var(--success-gradient);
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    transition: .4s;
    transition: all .5s
}

.btn-sky:hover::before,
.btn-sky:focus::before {
    width: 0;
    right: -3px;
    left: auto
}

.btn-blue {
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0);
    color: var(--white-permanent) !important
}

.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active {
    background: rgba(0, 0, 0, 0) !important;
    border-color: var(--theme-blue-light) !important;
    color: var(--white) !important;
    box-shadow: none !important
}

.btn-blue::before {
    content: "";
    height: 100%;
    width: 100%;
    background: var(--theme-blue-light);
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    transition: .4s;
    transition: all .5s
}

.btn-blue:hover::before,
.btn-blue:focus::before {
    width: 0;
    right: -3px;
    left: auto
}

.btn-blue.text-blue:hover,
.btn-blue.text-blue:focus,
.btn-blue.text-blue.active {
    color: var(--theme-blue-light) !important
}

.btn-dark {
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0);
    color: var(--white-permanent) !important
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active {
    background: rgba(0, 0, 0, 0) !important;
    border-color: var(--heading) !important;
    color: var(--heading) !important;
    box-shadow: none !important
}

.btn-dark::before {
    content: "";
    height: 100%;
    width: 100%;
    background: var(--heading);
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    transition: .4s;
    transition: all .5s
}

.btn-dark:hover::before,
.btn-dark:focus::before {
    width: 0;
    right: -3px;
    left: auto
}

input.btn-primary {
    background: var(--primary);
    color: var(--white-permanent) !important
}

.btn-secondary {
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0);
    color: var(--white-permanent) !important
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {
    background: rgba(0, 0, 0, 0) !important;
    border-color: var(--secondary) !important;
    color: var(--secondary) !important;
    box-shadow: none !important
}

.btn-secondary::before {
    content: "";
    height: 100%;
    width: 100%;
    background: var(--secondary-gradient);
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    transition: .4s;
    transition: all .5s
}

.btn-secondary:hover::before,
.btn-secondary:focus::before {
    width: 0;
    right: -3px;
    left: auto
}

.btn-success {
    background: linear-gradient(to left, #00B2FF, #00FFC2, #00B2FF) no-repeat scroll left/200%;
    border: 0;
    box-shadow: none !important;
    outline: none !important;
    color: var(--heading)
}

.btn-success:hover {
    background-position: right;
    color: var(--heading)
}

.btn-outline-theme {
    border: 1px solid var(--theme-sky);
    border-radius: 4px;
    color: var(--white);
    overflow: hidden;
    position: relative;
    z-index: 1;
    transition: .4s ease-in
}

.btn-outline-theme:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: var(--success-gradient);
    z-index: -1;
    transform: translateY(-50px);
    opacity: 0;
    transition: .4s ease-in
}

.btn-outline-theme:hover {
    border-color: rgba(0, 0, 0, 0);
    color: var(--theme-blue2)
}

.btn-outline-theme:hover:after {
    transform: translateY(0px);
    opacity: 1
}

.container-fluid {
    max-width: 1500px
}

.p-10 {
    padding: 10px
}

.py-10,
.pt-10 {
    padding-top: 10px
}

.py-10,
.pb-10 {
    padding-bottom: 10px
}

.p-20 {
    padding: 20px
}

.py-20,
.pt-20 {
    padding-top: 20px
}

.py-20,
.pb-20 {
    padding-bottom: 20px
}

.p-30 {
    padding: 30px
}

.py-30,
.pt-30 {
    padding-top: 30px
}

.py-30,
.pb-30 {
    padding-bottom: 30px
}

.p-40 {
    padding: 40px
}

.py-40,
.pt-40 {
    padding-top: 40px
}

.py-40,
.pb-40 {
    padding-bottom: 40px
}

.py-50,
.pt-50 {
    padding-top: 50px
}

.py-50,
.pb-50 {
    padding-bottom: 50px
}

.py-60,
.pt-60 {
    padding-top: 60px
}

.py-60,
.pb-60 {
    padding-bottom: 60px
}

.py-70,
.pt-70 {
    padding-top: 70px
}

.py-70,
.pb-70 {
    padding-bottom: 70px
}

.py-80,
.pt-80 {
    padding-top: 80px
}

.py-80,
.pb-80 {
    padding-bottom: 80px
}

.py-100,
.pt-100 {
    padding-top: 100px
}

.py-100,
.pb-100 {
    padding-bottom: 100px
}

.mt--10,
.my--10 {
    margin-top: -10px
}

.mb--10,
.my--10 {
    margin-bottom: -10px
}

.mt--20,
.my--20 {
    margin-top: -20px
}

.mb--20,
.my--20 {
    margin-bottom: -20px
}

.mt--30,
.my--30 {
    margin-top: -30px
}

.mb--30,
.my--30 {
    margin-bottom: -30px
}

.mt--40,
.my--40 {
    margin-top: -40px
}

.mb--40,
.my--40 {
    margin-bottom: -40px
}

.me--1 {
    margin-right: -1px
}

.ms--1 {
    margin-left: -1px
}

.sec-title {
    margin-bottom: 60px;
    overflow: hidden
}

.sec-title h1 {
    font-size: 48px
}

.sec-title h1[data-watermark] {
    padding: 30px 0
}

.sec-title h1,
.sec-title h2,
.sec-title h3,
.sec-title h4,
.sec-title h5,
.sec-title h6 {
    position: relative;
    overflow: hidden;
    font-weight: 700;
    z-index: 1;
    color: var(--secondary);
    margin-bottom: 0
}

.sec-title h1[data-watermark]::before,
.sec-title h2[data-watermark]::before,
.sec-title h3[data-watermark]::before,
.sec-title h4[data-watermark]::before,
.sec-title h5[data-watermark]::before,
.sec-title h6[data-watermark]::before {
    content: attr(data-watermark);
    position: absolute;
    left: 0;
    -webkit-text-stroke: 1px var(--title-data-watermark);
    color: rgba(0, 0, 0, 0);
    font-size: 130px;
    line-height: .9;
    white-space: nowrap;
    top: 0;
    z-index: -1
}

.sec-title h1 span,
.sec-title h2 span,
.sec-title h3 span,
.sec-title h4 span,
.sec-title h5 span,
.sec-title h6 span {
    color: rgba(0, 0, 0, 0);
    background: var(--primary-gradient2);
    -moz-background-clip: text;
    -webkit-background-clip: text;
    background-clip: text
}

.sec-title p {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 0
}

.sec-title.text-white h1,
.sec-title.text-white h2,
.sec-title.text-white h3,
.sec-title.text-white h4,
.sec-title.text-white h5,
.sec-title.text-white h6,
.sec-title.text-white p {
    color: var(--white-permanent)
}

.sec-title.text-center h1::before,
.sec-title.text-center h2::before,
.sec-title.text-center h3::before,
.sec-title.text-center h4::before,
.sec-title.text-center h5::before,
.sec-title.text-center h6::before {
    left: 50%;
    transform: translate(-50%)
}

.sec-title-line h1,
.sec-title-line h2,
.sec-title-line h3,
.sec-title-line h4,
.sec-title-line-modern h1,
.sec-title-line-modern h2,
.sec-title-line-modern h3,
.sec-title-line-modern h4 {
    position: relative;
    display: inline-block;
    overflow: visible
}

.sec-title-line h1::before,
.sec-title-line h1::after,
.sec-title-line h2::before,
.sec-title-line h2::after,
.sec-title-line h3::before,
.sec-title-line h3::after,
.sec-title-line h4::before,
.sec-title-line h4::after,
.sec-title-line-modern h1::before,
.sec-title-line-modern h1::after,
.sec-title-line-modern h2::before,
.sec-title-line-modern h2::after,
.sec-title-line-modern h3::before,
.sec-title-line-modern h3::after,
.sec-title-line-modern h4::before,
.sec-title-line-modern h4::after {
    content: "";
    position: absolute;
    background: var(--primary-gradient2);
    height: 4px;
    width: 50px;
    top: calc(50% - 2px);
    right: calc(100% + 20px);
    transform: unset !important;
    left: auto !important;
    z-index: 5
}

.sec-title-line h1::after,
.sec-title-line h2::after,
.sec-title-line h3::after,
.sec-title-line h4::after,
.sec-title-line-modern h1::after,
.sec-title-line-modern h2::after,
.sec-title-line-modern h3::after,
.sec-title-line-modern h4::after {
    left: calc(100% + 20px) !important;
    right: auto
}

.sec-title-line-modern h1::before,
.sec-title-line-modern h1::after,
.sec-title-line-modern h2::before,
.sec-title-line-modern h2::after,
.sec-title-line-modern h3::before,
.sec-title-line-modern h3::after,
.sec-title-line-modern h4::before,
.sec-title-line-modern h4::after {
    width: 70px;
    background-image: url("data:image/svg+xml,%3Csvg width='70' height='4' viewBox='0 0 70 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='70' y='4' width='53.5297' height='3.99998' transform='rotate(180 70 4)' fill='url(%23paint0_linear)'%3E%3C/rect%3E%3Crect x='12.3516' y='4' width='4.11767' height='3.99998' transform='rotate(180 12.3516 4)' fill='url(%23paint1_linear)'%3E%3C/rect%3E%3Crect x='4.11719' y='4' width='4.11767' height='3.99998' transform='rotate(180 4.11719 4)' fill='url(%23paint2_linear)'%3E%3C/rect%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear' x1='70' y1='6.02816' x2='123.53' y2='6.02814' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FF002E'%3E%3C/stop%3E%3Cstop offset='1' stop-color='%23FF7A00'%3E%3C/stop%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear' x1='12.3516' y1='6.02816' x2='16.4692' y2='6.02816' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FF002E'%3E%3C/stop%3E%3Cstop offset='1' stop-color='%23FF7A00'%3E%3C/stop%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear' x1='4.11719' y1='6.02816' x2='8.23485' y2='6.02816' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FF002E'%3E%3C/stop%3E%3Cstop offset='1' stop-color='%23FF7A00'%3E%3C/stop%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E")
}

.sec-title-line-modern h1::after,
.sec-title-line-modern h2::after,
.sec-title-line-modern h3::after,
.sec-title-line-modern h4::after {
    transform: rotate(180deg) !important
}

.sec-title-line-modern.line-success h1::before,
.sec-title-line-modern.line-success h1::after,
.sec-title-line-modern.line-success h2::before,
.sec-title-line-modern.line-success h2::after,
.sec-title-line-modern.line-success h3::before,
.sec-title-line-modern.line-success h3::after,
.sec-title-line-modern.line-success h4::before,
.sec-title-line-modern.line-success h4::after {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='70' height='4' viewBox='0 0 70 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='70' y='4' width='53.5297' height='3.99998' transform='rotate(180 70 4)' fill='url(%23paint0_linear)'%3E%3C/rect%3E%3Crect x='12.3516' y='4' width='4.11767' height='3.99998' transform='rotate(180 12.3516 4)' fill='url(%23paint1_linear)'%3E%3C/rect%3E%3Crect x='4.11719' y='4' width='4.11767' height='3.99998' transform='rotate(180 4.11719 4)' fill='url(%23paint2_linear)'%3E%3C/rect%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear' x1='70' y1='6.02816' x2='123.53' y2='6.02816' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2300B2FF'%3E%3C/stop%3E%3Cstop offset='1' stop-color='%2300FFC2'%3E%3C/stop%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear' x1='12.3516' y1='6.02816' x2='16.4692' y2='6.02816' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2300B2FF'%3E%3C/stop%3E%3Cstop offset='1' stop-color='%2300FFC2'%3E%3C/stop%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear' x1='4.11719' y1='6.02816' x2='8.23485' y2='6.02816' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2300B2FF'%3E%3C/stop%3E%3Cstop offset='1' stop-color='%2300FFC2'%3E%3C/stop%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E")
}

.subtitle {
    display: block;
    color: var(--primary);
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 20px
}

.bg-primary {
    background: var(--primary) !important
}

.bg-secondary {
    background: var(--secondary) !important
}

.bg-success {
    background: var(--success) !important
}

.bg-gray,
.bg-light {
    background: var(--light-gray) !important
}

.bg-primary-gradient {
    background: var(--primary-gradient2) !important
}

.bg-secondary-gradient {
    background: var(--secondary-gradient) !important
}

.bg-success-gradient {
    background: var(--success-gradient) !important
}

.bg-overlay-primary-gradient,
.bg-overlay-secondary-gradient,
.bg-overlay-black-gradient,
.bg-overlay-primary,
.bg-overlay-secondary,
.bg-overlay-black {
    position: relative;
    z-index: 5
}

.bg-overlay-primary-gradient::before,
.bg-overlay-secondary-gradient::before,
.bg-overlay-black-gradient::before,
.bg-overlay-primary::before,
.bg-overlay-secondary::before,
.bg-overlay-black::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    opacity: .8
}

.bg-overlay-primary {
    background: var(--primary)
}

.bg-overlay-secondary {
    background: var(--secondary)
}

.bg-overlay-black {
    background: var(--black)
}

.bg-overlay-primary-gradient::before {
    background: var(--primary-gradient2)
}

.bg-overlay-secondary-gradient::before {
    background: var(--secondary-gradient)
}

.bg-overlay-black-gradient::before {
    background: var(--black-gradient)
}

.z-index-5 {
    z-index: 5;
    position: relative
}

.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p {
    color: var(--white)
}

.box-shadow {
    box-shadow: 0px 10px 40px rgba(0, 0, 0, .05)
}

.list li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 15px
}

.list li::before {
    content: "";
    position: absolute;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background: var(--primary);
    top: 7px;
    left: 0
}

.column-count-2 {
    column-count: 2
}

.column-count-3 {
    column-count: 3
}

.column-count-4 {
    column-count: 4
}

.column-gap-20 {
    column-gap: 20px
}

.column-gap-30 {
    column-gap: 30px
}

.column-gap-40 {
    column-gap: 40px
}

.column-gap-50 {
    column-gap: 50px
}

.inline-icon {
    font-weight: 500;
    font-size: 18px
}

.inline-icon i {
    color: rgba(0, 0, 0, 0);
    background: var(--primary-gradient2);
    -moz-background-clip: text;
    -webkit-background-clip: text;
    background-clip: text;
    margin-right: 5px
}

.carousel-dots .owl-dots {
    text-align: center;
    margin-top: 10px
}

.carousel-dots .owl-dot {
    height: 10px;
    width: 10px;
    background: var(--gray) !important;
    border-radius: 50%;
    margin: 3px;
    outline: none !important
}

.carousel-dots .owl-dot.active {
    background: var(--primary) !important
}

b,
strong {
    font-weight: 700
}

.ply-video {
    position: absolute;
    content: "";
    width: 78px;
    height: 78px;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: var(--sky-blue);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9
}

.ply-video::before,
.ply-video::after {
    position: absolute;
    content: "";
    background-color: var(--sky-blue);
    width: 100%;
    height: 100%;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, .5);
    border-radius: 50%;
    top: 0;
    left: 0;
    transform: scale(0.5);
    animation: play_button 1.5s linear infinite;
    opacity: 0;
    z-index: -1
}

.ply-video::after {
    animation-delay: .5s
}

.s-py-100 {
    padding: 100px 0px
}

.s-py-100-50 {
    padding: 100px 0px 50px
}

.s-py-50-100 {
    padding: 50px 0px 100px
}

.s-py-50 {
    padding: 50px 0px
}

@media screen and (max-width: 991px) {
    .s-py-100 {
        padding: 70px 0px
    }
    .s-py-100-50 {
        padding: 70px 0px 35px
    }
    .s-py-50-100 {
        padding: 35px 0px 70px
    }
    .s-py-50 {
        padding: 35px 0px
    }
}

@media screen and (max-width: 767px) {
    .s-py-100 {
        padding: 50px 0px
    }
    .s-py-100-50 {
        padding: 50px 0px 25px
    }
    .s-py-50-100 {
        padding: 25px 0px 50px
    }
    .s-py-50 {
        padding: 25px 0px
    }
    .ply-video {
        width: 60px;
        height: 60px
    }
    .ply-video a {
        width: 40px
    }
}

button {
    background-color: rgba(0, 0, 0, 0);
    border: none;
    border-radius: 0px
}

button:focus {
    outline: 0;
    box-shadow: none
}

.btn-xl {
    padding: 18px 35px !important
}

.btn-lg {
    padding: 12px 30px !important
}

.btn-md {
    padding: 10px 25px !important
}

.btn-sm {
    padding: 8px 20px !important
}

.btn-xs {
    padding: 5px 15px !important;
    font-size: 15px !important
}

.button-wrapper {
    max-width: 960px;
    margin: 0 auto
}

.single-button-area {
    padding-bottom: 20px
}

.single-button-area:last-child {
    padding-bottom: 0
}

.single-button-area h6 {
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 25px
}

.regular-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap
}

.r-button {
    font-size: 16px;
    padding: 10px 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    line-height: 1;
    color: var(--white);
    background-color: var(--btn-primary);
    margin-right: 10px;
    transition: all .3s ease-in-out;
    border: 1px solid rgba(0, 0, 0, 0);
    margin-bottom: 20px;
    border-radius: 0px
}

.r-promary {
    background-color: var(--btn-primary)
}

.r-promary:hover {
    border-color: var(--btn-primary);
    color: var(--btn-primary);
    background-color: rgba(0, 0, 0, 0)
}

.r-secondary {
    background-color: var(--btn-secondary)
}

.r-secondary:hover {
    border-color: var(--btn-secondary);
    color: var(--btn-secondary);
    background-color: rgba(0, 0, 0, 0)
}

.r-success {
    background-color: var(--success);
    color: var(--font-color)
}

.r-success:hover {
    border-color: var(--success);
    color: var(--success);
    background-color: rgba(0, 0, 0, 0)
}

.r-warning {
    background-color: var(--warning);
    color: var(--font-color)
}

.r-warning:hover {
    border-color: var(--warning);
    color: var(--warning);
    background-color: rgba(0, 0, 0, 0)
}

.r-danger {
    background-color: var(--danger)
}

.r-danger:hover {
    border-color: var(--danger);
    color: var(--danger);
    background-color: rgba(0, 0, 0, 0)
}

.r-disable {
    background-color: var(--disable);
    color: var(--disable-color)
}

.r-disable:hover {
    color: var(--disable-color)
}

.o-button {
    background-color: rgba(0, 0, 0, 0)
}

.o-promary {
    color: var(--btn-primary);
    border-color: var(--btn-primary)
}

.o-promary:hover {
    color: var(--white);
    background-color: var(--btn-primary)
}

.o-secondary {
    color: var(--btn-secondary);
    border-color: var(--btn-secondary)
}

.o-secondary:hover {
    color: var(--white);
    background-color: var(--btn-secondary)
}

.o-success {
    color: var(--success);
    border-color: var(--success)
}

.o-success:hover {
    color: var(--font-color);
    background-color: var(--success)
}

.o-warning {
    color: var(--warning);
    border-color: var(--warning)
}

.o-warning:hover {
    color: var(--font-color);
    background-color: var(--warning)
}

.o-danger {
    color: var(--danger);
    border-color: var(--danger)
}

.o-danger:hover {
    color: var(--white);
    background-color: var(--danger)
}

.o-disable {
    color: var(--disable-color-2);
    border-color: var(--disable-border)
}

.o-disable:hover {
    color: var(--disable-color);
    background-color: var(--disable);
    border-color: rgba(0, 0, 0, 0)
}

.split {
    width: 170px;
    position: relative;
    overflow: hidden
}

.split .cp-icon {
    position: absolute;
    justify-content: center;
    align-items: center;
    display: flex;
    display: flex;
    height: 100%;
    width: 45px
}

.split .cp-icon img,
.split .cp-icon svg {
    width: 18px;
    height: 18px
}

.split:hover {
    color: var(--white)
}

.split-1 {
    justify-content: start;
    padding-left: 15px;
    transition: all .3s ease-in-out
}

.split-1 .cp-icon {
    right: 0;
    background: var(--split-icon-bg);
    transition: all .3s ease-in-out
}

.split-1:hover {
    background: var(--split-icon-bg-2)
}

.split-1:hover .cp-icon {
    background: var(--btn-primary)
}

.split-2 {
    justify-content: flex-end;
    padding-right: 15px;
    transition: all .3s ease-in-out
}

.split-2 .cp-icon {
    left: 0;
    background: var(--split-icon-bg-2);
    border-radius: 5px;
    transition: all .3s ease-in-out
}

.split-2:hover {
    background: var(--split-icon-bg-2)
}

.split-2:hover .cp-icon {
    background: var(--btn-primary)
}

.split-3 .cp-icon {
    border-radius: 0
}

.split-4 {
    background: rgba(0, 0, 0, 0);
    border-color: var(--btn-primary);
    color: var(--btn-primary)
}

.split-5 {
    background: rgba(0, 0, 0, 0);
    border-color: var(--btn-primary);
    color: var(--btn-primary)
}

.split-5 .cp-icon {
    border-radius: 0
}

.semi-rounded {
    border-radius: 5px
}

.rounded {
    border-radius: 100px !important
}

.theme-5-btn {
    background: var(--theme-5);
    color: var(--white);
    transition: all .3s ease-in-out;
    border: 1px solid rgba(0, 0, 0, 0);
    font-size: 20px;
    font-weight: 600;
    border-radius: 5px;
    padding: 10px 20px
}

.theme-5-btn:hover {
    background: rgba(0, 0, 0, 0);
    border-color: var(--theme-5);
    color: var(--theme-5)
}

.theme-6-btn {
    background: var(--sky-blue);
    color: var(--white);
    transition: all .3s ease-in-out;
    border: 1px solid rgba(0, 0, 0, 0);
    font-size: 20px;
    font-weight: 600;
    border-radius: 5px;
    padding: 10px 20px
}

.theme-6-btn:hover {
    background: rgba(0, 0, 0, 0);
    border-color: var(--sky-blue);
    color: var(--sky-blue)
}

.theme-7-btn {
    background: var(--theme-7);
    color: var(--white);
    transition: all .3s ease-in-out;
    border: 1px solid rgba(0, 0, 0, 0);
    font-size: 20px;
    font-weight: 600;
    border-radius: 0px;
    padding: 10px 20px
}

.theme-7-btn:hover {
    background: rgba(0, 0, 0, 0);
    border-color: var(--theme-7);
    color: var(--theme-7)
}

@media screen and (max-width: 991px) {
    .regular-button {
        justify-content: flex-start
    }
}

@media screen and (max-width: 767px) {
    .single-button-area {
        padding-bottom: 10px
    }
    .single-button-area h6 {
        margin-bottom: 15px
    }
    .theme-5-btn,
    .theme-6-btn,
    .theme-7-btn {
        font-size: 17px;
        font-weight: 500
    }
}

@media screen and (max-width: 575px) {
    .split {
        width: 150px
    }
}

.section-title {
    max-width: 690px;
    margin: 0 auto;
    margin-bottom: 40px
}

.section-title h3 {
    line-height: 1;
    padding-bottom: 15px;
    color: var(--theme-color);
    font-weight: 600;
    margin-bottom: 0px
}

.section-title p {
    padding-bottom: 20px;
    border-bottom: 1px solid var(--w-light);
    margin-bottom: 0px;
    line-height: 1.5
}

@media screen and (max-width: 575px) {
    .section-title h3 {
        font-size: 22px;
        padding-bottom: 10px
    }
    .section-title p {
        padding-bottom: 10px;
        font-size: 15px
    }
}

.typography-area {
    padding-top: 70px;
    padding-bottom: 50px
}

.typography-wrap {
    max-width: 1365px;
    margin-left: 150px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0px 20px
}

.typography {
    background-color: var(--white);
    box-shadow: 0px 10px 40px var(--shadow-color);
    padding: 35px 50px;
    border-radius: 10px
}

.typo-title h1,
.typo-title h2,
.typo-title h3,
.typo-title h5,
.typo-title h6 {
    margin-bottom: 0px
}

.typo-title h1 span,
.typo-title h2 span,
.typo-title h3 span,
.typo-title h5 span,
.typo-title h6 span {
    font-weight: 600
}

.typo-title h1 {
    font-weight: 400;
    font-size: 46px;
    line-height: 72px;
    padding-bottom: 30px
}

.typo-title h2 {
    font-size: 36px;
    font-weight: 400;
    line-height: 54px;
    padding-bottom: 30px
}

.typo-title h3 {
    font-size: 30px;
    font-weight: 400;
    line-height: 45px;
    padding-bottom: 30px
}

.typo-title h5 {
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    padding-bottom: 30px
}

.typo-title h5 {
    font-size: 18px;
    font-weight: 400;
    line-height: 27px
}

.typo-descripition h6 {
    font-weight: 600;
    margin-bottom: 24px;
    line-height: 27px
}

.typo-descripition .single-descripition {
    max-width: 350px;
    padding-bottom: 25px
}

.typo-descripition .single-descripition:last-child {
    padding-bottom: 0
}

.typo-descripition .single-descripition h4 {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    padding-bottom: 10px;
    margin-bottom: 0px
}

.typo-descripition .single-descripition p {
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 0px
}

.typo-descripition .text-center {
    margin: 0 auto
}

.typo-descripition .text-end {
    margin-left: auto
}

@media screen and (max-width: 1350px) {
    .typography-wrap {
        margin-left: 70px
    }
}

@media screen and (max-width: 1199px) {
    .typography-wrap {
        margin-left: 0px
    }
    .typo-title h1 {
        font-size: 36px;
        line-height: 47px
    }
    .typo-title h2 {
        font-size: 30px;
        line-height: 40px
    }
    .typo-title h3 {
        font-size: 24px;
        line-height: 34px
    }
    .typo-title h5 {
        font-size: 16px;
        line-height: 27px
    }
    .typo-title h6 {
        font-size: 14px;
        line-height: 25px
    }
}

@media screen and (max-width: 991px) {
    .typography-wrap {
        grid-template-columns: 1fr;
        grid-gap: 20px 0px
    }
    .typography-area {
        padding-bottom: 40px
    }
}

@media screen and (max-width: 767px) {
    .typography-area {
        padding-bottom: 35px
    }
    .typo-title h1 {
        padding-bottom: 10px
    }
    .typo-title h2 {
        padding-bottom: 10px
    }
    .typo-title h3 {
        padding-bottom: 10px
    }
    .typo-title h5 {
        padding-bottom: 10px
    }
    .typo-title h6 {
        padding-bottom: 10px
    }
}

@media screen and (max-width: 575px) {
    .typography {
        padding: 20px 20px;
        border-radius: 5px
    }
    .typo-title h1 {
        font-size: 26px;
        line-height: 36px
    }
    .typo-title h2 {
        font-size: 22px;
        line-height: 32px
    }
    .typo-title h3 {
        font-size: 20px;
        line-height: 31px
    }
    .typo-descripition h6 {
        margin-bottom: 15px
    }
    .typo-descripition .single-descripition {
        padding-bottom: 15px
    }
}

.all-option-wrap {
    position: sticky;
    top: 0;
    z-index: 9999
}

.option-toogle {
    background: var(--primary-gradient2);
    width: 160px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    font-size: 18px;
    font-weight: 600;
    left: 0;
    top: 0;
    position: absolute;
    border-radius: 0px 50px 50px 0px;
    cursor: pointer;
    z-index: 99;
    transform: translateX(-165px);
    transition: all .3s ease-in-out
}

.all-option {
    padding: 40px 0px 40px 50px;
    background-color: var(--white);
    border: 1px solid var(--option-border);
    box-shadow: 0px 10px 30px var(--option-shadow);
    border-radius: 10px;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0
}

.all-option a {
    display: block;
    padding-right: 80px;
    font-size: 18px;
    line-height: 46px;
    color: var(--option-color);
    transition: all .3s ease-in-out;
    position: relative
}

.all-option a::before {
    position: absolute;
    content: "";
    height: 5px;
    width: 0px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 5px 0px 0px 5px;
    right: 0;
    background: var(--primary-gradient2);
    opacity: 0;
    transition: all .3s ease-in-out
}

.all-option a:hover:before {
    width: 40px;
    opacity: 1
}

.all-option a.active::before {
    width: 40px;
    opacity: 1
}

.all-option a:hover,
.all-option a.active {
    color: var(--primary)
}

@media screen and (max-width: 1550px) {
    .all-option {
        transform: translateX(0px);
        transition: all .3s ease-in-out;
        top: 100px;
        opacity: 1;
        visibility: visible;
        top: 60px !important;
        height: calc(100vh - 60px);
        overflow-y: auto
    }
    .all-option.active {
        transform: translateX(-270px);
        opacity: 0;
        visibility: hidden
    }
    .option-toogle {
        transform: translateX(0px)
    }
    .typography-wrap,
    .card-wrapper,
    .progress-bar-wrapper,
    .image-wrapper,
    .video-wrapper,
    .carousel-wrapper,
    .input-field-wrapper,
    .pegination-wrapper,
    .alert-wrapper,
    .nab-tab-wrapper,
    .short-counter-wrapper,
    .coin-exchange-wrapper,
    .testimonial-wrapper,
    .st-team-wrapper,
    .live-chart-wrapper {
        margin-left: 0px !important;
        margin: 0 auto !important
    }
}

.card-wrapper {
    margin-left: 170px;
    max-width: 1300px
}

.card-top-section {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px
}

.seingl-card {
    box-shadow: 0px 10px 40px var(--shadow-color);
    background-color: var(--white);
    padding: 20px;
    border-radius: 10px
}

.card-title {
    margin-bottom: 0
}

.card-title h6 {
    line-height: 27px;
    font-weight: 600;
    padding-bottom: 25px;
    margin-bottom: 0px
}

.card-content {
    padding-top: 20px
}

.card-content h4 {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    padding-bottom: 10px;
    margin-bottom: 0px
}

.card-content p {
    font-size: 14px;
    line-height: 21px;
    padding-bottom: 15px;
    margin-bottom: 0px;
    line-height: 1.5
}

.card-content a {
    margin: 0
}

.card-style-4 {
    grid-row: 2/span 2
}

.card-style-4 .card-content {
    padding-top: 0;
    padding-bottom: 30px
}

.card-style-5 .card-content {
    padding-top: 0;
    padding-bottom: 0px
}

.card-style-7 {
    grid-column: 2/span 2
}

.card-style-7 .card-content p {
    padding-bottom: 25px
}

.card-footer-items {
    display: flex;
    justify-content: space-between
}

.card-footer-items .minute-show span {
    font-size: 12px;
    line-height: 18px;
    color: var(--disable-color-2)
}

.card-footer-items .card-social a {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid var(--disable-color);
    color: var(--disable-color);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    margin-left: 20px;
    transition: all .3s ease-in-out
}

.card-footer-items .card-social a:hover {
    border-color: rgba(0, 0, 0, 0);
    color: var(--white);
    background-color: var(--btn-primary)
}

.card-bottom {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
    padding-top: 20px;
    max-width: 1100px;
    margin: 0 auto
}

.bottom-single-card {
    display: flex;
    align-items: center
}

.bottom-single-card .card-content {
    padding-left: 20px
}

.bottom-single-card .card-content p {
    padding: 0
}

.bottom-single-card .card-thumb img {
    max-width: 170px
}

.bottom-single-card-2 .card-content {
    padding-left: 0;
    padding-right: 20px
}

@media screen and (max-width: 1350px) {
    .card-wrapper {
        margin-left: 70px
    }
}

@media screen and (max-width: 1199px) {
    .card-wrapper {
        margin-left: 0px
    }
}

@media screen and (max-width: 991px) {
    .seingl-card {
        padding: 20px;
        border-radius: 5px
    }
    .card-top-section {
        grid-template-columns: 1fr 1fr
    }
    .card-style-2 .card-thumb {
        text-align: center
    }
    .card-style-3 {
        order: 7
    }
    .card-style-3 .card-thumb {
        text-align: right
    }
    .card-style-6 .card-title {
        text-align: left
    }
    .card-style-7 {
        grid-column: unset
    }
}

@media screen and (max-width: 767px) {
    .card-title h6 {
        line-height: 26px;
        padding-bottom: 12px;
        font-size: 17px
    }
    .card-footer-items {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center
    }
    .card-footer-items .card-social {
        margin-top: 10px
    }
    .card-footer-items .card-social a {
        margin: 0px 5px
    }
}

@media screen and (max-width: 575px) {
    .card-top-section {
        grid-template-columns: 1fr
    }
    .seingl-card {
        max-width: 400px;
        margin: 0 auto
    }
    .card-style-7 .card-content p {
        padding-bottom: 15px
    }
    .card-bottom {
        grid-template-columns: 1fr
    }
}

.accordions-wrapper {
    max-width: 1270px;
    margin-left: 200px
}

.accorion-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 40px
}

.accordion-title h6 {
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    margin-bottom: 25px
}

.accordion {
    background-color: var(--accordion-title-bg);
    padding: 30px;
    border: 1px solid rgba(0, 0, 0, 0);
    transition: all .3s ease-in-out
}

.accordion.active {
    background-color: rgba(0, 0, 0, 0);
    border-color: var(--w-light)
}

.accordion.active .accordion-head h6 {
    color: var(--font-color)
}

.accordion.active .accordion-head h6 i {
    color: var(--btn-primary);
    transform: rotate(180deg)
}

.accordion .accordion-head {
    cursor: pointer
}

.accordion .accordion-head h6 {
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0px
}

.accordion .accordion-head h6 i {
    color: var(--btn-primary);
    transition: all .3s ease-in-out;
    font-size: 20px
}

.accordion .accordion-body {
    display: none;
    padding: 0;
    padding-top: 10px
}

.accordion .accordion-body p {
    font-weight: 14px;
    line-height: 21px;
    margin-bottom: 0px
}

.accorderon-2 {
    background-color: var(--btn-primary)
}

.accorderon-2 .accordion-head h6 {
    color: var(--white)
}

.accorderon-2 .accordion-head h6 i {
    color: var(--white)
}

.accorderon-3.active .accordion-head h6 {
    color: var(--btn-primary)
}

.accorderon-3.active .accordion-head h6 i {
    background-color: var(--fafafa);
    color: var(--font-color)
}

.accorderon-3 .accordion-head h6 i {
    color: var(--white);
    height: 32px;
    width: 32px;
    background-color: var(--btn-primary);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.accorderon-4.active .accordion-head .cp-icon {
    background-color: var(--accordion-title-bg);
    border-color: var(--w-light)
}

.accorderon-4.active .accordion-head .cp-icon i {
    color: var(--btn-primary)
}

.accorderon-4 .accordion-head {
    position: relative
}

.accorderon-4 .accordion-head .cp-icon {
    width: 32px;
    height: 32px;
    background-color: var(--btn-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(0, 0, 0, 0);
    transition: all .3s ease-in-out;
    position: absolute;
    top: 0;
    right: 0px
}

.accorderon-4 .accordion-head .cp-icon i {
    color: var(--white)
}

@media screen and (max-width: 1350px) {
    .accordions-wrapper {
        margin-left: 100px
    }
}

@media screen and (max-width: 1199px) {
    .accordions-wrapper {
        margin-left: 50px
    }
}

@media screen and (max-width: 991px) {
    .accordions-wrapper {
        margin-left: 0px;
        margin: 0 auto
    }
    .accordion .accordion-head h6 {
        font-size: 16px
    }
}

@media screen and (max-width: 767px) {
    .accorion-wrap {
        grid-template-columns: 1fr;
        max-width: 500px;
        margin: 0 auto
    }
    .accordion {
        padding: 20px
    }
    .accordion-title h6 {
        font-size: 18px;
        margin-bottom: 15px
    }
}

@media screen and (max-width: 575px) {
    .accorion-wrap {
        grid-gap: 20px
    }
    .accordion-title h6 {
        font-size: 18px;
        line-height: 27px;
        margin-bottom: 15px
    }
    .accordion {
        padding: 10px
    }
    .accordion .accordion-head h6 {
        font-size: 15px
    }
    .accordion .accordion-head h6 i {
        font-size: 18px
    }
    .accorderon-3 .accordion-head h6 i {
        height: 25px;
        width: 25px;
        font-size: 16px
    }
    .accorderon-4 .accordion-head .cp-icon {
        width: 25px;
        height: 25px
    }
    .accorderon-4 .accordion-head .cp-icon i {
        font-size: 16px
    }
}

.image-wrapper {
    max-width: 1300px;
    margin-left: 170px
}

.image-box-1 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px
}

.single-image {
    background: var(--white);
    box-shadow: 0px 10px 40px var(--shadow-color);
    border-radius: 10px;
    padding: 30px 20px 25px;
    text-align: center
}

.single-image h6 {
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    padding-bottom: 30px;
    text-align: left;
    margin-bottom: 0px
}

.thumbnail-image {
    border: 5px solid #f0f0f0
}

.thumbnail-image img {
    width: 100%;
    height: 100%
}

.rounded-image {
    border-radius: 20px;
    overflow: hidden
}

.rounded-image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.circle-image {
    border-radius: 50%;
    overflow: hidden
}

.circle-image img {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.fullwidth-image img {
    width: 100%;
    height: 100%
}

.image-box-2 {
    padding-top: 40px
}

@media screen and (max-width: 1350px) {
    .image-wrapper {
        margin-left: 100px
    }
}

@media screen and (max-width: 1199px) {
    .image-wrapper {
        margin-left: 50px
    }
}

@media screen and (max-width: 991px) {
    .image-wrapper {
        margin-left: 0px
    }
}

@media screen and (max-width: 767px) {
    .image-box-1 {
        grid-template-columns: 1fr 1fr
    }
    .image-box-2 {
        padding-top: 30px
    }
}

@media screen and (max-width: 575px) {
    .image-box-1 {
        grid-template-columns: 1fr;
        max-width: 400px;
        margin: 0 auto
    }
    .single-image {
        padding: 20px
    }
    .single-image h6 {
        padding-bottom: 15px
    }
    .image-box-2 {
        padding-top: 20px
    }
}

.video-wrapper {
    max-width: 1200px;
    margin-left: 230px
}

.video-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 30px
}

.video-box {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    overflow: hidden
}

.video-box::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: var(--video-overlay);
    top: 0;
    left: 0;
    border-radius: 10px
}

.video-box img {
    width: 100%
}

.video-box .play-button {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.video-box .play-button a {
    color: var(--white);
    font-size: 50px
}

.video-box-3 .play-button {
    position: absolute;
    content: "";
    width: 50px;
    height: 50px;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1
}

.video-box-3 .play-button::before,
.video-box-3 .play-button::after {
    position: absolute;
    content: "";
    background-color: var(--white);
    width: 100%;
    height: 100%;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, .5);
    border-radius: 50%;
    top: 0;
    left: 0;
    transform: scale(0.5);
    animation: play_button 1.5s linear infinite;
    opacity: 0;
    z-index: -1
}

.video-box-3 .play-button::after {
    animation-delay: .5s
}

.video-box-3 .play-button a {
    font-size: 50px;
    line-height: 50px;
    color: var(--white);
    position: relative;
    z-index: 9
}

@keyframes play_button {
    0% {
        transform: scale(0.5)
    }
    50% {
        opacity: .5
    }
    100% {
        transform: scale(2.5);
        opacity: 0
    }
}

@media screen and (max-width: 1350px) {
    .video-wrapper {
        margin-left: 100px
    }
}

@media screen and (max-width: 1199px) {
    .video-wrapper {
        margin-left: 50px
    }
}

@media screen and (max-width: 991px) {
    .video-wrapper {
        margin-left: 0px
    }
}

@media screen and (max-width: 767px) {
    .video-wrap {
        grid-template-columns: 1fr 1fr
    }
}

@media screen and (max-width: 575px) {
    .video-wrap {
        grid-template-columns: 1fr;
        grid-gap: 20px;
        max-width: 350px;
        margin: 0 auto
    }
}

.carousel-wrapper {
    max-width: 1325px;
    margin-left: 170px
}

.single-carousel {
    background-color: var(--white);
    box-shadow: 0px 10px 40px var(--shadow-color);
    border-radius: 10px;
    padding: 35px 25px 25px;
    margin-bottom: 20px
}

.single-carousel img {
    width: 100%
}

.carousel-title h6 {
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    padding-bottom: 15px;
    margin-bottom: 0
}

.carousel-active .items img {
    width: 100%
}

.carousel-active.carousel-3,
.carousel-active.carousel-4 {
    position: relative
}

.carousel-active.carousel-3::before,
.carousel-active.carousel-4::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url("../img/short-code-img/carousel/carousel-3.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.carousel-active.carousel-3 .carousel-content,
.carousel-active.carousel-4 .carousel-content {
    padding: 120px 35px 70px;
    text-align: center
}

.carousel-active.carousel-3 .carousel-content h6,
.carousel-active.carousel-4 .carousel-content h6 {
    font-weight: 600;
    line-height: 27px;
    color: var(--white);
    padding-bottom: 10px;
    margin-bottom: 0
}

.carousel-active.carousel-3 .carousel-content p,
.carousel-active.carousel-4 .carousel-content p {
    font-size: 15px;
    line-height: 22px;
    color: var(--white);
    margin-bottom: 0;
    line-height: 1.5
}

.carousel-active.carousel-4::before {
    background-image: url("../img/short-code-img/carousel/carousel-4.png")
}

.carousel-active-2 .carousel-thumb img {
    width: 100%
}

.carousel-5 {
    margin-bottom: 0
}

.carousel-5 .content-bg {
    background-color: var(--fafafa)
}

.carousel-5 .owl-dots {
    display: none
}

.carousel-5 .carousel-content {
    padding: 10px 22px 10px 15px
}

.carousel-5 .carousel-content h6 {
    font-weight: 600;
    line-height: 27px;
    padding-bottom: 10px;
    margin-bottom: 0
}

.carousel-5 .carousel-content p {
    font-size: 15px;
    line-height: 22px;
    padding-bottom: 15px;
    margin-bottom: 0;
    line-height: 1.5
}

.carousel-5 .carousel-content a {
    margin: 0
}

.carousel-5 .owl-nav {
    position: absolute;
    bottom: 20px;
    left: 19%
}

.carousel-5 .owl-nav .owl-prev {
    display: inline-block;
    font-size: 20px;
    color: var(--white) !important;
    margin-right: 10px
}

.carousel-5 .owl-nav .owl-next {
    display: inline-block;
    font-size: 20px;
    color: var(--white) !important;
    margin-left: 10px
}

.carousel-6 {
    margin-bottom: 0
}

.carousel-6 .owl-dots {
    display: none
}

.carousel-active {
    position: relative
}

.carousel-active .owl-dots {
    position: absolute;
    bottom: 25px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center
}

.carousel-1 .owl-dot {
    background: var(--white) !important;
    width: 35px;
    height: 3px;
    border-radius: 20px;
    margin: 0px 8px
}

.carousel-1 .owl-dot.active {
    height: 6px
}

.carousel-2 .owl-dot {
    border: 2px solid var(--white) !important;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin: 0px 8px
}

.carousel-2 .owl-dot.active {
    background-color: var(--white);
    height: 10px
}

@media screen and (max-width: 1350px) {
    .carousel-wrapper {
        margin-left: 100px
    }
}

@media screen and (max-width: 1199px) {
    .carousel-wrapper {
        margin-left: 50px
    }
    .carousel-5 {
        margin-bottom: 20px
    }
}

@media screen and (max-width: 991px) {
    .carousel-wrapper {
        margin-left: 0px
    }
}

@media screen and (max-width: 767px) {
    .carousel-5 .carousel-content {
        text-align: center
    }
    .carousel-5 .carousel-thumb img {
        max-height: 274px
    }
    .carousel-5 .owl-nav {
        position: absolute;
        bottom: 190px;
        left: 50%;
        transform: translateX(-50%)
    }
}

@media screen and (max-width: 575px) {
    .single-carousel {
        border-radius: 5px;
        padding: 10px 10px 15px;
        margin-bottom: 15px
    }
    .single-carousel .owl-dots {
        bottom: 15px
    }
    .carousel-3 .carousel-content {
        padding: 40px 10px
    }
    .carousel-3 .carousel-content h6 {
        line-height: 24px;
        padding-bottom: 5px;
        font-size: 16px
    }
    .carousel-5 .carousel-thumb img {
        max-height: 200px
    }
    .carousel-title h6 {
        font-size: 16px;
        line-height: 24px;
        padding-bottom: 10px
    }
}

.pegination-wrapper {
    max-width: 1400px;
    margin-left: 130px
}

.pegination-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px
}

.single-pegination {
    background: var(--white);
    box-shadow: 0px 10px 40px var(--shadow-color);
    border-radius: 10px;
    padding: 25px 35px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.single-pegination a {
    font-size: 20px;
    line-height: 1;
    font-weight: 500;
    color: var(--font-color);
    transition: all .3s ease-in-out;
    margin: 0px 5px
}

.single-pegination a:hover,
.single-pegination a.active {
    color: var(--btn-primary)
}

.pegination-2 a {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0);
    margin: 0px 2px
}

.pegination-2 a:last-child,
.pegination-2 a:first-child {
    width: 0;
    height: 0
}

.pegination-2 a:last-child:hover,
.pegination-2 a:first-child:hover {
    background-color: none;
    color: var(--btn-primary)
}

.pegination-2 a:hover,
.pegination-2 a.active {
    background-color: var(--btn-primary);
    color: var(--white)
}

.pegination-3 a {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    border: 1px solid var(--w-light);
    justify-content: center;
    background-color: rgba(0, 0, 0, 0);
    margin: 0px 2px
}

.pegination-3 a:last-child,
.pegination-3 a:first-child {
    width: 0;
    height: 0
}

.pegination-3 a:last-child:hover,
.pegination-3 a:first-child:hover {
    background-color: none;
    color: var(--btn-primary)
}

.pegination-3 a:hover,
.pegination-3 a.active {
    background-color: var(--btn-primary);
    color: var(--white);
    border-color: rgba(0, 0, 0, 0)
}

.pegination-4 a {
    border: unset;
    border-radius: 5px
}

.pegination-4 a:last-child,
.pegination-4 a:first-child {
    width: 0;
    height: 0;
    color: var(--btn-primary)
}

.pegination-4 a:last-child:hover,
.pegination-4 a:first-child:hover {
    background-color: none;
    color: var(--btn-primary)
}

.pegination-4 a:hover,
.pegination-4 a.active {
    background-color: var(--btn-primary);
    color: var(--white)
}

.pegination-5 a {
    position: relative
}

.pegination-5 a:last-child,
.pegination-5 a:first-child {
    font-size: 14px;
    font-weight: 500
}

.pegination-5 a:last-child::before,
.pegination-5 a:first-child::before {
    display: none
}

.pegination-5 a::before {
    position: absolute;
    content: "";
    width: 0px;
    height: 3px;
    background-color: var(--btn-primary);
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    transition: all .3s ease-in-out
}

.pegination-5 a.active::before {
    width: 40px
}

.pegination-5 a:hover:before {
    width: 40px
}

.pegination-6 a:last-child,
.pegination-6 a:first-child {
    font-size: 14px;
    font-weight: 500;
    border: 1px solid var(--btn-primary);
    padding: 7px 10px;
    border-radius: 3px
}

.pegination-6 a:last-child:hover,
.pegination-6 a:first-child:hover {
    background-color: var(--btn-primary);
    color: var(--white)
}

@media screen and (max-width: 1350px) {
    .pegination-wrapper {
        margin-left: 100px
    }
}

@media screen and (max-width: 1199px) {
    .pegination-wrapper {
        margin-left: 50px
    }
}

@media screen and (max-width: 991px) {
    .pegination-wrapper {
        margin-left: 0px
    }
    .pegination-wrap {
        grid-template-columns: 1fr 1fr
    }
}

@media screen and (max-width: 767px) {
    .pegination-wrapper {
        margin-left: 0px
    }
    .pegination-wrap {
        grid-template-columns: 1fr;
        max-width: 400px;
        margin: 0 auto
    }
    .single-pegination a {
        font-size: 18px
    }
    .pegination-2 a {
        width: 40px;
        height: 40px
    }
    .pegination-3 a {
        width: 38px;
        height: 38px
    }
}

@media screen and (max-width: 575px) {
    .single-pegination {
        padding: 30px 20px
    }
    .pegination-3 a {
        width: 34px;
        height: 34px
    }
}

.nab-tab-wrapper {
    max-width: 1300px;
    margin-left: 130px
}

.nab-tab-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px
}

.nav-item {
    width: 33.3333333333%
}

.nab-title h6 {
    font-weight: 600;
    line-height: 27px;
    padding-bottom: 30px;
    margin-bottom: 0
}

.nav-tab-content {
    padding-top: 30px
}

.nav-tab-content h6 {
    line-height: 27px;
    font-weight: 600;
    padding-bottom: 10px;
    margin-bottom: 0
}

.nav-tab-content p {
    font-size: 15px;
    line-height: 23px;
    margin-bottom: 0;
    line-height: 1.5
}

.single-nab-tab {
    box-shadow: 0px 10px 40px var(--shadow-color);
    background-color: var(--white);
    border-radius: 10px;
    padding: 35px 30px
}

.single-nab-tab .nav-tab .nav-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 40px;
    padding: 0;
    text-decoration: none;
    transition: all .3s ease-in-out;
    background-color: var(--w-light);
    border-radius: 0;
    font-size: 14px;
    font-weight: 500;
    color: var(--font-color);
    margin-right: 10px;
    font-family: var(--poppins)
}

.single-nab-tab .nav-tab .nav-link.active {
    background-color: var(--btn-primary);
    color: var(--white)
}

.nab-tab-2 .nav-tab {
    display: flex;
    justify-content: center
}

.nab-tab-2 .nav-tab .nav-link {
    margin: 0px 5px;
    background-color: rgba(0, 0, 0, 0);
    position: relative
}

.nab-tab-2 .nav-tab .nav-link.active {
    background-color: rgba(0, 0, 0, 0);
    color: var(--btn-primary)
}

.nab-tab-2 .nav-tab .nav-link.active::before {
    width: 100%
}

.nab-tab-2 .nav-tab .nav-link::before {
    position: absolute;
    content: "";
    width: 0px;
    height: 2px;
    background-color: var(--btn-primary);
    bottom: 0;
    left: 50%;
    transform: translateX(-50%)
}

.nab-tab-2 .nav-tab .nav-link:hover:before {
    width: 100%
}

.nab-tab-3 .nav-tab {
    display: flex;
    justify-content: center
}

.nab-tab-3 .nav-tab .nav-link {
    margin: 0px 5px;
    background-color: rgba(0, 0, 0, 0)
}

.nab-tab-4 .nav-tab {
    display: flex;
    justify-content: flex-end
}

.nab-tab-4 .nav-tab .nav-link {
    margin-left: 10px;
    background-color: rgba(0, 0, 0, 0);
    width: 80px
}

.nab-tab-4 .nav-tab .nav-link.active {
    background-color: rgba(0, 0, 0, 0);
    color: var(--btn-primary)
}

.nab-tab-5 .nav-tab {
    background-color: var(--btn-primary);
    border-radius: 10px 10px 0px 0px;
    padding: 16px 30px;
    display: flex;
    justify-content: space-between
}

.nab-tab-5 .nav-tab .nav-link {
    background-color: rgba(0, 0, 0, 0);
    color: var(--white);
    position: relative;
    height: 100%;
    width: 100%
}

.nab-tab-5 .nav-tab .nav-link::before {
    position: absolute;
    content: "";
    clip-path: polygon(50% 13%, 0 100%, 100% 100%);
    background-color: var(--white);
    width: 35px;
    height: 14px;
    bottom: -17px;
    left: 50%;
    transform: translateX(-50%);
    transition: all .3s ease-in-out;
    opacity: 0
}

.nab-tab-5 .nav-tab .nav-link.active::before {
    opacity: 1
}

.nab-tab-6 .nav-tab {
    flex-direction: column;
    align-items: flex-start
}

.nab-tab-6 .nav-tab .nav-link {
    background-color: rgba(0, 0, 0, 0);
    padding: 0;
    transition: all .3s ease-in-out;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 500;
    margin-bottom: 15px;
    color: var(--font-color);
    text-align: flex-start;
    justify-content: flex-start
}

.nab-tab-6 .nav-tab .nav-link:last-child {
    margin-bottom: 0
}

.nab-tab-6 .nav-tab .nav-link.active {
    background-color: rgba(0, 0, 0, 0) !important;
    color: var(--btn-primary)
}

.nab-tab-6 .nav-tab .nav-item {
    width: 100%
}

.nab-tab-6 .nav-tab-content {
    padding-top: 0px;
    padding-left: 15px
}

@media screen and (max-width: 1350px) {
    .nab-tab-wrapper {
        margin-left: 100px
    }
}

@media screen and (max-width: 1199px) {
    .nab-tab-wrapper {
        margin-left: 50px
    }
    .single-nab-tab .nav-tab .nav-link {
        width: 70px;
        height: 32px
    }
    .nab-tab-5 .nav-tab .nav-link {
        height: 100%;
        width: 100%
    }
    .nab-tab-4 .nav-tab .nav-link {
        margin-left: 2px
    }
}

@media screen and (max-width: 991px) {
    .nab-tab-wrapper {
        margin-left: 0
    }
    .nab-tab-wrap {
        grid-template-columns: 1fr 1fr
    }
}

@media screen and (max-width: 767px) {
    .single-nab-tab {
        padding: 20px 15px
    }
    .nab-title h6 {
        padding-bottom: 15px
    }
    .nav-tab-content {
        padding-top: 15px
    }
    .nab-tab-5 .nav-tab {
        padding: 10px 20px
    }
}

@media screen and (max-width: 585px) {
    .nab-tab-wrap {
        grid-template-columns: 1fr;
        max-width: 400px;
        margin: 0 auto
    }
}

.alert-wrapper {
    max-width: 1140px;
    margin-left: 200px
}

.alart-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px
}

.single-alert-box {
    margin-bottom: 30px
}

.single-alert-box:last-child {
    margin-bottom: 0
}

.single-alert-box .alert-warning {
    color: var(--disable-color);
    background-color: var(--alert-1-bg);
    border-color: var(--success)
}

.single-alert-box .alert {
    position: relative;
    padding: 28px 40px;
    margin-bottom: 0rem;
    border-radius: 5px
}

.single-alert-box .alert-dismissible .btn-close {
    top: 10px;
    right: 10px;
    padding: 0px;
    color: var(--success);
    background: unset;
    font-size: 24px;
    line-height: 1;
    opacity: 1
}

.single-alert-box .alert-dismissible .btn-close i:after {
    opacity: 0
}

.alert-2 .alert-warning {
    background-color: var(--alert-2-bg);
    border-color: var(--danger)
}

.alert-2 .alert-dismissible .btn-close {
    color: var(--danger)
}

.alert-3 .alert-warning {
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0);
    background-image: url("../img/short-code-img/alert/alert-3.png");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 5px;
    position: relative;
    z-index: 3
}

.alert-3 .alert-warning::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: var(--alert-box-3-overlay);
    top: 0;
    left: 0;
    border-radius: 5px
}

.alert-3 .alert-dismissible .btn-close {
    color: var(--white)
}

.alert-3 .alert-content h4 {
    color: var(--white);
    z-index: 3;
    position: relative;
    margin-bottom: 0
}

.alert-4 .alert-warning {
    background-color: var(--alert-4-bg);
    border-color: var(--warning)
}

.alert-4 .alert-dismissible .btn-close {
    color: var(--warning)
}

.alert-4 .alert {
    padding: 22px 30px
}

.alert-4 .alert-content h6 {
    color: var(--warning);
    margin-bottom: 0
}

.alert-5 .alert-warning {
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0);
    background: var(--alert-box-5-bg)
}

.alert-5 .alert-dismissible .btn-close {
    color: var(--white)
}

.alert-5 .alert-content h6 {
    color: var(--white)
}

.alert-5 .alert-content h4 {
    color: var(--white)
}

.alert-6 .alert-warning {
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0);
    background-image: url("../img/short-code-img/alert/alert-6.png");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 5px;
    position: relative;
    z-index: 3
}

.single-alert-box-2 {
    margin-bottom: 15px
}

.alert-title h6 {
    font-weight: 600;
    line-height: 27px;
    margin-bottom: 15px
}

.alert-content {
    position: relative;
    z-index: 3
}

.alert-content h6 {
    font-weight: 600;
    line-height: 27px;
    margin-bottom: 5px
}

.alert-content h4 {
    font-size: 15px;
    font-weight: 500;
    line-height: 22.5px;
    color: var(--disable-color)
}

@media screen and (max-width: 1350px) {
    .alert-wrapper {
        margin-left: 100px
    }
}

@media screen and (max-width: 1199px) {
    .alert-wrapper {
        margin-left: 50px
    }
}

@media screen and (max-width: 991px) {
    .alert-wrapper {
        margin-left: 0px
    }
}

@media screen and (max-width: 767px) {
    .single-alert-box {
        padding: 30px 20px
    }
    .single-alert-box {
        padding: 20px
    }
    .single-alert-box .alert {
        padding: 20px 25px
    }
    .alart-wrap {
        grid-template-columns: 1fr;
        max-width: 500px;
        margin: 0 auto
    }
}

@media screen and (max-width: 575px) {
    .alert-content h6 {
        font-size: 16px;
        line-height: 26px
    }
    .alert-content h4 {
        font-size: 14px;
        line-height: 21.5px;
        padding-right: 20px
    }
    .single-alert-box .alert {
        padding: 15px 10px
    }
}

.short-counter-wrapper {
    max-width: 690px;
    margin-left: 400px
}

.single-counter {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 20px;
    text-align: center;
    margin-bottom: 40px
}

.single-counter:last-child {
    margin-bottom: 0
}

.single-countdown-item {
    height: 150px;
    border: 1px solid var(--w-light);
    display: flex;
    flex-direction: column;
    justify-content: center
}

.single-countdown-item .ci-inner {
    font-size: 48px;
    font-weight: 700;
    color: var(--theme-color);
    line-height: 72px;
    padding-bottom: 10px
}

.single-countdown-item h4 {
    font-size: 20px;
    line-height: 30px;
    color: var(--option-color);
    margin-bottom: 0px
}

.counter-2 .single-countdown-item .ci-inner {
    position: relative
}

.counter-2 .single-countdown-item .ci-inner::before {
    position: absolute;
    content: "";
    width: 68px;
    height: 1px;
    background-color: var(--black);
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%)
}

.counter-3 .single-countdown-item {
    border-radius: 10px;
    justify-content: flex-end;
    border: 1px solid var(--success)
}

.counter-3 .single-countdown-item .ci-inner {
    padding-bottom: 5px;
    background: var(--gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.counter-3 .single-countdown-item h4 {
    color: var(--white);
    background-color: var(--theme-color);
    font-size: 24px;
    line-height: 40px;
    padding: 5px;
    margin-bottom: 0px;
    border-radius: 0px 0px 10px 10px;
    border-top: 1px solid var(--extra-border)
}

.counter-4 .single-countdown-item {
    height: 100%;
    border: rgba(0, 0, 0, 0)
}

.counter-4 .single-countdown-item .ci-inner {
    max-width: 150px;
    height: 150px;
    border-radius: 50%;
    border: 1px solid var(--w-light);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0
}

.counter-4 .single-countdown-item h4 {
    padding-top: 10px;
    margin-bottom: 0px
}

.counter-5 .single-countdown-item {
    max-width: 150px;
    max-height: 150px;
    border: 1px solid var(--w-light);
    border-radius: 50%
}

.counter-5 .single-countdown-item .ci-inner {
    padding: 0
}

@media screen and (max-width: 1350px) {
    .short-counter-wrapper {
        margin-left: 100px
    }
}

@media screen and (max-width: 1199px) {
    .short-counter-wrapper {
        margin: 0 auto
    }
}

@media screen and (max-width: 767px) {
    .single-countdown-item {
        height: 120px
    }
    .single-countdown-item .ci-inner {
        font-size: 30px;
        line-height: 50px;
        padding-bottom: 0px
    }
    .single-countdown-item h4 {
        font-size: 16px;
        line-height: 26px
    }
    .single-counter {
        margin-bottom: 20px
    }
    .counter-3 .single-countdown-item h4 {
        font-size: 16px;
        line-height: 40px;
        padding: 0px
    }
    .counter-4 .single-countdown-item .ci-inner {
        width: 100px;
        height: 100px;
        margin: 0 auto
    }
    .counter-5 .single-countdown-item {
        width: 100px;
        height: 100px;
        margin: 0 auto
    }
}

@media screen and (max-width: 585px) {
    .single-counter {
        margin-bottom: 15px;
        grid-gap: 15px
    }
    .single-countdown-item {
        height: 80px
    }
    .single-countdown-item .ci-inner {
        font-size: 20px;
        line-height: 30px
    }
    .single-countdown-item h4 {
        font-size: 12px;
        line-height: 24px
    }
    .counter-2 .single-countdown-item .ci-inner::before {
        width: 40px;
        bottom: -1px
    }
    .counter-3 .countdown-item h4 {
        font-size: 12px;
        line-height: 28px
    }
    .counter-4 .single-countdown-item .ci-inner {
        height: 70px;
        width: 70px
    }
    .counter-4 .single-countdown-item h4 {
        padding-top: 0px
    }
    .counter-5 .single-countdown-item {
        height: 70px;
        width: 70px
    }
    .counter-5 .single-countdown-item h4 {
        line-height: 20px
    }
}

.st-team-wrapper {
    margin-left: 130px
}

.grid-3 {
    display: grid;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr;
    margin: 0 auto
}

@media all and (max-width: 1199px) {
    .st-team-wrapper {
        margin-left: 0px
    }
}

@media all and (max-width: 991px) {
    .team-member.ct-team-member .team-img {
        height: 200px;
        width: 200px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px
    }
    .team-member.ct-team-member .team-img .team-img-inner {
        height: 100%;
        width: 100%
    }
    .ct-cmc-wrapper .cmc-single-content .cmcs-content-overlay {
        padding: 25px
    }
}

@media all and (max-width: 767px) {
    .grid-3 {
        grid-template-columns: 1fr 1fr
    }
}

@media all and (max-width: 575px) {
    .grid-3 {
        grid-template-columns: 1fr
    }
    .mxw-sm-2.member-card {
        padding-top: 90%;
        max-width: 350px;
        margin: 0 auto
    }
    .ct-cmc-wrapper .cmc-single-content {
        max-width: 350px;
        margin: 0 auto
    }
}

.short-code-wrapper {
    position: relative
}

.testimonial-wrapper {
    max-width: 1100px;
    margin-left: 250px
}

.single-testimonial {
    background-color: var(--white);
    border: 1px solid var(--w-light);
    border-radius: 10px;
    text-align: center;
    transition: all .3s ease-in-out;
    margin-bottom: 20px
}

.single-testimonial:last-child {
    margin-bottom: 0
}

.single-testimonial:hover {
    border: rgba(0, 0, 0, 0);
    box-shadow: 0px 10px 30px var(--shadow-color)
}

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

.testimonial-profile .profile-title {
    text-align: left;
    margin-left: 20px
}

.testimonial-profile .profile-title a {
    display: block;
    font-size: 24px;
    font-weight: 600;
    color: var(--font-color);
    line-height: 36px;
    text-transform: capitalize
}

.testimonial-profile .profile-title a span {
    display: block;
    font-size: 15px;
    line-height: 22px;
    font-weight: 400
}

.testimonial-profile .profile-title ul {
    margin-top: 13px
}

.testimonial-profile .profile-title ul li {
    display: inline-block;
    font-size: 20px;
    line-height: 1;
    color: var(--star-color);
    margin-right: 8px
}

.profile-content {
    padding-top: 20px
}

.profile-content p {
    font-size: 17px;
    line-height: 1.5;
    margin-bottom: 0
}

.testimonial-1 {
    padding: 70px 90px
}

.testimonial-2 {
    padding: 50px 60px 50px 130px;
    align-items: flex-start
}

.testimonial-2 .testimonial-profile {
    align-items: flex-start
}

.testimonial-2 .testimonial-profile .profile-image {
    position: relative
}

.testimonial-2 .testimonial-profile .profile-image img {
    max-width: 130px
}

.testimonial-2 .testimonial-profile .profile-image .quite {
    position: absolute;
    left: -70px;
    top: 50%;
    transform: translateY(-50%)
}

.testimonial-2 .testimonial-profile .profile-image .quite i {
    font-size: 35px;
    line-height: 1;
    color: var(--theme-color)
}

.testimonial-2 .testimonial-profile .profile-content {
    padding-top: 0;
    text-align: left;
    padding-left: 50px
}

.testimonial-2 .profile-title {
    text-align: right;
    margin-left: 0;
    margin-top: 20px
}

.testimonial-3 {
    padding: 40px 80px
}

.testimonial-3 .testimonial-profile {
    flex-direction: column
}

.testimonial-3 .profile-title {
    text-align: center;
    margin-left: 0;
    margin-top: 25px
}

.testimonial-3 .profile-title a {
    color: var(--btn-primary)
}

.testimonial-3 .profile-title a span {
    color: var(--body-color)
}

.testimonial-3 .quite {
    margin-top: 15px
}

.testimonial-3 .quite i {
    text-align: center;
    background: var(--gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-size: 35px
}

.testimonial-4 .testimonial-reating {
    padding-top: 20px
}

.testimonial-4 .testimonial-reating ul li {
    display: inline-block;
    font-size: 20px;
    line-height: 1;
    color: var(--star-color);
    margin: 0px 4px
}

@media screen and (max-width: 1350px) {
    .testimonial-wrapper {
        margin-left: 100px
    }
}

@media screen and (max-width: 1199px) {
    .testimonial-wrapper {
        margin-left: 50px
    }
}

@media screen and (max-width: 991px) {
    .testimonial-wrapper {
        margin-left: 0px
    }
}

@media screen and (max-width: 767px) {
    .testimonial-1 {
        padding: 30px 20px
    }
    .testimonial-2 {
        padding: 30px 20px 30px 60px
    }
    .testimonial-2 .testimonial-profile .profile-image img {
        max-width: 100px
    }
    .testimonial-2 .testimonial-profile .profile-image .quite {
        left: -45px
    }
    .testimonial-2 .testimonial-profile .profile-image .quite i {
        font-size: 25px
    }
    .testimonial-2 .testimonial-profile .profile-content {
        padding-left: 20px
    }
    .testimonial-3 {
        padding: 30px 20px
    }
    .testimonial-3 .testimonial-profile .profile-image img {
        max-width: 100px
    }
    .testimonial-3 .profile-title {
        margin-top: 15px
    }
}

@media screen and (max-width: 575px) {
    .testimonial-1 {
        padding: 20px 10px
    }
    .testimonial-profile .profile-title a {
        font-size: 20px;
        line-height: 30px
    }
    .testimonial-profile .profile-title ul {
        margin-top: 8px
    }
    .testimonial-profile .profile-title ul li {
        display: inline-block;
        font-size: 18px;
        line-height: 1;
        color: var(--star-color);
        margin-right: 3px
    }
    .profile-content {
        padding-top: 15px
    }
    .profile-content p {
        font-size: 15px;
        line-height: 22px
    }
    .testimonial-2 {
        padding: 20px 10px 20px 10px
    }
    .testimonial-2 .testimonial-profile {
        flex-direction: column;
        justify-content: center;
        align-items: center
    }
    .testimonial-2 .testimonial-profile .profile-content {
        text-align: center;
        padding-left: 0;
        padding-top: 15px
    }
    .testimonial-2 .profile-title {
        text-align: center;
        margin-left: 0;
        margin-top: 15px
    }
    .testimonial-3 {
        padding: 20px 10px
    }
    .testimonial-3 .profile-title {
        margin-top: 10px
    }
    .testimonial-3 .quite {
        margin-top: 10px
    }
    .testimonial-3 .quite i {
        font-size: 25px
    }
    .testimonial-4 .testimonial-reating {
        padding-top: 10px
    }
    .testimonial-4 .testimonial-reating ul li {
        font-size: 18px;
        margin: 0px 3px
    }
}

.progress-bar-wrapper {
    max-width: 1150px;
    margin-left: 200px
}

.progress-bar-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px
}

.progress-title h6 {
    line-height: 27px;
    font-weight: 500;
    padding-bottom: 15px;
    margin-bottom: 0px
}

.single-progress {
    background-color: var(--white);
    box-shadow: 0px 10px 40px var(--shadow-color);
    border-radius: 10px;
    padding: 40px
}

.single-bar {
    display: flex;
    align-items: center;
    margin-bottom: 10px
}

.single-bar:last-child {
    margin-bottom: 0
}

.single-bar .progress {
    width: calc(100% - 15px);
    background-color: var(--w-light);
    border-radius: 0;
    height: 8px;
    margin-right: 15px
}

.single-bar .percent span {
    font-size: 14px;
    color: var(--font-color);
    font-weight: 500;
    line-height: 1
}

.single-bar.progress-2 .progress {
    height: 4px
}

.single-bar.progress-3 {
    position: relative;
    margin-bottom: 15px
}

.single-bar.progress-3:last-child {
    margin-bottom: 0
}

.single-bar.progress-3 .progress {
    height: 20px;
    border-radius: 80px;
    overflow: visible
}

.single-bar.progress-3 .progress .progress-bar {
    border-radius: 80px;
    overflow: visible
}

.single-bar.progress-3 .progress .progress-bar .span-number {
    position: absolute;
    right: 55%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-weight: 500;
    color: var(--white)
}

.single-bar.progress-3 .progress .progress-bar .span-number-2 {
    right: 37%;
    color: var(--font-color)
}

.single-bar.progress-3 .progress .progress-bar .span-number-3 {
    right: 17%
}

.single-bar.progress-3 .progress .progress-bar .span-number-4 {
    color: var(--font-color)
}

.single-bar.progress-4 {
    margin-bottom: 25px
}

.single-bar.progress-4:last-child {
    margin-bottom: 0
}

.single-bar.progress-4 .progress {
    height: 8px;
    border-radius: 18px
}

.single-bar.progress-4 .progress .progress-bar {
    border-radius: 18px
}

.single-bar.progress-4 .progress .progress-bar .span-rounded {
    position: absolute;
    top: 50%;
    height: 38px;
    width: 38px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 50%;
    transform: translateY(-50%);
    background: var(--denger-2);
    font-weight: 500;
    color: var(--white)
}

.single-bar.progress-4 .progress .progress-bar .span-rounded-2 {
    right: 32%;
    background: var(--warning);
    color: var(--font-color)
}

.single-bar.progress-4 .progress .progress-bar .span-rounded-3 {
    right: 17%;
    background: var(--btn-primary)
}

.single-bar.progress-4 .progress .progress-bar .span-rounded-4 {
    background: var(--success);
    color: var(--font-color)
}

.bg-danger {
    background-color: var(--denger-2) !important
}

.bg-warning {
    background-color: var(--warning)
}

.bg-primary {
    background-color: var(--btn-primary)
}

.bg-sucsess {
    background-color: var(--success)
}

@media screen and (max-width: 1350px) {
    .progress-bar-wrapper {
        margin-left: 100px
    }
}

@media screen and (max-width: 1199px) {
    .progress-bar-wrapper {
        margin-left: 50px
    }
    .single-bar.progress-4 .progress .progress-bar .span-rounded-3 {
        right: 10%
    }
}

@media screen and (max-width: 991px) {
    .progress-bar-wrapper {
        margin-left: 0px
    }
}

@media screen and (max-width: 767px) {
    .progress-bar-wrap {
        grid-template-columns: 1fr;
        grid-gap: 10px
    }
    .single-progress {
        border-radius: 5px;
        padding: 40px;
        max-width: 550px;
        margin: 0 auto;
        width: 100%
    }
}

@media screen and (max-width: 585px) {
    .single-progress {
        padding: 20px
    }
    .progress-title h6 {
        padding-bottom: 10px
    }
    .single-bar.progress-3 .progress {
        height: 16px
    }
    .single-bar.progress-4 .progress {
        height: 8px
    }
}

.coin-exchange-wrapper {
    max-width: 860px;
    margin-left: 400px
}

.exchange-currency-left label,
.exchange-currency-right label {
    font-size: 16px;
    color: var(--theme-color);
    font-weight: 500;
    margin-bottom: 20px;
    display: block
}

.exchange-wrap {
    background-color: var(--white);
    box-shadow: 0px 10px 40px var(--shadow-color);
    border-radius: 10px;
    padding: 70px
}

.exchange-currency {
    display: flex;
    width: 100%;
    align-items: center
}

.exchange-currency .list {
    height: 300px;
    overflow-y: auto
}

.exchange-box .currency {
    display: flex;
    position: relative
}

.exchange-box .currency input {
    height: 60px;
    width: 100%;
    background-color: var(--fafafa);
    border: 1px solid var(--w-light);
    border-radius: 5px;
    padding: 20px;
    outline: none
}

.exchange-box .currency .select-country {
    background-color: var(--warning);
    border: rgba(0, 0, 0, 0);
    border-radius: 5px;
    position: absolute;
    width: 95px;
    height: 100%;
    padding: 16px;
    right: 0;
    top: 0;
    font-size: 18px;
    font-weight: 500;
    color: var(--theme-color);
    display: flex;
    align-items: center;
    justify-content: space-between
}

.exchange-box .currency .select-country::after {
    border-bottom: none;
    border-right: none;
    content: "";
    font-family: IcoFont;
    height: 15px;
    margin-top: unset;
    pointer-events: none;
    position: absolute;
    right: 20px;
    top: 50%;
    transform-origin: unset;
    transform: translateY(-50%) rotateX(0deg);
    width: 15px;
    display: flex;
    align-items: center;
    justify-content: center
}

.exchange-box .currency .select-country.open::after {
    transform: translateY(-50%) rotateX(180deg)
}

.exchange-currency-left {
    width: 45%
}

.exchange-currency-middle {
    width: 10%;
    padding-top: 40px
}

.exchange-currency-right {
    width: 45%
}

.exchange-currency-right .exchange-box .currency .select-country {
    background-color: var(--success)
}

.change-button {
    text-align: center;
    margin-top: 40px
}

.change-button .rate {
    font-size: 18px;
    color: var(--theme-color);
    margin-bottom: 10px
}

.change-button button {
    width: 220px;
    height: 52px;
    margin: 0
}

.bye-sale-wrappper {
    padding-top: 70px;
    max-width: 750px;
    margin: 0 auto
}

.bye-sale-content h4 {
    font-size: 24px;
    font-weight: 600;
    color: var(--theme-color);
    line-height: 33px;
    padding-bottom: 20px;
    margin-bottom: 0
}

.bye-sale-content p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0;
    line-height: 1.5
}

.bye-sale-wrap {
    margin-top: 40px;
    background-color: var(--fafafa);
    border: 1px solid var(--w-light);
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px
}

.bye-sale-left {
    display: flex;
    align-items: center;
    margin-right: 20px
}

.bye-sale-left .single-bye-sale input {
    border: 1px solid var(--w-light);
    padding: 15px 20px;
    border-radius: 5px;
    width: 100%;
    height: 52px;
    font-size: 18px;
    font-weight: 500;
    color: var(--theme-color);
    outline: none
}

.bye-sale-left .single-bye-sale input::-moz-placeholder {
    font-size: 18px;
    font-weight: 500;
    color: var(--theme-color);
    opacity: 1
}

.bye-sale-left .single-bye-sale input::placeholder {
    font-size: 18px;
    font-weight: 500;
    color: var(--theme-color);
    opacity: 1
}

.bye-sale-left .single-bye-sale-box-1 {
    max-width: 90px
}

.bye-sale-left .single-bye-sale-box-2 span {
    font-size: 18px;
    font-weight: 500;
    color: var(--theme-color);
    margin: 0px 20px;
    display: inline-block
}

.bye-sale-left .single-bye-sale-box-3 {
    max-width: 150px
}

.bye-sale-left .select-bye-sale {
    margin-left: 20px;
    max-width: 100px;
    width: 100%
}

.bye-sale-left .select-bye-sale .nice-select {
    border-radius: 5px;
    border: solid 1px var(--w-light);
    font-size: 18px;
    font-weight: 500;
    color: var(--theme-color);
    height: 52px;
    line-height: 1;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 20px
}

.bye-sale-left .select-bye-sale .nice-select::after {
    border-bottom: none;
    border-right: none;
    content: "";
    font-family: IcoFont;
    color: var(--theme-color);
    height: 15px;
    margin-top: unset;
    pointer-events: none;
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%) rotateX(0deg);
    font-size: 22px;
    display: flex;
    align-items: center
}

.bye-sale-left .select-bye-sale .nice-select .list li {
    margin-block-end: 0px
}

.bye-sale-left .select-bye-sale .nice-select .list li:before {
    display: none
}

.btc-to-usd {
    max-width: 250px;
    width: 100%
}

.btc-to-usd .nice-select {
    border-radius: 5px;
    border: solid 1px var(--w-light);
    font-size: 18px;
    font-weight: 500;
    background-color: var(--btn-primary);
    color: var(--white);
    height: 52px;
    line-height: 1;
    width: 100%;
    display: flex;
    align-items: center
}

.btc-to-usd .nice-select::after {
    border-bottom: none;
    border-right: none;
    content: "";
    font-family: IcoFont;
    color: var(--white);
    height: 20px;
    margin-top: unset;
    pointer-events: none;
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%) rotateX(0deg);
    font-size: 22px
}

.btc-to-usd .nice-select.open::after {
    transform: translateY(-85%) rotateX(180deg)
}

.btc-to-usd .nice-select .list {
    background-color: var(--white) !important;
    width: 100%;
    position: absolute;
    color: var(--font-color);
    margin-bottom: 0px
}

.btc-to-usd .nice-select .list li {
    margin-bottom: 0px
}

.btc-to-usd .nice-select .list li:before {
    display: none
}

@media screen and (max-width: 1350px) {
    .coin-exchange-wrapper {
        margin-left: 100px
    }
}

@media screen and (max-width: 1199px) {
    .coin-exchange-wrapper {
        margin-left: 50px
    }
}

@media screen and (max-width: 991px) {
    .coin-exchange-wrapper {
        margin-left: 0px
    }
}

@media screen and (max-width: 767px) {
    .exchange-wrap {
        border-radius: 5px;
        padding: 20px
    }
    .bye-sale-wrappper {
        padding-top: 40px
    }
    .exchange-currency-middle {
        width: 10%;
        padding-top: 40px
    }
    .exchange-currency-middle .btn {
        padding: 10px
    }
    .bye-sale-wrap {
        flex-direction: column
    }
    .btc-to-usd {
        margin-top: 20px
    }
}

@media screen and (max-width: 575px) {
    .exchange-currency {
        flex-direction: column
    }
    .exchange-box .currency input {
        height: 50px
    }
    .exchange-currency-left {
        width: 100%
    }
    .exchange-currency-right {
        width: 100%
    }
    .exchange-currency-middle {
        width: 100%;
        padding: 10px 0;
        text-align: center
    }
    .exchange-currency-left label,
    .exchange-currency-right label {
        font-size: 14px;
        margin-bottom: 10px
    }
    .bye-sale-wrappper {
        padding-top: 30px
    }
    .bye-sale-wrap {
        padding: 20px 10px
    }
    .bye-sale-content h4 {
        font-size: 20px;
        line-height: 30px;
        padding-bottom: 10px
    }
    .bye-sale-content p {
        font-size: 15px
    }
    .bye-sale-left {
        margin-right: 0
    }
    .bye-sale-left .single-bye-sale input {
        padding: 5px 10px;
        width: 100%;
        height: 40px;
        font-size: 14px
    }
    .bye-sale-left .single-bye-sale input::-moz-placeholder {
        font-size: 16px
    }
    .bye-sale-left .single-bye-sale input::placeholder {
        font-size: 16px
    }
    .bye-sale-left .single-bye-sale-box-2 span {
        margin: 0px 10px
    }
    .bye-sale-left .select-bye-sale {
        max-width: 80px;
        margin-left: 10px
    }
    .bye-sale-left .select-bye-sale .nice-select {
        font-size: 16px;
        height: 40px;
        padding: 10px
    }
    .btc-to-usd .nice-select {
        font-size: 16px
    }
    .btc-to-usd .nice-select::after {
        height: 18px;
        font-size: 20px
    }
}

.input-field-wrapper {
    max-width: 1300px;
    margin-left: 130px
}

.input-field-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px
}

.single-input-field {
    box-shadow: 0px 10px 40px var(--shadow-color);
    border-radius: 10px;
    background-color: var(--white);
    padding: 40px 35px
}

.input-title h6 {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    padding-bottom: 30px;
    margin-bottom: 0
}

.single-input-box {
    position: relative;
    margin-bottom: 20px
}

.single-input-box:last-child {
    margin-bottom: 0
}

.single-input-box input {
    background-color: var(--fafafa);
    border: 1px solid var(--w-light);
    border-radius: 100px;
    width: 100%;
    height: 60px;
    padding: 20px;
    outline: none;
    transition: all .3s ease-in-out
}

.single-input-box input::-moz-placeholder {
    color: var(--body-color);
    font-size: 14px;
    opacity: 1
}

.single-input-box input::placeholder {
    color: var(--body-color);
    font-size: 14px;
    opacity: 1
}

.single-input-box input:focus {
    border-color: var(--btn-primary)
}

.single-input-box i {
    position: absolute;
    content: "";
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    line-height: 1;
    color: var(--disable-color)
}

.single-input-box.round-shape input {
    border-radius: 5px
}

.single-input-box.box-1 input {
    padding-right: 60px
}

.single-input-box.box-1 i {
    right: 35px
}

.single-input-box.box-2 input {
    padding-left: 50px
}

.single-input-box.box-2 i {
    left: 22px
}

.single-input-box.box-3 {
    display: flex;
    align-items: center
}

.single-input-box.box-3 label {
    font-size: 16px;
    color: var(--disable-color);
    margin-right: 20px;
    line-height: 1
}

.single-input-box.box-3 input {
    padding-right: 60px
}

.single-input-box.box-3 i {
    right: 35px
}

.single-input-box.box-4 i {
    color: var(--btn-primary)
}

.input-with-label {
    margin-bottom: 20px
}

.input-with-label:last-child {
    margin-bottom: 0
}

.input-with-label label {
    font-size: 16px;
    color: var(--disable-color);
    line-height: 1;
    margin-bottom: 20px;
    display: block
}

.input-with-label .single-input-box input {
    border-radius: 5px
}

.input-with-label .box-1 i {
    right: 20px
}

.input-with-label .box-2 input {
    padding-left: 20px;
    padding-right: 60px
}

.input-with-label .box-2 i {
    left: unset;
    right: 20px;
    color: var(--btn-primary)
}

.input-with-label .box-3 i {
    right: 20px
}

.input-with-label .box-3 label {
    margin-bottom: 0
}

.single-select-box .nice-select {
    background-color: var(--btn-primary);
    border-radius: 5px;
    border: 0;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    color: var(--white);
    height: 60px;
    padding-left: 30px;
    width: calc(100% + 2px);
    left: -1px;
    display: flex;
    align-items: center;
    transition: 0s;
    position: relative;
    margin-bottom: 20px
}

.single-select-box .nice-select::after {
    border-bottom: none;
    border-right: none;
    content: "";
    font-family: IcoFont;
    display: block;
    height: 15px;
    margin-top: unset;
    pointer-events: none;
    position: absolute;
    right: 25px;
    top: 50%;
    transform-origin: unset;
    transform: translateY(-50%) rotateX(0deg);
    width: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px
}

.single-select-box .nice-select.open::after {
    transform: translateY(-50%) rotateX(180deg)
}

.single-select-box .nice-select .list {
    background-color: var(--white) !important;
    width: 100%;
    position: absolute;
    color: var(--font-color)
}

.select-field-wrap.box-2 .nice-select {
    background-color: rgba(0, 0, 0, 0) !important;
    border: 1px solid var(--btn-primary);
    color: var(--font-color);
    width: calc(100% + 2px);
    left: -1px
}

.select-field-wrap.box-3 .nice-select {
    width: 100%;
    left: 0
}

.select-field-wrap.box-3 .nice-select::after {
    content: "";
    right: 0px;
    top: 50%;
    height: 100%;
    width: 60px;
    background-color: #06d;
    border-radius: 5px
}

.select-field-wrap.box-3 .nice-select.open::after {
    transform: translateY(-50%) rotateX(0)
}

.select-field-wrap.box-4 .nice-select {
    width: 100%;
    left: 0;
    margin-bottom: 0;
    background-color: var(--fafafa);
    color: var(--font-color)
}

.select-field-wrap.box-4 .nice-select::after {
    content: "";
    right: 0px;
    top: 50%;
    height: 100%;
    width: 60px;
    background-color: #06d;
    border-radius: 5px;
    color: var(--white)
}

.select-field-wrap.box-4 .nice-select.open::after {
    transform: translateY(-50%) rotateX(0)
}

.input-field .single-input-box input {
    border-radius: 5px
}

.input-field .box-3 i {
    color: var(--btn-primary)
}

.custom-input-box {
    margin-bottom: 30px;
    position: relative
}

.custom-input-box .main-btn {
    background-color: var(--w-light);
    height: 52px;
    border-radius: 5px;
    padding-left: 50px;
    font-size: 14px;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    font-weight: 500;
    line-height: 1
}

.custom-input-box .upload-button {
    position: absolute;
    top: 0;
    right: 0;
    background-color: var(--btn-primary);
    width: 170px;
    height: 100%;
    border-radius: 5px;
    color: var(--white);
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    font-weight: 500;
    font-size: 14px
}

.custom-input-box .upload-button input {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0
}

.custom-input-box .upload-button i {
    width: 24px;
    height: 24px;
    border-radius: 5px;
    border: 2px solid var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px
}

.coustom-input-file .box-2 .custom-input-box .upload-button {
    width: 62px
}

.coustom-input-file .box-3 .custom-input-box {
    margin-bottom: 0
}

.coustom-input-file .box-3 .custom-input-box .main-btn {
    padding-left: 15px;
    background-color: var(--white);
    border: 1px solid var(--btn-primary)
}

.coustom-input-file .box-3 .custom-input-box .upload-button {
    width: 100px
}

.textarea-field .single-textarea-box {
    margin-bottom: 15px
}

.textarea-field .single-textarea-box textarea {
    width: 100%;
    height: 100px;
    background-color: var(--white);
    border: 1px solid var(--w-light);
    border-radius: 5px;
    padding: 20px;
    resize: none;
    outline: none;
    font-size: 15px;
    transition: all .3s ease-in-out
}

.textarea-field .single-textarea-box textarea::-moz-placeholder {
    color: var(--body-color);
    font-size: 14px;
    opacity: 1
}

.textarea-field .single-textarea-box textarea::placeholder {
    color: var(--body-color);
    font-size: 14px;
    opacity: 1
}

.textarea-field .single-textarea-box textarea:focus {
    border-color: var(--btn-primary)
}

.textarea-field .box-2 {
    margin-bottom: 0
}

.textarea-field .box-2 textarea {
    background-color: var(--fafafa)
}

@media screen and (max-width: 1350px) {
    .input-field-wrapper {
        margin-left: 100px
    }
    .custom-input-box .main-btn {
        padding-left: 20px
    }
}

@media screen and (max-width: 1199px) {
    .input-field-wrapper {
        margin-left: 50px
    }
    .input-field-wrap {
        grid-template-columns: 1fr 1fr
    }
    .custom-input-box .upload-button {
        width: 140px
    }
}

@media screen and (max-width: 991px) {
    .input-field-wrapper {
        margin-left: 0px
    }
}

@media screen and (max-width: 767px) {
    .input-field-wrap {
        grid-template-columns: 1fr;
        max-width: 450px;
        margin: 0 auto
    }
}

@media screen and (max-width: 575px) {
    .single-input-field {
        padding: 15px 15px
    }
    .input-title h6 {
        padding-bottom: 15px
    }
    .rounded-input-filed .box-3 label {
        font-size: 15px;
        margin-right: 15px
    }
    .custom-input-box {
        margin-bottom: 15px
    }
    .input-field-with-label .single-input-box label {
        margin-bottom: 10px
    }
    .input-field-with-label .box-2 i {
        left: 90%
    }
    .single-input-box {
        margin-bottom: 15px
    }
    .single-input-box input {
        height: 50px
    }
    .single-input-box i {
        font-size: 17px
    }
    .rounded-input-filed .box-1 i {
        right: 20px
    }
    .rounded-input-filed .box-3 i {
        right: 20px
    }
    .single-select-box .nice-select {
        height: 50px;
        margin-bottom: 15px;
        font-size: 14px
    }
    .textarea-field .single-textarea-box {
        margin-bottom: 10px
    }
}

.live-chart-wrapper {
    max-width: 1220px;
    margin-left: 230px
}

.table-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px
}

.table-title h6 {
    font-weight: 600;
    font-size: 18px;
    line-height: 1;
    color: var(--font-color);
    margin-bottom: 0
}

.table-title .title-select .nice-select {
    background-color: var(--btn-primary);
    border-radius: 5px;
    border: none;
    font-family: var(--poppins);
    font-size: 18px;
    font-weight: 600;
    height: 60px;
    line-height: 1px;
    padding-left: 18px;
    padding-right: 30px;
    width: 230px;
    display: flex;
    align-items: center;
    color: var(--white);
    opacity: 1
}

.table-title .title-select .nice-select::after {
    border-bottom: none;
    border-right: none;
    content: "";
    font-family: IcoFont;
    display: block;
    height: 15px;
    margin-top: unset;
    pointer-events: none;
    position: absolute;
    right: 30px;
    top: 50%;
    transform-origin: unset;
    transform: translateY(-50%) rotateX(0deg);
    width: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    font-weight: 300
}

.table-title .title-select .nice-select.open::after {
    transform: translateY(-50%) rotateX(180deg)
}

.table-title .title-select .nice-select .list {
    background-color: var(--white) !important;
    width: 100%;
    position: absolute;
    color: var(--font-color)
}

.table-title .title-select .nice-select .list li {
    margin-block-end: 0px
}

.table-title .title-select .nice-select .list li:before {
    display: none
}

.live-coin-chart-table {
    border-bottom: none !important
}

.live-coin-chart-table .table-header tr th {
    color: var(--font-color);
    background-color: var(--fafafa);
    padding: 20px 20px;
    font-size: 18px;
    font-weight: 600;
    border-bottom: none
}

.live-coin-chart-table .table-header tr th::before,
.live-coin-chart-table .table-header tr th::after {
    display: none
}

.live-coin-chart-table .table-body tr td {
    padding: 20px 18px;
    border: 1px solid var(--w-light)
}

.live-coin-chart-table .table-body tr td h6 {
    font-size: 16px;
    font-weight: 500;
    color: var(--disable-color);
    margin-bottom: 0
}

.live-coin-chart-table .table-body tr td .table-currenct {
    display: flex;
    align-items: center
}

.live-coin-chart-table .table-body tr td .table-currenct h6 {
    padding-left: 10px;
    margin-bottom: 0
}

.live-coin-chart-table .table-body tr td .change h6 {
    margin-bottom: 0
}

.live-coin-chart-table .table-body tr td .change h6 span {
    color: var(--table-change-span-color)
}

.live-coin-chart-table .table-body tr td .change h6 .span-red {
    color: var(--denger-2)
}

@media screen and (max-width: 1350px) {
    .live-chart-wrapper {
        margin-left: 50px
    }
}

@media screen and (max-width: 1199px) {
    .live-chart-wrapper {
        margin-left: 50px
    }
    .live-coin-chart-table .table-body tr .child ul.dtr-details {
        display: block
    }
    .live-coin-chart-table .table-body tr td .table-currenct {
        padding-left: 15px
    }
    .live-coin-chart-table .table-body tr td.dtr-control::before {
        left: 15px !important;
        height: 20px !important;
        width: 20px !important;
        margin-top: 0px !important;
        border: 0px !important;
        line-height: 20px !important;
        background-color: var(--btn-primary) !important;
        transform: translateY(-50%) !important
    }
}

@media screen and (max-width: 991px) {
    .live-chart-wrapper {
        margin-left: 0px
    }
}

@media screen and (max-width: 767px) {
    .table-title .title-select .nice-select {
        font-size: 16px;
        height: 50px;
        width: 180px
    }
    .table-title .title-select .nice-select::after {
        font-size: 20px;
        right: 20px
    }
}

@media screen and (max-width: 575px) {
    .table-title {
        flex-direction: column
    }
    .table-title .title-select {
        margin-top: 15px
    }
}

.subscribe-area {
    background-color: var(--subscribe-bg);
    margin-top: 50px
}

.subscribe-wrapper {
    max-width: 970px;
    margin: 0 auto;
    padding: 40px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.subscribe-content {
    width: calc(40% + 80px)
}

.subscribe-content h4 {
    color: var(--white);
    font-size: 24px;
    font-weight: 600;
    line-height: 36px;
    padding-bottom: 6px;
    margin-bottom: 0
}

.subscribe-content p {
    font-size: 16px;
    color: var(--white);
    margin-bottom: 0;
    line-height: 1.5
}

.subscribe-from {
    display: flex;
    width: 55%
}

.subscribe-from .input {
    position: relative
}

.subscribe-from .input input {
    width: 360px;
    background: var(--subscribe-from-bg);
    border: 1px solid var(--success);
    border-radius: 5px;
    height: 60px;
    padding: 20px 50px 20px 20px;
    outline: none;
    color: var(--white);
    font-size: 16px
}

.subscribe-from .input input::-moz-placeholder {
    font-size: 15px;
    line-height: 1;
    color: var(--white);
    opacity: 1
}

.subscribe-from .input input::placeholder {
    font-size: 15px;
    line-height: 1;
    color: var(--white);
    opacity: 1
}

.subscribe-from .input i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    font-size: 24px;
    background: var(--gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.subscribe-from button {
    height: 60px;
    width: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--subscribe-button-font-color);
    font-size: 17px;
    font-weight: 500;
    background: var(--gradient);
    border-radius: 5px;
    margin-left: 10px
}

@media screen and (max-width: 991px) {
    .subscribe-area {
        margin-top: 35px
    }
    .subscribe-wrapper {
        justify-content: center;
        flex-direction: column;
        text-align: center
    }
    .subscribe-from {
        width: 100%;
        justify-content: center;
        margin-top: 20px
    }
    .subscribe-content {
        width: 100%
    }
}

@media screen and (max-width: 575px) {
    .subscribe-area {
        margin-top: 25px
    }
    .subscribe-wrapper {
        padding: 20px 10px
    }
    .subscribe-from {
        flex-direction: column;
        max-width: 400px
    }
    .subscribe-from .input input {
        width: 100%;
        height: 55px;
        font-size: 15px
    }
    .subscribe-from button {
        height: 55px;
        margin: 15px auto 0
    }
}

.short-spacing {
    padding: 50px 0px
}

.footer-area {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.footer-area::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: var(--footer-overlay);
    opacity: .9
}

.footer-shape {
    position: absolute;
    bottom: 0;
    right: 0;
    max-width: 500px
}

.footer-wrapper {
    padding: 70px 10px;
    text-align: center;
    position: relative;
    z-index: 9
}

.footer-content {
    max-width: 490px;
    margin: 0 auto
}

.footer-content p {
    color: var(--white);
    font-size: 16px;
    line-height: 24px;
    padding: 15px 0px 25px 0px;
    margin-bottom: 0
}

.footer-content .footer-social a {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0px 5px;
    border: 1px solid var(--success);
    color: var(--white);
    font-size: 14px;
    position: relative;
    transition: all .3s ease-in-out
}

.footer-content .footer-social a::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: var(--gradient);
    opacity: 0;
    border-radius: 50%;
    z-index: -1;
    transition: all .3s ease-in-out
}

.footer-content .footer-social a:hover:before {
    opacity: 1
}

.footer-content .footer-social a:hover {
    border: rgba(0, 0, 0, 0)
}

.footer-content .see-location {
    color: var(--white);
    line-height: 24px;
    margin-top: 25px;
    display: flex;
    align-items: center;
    justify-content: center
}

.footer-content .see-location i {
    font-size: 18px;
    padding-left: 10px
}

.footer-menu {
    padding-top: 50px;
    max-width: 810px;
    margin: 0 auto
}

.footer-menu ul li {
    display: inline-block
}

.footer-menu ul li a {
    display: block;
    color: var(--white);
    margin: 0px 15px;
    font-size: 17px;
    font-weight: 500;
    transition: all .3s ease-in-out
}

.footer-menu ul li a:hover {
    color: var(--success)
}

.copy-right-area {
    background: var(--footer-overlay);
    padding: 20px 0px
}

.copyright-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.copyright-wrapper p {
    color: var(--white);
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 0
}

@media screen and (max-width: 991px) {
    .short-spacing {
        padding: 35px 0px
    }
}

@media screen and (max-width: 767px) {
    .footer-wrapper {
        padding: 50px 0px
    }
    .footer-menu ul li a {
        margin: 0px 10px 10px
    }
    .copyright-wrapper {
        justify-content: center;
        flex-wrap: wrap
    }
    .copyright-wrapper p {
        margin: 0px 10px 20px
    }
    .copyright-wrapper p:last-child {
        margin-bottom: 0
    }
}

@media screen and (max-width: 575px) {
    .short-spacing {
        padding: 25px 0px
    }
    .footer-wrapper {
        padding: 30px 0px
    }
    .footer-content p {
        padding: 10px 0px 15px 0px
    }
    .footer-content .see-location {
        margin-top: 20px
    }
    .footer-menu {
        padding-top: 30px
    }
    .footer-menu ul li a {
        font-size: 16px
    }
    .copyright-wrapper {
        text-align: center
    }
    .copyright-wrapper p {
        margin: 0px 10px 10px
    }
}

.innerpage-header-sec {
    background: url("../img/header-curve-bg.svg") no-repeat scroll left bottom/cover;
    padding-bottom: 200px
}

.header-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap
}

.header-top p {
    margin-bottom: 0
}

.header-top p i {
    font-size: 20px;
    line-height: 1;
    color: var(--primary)
}

.header-top>* {
    padding: 5px 0
}

.header-top.text-white .lang-text {
    color: var(--white-permanent)
}

.header-top.text-white .lang-text::before {
    border-color: var(--white-permanent)
}

.header-top.text-white .lang-item input:checked+span {
    color: var(--success)
}

.header-top.text-white .lang-item span {
    color: var(--white-permanent)
}

.header-top.text-white p {
    color: var(--white-permanent)
}

.h-lang {
    display: flex;
    align-items: center
}

.lang-item {
    margin-right: 10px
}

.lang-item input {
    display: none
}

.lang-item input:checked+span {
    color: var(--primary)
}

.lang-item span {
    display: inline-block;
    cursor: pointer;
    padding: 2px
}

.lang-item:last-child {
    margin-right: 0
}

.header-one .ch-header {
    background: var(--white-permanent);
    padding-right: 20px;
    padding-left: 20px
}

.lang-text {
    position: relative;
    padding-right: 10px;
    margin-right: 10px
}

.lang-text::before {
    content: "";
    position: absolute;
    right: 0;
    top: 4px;
    height: 16px;
    border-right: 1px solid var(--paragraph)
}

.lang-item input:checked+span {
    color: var(--primary)
}

.lang-item span {
    color: var(--paragraph)
}

.h-menu-wrap .h-menu {
    display: flex;
    flex-wrap: wrap
}

.h-menu-wrap .h-menu li {
    margin-right: 19px;
    position: relative
}

.h-menu-wrap .h-menu li.has-child a {
    position: relative
}

.h-menu-wrap .h-menu li.has-child i {
    position: absolute;
    top: calc(50% + 25px);
    left: 50%;
    color: var(--menu-color);
    transform: translateX(-50%);
    opacity: 0;
    transition: .4s ease-in
}

.h-menu-wrap .h-menu li.has-child ul {
    position: absolute;
    z-index: 555;
    width: 200px;
    background: var(--white);
    top: 100%;
    left: 0;
    padding: 5px 0;
    box-shadow: 0px 10px 40px rgba(0, 0, 0, .05);
    transform: translateY(30px);
    transition: all .3s ease-in;
    opacity: 0;
    visibility: hidden
}

.h-menu-wrap .h-menu li.has-child ul li {
    margin-right: 0
}

.h-menu-wrap .h-menu li.has-child ul li a {
    padding: 8px 15px;
    display: block;
    color: var(--menu-color);
    border-bottom: 1px dashed var(--menu-color)
}

.h-menu-wrap .h-menu li.has-child ul li ul {
    left: 100%;
    top: 0
}

.h-menu-wrap .h-menu li.has-child ul li:last-child a {
    border-bottom: 0
}

.h-menu-wrap .h-menu li.has-child ul li:hover>a {
    color: var(--primary);
    border-color: var(--menu-color)
}

.h-menu-wrap .h-menu li.has-child ul li:hover i {
    color: var(--primary)
}

.h-menu-wrap .h-menu li.has-child ul li i {
    right: 7px;
    transform: rotate(90deg) translate(0);
    top: 12px;
    color: var(--menu-color);
    line-height: 1;
    left: unset
}

.h-menu-wrap .h-menu li.has-megamenu {
    position: initial
}

.h-menu-wrap .h-menu li.has-megamenu i {
    position: absolute;
    top: calc(50% + 25px);
    left: 50%;
    color: var(--menu-color);
    transform: translateX(-50%);
    opacity: 0;
    transition: .4s ease-in
}

.h-menu-wrap .h-menu li.has-megamenu>i {
    display: none
}

.h-menu-wrap .h-menu li:last-child {
    margin-right: 0
}

.h-menu-wrap .h-menu li a {
    color: var(--menu-color);
    padding: 5px;
    display: block;
    position: relative
}

.h-menu-wrap .h-menu li a:hover,
.h-menu-wrap .h-menu li a.active {
    color: var(--primary)
}

.h-menu-wrap .h-menu li a.active {
    font-weight: 600
}

.h-menu-wrap .h-menu li:hover>ul {
    transform: translateY(0);
    visibility: visible;
    opacity: 1
}

.h-menu-wrap .h-menu li:hover .megamenu {
    opacity: 1;
    visibility: visible
}

.h-menu-wrap .h-menu li.new,
.h-menu-wrap .h-menu li.s-code {
    position: relative
}

.h-menu-wrap .h-menu li.new:after,
.h-menu-wrap .h-menu li.s-code:after {
    position: absolute;
    content: "New";
    top: 10px;
    right: 3px;
    padding: 2px 6px;
    font-size: 12px;
    color: var(--white);
    background: var(--primary-gradient);
    line-height: 1
}

.h-menu-wrap .h-menu li.s-code:after {
    position: absolute;
    right: 0
}

.h-menu-wrap .h-menu>li>a {
    padding-top: 30px;
    padding-bottom: 30px
}

.h-menu-wrap .h-menu>li:hover>a {
    background: rgba(0, 0, 0, 0);
    color: var(--primary)
}

.h-menu-wrap .h-menu>li:hover i {
    color: var(--primary);
    top: calc(50% + 15px);
    opacity: 1
}

.h-menu-wrap .h-menu .megamenu {
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    background: var(--light-gray);
    padding: 50px;
    transition: .4s;
    opacity: 0;
    visibility: hidden;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px
}

.h-menu-wrap .h-menu .megamenu .mm-row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -20px;
    margin-right: -20px
}

.h-menu-wrap .h-menu .megamenu .mm-col {
    padding: 20px;
    width: 25%;
    position: relative
}

.h-menu-wrap .h-menu .megamenu .mm-col-inner {
    max-width: 220px;
    margin-left: auto;
    margin-right: auto
}

.h-menu-wrap .h-menu .megamenu .mm-widget-title {
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 15px
}

.h-menu-wrap .h-menu .megamenu .mm-widget-title::before {
    content: "";
    position: absolute;
    border-bottom: 2px solid var(--primary);
    width: 20px;
    bottom: 0
}

.h-menu-wrap .h-menu .megamenu .mm-menu li {
    margin: 0 0 12px
}

.h-menu-wrap .h-menu .megamenu .mm-menu li a {
    padding: 0 0 12px;
    border-bottom: 1px dashed var(--menu-color)
}

.h-menu-wrap .h-menu .megamenu .mm-menu li:last-child {
    margin-bottom: 0
}

.h-menu-wrap .h-menu .megamenu .mm-menu li:last-child a {
    border-bottom: 0;
    padding-bottom: 0
}

.rounded-10 .megamenu {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.header-light .h-menu-wrap .h-menu li a {
    color: var(--white-permanent)
}

.header-light .h-menu-wrap .h-menu>li:hover>a {
    color: var(--primary)
}

.header-light .h-menu-wrap .h-menu .mm-menu li a {
    color: var(--menu-color)
}

.header-light .h-menu-wrap .h-menu .mm-menu li a:hover {
    color: var(--primary)
}

.header-light .menu-trigger span {
    background-color: var(--white-permanent)
}

.ch-header-sec {
    position: relative;
    top: 0;
    z-index: 555
}

.ch-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative
}

.ch-header-special {
    align-items: unset
}

.ch-header-special .h-logo {
    display: flex;
    align-items: center;
    padding: 10px 30px 10px 17px;
    clip-path: polygon(0 0, 100% 0%, calc(100% - 30px) 100%, 0% 100%);
    background: var(--light-gray);
    max-width: 230px
}

.header-menu {
    display: flex;
    flex-wrap: wrap
}

.header-menu>li>a::before {
    content: "";
    opacity: 0;
    position: absolute;
    font-family: IcoFont;
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%);
    line-height: 1;
    transition: all .3s ease-in
}

.header-menu>li.active>a::before {
    opacity: 1;
    bottom: -5px
}

.header-menu li {
    margin-right: 10px
}

.header-menu li:last-child {
    margin-right: 0
}

.header-menu li a {
    padding: 10px;
    display: block;
    color: var(--menu-color);
    position: relative
}

.header-menu li a:hover {
    color: var(--primary)
}

.header-menu li.active a {
    color: var(--primary)
}

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

.header-menu-wrap {
    margin-right: 40px
}

.h-search {
    margin-right: 25px;
    font-size: 20px;
    color: var(--menu-color)
}

.h-search i {
    cursor: pointer
}

@media all and (max-width: 1199px) {
    body {
        transition: .3s;
        left: 0;
        position: relative
    }
    body.active-mobile-menu {
        position: relative;
        left: 250px;
        overflow-x: hidden !important;
        transition: .3s
    }
}

.mobile-menu-wrap {
    position: fixed;
    padding: 15px;
    background: var(--light-gray);
    height: 100vh;
    width: 280px;
    left: -280px;
    top: 0;
    z-index: 999;
    transition: .3s;
    height: 100vh;
    overflow-y: auto;
    overflow-x: hidden
}

.mobile-menu-wrap.active-menu {
    left: 0;
    transition: .3s
}

.menu-close {
    text-align: right;
    font-size: 26px;
    line-height: 1
}

.menu-trigger {
    cursor: pointer
}

.menu-trigger span {
    display: block;
    height: 2px;
    width: 25px;
    background-color: var(--menu-color);
    margin: 5px 0;
    transition: .25s ease-in
}

.menu-trigger.active {
    transition: .25s ease-in;
    cursor: pointer
}

.menu-trigger.active span:first-child {
    transform: rotate(-45deg) translate(-4px, 6px);
    transition: .3s ease-in
}

.menu-trigger.active span:nth-child(2) {
    opacity: 0
}

.menu-trigger.active span:last-child {
    transform: rotate(45deg) translate(-4px, -6px);
    transition: .3s ease-in
}

.mobile-menu.menu-activated {
    right: 0
}

.mobile-menu .h-menu>li {
    margin-right: 0
}

.mobile-menu .h-menu li {
    margin-bottom: 0;
    position: relative
}

.mobile-menu .h-menu li i {
    position: absolute;
    right: -10px;
    top: 3px;
    padding: 10px;
    cursor: pointer
}

.mobile-menu .h-menu li>i {
    transform: rotate(180deg)
}

.mobile-menu .h-menu li a {
    padding: 10px 10px 10px 0;
    display: inline-block;
    color: var(--menu-color)
}

.mobile-menu .h-menu li a:hover {
    color: var(--primary)
}

.mobile-menu .h-menu li ul {
    display: none;
    padding-left: 10px
}

.mobile-menu .h-menu li ul.mm-menu {
    display: block
}

.mobile-menu .h-menu li.active>i {
    transform: rotate(0)
}

.mobile-menu .h-menu li.has-megamenu i {
    display: none
}

.mobile-menu .h-menu li.has-megamenu>i {
    display: block
}

.mobile-menu .h-menu li.new,
.mobile-menu .h-menu li.s-code {
    position: relative
}

.mobile-menu .h-menu li.new:after,
.mobile-menu .h-menu li.s-code:after {
    position: absolute;
    content: "New";
    top: 10px;
    right: 3px;
    padding: 2px 6px;
    font-size: 12px;
    color: var(--white);
    background: var(--primary-gradient);
    line-height: 1
}

.mobile-menu .h-menu li.s-code:after {
    position: absolute;
    right: 0
}

.mobile-menu .megamenu {
    display: none
}

.mobile-menu .mm-menu {
    margin-bottom: 10px
}

.mobile-menu .mm-menu li a {
    padding: 6px 0
}

.mobile-menu .mm-widget-title {
    font-size: 18px;
    margin-bottom: 6px;
    text-transform: uppercase
}

.livesearch-sec {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    padding: 50px 15px;
    width: 100%
}

.livesearch-wrap {
    position: relative
}

.livesearch-wrap input {
    background: var(--light-gray);
    width: 100%;
    border: 0;
    padding: 12px 20px 12px 55px;
    height: 60px
}

.livesearch-wrap input::placeholder {
    color: var(--heading);
    opacity: 1
}

.livesearch-wrap button[type=submit] {
    background: rgba(0, 0, 0, 0);
    border: 0;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    padding: 10px 10px 10px 18px;
    color: var(--heading)
}

.livesearch-wrap button[type=submit] svg {
    color: var(--heading);
    stroke: var(--heading)
}

.modal-content {
    background: var(--body-bg)
}

.searchmodal-close {
    padding-top: 40px;
    padding-right: 30px;
    text-align: right;
    display: flex;
    justify-content: flex-end;
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

.searchmodal-close i {
    height: 50px;
    width: 50px;
    border: 1px solid var(--paragraph);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font-size: 30px;
    color: var(--heading)
}

.founded-articles {
    margin-top: 40px
}

.founded-articles-title {
    margin-bottom: 25px
}

.founded-articles-title span {
    display: inline-block;
    padding: 5px 10px;
    background: var(--primary);
    color: var(--white-permanent);
    margin-right: 7px
}

.fa-item {
    position: relative;
    display: block;
    padding: 20px;
    transition: .3s
}

.fa-item h4 {
    margin-bottom: 10px
}

.fa-item h4 span {
    font-size: 16px;
    color: var(--paragraph);
    font-weight: 500;
    margin-left: 45px;
    position: relative;
    transition: .3s
}

.fa-item h4 span::before {
    position: absolute;
    content: "";
    left: -40px;
    top: 8px;
    width: 30px;
    height: 2px;
    border-radius: unset;
    transform: translateY(50%);
    background-color: var(--primary)
}

.fa-item h4 a {
    color: var(--heading)
}

.fa-item p {
    color: var(--paragraph)
}

.fa-item:hover {
    background: var(--light-gray)
}

.fa-item:hover h4 span {
    color: var(--heading)
}

.ch-preloader-sec {
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--black);
    display: flex;
    align-items: center;
    justify-content: center
}

#ch-preloader {
    width: 70px;
    position: relative;
    cursor: pointer;
    height: 60px
}

#ch-preloader p {
    color: #fff;
    position: absolute;
    left: -3px;
    top: 100%;
    font-family: Arial;
    text-align: center;
    font-size: 10px
}

#ch-preloader .mask {
    position: absolute;
    border-radius: 2px;
    overflow: hidden;
    perspective: 1000;
    backface-visibility: hidden
}

#ch-preloader .plane {
    background: #fff;
    width: 400%;
    height: 100%;
    position: absolute;
    transform: translate3d(0px, 0, 0);
    z-index: 100;
    perspective: 1000;
    backface-visibility: hidden
}

#ch-preloader .animation {
    transition: all .3s ease
}

#chp-top {
    width: 53px;
    height: 20px;
    left: 20px;
    transform: skew(-15deg, 0);
    z-index: 100
}

#chp-top .plane {
    z-index: 2000;
    animation: trans1 1.3s ease-in infinite 0s backwards
}

#chp-middle {
    width: 33px;
    height: 20px;
    left: 20px;
    top: 15px;
    transform: skew(-15deg, 40deg)
}

#chp-middle .plane {
    transform: translate3d(0px, 0, 0);
    background: #bbb;
    animation: trans2 1.3s linear infinite .3s backwards
}

#chp-bottom {
    width: 53px;
    height: 20px;
    top: 30px;
    transform: skew(-15deg, 0)
}

#chp-bottom .plane {
    z-index: 2000;
    animation: trans3 1.3s ease-out infinite .7s backwards
}

@keyframes trans1 {
    from {
        transform: translate3d(53px, 0, 0)
    }
    to {
        transform: translate3d(-250px, 0, 0)
    }
}

@keyframes trans2 {
    from {
        transform: translate3d(-160px, 0, 0)
    }
    to {
        transform: translate3d(53px, 0, 0)
    }
}

@keyframes trans3 {
    from {
        transform: translate3d(53px, 0, 0)
    }
    to {
        transform: translate3d(-220px, 0, 0)
    }
}

@keyframes animColor {
    from {
        background: red
    }
    25% {
        background: #ff0
    }
    50% {
        background: green
    }
    75% {
        background: brown
    }
    to {
        background: blue
    }
}

.copyright-sec,
.footer-sec {
    position: relative
}

.copyright-sec.bg-primary,
.footer-sec.bg-primary {
    background: var(--primary-gradient2) !important
}

.copyright-sec.bg-secondary,
.footer-sec.bg-secondary {
    background: var(--secondary-gradient) !important
}

.copyright-sec.bg-success,
.footer-sec.bg-success {
    background: var(--success) !important
}

.copyright-sec.bg-gray,
.footer-sec.bg-gray {
    background: var(--light-gray) !important
}

.copyright-sec.bg-light,
.copyright-sec.bg-white,
.footer-sec.bg-light,
.footer-sec.bg-white {
    background: var(--light-gray) !important
}

.copyright-sec.bg-light p,
.copyright-sec.bg-white p,
.footer-sec.bg-light p,
.footer-sec.bg-white p {
    color: var(--paragraph)
}

.copyright-sec.bg-light .footer-widget-title,
.copyright-sec.bg-white .footer-widget-title,
.footer-sec.bg-light .footer-widget-title,
.footer-sec.bg-white .footer-widget-title {
    color: var(--heading)
}

.copyright-sec.bg-light .footer-widget-menu li a,
.copyright-sec.bg-white .footer-widget-menu li a,
.footer-sec.bg-light .footer-widget-menu li a,
.footer-sec.bg-white .footer-widget-menu li a {
    color: var(--heading)
}

.copyright-sec.bg-light .footer-widget-menu li a:hover,
.copyright-sec.bg-white .footer-widget-menu li a:hover,
.footer-sec.bg-light .footer-widget-menu li a:hover,
.footer-sec.bg-white .footer-widget-menu li a:hover {
    color: var(--primary)
}

.copyright-sec.bg-light .footer-widget .social-icons a,
.copyright-sec.bg-white .footer-widget .social-icons a,
.footer-sec.bg-light .footer-widget .social-icons a,
.footer-sec.bg-white .footer-widget .social-icons a {
    border-color: var(--paragraph);
    color: var(--paragraph)
}

.copyright-sec.bg-light .footer-widget .social-icons a:hover,
.copyright-sec.bg-white .footer-widget .social-icons a:hover,
.footer-sec.bg-light .footer-widget .social-icons a:hover,
.footer-sec.bg-white .footer-widget .social-icons a:hover {
    border-color: var(--primary);
    color: var(--white-permanent)
}

.copyright-sec.bg-light .footer-widget .social-icons a:hover::before,
.copyright-sec.bg-white .footer-widget .social-icons a:hover::before,
.footer-sec.bg-light .footer-widget .social-icons a:hover::before,
.footer-sec.bg-white .footer-widget .social-icons a:hover::before {
    background-color: var(--primary)
}

.copyright-sec.bg-light .copyright-inner .cr-single-menu,
.copyright-sec.bg-white .copyright-inner .cr-single-menu,
.footer-sec.bg-light .copyright-inner .cr-single-menu,
.footer-sec.bg-white .copyright-inner .cr-single-menu {
    color: var(--paragraph)
}

.copyright-sec.bg-light .copyright-inner .cr-single-menu:hover,
.copyright-sec.bg-white .copyright-inner .cr-single-menu:hover,
.footer-sec.bg-light .copyright-inner .cr-single-menu:hover,
.footer-sec.bg-white .copyright-inner .cr-single-menu:hover {
    color: var(--primary)
}

.copyright-sec.bg-white,
.footer-sec.bg-white {
    background-color: var(--white) !important
}

.copyright-sec.footer-curve-bg-light,
.footer-sec.footer-curve-bg-light {
    background: url("../img/footer-curve-bg.png") no-repeat scroll left top/cover !important;
    padding-top: 200px
}

.copyright-sec.footer-curve-bg-primary,
.footer-sec.footer-curve-bg-primary {
    background: url("../img/footer-curve-bg-primary.png") no-repeat scroll left top/cover !important;
    padding-top: 200px
}

.copyright-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0
}

.copyright-inner>* {
    padding: 4px 0
}

.copyright-inner p {
    margin: 0;
    color: var(--white-permanent)
}

.copyright-inner .cr-single-menu {
    display: inline-block;
    font-size: 18px;
    color: var(--white-permanent)
}

.footer-logo,
.h-logo {
    color: var(--heading);
    font-size: 26px;
    font-weight: 700;
    display: inline-block;
    line-height: 1;
    max-width: 275px
}

.footer-logo svg,
.h-logo svg {
    color: var(--heading)
}

.footer-widget {
    position: relative
}

.footer-widget .social-icons a {
    border-color: var(--white-permanent);
    color: var(--white-permanent)
}

.footer-widget .social-icons a:hover {
    color: var(--white-permanent);
    border-color: var(--primary)
}

.footer-widget .social-icons a:hover::before {
    background: var(--primary)
}

.footer-widget p {
    color: var(--white-permanent);
    font-size: 17px
}

.footer-widget .footer-widget-title {
    color: var(--white-permanent);
    font-weight: 600
}

.eapps-instagram-feed {
    margin-bottom: -50px !important
}

.eapps-link {
    clip-path: inset(0 0 100% 0)
}

.newsletter-widget {
    position: relative;
    border-radius: 4px;
    overflow: hidden
}

.newsletter-widget input[type=email] {
    height: 50px;
    border: 1px solid var(--primary);
    padding: 5px 110px 5px 20px;
    width: 100%;
    border-radius: 4px;
    background: var(--white)
}

.newsletter-widget input[type=submit],
.newsletter-widget button[type=submit] {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 20px;
    background-color: var(--primary);
    color: var(--white-permanent);
    border: 0;
    font-size: 18px;
    min-width: 100px
}

.footer-widget-menu li {
    margin-bottom: 15px
}

.footer-widget-menu li:last-child {
    margin-bottom: 0
}

.footer-widget-menu li a {
    color: var(--white-permanent);
    font-size: 18px;
    display: inline-block;
    font-weight: 400
}

.footer-widget-menu li a:hover {
    opacity: .7
}

.footer-widget-menu.column-2 {
    column-count: 2
}

.footer-widget-menu.column-3 {
    column-count: 3
}

.footer-widget-menu.column-4 {
    column-count: 4
}

.footer-widget-menu.menu-inline li {
    margin-right: 20px;
    display: inline-block
}

.footer-widget-menu.menu-inline li:last-child {
    margin-right: 0
}

.footer-bitcoin-img-one {
    position: absolute;
    bottom: -20px;
    left: 2%;
    max-width: 170px
}

.footer-bitcoin-img-two {
    position: absolute;
    bottom: 0px;
    right: 0;
    max-width: 300px
}

.ch-banner-sec {
    background: url("../img/bg-1.svg") no-repeat scroll bottom/cover;
    padding-bottom: 200px
}

.hero-banner-sec {
    position: relative
}

.hero-banner-sec::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 70%;
    max-width: 700px;
    right: 0;
    bottom: 0;
    background: url("../img/circuit-diagram.svg") no-repeat scroll right bottom/contain
}

.hero-banner-text {
    position: relative
}

.hero-banner-text h2 {
    font-size: 45px;
    color: var(--white-permanent);
    margin-bottom: 0
}

.hero-banner-text h1 {
    font-size: 60px;
    font-weight: 800;
    color: var(--white-permanent)
}

.hero-banner-text h1 span {
    font-size: 45px;
    font-weight: 500
}

.hero-banner-text p {
    font-size: 20px;
    font-weight: 500;
    color: var(--white-permanent)
}

.hero-banner-text .btn {
    font-size: 18px;
    padding: 10px 30px
}

.token-info-table.table-borderless tr {
    border-bottom: 10px solid var(--white)
}

.token-info-table.table-borderless td {
    background: var(--light-gray)
}

.token-info-table.table-borderless td:first-child {
    padding-left: 15px
}

.token-info-table td {
    border-color: var(--border);
    font-size: 18px;
    color: var(--paragraph);
    padding: 12px 15px
}

.token-info-table td:first-child {
    font-weight: 600;
    color: var(--heading)
}

.countdown-sec {
    position: relative;
    padding-top: 400px;
    padding-bottom: 100px;
    background: url("../img/curve-bg.png") no-repeat scroll center/cover
}

.countdown-item .ci-inner {
    height: 175px;
    width: 175px;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
    border: 1px dashed var(--white-permanent);
    padding: 20px
}

.countdown-item .ci-value {
    border: 1px solid var(--white-permanent);
    background: rgba(var(--white-alpha), 0.1);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    font-weight: 700;
    color: var(--white-permanent);
    font-size: 60px;
    line-height: 1;
    text-align: center
}

.countdown-item h2,
.countdown-item h3,
.countdown-item h4,
.countdown-item h5 {
    text-align: center;
    color: var(--white-permanent);
    margin-top: 14px;
    margin-bottom: 0
}

.countdown-lagency .countdown-item .ci-inner {
    height: auto;
    width: auto;
    border: 1px solid var(--success);
    border-radius: 10px;
    padding: 0
}

.countdown-lagency .countdown-item .ci-value {
    border: 0;
    background: rgba(0, 0, 0, 0);
    border-bottom: 1px solid var(--success);
    border-radius: 0;
    padding: 20px 5px;
    background: var(--success-gradient);
    -moz-background-clip: text;
    -webkit-background-clip: text;
    background-clip: text;
    color: rgba(0, 0, 0, 0)
}

.countdown-lagency .countdown-item h1,
.countdown-lagency .countdown-item h2,
.countdown-lagency .countdown-item h3,
.countdown-lagency .countdown-item h4,
.countdown-lagency .countdown-item h5,
.countdown-lagency .countdown-item h6 {
    margin: 0;
    padding: 5px
}

.call-to-action {
    background: var(--white-permanent);
    padding: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, .07)
}

.call-to-action p {
    margin-bottom: 0
}

.call-to-action .cta-left {
    flex: 1;
    margin-right: 15px
}

.roadmap-wrap {
    position: relative
}

.roadmap-wrap .roadmap-img {
    position: absolute;
    width: 35%;
    max-width: 400px;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%)
}

.roadmap {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.roadmap li {
    width: 50%;
    display: flex;
    margin-bottom: 50px
}

.roadmap li:nth-child(3),
.roadmap li:nth-child(5) {
    justify-content: flex-end
}

.roadmap li:nth-child(1),
.roadmap li:nth-child(6) {
    width: 100%;
    justify-content: center
}

.roadmap li:first-child,
.roadmap li:last-child {
    margin-bottom: 0
}

.roadmap li:last-child {
    margin-top: -50px
}

.roadmap-item {
    background: var(--white);
    box-shadow: 0px 10px 30px rgba(0, 0, 0, .05);
    padding: 25px;
    border-radius: 20px;
    max-width: 320px;
    margin-bottom: 30px;
    position: relative
}

.roadmap-item .date {
    color: var(--paragraph);
    font-size: 17px;
    display: block;
    margin-bottom: 8px
}

.roadmap-item h2,
.roadmap-item h3,
.roadmap-item h4,
.roadmap-item h5 {
    margin-bottom: 10px
}

.roadmap-item p:last-child {
    margin-bottom: 0
}

.counter-sec {
    background: url("../img/curve-bg2.png") no-repeat scroll center/cover;
    position: relative;
    padding-top: 100px;
    padding-bottom: 200px
}

.time-left {
    position: relative
}

.time-left::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 50%;
    max-width: 320px;
    background: url("../img/net.svg") no-repeat scroll left top/contain;
    left: 0;
    top: 0
}

.time-left::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 90%;
    max-width: 350px;
    background: url("../img/circuit-diagram.svg") no-repeat scroll right bottom/contain;
    right: 0;
    bottom: 0
}

.counter-wrap:not(.counter-secondary-wrap) {
    box-shadow: 0px 10px 30px rgba(0, 0, 0, .07);
    border-radius: 95px;
    padding: 30px 10px;
    background: var(--white)
}

.counter-wrap div[class^=col] {
    position: relative
}

.counter-wrap div[class^=col]::before {
    content: "";
    position: absolute;
    height: 60px;
    border-right: 1px solid var(--border);
    top: 50%;
    transform: translateY(-50%);
    right: 0
}

.counter-wrap div[class^=col]:last-child::before {
    content: none
}

.counter-item h1,
.counter-item h2,
.counter-item h3,
.counter-item h4 {
    color: rgba(0, 0, 0, 0);
    background: var(--primary-gradient2);
    -moz-background-clip: text;
    -webkit-background-clip: text;
    background-clip: text;
    font-weight: 700;
    display: inline-block;
    margin-bottom: 10px
}

.counter-item p {
    font-weight: 500;
    font-size: 22px;
    color: var(--heading);
    margin-bottom: 0
}

.counter-secondary-wrap .counter-item {
    background: var(--white-permanent);
    border-radius: 10px;
    padding: 20px
}

.counter-secondary-wrap .counter-item h1,
.counter-secondary-wrap .counter-item h2,
.counter-secondary-wrap .counter-item h3,
.counter-secondary-wrap .counter-item h4,
.counter-secondary-wrap .counter-item h5 {
    background: var(--secondary-gradient);
    -moz-background-clip: text;
    -webkit-background-clip: text;
    background-clip: text
}

.counter-secondary-wrap .counter-item p {
    color: var(--secondary)
}

.home2-team-sec {
    position: relative
}

.home2-team-sec::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1;
    background: url("../img/circuit.svg") no-repeat scroll bottom/contain;
    bottom: 0
}

.team-member {
    position: relative
}

.team-member:hover .social-icons a {
    opacity: 1;
    transform: translateY(0)
}

.team-member:hover .team-img {
    border-color: rgba(0, 0, 0, 0)
}

.team-member:hover .team-img::before {
    transform: scale(1);
    opacity: 1
}

.team-member .team-img {
    padding: 25px;
    border-radius: 50%;
    height: 250px;
    width: 250px;
    margin-left: auto;
    margin-right: auto;
    border: 2px solid var(--paragraph);
    transition: border .6s ease-out;
    margin-bottom: 25px;
    position: relative
}

.team-member .team-img::before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    border-radius: 50%;
    border: 2px solid var(--primary);
    left: 0;
    top: 0;
    transform: scale(0.8);
    transition: .4s ease-in;
    opacity: 0
}

.team-member .team-img-inner {
    border-radius: 50%;
    overflow: hidden;
    height: 196px;
    width: 196px
}

.team-member .team-img-inner img {
    width: 100%;
    height: 100%
}

.team-member h2,
.team-member h3,
.team-member h4 {
    margin-bottom: 5px
}

.team-member h2 a,
.team-member h3 a,
.team-member h4 a {
    color: var(--heading)
}

.team-member h2 a:hover,
.team-member h3 a:hover,
.team-member h4 a:hover {
    color: rgba(0, 0, 0, 0);
    background: var(--primary-gradient2);
    -moz-background-clip: text;
    -webkit-background-clip: text;
    background-clip: text
}

.team-member .social-icons {
    position: absolute;
    bottom: 30%;
    display: block;
    text-align: center;
    width: 100%;
    left: 0
}

.team-member .social-icons a {
    border-color: var(--paragraph);
    color: var(--white);
    transform: translateY(20px);
    opacity: 0;
    transition: .3s;
    position: relative
}

.team-member .social-icons a:nth-child(2) {
    transition-delay: .1s
}

.team-member .social-icons a:nth-child(3) {
    transition-delay: .2s
}

.team-member .social-icons a::before {
    background: var(--paragraph);
    height: 100%
}

.team-member .social-icons a:hover {
    border-color: rgba(0, 0, 0, 0)
}

.team-member .social-icons a:hover::before {
    background: var(--primary-gradient2)
}

.member-card {
    position: relative;
    padding-top: 110%;
    overflow: hidden
}

.member-card::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(180deg, transparent 0%, rgba(var(--secondary-alpha), 0.7) 100%);
    z-index: 3
}

.member-card:hover .social-icons {
    opacity: 1
}

.member-card:hover .social-icons a {
    transform: translateX(0);
    opacity: 1
}

.member-card:hover .social-icons a:nth-child(2) {
    transition-delay: .2s
}

.member-card:hover .social-icons a:nth-child(3) {
    transition-delay: .3s
}

.member-card:hover .social-icons a:nth-child(4) {
    transition-delay: .6s
}

.member-card:hover .mc-img {
    transform: scale(1.1)
}

.member-card .mc-img {
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
    z-index: 2;
    transition: .5s ease-in
}

.member-card .mc-text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 4;
    padding: 24px
}

.member-card h3,
.member-card h4,
.member-card h5 {
    color: var(--white-permanent);
    margin-bottom: 5px
}

.member-card h3 a,
.member-card h4 a,
.member-card h5 a {
    color: var(--white-permanent)
}

.member-card h3 a:hover,
.member-card h4 a:hover,
.member-card h5 a:hover {
    color: rgba(0, 0, 0, 0);
    background: var(--primary-gradient2);
    background-clip: text;
    -moz-background-clip: text;
    -webkit-background-clip: text
}

.member-card p {
    margin-bottom: 0;
    color: var(--white-permanent)
}

.member-card .social-icons {
    position: absolute;
    top: 0;
    z-index: 5;
    width: 60px;
    background: linear-gradient(var(--primary) 0%, transparent 100%);
    padding: 30px 12px;
    right: 0;
    transition: .4s;
    opacity: 0
}

.member-card .social-icons a {
    font-size: 20px;
    margin-right: 0;
    margin-bottom: 5px;
    color: var(--white-permanent);
    border-color: rgba(0, 0, 0, 0);
    transform: translateX(15px);
    position: relative;
    opacity: 0;
    transition: .2s
}

.member-card .social-icons a:hover {
    color: var(--primary)
}

.member-card .social-icons a:hover::before {
    background: var(--white-permanent)
}

.video-cilp-wrapper {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    position: relative;
    margin-bottom: -70px
}

.video-clip {
    position: relative;
    padding-top: 55%;
    border-radius: 20px;
    overflow: hidden
}

.video-clip .video-poster {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    z-index: -1
}

.video-clip .play-icon {
    position: absolute;
    z-index: 6;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    cursor: pointer;
    max-width: 55px
}

.home1-block-wrap {
    padding-top: 120px;
    padding-bottom: 20px
}

.article-lists {
    padding-left: 100px;
    position: relative
}

.article-lists .article-item {
    counter-increment: articlenumber
}

.article-lists .article-item::before {
    content: counters(articlenumber, ".", decimal-leading-zero);
    position: absolute;
    right: calc(100% + 20px);
    color: var(--black);
    font-size: 70px;
    font-weight: 800;
    opacity: .05;
    line-height: 1;
    top: 50%;
    transform: translateY(-50%)
}

.article-item {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 30px;
    transition: all .4s ease-in
}

.article-item .readmore {
    font-size: 18px;
    color: var(--paragraph)
}

.article-item .ai-img {
    width: 30%;
    max-width: 270px;
    margin-right: 25px;
    position: relative;
    display: block
}

.article-item .ai-img .ai-img-inner {
    position: relative;
    display: block;
    padding-top: 90%;
    border-radius: 10px;
    overflow: hidden
}

.article-item .ai-img img {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
    transition: .4s ease-in
}

.article-item .ai-meta span {
    position: relative;
    display: inline-block;
    font-size: 16px;
    color: var(--paragraph);
    padding-right: 40px;
    margin-bottom: 8px;
    transition: all .3s
}

.article-item .ai-meta span::before {
    position: absolute;
    content: "";
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background: var(--paragraph);
    display: inline-block;
    right: 12px;
    top: 7px;
    transition: all .3s
}

.article-item .ai-meta span:last-child {
    padding-right: 0
}

.article-item .ai-meta span:last-child::before {
    content: none
}

.article-item .ai-text {
    flex: 1;
    align-self: center
}

.article-item .ai-title a {
    color: var(--paragraph)
}

.article-item .ai-title a:hover {
    color: var(--heading)
}

.article-item p {
    margin-bottom: 14px
}

.article-item:hover {
    box-shadow: 0px 10px 40px rgba(0, 0, 0, .05)
}

.article-item:hover:not(.bg-gray) .ai-meta span {
    color: Var(--primary)
}

.article-item:hover:not(.bg-gray) .ai-meta span::before {
    background: var(--primary)
}

.article-item:hover .readmore {
    color: rgba(0, 0, 0, 0);
    background: var(--primary-gradient2);
    -moz-background-clip: text;
    -webkit-background-clip: text;
    background-clip: text
}

.article-item:hover .ai-img img {
    transform: scale(1.06) rotate(3deg)
}

.article-item.bg-gray {
    padding: 0
}

.article-item.bg-gray .readmore {
    font-size: 16px;
    color: var(--primary)
}

.article-item.bg-gray .ai-img {
    margin-right: 0
}

.article-item.bg-gray .ai-img .ai-img-inner {
    height: 100%
}

.article-item.bg-gray .ai-text {
    padding: 20px
}

.article-item.bg-gray .ai-meta span::before {
    content: none
}

.article-item.bg-gray:hover {
    background: var(--white) !important
}

.timeline-sec {
    position: relative
}

.timeline-sec::before {
    content: "";
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    position: absolute;
    background: url("../img/water-shape.png") no-repeat scroll left top/contain
}

.timeline-img {
    position: absolute;
    right: 0;
    top: 45%;
    transform: translateY(-50%);
    width: 45%;
    z-index: 3
}

.timeline {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 700px;
    position: relative;
    z-index: 5
}

.timeline::before {
    content: "";
    position: absolute;
    left: 50%;
    height: 100%;
    border-right: 2px solid var(--success)
}

.timeline.timeline-light::before {
    border-color: var(--primary)
}

.timeline-light .timeline-item h3,
.timeline-light .timeline-item h4,
.timeline-light .timeline-item h5 {
    margin-bottom: 0;
    color: var(--heading)
}

.timeline-light .timeline-item h3 a,
.timeline-light .timeline-item h4 a,
.timeline-light .timeline-item h5 a {
    color: var(--heading)
}

.timeline-light .timeline-item h3 a:hover,
.timeline-light .timeline-item h4 a:hover,
.timeline-light .timeline-item h5 a:hover {
    color: var(--primary)
}

.timeline-light .timeline-item .tli-head::before {
    border-color: var(--primary)
}

.timeline-light .timeline-item .tli-head::after {
    border-color: var(--primary);
    background: var(--white-permanent)
}

.timeline-light .timeline-item:nth-child(2n+1) .tli-head::after {
    border-color: var(--primary);
    background: var(--white-permanent)
}

.timeline-light .timeline-item .date {
    color: var(--paragraph)
}

.timeline-light .timeline-item .date::before {
    color: rgba(var(--black-alpha), 0.04)
}

.timeline-light .timeline-item p {
    color: var(--paragraph)
}

.timeline-item {
    width: calc(50% - 50px);
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    position: relative;
    counter-increment: timelinecounter
}

.timeline-item:nth-child(2n+1) {
    text-align: right
}

.timeline-item:nth-child(2n+1) .tli-head::before {
    left: auto;
    right: -50px
}

.timeline-item:nth-child(2n+1) .tli-head::after {
    content: "";
    position: absolute;
    height: 32px;
    width: 32px;
    background: var(--secondary);
    border-radius: 50%;
    border: 3px solid var(--success);
    right: -66px;
    bottom: -16px;
    z-index: 5
}

.timeline-item .tli-head {
    padding-bottom: 20px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    flex-grow: 1;
    position: relative
}

.timeline-item .tli-head::before {
    content: "";
    position: absolute;
    width: 100%;
    border-bottom: 2px solid var(--success);
    left: -50px;
    bottom: 0
}

.timeline-item .date {
    color: var(--light-gray);
    display: block;
    position: relative;
    margin-bottom: 7px
}

.timeline-item .date::before {
    content: counters(timelinecounter, "", decimal-leading-zero);
    color: rgba(var(--white-alpha), 0.05);
    font-size: 80px;
    display: block;
    font-weight: 800;
    line-height: 1;
    margin-bottom: 10px
}

.timeline-item h3,
.timeline-item h4,
.timeline-item h5 {
    margin-bottom: 0;
    color: var(--success)
}

.timeline-item h3 a,
.timeline-item h4 a,
.timeline-item h5 a {
    color: var(--success)
}

.timeline-item h3 a:hover,
.timeline-item h4 a:hover,
.timeline-item h5 a:hover {
    color: var(--white-permanent)
}

.timeline-item p {
    color: var(--white-permanent)
}

.timeline-item p:last-child {
    margin-bottom: 0
}

.icon-block {
    transition: .3s;
    background: var(--light-gray);
    padding: 30px;
    border-radius: 10px
}

.icon-block:hover {
    background: var(--white);
    box-shadow: 0px 10px 40px rgba(0, 0, 0, .05)
}

.icon-block p:last-child {
    margin-bottom: 0
}

.social-icons a {
    display: inline-block;
    height: 34px;
    width: 34px;
    border: 1px solid var(--primary);
    text-align: center;
    line-height: 34px;
    border-radius: 50%;
    transition: .1s;
    position: relative;
    overflow: hidden;
    margin-right: 10px
}

.social-icons a:last-child {
    margin-right: 0px
}

.social-icons a i {
    position: relative;
    transition: .4s
}

.social-icons a::before {
    position: absolute;
    content: "";
    height: 0%;
    width: 100%;
    overflow: hidden;
    top: 0;
    left: 0;
    transition: .5s
}

.social-icons a:hover {
    color: var(--white)
}

.social-icons a:hover i {
    transform: rotate(360deg)
}

.social-icons a:hover::before {
    background: var(--primary);
    color: var(--white);
    height: 100%;
    top: auto;
    bottom: 0
}

.slide-text h1 {
    font-weight: 800;
    font-size: 70px;
    line-height: 1
}

.slide-text h1,
.slide-text h2,
.slide-text h3,
.slide-text h4,
.slide-text h5 {
    margin-bottom: 20px
}

.slide-text p {
    font-size: 20px;
    line-height: 1.6;
    max-width: 500px
}

.slide-text .btn {
    font-size: 18px
}

.hero-slide-bg {
    position: absolute;
    max-height: 100%;
    right: 0;
    max-width: 60%;
    bottom: 0;
    z-index: -1
}

.cloud-1 {
    max-width: 70px;
    top: -80px;
    position: absolute;
    left: 10%
}

.cloud-2 {
    max-width: 150px;
    position: absolute;
    top: -80px;
    left: 48%
}

.cloud-3 {
    max-width: 70px;
    top: 25%;
    position: absolute;
    right: 5%
}

.hero-slider-sec {
    position: relative
}

.hero-slider-sec .owl-item .slide-text>* {
    transform: translateY(50px);
    clip-path: inset(0 0 100% 0);
    transition: all .5s
}

.hero-slider-sec .owl-item .slide-text>*:nth-child(1) {
    transition-delay: .3s
}

.hero-slider-sec .owl-item .slide-text>*:nth-child(2) {
    transition-delay: .7s
}

.hero-slider-sec .owl-item .slide-text>*:nth-child(3) {
    transition-delay: 1.1s
}

.hero-slider-sec .owl-item .slide-text>*:nth-child(4) {
    transition-delay: 1.4s
}

.hero-slider-sec .owl-item .hero-slide-img {
    transition: 1s;
    transform: scale(0.2);
    opacity: 0;
    text-align: right
}

.hero-slider-sec .owl-item.active .slide-text>* {
    transform: translateY(0px);
    clip-path: inset(0 0 0 0)
}

.hero-slider-sec .owl-item.active .hero-slide-img {
    transform: scale(1);
    opacity: 1
}

.hero-slider-sec .owl-nav {
    position: absolute;
    width: 100%;
    max-width: 230px;
    display: flex;
    justify-content: space-between;
    bottom: 0
}

.hero-slider-sec .owl-nav button {
    outline: none !important;
    font-size: 23px !important;
    line-height: 1
}

.hero-slider-sec .owl-nav button.disabled {
    opacity: .5;
    pointer-events: none
}

.hero-slider-sec .owl-dots {
    outline: none;
    width: 170px;
    margin-left: 30px;
    position: relative;
    top: -15px
}

.hero-slider-sec .owl-dot {
    counter-increment: heroslidecounter;
    outline: none !important;
    position: relative;
    display: inline-block
}

.hero-slider-sec .owl-dot span {
    display: block;
    background: var(--border);
    height: 4px;
    position: relative
}

.hero-slider-sec .owl-dot:first-child span {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
}

.hero-slider-sec .owl-dot:last-child span {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px
}

.hero-slider-sec .owl-dot::before {
    content: counters(heroslidecounter, "", decimal-leading-zero);
    transition: .3s;
    opacity: 0;
    font-weight: 600;
    font-size: 18px
}

.hero-slider-sec .owl-dot.active::before {
    opacity: 1;
    color: var(--primary)
}

.hero-slider-sec .owl-dot.active span::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background: var(--primary);
    border-radius: 10px
}

@keyframes top-to-bottom {
    0% {
        transform: scaleY(0);
        transform-origin: left top
    }
    50% {
        transform: scaleY(1);
        transform-origin: left top
    }
    51% {
        transform-origin: left bottom
    }
    100% {
        transform: scaleY(0);
        transform-origin: left bottom
    }
}

.work-flow-video {
    background: var(--secondary-gradient);
    border-radius: 10px;
    padding: 80px 8%;
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden
}

.work-flow-video::after {
    content: "";
    height: 200px;
    max-width: 230px;
    width: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: url("../img/bitcoin6.png") no-repeat scroll center/contain;
    left: 63.5%;
    opacity: .4;
    z-index: 4
}

.work-flow-video .play-icon {
    z-index: 5;
    position: relative;
    display: inline-block
}

.work-flow-video .wfv-link {
    color: var(--white-permanent);
    font-size: 18px
}

.work-flow-video .wfv-link i {
    color: var(--primary);
    font-size: 22px;
    line-height: 1
}

button.mfp-close {
    outline: none !important
}

.paginations a {
    display: inline-block;
    height: 45px;
    width: 45px;
    border: 1px solid var(--border);
    color: var(--paragraph);
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    line-height: 45px;
    border-radius: 5px;
    margin-right: 10px;
    position: relative;
    overflow: hidden;
    z-index: 5
}

.paginations a:hover,
.paginations a.active {
    border-color: rgba(0, 0, 0, 0);
    color: var(--white-permanent)
}

.paginations a:hover::before,
.paginations a.active::before {
    clip-path: circle(141.2% at 0 100%)
}

.paginations a.active {
    pointer-events: none
}

.paginations a::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    transition: .5s;
    background: var(--primary-gradient2);
    clip-path: circle(0% at 0 100%)
}

.breadcrumbs a {
    font-weight: 600;
    color: var(--border);
    margin-right: 35px;
    position: relative;
    display: inline-block;
    font-size: 18px
}

.breadcrumbs a:last-child {
    margin-right: 0
}

.breadcrumbs a:last-child::before {
    content: none
}

.breadcrumbs a::before {
    content: "/";
    position: absolute;
    right: -27px;
    top: -1px;
    font-size: 19px;
    font-weight: 300;
    color: var(--border)
}

.breadcrumbs a:hover {
    color: var(--heading)
}

.breadcrumbs a.current {
    pointer-events: none;
    color: var(--primary)
}

.article-meta span {
    position: relative;
    display: inline-block;
    font-size: 16px;
    color: var(--paragraph);
    padding-right: 40px;
    margin-bottom: 8px;
    transition: all .3s
}

.article-meta span::before {
    position: absolute;
    content: "";
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background: var(--paragraph);
    display: inline-block;
    right: 12px;
    top: 7px;
    transition: all .3s
}

.article-meta span:last-child {
    padding-right: 0
}

.article-meta span:last-child::before {
    content: none
}

.blog-details {
    background: var(--light-gray);
    padding: 7% 7% 0 7%
}

.comment-sec {
    padding: 0 7%
}

.comment {
    padding: 40px calc(6% + 23px) 0px
}

.comment .btn {
    border-radius: 0;
    font-weight: 600
}

.blog-details-inner {
    padding: 40px;
    margin-bottom: 40px;
    padding-top: 0;
    position: relative;
    z-index: 5
}

.blog-details-inner::before {
    content: "";
    background: rgba(var(--success-alpha), 0.02);
    position: absolute;
    height: calc(100% - 150px);
    width: 100%;
    left: 0;
    bottom: 0;
    border-radius: 10px;
    z-index: 0
}

.blog-details-head {
    padding-left: calc(6% - 40px);
    padding-right: calc(6% - 40px)
}

.blog-details-thumbnail {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    margin-bottom: 40px
}

.blog-details-thumbnail img {
    width: 100%
}

.page-content {
    position: relative;
    padding-left: calc(6% - 40px);
    padding-right: calc(6% - 40px)
}

.page-content h1,
.page-content h2,
.page-content h3,
.page-content h4,
.page-content h5,
.page-content h6 {
    font-weight: 700;
    margin-bottom: 20px
}

.page-content em {
    font-size: 20px;
    margin-bottom: 25px;
    color: #361e2b;
    font-style: italic;
    display: block
}

.page-content a {
    color: var(--secondary)
}

.page-content iframe {
    margin-bottom: 25px
}

.page-content p {
    line-height: 1.7;
    margin-bottom: 25px
}

.page-content ul {
    margin-bottom: 30px
}

.page-content ul li {
    position: relative;
    margin-bottom: 10px;
    color: var(--heading);
    padding-left: 25px
}

.page-content ul li::before {
    position: absolute;
    left: 0;
    top: 8px;
    content: "";
    background: var(--primary);
    width: 9px;
    height: 9px;
    border-radius: 50%
}

.page-content ol {
    padding-left: 18px;
    margin-bottom: 25px
}

.page-content ol li {
    color: var(--heading);
    margin: 13px 0
}

.page-content .gallery {
    margin-top: 50px;
    margin-bottom: 50px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr
}

.page-content .gallery img {
    grid-row: span 1
}

.page-content .gallery img:first-child {
    grid-row: span 2
}

.page-content blockquote {
    text-align: center;
    color: var(--heading);
    font-size: 20px;
    font-family: var(--ff-heading);
    position: relative;
    margin-bottom: 30px;
    padding-top: 60px;
    max-width: 650px;
    margin-left: auto;
    margin-right: auto
}

.page-content blockquote::before {
    content: "❝";
    position: absolute;
    left: 50%;
    top: 15px;
    font-size: 70px;
    line-height: 1;
    transform: translateX(-50%);
    background: var(--success-gradient);
    color: rgba(0, 0, 0, 0);
    -moz-background-clip: text;
    -webkit-background-clip: text;
    background-clip: text
}

img.align-left {
    float: left;
    margin-right: 30px;
    margin-bottom: 20px
}

img.align-right {
    float: right;
    margin-left: 25px;
    margin-bottom: 20px
}

.drop-cap::first-letter {
    font-size: 45px;
    color: var(--red);
    line-height: 1
}

.inline-checkbox {
    display: block;
    position: relative
}

.inline-checkbox input {
    display: none
}

.inline-checkbox input:checked+span::before {
    content: ""
}

.inline-checkbox span {
    position: relative;
    padding-left: 30px;
    display: block;
    color: var(--paragraph)
}

.inline-checkbox span::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    height: 20px;
    width: 20px;
    border: 1px solid var(--primary);
    font-family: IcoFont;
    font-size: 23px;
    line-height: .8;
    color: var(--primary);
    text-indent: -2px
}

.post-navigation {
    padding: 40px 6%;
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border)
}

.post-navigation .ai-title a {
    color: var(--heading)
}

.post-navigation .article-item {
    margin-bottom: 0
}

.navigation-text {
    display: inline-block;
    color: var(--paragraph);
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 15px
}

.navigation-text i {
    font-size: 24px;
    line-height: 1;
    position: relative;
    display: inline-block;
    top: 2px
}

.blog-details-share {
    padding-left: 6%
}

.comments-sec {
    padding-left: 6%;
    padding-right: 6%
}

.profile {
    display: flex;
    align-items: center
}

.profile .p-img {
    height: 44px;
    width: 44px;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 15px
}

.profile .p-img img {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.profile h1,
.profile h2,
.profile h3,
.profile h4,
.profile h5 {
    margin-bottom: 0
}

.profile .p-name {
    flex: 1
}

.comment-item {
    background: var(--light-gray);
    padding: 20px
}

.comment-item .profile {
    margin-bottom: 20px
}

.comment-item p {
    line-height: 1.6;
    margin-bottom: 10px
}

.comment-item p:last-child {
    margin-bottom: 0
}

.faq-item {
    border-bottom: 1px solid var(--border);
    padding-bottom: 25px;
    margin-bottom: 25px;
    padding-left: 120px;
    position: relative;
    counter-increment: faqlist
}

.faq-item::before {
    content: counters(faqlist, "", decimal-leading-zero);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    font-weight: 800;
    font-size: 90px;
    color: rgba(var(--black-alpha), 0.03)
}

.faq-item p {
    line-height: 1.7
}

.faq-item p:last-child {
    margin-bottom: 0
}

.faq-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0
}

.accordion-item {
    background: var(--light-gray);
    margin-bottom: 30px
}

.accordion-item .accordion-content {
    padding: 0 60px 18px 30px
}

.accordion-item .accordion-content p:last-child {
    margin-bottom: 0
}

.accordion-item .accordion-title {
    padding: 18px 60px 18px 30px;
    position: relative;
    margin-bottom: 0;
    cursor: pointer
}

.accordion-item .accordion-title::before {
    content: "";
    font-family: IcoFont;
    position: absolute;
    right: 18px;
    cursor: pointer;
    font-size: 18px
}

.accordion-item.active {
    box-shadow: 0px 10px 40px rgba(0, 0, 0, .05);
    background: var(--white)
}

.accordion-item.active .accordion-title::before {
    content: ""
}

.accordion-item.active .accordion-title span {
    display: inline-block;
    color: rgba(0, 0, 0, 0);
    background: var(--primary-gradient2);
    -moz-background-clip: text;
    -webkit-background-clip: text;
    background-clip: text
}

#particles {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0
}

.signin-page-sec {
    position: relative;
    z-index: 5;
    background: var(--secondary-gradient2)
}

.signin-page-sec::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    bottom: 0;
    left: 0;
    background: url("../img/water-shape2.png") no-repeat scroll left bottom/cover;
    z-index: -1
}

.signin-page-sec .header-top p {
    color: var(--white-permanent)
}

.signin-page-sec .header-top .lang-text {
    color: var(--white-permanent)
}

.signin-page-sec .header-top .lang-text::before {
    border-color: var(--white-permanent)
}

.signin-page-sec .header-top .lang-item input:checked+span {
    color: var(--primary)
}

.signin-page-sec .header-top .lang-item span {
    color: var(--white-permanent)
}

.signin-page-sec ::-webkit-input-placeholder {
    color: var(--white-permanent)
}

.signin-page-sec ::-moz-input-placeholder {
    color: var(--white-permanent)
}

.signin-block {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 5
}

.signin-block input {
    background: rgba(var(--white-alpha), 0.2);
    border-radius: 7px;
    color: var(--white-permanent)
}

.signin-block input:focus {
    border-color: var(--white-permanent)
}

.signin-block p {
    color: var(--white-permanent);
    font-size: 18px
}

.input-icon-group-right {
    position: relative
}

.input-icon-group-right input {
    padding-right: 55px
}

.input-icon-group-right .input-icon {
    position: absolute;
    height: 100%;
    right: 0;
    top: 0;
    font-size: 22px;
    padding: 2px 15px 2px 5px;
    display: flex;
    align-items: center;
    color: var(--white-permanent)
}

.error-block h1 {
    font-weight: 800;
    font-size: 48px
}

.error-block p {
    font-size: 20px
}

.error-block .error-title {
    font-size: 200px;
    line-height: 1
}

.inner-page-wrapper {
    padding: 50px 0px 100px
}

.inner-single {
    position: relative
}

.inner-single:after {
    position: absolute;
    content: attr(data-title);
    position: absolute;
    top: 0;
    left: 0;
    color: rgba(0, 0, 0, 0);
    background: var(--primary-gradient2);
    -moz-background-clip: text;
    -webkit-background-clip: text;
    background-clip: text;
    font-size: 20px;
    opacity: 0;
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    transition: .4s ease-in
}

.inner-single:hover:after {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    opacity: 1;
    visibility: visible
}

.inner-single:hover span {
    opacity: 0;
    transform: translateY(10px);
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%)
}

.inner-single .inr-img {
    overflow: hidden
}

.inner-single a {
    display: block;
    transition: box-shadow 1s ease;
    box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, .15);
    height: 300px;
    position: relative;
    width: 100%
}

.inner-single a.h-2 {
    height: 210px
}

.inner-single a:hover {
    filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0));
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0);
    -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0)
}

.inner-single a img {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.inner-single span {
    display: block;
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: 500;
    color: #1a2030;
    transform: translateY(0px);
    opacity: 1;
    visibility: visible;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    transition: .4s ease-in
}

.inner-wrapper {
    display: grid;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-gap: 20px;
    grid-row-gap: 80px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin: 0 auto;
    padding-top: 80px
}

.btn-elnt {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 50px;
    flex-wrap: wrap
}

.btn-elnt a {
    display: block;
    margin: 5px 15px
}

.client-option {
    margin-top: 30px
}

.client-option a {
    display: inline-block;
    margin-right: 20px
}

@media all and (max-width: 1199px) {
    .inner-wrapper {
        grid-row-gap: 50px;
        grid-template-columns: 1fr 1fr 1fr
    }
}

@media all and (max-width: 767px) {
    .inner-wrapper {
        grid-row-gap: 50px;
        grid-template-columns: 1fr 1fr;
        padding-top: 30px
    }
    .inner-page-wrapper {
        padding: 50px 0px
    }
}

@media all and (max-width: 450px) {
    .inner-single a {
        height: auto
    }
    .inner-wrapper {
        grid-row-gap: 30px;
        grid-template-columns: 1fr
    }
    .sec-title h1 {
        font-size: 30px
    }
    .sec-title p {
        font-size: 16px
    }
}

#footer {
    position: relative;
    z-index: 9999
}

.demo-banner-wrapper {
    padding: 50px 0px 350px 0px
}

.demo-banner-wrapper .demo-logo svg path:nth-child(1) {
    fill: var(--white)
}

.demo-banner-content {
    padding-top: 235px
}

.demo-banner-content h3 {
    font-weight: 300;
    font-size: 36px;
    line-height: 54px;
    font-family: var(--ff-secondary);
    color: var(--white);
    margin-bottom: 0px
}

.demo-banner-content h3 strong {
    font-weight: 600
}

.demo-banner-content h2 {
    font-weight: bold;
    font-size: 90px;
    line-height: 1.3;
    font-family: var(--ff-secondary);
    color: var(--white);
    margin-bottom: 0px
}

.demo-banner-content h2 span {
    color: #ff002e
}

.demo-banner-content .shape {
    display: flex;
    align-items: center
}

.demo-banner-content .shape h6 {
    background: linear-gradient(90deg, #FF5C00 0%, #FFB800 100.09%);
    font-weight: 600;
    font-size: 36px;
    line-height: 1.4;
    margin-bottom: 0px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    padding-left: 5px
}

.demo-banner-area {
    position: relative;
    overflow: hidden;
    z-index: 1
}

.demo-banner-area .demo-coin-chain svg {
    position: absolute;
    height: 100%;
    top: -50px;
    right: 0;
    z-index: -1
}

#Ripple {
    animation: moving 1s infinite alternate
}

#Lite {
    animation: moving 1s infinite .2s alternate
}

#Cardano {
    animation: moving 1s infinite .5s alternate
}

#Dash {
    animation: moving 1s infinite .8s alternate
}

#Neo {
    animation: moving 1s infinite 1s alternate
}

#Bit {
    animation: movingXY 1s infinite alternate
}

@keyframes moving {
    0% {
        transform: translate(-5px, -5px)
    }
    100% {
        transform: translate(5px, 5px)
    }
}

@keyframes movingXY {
    0% {
        transform: translateY(-10px)
    }
    100% {
        transform: translateY(10px)
    }
}

.demo-webscreen-area {
    position: relative;
    z-index: 99;
    padding-bottom: 100px
}

.demo-webscreen-list {
    background: #fff;
    box-shadow: 0px 10px 40px rgba(0, 0, 0, .05);
    border-radius: 10px;
    padding: 40px 85px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: -50px
}

.sp-gradient {
    font-weight: 600;
    font-size: 27px;
    line-height: 1.5;
    display: flex;
    align-items: center;
    margin-bottom: 0px;
    font-family: var(--ff-secondary);
    color: #1a2030
}

.sp-gradient span {
    display: inline-block;
    padding-left: 5px;
    background: linear-gradient(90deg, #FF002E 0%, #FF7A00 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.ipa-list p {
    font-weight: 500;
    font-size: 20px;
    line-height: 1.5
}

.dhf-list {
    display: flex;
    align-items: center
}

.list-content-wrap {
    margin-top: 10px;
    padding-left: 10px
}

.list-content-wrap h3 {
    font-weight: 600;
    font-size: 27px;
    line-height: 1.5;
    margin-bottom: 0px;
    font-family: var(--ff-secondary);
    color: #1a2030
}

.list-content-wrap p {
    line-height: 1.5;
    margin-bottom: 0px
}

.ipa-list h3 {
    font-weight: 600;
    font-size: 27px;
    line-height: 1.5;
    margin-bottom: 0px;
    font-family: var(--ff-secondary);
    color: #1a2030
}

.mlp-list p {
    margin-bottom: 0px
}

.dh-list,
.dhf-list,
.mlp-list {
    margin-right: 0px 20px
}

.list-content-wrap p,
.mlp-list p,
.dh-list p {
    font-size: 18px;
    line-height: 1.5;
    color: #1a2030
}

.dh-list p {
    margin-bottom: 0px
}

.demo-webscreen-list {
    margin-bottom: 100px
}

.demo-webscreen-wrap {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap
}

.demo-webscreen-content {
    position: relative;
    padding-top: 50px
}

.demo-webscreen-content .arrow-right {
    position: absolute;
    left: -150px;
    top: 0;
    pointer-events: none;
    max-width: 230px
}

.demo-webscreen-content h3 {
    white-space: nowrap;
    margin-bottom: 0px;
    font-size: 33px;
    font-family: var(--ff-secondary)
}

.demo-webscreen-content p {
    font-weight: 500;
    font-size: 20px;
    line-height: 1.5;
    color: #1a2030
}

.arrow-right {
    animation: moving-X 1s infinite alternate
}

@keyframes moving-X {
    0% {
        transform: translateX(-10px)
    }
    100% {
        transform: translateX(10px)
    }
}

@keyframes moving-y5 {
    0% {
        transform: translateY(-5px)
    }
    100% {
        transform: translateY(5px)
    }
}

.demo-webscreen-img {
    flex: 1
}

.demo-landing-area {
    padding: 100px 0px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.dmo-heading {
    max-width: 450px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 50px
}

.dmo-heading h2 {
    font-weight: 600;
    font-size: 36px;
    line-height: 1.4;
    color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--ff-secondary);
    margin-bottom: 5px
}

.dmo-heading h2 span {
    display: block;
    padding: 0px 5px;
    color: #ff002e
}

.dmo-heading p {
    font-family: var(--ff-secondary);
    font-size: 20px;
    line-height: 1.5;
    color: #fff;
    margin-bottom: 0px
}

.dmo-heading.demo-black h2,
.dmo-heading.demo-black p {
    color: #202020
}

.shadow-design ul li {
    filter: drop-shadow(0px 30px 70px rgba(0, 0, 0, 0.07))
}

.demo-landing-content {
    text-align: center
}

.demo-landing-content ul {
    display: flex;
    align-items: flex-end;
    margin-bottom: 50px;
    justify-content: center
}

.demo-landing-content ul li:nth-child(1) {
    margin-right: -160px;
    animation: moving-X 1s infinite .5s alternate
}

.demo-landing-content ul li:nth-child(2) {
    position: relative;
    z-index: 9
}

.demo-landing-content ul li:nth-child(3) {
    margin-left: -160px;
    animation: moving-X 1s infinite alternate
}

.demo-landing-content .btn-primary {
    border-radius: 5px
}

.demo-landing-content .btn-primary:hover {
    color: var(--white) !important;
    border-color: var(--white) !important
}

.demo-home-area {
    padding: 100px 0px 50px
}

.demo-home-img {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 30px
}

.demo-home-img li {
    position: relative;
    border: 1px solid #ddd
}

.demo-home-img li a img {
    width: 100%
}

.demo-home-img li:nth-child(5) .dnew {
    animation-duration: 1.1s
}

.demo-home-img li:last-child .dnew {
    animation-duration: 1.2s
}

.demo-home-img li .dnew {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    animation: rotatexy 1s infinite alternate;
    pointer-events: none
}

@keyframes rotatexy {
    0% {
        transform: rotate(-5deg) scale(1)
    }
    100% {
        transform: rotate(5deg) scale(0.9)
    }
}

.market-cap-wrapper {
    max-width: 1299px;
    margin: 0 auto
}

.market-cap-wrapper .mc-img {
    margin-top: 20px
}

.demo-ftr-area {
    padding: 50px 0px
}

.demo-ftr-img {
    max-width: 980px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: flex-start
}

.demo-ftr-img li:first-child {
    margin-right: 30px
}

.demo-ftr-img img {
    max-width: 100%
}

.short-code-heading {
    padding: 75px 0px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 50px
}

.short-code-heading .sec-title {
    margin-bottom: 0px
}

.demo-shortcode-wrapper {
    margin-bottom: 100px
}

.demo-shortcode-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 1100px;
    margin: 0 auto
}

.demo-shortcode-list li {
    height: 70px;
    width: calc(25% - 10px);
    margin-bottom: 10px;
    padding: 25px;
    background: #fafafa;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.5;
    color: #1a2030;
    white-space: nowrap
}

.demo-support-area {
    background: linear-gradient(90deg, #0B9CEE 0%, #260094 100%);
    padding: 20px 0px
}

.demo-support-wrapper {
    display: flex;
    align-items: center
}

.demo-support-img {
    margin-right: 100px
}

.demo-support-content h3 {
    font-weight: 600;
    font-size: 30px;
    line-height: 1.5;
    color: #fff;
    font-family: var(--ff-secondary);
    margin-bottom: 5px
}

.demo-support-content p {
    margin-bottom: 0px;
    font-weight: normal;
    font-size: 20px;
    line-height: 1.5;
    color: #fff
}

.dm-ftr-area {
    padding: 100px 0px;
    background-repeat: no-repeat;
    background-position: bottom
}

.dm-ftr-area .call-to-action {
    padding: 0px
}

.dm-ftr-area .call-to-action .btn {
    margin-top: 50px
}

@media all and (max-width: 1750px) {
    .demo-banner-area .demo-coin-chain svg {
        top: -100px
    }
}

@media all and (max-width: 1550px) {
    .demo-banner-area .demo-coin-chain svg {
        top: -150px
    }
    .demo-webscreen-list {
        flex-wrap: wrap
    }
    .demo-webscreen-list div {
        width: 50%
    }
    .demo-webscreen-list .dh-list,
    .demo-webscreen-list .dhf-list {
        margin-bottom: 35px
    }
}

@media all and (max-width: 1350px) {
    .demo-banner-area .demo-coin-chain svg {
        top: -50px
    }
    .demo-banner-content {
        padding-top: 120px
    }
    .demo-banner-content .demo-banner-content h2 {
        font-size: 70px
    }
    .demo-banner-content .demo-banner-content h3 {
        font-size: 30px;
        line-height: 1.5
    }
    .demo-banner-wrapper {
        padding: 50px 0px 220px 0px
    }
}

@media all and (max-width: 1199px) {
    .demo-banner-content h2 {
        font-size: 60px
    }
    .demo-banner-content h3 {
        font-size: 27px;
        line-height: 1.5
    }
    .shape svg {
        height: 100px
    }
    .demo-shortcode-list li {
        width: calc(33.3333333333% - 10px)
    }
}

@media all and (max-width: 991px) {
    .demo-banner-area .demo-coin-chain svg {
        top: -130px
    }
    .demo-webscreen-list {
        padding: 25px
    }
    .sp-gradient {
        font-size: 20px;
        margin-bottom: 0px
    }
    .list-content-wrap h3 {
        font-size: 20px
    }
    .dhf-list svg {
        width: auto;
        height: 70px
    }
    .ipa-list h3 {
        font-size: 20px
    }
    .ipa-list p {
        font-size: 16px
    }
    .demo-webscreen-list {
        margin-bottom: 50px
    }
    .demo-webscreen-wrap {
        flex-direction: column
    }
    .demo-webscreen-img {
        order: 2
    }
    .demo-webscreen-content {
        margin: 0 auto 35px
    }
    .demo-home-img {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media all and (max-width: 767px) {
    .demo-banner-wrapper {
        padding: 50px 0px 160px 0px
    }
    .demo-banner-content {
        padding-top: 100px
    }
    .demo-banner-content h2 {
        font-size: 50px
    }
    .shape svg {
        height: 70px;
        width: auto
    }
    .demo-banner-content .shape h6 {
        font-size: 29px
    }
    .demo-webscreen-list div {
        width: 100%
    }
    .mlp-list {
        margin-bottom: 30px
    }
    .demo-webscreen-content .arrow-right {
        left: -60px;
        max-width: 140px
    }
    .demo-webscreen-area {
        padding-bottom: 50px
    }
    .demo-webscreen-content h3 {
        font-size: 28px
    }
    .demo-landing-area {
        padding: 50px 0px
    }
    .demo-landing-content ul li:nth-child(1) {
        margin-right: -50px;
        animation: mov 1s infinite .5s alternate
    }
    .demo-landing-content ul li:nth-child(3) {
        margin-left: -50px;
        animation: mov 1s infinite .5s alternate
    }
    .dmo-heading h2 {
        font-size: 27px
    }
    .demo-home-area {
        padding: 50px 0px 25px
    }
    .demo-home-area .sec-title,
    .demo-hftr-wrapper .sec-title,
    .inner-page-wrapper .sec-title {
        margin-bottom: 30px !important
    }
    .demo-home-area .sec-title h1,
    .demo-hftr-wrapper .sec-title h1,
    .inner-page-wrapper .sec-title h1 {
        font-size: 32px;
        line-height: 1.2
    }
    .demo-home-area .sec-title p,
    .demo-hftr-wrapper .sec-title p,
    .inner-page-wrapper .sec-title p {
        font-size: 16px;
        line-height: 1.5
    }
    .demo-home-img li:nth-child(3) .dnew {
        top: -30px;
        left: 50px;
        max-width: 60px
    }
    .demo-ftr-area {
        padding: 50px 25px
    }
    .inner-wrapper {
        padding-top: 0px
    }
    .inner-wrapper .inner-single span {
        font-size: 16px
    }
    .demo-shortcode-area .sec-title h1 {
        font-size: 30px
    }
    .demo-shortcode-area .sec-title p {
        font-size: 18px;
        font-weight: 500;
        margin-bottom: 0
    }
    .short-code-heading {
        padding: 65px 0px
    }
    .demo-shortcode-list li {
        width: calc(50% - 10px)
    }
    .demo-support-wrapper {
        flex-direction: column;
        justify-content: center
    }
    .demo-support-img {
        margin-right: 0px;
        max-width: 200px
    }
    .demo-support-content {
        text-align: center
    }
    .demo-support-content h3 {
        font-size: 20px
    }
    .demo-support-content p {
        font-size: 16px
    }
    .demo-support-area {
        padding: 45px 0px
    }
    .dm-ftr-area {
        padding: 50px 0px
    }
    .cta-left h1 {
        font-size: 30px
    }
    .cta-left p {
        font-size: 18px !important
    }
    .dm-ftr-area .call-to-action .btn {
        margin-top: 20px
    }
    .market-cap-wrapper.s-py-50 {
        padding: 0
    }
}

@media all and (max-width: 575px) {
    .demo-logo a svg {
        max-width: 180px
    }
    .demo-banner-wrapper {
        padding: 25px 0px 160px 0px
    }
    .demo-banner-content {
        padding-top: 55px;
        text-align: center
    }
    .demo-banner-content h3 {
        font-size: 20px
    }
    .demo-banner-content h2 {
        font-size: 38px
    }
    .demo-banner-content .shape {
        justify-content: center
    }
    .demo-banner-content .shape h6 {
        font-size: 24px
    }
    .demo-banner-content .shape svg {
        height: 50px
    }
    .demo-shortcode-list li {
        width: 100%;
        max-width: 300px;
        margin: 0 auto 20px
    }
    .demo-ftr-img {
        flex-direction: column
    }
    .demo-ftr-img li:first-child {
        margin-right: 0px;
        margin-bottom: 35px
    }
    .demo-home-img {
        grid-template-columns: 1fr;
        grid-gap: 20px;
        max-width: 450px;
        margin: 0 auto
    }
    .market-cap-wrapper.s-py-50 {
        padding: 0
    }
    .market-cap-wrapper .sec-title {
        margin: 0 !important
    }
    .market-cap-wrapper .sec-title h1 {
        font-size: 30px;
        max-width: 200px;
        margin: 0 auto;
        line-height: 1.2
    }
}

@media all and (max-width: 1300px) {
    .countdown-sec {
        padding-top: 200px
    }
}

@media all and (max-width: 1199px) {
    .footer-bitcoin-img-one,
    .footer-bitcoin-img-two {
        max-width: 14%
    }
    .slide-text h1 {
        font-size: 50px
    }
    .innerpage-header-sec {
        padding-bottom: 125px
    }
    .counter-wrap:not(.counter-secondary-wrap) {
        border-radius: 15px
    }
    .demo-banner-text h1 {
        font-size: 60px
    }
    .demo-banner-text h2 {
        font-size: 38px
    }
}

@media all and (max-width: 991px) {
    .home1-block-wrap {
        padding-top: 50px;
        padding-bottom: 20px
    }
    .hero-banner-text h2 {
        font-size: 35px
    }
    .hero-banner-text h1 {
        font-size: 50px
    }
    .hero-banner-text p {
        font-size: 18px
    }
    .hero-banner-text .btn {
        font-size: 17px
    }
    .counter-wrap {
        border-radius: 10px
    }
    .counter-wrap .col-sm-6:nth-child(2)::before {
        content: none
    }
    .video-cilp-wrapper {
        margin-bottom: 50px
    }
    .column-count-3,
    .column-count-4 {
        column-count: 2
    }
    .countdown-sec {
        background: var(--primary-gradient2);
        padding: 60px 0
    }
    .roadmap-wrap .roadmap-img {
        position: unset;
        width: auto;
        transform: unset;
        margin-left: auto;
        margin-right: auto;
        display: block;
        margin-bottom: 30px;
        max-width: 100%
    }
    .roadmap li {
        margin: 0
    }
    .roadmap li:first-child {
        width: 50%
    }
    .roadmap li:last-child {
        width: 50%;
        margin: 0
    }
    .roadmap li:nth-child(2n+1) {
        justify-content: unset !important
    }
    .roadmap li:nth-child(2n) {
        justify-content: flex-end !important
    }
    .copyright-sec.footer-curve-bg-light,
    .footer-sec.footer-curve-bg-light {
        background: var(--light-gray) !important;
        padding-top: 30px
    }
    .article-lists {
        padding-left: 80px
    }
    .article-lists .article-item::before {
        font-size: 56px
    }
    .article-item .ai-img {
        width: 40%
    }
    .article-item .ai-img .ai-img-inner {
        padding-top: 120%
    }
}

@media all and (max-width: 767px) {
    .timeline-sec::before {
        content: none
    }
    .copyright-inner {
        flex-direction: column;
        text-align: center
    }
    .copyright-inner p {
        order: 3
    }
    .call-to-action {
        text-align: center;
        display: block
    }
    .call-to-action .cta-left {
        width: 100%;
        flex: unset;
        margin-right: 0
    }
    .call-to-action .cta-right {
        margin-top: 20px
    }
    .roadmap li {
        width: 100%
    }
    .roadmap li:first-child,
    .roadmap li:last-child {
        width: 100%
    }
    .roadmap-item {
        max-width: 400px
    }
    .article-item .ai-img {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
        max-width: 100%
    }
    .article-item .ai-img .ai-img-inner {
        padding-top: 60%
    }
    .sec-title {
        margin-bottom: 40px
    }
    .sec-title h1 {
        font-size: 45px
    }
    .sec-title h1[data-watermark] {
        padding: 15px 0
    }
    .sec-title h1[data-watermark]::before,
    .sec-title h2[data-watermark]::before,
    .sec-title h3[data-watermark]::before,
    .sec-title h4[data-watermark]::before,
    .sec-title h5[data-watermark]::before,
    .sec-title h6[data-watermark]::before {
        font-size: 100px
    }
    .column-count-2,
    .column-count-3,
    .column-count-4 {
        column-count: 1
    }
    .error-block .error-title {
        font-size: 150px
    }
}

@media all and (max-width: 575px) {
    .py-80,
    .pb-80 {
        padding-bottom: 40px
    }
    .py-80,
    .pt-80 {
        padding-top: 40px
    }
    .py-100,
    .pb-100 {
        padding-bottom: 50px
    }
    .py-100,
    .pt-100 {
        padding-top: 50px
    }
    .footer-widget-menu.column-4 {
        column-count: 3
    }
    .counter-wrap div[class^=col]::before {
        content: none
    }
    .timeline::before {
        left: 12px
    }
    .timeline-item {
        width: 100%;
        padding-left: 30px
    }
    .timeline-item:nth-child(2n+1) {
        text-align: left
    }
    .timeline-item .tli-head::before {
        left: auto !important;
        right: 15px !important
    }
    .timeline-item .tli-head::after {
        content: "";
        position: absolute;
        height: 25px !important;
        width: 25px !important;
        background: var(--secondary);
        border-radius: 50%;
        border: 3px solid var(--success);
        right: auto !important;
        bottom: -13px !important;
        z-index: 5;
        left: -29px
    }
    .timeline-item time::before {
        color: rgba(var(--white-alpha), 0.12)
    }
    .article-lists {
        padding-left: 0
    }
    .article-lists .article-item::before {
        content: none
    }
    .work-flow-video .play-icon {
        max-width: 45px
    }
    .blog-details-inner {
        padding: 20px
    }
    .faq-item {
        padding-left: 70px
    }
    .faq-item::before {
        font-size: 50px
    }
    .accordion-item .accordion-title {
        padding: 18px 45px 18px 20px
    }
    .accordion-item .accordion-title::before {
        font-size: 15px
    }
    .demo-block {
        min-height: auto
    }
    .demo-block-responsive {
        padding: 15px
    }
}

@media all and (max-width: 400px) {
    .footer-widget-menu.column-3,
    .footer-widget-menu.column-4 {
        column-count: 2
    }
    .hero-banner-text h2 {
        font-size: 28px
    }
    .hero-banner-text h1 {
        font-size: 37px
    }
    .hero-banner-text h1 span {
        font-size: 37px
    }
}

.cripto-banner-sec {
    background-color: var(--theme-blue)
}

.cripto-banner-sec .h-logo svg path:nth-child(1) {
    fill: var(--white)
}

.crazy-header .h-menu>li>a {
    color: var(--white)
}

.crazy-header .menu-trigger span {
    background-color: var(--white)
}

.crazy-header .mobile-menu-wrap {
    background-color: var(--theme-blue)
}

.crazy-header .menu-close {
    color: var(--white)
}

.crazy-header .mobile-menu .h-menu li i {
    color: var(--white)
}

.crazy-header .mobile-menu .h-menu .has-child a {
    color: var(--white)
}

.crazy-header .mobile-menu .mm-widget-title {
    color: var(--white)
}

.crazy-header .mobile-menu .mm-menu li a {
    color: var(--white)
}

.selectpicker .nice-select {
    border-radius: 5px;
    background: var(--primary-gradient2);
    border: none;
    color: var(--white);
    height: 35px;
    line-height: 35px
}

.selectpicker .nice-select:after {
    border-color: var(--white)
}

.selectpicker .nice-select .list {
    left: unset;
    right: 0
}

.selectpicker .nice-select .list li {
    color: var(--heading);
    margin-bottom: 0px
}

.selectpicker .nice-select .list li::before {
    display: none
}

@media all and (max-width: 1199px) {
    .crazy-header .selectpicker {
        display: none
    }
}

.tread-title-area {
    padding: 8px 0px;
    background-color: var(--theme-blue-light)
}

.tread-title-area .tread-slider-wrapper p {
    margin-bottom: 0px;
    color: var(--white);
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    font-family: var(--ff-secondary)
}

.cripto-banner {
    position: relative;
    padding: 190px 0px 230px;
    z-index: 1;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.cripto-banner-text {
    max-width: 715px
}

.cripto-banner-text h3 {
    font-family: var(--ff-secondary);
    font-size: 30px;
    font-weight: bold;
    color: var(--white);
    margin-bottom: 5px
}

.cripto-banner-text h3 span {
    font-weight: normal;
    display: inline-block;
    margin: 0px 5px
}

.cripto-banner-text h2 {
    font-family: var(--ff-secondary);
    font-size: 64px;
    font-weight: normal;
    color: var(--white);
    margin-bottom: 15px
}

.cripto-banner-text h2 strong {
    font-weight: bold;
    display: inline-block;
    margin: 0px 5px
}

.cripto-banner-text p {
    color: var(--white);
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 30px
}

.cripto-banner-text .btn {
    border-radius: 5px;
    padding: 15px 25px
}

.cripto-banner-anime {
    position: absolute;
    right: 0;
    bottom: 150px;
    z-index: -1
}

@keyframes zoom {
    0% {
        clip-path: circle(40% at 0 0)
    }
    100% {
        clip-path: circle(200% at 0 0)
    }
}

.cripto-banner-counter {
    padding: 45px 50px;
    background: var(--blur-white);
    border: 1px solid var(--cripto-border);
    box-sizing: border-box;
    backdrop-filter: blur(15px);
    border-radius: 10px;
    font-family: var(--ff-secondary)
}

.cripto-banner-counter h3 {
    font-size: 30px;
    font-weight: 600;
    color: var(--white);
    line-height: 1.5
}

.cripto-banner-counter p {
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 0px;
    color: var(--white);
    line-height: 1.5
}

.cripto-banner-counter .btn {
    margin-bottom: 40px;
    padding: 15px 25px;
    border-radius: 5px
}

.cripto-banner-counter p span {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5
}

.cripto-banner-counter ul {
    display: flex;
    align-items: center
}

.cripto-banner-counter ul li {
    padding: 10px
}

.cripto-banner-counter ul li:first-child {
    padding-left: 0px
}

.cripto-counter {
    margin-top: 40px;
    margin-bottom: 20px
}

.cripto-counter .countdown-clock {
    display: grid;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin: 0 auto
}

.cripto-counter .ci-inner {
    text-align: center;
    width: 70px
}

.cripto-counter .ci-inner>div {
    width: 100%;
    height: 70px;
    background-color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: var(--theme-blue-light);
    margin-bottom: 10px;
    font-weight: 600
}

.cripto-counter .ci-inner h4 {
    font-size: 16px;
    color: var(--white);
    font-weight: normal
}

@media all and (max-width: 1550px) {
    .cripto-banner {
        padding: 100px 0px 150px
    }
}

@media all and (max-width: 1350px) {
    .cripto-banner-text h3 {
        font-size: 25px
    }
    .cripto-banner-text h2 {
        font-size: 50px
    }
    .cripto-counter .countdown-clock {
        grid-gap: 15px
    }
}

@media all and (max-width: 991px) {
    .cripto-banner-counter {
        margin-top: 50px;
        max-width: 600px
    }
    .cripto-counter .countdown-clock {
        grid-gap: 30px;
        max-width: 400px;
        margin: unset
    }
}

@media all and (max-width: 575px) {
    .cripto-banner {
        padding: 50px 0px 100px
    }
    .cripto-banner-text h3 {
        font-size: 20px
    }
    .cripto-banner-text h2 {
        font-size: 40px
    }
    .cripto-banner-counter {
        padding: 35px 15px
    }
    .cripto-banner-counter h3 {
        font-size: 22px;
        margin-bottom: 5px
    }
    .cripto-banner-counter p {
        font-size: 16px
    }
    .cripto-banner-counter .cripto-counter {
        margin-top: 25px;
        margin-bottom: 10px
    }
    .cripto-banner-counter .cripto-counter .countdown-clock {
        grid-gap: 10px
    }
    .cripto-banner-counter .btn {
        margin-bottom: 25px
    }
}

@media all and (max-width: 380px) {
    .cripto-banner-counter .cripto-counter .countdown-clock {
        max-width: 100%;
        grid-gap: 10px;
        grid-template-columns: 1fr 1fr
    }
}

.cripto-about-area {
    padding: 70px 0px 100px
}

.cripto-about-wrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.cripto-about-content {
    flex: 1;
    margin-left: 60px
}

.cripto-about-content p {
    font-size: 17px;
    line-height: 1.5;
    margin-bottom: 20px;
    max-width: 700px
}

.cripto-about-content ul {
    max-width: 400px;
    margin-bottom: 30px
}

.cripto-about-content ul li {
    position: relative;
    font-size: 15px;
    line-height: 1.5;
    font-family: var(--ff-secondary);
    margin-bottom: 10px;
    padding-left: 20px;
    font-weight: 400
}

.cripto-about-content ul li:after {
    position: absolute;
    content: "";
    top: 7px;
    left: 0;
    height: 8px;
    width: 8px;
    background-color: var(--theme-blue-light);
    border-radius: 50%
}

.cripto-about-content .btn {
    border-radius: 5px
}

.cripto-heading h2 {
    font-family: var(--ff-secondary);
    font-size: 30px;
    font-weight: 600;
    position: relative;
    padding: 35px 0px;
    display: inline-block;
    text-transform: capitalize
}

.cripto-heading h2 span {
    display: inline-block;
    padding: 0px 5px;
    color: var(--theme-blue-light)
}

.cripto-heading h2:after {
    content: attr(data-watermark);
    position: absolute;
    left: calc(100% - 100px);
    -webkit-text-stroke: 1px var(--title-border);
    color: rgba(0, 0, 0, 0);
    font-size: 130px;
    line-height: .9;
    white-space: nowrap;
    text-transform: uppercase;
    top: 50%;
    z-index: -1;
    transform: translateY(-50%)
}

@media all and (max-width: 1350px) {
    .cripto-heading h2:after {
        left: 0
    }
    .cripto-about-area {
        padding: 70px 0px
    }
}

@media all and (max-width: 1199px) {
    .cripto-about-img {
        max-width: 45%
    }
    .cripto-heading h2:after {
        font-size: 90px
    }
}

@media all and (max-width: 991px) {
    .cripto-about-content {
        margin-left: 35px
    }
}

@media all and (max-width: 767px) {
    .cripto-about-wrapper {
        flex-direction: column
    }
    .cripto-about-img {
        max-width: 500px;
        order: 2
    }
    .cripto-about-content {
        margin-left: 0px;
        order: 1;
        margin-bottom: 50px
    }
}

.cripto-works-area {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 70px 0px;
    color: var(--white);
    overflow: hidden;
    z-index: 1
}

.cripto-works-anime {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    z-index: -1
}

.cripto-works-anime svg {
    height: 100%
}

.cripto-works-wrapper {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap
}

.cripto-works-content {
    flex: 1;
    margin-right: 170px
}

.cripto-works-list {
    display: grid;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-gap: 80px;
    grid-template-columns: 1fr 1fr;
    margin: 0 auto
}

.cripto-works-heading {
    margin-bottom: 30px
}

.cripto-works-heading h2 {
    font-size: 30px;
    font-weight: 600;
    color: var(--white);
    font-family: var(--ff-secondary)
}

.cripto-works-heading p {
    color: var(--white);
    margin-bottom: 0px;
    line-height: 1.5
}

.cripto-works-single-list {
    position: relative;
    z-index: 1;
    padding-top: 70px
}

.cripto-works-single-list:after {
    position: absolute;
    content: attr(data-number);
    font-family: var(--ff-secondary);
    font-weight: 900;
    font-size: 150px;
    line-height: 1;
    color: rgba(0, 178, 255, .05);
    top: 0;
    right: 0;
    z-index: -1
}

.cripto-works-single-list span {
    color: var(--white);
    font-size: 16px;
    display: block;
    margin-bottom: 10px
}

.cripto-works-single-list h3 {
    font-size: 20px;
    font-weight: 600;
    color: var(--white);
    font-family: var(--ff-secondary);
    color: var(--white)
}

.cripto-works-single-list p {
    margin-bottom: 0px;
    color: var(--light-gray);
    line-height: 1.5
}

.cripto-works-img {
    margin-right: 180px
}

@media all and (max-width: 1350px) {
    .cripto-works-content {
        margin-right: 50px
    }
    .cripto-works-img {
        margin-right: 80px
    }
}

@media all and (max-width: 1199px) {
    .cripto-works-list {
        grid-gap: 50px
    }
    .cripto-works-img {
        margin-right: 0px;
        width: 50%;
        margin: 0 auto
    }
}

@media all and (max-width: 991px) {
    .cripto-works-content {
        margin-right: 0px;
        flex: unset;
        margin-bottom: 50px
    }
    .cripto-works-img {
        margin-right: 0px;
        width: 430px;
        margin: 0 auto
    }
    .cripto-works-anime {
        display: none
    }
    .cripto-works-heading {
        max-width: 500px
    }
    .cripto-works-list {
        grid-gap: 100px;
        grid-row-gap: 35px
    }
}

@media all and (max-width: 767px) {
    .cripto-works-list {
        grid-gap: 50px;
        grid-row-gap: 35px
    }
    .cripto-works-single-list:after {
        font-size: 90px
    }
    .cripto-works-single-list {
        padding-top: 30px
    }
}

@media all and (max-width: 575px) {
    .cripto-works-list {
        grid-template-columns: 1fr
    }
}

.cripto-token-area {
    padding: 60px 0px 100px
}

.cripto-token-wrapper {
    margin-bottom: 70px
}

.cripto-token-wrapper .sec-title {
    max-width: 700px;
    margin: 0 auto;
    padding-bottom: 40px
}

.cripto-token-wrapper .sec-title h1 {
    font-size: 30px;
    padding: 50px 0px
}

.cripto-token-wrapper .sec-title h1 span {
    color: var(--theme-blue-light)
}

.cripto-token-wrapper .sec-title h1:before {
    font-size: 150px
}

.cripto-token-wrapper .sec-title p {
    font-size: 16px
}

.cripto-token-card-wrapper {
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.cripto-token-card-wrapper .cripto-single-token {
    padding: 30px;
    margin-bottom: 30px;
    border: 1px solid var(--title-border);
    margin-right: 20px;
    font-family: var(--ff-secondary)
}

.cripto-token-card-wrapper .cripto-single-token h4 {
    font-size: 18px;
    font-weight: 600;
    color: var(--theme-blue-light);
    margin-bottom: 10px
}

.cripto-token-card-wrapper .cripto-single-token p {
    font-size: 16px;
    color: var(--heading);
    margin-bottom: 0px
}

.cripto-token-wrapper .btn {
    display: flex;
    margin: 0 auto;
    border-radius: 5px;
    padding: 15px 20px
}

.cripto-token-wrapper .btn i {
    padding-left: 15px
}

.cripto-sale-heading {
    text-align: center;
    max-width: 500px;
    margin: 0 auto;
    padding-bottom: 40px
}

.cripto-sale-heading h2 {
    font-family: var(--ff-primary);
    font-size: 24px;
    font-weight: 600;
    color: var(--theme-blue-dark);
    margin-bottom: 10px
}

.cripto-sale-heading p {
    font-size: 16px;
    margin-bottom: 0;
    line-height: 1.5
}

.cripto-sale-content {
    display: grid;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr;
    margin: 0 auto
}

.cripto-sale-card {
    background: var(--light-gray);
    border: 1px solid var(--title-border);
    border-radius: 10px;
    overflow: hidden;
    transition: .4s ease-in
}

.cripto-sale-card .cripto-sale-title {
    transition: .4s ease-in;
    padding: 20px;
    border-radius: 0px 0px 10px 10px;
    background-color: var(--theme-blue-dark);
    text-align: center
}

.cripto-sale-card .cripto-sale-title h3 {
    font-size: 18px;
    font-family: var(--ff-secondary);
    color: var(--white);
    margin-bottom: 0px
}

.cripto-sale-card.active,
.cripto-sale-card:hover {
    background-color: rgba(0, 0, 0, 0);
    border-color: var(--theme-blue-light)
}

.cripto-sale-card.active .cripto-sale-title,
.cripto-sale-card:hover .cripto-sale-title {
    background-color: var(--theme-blue-light)
}

.cripto-sale-card:hover {
    transform: translateY(-10px)
}

.cripto-sale-card-content {
    padding: 50px;
    font-family: var(--ff-secondary)
}

.cripto-sale-card-content h4 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    color: var(--theme-blue-light)
}

.cripto-sale-card-content h5 {
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 15px
}

.cripto-sale-card-content p {
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 0px;
    font-weight: 300
}

@media all and (max-width: 1199px) {
    .cripto-sale-card-content {
        padding: 25px 35px
    }
}

@media all and (max-width: 991px) {
    .cripto-sale-content {
        grid-template-columns: 1fr 1fr
    }
}

@media all and (max-width: 767px) {
    .cripto-sale-content {
        grid-template-columns: 1fr;
        max-width: 500px
    }
    .cripto-token-area {
        padding: 80px 0px
    }
}

.cripto-roadmap-area {
    padding: 60px 0px 220px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: var(--copyright-bg)
}

.cripto-roadmap-wrapper .sec-title {
    max-width: 800px;
    margin: 0 auto;
    padding-bottom: 60px
}

.cripto-roadmap-wrapper .sec-title h1 {
    font-size: 30px;
    color: var(--white);
    padding: 40px 0px;
    font-family: var(--ff-secondary)
}

.cripto-roadmap-wrapper .sec-title h1:before {
    -webkit-text-stroke: 1px rgba(238, 238, 238, .4);
    font-size: 145px;
    text-transform: uppercase
}

.cripto-roadmap-wrapper .sec-title p {
    color: var(--white);
    font-size: 16px;
    line-height: 1.5;
    padding-top: 20px;
    font-family: var(--ff-secondary);
    margin: 0px 35px
}

.cripto-roadmap-content {
    margin-top: 175px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 120px;
    counter-reset: counter
}

.cripto-roadmap-content li {
    width: calc(33.3333333333% - 150px);
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    height: auto;
    box-sizing: border-box;
    font-family: var(--ff-secondary);
    z-index: 1;
    transition: .4s ease-in
}

.cripto-roadmap-content li:nth-child(even) {
    margin-top: -320px;
    margin-left: -100px;
    margin-right: -100px
}

.cripto-roadmap-content li:nth-child(even):hover {
    transform: translateY(20px)
}

.cripto-roadmap-content li:nth-child(odd):hover {
    transform: translateY(-20px)
}

.cripto-roadmap-content li:before {
    position: absolute;
    counter-increment: counter;
    content: "0" counter(counter);
    top: -35px;
    left: 50%;
    transform: translateX(-50%);
    height: 70px;
    width: 70px;
    background-color: #0d005b;
    border: 2px solid #5d44be;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
    font-size: 20px;
    font-weight: 500;
    color: var(--white);
    transition: .4s ease-in-out
}

.cripto-roadmap-content li:hover:before {
    background-color: #5d44be;
    border-color: #00b2ff
}

.cripto-roadmap-content li h5 {
    font-size: 15px;
    line-height: 1.4;
    margin-bottom: 5px;
    color: var(--white);
    font-weight: 500
}

.cripto-roadmap-content li h3 {
    font-size: 18px;
    font-weight: 600;
    color: var(--white);
    padding-bottom: 15px;
    margin-bottom: 15px;
    position: relative
}

.cripto-roadmap-content li h3:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 50%;
    height: 1px;
    width: 80px;
    background-color: var(--white);
    transform: translateX(-50%)
}

.cripto-roadmap-content li p {
    font-size: 16px;
    line-height: 1.5;
    color: var(--white);
    margin-bottom: 0px
}

.hex {
    -webkit-clip-path: polygon(0% 50%, 25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%);
    -moz-clip-path: polygon(0% 50%, 25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%);
    padding: 50px 60px 35px;
    text-align: center;
    background: #00b2ff
}

.hex:after {
    position: absolute;
    content: "";
    background-color: var(--theme-blue-light);
    top: 2px;
    left: 2px;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    -webkit-clip-path: polygon(0% 50%, 25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%);
    -moz-clip-path: polygon(0% 50%, 25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%);
    z-index: -1
}

.hexo-design-area {
    position: relative;
    padding-bottom: 50px
}

.hexo-design-area .hexo-image-area .hexo-1 {
    position: absolute;
    bottom: 0;
    left: 300px
}

.hexo-design-area .hexo-image-area .hexo-2 {
    position: absolute;
    bottom: 50px;
    left: 50%;
    height: 100px
}

.hexo-design-area .hexo-image-area .hexo-3 {
    position: absolute;
    top: -150px;
    right: 300px;
    height: 70px
}

@media all and (max-width: 1350px) {
    .cripto-roadmap-wrapper .sec-title {
        padding-bottom: 90px
    }
    .cripto-roadmap-content {
        flex-wrap: wrap;
        padding-right: 0px;
        justify-content: flex-start;
        max-width: 1145px;
        margin: 0 auto
    }
    .cripto-roadmap-content li {
        width: 300px
    }
    .cripto-roadmap-content li:nth-child(even) {
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px
    }
    .cripto-roadmap-content li:nth-child(2) {
        margin-top: 0px;
        margin-left: 120px;
        margin-right: 120px
    }
    .cripto-roadmap-content li:nth-child(4) {
        margin-top: -80px;
        margin-left: 210px;
        margin-right: 0px
    }
    .cripto-roadmap-content li:nth-child(5) {
        margin-top: -100px;
        margin-left: 120px;
        margin-right: 0px
    }
    .cripto-roadmap-content li:nth-child(6) {
        margin-top: -80px;
        margin-left: 425px;
        margin-right: 0px
    }
    .hexo-design-area {
        padding-bottom: 0px
    }
    .hexo-design-area .hexo-image-area .hexo-3 {
        top: 0px;
        right: 26%
    }
    .hexo-design-area .hexo-image-area .hexo-2 {
        bottom: unset;
        top: 0px;
        right: unset;
        left: 26%
    }
    .hexo-design-area .hexo-image-area .hexo-1 {
        bottom: 180px;
        left: 5%
    }
}

@media all and (max-width: 1199px) {
    .cripto-roadmap-content {
        max-width: 930px
    }
    .cripto-roadmap-content li:nth-child(3) {
        margin-top: -80px;
        margin-left: 210px
    }
    .cripto-roadmap-content li:nth-child(4) {
        margin-top: -80px;
        margin-left: 120px
    }
    .cripto-roadmap-content li:nth-child(5) {
        margin-top: -80px;
        margin-left: 0px
    }
    .cripto-roadmap-content li:nth-child(6) {
        margin-top: -80px;
        margin-left: 120px
    }
    .hexo-design-area .hexo-image-area .hexo-2 {
        left: 33%
    }
    .hexo-design-area .hexo-image-area .hexo-3 {
        right: 10%
    }
    .hexo-design-area .hexo-image-area .hexo-1 {
        bottom: 0px;
        left: 35%;
        width: 150px
    }
}

@media all and (max-width: 991px) {
    .cripto-roadmap-content {
        max-width: 725px
    }
    .cripto-roadmap-content li:nth-child(2) {
        margin-right: 0px
    }
    .cripto-roadmap-content li:nth-child(4) {
        margin-top: -80px;
        margin-left: 0px
    }
    .cripto-roadmap-content li:nth-child(5) {
        margin-top: -80px;
        margin-left: 120px
    }
    .cripto-roadmap-content li:nth-child(6) {
        margin-left: 210px
    }
    .hexo-design-area .hexo-image-area .hexo-1 {
        left: 10%;
        width: 100px
    }
    .hexo-design-area .hexo-image-area .hexo-2 {
        left: 40%
    }
    .hexo-design-area .hexo-image-area .hexo-3 {
        top: unset;
        bottom: 0
    }
    .cripto-roadmap-wrapper .sec-title h1 {
        padding: 20px 0px
    }
    .cripto-roadmap-wrapper .sec-title h1:before {
        font-size: 90px
    }
}

@media all and (max-width: 767px) {
    .cripto-roadmap-content {
        max-width: 100%;
        justify-content: space-between
    }
    .cripto-roadmap-content li {
        width: calc(50% - 25px)
    }
    .cripto-roadmap-content li:nth-child(2) {
        margin-left: 0px
    }
    .cripto-roadmap-content li:nth-child(3) {
        margin-top: 70px;
        margin-left: 0px
    }
    .cripto-roadmap-content li:nth-child(4) {
        margin-top: 70px;
        margin-left: 0px
    }
    .cripto-roadmap-content li:nth-child(5) {
        margin-top: 70px;
        margin-left: 0px
    }
    .cripto-roadmap-content li:nth-child(6) {
        margin-left: 0px;
        margin-top: 70px
    }
    .hexo-design-area .hexo-image-area .hexo-2,
    .hexo-design-area .hexo-image-area .hexo-1,
    .hexo-design-area .hexo-image-area .hexo-3 {
        left: 50%;
        transform: translateX(-50%)
    }
    .hexo-design-area .hexo-image-area .hexo-1 {
        width: 100px;
        top: 250px
    }
    .hexo-design-area .hexo-image-area .hexo-3 {
        top: unset;
        bottom: 250px
    }
}

@media all and (max-width: 575px) {
    .cripto-roadmap-wrapper .sec-title h1 {
        padding: 5px 0px
    }
    .cripto-roadmap-wrapper .sec-title h1:before {
        font-size: 60px
    }
    .cripto-roadmap-area {
        padding: 60px 0px 60px;
        background-color: #0d005f
    }
    .cripto-roadmap-content {
        max-width: 350px;
        justify-content: space-between
    }
    .cripto-roadmap-content li {
        max-width: 350px;
        width: 100%
    }
    .cripto-roadmap-content li:nth-child(2) {
        margin-left: 0px;
        margin-top: 70px
    }
    .hexo-image-area {
        display: none
    }
}

.cripto-ico-area {
    margin-top: -200px;
    position: relative;
    padding-bottom: 100px;
    z-index: 1
}

.cripto-ico-area:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    height: calc(100% - 200px);
    width: 100%;
    background-color: var(--copyright-bg);
    z-index: -1
}

.cripto-ico-area .cripto-ico-shape {
    position: absolute;
    top: 200px;
    left: 0
}

.cripto-ico-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end
}

.cripto-ico-content {
    flex: 1;
    font-family: var(--ff-secondary);
    margin: 120px 0px 100px 100px;
    background-color: var(--copyright-bg);
    margin-right: -50px;
    position: relative;
    z-index: 1
}

.cripto-ico-content h2 {
    font-size: 30px;
    line-height: 1.4;
    margin-bottom: 10px;
    color: var(--theme-blue-dark)
}

.cripto-ico-content p {
    font-size: 16px;
    line-height: 1.5
}

.cripto-ico-content .btn {
    border-radius: 5px
}

.cripto-ico-image {
    max-width: 60%;
    position: relative;
    z-index: 2
}

.cripto-ico-image .video-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 50px;
    width: 50px;
    z-index: 1
}

.cripto-ico-image .video-play:after,
.cripto-ico-image .video-play:before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    border-radius: 50%;
    top: 0;
    left: 0;
    background: var(--white);
    z-index: -1
}

.cripto-ico-image .video-play:after {
    animation: zooming1 1s infinite .3s linear
}

.cripto-ico-image .video-play:before {
    animation: zooming2 1s infinite 1s linear
}

@keyframes zooming1 {
    0% {
        transform: scale(0.8);
        opacity: .3
    }
    100% {
        transform: scale(1.5);
        opacity: .1
    }
}

@keyframes zooming2 {
    0% {
        transform: scale(0.8);
        opacity: .3
    }
    100% {
        transform: scale(1.8);
        opacity: .1
    }
}

@media all and (max-width: 991px) {
    .cripto-ico-shape {
        top: 100px
    }
}

@media all and (max-width: 991px) {
    .cripto-ico-content {
        margin: 120px 0px 50px 100px
    }
    .cripto-ico-image {
        max-width: 50%
    }
}

@media all and (max-width: 767px) {
    .cripto-ico-wrapper {
        flex-direction: column
    }
    .cripto-ico-area {
        margin-top: -50px
    }
    .cripto-ico-content {
        margin: 0 auto;
        background-color: rgba(0, 0, 0, 0);
        max-width: 500px
    }
    .cripto-ico-area .cripto-ico-shape {
        width: 270px
    }
    .cripto-ico-image {
        max-width: 500px;
        margin-top: 35px
    }
    .cripto-ico-area:after {
        height: 100%
    }
}

@media all and (max-width: 575px) {
    .cripto-ico-area {
        margin-top: 0px;
        padding: 80px 0px 50px !important
    }
    .cripto-ico-image {
        margin: 0 auto;
        margin-top: 35px
    }
    .cripto-ico-content {
        text-align: center
    }
    .cripto-ico-content h2 {
        font-size: 26px
    }
}

.cripto-member-area {
    background-color: var(--copyright-bg);
    padding-bottom: 70px
}

.cripto-member-area .sec-title {
    max-width: 760px;
    margin: 0 auto
}

.cripto-member-area .sec-title p {
    font-size: 16px;
    line-height: 1.5
}

.cripto-member-area .sec-title h1 {
    font-size: 30px;
    line-height: 1.4;
    padding: 40px 0px;
    font-family: var(--ff-secondary)
}

.cripto-member-area .sec-title h1 span {
    color: var(--theme-blue-light)
}

.cripto-member-area .sec-title h1::before {
    font-size: 130px;
    text-transform: uppercase
}

.cripto-member-content {
    padding-top: 50px;
    display: grid;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin: 0 auto
}

.cmc-single-content {
    position: relative;
    border-radius: 53% 45% 34% 66%/30% 52% 48% 71%;
    overflow: hidden
}

.cmc-single-content .cmcs-content-overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    transition: .5s ease-in;
    padding: 25px 50px
}

.cmc-single-content .cmcs-content-overlay ul {
    display: flex;
    transform: translateY(50px);
    opacity: 0;
    visibility: hidden;
    transition: .4s ease-in-out
}

.cmc-single-content .cmcs-content-overlay ul li a {
    height: 35px;
    width: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid var(--white);
    font-size: 17px;
    color: var(--white);
    margin: 10px
}

.cmc-single-content .cmcs-content-overlay ul li a:hover {
    border-color: var(--theme-blue-light);
    background-color: var(--theme-blue-light)
}

.cmc-single-content .cmcs-content-overlay h3 {
    font-size: 20px;
    color: var(--white);
    margin-bottom: 0px;
    transform: translateY(50px);
    opacity: 0;
    visibility: hidden;
    transition: .4s ease-in-out;
    transition-delay: .2s
}

.cmc-single-content .cmcs-content-overlay p {
    font-size: 16px;
    color: var(--white);
    margin-bottom: 0px;
    line-height: 1.5;
    transform: translateY(50px);
    opacity: 0;
    visibility: hidden;
    transition: .4s ease-in-out;
    transition-delay: .4s
}

.cmc-single-content .cmcs-content-overlay:hover {
    background: rgba(93, 68, 190, .75)
}

.cmc-single-content .cmcs-content-overlay:hover ul,
.cmc-single-content .cmcs-content-overlay:hover h3,
.cmc-single-content .cmcs-content-overlay:hover p {
    transform: translateY(0px);
    opacity: 1;
    visibility: visible
}

.cmc-single-content .cmcs-content-img img {
    width: 100%;
    transform: scale(1.1)
}

.cripto-load-more {
    margin-top: 70px;
    display: flex;
    justify-content: center
}

.cripto-load-more .btn {
    border-radius: 5px
}

@media all and (max-width: 1199px) {
    .cmc-single-content .cmcs-content-overlay ul {
        flex-wrap: wrap;
        margin-bottom: 10px
    }
    .cmc-single-content .cmcs-content-overlay ul li a {
        height: 30px;
        width: 30px;
        font-size: 15px;
        margin: 5px
    }
}

@media all and (max-width: 991px) {
    .cripto-member-content {
        grid-template-columns: 1fr 1fr;
        max-width: 560px
    }
    .cripto-load-more {
        margin-top: 50px
    }
}

@media all and (max-width: 575px) {
    .cripto-member-content {
        grid-template-columns: 1fr;
        max-width: 290px
    }
    .cripto-member-area .sec-title h1 {
        padding: 20px 0px;
        margin-bottom: 15px
    }
    .cripto-member-area .sec-title h1::before {
        font-size: 100px;
        text-transform: uppercase
    }
}

.cripto-faq-area {
    padding: 80px 0px
}

.cripto-faq-area .sec-title {
    max-width: 760px;
    margin: 0 auto;
    margin-bottom: 40px
}

.cripto-faq-area .sec-title p {
    font-size: 16px;
    font-family: var(--ff-secondary);
    line-height: 1.5
}

.cripto-faq-area .sec-title h1 {
    font-size: 30px;
    font-family: var(--ff-secondary);
    padding: 50px 0px
}

.cripto-faq-area .sec-title h1 span {
    color: var(--theme-blue-light)
}

.cripto-faq-area .sec-title h1:before {
    font-size: 150px;
    font-family: var(--ff-secondary);
    text-transform: uppercase
}

.single-accordion {
    padding: 30px 50px;
    border-radius: 10px;
    background-color: var(--light-gray2);
    margin-bottom: 30px;
    transition: .4s ease-in-out;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0)
}

.single-accordion:last-child {
    margin-bottom: 0px
}

.single-accordion .accordion-head {
    position: relative
}

.single-accordion .accordion-head h6 {
    margin-bottom: 0px;
    font-size: 18px;
    font-weight: 500;
    color: var(--black2)
}

.single-accordion .accordion-head:after,
.single-accordion .accordion-head:before {
    position: absolute;
    content: "";
    height: 25px;
    width: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 0px;
    top: 0px;
    transition: .4s ease-in
}

.single-accordion .accordion-head:after {
    background-color: #dadada
}

.single-accordion .accordion-head:before {
    content: "";
    font-family: IcoFont;
    font-size: 16px;
    color: var(--black);
    transform: rotateX(0deg);
    z-index: 1
}

.single-accordion .accordion-body {
    display: none
}

.single-accordion.active {
    background: #fff;
    box-shadow: 0px 10px 40px rgba(0, 0, 0, .07)
}

.single-accordion.active .accordion-head:after {
    background-color: var(--theme-blue-light)
}

.single-accordion.active .accordion-head:before {
    transform: rotateX(180deg);
    color: var(--white)
}

.single-accordion .accordion-body {
    padding: 20px 0px 0px
}

.single-accordion .accordion-body p {
    font-family: var(--ff-secondary);
    font-size: 16px;
    margin-bottom: 15px
}

.single-accordion .accordion-body ul li {
    margin-bottom: 15px;
    padding-left: 15px;
    position: relative
}

.single-accordion .accordion-body ul li:after {
    position: absolute;
    content: "";
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background-color: #555;
    top: 8px;
    left: 0
}

.single-accordion .accordion-body ul li:last-child {
    margin-bottom: 0px
}

@media all and (max-width: 991px) {
    .cripto-faq-wrapper {
        max-width: 600px;
        margin: 0 auto
    }
    .mt-md-30 {
        margin-top: 30px
    }
}

@media all and (max-width: 575px) {
    .cripto-member-area {
        padding-bottom: 50px
    }
    .cripto-faq-area {
        padding: 50px 0px
    }
    .cripto-faq-area .sec-title h1 {
        font-size: 26px;
        padding: 30px 0px;
        margin-block-end: 10px
    }
    .cripto-faq-area .sec-title h1:before {
        font-size: 100px
    }
    .single-accordion {
        padding: 15px 35px 15px 25px;
        margin-bottom: 20px
    }
    .single-accordion .accordion-head:before,
    .single-accordion .accordion-head:after {
        right: -25px
    }
}

.cripto-contact-area {
    padding: 90px 0px;
    background-color: var(--light-gray2)
}

.cripto-contact-area .sec-title {
    max-width: 800px;
    margin: 0 auto;
    margin-bottom: 50px
}

.cripto-contact-area .sec-title h1 {
    font-size: 30px;
    font-family: var(--ff-secondary);
    padding: 45px 0px;
    margin-bottom: 15px
}

.cripto-contact-area .sec-title h1 span {
    color: var(--theme-blue-light)
}

.cripto-contact-area .sec-title h1::before {
    font-size: 150px;
    text-transform: uppercase
}

.cripto-contact-area .sec-title p {
    font-size: 16px;
    font-family: var(--ff-secondary);
    line-height: 1.5;
    margin-bottom: 0px;
    max-width: 700px;
    margin: 0 auto
}

.cripto-contact-wrapper {
    display: grid;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    align-items: center;
    grid-gap: 0px 30px;
    grid-template-columns: 1fr 1fr 1fr;
    margin: 0 auto
}

.cripto-contact-wrapper .btn {
    border-radius: 5px;
    display: inline-flex
}

.cripto-contact-form {
    grid-column-start: 1;
    grid-column-end: span 2;
    margin-right: 100px
}

.ccf-input-wrapper {
    display: grid;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-gap: 0px 30px;
    grid-template-columns: 1fr 1fr;
    margin: 0 auto
}

.ccf-heading {
    max-width: 480px;
    margin-bottom: 30px
}

.ccf-heading h3 {
    font-size: 18px;
    color: var(--heading);
    font-weight: 600;
    margin-bottom: 10px;
    font-family: var(--ff-secondary)
}

.ccf-heading p {
    line-height: 1.5;
    margin-bottom: 0px;
    font-size: 16px;
    font-family: var(--ff-secondary)
}

.ccf-input-group {
    margin-bottom: 20px
}

.ccf-input-group input,
.ccf-input-group textarea {
    border-radius: 10px;
    background-color: var(--white);
    border: 1px solid #eee;
    padding: 10px 30px
}

.ccf-input-group input:focus,
.ccf-input-group textarea:focus {
    border-color: var(--theme-blue-light)
}

.ccf-input-group textarea {
    width: 100%;
    height: 125px;
    padding: 15px 30px
}

.ccf-input-group input {
    height: 50px
}

.cripto-address ul {
    position: relative;
    padding-left: 25px;
    margin-bottom: 20px
}

.cripto-address ul:after {
    position: absolute;
    content: "";
    height: 100%;
    width: 2px;
    background-color: var(--theme-blue-light);
    top: 0;
    left: 0
}

.cripto-address ul li {
    font-family: var(--ff-secondary);
    font-size: 16px;
    font-weight: 500;
    color: #666;
    margin-bottom: 15px
}

.cripto-address ul li:last-child {
    margin-bottom: 0px
}

.cripto-address ul li span {
    display: inline-block;
    padding-right: 20px;
    color: var(--theme-blue-light);
    font-size: 16px;
    font-weight: normal
}

@media all and (max-width: 1350px) {
    .cripto-contact-form {
        margin-right: 30px
    }
    .cripto-contact-area {
        padding: 90px 0px 50px
    }
}

@media all and (max-width: 991px) {
    .cripto-contact-area .sec-title h1 {
        padding: 15px 0px
    }
    .cripto-contact-area .sec-title h1::before {
        font-size: 80px
    }
    .cripto-contact-wrapper {
        grid-template-columns: 1fr 1fr;
        align-items: flex-start
    }
    .cripto-address {
        order: 3
    }
    .cripto-contact-form {
        margin-right: 0px
    }
}

@media all and (max-width: 767px) {
    .cripto-contact-wrapper {
        grid-template-columns: 1fr
    }
    .cripto-contact-form {
        grid-column-start: unset;
        grid-column-end: unset
    }
    .cripto-address ul {
        margin-top: 30px;
        margin-bottom: 0px
    }
    .cripto-contact-area {
        padding: 50px 0px
    }
}

@media all and (max-width: 575px) {
    .cripto-contact-area .sec-title h1 {
        padding: 5px 0px
    }
    .cripto-contact-area .sec-title h1::before {
        font-size: 55px
    }
    .ccf-input-wrapper {
        grid-template-columns: 1fr
    }
}

.cripto-footer-area {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: var(--copyright-bg);
    overflow: hidden
}

.cripto-footer-wrapper {
    display: grid;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-gap: 100px;
    grid-template-columns: 1fr 1fr 1fr;
    margin: 0 auto
}

.cripto-ftr-menu-wrapper {
    display: flex
}

.mr-100 {
    margin-right: 100px
}

.cripto-footer-wrapper {
    padding: 190px 0px 100px
}

.cripto-ftr-menu h3 {
    font-size: 20px;
    color: var(--white);
    font-family: var(--ff-secondary);
    font-weight: 600;
    margin-bottom: 20px
}

.cripto-ftr-menu ul li {
    padding-bottom: 10px
}

.cripto-ftr-menu ul li:last-child {
    padding-bottom: 0px
}

.cripto-ftr-menu ul li a {
    font-display: 16px;
    color: var(--white);
    font-family: var(--ff-secondary);
    transition: .4s ease-in-out;
    font-weight: 400;
    font-family: var(--ff-secondary)
}

.cripto-ftr-menu ul li a:hover {
    background: #ff002e;
    background: -webkit-linear-gradient(to left, #FF002E 0%, #FF7A00 100%);
    background: -moz-linear-gradient(to left, #FF002E 0%, #FF7A00 100%);
    background: linear-gradient(to left, #FF002E 0%, #FF7A00 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.cripto-ftr-content {
    text-align: center
}

.cripto-ftr-content p {
    margin-top: 20px;
    line-height: 1.5;
    color: var(--white)
}

.cripto-ftr-content .social-icons {
    margin-bottom: 25px
}

.cripto-ftr-content .social-icons a {
    color: var(--white);
    border: 1px solid var(--white);
    transition: .4s ease-in
}

.cripto-ftr-content .social-icons a:before {
    background: var(--white)
}

.cripto-ftr-content .social-icons a:hover {
    color: var(--theme-blue-dark);
    border-color: rgba(0, 0, 0, 0)
}

.cripto-ftr-content a {
    color: var(--white)
}

.cripto-ftr-subscribe h3 {
    font-size: 20px;
    font-weight: 600;
    font-family: var(--ff-secondary);
    color: var(--white);
    margin-bottom: 5px
}

.cripto-ftr-subscribe p {
    font-family: var(--ff-secondary);
    color: var(--white);
    font-size: 16px
}

.cripto-subscribe {
    border-radius: 50px;
    background-color: var(--white);
    height: 60px;
    position: relative;
    width: 100%;
    overflow: hidden;
    display: flex
}

.cripto-subscribe input[type=email] {
    height: 100%;
    width: 70%;
    border: none;
    background-color: #fff
}

.cripto-subscribe input[type=submit] {
    position: absolute;
    height: calc(100% - 10px);
    top: 5px;
    right: 8px;
    background: linear-gradient(90deg, #FF002E 0%, #FF7A00 100%);
    border: none;
    color: var(--white);
    border-radius: 50px;
    padding: 10px 25px;
    line-height: 1
}

.cripto-sub-footer {
    background-color: var(--theme-blue-dark);
    width: 100%
}

.cripto-sub-footer {
    padding: 20px 0px
}

.cripto-sub-footer p {
    text-align: center;
    color: var(--white);
    margin-bottom: 0px;
    font-family: var(--ff-secondary)
}

@media all and (max-width: 1350px) {
    .cripto-footer-wrapper {
        padding: 150px 0px 50px;
        display: flex;
        grid-gap: 0px;
        flex-wrap: wrap
    }
    .cripto-ftr-menu-wrapper {
        order: 2;
        width: 50%;
        justify-content: center
    }
    .cripto-ftr-content {
        order: 1;
        width: 80%;
        margin: 0 auto;
        margin-bottom: 50px
    }
    .cripto-ftr-content p {
        max-width: 500px;
        margin: 0 auto;
        margin-bottom: 30px
    }
    .cripto-ftr-subscribe {
        width: 450px;
        order: 3;
        margin: 0 auto
    }
}

@media all and (max-width: 991px) {
    .cripto-ftr-subscribe {
        width: calc(50% - 50px);
        margin: 0 auto
    }
    .cripto-footer-area {
        background-position: left
    }
    .cripto-footer-wrapper {
        padding: 100px 0px 50px
    }
}

@media all and (max-width: 767px) {
    .cripto-footer-wrapper {
        flex-direction: column
    }
    .cripto-ftr-menu-wrapper {
        margin: 0 auto
    }
    .cripto-ftr-subscribe {
        width: 450px;
        margin-top: 30px
    }
    .cripto-footer-area {
        background-position: inherit
    }
}

@media all and (max-width: 575px) {
    .cripto-sub-footer p {
        text-align: center;
        font-size: 15px
    }
    .cripto-ftr-menu-wrapper {
        width: 100%
    }
    .cripto-ftr-content {
        width: 100%;
        max-width: 475px
    }
    .cripto-ftr-subscribe {
        width: 100%;
        max-width: 450px
    }
    .cripto-footer-wrapper {
        padding: 80px 0px 50px
    }
    .cripto-address ul {
        padding-left: 15px
    }
    .cripto-address ul li {
        font-size: 15px
    }
    .cripto-address ul li span {
        padding-right: 10px;
        font-size: 12px
    }
    .ccf-heading p {
        font-size: 15px
    }
    .cripto-contact-area .sec-title p {
        font-size: 15px
    }
}

#dash-animi {
    stroke-dasharray: 5000;
    stroke-dashoffset: 0;
    -webkit-animation: dash 2s infinite alternate;
    -o-animation: dash 2s infinite alternate;
    -moz-animation: dash 2s infinite alternate;
    animation: dash 5s infinite alternate
}

#banner-animi {
    fill: none;
    stroke-width: 1px;
    stroke-miterlimit: 1px;
    stroke: #0a1491
}

@keyframes dash {
    from {
        stroke-dashoffset: 5000
    }
    to {
        stroke-dashoffset: 0
    }
}

#dash-animi2 {
    stroke-dasharray: 10000;
    stroke-dashoffset: 0;
    -webkit-animation: dash2 5s infinite alternate;
    -o-animation: dash2 5s infinite alternate;
    -moz-animation: dash2 5s infinite alternate;
    animation: dash2 5s infinite alternate
}

#banner-animi2 {
    fill: none;
    stroke-width: 1px;
    stroke-miterlimit: 1px;
    stroke: rgba(255, 255, 255, .7)
}

@keyframes dash2 {
    from {
        stroke-dashoffset: 10000
    }
    to {
        stroke-dashoffset: 0
    }
}

.cripto-about-img,
.cripto-works-img,
.cripto-ico-image {
    animation: moveX 1s infinite alternate
}

@keyframes moveX {
    0% {
        transform: translateY(0px)
    }
    100% {
        transform: translateY(-15px)
    }
}

.landing-header-area {
    background-color: rgba(255, 255, 255, .1);
    padding: 0px 30px;
    border-radius: 150px;
    border: 1px solid #00ffc2
}

.landing-header-area .h-menu li a {
    color: var(--white);
    position: relative
}

.landing-header-area .h-menu li a:after {
    position: absolute;
    content: "";
    bottom: -10px;
    width: 30px;
    left: 50%;
    transform: translateX(-50%);
    height: 4px;
    border-radius: 50px;
    background: linear-gradient(90deg, #00B2FF 0%, #00FFC2 100%);
    opacity: 0;
    visibility: visible;
    transition: .4s ease-in
}

.landing-header-area .h-menu li a:hover,
.landing-header-area .h-menu li a.active {
    color: var(--white)
}

.landing-header-area .h-menu li a:hover:after,
.landing-header-area .h-menu li a.active:after {
    bottom: -2px;
    opacity: 1;
    visibility: visible
}

.landing-header-area .short-code a {
    border-radius: 50px;
    color: var(--theme-blue);
    font-size: 16px;
    line-height: 1.4
}

.bitcoin-banner-sec {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.bitcoin-banner-wrap {
    padding-top: 30px
}

.bitcoin-banner-wrap.sticky {
    position: fixed;
    top: 0;
    left: 50%;
    z-index: 99;
    width: 100%;
    transform: translateX(-50%);
    padding: 0px 100px;
    max-width: 1700px
}

.bitcoin-banner-wrap.sticky .landing-header-area {
    background: var(--bit-gradient);
    border: none
}

.ico-area {
    padding: 130px 0px;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.ico-content {
    max-width: 700px
}

.ico-content h1 {
    font-size: 75px;
    font-weight: 300;
    font-family: var(--ff-secondary);
    color: var(--white);
    margin-bottom: 15px
}

.ico-content h1 span {
    display: inline-block;
    margin: 0px 5px;
    font-weight: 600
}

.ico-content p {
    font-weight: 600;
    font-size: 30px;
    line-height: 1.5px;
    font-family: var(--ff-secondary);
    color: var(--white)
}

.ico-content p:nth-child(1) {
    margin-bottom: 30px
}

.ico-content h5 {
    font-weight: 600;
    font-size: 48px;
    font-family: var(--ff-secondary);
    color: var(--white);
    margin-bottom: 35px;
    padding-top: 10px
}

.gradient-cripto-counter {
    margin: 0px;
    padding: 50px 0px;
    max-width: 600px
}

.gradient-cripto-counter .countdown-clock {
    display: grid;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr
}

.gradient-cripto-counter .cripto-item .ci-inner {
    height: 150px;
    width: 150px;
    border-style: solid;
    border-width: 1px;
    border-image: radial-gradient(#00B2FF, #00FFC2) 1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.gradient-cripto-counter .cripto-item .ci-inner div {
    font-size: 64px;
    line-height: 1;
    width: auto;
    height: auto;
    background-color: rgba(0, 0, 0, 0);
    background: var(--success-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.gradient-cripto-counter .cripto-item .ci-inner h4 {
    font-size: 20px;
    margin-bottom: 0px;
    font-family: var(--ff-secondary);
    font-weight: 300;
    color: var(--white)
}

.ico-animation-img-wrapper {
    width: 60%;
    position: absolute;
    right: -95px;
    bottom: -50px;
    z-index: -1;
    height: 100%
}

.ico-animation-img-wrapper .ico-ani2 {
    position: absolute;
    top: calc(50% - 280px);
    left: calc(50% - 180px);
    z-index: 9;
    animation: icomoving 1s infinite .5s alternate
}

.ico-animation-img-wrapper .ico-ani3 {
    position: absolute;
    top: calc(50% - 230px);
    left: calc(50% - 190px);
    height: 300px;
    animation: icomoving 1s infinite alternate
}

.ico-animation-img-wrapper .ico-ani1 {
    position: absolute;
    height: 100%;
    width: 100%;
    animation: icoscale 1s infinite alternate
}

@keyframes icomoving {
    0% {
        transform: translate(0px, 0px)
    }
    100% {
        transform: translate(20px, 20px)
    }
}

@keyframes icoscale {
    0% {
        transform: scale(1)
    }
    100% {
        transform: scale(0.97)
    }
}

@media all and (max-width: 1199px) {
    .landing-header-area {
        background: var(--bit-gradient);
        border: none
    }
    .landing-header-area .menu-trigger span {
        background: var(--success-gradient)
    }
    .landing-header-area .menu-close i {
        background: var(--success-gradient);
        -webkit-background-clip: text;
        -webkit-text-fill-color: rgba(0, 0, 0, 0)
    }
    .landing-header-area .mobile-menu-wrap {
        background: var(--theme-blue2)
    }
    .landing-header-area .h-menu li a:hover:after,
    .landing-header-area .h-menu li a.active:after {
        display: none
    }
    .ico-content h1 {
        font-size: 50px
    }
    .ico-content p {
        font-weight: 500;
        font-size: 20px
    }
    .gradient-cripto-counter {
        padding: 30px 0px;
        max-width: 470px
    }
    .gradient-cripto-counter .cripto-item .ci-inner {
        height: 100px;
        width: 100px
    }
    .gradient-cripto-counter .cripto-item .ci-inner div {
        font-size: 40px
    }
    .gradient-cripto-counter .cripto-item .ci-inner h4 {
        font-size: 15px
    }
    .ico-content h5 {
        font-size: 35px;
        margin-bottom: 25px
    }
    .ico-animation-img-wrapper {
        width: 75%
    }
    .ico-animation-img-wrapper .ico-ani3 {
        top: calc(50% - 160px);
        left: calc(50% - 115px);
        height: 200px
    }
    .ico-animation-img-wrapper .ico-ani2 {
        top: calc(50% - 210px);
        left: calc(50% - 130px);
        width: 120px
    }
}

@media all and (max-width: 991px) {
    .ico-animation-img-wrapper {
        right: -200px;
        bottom: -125px;
        width: 100%
    }
    .ico-animation-img-wrapper .ico-ani3 {
        top: calc(50% - 120px);
        left: calc(50% - 100px);
        height: 160px
    }
    .ico-animation-img-wrapper .ico-ani2 {
        top: calc(50% - 180px);
        left: calc(50% - 130px);
        width: 100px
    }
}

@media all and (max-width: 767px) {
    .ico-animation-img-wrapper {
        right: -100px;
        bottom: -225px
    }
    .ico-area {
        padding: 50px 0px 250px
    }
}

@media all and (max-width: 575px) {
    .ico-animation-img-wrapper {
        display: none
    }
    .ico-area {
        padding: 50px 0px
    }
    .gradient-cripto-counter .countdown-clock {
        width: 100%;
        justify-content: flex-start
    }
    .gradient-cripto-counter .cripto-item .ci-inner {
        height: 80px;
        width: 80px
    }
    .gradient-cripto-counter .cripto-item .ci-inner div {
        font-size: 25px;
        margin-bottom: 10px
    }
    .gradient-cripto-counter .cripto-item .ci-inner h4 {
        font-size: 14px
    }
    .ico-content h1 {
        font-size: 30px
    }
    .ico-content p {
        font-weight: 500;
        font-size: 16px
    }
}

@media all and (max-width: 415px) {
    .gradient-cripto-counter .countdown-clock {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap
    }
}

.bitcoin-about-area {
    padding: 100px 0px 50px;
    background: var(--bit-gradient);
    position: relative;
    overflow: hidden;
    z-index: 1
}

.bitcoin-about-area .bit-about-overlay {
    position: absolute;
    top: 20px;
    left: -45px;
    height: 100%;
    width: 100%;
    pointer-events: none;
    z-index: -1
}

.bitcoin-about-area .bit-about-overlay img,
.bitcoin-about-area .bit-about-overlay svg {
    width: 100%
}

.bitcoin-about-wrapper {
    display: grid;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    align-items: center;
    grid-gap: 100px;
    grid-template-columns: 1fr 1fr;
    margin: 0 auto
}

.bit-sub {
    font-weight: bold;
    font-size: 24px;
    line-height: 1.4;
    margin-bottom: 2px;
    position: relative;
    padding-right: 25px;
    display: inline-block;
    background: var(--success-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.bit-sub:after {
    position: absolute;
    content: "";
    top: 50%;
    right: 0;
    height: 3px;
    width: 20px;
    background: var(--success-gradient);
    transform: translateY(-50%)
}

.bit-title {
    font-weight: 300;
    font-size: 36px;
    line-height: 1.4;
    color: var(--white);
    margin-bottom: 15px
}

.bitcoin-about-content {
    width: calc(100% - 80px)
}

.bitcoin-about-content>h3 {
    font-weight: 600;
    font-size: 24px;
    line-height: 1.4;
    color: var(--white);
    margin-bottom: 15px
}

.bitcoin-about-content p {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    color: var(--white);
    margin-bottom: 10px
}

.bitcoin-about-content ul {
    padding-left: 20px;
    max-width: 430px
}

.bitcoin-about-content ul li {
    list-style: disc;
    font-weight: normal;
    font-size: 16px;
    line-height: 160%;
    color: #fff;
    margin-bottom: 15px
}

.bitcoin-about-content ul li:last-child {
    margin-bottom: 0px
}

.relative {
    position: relative
}

.bit-data-watermark {
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
    right: -280px;
    pointer-events: none
}

.bit-data-watermark h2 {
    font-weight: bold;
    font-size: 150px;
    color: var(--white-water-color);
    line-height: .9;
    margin-bottom: 0px;
    text-transform: uppercase
}

.moving-y {
    animation: moving-y infinite 1s alternate
}

.delay-0 {
    animation-delay: 1.3s
}

.delay-1 {
    animation-delay: 1.5s
}

.delay-2 {
    animation-delay: 1.7s
}

.delay-3 {
    animation-delay: 1.9s
}

.delay-4 {
    animation-delay: 2.1s
}

.delay-5 {
    animation-delay: 2.3s
}

.delay-6 {
    animation-delay: 2.5s
}

.delay-7 {
    animation-delay: 2.7s
}

.delay-8 {
    animation-delay: 2.9s
}

.delay-9 {
    animation-delay: 3.1s
}

@keyframes moving-y {
    0% {
        transform: translateY(-15px)
    }
    100% {
        transform: translateY(15px)
    }
}

#dash-animi3 {
    stroke-dasharray: 900;
    stroke-dashoffset: 0;
    -webkit-animation: dash3 5s infinite alternate;
    -o-animation: dash3 5s infinite alternate;
    -moz-animation: dash3 5s infinite alternate;
    animation: dash3 5s infinite alternate
}

@keyframes dash3 {
    from {
        stroke-dashoffset: 1500
    }
    to {
        stroke-dashoffset: 0
    }
}

@media all and (max-width: 1550px) {
    .bit-data-watermark {
        right: -130px
    }
    .bit-data-watermark h2 {
        font-size: 90px
    }
}

@media all and (max-width: 1350px) {
    .bitcoin-about-wrapper {
        grid-gap: 50px
    }
}

@media all and (max-width: 991px) {
    .bitcoin-about-wrapper {
        grid-template-columns: 1fr
    }
    .bitcoin-about-img {
        order: 2
    }
    .bit-data-watermark {
        right: unset;
        top: -10px;
        transform: translate(0%) rotate(0deg);
        left: 0
    }
    .bitcoin-about-area .bit-sub {
        padding: 15px 25px 15px 0px
    }
    .bitcoin-about-img {
        max-width: 500px;
        margin: 0 auto
    }
    .bitcoin-about-img svg {
        height: auto
    }
}

@media all and (max-width: 575px) {
    .bit-title {
        font-size: 30px
    }
    .bitcoin-about-content>h3 {
        font-size: 20px
    }
}

.cripto-batch-area {
    background-color: var(--theme-blue2);
    padding: 50px 0px
}

.cripto-batch-wrapper {
    display: grid;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin: 0 auto
}

.cripto-single-batch {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    border: 1px solid #5d7def;
    border-radius: 10px;
    padding: 30px
}

.cripto-single-batch h3 {
    background: var(--success-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-weight: 600;
    font-size: 30px;
    line-height: 1.5;
    margin-bottom: 5px
}

.cripto-single-batch p {
    font-weight: 400;
    font-size: 20px;
    line-height: 1.5;
    text-align: center;
    color: var(--white);
    margin-bottom: 0px
}

.cripto-services-area {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 120px 0px
}

.cripto-services-heading {
    max-width: 690px;
    margin: 0 auto 50px
}

.cripto-services-heading h2 {
    margin-bottom: 10px
}

.cripto-services-heading p {
    color: var(--white);
    margin-bottom: 0px
}

.cripto-services-content {
    display: grid;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr;
    margin: 0 auto
}

.cripto-services-single {
    padding: 30px 40px;
    border-radius: 10px;
    border: 1px solid var(--theme-sky);
    text-align: center
}

.cs-single-img {
    width: 50px;
    height: 50px;
    margin: 0 auto 15px;
    display: flex;
    justify-content: center;
    align-items: center
}

.cs-single-img img {
    max-width: 100%;
    max-height: 100%
}

.cs-single-sontent h3 {
    font-weight: 600;
    font-size: 20px;
    line-height: 1.4;
    color: var(--white);
    margin-bottom: 10px
}

.cs-single-sontent p {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 0px;
    color: var(--white)
}

.bit-data-watermark.cripto-services-water {
    right: calc(100% - 175px)
}

@media all and (max-width: 991px) {
    .cripto-batch-wrapper {
        grid-template-columns: 1fr 1fr;
        grid-gap: 15px
    }
}

@media all and (max-width: 450px) {
    .cripto-batch-wrapper {
        grid-template-columns: 1fr
    }
}

@media all and (max-width: 1750px) {
    .cripto-services-area .bit-data-watermark {
        right: unset;
        top: -10px;
        left: 50%;
        transform: translate(-50%, 0%) rotate(0deg)
    }
    .cripto-services-area .bit-data-watermark h2 {
        font-size: 90px
    }
    .cripto-services-area .bit-sub {
        font-size: 24px;
        padding: 15px 25px 15px 0px
    }
}

@media all and (max-width: 1199px) {
    .cripto-services-area {
        padding: 80px 0px
    }
}

@media all and (max-width: 991px) {
    .cripto-services-content {
        grid-template-columns: 1fr 1fr
    }
}

@media all and (max-width: 767px) {
    .cripto-services-area .bit-data-watermark h2 {
        font-size: 65px
    }
    .cripto-services-area .bit-sub {
        font-size: 24px;
        padding: 5px 25px 5px 0px
    }
    .cripto-services-area .bit-title {
        font-size: 25px;
        margin-bottom: 10px
    }
    .cripto-services-heading p {
        font-size: 16px
    }
    .cripto-services-single {
        padding: 25px 15px
    }
    .cripto-services-single .cs-single-img {
        width: 35px;
        height: 40px;
        margin: 0 auto 10px
    }
}

@media all and (max-width: 575px) {
    .cripto-services-content {
        grid-template-columns: 1fr
    }
    .cripto-services-single {
        padding: 25px 15px;
        max-width: 350px;
        margin: 0 auto
    }
    .cripto-services-area {
        padding: 50px 0px
    }
    .bitcoin-about-area {
        padding: 50px 0px
    }
    .cripto-join-area {
        margin: 50px auto 0
    }
}

.cripto-price-table {
    padding: 110px 0px;
    background: var(--bit-gradient);
    position: relative;
    z-index: 1
}

.cripto-price-heading {
    max-width: 650px;
    margin: 0 auto 50px
}

.cripto-price-heading h2 {
    margin-bottom: 10px
}

.cripto-price-heading p {
    color: var(--white);
    line-height: 1.5;
    margin-bottom: 0px
}

.cripto-price-wrapper {
    display: grid;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr;
    margin: 0 auto
}

.cripto-single-table {
    padding: 50px 70px;
    background: var(--theme-blue3);
    border-radius: 10px;
    border: 1px solid var(--theme-blue3);
    transition: .4s ease-in;
    position: relative
}

.cripto-single-table .btn {
    margin-top: 25px
}

.cripto-single-table .cst-price {
    position: absolute;
    top: 50px;
    right: 0px;
    padding: 10px 35px;
    border-radius: 50px 0px 0px 50px;
    background: var(--bit-gradient2);
    font-weight: 600;
    font-size: 36px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    transition: .4s ease-in;
    overflow: hidden;
    z-index: 1
}

.cripto-single-table .cst-price:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: var(--success-gradient);
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transform: translateX(50px);
    transition: .4s ease-in
}

.cripto-single-table .cst-price span {
    font-size: 25px;
    display: block;
    padding: 0px 2px
}

.cripto-single-table.active .btn {
    background: var(--success-gradient);
    border-color: var(--theme-blue3);
    color: var(--theme-blue3)
}

.cripto-single-table.active .btn:hover {
    border-color: var(--theme-blue3)
}

.cripto-single-table.active,
.cripto-single-table:hover {
    border: 1px solid var(--theme-sky)
}

.cripto-single-table.active .cst-price,
.cripto-single-table:hover .cst-price {
    color: var(--theme-blue3)
}

.cripto-single-table.active .cst-price:after,
.cripto-single-table:hover .cst-price:after {
    opacity: 1;
    visibility: visible;
    transform: translateX(0px)
}

.cripto-single-table:hover {
    transform: translateY(-10px) !important
}

.cripto-single-table:hover .btn {
    border-color: rgba(0, 0, 0, 0)
}

.cripto-single-table:hover .btn:after {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px)
}

.cst-heading {
    position: relative
}

.cst-heading h3 {
    display: inline-block;
    font-weight: 600;
    font-size: 30px;
    background: var(--success-gradient2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    margin-bottom: 5px
}

.cst-heading p {
    font-weight: 600;
    font-size: 18px;
    line-height: 1.5;
    padding-bottom: 10px;
    position: relative;
    margin-bottom: 30px;
    color: var(--white)
}

.cst-heading p:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    height: 3px;
    width: 20px;
    background: var(--success-gradient);
    transform: translateY(-50%)
}

.cst-list li {
    font-size: 16px;
    padding: 15px 0px;
    border-bottom: 1px solid #0c2d9e;
    color: var(--white)
}

.cst-list li.active {
    background: var(--success-gradient2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.cst-list li:last-child {
    border-bottom: none
}

.cripto-price-table .bit-data-watermark {
    right: -350px
}

.cripto-join-area {
    max-width: 920px;
    margin: 70px auto 0;
    padding: 20px 30px;
    background: var(--theme-blue3);
    border: 1px solid #5d7def;
    box-sizing: border-box;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap
}

.cripto-join-area .btn {
    border-radius: 4px
}

.cripto-join-content {
    flex: 1
}

.cripto-join-content h3 {
    font-weight: 600;
    font-size: 30px;
    margin-bottom: 5px;
    line-height: 1;
    color: var(--white);
    font-family: var(--ff-primary)
}

.cripto-join-content p {
    font-family: var(--ff-primary);
    margin-bottom: 0px;
    font-size: 16px;
    color: var(--white);
    font-weight: 400
}

.cripto-price-shape {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1
}

@media all and (max-width: 1350px) {
    .cripto-single-table .cst-price {
        padding: 10px 25px;
        font-size: 25px;
        top: 100px
    }
    .cripto-single-table {
        padding: 50px 40px
    }
    .cripto-price-table {
        padding: 80px 0px
    }
}

@media all and (max-width: 1750px) {
    .cripto-price-table .bit-data-watermark {
        right: unset;
        top: -10px;
        left: 50%;
        transform: translate(-50%, 0%) rotate(0deg)
    }
    .cripto-price-table .bit-data-watermark h2 {
        font-size: 90px
    }
    .cripto-price-table .bit-sub {
        font-size: 24px;
        padding: 15px 25px 15px 0px
    }
}

@media all and (max-width: 1500px) {
    .bitcoin-banner-wrap {
        padding-top: 30px
    }
    .bitcoin-banner-wrap.sticky {
        padding: 0px 15px
    }
}

@media all and (max-width: 1199px) {
    .cripto-single-table {
        padding: 25px 20px
    }
    .cst-heading h3 {
        font-size: 27px
    }
    .cst-heading p {
        font-weight: 500;
        font-size: 16px
    }
    .cripto-single-table .cst-price {
        top: 60px
    }
}

@media all and (max-width: 991px) {
    .cripto-price-wrapper {
        grid-template-columns: 1fr 1fr
    }
}

@media all and (max-width: 767px) {
    .cripto-price-wrapper {
        grid-template-columns: 1fr;
        max-width: 360px
    }
    .cripto-join-area {
        align-items: flex-start;
        flex-direction: column
    }
    .cripto-join-content {
        margin-bottom: 20px
    }
}

@media all and (max-width: 575px) {
    .cripto-price-table {
        padding: 50px 0px
    }
    .cripto-price-table .bit-data-watermark h2 {
        font-size: 70px
    }
    .cripto-price-table .bit-sub {
        font-size: 24px;
        padding: 5px 25px 5px 0px
    }
    .cripto-price-table .bit-title {
        font-size: 25px
    }
    .cripto-join-content h3 {
        font-size: 25px;
        margin-bottom: 5px
    }
}

.cripto-journey-area {
    padding: 110px 0px 0px;
    background: var(--bit-gradient)
}

.cripto-journey-heading {
    max-width: 690px;
    margin: 0 auto 50px
}

.cripto-journey-heading h3 {
    margin-bottom: 0px
}

.cripto-journey-heading p {
    font-size: 16px;
    color: var(--white);
    line-height: 1.5;
    margin-bottom: 0px
}

.cripto-journey-wrapper {
    position: relative;
    z-index: 1
}

.cripto-journey-wrapper:after {
    position: absolute;
    content: "";
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    height: 2px;
    width: 100%;
    background-color: var(--white);
    z-index: -1
}

.cripto-journey-wrapper ul {
    display: flex;
    justify-content: space-between;
    position: relative
}

.cripto-journey-wrapper ul:after,
.cripto-journey-wrapper ul:before {
    position: absolute;
    content: "";
    top: 50%;
    transform: translateY(-50%);
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: var(--success-gradient);
    z-index: 1
}

.cripto-journey-wrapper ul:after {
    left: 0
}

.cripto-journey-wrapper ul:before {
    right: 0
}

.cripto-journey-wrapper ul li {
    position: relative;
    text-align: center
}

.cripto-journey-wrapper ul li span {
    display: block;
    font-weight: 500;
    font-size: 15px;
    line-height: 1.5;
    margin-bottom: 5px;
    color: var(--white)
}

.cripto-journey-wrapper ul li span:after {
    position: absolute;
    content: "";
    height: 60px;
    width: 1px;
    border: 1px dashed var(--white);
    left: 50%;
    transform: translateY(-50%)
}

.cripto-journey-wrapper ul li h3 {
    font-weight: 600;
    font-size: 20px;
    color: var(--white);
    margin-bottom: 0px
}

.cripto-journey-wrapper ul li:after {
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 35px;
    width: 35px;
    border-radius: 50%;
    background: var(--success-gradient);
    z-index: 1
}

.cripto-journey-wrapper ul li:before {
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: var(--theme-blue3);
    z-index: 2
}

.cripto-journey-wrapper ul li:nth-child(odd) {
    padding-top: 200px
}

.cripto-journey-wrapper ul li:nth-child(odd) span:after {
    bottom: 35px
}

.cripto-journey-wrapper ul li:nth-child(even) span:after {
    bottom: 100px
}

@media all and (max-width: 1750px) {
    .cripto-journey-area .cripto-journey-water.bit-data-watermark {
        right: unset;
        top: 100px;
        left: 50%;
        transform: translate(-50%, 0%) rotate(0deg)
    }
    .cripto-journey-area .cripto-journey-water.bit-data-watermark h2 {
        font-size: 90px
    }
    .cripto-journey-area .bit-sub {
        font-size: 24px;
        padding: 15px 25px 15px 0px
    }
}

@media all and (max-width: 991px) {
    .cripto-journey-wrapper ul {
        padding-top: 50px;
        flex-direction: column
    }
    .cripto-journey-wrapper ul:before,
    .cripto-journey-wrapper ul:after {
        top: 0;
        transform: translate(-50%, 0%);
        left: 50%
    }
    .cripto-journey-wrapper ul::before {
        right: unset
    }
    .cripto-journey-wrapper ul::after {
        bottom: 0 !important;
        top: unset
    }
    .cripto-journey-wrapper ul li {
        margin-bottom: 50px
    }
    .cripto-journey-wrapper ul li:nth-child(odd) {
        padding-top: 0px;
        padding-right: 380px
    }
    .cripto-journey-wrapper ul li:nth-child(odd) span:after {
        left: calc(50% - 50px)
    }
    .cripto-journey-wrapper ul li:nth-child(even) {
        padding-top: 0px;
        padding-left: 380px
    }
    .cripto-journey-wrapper ul li:nth-child(even) span:after {
        left: calc(50% + 50px)
    }
    .cripto-journey-wrapper ul li span:after {
        height: 1px;
        width: 50px;
        left: 50%;
        transform: translate(-50%, -50%);
        top: 50%
    }
    .cripto-journey-wrapper:after {
        top: 50%;
        transform: translate(0%, -50%);
        left: 50%;
        height: 100%;
        width: 2px
    }
    .cripto-journey-area {
        padding: 80px 0px 0px
    }
    .cripto-journey-area .cripto-journey-water.bit-data-watermark {
        top: 70px
    }
    .cripto-journey-area .bit-title {
        font-size: 30px;
        margin-bottom: 10px
    }
}

@media all and (max-width: 767px) {
    .cripto-journey-wrapper ul li:before {
        height: 15px;
        width: 15px
    }
    .cripto-journey-wrapper ul li:after {
        height: 25px;
        width: 25px
    }
    .cripto-journey-wrapper ul li:nth-child(odd) {
        padding-right: 300px
    }
    .cripto-journey-wrapper ul li:nth-child(odd) span:after {
        left: calc(50% - 30px)
    }
    .cripto-journey-wrapper ul li:nth-child(even) {
        padding-left: 300px
    }
    .cripto-journey-wrapper ul li:nth-child(even) span:after {
        left: calc(50% + 30px)
    }
    .cripto-journey-wrapper ul li span:after {
        width: 25px
    }
    .blockchain-area {
        padding: 50px 15px 70px !important
    }
    .block-heading {
        max-width: 550px;
        margin: 0 auto 30px
    }
}

@media all and (max-width: 575px) {
    .cripto-journey-wrapper {
        padding-left: 15px
    }
    .cripto-journey-wrapper:after {
        top: 0;
        transform: translate(0%, 0%);
        left: 14px
    }
    .cripto-journey-wrapper ul {
        justify-content: flex-start;
        align-items: flex-start
    }
    .cripto-journey-wrapper ul:before,
    .cripto-journey-wrapper ul:after {
        transform: translate(-50%, 0%);
        left: 0
    }
    .cripto-journey-wrapper ul li {
        padding-left: 50px !important
    }
    .cripto-journey-wrapper ul li:before,
    .cripto-journey-wrapper ul li:after {
        left: 0;
        top: 50%;
        transform: translate(-50%, -50%)
    }
    .cripto-journey-wrapper ul li:nth-child(odd) {
        padding-right: 0px
    }
    .cripto-journey-wrapper ul li:nth-child(odd) span:after {
        left: 0;
        transform: translate(0%, -50%)
    }
    .cripto-journey-wrapper ul li:nth-child(even) {
        padding-left: 0px
    }
    .cripto-journey-wrapper ul li:nth-child(even) span:after {
        left: 0;
        transform: translate(0%, -50%)
    }
    .cripto-journey-wrapper ul li span {
        text-align: left
    }
    .cripto-journey-wrapper ul li h3 {
        text-align: left
    }
    .cripto-journey-area {
        padding: 50px 0px
    }
    .cripto-journey-area .cripto-journey-water.bit-data-watermark {
        top: 50px
    }
    .cripto-journey-area .cripto-journey-water.bit-data-watermark h2 {
        font-size: 50px
    }
    .cripto-journey-area .bit-sub {
        padding: 5px 25px 5px 0px
    }
}

.blockchain-area {
    padding: 70px 0px 110px;
    position: relative;
    z-index: 1
}

.blockchain-area .blockchain-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    pointer-events: none
}

.blockchain-area .blockchain-overlay img {
    height: 100%;
    object-fit: contain
}

.blockchain-wrapper {
    max-width: 720px;
    margin: 0 auto
}

.block-heading {
    text-align: center;
    margin-bottom: 30px
}

.block-heading h3 {
    font-weight: 600;
    font-size: 24px;
    line-height: 1.4;
    margin-bottom: 5px;
    background: var(--success-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.block-heading p {
    color: var(--white);
    margin-bottom: 0px;
    line-height: 1.5
}

.blockchain-video {
    position: relative
}

.blockchain-video img {
    width: 100%
}

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

.cripto-team-member {
    padding: 110px 0px;
    background: var(--bit-gradient);
    position: relative;
    z-index: 1
}

.bit-data-watermark.cripto-journey-water {
    right: unset;
    left: -200px
}

.cripto-team-heading {
    max-width: 690px;
    margin: 0 auto 50px
}

.cripto-team-heading h2 {
    margin-bottom: 5px
}

.cripto-team-heading p {
    color: var(--white);
    line-height: 1.5;
    margin-bottom: 0px
}

.cripto-team-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap
}

.one-third {
    width: calc(33.3333333333% - 20px)
}

.cripto-team-single {
    margin: 10px;
    position: relative;
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    transform: translateY(0px);
    transition: .4s ease-in-out
}

.cripto-team-single:nth-child(4),
.cripto-team-single:nth-child(5) {
    margin-top: -200px
}

.cripto-team-single img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.cripto-team-single .ct-single-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--bit-gradient-rgba);
    clip-path: polygon(50% 0%, 50% 0, 0 50%, 0% 50%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    transition: .4s ease-in;
    opacity: 0
}

.cripto-team-single .ct-single-overlay:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    clip-path: polygon(50% 0, 0 50%, 50% 100%, 50% 0.5%, 99.5% 50%, 50% 99.5%, 0.5% 50%, 50% 0.5%, 50% 100%, 100% 50%);
    background: var(--success-gradient)
}

.cripto-team-single .ct-single-overlay h4 {
    background: var(--success-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-size: 26px;
    margin-bottom: 5px;
    line-height: 1;
    transition-delay: .3s !important
}

.cripto-team-single .ct-single-overlay p {
    background: var(--success-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    margin-bottom: 15px;
    font-size: 18px;
    transition-delay: .5s !important
}

.cripto-team-single .ct-single-overlay ul {
    display: flex;
    align-items: center;
    transition-delay: .7s !important
}

.cripto-team-single .ct-single-overlay ul li {
    margin: 0px 7px
}

.cripto-team-single .ct-single-overlay ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 35px;
    width: 35px;
    border-radius: 50%;
    border: 1px solid var(--theme-sky);
    color: var(--white);
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: .4s ease-in
}

.cripto-team-single .ct-single-overlay ul li a i {
    font-size: 15px
}

.cripto-team-single .ct-single-overlay ul li a:after {
    position: absolute;
    content: "";
    height: 0%;
    width: 100%;
    background: var(--success-gradient);
    z-index: -1;
    overflow: hidden;
    top: 0;
    left: 0;
    transition: .4s
}

.cripto-team-single .ct-single-overlay ul li a:hover {
    border-color: rgba(0, 0, 0, 0)
}

.cripto-team-single .ct-single-overlay ul li a:hover:after {
    height: 100%;
    top: auto;
    bottom: 0
}

.cripto-team-single .ct-single-overlay h4,
.cripto-team-single .ct-single-overlay p,
.cripto-team-single .ct-single-overlay ul {
    opacity: 0;
    transition: .4s ease-in-out;
    transform: translateY(50px)
}

.cripto-team-single:hover {
    transform: translateY(-10px)
}

.cripto-team-single:hover .ct-single-overlay {
    opacity: 1;
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%)
}

.cripto-team-single:hover .ct-single-overlay h4,
.cripto-team-single:hover .ct-single-overlay p,
.cripto-team-single:hover .ct-single-overlay ul {
    opacity: 1;
    transform: translateY(0px)
}

.cripto-line-mark {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: -1
}

.cripto-faq-area {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 110px 0px
}

.cripto-faq-heading {
    max-width: 690px;
    margin: 0 auto 50px
}

.cripto-faq-heading p {
    color: var(--white);
    line-height: 1.5;
    margin-bottom: 0px
}

.cripto-single-accordion {
    max-width: 720px;
    margin: 0 auto 10px;
    border-radius: 10px;
    border: 1px solid var(--theme-sky);
    background-color: rgba(0, 0, 0, 0);
    transition: .4s ease-in
}

.cripto-single-accordion:last-child {
    margin-bottom: 0px
}

.cripto-single-accordion.active {
    background: var(--white-water-color)
}

.cripto-single-accordion.active .cripto-accordion-head {
    padding-top: 45px
}

.cripto-single-accordion.active .cripto-accordion-head::after {
    content: "";
    top: 45px
}

.cripto-single-accordion.active .cripto-accordion-head h6 {
    background: var(--success-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.cripto-accordion-head {
    padding: 25px 50px;
    transition: .4s ease-in-out;
    position: relative;
    cursor: pointer
}

.cripto-accordion-head h6 {
    margin-bottom: 0px;
    line-height: 1.5;
    color: var(--white);
    font-weight: 500;
    font-size: 18px;
    font-family: var(--ff-secondary);
    transition: .4s ease-in-out
}

.cripto-accordion-head:after {
    position: absolute;
    content: "";
    font-family: IcoFont;
    top: 25px;
    right: 25px;
    font-size: 18px;
    background: var(--success-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    transition: .4s ease-in-out
}

.cripto-accordion-body {
    padding: 0px 50px 45px;
    border-radius: 10px;
    display: none
}

.cripto-accordion-body p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: var(--white);
    margin-bottom: 25px;
    font-family: var(--ff-secondary);
    max-width: 550px
}

.cripto-accordion-body ul {
    list-style: disc;
    padding-left: 20px
}

.cripto-accordion-body ul li {
    font-family: var(--ff-secondary);
    font-size: 16px;
    font-weight: 400;
    color: var(--white);
    margin-bottom: 5px
}

.cripto-accordion-body ul li:last-child {
    margin-bottom: 0px
}

.bit-data-watermark.cripto-faq-water {
    right: unset;
    left: -210px
}

@media all and (max-width: 1750px) {
    .cripto-team-member .bit-data-watermark {
        right: unset;
        top: -10px;
        left: 50%;
        transform: translate(-50%, 0%) rotate(0deg)
    }
    .cripto-team-member .bit-data-watermark h2 {
        font-size: 90px
    }
    .cripto-team-member .bit-sub {
        font-size: 24px;
        padding: 15px 25px 15px 0px
    }
}

@media all and (max-width: 1399px) {
    .cripto-team-single:nth-child(4),
    .cripto-team-single:nth-child(5) {
        margin-top: -175px
    }
}

@media all and (max-width: 1199px) {
    .cripto-team-single:nth-child(4),
    .cripto-team-single:nth-child(5) {
        margin-top: -150px !important
    }
    .cripto-team-single .ct-single-overlay h4 {
        font-size: 22px;
        margin-bottom: 0px
    }
    .cripto-team-single .ct-single-overlay ul li a {
        height: 30px;
        width: 30px
    }
    .cripto-team-single .ct-single-overlay ul li a i {
        font-size: 12px
    }
    .bitcoin-banner-wrap.sticky {
        position: relative;
        top: unset;
        left: auto
    }
}

@media all and (max-width: 991px) {
    .cripto-team-single.one-third {
        width: calc(50% - 20px)
    }
    .cripto-team-single.one-third:nth-child(3) {
        margin: -145px 100px 0px
    }
    .cripto-team-single.one-third:nth-child(4),
    .cripto-team-single.one-third:nth-child(5) {
        margin-top: -175px
    }
    .cripto-team-member {
        padding: 80px 0px;
        overflow: hidden
    }
    .cripto-team-member .cripto-team-heading {
        max-width: 550px
    }
    .cripto-line-mark {
        top: unset;
        left: -235px;
        bottom: 0;
        transform: rotate(180deg)
    }
}

@media all and (max-width: 767px) {
    .cripto-team-single.one-third:nth-child(3) {
        margin: -125px 100px 0px
    }
    .cripto-team-single.one-third:nth-child(4),
    .cripto-team-single.one-third:nth-child(5) {
        margin-top: -115px !important
    }
    .cripto-team-single .ct-single-overlay h4 {
        font-size: 18px
    }
    .cripto-team-single .ct-single-overlay p {
        margin-bottom: 5px;
        font-size: 16px
    }
    .cripto-team-single .ct-single-overlay ul li {
        margin: 0px 5px
    }
    .cripto-team-heading .bit-title {
        font-size: 30px;
        margin-bottom: 10px
    }
}

@media all and (max-width: 575px) {
    .cripto-team-wrapper {
        flex-direction: column
    }
    .cripto-team-single.one-third {
        width: 100%;
        max-width: 350px
    }
    .cripto-team-single.one-third:nth-child(3) {
        margin: 10px
    }
    .cripto-team-single.one-third:nth-child(4),
    .cripto-team-single.one-third:nth-child(5) {
        margin-top: unset !important
    }
    .cripto-team-member {
        padding: 50px 0px
    }
    .cripto-team-member .bit-sub {
        font-size: 24px;
        padding: 5px 25px 5px 0px
    }
    .cripto-team-member .bit-data-watermark h2 {
        font-size: 70px
    }
    .cripto-team-single,
    .one-third {
        width: 100%;
        max-width: 350px
    }
}

.cripto-contacts-area {
    padding: 110px 0px;
    background: var(--bit-gradient);
    overflow: hidden
}

.cripto-contacts-area .bit-data-watermark {
    right: -300px
}

.cripto-contacts-from,
.cripto-contacts,
.cripto-contacts-map {
    max-width: 960px;
    margin: 0 auto
}

.cripto-contacts-heading {
    max-width: 650px;
    margin: 0 auto 50px
}

.cripto-contacts-heading p {
    color: var(--white);
    line-height: 1.5;
    margin-bottom: 0px
}

.cripto-contacts {
    padding: 30px 50px;
    border-radius: 5px;
    background: var(--white-water-color);
    margin-bottom: 30px
}

.cripto-contacts ul {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.cripto-contacts ul li {
    display: flex;
    align-items: center;
    margin-left: 25px;
    font-family: var(--ff-secondary);
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    color: var(--white)
}

.cripto-contacts ul li a {
    color: var(--white)
}

.cripto-contacts ul li:first-child {
    margin-left: 0px
}

.cripto-contacts ul li i {
    font-size: 25px;
    display: block;
    margin-right: 20px;
    background: var(--success-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.cripto-contacts-from {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap
}

.cripto-contacts-from .btn {
    border-radius: 5px;
    margin-top: 20px
}

.cripto-contact-group,
.input-text-group {
    width: calc(50% - 10px)
}

.cripto-contact-group {
    margin-right: 20px
}

.cripto-contact-group .input-group input {
    width: 100%;
    background: var(--white-water-color);
    border: 1px solid var(--title-border);
    box-sizing: border-box;
    border-radius: 5px;
    padding: 15px 30px;
    color: var(--white)
}

.cripto-contact-group .input-group input::placeholder {
    color: var(--white)
}

.cripto-contact-group .input-group input:focus {
    border-color: var(--theme-sky)
}

.cripto-contact-group .input-group.mb-20 {
    margin-bottom: 20px
}

.input-text-group textarea {
    width: 100%;
    background: var(--white-water-color);
    border: 1px solid var(--title-border);
    border-radius: 5px;
    padding: 15px 30px;
    color: var(--white);
    height: 125px
}

.input-text-group textarea::placeholder {
    color: var(--white)
}

.input-text-group textarea:focus {
    border-color: var(--theme-sky)
}

.cripto-contacts-from {
    margin-bottom: 70px
}

.cripto-contacts-map {
    overflow: hidden
}

.cripto-contacts-map #gmap_canvas {
    border-radius: 10px
}

.cripto-contacts-area {
    position: relative;
    z-index: 1
}

.cripto-contacts-area .cripto-contacts-shape {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

@media all and (max-width: 1750px) {
    .cripto-faq-area .bit-data-watermark,
    .cripto-contacts-area .bit-data-watermark {
        right: unset;
        top: -10px;
        left: 50%;
        transform: translate(-50%, 0%) rotate(0deg)
    }
    .cripto-faq-area .bit-data-watermark h2,
    .cripto-contacts-area .bit-data-watermark h2 {
        font-size: 90px
    }
    .cripto-faq-area .bit-sub,
    .cripto-contacts-area .bit-sub {
        font-size: 24px;
        padding: 15px 25px 15px 0px
    }
}

@media all and (max-width: 991px) {
    .cripto-faq-area,
    .cripto-contacts-area {
        padding: 80px 0px
    }
    .cripto-faq-area .bit-title,
    .cripto-contacts-area .bit-title {
        font-size: 30px;
        margin-bottom: 10px
    }
    .cripto-single-accordion.active .cripto-accordion-head {
        padding-top: 25px
    }
    .cripto-single-accordion.active .cripto-accordion-head::after {
        top: 25px
    }
    .cripto-accordion-head {
        padding: 20px 50px 20px 25px
    }
    .cripto-accordion-body {
        padding: 0px 25px 25px
    }
    .cripto-contacts {
        padding: 30px
    }
    .cripto-contacts ul {
        flex-wrap: wrap
    }
    .cripto-contacts ul li {
        padding-bottom: 15px
    }
    .cripto-contacts ul li:last-child {
        margin-left: 0px;
        padding-bottom: 0px
    }
    .cripto-contacts-from {
        margin-bottom: 30px !important
    }
    .cripto-contacts-from .btn {
        flex: unset;
        margin-top: 20px
    }
    .input-text-group {
        width: calc(50% - 20px);
        margin-right: 0px
    }
    .cripto-contact-group {
        width: calc(50% - 20px);
        margin-right: 20px
    }
}

@media all and (max-width: 767px) {
    .cripto-contacts ul {
        align-items: flex-start;
        flex-direction: column
    }
    .cripto-contacts ul li {
        margin-left: 0px
    }
    .input-text-group {
        width: 100%;
        margin-right: 0px
    }
    .cripto-contact-group {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 20px
    }
}

@media all and (max-width: 575px) {
    .cripto-accordion-head h6,
    .cripto-contacts-area h6 {
        font-size: 16px
    }
    .cripto-contacts-area .bit-sub {
        padding: 5px 25px 5px 0px
    }
    .cripto-contacts-area .bit-data-watermark h2 {
        font-size: 70px
    }
    .cripto-faq-area,
    .cripto-contacts-area {
        padding: 50px 0px
    }
    .cripto-contacts-map #gmap_canvas {
        height: 350px
    }
    .cripto-contacts-shape {
        display: none
    }
}

body.hidden {
    overflow: hidden
}

.mt-70 {
    margin-top: 70px
}

.demo-click {
    position: fixed;
    top: 50%;
    right: -47px;
    transform: translateY(-50%) rotate(90deg);
    background: #0b668d;
    border-radius: 0px 0px 10px 10px;
    padding: 7px 18px;
    z-index: 9999;
    cursor: pointer
}

.demo-click span {
    font-family: var(--ff-secondary);
    font-size: 18px;
    line-height: 2px;
    letter-spacing: .4em;
    color: #fff
}

.demo-popup-area {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    overflow-y: auto;
    z-index: -999;
    padding: 70px 0px;
    background: rgba(13, 25, 48, .85);
    backdrop-filter: blur(15px);
    opacity: 0
}

.demo-popup-area.show-popup {
    opacity: 1;
    z-index: 9999999
}

.demo-popup-wrapper {
    position: relative
}

.demo-popup-close {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer
}

.demo-popup-close img,
.demo-popup-close svg {
    max-width: 18px;
    max-height: 18px
}

.demo-popup-heading {
    margin-bottom: 40px
}

.demo-popup-heading h2 {
    font-family: var(--ff-primary);
    font-weight: 800;
    font-size: 48px;
    line-height: 1;
    color: #fff;
    margin-bottom: 10px
}

.demo-popup-heading p {
    font-family: var(--ff-primary);
    font-weight: 600;
    font-size: 24px;
    line-height: 1.2;
    color: #f73859
}

.demo-popup-gallery {
    display: grid;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-gap: 40px 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr
}

.demo-popup-single {
    text-align: center
}

.demo-popup-single .demo-popup-img {
    position: relative;
    display: block;
    margin-bottom: 20px;
    transition: .4s ease-in
}

.demo-popup-single .demo-popup-img:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(13, 25, 48, .2);
    backdrop-filter: blur(15px);
    transition: .2s ease-in;
    opacity: 0;
    pointer-events: none
}

.demo-popup-single .demo-popup-img .demo-new {
    max-width: 60px;
    position: absolute;
    right: 15px;
    bottom: -20px;
    z-index: 9
}

.demo-popup-single.dps-overlay .demo-popup-img:after {
    opacity: 1;
    pointer-events: unset
}

.demo-popup-single a {
    color: #fff;
    display: block;
    font-size: 20px;
    font-family: var(--ff-primary);
    transition: .4s ease-in;
    font-weight: 500
}

.demo-popup-single:hover .demo-popup-img {
    transform: translateY(-5px)
}

.demo-popup-single:hover a {
    color: #f73859;
    transform: translateY(-5px)
}

@media screen and (max-width: 991px) {
    .demo-popup-gallery {
        grid-template-columns: 1fr 1fr 1fr
    }
    .demo-popup-heading h2 {
        font-size: 35px
    }
    .demo-popup-heading p {
        font-size: 20px
    }
    .demo-popup-single .demo-popup-img {
        margin-bottom: 10px
    }
}

@media screen and (max-width: 767px) {
    .demo-popup-gallery {
        grid-template-columns: 1fr 1fr
    }
}

@media screen and (max-width: 575px) {
    .demo-popup-gallery {
        grid-template-columns: 1fr
    }
    .demo-popup-area {
        padding: 35px 0px
    }
    .demo-popup-close {
        right: 10px
    }
    .demo-popup-single {
        max-width: 325px
    }
}

.home-v5-tread-title-area {
    background: var(--midnight)
}

.home-v5-header.sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99999;
    width: 100%;
    transform: translateX(0);
    background-color: var(--white);
    box-shadow: 0px 30px 30px rgba(0, 0, 0, .07);
    animation-name: fadeInDown !important;
    animation-duration: 1s;
    animation-fill-mode: both
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.v5-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 0
}

.v5-header-right {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 150px;
    width: 100%
}

.v5-header-right .h-menu-wrap .h-menu>li>a {
    font-size: 20px;
    font-family: var(--ff-primary);
    color: var(--body-color);
    position: relative
}

.v5-header-right .h-menu-wrap .h-menu>li>a::before {
    position: absolute;
    content: "";
    height: 2px;
    background: var(--theme-5);
    bottom: 20px;
    left: 5px;
    border-radius: 20px;
    width: 0;
    opacity: 0;
    transition: all .3s ease-in-out
}

.v5-header-right .h-menu-wrap .h-menu>li>a:hover,
.v5-header-right .h-menu-wrap .h-menu>li>a.active {
    color: var(--theme-5)
}

.v5-header-right .h-menu-wrap .h-menu>li>a:hover::before,
.v5-header-right .h-menu-wrap .h-menu>li>a.active::before {
    opacity: 1;
    width: 20px
}

.h5-h-btn a {
    font-size: 20px;
    font-weight: 600;
    font-family: var(--ff-primary)
}

@media screen and (max-width: 1400px) {
    .v5-header-right {
        padding: 0;
        justify-content: flex-end;
        width: 100%
    }
    .v5-header-right .h-menu-wrap .h-menu li {
        margin-right: 10px
    }
}

@media screen and (max-width: 1199px) {
    .v5-header-right {
        justify-content: flex-end;
        max-width: 100%
    }
}

.v5-heroa-rea {
    background: var(--midnight);
    padding: 170px 0px;
    position: relative;
    z-index: 1
}

.v5-hero-thumb {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1
}

.v5-hero-content {
    max-width: 100% !important
}

.v5-hero-content .title {
    max-width: 650px
}

.v5-hero-content .title h4 {
    color: var(--theme-5) !important
}

.v5-hero-content .v5-hero-btn {
    margin-top: 30px
}

.v5-hero-content .home-v7-timeOut {
    max-width: 480px
}

@media screen and (max-width: 1350px) {
    .v5-hero-thumb {
        max-width: 900px
    }
}

@media screen and (max-width: 1199px) {
    .v5-heroa-rea {
        padding: 90px 0px
    }
    .v5-hero-content .title {
        max-width: 500px
    }
    .v5-hero-thumb {
        max-width: 700px
    }
}

@media screen and (max-width: 991px) {
    .v5-heroa-rea {
        padding: 70px 0px
    }
    .v5-hero-thumb {
        max-width: 500px
    }
}

@media screen and (max-width: 767px) {
    .v5-heroa-rea {
        padding: 50px 0px
    }
    .v5-hero-thumb {
        max-width: 700px;
        position: unset;
        transform: translateY(0)
    }
    .v5-hero-content {
        text-align: center;
        margin-bottom: 20px
    }
    .v5-hero-content .title {
        margin: 0 auto
    }
    .v5-hero-content .home-v7-timeOut {
        margin: 30px auto 0px
    }
    .v5-hero-content .home-v7-timeOut .counter {
        display: flex;
        justify-content: center
    }
}

.v5-section-title {
    margin-bottom: 40px
}

.v5-section-title>span {
    font-family: var(--ff-primary);
    color: var(--theme-5);
    font-size: 24px;
    font-weight: 700;
    line-height: 1
}

.v5-section-title h2 {
    max-width: 508px;
    font-size: 36px;
    font-weight: 700;
    color: var(--midnight);
    line-height: 1.2;
    margin: 10px 0px 0px
}

.v5-section-title h2 span {
    font-weight: 400
}

.v5-sctn-title-white h2 {
    color: var(--white)
}

@media screen and (max-width: 767px) {
    .v5-section-title {
        margin-bottom: 30px;
        text-align: center
    }
    .v5-section-title>span {
        font-size: 20px
    }
    .v5-section-title h2 {
        font-size: 24px;
        margin: 10px 0px 0px
    }
}

.v5-about-wrapper {
    display: flex;
    align-items: center;
    max-width: 1365px;
    justify-content: space-between
}

.v5-about-content {
    max-width: 720px;
    width: 100%;
    margin-right: 30px
}

.v5-about-content p {
    margin: 0;
    font-size: 18px;
    line-height: 1.5
}

.v5-about-content ul {
    max-width: 520px;
    margin-top: 20px
}

.v5-about-content ul li {
    padding-left: 25px;
    position: relative;
    font-size: 18px;
    font-weight: 700;
    color: var(--midnight);
    line-height: 1.5;
    margin-bottom: 15px
}

.v5-about-content ul li:last-child {
    margin-bottom: 0
}

.v5-about-content ul li span {
    color: var(--paragraph);
    font-weight: 400
}

.v5-about-content ul li i {
    position: absolute;
    content: "";
    left: 0;
    top: 2px;
    color: var(--theme-5);
    font-size: 22px
}

.v5-about-content .v5-section-title {
    margin-bottom: 30px
}

@media screen and (max-width: 991px) {
    .v5-about-wrapper {
        flex-direction: column
    }
    .v5-about-content {
        margin-right: 0
    }
    .v5-about-thumb {
        margin-top: 20px;
        max-width: 500px;
        width: 100%
    }
}

@media screen and (max-width: 767px) {
    .v5-about-content p {
        font-size: 16px;
        padding-bottom: 10px
    }
    .v5-about-content p:last-child {
        padding-bottom: 0 !important
    }
    .v5-about-content ul {
        margin-top: 5px
    }
    .v5-about-content ul li {
        font-size: 16px;
        margin-bottom: 10px;
        padding-left: 20px
    }
    .v5-about-content ul li i {
        font-size: 18px
    }
    .v5-about-content .v5-section-title {
        margin-bottom: 15px
    }
}

.v5white-paper-area {
    background: var(--midnight)
}

.v5white-paper-title span {
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    display: block;
    color: var(--theme-5)
}

.v5white-paper-title h2 {
    max-width: 534px;
    font-size: 36px;
    font-weight: 400;
    line-height: 1.2;
    color: var(--white);
    margin: 10px 0px 0px
}

.v5-white-paper-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 20px;
    margin-top: 20px
}

.single-v5-wt-ppr {
    background: var(--white);
    display: flex;
    align-content: center;
    justify-content: center;
    padding: 50px 0px;
    border-radius: 10px
}

.single-v5-wt-ppr:last-child {
    margin-right: 0
}

.single-v5-wt-ppr:hover a span {
    color: var(--theme-5)
}

.single-v5-wt-ppr a {
    text-align: center
}

.single-v5-wt-ppr a span {
    display: block;
    font-size: 24px;
    font-weight: 600;
    color: var(--midnight);
    margin-top: 20px;
    line-height: 1;
    transition: all .3s ease-in-out
}

@media screen and (max-width: 991px) {
    .v5-white-paper-wrapper {
        grid-template-columns: 1fr 1fr 1fr
    }
}

@media screen and (max-width: 767px) {
    .v5-white-paper-wrapper {
        margin-top: 30px;
        grid-template-columns: 1fr 1fr
    }
    .v5white-paper-title span {
        font-size: 18px
    }
    .v5white-paper-title h2 {
        max-width: 370px;
        font-size: 24px;
        margin: 7px 0px 0px
    }
    .single-v5-wt-ppr {
        padding: 30px 0px
    }
    .single-v5-wt-ppr a img {
        max-width: 50px
    }
    .single-v5-wt-ppr a span {
        font-size: 18px;
        margin-top: 15px
    }
}

@media screen and (max-width: 575px) {
    .v5-white-paper-wrapper {
        grid-gap: 10px;
        margin-top: 20px
    }
    .single-v5-wt-ppr {
        width: 100%;
        padding: 20px 10px;
        margin: 0px
    }
    .single-v5-wt-ppr a span {
        font-size: 16px;
        margin-top: 10px
    }
}

.v5-token-sale-area .v5-section-title {
    margin-bottom: 60px
}

.v5-token-sale-area .v5-section-title h2 {
    max-width: 560px
}

.v5-tkn-sale-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.b5-tkn-sale {
    max-width: 690px;
    width: 100%;
    padding: 100px;
    background: var(--light-gray);
    border-radius: 10px;
    margin: 0px 20px
}

.b5-tkn-sale .v5counter {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 20px
}

.b5-tkn-sale .v5counter .single-countdown-item {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid var(--body-color);
    height: 100%
}

.b5-tkn-sale .v5counter .single-countdown-item .ci-inner {
    font-size: 48px;
    font-weight: 700;
    font-family: var(--ff-primary);
    color: var(--midnight);
    line-height: 1;
    margin: 0
}

.b5-tkn-sale .v5counter .single-countdown-item h4 {
    color: var(--paragraph);
    font-size: 18px;
    font-weight: 400;
    font-family: var(--ff-primary);
    line-height: 1;
    margin: 0
}

.b5-tkn-sale .progress {
    margin-top: 60px;
    height: 30px;
    border-radius: 46px;
    background: var(--border);
    overflow: visible
}

.b5-tkn-sale .progress .progress-bar {
    border-radius: 46px;
    background: var(--theme-5);
    position: relative;
    overflow: visible
}

.b5-tkn-sale .progress .progress-bar span {
    position: absolute;
    right: -10%;
    color: var(--theme-5);
    bottom: -90px;
    z-index: 999;
    font-size: 28px;
    font-weight: 600;
    font-family: var(--ff-primary)
}

.b5-tkn-sale .progress .progress-bar span::before {
    position: absolute;
    content: "";
    height: 30px;
    width: 1px;
    background: var(--theme-5);
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 10px
}

.b5-tkn-sale .content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px
}

.b5-tkn-sale .content p {
    margin: 0;
    line-height: 1;
    font-size: 20px;
    color: var(--midnight);
    font-weight: 600
}

.b5-tkn-sale .content p span {
    display: block;
    color: var(--paragraph);
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 10px;
    line-height: 1
}

.b5-tkn-sale .content p:last-child {
    text-align: right
}

.v5-tkn-dtls ul li {
    font-size: 24px;
    font-weight: 600;
    color: var(--midnight);
    line-height: 1;
    padding-left: 27px;
    position: relative;
    margin-bottom: 40px
}

.v5-tkn-dtls ul li:last-child {
    margin-bottom: 0
}

.v5-tkn-dtls ul li span {
    display: block;
    font-size: 18px;
    font-weight: 500;
    color: var(--paragraph);
    line-height: 1.3;
    margin-top: 5px
}

.v5-tkn-dtls ul li i {
    position: absolute;
    top: 0px;
    left: 0;
    color: var(--theme-5)
}

@media screen and (max-width: 1400px) {
    .b5-tkn-sale {
        max-width: 500px;
        padding: 50px
    }
}

@media screen and (max-width: 1199px) {
    .b5-tkn-sale {
        max-width: 450px;
        padding: 30px
    }
    .b5-tkn-sale .progress {
        margin-top: 35px;
        height: 20px
    }
    .v5-tkn-dtls ul li {
        font-size: 20px;
        padding-left: 22px;
        margin-bottom: 20px
    }
    .v5-tkn-dtls ul li span {
        font-size: 16px
    }
}

@media screen and (max-width: 991px) {
    .v5-token-sale-area .v5-section-title {
        margin-bottom: 40px
    }
    .v5-tkn-sale-wrapper {
        flex-wrap: wrap
    }
    .b5-tkn-sale {
        max-width: 100%;
        padding: 30px;
        order: 3;
        margin: 30px 0px 0px 0px
    }
}

@media screen and (max-width: 767px) {
    .v5-token-sale-area .v5-section-title {
        margin-bottom: 30px
    }
    .b5-tkn-sale .v5counter .single-countdown-item .ci-inner {
        font-size: 40px
    }
    .b5-tkn-sale .v5counter .single-countdown-item h4 {
        margin-top: 10px
    }
    .b5-tkn-sale .progress .progress-bar span {
        right: -7%;
        bottom: -84px;
        font-size: 20px
    }
}

@media screen and (max-width: 575px) {
    .v5-token-sale-area .v5-section-title {
        margin-bottom: 15px
    }
    .v5-tkn-dtls {
        margin-right: 20px;
        margin-top: 15px
    }
    .v5-tkn-dtls:last-child {
        margin-right: 0
    }
    .v5-tkn-dtls ul li {
        font-size: 18px;
        padding-left: 20px;
        margin-bottom: 15px
    }
    .b5-tkn-sale {
        padding: 20px;
        margin: 20px 0px 0px 0px
    }
    .b5-tkn-sale .v5counter {
        grid-gap: 10px
    }
    .b5-tkn-sale .v5counter .single-countdown-item .ci-inner {
        font-size: 30px
    }
    .b5-tkn-sale .v5counter .single-countdown-item h4 {
        font-size: 16px;
        margin-top: 7px
    }
    .b5-tkn-sale .progress {
        margin-top: 20px;
        height: 15px
    }
    .b5-tkn-sale .progress .progress-bar span {
        right: -10%;
        bottom: -70px;
        font-size: 18px
    }
    .b5-tkn-sale .content {
        margin-top: 20px
    }
    .b5-tkn-sale .content p {
        font-size: 18px
    }
    .b5-tkn-sale .content p span {
        margin-bottom: 7px
    }
}

@media screen and (max-width: 420px) {
    .b5-tkn-sale .v5counter {
        grid-gap: 10px;
        grid-template-columns: 1fr 1fr
    }
}

.v5-roadmap-area {
    position: relative;
    z-index: 1;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed
}

.v5-roadmap-area::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: var(--midnight);
    mix-blend-mode: normal;
    opacity: .9;
    z-index: -1
}

.v5-roadmap-area .v5-section-title h2 {
    max-width: 700px
}

.v5-roadmap-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 60px 30px;
    text-align: center
}

.single-v5-roadmap {
    position: relative
}

.single-v5-roadmap::before {
    position: absolute;
    content: "";
    width: calc(100% + 20px);
    height: 5px;
    background: var(--theme-5);
    top: 25%;
    right: -60%;
    z-index: -1
}

.single-v5-roadmap:nth-child(4n+0)::before {
    display: none
}

.single-v5-roadmap.rm-with-line::before {
    background: var(--white)
}

.single-v5-roadmap span {
    color: var(--theme-5);
    font-size: 20px;
    font-weight: 700;
    font-family: var(--ff-primary);
    display: block;
    line-height: 1
}

.single-v5-roadmap .dot {
    margin: 25px auto;
    width: 28px;
    height: 28px;
    background: var(--white);
    border-radius: 50%;
    border: 6px solid var(--theme-5)
}

.single-v5-roadmap p {
    font-size: 18px;
    line-height: 1.4;
    color: var(--white);
    max-width: 233px;
    margin: 0 auto
}

@media screen and (max-width: 1199px) {
    .single-v5-roadmap::before {
        top: 21%
    }
}

@media screen and (max-width: 991px) {
    .v5-roadmap-wrapper {
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 50px 30px
    }
    .single-v5-roadmap:nth-child(3n+0)::before {
        display: none
    }
    .single-v5-roadmap:nth-child(4n+0)::before {
        display: block
    }
    .single-v5-roadmap:last-child::before {
        display: none
    }
}

@media screen and (max-width: 767px) {
    .v5-roadmap-wrapper {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 30px 10px
    }
    .single-v5-roadmap::before {
        right: -55%;
        top: 24%
    }
    .single-v5-roadmap:nth-child(3n+0)::before {
        display: block
    }
    .single-v5-roadmap:nth-child(even)::before {
        display: none
    }
    .single-v5-roadmap span {
        font-size: 18px
    }
    .single-v5-roadmap .dot {
        margin: 15px auto;
        width: 24px;
        height: 24px;
        border: 5px solid var(--theme-5)
    }
    .single-v5-roadmap p {
        font-size: 16px
    }
}

@media screen and (max-width: 575px) {
    .v5-roadmap-wrapper {
        grid-template-columns: 1fr;
        grid-gap: 20px
    }
    .single-v5-roadmap {
        max-width: 450px;
        margin: 0 auto;
        text-align: left;
        padding-left: 50px
    }
    .single-v5-roadmap::before {
        width: 5px;
        height: calc(100% + 25px);
        left: 10px
    }
    .single-v5-roadmap:nth-child(even)::before {
        display: block
    }
    .single-v5-roadmap:last-child::before {
        display: none
    }
    .single-v5-roadmap .dot {
        margin: 0;
        position: absolute;
        left: 0px;
        top: 10px
    }
    .single-v5-roadmap p {
        margin-top: 10px;
        max-width: 100%
    }
}

.pblm-slutn-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 30px
}

.single-pblm-slutn {
    text-align: center;
    background: var(--light-gray);
    padding: 40px 15px;
    border-radius: 10px;
    transition: all .3s ease-in-out
}

.single-pblm-slutn:hover {
    background: var(--white);
    box-shadow: 0px 30px 30px var(--pblm-crd-shadw)
}

.single-pblm-slutn:hover img {
    transform: scale(1.1)
}

.single-pblm-slutn img {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    object-fit: contain;
    transition: all .3s ease-in-out
}

.single-pblm-slutn h4 {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.3;
    color: var(--midnight);
    margin-top: 20px;
    margin-bottom: 0
}

.single-pblm-slutn p {
    font-size: 18px;
    font-weight: 400;
    max-width: 325px;
    margin: 20px auto 0px;
    line-height: 1.5
}

@media screen and (max-width: 991px) {
    .pblm-slutn-wrapper {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media screen and (max-width: 767px) {
    .pblm-slutn-wrapper {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 20px
    }
    .single-pblm-slutn {
        padding: 20px 15px
    }
    .single-pblm-slutn img {
        width: 60px;
        height: 60px
    }
    .single-pblm-slutn h4 {
        font-size: 18px;
        margin-top: 15px
    }
    .single-pblm-slutn p {
        font-size: 16px;
        margin: 10px auto 0px
    }
}

@media screen and (max-width: 575px) {
    .pblm-slutn-wrapper {
        grid-template-columns: 1fr;
        grid-gap: 20px;
        max-width: 450px;
        margin: 0 auto
    }
}

.v5-team-area .v5-section-title h2 {
    max-width: 542px
}

.v5-team-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 22px;
    padding-top: 54px
}

.single-v5-team {
    text-align: center;
    padding: 0px 10px 40px 20px;
    transition: all .4s ease-in-out;
    position: relative;
    z-index: 1
}

.single-v5-team::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: var(--v5-team);
    left: 0;
    top: 0;
    z-index: -1;
    transition: all .4s ease-in-out;
    clip-path: inset(0 0 0 0)
}

.single-v5-team:hover {
    box-shadow: 0px 30px 30px var(--pblm-crd-shadw);
    background: var(--white)
}

.single-v5-team:hover::before {
    clip-path: inset(0 0 100% 0)
}

.single-v5-team:hover .img {
    border-color: rgba(0, 0, 0, 0);
    border-radius: 50%
}

.single-v5-team:hover .img::before {
    opacity: 1;
    transform: scale(1)
}

.single-v5-team .img {
    margin: -54px auto 0px;
    max-width: 172px;
    max-height: 172px;
    border: 9px solid var(--white);
    position: relative;
    transition: all .4s ease-in-out;
    border-radius: 50%
}

.single-v5-team .img::before {
    position: absolute;
    content: "";
    width: calc(100% + 16px);
    height: calc(100% + 16px);
    top: -8px;
    left: -8px;
    border: 9px solid var(--theme-5);
    border-radius: 50%;
    transform: scale(0.9);
    opacity: 0;
    transition: all .4s ease-in-out
}

.single-v5-team .img img {
    border-radius: 50%
}

.single-v5-team .title {
    margin-top: 25px
}

.single-v5-team .title a {
    display: block;
    font-size: 24px;
    font-weight: 500;
    color: var(--midnight);
    line-height: 1
}

.single-v5-team .title span {
    font-size: 18px;
    color: var(--paragraph);
    font-weight: 400;
    line-height: 1;
    margin-top: 10px;
    display: block
}

.single-v5-team .social {
    margin-top: 50px
}

.single-v5-team .social a {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 1px solid var(--paragraph);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--paragraph);
    margin: 0px 10px;
    position: relative;
    z-index: 1;
    transition: all .4s ease-in-out;
    font-size: 15px
}

.single-v5-team .social a::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: var(--theme-5);
    clip-path: circle(0.3% at 0 100%);
    border-radius: 50%;
    z-index: -1;
    opacity: 0;
    transition: all .4s ease-in-out
}

.single-v5-team .social a:hover {
    color: var(--white);
    border-color: rgba(0, 0, 0, 0)
}

.single-v5-team .social a:hover::before {
    opacity: 1;
    clip-path: circle(70.7% at 50% 50%)
}

.v5-team-btn {
    margin-top: 70px
}

@media screen and (max-width: 1199px) {
    .v5-team-wrapper {
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 74px 20px
    }
    .v5-team-btn {
        margin-top: 40px
    }
}

@media screen and (max-width: 991px) {
    .v5-team-wrapper {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media screen and (max-width: 767px) {
    .single-v5-team .img {
        max-width: 130px;
        max-height: 130px
    }
    .single-v5-team .social {
        margin-top: 30px
    }
    .single-v5-team .social a {
        margin: 0px 5px
    }
}

@media screen and (max-width: 575px) {
    .v5-team-wrapper {
        grid-template-columns: 1fr;
        grid-gap: 74px;
        max-width: 400px;
        margin: 0 auto
    }
    .single-v5-team {
        padding: 0px 15px 20px 15px
    }
    .single-v5-team .img {
        max-width: 130px;
        max-height: 130px
    }
    .single-v5-team .title {
        margin-top: 15px
    }
    .single-v5-team .title a {
        font-size: 20px
    }
    .single-v5-team .title span {
        font-size: 16px;
        margin-top: 7px
    }
    .v5-team-btn {
        margin-top: 30px
    }
}

.v5-blog-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 30px
}

.single-v5-blog:hover .img img {
    transform: scale(0.9) rotate(-3deg)
}

.single-v5-blog:hover .content h2 a {
    text-decoration: underline !important;
    text-decoration-color: var(--theme-5) !important
}

.single-v5-blog .img {
    border-radius: 5px;
    overflow: hidden
}

.single-v5-blog .img img {
    transition: all .4s ease-in-out;
    width: 100%
}

.single-v5-blog .content {
    max-width: 375px;
    margin: 20px auto 0px
}

.single-v5-blog .content h2 {
    line-height: 1;
    margin: 0
}

.single-v5-blog .content h2 a {
    display: inline-block;
    font-size: 24px;
    font-weight: 500;
    color: var(--midnight);
    line-height: 1.4;
    transition: all .4s ease-in-out;
    text-decoration-skip-ink: none;
    text-underline-offset: 7px;
    text-decoration: unset;
    text-decoration-color: var(--theme-5) !important
}

.single-v5-blog .content .time {
    display: flex;
    margin-top: 15px;
    align-items: center
}

.single-v5-blog .content .time p {
    font-size: 16px;
    line-height: 1;
    color: var(--paragraph);
    font-weight: 400;
    padding: 0;
    margin: 0
}

.single-v5-blog .content .time span {
    width: 5px;
    height: 5px;
    background: var(--theme-5);
    border-radius: 50%;
    margin: 0px 10px
}

@media screen and (max-width: 991px) {
    .v5-blog-wrapper {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media screen and (max-width: 767px) {
    .v5-blog-wrapper {
        grid-gap: 20px
    }
    .single-v5-blog .content {
        margin: 15px auto 0px
    }
    .single-v5-blog .content h2 a {
        font-size: 18px
    }
    .single-v5-blog .content .time {
        margin-top: 10px
    }
    .single-v5-blog .content .time p {
        font-size: 15px
    }
}

@media screen and (max-width: 575px) {
    .v5-blog-wrapper {
        grid-template-columns: 1fr;
        max-width: 400px;
        margin: 0 auto
    }
}

.v5-footer {
    position: relative;
    z-index: 1;
    padding: 70px 0px
}

.v5-footer::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: var(--midnight);
    opacity: .9;
    top: 0;
    left: 0;
    z-index: -1
}

.v5footer-logo p {
    color: var(--white);
    max-width: 392px;
    line-height: 1.5;
    font-size: 18px
}

.v5footer-widget-title {
    color: var(--theme-5);
    font-size: 24px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 25px
}

.v5footer-widget-menu li {
    font-size: 18px
}

.v5footer-widget-menu li a {
    transition: all .3s ease-in-out
}

.v5footer-widget-menu li a:hover {
    color: var(--theme-5)
}

.v5ftr-trams li a:hover {
    opacity: 1
}

.v5ftr-newsltr .newsletter-widget input[type=email] {
    border: none
}

.v5ftr-newsltr .newsletter-widget input[type=submit],
.v5ftr-newsltr .newsletter-widget button[type=submit] {
    background-color: var(--theme-5)
}

.v5copyright-wrapper {
    border-top: 1px solid var(--theme-5);
    padding-top: 30px;
    margin-top: 5px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between
}

.v5copyright-wrapper .social a {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 1px solid var(--theme-5);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    margin: 0px 10px;
    position: relative;
    z-index: 1;
    transition: all .4s ease-in-out;
    font-size: 15px
}

.v5copyright-wrapper .social a:first-child {
    margin-left: 0
}

.v5copyright-wrapper .social a::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: var(--theme-5);
    clip-path: circle(0.3% at 0 100%);
    border-radius: 50%;
    z-index: -1;
    opacity: 0;
    transition: all .4s ease-in-out
}

.v5copyright-wrapper .social a:hover {
    color: var(--white);
    border-color: rgba(0, 0, 0, 0)
}

.v5copyright-wrapper .social a:hover::before {
    opacity: 1;
    clip-path: circle(70.7% at 50% 50%)
}

.v5copyright-wrapper p {
    font-size: 16px;
    line-height: 1;
    margin: 0;
    padding: 0;
    color: var(--white)
}

@media screen and (max-width: 575px) {
    .v5-footer {
        padding: 40px 0px 20px
    }
    .v5footer-logo {
        margin-top: 0 !important
    }
    .v5footer-logo .footer-logo {
        margin-bottom: 10px !important;
        max-width: 210px
    }
    .v5footer-logo p {
        font-size: 16px;
        margin: 0
    }
    .v5footer-widget {
        margin-top: 20px
    }
    .v5footer-widget-title {
        font-size: 20px;
        margin-bottom: 15px
    }
    .v5footer-widget-menu {
        max-width: 350px
    }
    .v5ftr-trams {
        margin-bottom: 0 !important
    }
    .v5ftr-newsltr {
        max-width: 400px
    }
    .v5copyright-wrapper {
        padding-top: 20px;
        justify-content: center
    }
    .v5copyright-wrapper .social {
        margin-bottom: 20px
    }
    .v5copyright-wrapper p {
        text-align: center;
        line-height: 1.2
    }
}

.v6-header .home-v5-tread-title-area {
    background: var(--theme-6)
}

.v6-header .v5-header-right {
    justify-content: flex-end
}

.v6-header .v5-header-right .h-menu-wrap .h-menu>li:hover a {
    color: var(--theme-6)
}

.v6-header .v5-header-right .h-menu-wrap .h-menu>li:hover a::before {
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%)
}

.v6-header .v5-header-right .h-menu-wrap .h-menu>li>a.active {
    color: var(--theme-6)
}

.v6-header .v5-header-right .h-menu-wrap .h-menu>li>a.active::before {
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%)
}

.v6-header .v5-header-right .h-menu-wrap .h-menu>li>a::before {
    height: 12px;
    width: 23px;
    background: var(--theme-6);
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 0px;
    opacity: 1;
    transition: all .3s ease-in-out;
    clip-path: polygon(50% 100%, 0% 100%, 100% 100%)
}

.v6-header .theme-5-btn {
    background: var(--theme-6);
    border-radius: 60px
}

.v6-header .theme-5-btn:hover {
    background: rgba(0, 0, 0, 0);
    border-color: var(--theme-6);
    color: var(--theme-6)
}

.v6-hero-area {
    background-size: cover;
    background-position: top bottom;
    background-repeat: no-repeat;
    padding: 65px 0px 180px
}

.v6-hero-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.v6-hero-content {
    max-width: 517px;
    width: 100%
}

.v6-hero-content .title h2 {
    font-size: 60px;
    font-weight: 800;
    color: var(--white);
    margin: 0;
    padding: 0;
    line-height: 1.3
}

.v6-hero-content .title h4 {
    color: var(--sky-blue);
    font-size: 30px;
    line-height: 1;
    margin: 15px 0px 0px
}

.v6-hero-content .title p {
    font-size: 18px;
    font-weight: 400;
    color: var(--white);
    line-height: 1.5;
    margin: 15px 0px 30px
}

.v6-hero-content .timeOut {
    margin-top: 40px
}

.v6-hero-content .timeOut>h4 {
    font-size: 24px;
    font-weight: 600;
    color: var(--white);
    line-height: 1;
    margin-bottom: 20px
}

.v6-hero-content .timeOut .counter {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px
}

.v6-hero-content .timeOut .counter .single-countdown-item {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    background: var(--light-gray);
    border: 1px solid var(--border);
    border-radius: 10px;
    height: auto
}

.v6-hero-content .timeOut .counter .single-countdown-item .ci-inner {
    color: var(--clock-clr);
    font-size: 48px;
    line-height: 1;
    font-weight: 700;
    padding: 0
}

.v6-hero-content .timeOut .counter .single-countdown-item h4 {
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    color: var(--paragraph);
    margin: 10px 0px 0px
}

.v6-hero-thumb {
    max-width: 770px;
    width: 100%
}

@media screen and (max-width: 991px) {
    .v6-hero-area {
        padding: 50px 0px 100px
    }
    .v6-hero-wrapper {
        flex-direction: column
    }
    .v6-hero-content {
        max-width: 100%
    }
    .v6-hero-content .timeOut {
        max-width: 500px
    }
}

@media screen and (max-width: 767px) {
    .v6-hero-area {
        padding: 50px 0px 50px
    }
    .v6-hero-content .title h2 {
        font-size: 40px
    }
    .v6-hero-content .title h4 {
        font-size: 24px
    }
    .v6-hero-content .title p {
        margin: 15px 0px 20px
    }
    .v6-hero-content .timeOut {
        margin-top: 30px;
        max-width: 400px
    }
    .v6-hero-content .timeOut>h4 {
        font-size: 20px
    }
    .v6-hero-content .timeOut .counter {
        grid-gap: 10px
    }
    .v6-hero-content .timeOut .counter .single-countdown-item .ci-inner {
        font-size: 40px
    }
    .v6-hero-content .timeOut .counter .single-countdown-item h4 {
        margin-top: 5px
    }
}

@media screen and (max-width: 575px) {
    .v6-hero-content .title h2 {
        font-size: 30px
    }
    .v6-hero-content .title h4 {
        font-size: 18px;
        margin: 10px 0px 0px
    }
    .v6-hero-content .title p {
        font-size: 16px;
        margin: 10px 0px 20px
    }
    .v6-hero-content .timeOut {
        margin-top: 25px;
        max-width: 320px
    }
    .v6-hero-content .timeOut>h4 {
        font-size: 18px
    }
    .v6-hero-content .timeOut .counter {
        grid-gap: 10px
    }
    .v6-hero-content .timeOut .counter .single-countdown-item {
        width: 70px;
        height: 70px
    }
    .v6-hero-content .timeOut .counter .single-countdown-item .ci-inner {
        font-size: 30px
    }
    .v6-hero-content .timeOut .counter .single-countdown-item h4 {
        font-size: 16px;
        margin: 6px 0px 0px
    }
}

.v6-section-title {
    margin-bottom: 40px
}

.v6-section-title p {
    color: var(--sky-blue);
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    margin: 0
}

.v6-section-title h4 {
    max-width: 550px;
    font-size: 36px;
    font-weight: 700;
    color: var(--clock-clr);
    line-height: 1.2;
    margin: 10px 0px 0px
}

.v6-section-title h4 span {
    font-weight: 400
}

.v6-sctn-title-white h4 {
    color: var(--white)
}

@media screen and (max-width: 767px) {
    .v6-section-title {
        margin-bottom: 30px;
        text-align: center
    }
    .v6-section-title p {
        font-size: 20px;
        margin: 0
    }
    .v6-section-title h4 {
        font-size: 24px;
        margin: 7px 0px 0px
    }
}

.v6-about-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 140px
}

.v6-about-content .v6-section-title {
    margin-bottom: 20px
}

.v6-about-content>p {
    margin: 0px 0px 10px;
    font-size: 18px;
    line-height: 1.5
}

.v6-about-content ul {
    max-width: 520px;
    margin-top: 20px
}

.v6-about-content ul li {
    padding-left: 25px;
    position: relative;
    font-size: 18px;
    font-weight: 700;
    color: var(--sky-blue);
    line-height: 1.5;
    margin-bottom: 15px
}

.v6-about-content ul li:last-child {
    margin-bottom: 0
}

.v6-about-content ul li span {
    color: var(--paragraph);
    font-weight: 400
}

.v6-about-content ul li i {
    position: absolute;
    content: "";
    left: 0;
    top: 2px;
    color: var(--sky-blue);
    font-size: 22px
}

.v6-about-content a {
    margin-top: 20px
}

.v6-about-thumb {
    border-radius: 20px;
    position: relative;
    z-index: 1
}

.v6-about-thumb img {
    width: 100%;
    height: 100%
}

.v6-about-thumb::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: var(--theme-6);
    opacity: .3;
    border-radius: 20px
}

.v6-about-thumb .ply-video {
    left: 100%
}

@media screen and (max-width: 1199px) {
    .v6-about-wrapper {
        grid-gap: 40px;
        align-items: center
    }
    .v6-about-thumb .ply-video {
        left: 50%
    }
}

@media screen and (max-width: 991px) {
    .v6-about-wrapper {
        grid-gap: 30px;
        grid-template-columns: 1fr
    }
    .v6-about-thumb {
        max-height: 500px;
        height: 100%
    }
}

@media screen and (max-width: 767px) {
    .v6-about-content .v6-section-title {
        text-align: left
    }
    .v6-about-content a {
        margin-top: 10px
    }
}

@media screen and (max-width: 575px) {
    .v6-about-content>p {
        font-size: 16px
    }
    .v6-about-content ul {
        margin-top: 5px
    }
    .v6-about-content ul li {
        font-size: 16px;
        margin-bottom: 10px;
        padding-left: 20px
    }
    .v6-about-content ul li i {
        font-size: 18px
    }
}

.v6-tknsale-area {
    background: var(--theme-6);
    position: relative;
    z-index: 1
}

.v6-tknsale-area .shape-01 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1
}

.v6-tknsale-area .shape-02 {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    max-width: 490px;
    z-index: -1
}

.v6-tknsale-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.v6-tknsale-content {
    max-width: 626px;
    width: 100%;
    margin-right: 30px
}

.v6-tknsale-content .v6-tkn-dtls ul li {
    color: var(--white)
}

.v6-tknsale-content .v6-tkn-dtls ul li:nth-child(3) {
    margin-bottom: 0
}

.v6-tknsale-content .v6-tkn-dtls ul li span {
    color: var(--border)
}

.v6-tknsale-content .v6-tkn-dtls ul li i {
    color: var(--sky-blue)
}

.v6-tknsale-content .v6-tknsale-dcption {
    margin-top: 40px
}

.v6-tknsale-content .v6-tknsale-dcption h4 {
    color: var(--white);
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    margin: 0;
    padding-bottom: 5px
}

.v6-tknsale-content .v6-tknsale-dcption p {
    color: var(--white);
    font-size: 18px;
    line-height: 1.5;
    margin: 15px 0px 0px
}

.v6-tknsale-content .v6-tknsale-dcption a {
    margin-top: 30px
}

@media screen and (max-width: 1400px) {
    .v6-roadmap-area {
        padding-bottom: 0
    }
}

@media screen and (max-width: 1199px) {
    .v6-tknsale-area .shape-02 {
        max-width: 290px
    }
}

@media screen and (max-width: 991px) {
    .v6-tknsale-area .shape-02 {
        top: auto;
        transform: translateY(0);
        bottom: 10%;
        max-width: 390px
    }
    .v6-tknsale-wrapper {
        flex-direction: column
    }
    .v6-tknsale-content {
        max-width: 100%;
        margin-bottom: 30px;
        margin-right: 0
    }
}

@media screen and (max-width: 767px) {
    .v6-tknsale-area .shape-02 {
        display: none
    }
    .v6-tknsale-content .v6-section-title {
        text-align: left
    }
    .v6-tknsale-content .column-count-2 {
        column-count: 2
    }
}

@media screen and (max-width: 575px) {
    .v6-tknsale-content .v6-section-title {
        text-align: left
    }
    .v6-tknsale-content .column-count-2 {
        column-count: 1
    }
    .v6-tknsale-content .v6-tkn-dtls ul li:nth-child(3) {
        margin-bottom: 15px
    }
    .v6-tknsale-content .v6-tknsale-dcption {
        margin-top: 25px
    }
    .v6-tknsale-content .v6-tknsale-dcption h4 {
        font-size: 20px
    }
    .v6-tknsale-content .v6-tknsale-dcption p {
        font-size: 16px;
        margin: 10px 0px 0px
    }
    .v6-tknsale-content .v6-tknsale-dcption a {
        margin-top: 20px
    }
}

.v6-roadmap-title {
    max-width: 650px;
    margin: 0 auto
}

.v6-roadmap-title .v6-section-title h4 {
    max-width: 650px;
    text-decoration: underline;
    text-underline-offset: 5px;
    text-decoration-thickness: from-font
}

.v6-roadmep-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.v6-rdmp-line {
    width: 100%;
    height: 7px;
    background: var(--sky-blue);
    border-radius: 20px;
    position: relative;
    z-index: -1
}

.v6-roadmap-items-top,
.v6-roadmap-items-bottom {
    display: grid;
    grid-gap: 25px
}

.v6-roadmap-items-top {
    grid-template-columns: repeat(4, 1fr)
}

.v6-roadmap-items-top .v6-single-rdmp-item {
    padding-bottom: 100px
}

.v6-roadmap-items-top .v6-single-rdmp-item::before {
    bottom: 0
}

.v6-roadmap-items-top .v6-single-rdmp-item .dot {
    bottom: -18px
}

.v6-roadmap-items-bottom {
    grid-template-columns: repeat(3, 1fr);
    max-width: 1020px;
    margin: 0 130px
}

.v6-roadmap-items-bottom .v6-single-rdmp-item {
    padding-top: 100px
}

.v6-roadmap-items-bottom .v6-single-rdmp-item::before {
    top: 0
}

.v6-roadmap-items-bottom .v6-single-rdmp-item .dot {
    top: -18px
}

.v6-single-rdmp-item {
    position: relative
}

.v6-single-rdmp-item::before {
    position: absolute;
    content: "";
    height: 100px;
    border: 1px dashed var(--sky-blue);
    left: 50%;
    transform: translateX(-50%)
}

.v6-single-rdmp-item .dot {
    width: 28px;
    height: 28px;
    background-color: var(--white);
    border: 7px solid var(--sky-blue);
    border-radius: 50%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9
}

.v6-rdmp-inner {
    background: var(--roadmap-item-bg);
    padding: 30px;
    text-align: center
}

.v6-rdmp-inner span {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    color: var(--sky-blue);
    line-height: 1
}

.v6-rdmp-inner p {
    font-size: 18px;
    line-height: 1.5;
    color: var(--paragraph);
    margin: 0;
    padding-top: 10px
}

@media screen and (max-width: 1199px) {
    .v6-roadmap-items-top .v6-single-rdmp-item {
        padding-bottom: 70px
    }
    .v6-roadmap-items-bottom .v6-single-rdmp-item {
        padding-top: 70px
    }
    .v6-single-rdmp-item::before {
        height: 70px
    }
}

@media screen and (max-width: 991px) {
    .v6-roadmep-wrapper {
        flex-direction: row
    }
    .v6-roadmap-items-top,
    .v6-roadmap-items-bottom {
        display: grid;
        grid-gap: 25px;
        grid-template-columns: 1fr
    }
    .v6-roadmap-items-top .v6-single-rdmp-item {
        padding-bottom: 0px;
        padding-right: 30px
    }
    .v6-roadmap-items-top .v6-single-rdmp-item .dot {
        left: auto;
        top: 50%;
        right: -13px;
        transform: translate(0, -50%)
    }
    .v6-roadmap-items-top .v6-single-rdmp-item::before {
        bottom: 50%;
        right: 0px
    }
    .v6-roadmap-items-bottom {
        max-width: 100%;
        margin: 130px 0px
    }
    .v6-roadmap-items-bottom .v6-single-rdmp-item {
        padding-top: 0;
        padding-left: 30px
    }
    .v6-roadmap-items-bottom .v6-single-rdmp-item .dot {
        top: 50%;
        left: -13px;
        transform: translate(0, -50%)
    }
    .v6-roadmap-items-bottom .v6-single-rdmp-item::before {
        top: 50%;
        left: 0
    }
    .v6-rdmp-line {
        width: 20px;
        height: auto;
        background: var(--sky-blue);
        border-radius: 20px;
        position: relative;
        z-index: -1
    }
    .v6-single-rdmp-item {
        position: relative
    }
    .v6-single-rdmp-item::before {
        height: 1px;
        width: 30px;
        left: auto;
        transform: translateX(0%)
    }
    .v6-single-rdmp-item .dot {
        width: 20px;
        height: 20px;
        border: 5px solid var(--sky-blue)
    }
}

@media screen and (max-width: 575px) {
    .v6-roadmep-wrapper {
        flex-direction: column;
        position: relative;
        max-width: 450px;
        margin: 0 auto
    }
    .v6-rdmp-line {
        width: 5px;
        z-index: 1;
        position: absolute;
        height: 100%;
        top: 0;
        left: 0
    }
    .v6-roadmap-items-top,
    .v6-roadmap-items-bottom {
        grid-gap: 20px
    }
    .v6-roadmap-items-top .v6-single-rdmp-item {
        padding: 0px 0px 0px 30px
    }
    .v6-roadmap-items-top .v6-single-rdmp-item::before {
        right: auto;
        left: 0
    }
    .v6-roadmap-items-top .v6-single-rdmp-item .dot {
        left: -7px;
        right: auto
    }
    .v6-roadmap-items-bottom {
        margin: 20px 0px 0px
    }
    .v6-roadmap-items-bottom .v6-single-rdmp-item .dot {
        left: -8px
    }
    .v6-rdmp-inner span {
        font-size: 18px
    }
    .v6-rdmp-inner p {
        font-size: 16px;
        line-height: 1.5;
        color: var(--paragraph);
        margin: 0;
        padding-top: 5px
    }
}

.v6-work-area {
    padding: 200px 0px 100px;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1
}

.v6-work-area .shape {
    position: absolute;
    content: "";
    width: 100%;
    bottom: 0;
    z-index: -1;
    left: 0
}

.work-video {
    max-width: 1000px;
    margin: 100px auto 0px
}

.work-video .thumb {
    position: relative;
    border-radius: 10px;
    overflow: hidden
}

.work-video .thumb img {
    width: 100%
}

.work-video .thumb::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: var(--clock-clr);
    opacity: .6;
    border-radius: 10px
}

.work-video p {
    text-align: center;
    color: var(--white);
    font-size: 18px;
    line-height: 1.5;
    max-width: 821px;
    margin: 40px auto 0px
}

@media screen and (max-width: 1199px) {
    .v6-work-area {
        padding: 170px 0px 100px
    }
}

@media screen and (max-width: 991px) {
    .v6-work-area {
        padding: 170px 0px 70px
    }
    .work-video {
        margin: 70px auto 0px
    }
}

@media screen and (max-width: 767px) {
    .work-video {
        margin: 50px auto 0px
    }
    .work-video p {
        margin-top: 20px
    }
    .v6-work-area {
        padding: 180px 0px 50px
    }
}

@media screen and (max-width: 575px) {
    .work-video {
        margin: 40px auto 0px
    }
    .work-video p {
        font-size: 16px
    }
}

.v6-team-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 25px
}

.single-v6-team {
    background: var(--light-gray);
    padding: 50px 30px;
    text-align: center;
    transition: all .4s ease-in-out
}

.single-v6-team:hover {
    box-shadow: 0px 30px 30px var(--pblm-crd-shadw);
    background: var(--white)
}

.single-v6-team:hover .member .shape img,
.single-v6-team:hover .member .shape svg {
    transform: scale(1.05)
}

.single-v6-team:hover .member .shape img path,
.single-v6-team:hover .member .shape svg path {
    fill: var(--sky-blue)
}

.single-v6-team .title h4 {
    margin: 0;
    line-height: 1
}

.single-v6-team .title h4 a {
    display: block;
    color: var(--clock-clr);
    font-size: 24px;
    font-weight: 500;
    line-height: 1
}

.single-v6-team .title span {
    color: var(--paragraph);
    font-weight: 400;
    font-size: 18px;
    display: block;
    line-height: 1;
    margin-top: 10px
}

.single-v6-team .member {
    margin-top: 30px;
    position: relative;
    z-index: 1
}

.single-v6-team .member img {
    border-radius: 90px 125px 85px 140px
}

.single-v6-team .member .shape {
    position: absolute;
    top: -6px;
    left: -4px;
    width: calc(100% + 20px);
    z-index: -1
}

.single-v6-team .member .shape img,
.single-v6-team .member .shape svg {
    transition: all .4s ease-in-out
}

.single-v6-team .member .shape img path,
.single-v6-team .member .shape svg path {
    transition: all .4s ease-in-out
}

.single-v6-team .social {
    margin-top: 30px
}

.single-v6-team .social a {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 1px solid var(--paragraph);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--paragraph);
    margin: 0px 6px;
    position: relative;
    z-index: 1;
    transition: all .4s ease-in-out;
    font-size: 15px
}

.single-v6-team .social a::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: var(--sky-blue);
    clip-path: circle(0.3% at 0 100%);
    border-radius: 50%;
    z-index: -1;
    opacity: 0;
    transition: all .4s ease-in-out
}

.single-v6-team .social a:hover {
    color: var(--white);
    border-color: rgba(0, 0, 0, 0)
}

.single-v6-team .social a:hover::before {
    opacity: 1;
    clip-path: circle(70.7% at 50% 50%)
}

@media screen and (max-width: 1199px) {
    .v6-team-wrapper {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media screen and (max-width: 991px) {
    .v6-team-wrapper {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media screen and (max-width: 767px) {
    .v6-team-wrapper {
        grid-gap: 20px
    }
    .single-v6-team {
        padding: 30px 20px
    }
    .single-v6-team .title h4 a {
        font-size: 20px
    }
    .single-v6-team .title span {
        font-size: 16px;
        margin-top: 6px
    }
}

@media screen and (max-width: 575px) {
    .v6-team-area .v6-section-title {
        max-width: 400px;
        margin: 0px auto 30px
    }
    .v6-team-wrapper {
        grid-template-columns: 1fr;
        max-width: 400px;
        margin: 0 auto
    }
    .single-v6-team .social {
        margin-top: 20px
    }
    .single-v6-team .social a {
        width: 30px;
        height: 30px;
        margin: 0px 5px;
        font-size: 14px
    }
}

.single-v6-blog {
    position: relative;
    border-radius: 10px;
    overflow: hidden
}

.single-v6-blog::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    background: var(--v6-blog);
    opacity: .6;
    border-radius: 10px;
    z-index: 9
}

.single-v6-blog:hover .img img {
    transform: scale(1.1) rotate(2deg)
}

.single-v6-blog:hover .content h2 a {
    text-decoration-color: var(--sky-blue) !important
}

.single-v6-blog .img img {
    transition: all .6s ease-in-out
}

.single-v6-blog .content {
    width: 100%;
    margin: 0;
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 99;
    padding: 0px 20px
}

.single-v6-blog .content h2 a {
    color: var(--white);
    text-decoration-color: var(--sky-blue) !important
}

.single-v6-blog .content .time p {
    color: var(--white)
}

.single-v6-blog .content .time span {
    background: var(--sky-blue)
}

@media screen and (max-width: 767px) {
    .single-v6-blog .content {
        bottom: 20px;
        padding: 0px 15px
    }
}

.v6-contact-area {
    background: var(--light-gray)
}

.v6-contact-wrapper {
    max-width: 700px;
    margin: 0 auto
}

.v6-contact-title h2 {
    font-weight: 700;
    color: var(--clock-clr);
    line-height: 1;
    font-size: 30px;
    margin: 0
}

.v6-contact-title p {
    line-height: 1.5;
    font-size: 18px;
    color: var(--paragraph);
    margin-top: 5px;
    max-width: 481px;
    margin-bottom: 0
}

.v6-contact-form {
    margin-top: 30px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px
}

.v6-contact-form .input-fild input {
    background: var(--white);
    border: 1px solid var(--w-light);
    margin-bottom: 20px;
    height: 52px;
    border-radius: 5px
}

.v6-contact-form .textarea textarea {
    background: var(--white);
    border: 1px solid var(--w-light);
    height: 124px;
    border-radius: 5px
}

@media screen and (max-width: 767px) {
    .v6-contact-form {
        margin-top: 20px;
        grid-template-columns: 1fr;
        grid-gap: 0px
    }
    .v6-contact-form .input-fild input {
        margin-bottom: 10px
    }
    .v6-contact-button {
        margin-top: 10px !important
    }
}

@media screen and (max-width: 575px) {
    .v6-contact-title h2 {
        font-size: 24px
    }
    .v6-contact-title p {
        font-size: 16px
    }
}

.v6-footer {
    padding: 0
}

.v6-footer::before {
    display: none
}

.v6-footer-area {
    background-color: var(--theme-6);
    padding: 70px 0px
}

.v6-footer-area .v5footer-logo .social {
    margin-top: 25px
}

.v6-footer-area .v5footer-logo .social a {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 1px solid var(--white);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    margin-right: 20px;
    position: relative;
    z-index: 1;
    transition: all .4s ease-in-out;
    font-size: 15px
}

.v6-footer-area .v5footer-logo .social a::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: var(--sky-blue);
    clip-path: circle(0.3% at 0 100%);
    border-radius: 50%;
    z-index: -1;
    opacity: 0;
    transition: all .4s ease-in-out
}

.v6-footer-area .v5footer-logo .social a:hover {
    color: var(--white);
    border-color: rgba(0, 0, 0, 0)
}

.v6-footer-area .v5footer-logo .social a:hover::before {
    opacity: 1;
    clip-path: circle(70.7% at 50% 50%)
}

.v6-footer-area .v5footer-widget-title {
    color: var(--sky-blue)
}

.v6-footer-area .v5ftr-newsltr .newsletter-widget input[type=submit],
.v6-footer-area .v5ftr-newsltr .newsletter-widget button[type=submit] {
    background-color: var(--sky-blue)
}

.v6-footer-area .footer-widget-menu li a:hover {
    color: var(--sky-blue)
}

.v6-footer-area .v5ftr-trams li a {
    color: var(--white)
}

.v6-footer-area .v5ftr-trams li a:hover {
    color: var(--white)
}

.v6-copyright-sec {
    background-color: var(--clock-clr);
    padding: 15px 0px
}

.v6-copyright-sec p {
    color: var(--white);
    text-align: center;
    font-size: 16px;
    line-height: 1.4;
    margin: 0
}

@media screen and (max-width: 1199px) {
    .v6-footer-area .v5footer-logo {
        margin-bottom: 30px
    }
    .v6-footer-area .v5ftr-trams.mb-4 {
        margin-bottom: 0 !important
    }
}

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

@media screen and (max-width: 575px) {
    .v6-footer-area {
        padding: 40px 0px
    }
    .v6-footer-area .v5footer-logo {
        margin-bottom: 0px
    }
    .v6-footer-area .v5footer-logo .social {
        margin-top: 15px
    }
    .v6-footer-area .v5footer-logo .social a {
        font-size: 15px;
        font-size: 15px
    }
    .v6-footer-area .newsletter-widget {
        margin-bottom: 0 !important
    }
}

.home-v7-tread-title-area {
    background-color: var(--theme-7)
}

.v7-header .h-menu-wrap .h-menu>li:hover>a {
    color: var(--theme-7)
}

.v7-header .h-menu-wrap .h-menu>li>a::before {
    display: none
}

.v7-header .h-menu-wrap .h-menu>li>a.active {
    color: var(--theme-7)
}

.v7-header .v5-header-right {
    padding-left: 130px
}

.v7-header-btn .signin {
    background-color: var(--light-gray);
    margin-right: -5px
}

.v7-header-btn .signin:hover {
    background-color: var(--light-gray);
    border-color: rgba(0, 0, 0, 0);
    color: rgba(0, 0, 0, 0)
}

@media screen and (max-width: 1400px) {
    .v7-header .v5-header-right {
        justify-content: flex-end;
        padding-left: 0
    }
}

.v7-hero-area {
    padding: 120px 0px
}

.v7-hero-content {
    max-width: 510px
}

.v7-hero-content .title h2 {
    color: var(--clock-clr)
}

.v7-hero-content .title h4 {
    color: var(--theme-7)
}

.v7-hero-content .title p {
    color: var(--paragraph)
}

.v7-hero-content .home-v7-timeOut>h4 {
    color: var(--clock-clr)
}

.v7-hero-content .home-v7-timeOut .counter .single-countdown-item {
    padding: 20px;
    background: rgba(0, 0, 0, 0);
    width: 110px;
    height: 110px;
    border-radius: 50%;
    position: relative;
    border-width: 3px;
    border-color: var(--theme-7)
}

.v7-hero-content .home-v7-timeOut .counter .single-countdown-item .ci-inner {
    font-size: 40px
}

.v7-hero-content .home-v7-timeOut .counter .single-countdown-item h4 {
    font-size: 16px;
    margin: 5px 0px 0px
}

@media screen and (max-width: 1199px) {
    .v7-hero-area {
        padding: 90px 0px
    }
}

@media screen and (max-width: 991px) {
    .v7-hero-area {
        padding: 70px 0px
    }
    .v7-hero-content {
        max-width: 100%;
        margin-bottom: 50px
    }
}

@media screen and (max-width: 767px) {
    .v7-hero-area {
        padding: 50px 0px
    }
    .v7-hero-content {
        margin-bottom: 30px
    }
    .v7-hero-content .home-v7-timeOut .counter .single-countdown-item {
        width: 100px;
        height: 100px
    }
    .v7-hero-content .home-v7-timeOut .counter .single-countdown-item:last-child::before {
        width: 50px;
        height: 56px
    }
    .v7-hero-content .home-v7-timeOut .counter .single-countdown-item .ci-inner {
        font-size: 34px
    }
}

@media screen and (max-width: 575px) {
    .v7-hero-content .timeOut .counter {
        grid-gap: 10px;
        display: flex;
        flex-wrap: wrap
    }
    .v7-hero-content .timeOut .counter .single-countdown-item {
        border-width: 2px;
        width: 90px;
        height: 90px
    }
    .v7-hero-content .timeOut .counter .single-countdown-item:last-child::before {
        width: 46px;
        height: 52px;
        top: -2px;
        right: -2px
    }
    .v7-hero-content .timeOut .counter .single-countdown-item .ci-inner {
        font-size: 30px
    }
}

.theme-7-clr {
    color: var(--theme-7)
}

.v7-about-area {
    background-color: var(--light-gray)
}

.v7-abt-wrapper {
    display: flex;
    justify-content: space-between
}

.v7-abt-content {
    max-width: 612px;
    width: 100%;
    margin-right: 30px
}

.v7-abt-content p {
    font-size: 18px;
    line-height: 1.5;
    color: var(--clock-clr);
    margin-bottom: 20px
}

.v7-abt-content p:last-child {
    margin-bottom: 0
}

.v7-abt-list ul {
    margin-top: 0
}

.v7-abt-list ul li {
    color: var(--theme-7)
}

.v7-abt-list ul li i {
    color: var(--theme-7)
}

.v7-abt-list a {
    margin-top: 30px
}

.abt-vdo-sec {
    position: relative;
    z-index: 1;
    border-radius: 20px;
    overflow: hidden;
    margin-top: 40px
}

.abt-vdo-sec::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: var(--abt-vdo-overlay);
    opacity: .7;
    z-index: 2
}

.abt-vdo-sec .ply-video::before,
.abt-vdo-sec .ply-video::after {
    background-color: var(--theme-7);
    z-index: -1
}

@media screen and (max-width: 1199px) {
    .v7-abt-content {
        max-width: 500px
    }
}

@media screen and (max-width: 767px) {
    .v7-abt-wrapper {
        flex-direction: column
    }
    .v7-abt-content {
        margin-right: 0
    }
    .v7-abt-list {
        margin-top: 30px
    }
    .v7-abt-list a {
        margin-top: 20px
    }
    .abt-vdo-sec {
        height: 150px;
        margin-top: 30px;
        border-radius: 10px
    }
    .abt-vdo-sec img {
        height: 100%;
        object-fit: cover
    }
}

@media screen and (max-width: 575px) {
    .v7-abt-content p {
        font-size: 16px;
        margin-bottom: 10px
    }
    .v7-abt-list {
        margin-top: 20px
    }
}

.v7-tknsale-list-wrapper {
    display: grid;
    grid-gap: 30px;
    grid-template-columns: repeat(3, 1fr)
}

.sngle-tknlist-v7 {
    background: var(--light-gray);
    padding: 40px 50px
}

.sngle-tknlist-v7 p {
    padding-left: 26px;
    position: relative;
    font-size: 24px;
    color: var(--clock-clr);
    font-weight: 600;
    line-height: 1.4;
    margin: 0
}

.sngle-tknlist-v7 p span {
    display: block;
    font-weight: 400;
    color: var(--paragraph);
    font-size: 18px;
    margin-top: 5px
}

.sngle-tknlist-v7 p i {
    position: absolute;
    color: var(--theme-7);
    left: 0px;
    font-size: 24px;
    top: 0
}

.v7-tknsale-dec-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 40px
}

.v7-tknsale-dec {
    max-width: 612px;
    width: 100%;
    margin-right: 30px
}

.v7-tknsale-dec h4 {
    font-size: 24px;
    line-height: 1;
    color: var(--clock-clr);
    font-weight: 700;
    margin-bottom: 20px
}

.v7-tknsale-dec p {
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 15px
}

.v7-tknsale-dec p:last-child {
    margin-bottom: 0
}

.b7-tkn-sale {
    padding: 0;
    background: rgba(0, 0, 0, 0);
    max-width: 500px;
    width: 100%
}

.b7-tkn-sale .v5counter .single-countdown-item {
    border-color: var(--theme-7)
}

.b7-tkn-sale .v5counter .single-countdown-item .ci-inner {
    color: var(--theme-7)
}

.b7-tkn-sale .progress {
    margin-top: 40px;
    height: 15px
}

.b7-tkn-sale .progress .progress-bar {
    background: var(--theme-7)
}

.b7-tkn-sale .progress .progress-bar span {
    color: var(--theme-7);
    font-size: 24px;
    bottom: -85px
}

.b7-tkn-sale .progress .progress-bar span::before {
    background: var(--theme-7)
}

@media screen and (max-width: 1199px) {
    .sngle-tknlist-v7 {
        padding: 30px 20px
    }
}

@media screen and (max-width: 991px) {
    .v7-tknsale-list-wrapper {
        grid-template-columns: repeat(2, 1fr)
    }
    .v7-tknsale-dec-wrapper {
        flex-direction: column
    }
    .v7-tknsale-dec {
        margin-right: 0
    }
}

@media screen and (max-width: 767px) {
    .v7-tknsale-list-wrapper {
        grid-gap: 20px
    }
    .sngle-tknlist-v7 p {
        padding-left: 20px;
        font-size: 18px
    }
    .sngle-tknlist-v7 p i {
        font-size: 20px
    }
    .sngle-tknlist-v7 p span {
        font-size: 16px
    }
    .v7-tknsale-dec-wrapper {
        margin-top: 30px
    }
}

@media screen and (max-width: 575px) {
    .v7-tkn-sale-area .v6-section-title {
        max-width: 400px;
        margin: 0px auto 30px
    }
    .v7-tknsale-list-wrapper {
        grid-template-columns: 1fr;
        grid-gap: 15px;
        max-width: 400px;
        margin: 0 auto
    }
    .v7-tknsale-dec h4 {
        font-size: 20px;
        margin-bottom: 10px
    }
    .v7-tknsale-dec p {
        font-size: 16px;
        margin-bottom: 10px
    }
    .b7-tkn-sale .progress {
        margin-top: 20px
    }
    .b7-tkn-sale .progress .progress-bar span {
        font-size: 20px;
        bottom: -68px
    }
}

.v7-roadmap-area .v6-section-title h4 {
    max-width: 692px
}

.v7roadmap-wrapper {
    position: relative
}

.v7roadmap-wrapper .owl-nav {
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    width: 100%
}

.v7roadmap-wrapper .owl-nav .owl-next,
.v7roadmap-wrapper .owl-nav .owl-prev {
    width: 40px;
    height: 40px;
    border: 1px solid var(--theme-7) !important;
    transition: all .3s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: space-around
}

.v7roadmap-wrapper .owl-nav .owl-next i,
.v7roadmap-wrapper .owl-nav .owl-prev i {
    font-size: 20px;
    color: var(--theme-7);
    transition: all .3s ease-in-out;
    line-height: 1
}

.v7roadmap-wrapper .owl-nav .owl-next:hover,
.v7roadmap-wrapper .owl-nav .owl-prev:hover {
    background: var(--theme-7) !important
}

.v7roadmap-wrapper .owl-nav .owl-next:hover i,
.v7roadmap-wrapper .owl-nav .owl-prev:hover i {
    color: var(--white)
}

.v7roadmap-wrapper .owl-nav .owl-prev {
    left: -80px;
    position: absolute
}

.v7roadmap-wrapper .owl-nav .owl-next {
    right: -80px;
    position: absolute
}

.single-rdmp-v7 {
    margin-right: 130px;
    text-align: center
}

.single-rdmp-v7 .content {
    border: 4px solid var(--theme-7);
    padding: 40px 50px;
    border-radius: 50%;
    width: 335px;
    height: 335px;
    text-align: center;
    position: relative
}

.single-rdmp-v7 .content::before {
    position: absolute;
    content: "";
    width: 270px;
    height: 240px;
    background-image: url("../img/home7/roadmap-line.svg");
    background-size: cover;
    background-position: 100% 100%;
    top: 146px;
    right: -96px
}

.single-rdmp-v7 .content h2 {
    margin: 0;
    font-size: 48px;
    line-height: 1;
    color: var(--theme-7);
    font-weight: 800
}

.single-rdmp-v7 .content p {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    margin: 10px 0px 0px
}

.single-rdmp-v7 span {
    display: block;
    margin-top: 70px;
    color: var(--theme-7);
    font-size: 24px;
    font-weight: 600;
    line-height: 1;
    padding-left: 30px
}

@media screen and (max-width: 1500px) {
    .v7roadmap-wrapper .owl-nav .owl-prev {
        left: -50px
    }
    .v7roadmap-wrapper .owl-nav .owl-next {
        right: -50px
    }
}

@media screen and (max-width: 1400px) {
    .v7roadmap-wrapper {
        text-align: center;
        display: flex !important;
        align-items: center;
        justify-content: center;
        padding: 0px 40px
    }
    .v7roadmap-wrapper .owl-nav .owl-prev {
        left: -20px
    }
    .v7roadmap-wrapper .owl-nav .owl-next {
        right: -20px
    }
    .single-rdmp-v7 {
        margin: 0px 10px
    }
    .single-rdmp-v7 .content {
        margin: 0 auto
    }
    .single-rdmp-v7 .content::before {
        display: none
    }
    .single-rdmp-v7 span {
        padding-left: 0;
        margin-top: 30px
    }
}

@media screen and (max-width: 1199px) {
    .v7roadmap-wrapper {
        padding: 0px 60px
    }
    .v7roadmap-wrapper .owl-nav .owl-prev {
        left: 0px
    }
    .v7roadmap-wrapper .owl-nav .owl-next {
        right: 0px
    }
    .single-rdmp-v7 span {
        margin-top: 20px;
        font-size: 20px
    }
}

@media screen and (max-width: 991px) {
    .v7roadmap-wrapper {
        padding: 0px 50px
    }
    .single-rdmp-v7 .content {
        border-width: 3px
    }
    .v7-roadmap-area {
        padding-top: 20px
    }
}

@media screen and (max-width: 575px) {
    .v7roadmap-wrapper {
        max-width: 350px;
        margin: 0 auto;
        padding: 0
    }
    .v7roadmap-wrapper .owl-nav {
        top: 90%;
        transform: translateY(0)
    }
    .v7roadmap-wrapper .owl-nav .owl-next,
    .v7roadmap-wrapper .owl-nav .owl-prev {
        width: 34px;
        height: 34px;
        background: var(--white) !important
    }
    .single-rdmp-v7 {
        margin: 0
    }
    .single-rdmp-v7 .content {
        border-width: 2px;
        padding: 30px;
        height: 280px;
        width: 280px
    }
    .single-rdmp-v7 .content h2 {
        font-size: 40px
    }
    .single-rdmp-v7 .content p {
        font-size: 16px;
        margin: 5px 0px 0px
    }
    .single-rdmp-v7 span {
        font-size: 18px
    }
}

.v7pblm-slutn-wrapper .single-pblm-slutn {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid var(--border)
}

.v7pblm-slutn-wrapper .single-pblm-slutn:hover {
    border-color: rgba(0, 0, 0, 0)
}

.v7-team-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 35px
}

.single-team-v7 {
    position: relative;
    text-align: center;
    padding: 50px 30px;
    z-index: 1
}

.single-team-v7::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: var(--theme-6);
    opacity: .03;
    z-index: -1
}

.single-team-v7 .img {
    max-width: 190px;
    max-height: 190px;
    border-radius: 50%;
    border: 10px solid var(--white);
    margin: 0 auto
}

.single-team-v7 .img img {
    border-radius: 50%
}

.single-team-v7 .title {
    margin-top: 35px
}

.single-team-v7 .title a {
    display: block;
    font-size: 24px;
    font-weight: 500;
    color: var(--midnight);
    line-height: 1
}

.single-team-v7 .title span {
    font-size: 18px;
    color: var(--paragraph);
    font-weight: 400;
    line-height: 1;
    margin-top: 10px;
    display: block
}

.single-team-v7 .social {
    margin-top: 35px
}

.single-team-v7 .social a {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 1px solid var(--paragraph);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--paragraph);
    margin: 0px 10px;
    position: relative;
    z-index: 1;
    transition: all .4s ease-in-out;
    font-size: 15px
}

.single-team-v7 .social a::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: var(--theme-7);
    clip-path: circle(0.3% at 0 100%);
    border-radius: 50%;
    z-index: -1;
    opacity: 0;
    transition: all .4s ease-in-out
}

.single-team-v7 .social a:hover {
    color: var(--white);
    border-color: rgba(0, 0, 0, 0)
}

.single-team-v7 .social a:hover::before {
    opacity: 1;
    clip-path: circle(70.7% at 50% 50%)
}

.unic-team .profile {
    display: flex;
    align-items: center;
    justify-content: center
}

.unic-team .profile .img {
    border-color: var(--theme-7);
    border-width: 7px;
    max-width: 110px;
    max-height: 110px;
    margin: 0px 20px 0px 0px
}

.unic-team .profile .img img {
    transform: scale(1.02)
}

.unic-team .profile .title {
    text-align: left;
    margin: 0
}

.unic-team p {
    font-size: 18px;
    line-height: 1.5;
    margin: 20px 0px 0px
}

.unic-team .social {
    margin-top: 20px
}

.v7-team-btn {
    margin-top: 50px
}

@media screen and (max-width: 1199px) {
    .v7-team-wrapper {
        grid-gap: 25px
    }
    .single-team-v7 {
        padding: 30px 20px
    }
}

@media screen and (max-width: 991px) {
    .v7-team-wrapper {
        grid-template-columns: 1fr 1fr;
        grid-gap: 25px
    }
}

@media screen and (max-width: 767px) {
    .v7-team-wrapper {
        grid-gap: 20px
    }
    .unic-team .profile .img {
        border-width: 5px;
        max-width: 80px;
        max-height: 80px;
        margin: 0px 15px 0px 0px
    }
    .unic-team p {
        font-size: 16px
    }
    .single-team-v7 .img {
        max-width: 150px;
        max-height: 150px
    }
    .single-team-v7 .title {
        margin-top: 15px
    }
    .single-team-v7 .title a {
        font-size: 20px
    }
    .single-team-v7 .title span {
        font-size: 16px;
        margin-top: 7px
    }
    .single-team-v7 .social {
        margin-top: 20px
    }
    .single-team-v7 .social a {
        width: 30px;
        height: 30px;
        margin: 0px 5px;
        font-size: 14px
    }
    .v7-team-btn {
        margin-top: 30px
    }
}

@media screen and (max-width: 575px) {
    .v7-team-wrapper {
        grid-template-columns: 1fr;
        max-width: 400px;
        margin: 0 auto
    }
}

.v7-blog-area .v6-section-title {
    max-width: 480px
}

.single-v7-blog {
    position: relative;
    z-index: 1
}

.single-v7-blog::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #dadada;
    opacity: .2;
    z-index: -1;
    transition: all .3s ease-in-out
}

.single-v7-blog:hover .img img {
    transform: scale(1.05)
}

.single-v7-blog:hover .content h2 a {
    text-decoration: none !important;
    color: var(--theme-7)
}

.single-v7-blog:hover .content>a {
    color: var(--theme-7)
}

.single-v7-blog .img {
    border-radius: 0
}

.single-v7-blog .img img {
    transform: scale(1.1)
}

.single-v7-blog .content {
    padding: 30px;
    margin: 0;
    max-width: 100%;
    position: relative;
    z-index: 2
}

.single-v7-blog .content .time {
    margin-top: 0
}

.single-v7-blog .content .time span {
    background: var(--theme-7)
}

.single-v7-blog .content h2 a {
    margin: 15px 0px;
    text-decoration: none !important
}

.single-v7-blog .content>a {
    font-size: 18px;
    color: var(--clock-clr);
    font-weight: 600;
    line-height: 1;
    transition: all .3s ease-in-out
}

@media screen and (max-width: 767px) {
    .single-v7-blog .content {
        padding: 15px
    }
    .single-v7-blog .content h2 a {
        margin: 10px 0px
    }
    .single-v7-blog .content>a {
        font-size: 17px
    }
}

.v7-footer::before {
    background: var(--theme-7);
    opacity: .1;
    z-index: -1
}

.v7-footer .v5footer-logo p {
    color: var(--paragraph)
}

.v7-footer .footer-widget-menu li a {
    color: var(--paragraph)
}

.v7-footer .footer-widget-menu li a:hover {
    color: var(--theme-7);
    opacity: 1
}

.v7-footer .v5footer-widget-title {
    color: var(--theme-7)
}

.v7-footer .v5copyright-wrapper {
    border-top: 1px solid var(--theme-7)
}

.v7-footer .v5copyright-wrapper .social a {
    color: var(--paragraph);
    border: 1px solid var(--theme-7)
}

.v7-footer .v5copyright-wrapper .social a:hover {
    color: var(--white);
    border-color: rgba(0, 0, 0, 0)
}

.v7-footer .v5copyright-wrapper .social a:hover::before {
    background: var(--theme-7)
}

.v7-footer .v5copyright-wrapper p {
    color: var(--paragraph)
}

.v7-footer .v5ftr-newsltr .newsletter-widget input[type=submit],
.v7-footer .v5ftr-newsltr .newsletter-widget button[type=submit] {
    background-color: var(--theme-7)
}

.mc-header .home-v5-header {
    background-color: var(--light-gray)
}

.mc-area .v5-section-title {
    margin-bottom: 10px
}

.mc-area .v5-section-title h2 {
    max-width: 594px
}

.mc-top-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px
}

.mc-top-bar p {
    font-size: 18px;
    line-height: 1;
    margin: 0
}

.mc-top-bar .search {
    position: relative;
    max-width: 350px;
    width: 100%
}

.mc-top-bar .search input {
    height: 52px;
    color: var(--theme-blue-dark);
    padding-right: 50px
}

.mc-top-bar .search input::-moz-placeholder {
    color: var(--theme-blue-dark)
}

.mc-top-bar .search input::placeholder {
    color: var(--theme-blue-dark)
}

.mc-top-bar .search img,
.mc-top-bar .search svg {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px
}

.mc-live table {
    border: none !important
}

.mc-live table .table-header tr {
    background-color: var(--tbl-title-bg)
}

.mc-live table .table-header tr th {
    border-bottom: inherit !important;
    padding: 17px 30px;
    font-size: 20px;
    line-height: 1;
    color: var(--midnight);
    font-weight: 600
}

.mc-live table .table-header tr th:last-child {
    width: 200px !important;
    display: block !important;
    text-align: center
}

.mc-live table .table-header tr th::before,
.mc-live table .table-header tr th::after {
    display: none
}

.mc-live table .table-body .odd {
    background-color: var(--tbl-odd-bg)
}

.mc-live table .table-body .odd td:first-child,
.mc-live table .table-body .odd td:last-child {
    background-color: var(--tbl-odd-bg)
}

.mc-live table .table-body .even td:first-child,
.mc-live table .table-body .even td:last-child {
    background-color: #fff
}

.mc-live table .table-body tr {
    position: relative;
    border-bottom: none !important
}

.mc-live table .table-body tr td {
    padding: 15px 30px;
    background-color: rgba(0, 0, 0, 0)
}

.mc-live table .table-body tr td:last-child {
    padding: 0px 30px;
    display: block !important
}

.mc-live table .table-body tr td.rank {
    width: 36px;
    height: 36px;
    background: var(--tbl-title-bg);
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center
}

.mc-live table .table-body tr td.rank h6 {
    margin: 0;
    font-size: 18px;
    font-weight: 500;
    color: var(--midnight);
    line-height: 1
}

.mc-live table .table-body tr td .currency {
    display: flex;
    align-items: center
}

.mc-live table .table-body tr td .currency img {
    margin-right: 10px;
    width: 32px
}

.mc-live table .table-body tr td .currency h6 {
    margin: 0;
    font-size: 18px;
    color: var(--midnight);
    line-height: 1
}

.mc-live table .table-body tr td .market-cap h6,
.mc-live table .table-body tr td .last-price h6,
.mc-live table .table-body tr td .volume h6,
.mc-live table .table-body tr td .change h6 {
    font-size: 18px;
    font-weight: 500;
    color: var(--midnight);
    margin: 0
}

.mc-live table .table-body tr td .change h6 {
    color: var(--change-clr)
}

.mc-live table .table-body tr td .change.decrease h6 {
    color: var(--theme-5)
}

.mc-live table .table-body tr td .graph {
    width: 190px;
    height: 100px
}

.mc-live table .table-body tr td.dtr-control:before {
    left: unset !important;
    right: 6px;
    opacity: 0
}

.mc-pagination {
    max-width: 400px;
    margin: 40px auto 0px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.mc-pagination a {
    font-size: 18px;
    font-weight: 600;
    color: var(--heading);
    line-height: 1;
    transition: all .4s ease-in-out
}

.mc-pagination a:hover {
    color: var(--theme-5)
}

.mc-pagination a:first-child,
.mc-pagination a:last-child {
    background-color: var(--tbl-odd-bg);
    padding: 12px 20px;
    border-radius: 5px
}

.mc-pagination a:first-child:hover,
.mc-pagination a:last-child:hover {
    background-color: var(--theme-5);
    color: var(--white)
}

@media screen and (max-width: 1350px) {
    .mc-live table .table-body tr td.dtr-control:before {
        opacity: 1
    }
}

@media screen and (max-width: 1199px) {
    #mc-tbl-chart .table-body tr td:first-child {
        padding-left: 40px
    }
    #mc-tbl-chart .table-body tr td.dtr-control {
        margin-right: 10px
    }
    #mc-tbl-chart .table-body tr td.dtr-control::before {
        left: 10px;
        height: 20px;
        width: 20px;
        margin-top: 0px;
        border: 0px;
        background-color: var(--theme-5);
        transform: translateY(-50%);
        box-shadow: none;
        display: flex;
        align-items: center;
        justify-content: center
    }
    #mc-tbl-chart .table-body tr td.child {
        text-align: left;
        padding: 20px 25px 10px
    }
    #mc-tbl-chart .table-body tr td.child ul {
        display: block
    }
    #mc-tbl-chart .table-body tr td.child ul li {
        padding: 15px 0
    }
    #mc-tbl-chart .table-body tr td.child ul li:last-child {
        margin-bottom: 0
    }
    #mc-tbl-chart .table-body tr td.child ul li span.dtr-title {
        margin-bottom: 6px;
        font-size: 18px;
        color: var(--midnight)
    }
}

@media screen and (max-width: 767px) {
    .mc-top-bar {
        flex-direction: column;
        margin-top: 20px
    }
    .mc-top-bar p {
        margin-bottom: 15px
    }
    .mc-top-bar .search input {
        height: 50px
    }
    .mc-top-bar .search img,
    .mc-top-bar .search svg {
        width: 20px
    }
    #mc-tbl-chart .table-header tr th {
        font-size: 18px;
        padding: 15px 30px
    }
    #mc-tbl-chart .table-body tr td {
        padding: 10px 30px
    }
    #mc-tbl-chart .table-body tr td .currency h6,
    #mc-tbl-chart .table-body tr td .market-cap h6,
    #mc-tbl-chart .table-body tr td .last-price h6,
    #mc-tbl-chart .table-body tr td .volume h6,
    #mc-tbl-chart .table-body tr td .change h6 {
        font-size: 16px
    }
    .mc-pagination {
        margin-top: 20px;
        max-width: 350px
    }
    .mc-pagination a {
        font-size: 16px;
        font-weight: 600;
        color: var(--heading);
        line-height: 1;
        transition: all .4s ease-in-out
    }
}

.mc-excange-area {
    background-color: var(--light-gray)
}

.mc-excange-area .v5-section-title {
    max-width: 745px;
    margin: 0 auto 40px
}

.mc-excange-area .v5-section-title h2 {
    max-width: 694px
}

.mc-coin-exchange-wrapper {
    max-width: 745px;
    margin: 0 auto
}

.mc-coin-exchange-wrapper .exchange-wrap {
    background-color: rgba(0, 0, 0, 0);
    box-shadow: none;
    border-radius: 0px;
    padding: 0px
}

.mc-coin-exchange-wrapper .exchange-box .currency input {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 0px
}

.mc-coin-exchange-wrapper .exchange-box .currency .select-country {
    background-color: #e5e6ed;
    color: var(--midnight);
    border-radius: 0
}

.mc-coin-exchange-wrapper .exchange-box .currency .select-country::after {
    color: var(--theme-5);
    font-size: 20px
}

.mc-coin-exchange-wrapper .exchange-currency-middle {
    width: 10%;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0
}

.mc-coin-exchange-wrapper .exchange-currency-middle button {
    padding: 0
}

.mc-coin-exchange-wrapper .exchange-currency-middle button svg path,
.mc-coin-exchange-wrapper .exchange-currency-middle button img path {
    fill: var(--theme-5)
}

.mc-coin-exchange-wrapper .change-button {
    text-align: left;
    margin-top: 30px
}

.mc-coin-exchange-wrapper .change-button .rate {
    display: none
}

.mc-coin-exchange-wrapper .change-button .ex-btn {
    height: auto;
    width: auto;
    border-radius: 0;
    background-color: var(--theme-blue-dark)
}

.mc-coin-exchange-wrapper .change-button .ex-btn:hover {
    color: var(--white);
    border-color: rgba(0, 0, 0, 0)
}

@media screen and (max-width: 767px) {
    .mc-excange-area .v5-section-title {
        margin: 0px auto 30px
    }
    .mc-coin-exchange-wrapper .exchange-currency {
        flex-direction: column;
        align-items: flex-start
    }
    .mc-coin-exchange-wrapper .exchange-currency .exchange-currency-right,
    .mc-coin-exchange-wrapper .exchange-currency .exchange-currency-left {
        width: 100%
    }
    .mc-coin-exchange-wrapper .exchange-currency-middle {
        max-width: 40px;
        margin: 12px auto
    }
    .change-button {
        margin-top: 20px
    }
}

@media screen and (max-width: 575px) {
    .mc-coin-exchange-wrapper .exchange-box .currency .select-country {
        font-size: 16px
    }
    .mc-coin-exchange-wrapper .exchange-box .currency .select-country::after {
        font-size: 18px;
        margin-top: -2px
    }
    .mc-coin-exchange-wrapper .exchange-box .currency input {
        height: 54px
    }
    .mc-coin-exchange-wrapper .exchange-currency-middle {
        margin: 6px auto
    }
    .mc-coin-exchange-wrapper .exchange-currency-middle img,
    .mc-coin-exchange-wrapper .exchange-currency-middle svg {
        width: 25px
    }
}

/*# sourceMappingURL=style.css.map */