/* @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 */


/* Header CSS  */
.main-navigation a {
    color: #000;
    font-weight: 500;
    padding: 10px;
}

.main-navigation ul {
    gap: 15px;
}

.main-navigation .current_page_item a, .main-navigation a:hover {
    color: #1400FF;
}

.cdbd-btn {
    display: inline-block;
    background: #1400FF;
    color: #fff;
    padding: 10px 20px;
}

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

.header-right-btn {
    width: 140px;
}

body {
    background: #04c7f70d;
}

.site-header {
    padding: 10px 0;
}

.site-footer {
    background: #0074d9;
    padding: 50px 0 15px;
}

.site-footer, .site-footer a {
    color: #fff;
}

.site-info {
    padding: 15px 0 0;
    border-top: 1px solid #ffffff45;
    margin-top: 20px;
}


/* 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;
}


/* 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, .logo img, .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;
    }
    .logo img {
        height: 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;
    }
}

@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;
    }
}