/* @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700;800&family=Montserrat:wght@300;400;500;600;700;900&display=swap');
 */
/* Global CSS */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Montserrat', sans-serif;
}
html {
    overflow: auto;
}
html, body {
    margin: 0;
    scroll-behavior: smooth;
}
body {
    background: #000A0B;;
    box-shadow: 0px 0px 100px 0px rgba(0, 0, 0, 0.20);
    min-height: 100%;
}
a {
    transition: 0.3s;
}
a,
a:hover,
a:focus,
a:visited, 
a:link {
  text-decoration: none;
}
.btn,
.btn:focus {
  outline: none !important;
  -webkit-box-shadow: none;
          box-shadow: none;
}
img {
    max-width: 100%;
    height: auto;
}
svg {
    z-index: -1;
}

/* Font */
h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
}
.fw-300 {
    font-weight: 300;
}

.fw-400 {
    font-weight: 400;
}

.fw-500 {
    font-weight: 500;
}

.fw-600 {
    font-weight: 600;
}

.fw-700 {
    font-weight: 700;
}

.fw-900 {
    font-weight: 900;
}
.fz-16 {
    font-size: 16px;
}
.fz-18 {
    font-size: 18px;
}
.fz-20 {
    font-size: 20px;
}
.fz-22 {
    font-size: 22px;
}
.fz-24 {
    font-size: 24px;
}
.fz-26 {
    font-size: 26px;
}
.fz-28 {
    font-size: 28px;
}
.fz-30 {
    font-size: 30px;
}
.fz-32 {
    font-size: 32px;
}
.fz-36 {
    font-size: 36px;
}
.fz-42 {
    font-size: 42px;
}
.fz-48 {
    font-size: 48px;
}
.fz-52 {
    font-size: 52px;
}

/* Line-height CSS */
.lh-22 {
    line-height: 22px;
}
.lh-26 {
    line-height: 26px;
}
.lh-28 {
    line-height: 28px;
}
.lh-32 {
    line-height: 32px;
}
.lh-36 {
    line-height: 36px;
}
.lh-42 {
    line-height: 42px;
}
.lh-40 {
    line-height: 40px;
}
.lh-48 {
    line-height: 48px;
}
.lh-58 {
    line-height: 58px;
}
.lh-60 {
    line-height: 60px;
}
.lh-72 {
    line-height: 72px;
}
/* Color */
.cl-white {
    color: #ffffff;
}
.cl-C0C0C0 {
    color: #C0C0C0;
}
.cl-BDBDBD {
    color: #BDBDBD;
}
.cl-828282 {
    color: #828282;
}
.cl-green {
    color: #20BF46;
}
.gradient-bg {
    background: linear-gradient(100deg, #438A54 10.89%, #1F868D 91.99%);
}
.bg-white {
    background: #fff;
}
.collection-bg {
    background: #1B1B21;
}
/* Border radius */
.br-10 {
    border-radius: 10px;
}
.br-14 {
    border-radius: 14px;
}
.br-30 {
    border-radius: 30px;
}

/* Scrollbar CSS */
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track, ::-webkit-scrollbar-thumb {
    background: linear-gradient(100deg, #438A54 10.89%, #1F868D 91.99%);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
::-webkit-scrollbar-track {
    background: linear-gradient(100deg, #438A54 10.89%, #1F868D 91.99%);
}
::-webkit-scrollbar-thumb {
    background: linear-gradient(#00ccff,#d400d4);
}

/* Positioning */
.position-relative {
    position: relative;
}
.position-absolute {
    position: absolute;
}
.right-0 {
    right: 0;
}
.left-0 {
    left: 0;
}
.top-0 {
    top: 0;
}
.bottom-0 {
    bottom: 0;
}

/* grid css */
.grid {
    display: grid;
}
.grid-2 {
    grid-template-columns: repeat(2, 1fr);
}
.grid-3 {
    grid-template-columns: repeat(3, 1fr);
}
.grid-4 {
    grid-template-columns: repeat(4, 1fr);
}
.grid-1-2 {
    grid-template-columns: 1fr 2fr;
}
.grid-1-3 {
    grid-template-columns: 1fr 3fr;
}
.grid-2-1 {
    grid-template-columns: 2fr 1fr;
}
.grid-3-1 {
    grid-template-columns: 3fr 1fr;
}
.grid-3-3-1 {
    grid-template-columns: 3fr 3fr 1fr;
}
.g-gap-10 {
    grid-gap: 10px;
}
.g-gap-10 {
    grid-gap: 10px;
}
.g-gap-15 {
    grid-gap: 1px;
}
.g-gap-20 {
    grid-gap: 20px;
}
.g-gap-25 {
    grid-gap: 25px;
}
.g-gap-30 {
    grid-gap: 30px;
}
.g-gap-35 {
    grid-gap: 35px;
}
.g-gap-40 {
    grid-gap: 40px;
}
.g-gap-50 {
    grid-gap: 50px;
}
.g-gap-80 {
    grid-gap: 80px;
}
.g-gap-100 {
    grid-gap: 100px;
}
.g-gap-120 {
    grid-gap: 120px;
}
.g-gap-150 {
    grid-gap: 150px;
}

/* Flex css */
.flex {
    display: flex;
}
.f-gap-5 {
    gap: 5px;
}
.f-gap-10 {
    gap: 10px;
}
.f-gap-10 {
    gap: 10px;
}
.f-gap-15 {
    gap: 1px;
}
.f-gap-20 {
    gap: 20px;
}
.f-gap-25 {
    gap: 25px;
}
.f-gap-30 {
    gap: 30px;
}
.f-gap-35 {
    gap: 35px;
}
.f-gap-40 {
    gap: 40px;
}
.f-gap-50 {
    gap: 50px;
}
.f-gap-80 {
    gap: 80px;
}
.f-gap-100 {
    gap: 100px;
}
.f-gap-120 {
    gap: 120px;
}
.f-gap-150 {
    gap: 150px;
}

/* align css */
.text-center {
    text-align: center;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
.g-align-center {
    justify-items: center;
}
.g-align-start {
    justify-items: start;
}
.g-align-eng {
    justify-items: end;
}
.justify-center {
    justify-content: center;
}
.justify-between {
    justify-content: space-between;
}
.justify-end {
    justify-content: end;
}
.align-center {
    align-items: center;
}
.align-end {
    align-items: end;
}
.align-start {
    align-items: start;
}
.overflow-hidden {
    overflow: hidden;
}
.list-unstyled {
    margin: 0;
    padding: 0;
    list-style: none;
}
.cdbd-container {
    width: 85%;
    margin: 0 auto;
}
.section-padding {
    padding: 80px 0;
}

/* End defaul css */

/* Main landing page CSS */
.cdbd-template-wrapper {
    height: 100vh;
}
.crypto-bots img {
    margin: 0 auto;
}
.cb-content {
    width: 100%;
    top: 140px;
}
.crypto-bots, .cdbd-platform {
    margin-top: 60px !important;
}
.cb-content::before {
    background: linear-gradient(105deg, #438A54 7.01%, #1F868D 100%);
    mix-blend-mode: multiply;
    position: absolute;
    content: '';
    left: 0;
    z-index: 2;
    width: 100%;
    height: 260px;
    top: 0;
}
.cb-content.multiply-left::before {
    border-radius: 40px 0px 40px 40px;
}
.cb-content.multiply-right::before {
    border-radius: 40px 40px 40px 0px;
}
.cb-inner-content {
    z-index: 999;
    width: 80%;
    margin: 0 auto;
    flex-direction: column;
}
.cb-inner-content h2 {
    margin-top: 15px;
    margin-bottom: 5px !important;
}
.home-anim {
    position: absolute !important;
    left: 120px !important;
    top: -50px !important;
    animation: 5s spin infinite linear;
}
.moon.home-anim {
    left: auto !important;
    right: 120px;
}
@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

@media (min-width:1706px) {
    .cb-content {
        top: 250px;
    }
}

/* Button CSS */
.cdbd-btn {
    border: 2px solid rgba(0, 255, 106, 0.6);
    margin-top: 15px;
}
.cdbd-btn::before {
    content: '';
    position: absolute;
    width: 105%;
    height: 105%;
    background: linear-gradient(#00ccff,#d400d4);
    animation: cdbdBtn 4s linear infinite;
}
.cdbd-btn::before {
    border-radius: 30px;
}
.cdbd-btn.br-10::before {
    border-radius: 10px;
}
.cdbd-btn:hover {
    background: linear-gradient(#00ccff,#d400d4);
    border-color: transparent;
}
.cdbd-btn::after {
    content: '';
    position: absolute;
    inset: 2px;
    background: linear-gradient(96deg, #438A54 23.47%, #1F868D 90.07%);
}
.cdbd-btn::after {
    border-radius: 30px;
}
.cdbd-btn.br-10::after {
    border-radius: 10px;
}
.cdbd-btn a {
    z-index: 2;
    display: block;
    padding: 10px 25px;
}
.cdbd-btn a span {
    padding-left: 5px;
    letter-spacing: 0.22px;
}
@keyframes cdbdBtn {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.header-mobile-btn {
    margin-left: 20px;
}
.header-mobile-btn .cdbd-btn {
    width: auto;
    margin-top: 0;
}
.header-mobile-btn .cdbd-btn a {
    padding: 10px 20px;
    color: #fff !important;
}
.header-mobile-btn .cdbd-btn a:hover {
    color: #fff !important;
}
.cdbd-btn.btn-large {
    width: 240px;
    letter-spacing: 0.2px;
    line-height: 26px;
}
.cdbd-btn.btn-large span.btn-symbol {
    display: inline-block;
}
.cdbd-btn.btn-large span.btn-symbol svg {
    left: 20px;
    margin: auto;
    z-index: 1;
}
.cdbd-btn.btn-large a span {
    padding-left: 15px;
}
/* End button css */


/* Home1 Header */
.cdbd-wrapper {
    overflow-y: hidden;
    overflow-x: hidden;
}
.site-header {
    padding: 20px 0;
}

/* Menu CSS */
.nav-list {
    justify-content: end;
}
.main-navber ul li {
    position: relative;
}
.main-navber ul li.active::after, .main-navber ul li:hover ul.sub-menu {
    position: absolute;
    left: 0;
}
.main-navber ul li.active::after {
    bottom: 0;
    height: 2px;
    width: 20px;
    background: #438A54;
    content: "";
    right: 0;
    margin: 0 auto;
    border-radius: 100px;
}
.main-navber ul li:hover ul.sub-menu {
    display: block !important;
    width: 250px;
    background: linear-gradient(180deg, #1B4058 0%, #2A4774 100%);
    z-index: 9;
}
.main-navber ul li a {
    display: inline-block;
    color: #828282;
    font-size: 18px;
    letter-spacing: 0.18px;
    padding: 10px;
}
.main-navber ul li a:hover, .main-navber ul li.active a {
    color: #438A54 !important;
}
.main-navber ul li.active a {
    font-weight: 600;
}
.main-navber ul li ul.sub-menu li {
    border-top: 1px solid #0C5A59;
    border-bottom: 1px solid #0C5A59;
}
.nav-list ul.sub-menu li:last-child {
    border: none;
}
.main-navber ul ul.sub-menu, .nav-mobile {
    display: none;
}
/* Menu CSS end */

/* Hero CSS */
.hero-inner-content h1 {
    width: 540px;
}
.line-border {
    margin-bottom: 70px;
}
.line-border svg {
    bottom: -50px;
    right: 20px;
}
.hero-inner-content p {
    letter-spacing: 0.24px;
    margin-bottom: 50px;
}
.hero-area {
    align-self: center;
    padding: 60px 0;
}
.hero-inner-left {
    grid-area: auto;
    align-self: center;
    justify-self: center;
}
.hero-img img {
    margin-top: -70px;
}
svg.hero--right-svg {
    right: -110px;
    top: -100px;
    fill: #00ECFF;
    filter: blur(50px);
}
/* Countdown CSS */
.herofuns p, .herofuns p span {
    letter-spacing: 0.3px;
    color: #F3F3F3;
}
.herofuns p span.count-plus {
    color: #D5F70A;
}
.count-text {
    display: block;
    letter-spacing: 0.16px !important;
}

/* Sponsors CSS */
.sponsor-wrap {
    background: #001F22;
    padding: 20px;
}

/* Content block */
.content-block-img img {
    padding: 10px;
    border: 5px solid rgba(0, 255, 106, 0.6);
}
.content-block-img img.BigImage {
    width: 60%;
}
.content-block-img img.SmallImage {
    bottom: -90px;
    right: 65px;
    width: 50%;
}
.content-block-img svg {
    left: -215px;
    top: -160px;
}
.content-inner-content h2 {
    letter-spacing: 0.52px;
}
.content-inner-content p {
    letter-spacing: 0.26px;
    margin-bottom: 35px;
}
.content-inner-content .line-border svg {
    right: 40%;
    bottom: -35px;
}

/* collection css */
.single-collection {
    padding: 20px;
    backdrop-filter: blur(6.8717498779296875px);
}
.collection-img {
    display: inline-block;
}
.heart-reaction {
    padding: 5px 15px;
    color: #1D1D23;
    right: 20px;
    top: 20px;
}
.collection-meta {
    color: rgba(238, 238, 238, 0.70);
}
.time-wrap, .views {
    letter-spacing: 0.165px;
}
.collection-meta {
    margin: 10px 0 3px;
}
.collection-title {
    margin-top: 10px;
}
.collection-title h5 {
    margin-bottom: 8px;
}
.collection-lists {
    margin-top: 40px;
}
.heart-reaction span, .collection-title h5, .collection-title h3 {
    letter-spacing: 0.192px;
}
svg.collection-svg-top {
    opacity: 0.6;
}
svg.collection-svg-bottom, svg.collection-svg-top {
    fill: #00ECFF;
}
.button-loadmore {
    margin-top: 50px;
}


/* FAQs CSS */
.faq-wrapper h2 {
    margin-bottom: 50px;
}
.faq-accordion-main {
    padding: 20px;
    line-height: 1.6;
}
.faq-accordion-content {
    margin: 0;
}
.faq-accordion-heading {
    padding: 10px 20px;
    display: block;
    background: #000A0B;
}
.faq-accordion-heading::after, .faq-accordion-content::before {
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    left: -1px;
    border-radius: 10px;
    padding: 1px 1px;
    z-index: -1;
    background: linear-gradient(100deg, #438A54 10.89%, #1F868D 91.99%);
}
.faq-accordion-heading.active::after {
    top: 31px;
}
.faq-accordion-heading::after {
    top: 28px;
}
.faq-accordion-content::before {
    top: -1px;
    padding: 2px 1px;
    left: -1px;
}
.faq-accordion-content {
    background: #000A0B;
    border-radius: 0 0 10px 10px;
    padding: 35px 28px 20px;
    margin-top: -15px;
}
.faq-accordion-heading.active::before, .faq-accordion-heading::before, .faq-accordion-heading.active::after, .faq-accordion-heading::after {
    -webkit-transition: 0.3s linear all;
    -moz-transition: 0.3s linear all;
    -ms-transition: 0.3s linear all;
    -o-transition: 0.3s linear all;
    transition: 0.3s linear all;
    -webkit-transform: translateY(-50%) rotate(360deg);
    -moz-transform: translateY(-50%) rotate(360deg);
    -ms-transform: translateY(-50%) rotate(360deg);
    -o-transform: translateY(-50%) rotate(360deg);
    transform: translateY(-50%) rotate(360deg);
    scroll-behavior: smooth;
}
.faq-accordion-heading::before {
    right: 20px;
    top: 50%;
    content: "+";
    position: absolute;
}
.faq-accordion-heading span {
    right: 20px;
    top: 10px;
}
.faq-accordion-heading span, .faq-accordion-heading.active::before {
    display: none;
}
.faq-accordion-heading.active span {
    display: block;
}
.faq-accordion-heading.active {
    background: linear-gradient(100deg, #438A54 10.89%, #1F868D 91.99%);
    border-radius: 10px 10px 0 0;
    position: relative;
    z-index: 2;
}
svg.faq-svg {
    bottom: -250px;
    left: -300px;
}

/* Newsletter CSS */
.newsletter-wrapper {
    margin-bottom: 80px;
}
.newsletter-form {
    padding: 50px;
}
.newsletter-info {
    width: 70%;
    margin: 0 auto;
    padding: 5px;
    margin-top: 30px;
}
.newsletter-form input[type="email"] {
    width: 100%;
    padding: 15px;
    outline: none;
    border: none;
}
.newsletter-form input[type="email"]::placeholder {
    color: #BDBDBD;
}
.newsletter-form .cdbd-btn {
    margin-top: 0;
    width: 154px;
    height: 60px;
}
.newsletter-form .cdbd-btn button.btn span {
    z-index: 1;
    padding-top: 15px;
}
.newsletter-form .cdbd-btn button.btn {
    cursor: pointer;
    height: 60px;
}


/* Footer CSS */
.footer-svg {
    right: -110px;
    bottom: -50px;
    fill: #8F00FF;
}
.footer-logo img {
    width: 300px;
    margin-bottom: 30px;
}
.widget-title {
    margin-bottom: 30px;
}
.footer-info {
    margin-bottom: 25px;
}
.site-footer {
    padding: 50px 0;
}
.footer-navs ul li a:hover {
    color: #438A54;
}

/* crpto both page  */
.road-map-area {
    color: #fff;
    padding-top: 80px;
}

.map-item {
    display: flex;
    gap: 30px;
    align-items: center;
}

.map-single-item span {
    display: block;
    font-size: 18px;
    font-weight: 700;
    line-height: 140%;
    margin-bottom: 47px;
}

.map-content {
    padding: 30px 35px;
    padding-right: 24px;
    border: 1px solid #48DBFB;
    border-radius: 50px;
    margin-bottom: 45px;
}

.map-content p {
    font-weight: 700;
    font-size: 18px;
    line-height: 140%;
}

.map-chart-wrap {
    margin: 0 auto;
    width: 800px;
    position: relative;
    z-index: 1;
}

.chart-border img {
    position: absolute;
    left: 49%;
    top: 0px;
    height: 680px;
}

.road-map-tittle {
    text-align: center;
}

.road-map-tittle h2 {
    font-size: 52px;
    font-weight: 700;
    line-height: 140%;
    margin-bottom: 53px;
}

a.map-btn {
    display: inline-block;
    color: #1FCECC;
    font-size: 26px;
    font-weight: 700;
    line-height: 140%;
    border: 1px solid;
    padding: 10px 25px;
    border-radius: 50px;
}

.map-right-item {
    padding-left: 40px;
}
.content-right-img img {
    width: auto;
    height: 500px;
}
.content-right-img {
    text-align: center;
}

/* Responsive Tablet and mobile CSS */
@media (max-width: 992px) {
    .cdbd-container, .cb-content, .cb-inner-content, .nav-list a, .main-navber ul li:hover ul.sub-menu, .newsletter-info {
        width: 100%;
    }
    .hero-inner-content h1, .cdbd-btn.btn-large, .footer-logo img {
        width: auto;
    }
    .collection-details a.btn, .heart-reaction, .button-loadmore a.btn {
        font-size: 16px;
    }
    .hero-inner-content h1, .collection-left h2, .content-inner-content h2, .faq-wrapper h2 {
        font-size: 35px;
    }
    .herofuns p, .content-inner-content p, .hero-inner-content p, .faq-accordion-heading  {
        font-size: 20px;
    }
    .nav-mobile, svg.hero--right-svg, .footer-svg {
        right: 0;
    }
    .nav-mobile, .nav-mobile a span, .nav-mobile a span:before, .nav-mobile a span:after, .nav-mobile a {
        display: block;
    }
    .nav-mobile, .nav-list, .nav-mobile a span, .nav-mobile a span:before, .nav-mobile a span:after {
        position: absolute;
    }
    .main-navber ul li a.btn, .widget-area > .widget {
        text-align: center;
    }
    .content-inner-content p, .hero-inner-content p {
        line-height: 30px;
    }
    .nav-list, .footer-info br, .collection-left h2 br {
        display: none;
    }
    .nav-mobile a span, .nav-mobile a span:before, .nav-mobile a span:after {
        cursor: pointer;
        border-radius: 1px;
        height: 3px;
        width: 35px;
        background: #ffffff;
        content: '';
        transition: all 300ms ease-in-out;
        left: 0;
    }
    .cb-content {
        top: 50px;
    }
    .nav-mobile a span:before {
        top: -10px;
    }
    .nav-mobile a span:after {
        bottom: -10px;
    }
    .main-navber ul li.active::after {
        left: 10px;
        right: auto;
    }
    .nav-mobile {
        top: -15px;
        background: transparent;
        height: 30px;
        width: 35px;
    }
    .nav-list {
        background: linear-gradient(180deg, #1B4058 0%, #2A4774 100%);
        width: 100vw;
        right: -15px;
        top: 15px;
        z-index: 5;
        padding: 0 10px 10px;
    }
    .main-navber ul li {
        border-top: 1px solid #0C5A59;
    }
    .collection-left {
        width: 50%;
    }
    .cdbd-btn.btn-large {
        letter-spacing: 0.2px;
        line-height: 26px;
    }
    .hero-inner-content h1 {
        line-height: 48px;
    }
    .content-inner-content h2 {
        line-height: 50px;
    }
    .collection-left h2 {
        line-height: 52px;
    }
    .cb-inner-content h2 {
        font-size: 35px;
        line-height: 40px;
    }
    .collection-title h3 {
        font-size: 22px;
    }
    .faq-accordion-content {
        font-size: 18px;
        line-height: 30px;
    }
    .newsletter-form h2 {
        font-size: 30px;
        line-height: 45px;
    }
    .cdbd-main {
        grid-gap: 50px;
    }
    .widget-area {
        grid-template-columns: 1fr;
    }
    .collection-lists.grid {
        grid-template-columns: 1fr 1fr;
    }
    .site-header .cdbd-container > .grid {
        grid-template-columns: 2fr 1fr;
    }
    .nav-mobile a {
        padding: 15px 18px;
    }
    .cdbd-container {
        margin: 0 auto;
        padding: 0 15px;
    }
    .faq-accordion-content {
        padding: 30px 20px 15px;
    }
    .heart-reaction {
        padding: 3px 10px;
    }
    .cdbd-btn.btn-large a span {
        padding-left: 20px;
    }
    .cdbd-btn a {
        padding: 10px 15px;
    }
    .section-padding {
        padding: 50px 0;
    }
    .header-mobile-btn {
        margin-left: 0;
    }
    .hero-inner-content p {
        margin-bottom: 40px;
    }
    .widget-area > .widget {
        margin-bottom: 50px;
    }
    .footer-info {
        margin-bottom: 10px;
    }
    .footer-logo img {
        margin-bottom: 15px;
    }
     .content-inner-content h2 br {
        display: none;
    }
}

@media (max-width: 767px) {
    .cdbd-main, .content-block {
        grid-template-columns: 1fr;
    }
    .cb-content p, .cb-inner-content p, .footer-navs ul li a, .footer-info {
        font-size: 16px;
    }
    .faq-accordion-heading span, .newsletter-form h2 {
        font-size: 20px;
    }
    .header-mobile-btn .cdbd-btn a {
        font-weight: 400;
    }
    .hero-area, .collection-content > div {
        display: block;
    }
    .content-inner-content .line-border svg, .line-border svg {
        right: 0;
    }
    .newsletter-form h2, .footer-navs ul li {
        line-height: 30px;
    }
    .newsletter-form .cdbd-btn, .newsletter-form .cdbd-btn button.btn {
        height: 45px;
    }
    .header-mobile-btn .cdbd-btn a, .cdbd-btn a {
        padding: 10px 10px;
    }
    .sponsor-wrap, .newsletter-form input[type="email"]  {
        padding: 10px;
    }
    .content-inner-right {
        padding-top: 120px;
    }
    .hero-inner-content p, .content-inner-content p, .faq-wrapper h2 {
        margin-bottom: 20px;
    }
    .single-collection, .button-loadmore {
        margin-top: 20px;
    }
    .cdbd-template-wrapper {
        height: auto;
    }
    .cdbd-main {
        grid-gap: 350px;
    }
    .line-border svg {
        bottom: -35px;
        margin: 0 auto;
    }
    .collection-left {
        width: 100%;
    }
    .faq-accordion-heading::after {
        top: 23px;
    }
    .faq-accordion-heading.active::after {
        top: 25px;
    }
    .faq-accordion-heading span {
        top: 2px;
    }
    .footer-info {
        line-height: 25px;
    }
    .newsletter-form .cdbd-btn {
        width: 130px;
    }
    .section-padding, .hero-area {
        padding: 30px 0;
    }
    .faq-accordion-heading {
        padding: 5px 10px;
    }
    .newsletter-form {
        padding: 20px;
    }
    .newsletter-form .cdbd-btn button.btn span {
        padding-top: 7px;
    }
    .site-footer {
        padding: 20px 0;
    }
    .hero-inner-content h1 {
        margin-bottom: 50px;
    }
    .content-inner-content h2 {
        margin-bottom: 40px;
    }
    .hero-inner-right {
        margin-top: 70px;
    }
    .newsletter-info {
        margin-top: 15px;
    }
    .widget-area > .widget {
        margin-bottom: 30px;
    }
    .widget-title {
        margin-bottom: 10px;
    }
    /* crypto area start */
    .road-map-area {
        padding-top: 30px;
    }
    .road-map-tittle h2 {
        font-size: 40px;
        margin-bottom: 35px;
    }
    .map-chart-wrap {
        margin: 0 auto;
        width: auto;
    }
    .chart-border {
        display: none;
    }
    .map-item {
        flex-direction: column;
    }
    .map-single-item span {
        margin-bottom: 15px;
    }
    .map-content {
        padding: 20px 35px;
        margin-bottom: 30px;
    }
    .map-content p br {
        display: none;
    }
    .map-right-item {
        padding-left: 0;
    }
    .exclusive-bundles .content-inner-right {
        padding-top: 30px;
    }
    .content-right-img img {
        width: auto;
        height: auto;
    }
    .content-right-img {
        padding-top: 60px;
    }
}