/*@font-face {*/
/*    font-family: "Univers LT Std 55 Roman";*/
/*    src: local("Univers LT Std 55 Roman"),*/
/*    url("../fonts/Univers LT Std 55 Roman.otf") format("truetype");*/
/*    font-style: normal;*/
/*    font-weight: 400;*/
/*    font-display: swap;*/
/*}*/

:root{
    --black: #000000;
    --color-eeeeee : #eeeeee;
    --color-1776E3 : #1776E3;
    --color-65B042 : #65B042;
    --color-F3F3F3 : #F3F3F3;
    --color-AA58B1 : #AA58B1;
    --color-EC5C3D : #EC5C3D;
    --color-E9E9E9 : #E9E9E9;
    --color-9A9A9A : #9A9A9A;
    --color-0065F2 : #0065F2;
    --color-808080 : #808080;
    --color-549237 : #549237;
    --color-cdcdcd : #cdcdcd;
    --color-323031 : #323031;
    --color-252429 : #252429;
    --color-E0E0E1 : #E0E0E1;
    --color-FFFFFF : #FFFFFF;

    /* dark mode  */

    --drk-F3F3F3: #252429;
    --drk-black: rgba(238, 238, 238, 0.93);
    --drk-E9E9E9: #353438;
    --drk-black: #F3F3F3;
    --drk-252429: #F3F3F3;
    --drk-eeeeee: #000000;




}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html {
    scroll-behavior: smooth;
    font-size: 16px;

}
/* clears the ‘X’ from Internet Explorer */
input[type=search]::-ms-clear { display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal { display: none; width : 0; height: 0; }

/* clears the ‘X’ from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }

/* body tag style */
body {
    font-family: sans-serif;
}
input:focus,a:focus {
    outline-width: 1px;
    outline-color: #000000;
  }
.dark p{
    color: var(--drk-black);
}
.dark footer p{
    color: #808080;
}
.dark footer svg path{
    fill: #000000;
}
.dark .yt-middle{
    fill: #eeeeee;
}
/* ::-webkit-scrollbar {
    display: none;
} */
.source-code-pro {
    font-family: 'Source Code Pro',sans-serif;
    font-style: normal;
}
.univers-lt-std{
    font-family: 'Univers LT Std',sans-serif;
    font-style: normal;
}
.caveat-brush{
    font-family: 'Caveat Brush',sans-serif;
    font-style: normal;
}
.header {
    padding: 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    /* background: var(--color-F3F3F3); */
    background: linear-gradient(180deg, #F3F3F3 0%, #F3F3F3 21.88%, rgba(243, 243, 243, 0) 100%);

}
.dark .header{
    /* background: var(--drk-F3F3F3);  */
    background: linear-gradient(180deg, var(--drk-F3F3F3) 0%, rgba(37, 36, 41, 0.72) 52.08%, rgba(37, 36, 41, 0) 100%);

}
.sticky-header{
    background: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.2) 0 0 1.4375rem;
}

/* basic */
.font-w300 { font-weight: 300; }
.font-w400 { font-weight: 400; }
.font-w500 { font-weight: 500; }
.font-w600 { font-weight: 600; }
.font-w700 { font-weight: 700; }
.font-w800 { font-weight: 800; }
.font-w900 { font-weight: 900; }
.flex {  display: flex; }
.block {  display: block; }
.left {  float: left; }
.right {  float: right; }
.w-100{ width: 100%;}
.h-100{ height: 100%;}
.h-80{ height: 80%;}
.w-50{ width: 50%;}
.content-with-img-bg .w-61{ width: 61%;}
.w-25{ width: 25%;}
.w-35{ width: 35%;}
.w-40{ width: 40%;}
.opacity20 { opacity: 0.20;}
.opacity50 { opacity: 0.50;}
.opacity60 { opacity: 0.6;}
.mt100 { margin-top: 6.25rem;}
.mt30 { margin-top: 1.875rem;}
.mx-auto { margin: 0 auto;}
.mb-200{margin-bottom: 6.25rem;}
.mb-8{margin-bottom: 0.5rem;}
.mb-2r{margin-bottom: 2rem;}
.hidden{    display: none; }
.relative{position: relative;}
.text-black{  color: var(--black);}
.dark .text-black{color: var(--drk-black);}
.fill-black{  fill: var(--black);}
.dark .fill-black{fill: var(--drk-black);}
.text-eee{  color: var(--color-eeeeee);}
.dark .text-eee{ color: var(--drk-eeeeee);}
.dark .header-notification .text-eee{ color: var(--color-eeeeee);}
.text-AA58B1{  color: var(--color-AA58B1);}
.text-EC5C3D{  color: var(--color-EC5C3D);}
.text-65B042{  color: var(--color-65B042);}
.text-1776E3{  color: var(--color-1776E3);}
.text-0065F2{  color: var(--color-0065F2);}
.text-9A9A9A{  color: var(--color-9A9A9A);}
.text-808080{  color: var(--color-808080);}
.text-E9E9E9{  color: var(--color-E9E9E9);}
.bg-F3F3F3{  background: var(--color-F3F3F3)}
.dark.bg-F3F3F3{ background: var(--drk-F3F3F3)}
.dark .bg-F3F3F3{ background: var(--drk-F3F3F3)}
.z9{z-index: 9;}
.text-center{text-align: center;}
.text-end{justify-content: end;}
.my-auto{margin: auto 0;}
.pointer{cursor: pointer;}
.bg-1776E3{ background: var(--color-1776E3)}
.bg-E9E9E9 { background: var(--color-E9E9E9)}
.dark .bg-E9E9E9{ background: var(--drk-E9E9E9)}
.bg-black{ background: #000}
.dark .bg-black{background: var(--drk-black)}
.pt-1{padding-top: 0.38rem;}
.p-1-5{padding: 0.25rem;}
.p-2{padding: 0.5rem;}
.ml-1{margin-left: 0.25rem;}
.ml-2{margin-left: 0.5rem;}
.ml-3{margin-left: 0.75rem;}
.mr-2rem{margin-right:2rem;}
.mt-1{margin-top: 0.25rem;}
.mt-1-5{margin-top: 0.38rem;}
.mt-2{margin-top: 0.5rem;}
.mt-4{margin-top: 1rem;}
.mb-4{margin-bottom: 1rem;}
.mt-6{margin-top: 1.5rem;}
.mt-8{margin-top: 2rem;}
.pb-4{padding-bottom: 1rem;}
.text-decoration-none{text-decoration: none}
.letter-spacing-1 {letter-spacing: -1px;}
.letter-spacing2 {letter-spacing: 2px;}
.letter-spacing_0_2px {letter-spacing: 0.2px;}
.letter-spacing_0_1px {letter-spacing: 0.1px;}
.text-uppercase {text-transform: uppercase;}
.line-height-1-5rem { line-height: 1.5rem;}
.line-height-2rem { line-height: 2rem;}
.font-1_5rem{
    font-size: 1.5rem;
}
.list-style-none{
    list-style: none;
}




.main-area{
    padding-top: 5.1875rem;
    padding-bottom: 5.1875rem;
}
/* container style */
.container {
    width: 100%;
    position: relative;
    max-width: 86.25rem;
    margin: 0 auto;
    padding-right: 1rem;
    padding-left: 1rem;
}
.container-content {
    width: 100%;
    position: relative;
    max-width: 72rem;
    margin: 0 auto;
    padding-right: 1rem;
    padding-left: 1rem;
}
.font-14{
    font-size: 0.625rem;
}
.font-10{
    font-size: 0.625rem;
}
.font-14-5{
    font-size: 0.75rem;
}
.font-16{
    font-size: 0.8rem;
}
/* end basic*/
.font-fifty-six{
    font-size: 1.35rem;
    line-height: 1.8rem;
    transform: scaleY(1.1);
    letter-spacing: -1px;
}
.font-sixty-five{
    font-size: 1.6rem;
    line-height: 1.92rem;
    transform: scaleY(1.1);
    letter-spacing: -1px;
}
.font-forty-eight{
    font-size: 1.5rem;
    line-height: 1.8rem;
    transform: scaleY(1.1);
    letter-spacing: -1px;
}
.font-eighteen{
    font-size: 0.625rem;
    line-height: 0.875rem;
}
.font-size-forty{
    font-size: 1.5rem;
    line-height: 1.8rem;
    transform: scaleY(1.1);
    letter-spacing: 0.2px;
}
/* Header -------------------------------*/
/* Header Nav */
.header-menu-line{
    height: 0;
    border-bottom: 1px solid black;
    width: 1.5rem;
    margin-top: 0.25rem;
    /*background: #9A9A9A;*/
    /*background: #000;*/
}
.header-menu-line:first-child{
    margin-top: 0;
}
.header-menu-button{
    display: block;
    cursor: pointer;
}
.header-logo{
    display: flex;
    align-items: center;
}
.header-logo-container{
    display: flex;
    gap: 1rem;
    align-items: center;
}
.error-icon{
    width: 0.825rem;
}
.header-logo-img{
    width: 100%;
    object-fit: scale-down;
}
.header-logo-svg{
    width: 150px;
    height: 20px;
}
.banner-bg-img{
    width: 100%;
    object-fit: cover;
}
.nav{
    width: 100%;
    /*border-bottom: 0.3125rem solid var(--lightgray);*/
    position: relative;
}
.nav-area{
    max-width: 86.3rem;
    margin: 0 auto;
    padding: 2rem 0;
    /*position: relative;*/
    background: transparent;
}
.mobile-nav-area{
    max-width: 120rem;
    margin: 0 auto;
    padding: 1.75rem 1.1875rem 1.875rem;
    position: relative;
}
.header-menu{
    display: none;
}
.header-menu-button{
    display: block;
}
.header-menu-ul{
    display: flex;
    list-style: none;
    gap: 1.5625rem;
    font-size: 1rem;
    line-height: 17px;
    letter-spacing: 0.1px;
    text-transform: uppercase;
}
.menu-li-a{
    text-decoration: none;
}
.menu-li-a--active{
    color: var(--color-AA58B1);
}
.header-content{
    display: flex;
    justify-content: space-between;
}
.banner-container{
    display: flex;
}
.banner{
    max-width: 40.625rem;
    margin: 9.2rem auto 4.5rem auto;
}
.banner-bg{
    justify-content: space-between;
    display: flex;
    position: absolute;
    z-index: -9;
    width: 100%;
    margin-top: 2rem;
    max-height: 48rem;
}

.dark .banner-bg-home-left{
    background-image: url("/images/Security 2-dark.webp");
}
.dark .banner-bg-home-right{
    background-image: url("/images/Security 1-dark.webp");
}
.banner-bg-home-left{
    background-image: url("/images/Security 2.webp");
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
}
.banner-bg-home-right{
    background-image: url("/images/Security 1.webp");
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
}
.dark .banner-bg-start-left{
    background-image: url("/images/Genesis3.webp");
}
.dark .banner-bg-start-right{
    background-image: url("/images/Genesis4.webp");
}
.banner-bg-start-left{
    background-image: url("/images/Genesis1.webp");
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
}
.banner-bg-start-right{
    background-image: url("/images/Genesis2.webp");
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
}

.dark .banner-bg-left:after{
    background: linear-gradient(270deg, var(--drk-F3F3F3) 0%, rgba(37, 36, 41, 1) 16.08%, rgba(37, 36, 41, 0.4) 47%);
    width: 50%;
}
.dark .banner-bg-right:after{
    background: linear-gradient(90deg, var(--drk-F3F3F3) 21%, rgba(37, 36, 41, 0.6) 56.08%, rgba(37, 36, 41, 0.00) 100%);
}

.dark .banner-bg:before{
    background: linear-gradient(180deg, var(--drk-F3F3F3) 0%, rgba(37, 36, 41, 0.72) 35.08%, rgba(37, 36, 41, 0.00) 66%);
}
.dark .banner-bg:after{
     background: linear-gradient(180deg, var(--drk-F3F3F3) 0%, rgba(37, 36, 41, 0.72) 35.90%, rgba(37, 36, 41, 0.00) 66%);
}

.banner-bg:before{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(180deg, #F3F3F3 0%, rgba(243, 243, 243, 0.2) 61.08%, rgba(243, 243, 243, 0.1) 45%);
    z-index: 2;
}
.banner-bg:after{
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 22%;
    background: linear-gradient(180deg, #F3F3F3 0%, rgba(243, 243, 243, 0.848958) 31.9%, rgba(243, 243, 243, 0) 64%);
    transform: matrix(1, 0, 0, -1, 0, 0);
}
.banner-bg-left,.banner-bg-right{
    width: 40%;
}
.banner-bg-left{
    height: 24rem;
    position: relative;
}
.banner-bg-right{
    height: 24rem;
    position: relative;
}
.banner-bg-left:after{
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    width: 65%;
    height: 100%;
    background: linear-gradient(270deg, #F3F3F3 0%, rgba(243, 243, 243, 0.5) 94%, rgba(243, 243, 243, 0) 100%);
}
.banner-bg-right:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 55%;
    height: 100%;
    background: linear-gradient(90deg, #F3F3F3 0%, rgba(243, 243, 243, 0.6) 56%, rgba(0, 0, 0, 0) 72%);
    /*transform: matrix(0, 1, 1, 0, 0, 0);*/
}
.banner-a-width-home{
    width: 11rem;
}
.banner-a-width-start{
    width: 6rem;
}
.banner-a-width-career{
    width: 11rem;
}
.banner-a-container{
    display: inline-flex;
    position: relative;
    border: 3px solid var(--color-65B042);
    height: 2rem;
    margin-top: 2rem;
}
.banner-a{
    position: absolute;
    background: var(--color-65B042);
    text-decoration: none;
    padding: 0.5rem;
    font-size: 0.75rem;
    display: inline-flex;
    color:white;
    top: -0.5rem;
    right: -0.5rem;
}
.banner-right-content{
    display: none;
}
.dark .banner-right-small-content{
    color: white;
}
.banner-right-small-content{
    position: relative;
    padding: .5rem;
    top: -3rem;
}
.dark .banner-right-small-content:before,.dark .banner-right-small-content:after,
.dark .banner-right-small-content2:before,.dark .banner-right-small-content2:after{
    content: url("/images/Rectangle2.41-dark.png");
}
.banner-right-small-content:before{
    content: url("/images/Rectangle2.41.png");
    position: absolute;
    left: 0;
    top: 0;
}
.banner-right-small-content:after{
    content: url("/images/Rectangle2.41.png");
    position: absolute;
    right: 0;
    top: 0;
    transform: rotate(90deg);
}
.banner-right-small-content2:before{
    content: url("/images/Rectangle2.41.png");
    position: absolute;
    left: 0;
    bottom: 0;
    transform: rotate(270deg);
}
.banner-right-small-content2:after{
    content: url("/images/Rectangle2.41.png");
    position: absolute;
    right: 0;
    bottom: 0;
    transform: rotate(180deg);
}
.proof-of-space-p{
    max-width: 36rem;
}
.swiper-slide {
    padding-bottom: 2rem;
    max-width: 100%;
}
.video-cover{
    position: relative;


}
.video-cover::before{
    content: "";
    position: absolute;
    inset: 2px;
    background: #000000;
    z-index: -1;
    bottom: 6px;
}
.video-cover--start::before{
    inset: 3px;
    bottom: 6px;
}
.video-cover--start{
    margin-top: 2rem;
}
.video-cover-image{
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.video-play-icon{
    width: 50px;
    height: 50px;
    object-fit: cover;
    position: absolute;
    top: 90%;
    left: 95%;
    transform: translate(-90%,-95%);
    cursor: pointer;
    opacity: 1;
    transition: opacity 0.2s linear;
}
/*.video-cover:hover .video-play-icon{*/
/*    opacity: 1*/
/*}*/
.swiper-slide-iframe{
    aspect-ratio: 16/9;
    width: 100%;

}
.swiper {
    width: 100%;
    height: 100%;
}
.challenging-the-status-img-container{
    max-height: 12.3125rem;
    width: 100%;
    display: flex;
}
.challenging-the-status-img{
    object-fit: cover;
    width: 100%;
}
.challenging-the-status{
    margin-top: 1rem;
}
.join-the-decentralized{
    display: block;
    margin-top: 4rem;
}
.dark .join-the-decentralized-svg{
    fill: var(--color-eeeeee);
}
.join-the-decentralized-svg{
    margin: 1.3rem;
    flex-shrink: 0;
    fill: var(--black);
}
.dark .start-page-report-svg{
    fill: var(--color-eeeeee);
}
.start-page-report-svg{
    margin: 1.3rem 1.3rem 1.3rem 0;
    flex-shrink: 0;
    fill: var(--black);
}
.join-the-decentralized-p{
 font-size: .75rem;
}
.join-the-decentralized-div{
    width: 100%;
    display: flex;
}
.join-the-decentralized-div:last-child{
    left: 0;
    top:-3.5rem;
}
.dashboard-p{
    padding: 1rem 1.7rem;
}
.dashboard-grid{
}
.dashboard-grid-child-head{
    display: flex;
    justify-content: space-between;
}
.dashboard-grid-child-icons{
    display: flex;
}
.dashboard-grid-child-icon{
    display: flex;
    width: 1.8125rem;
}
.dark .dashboard-grid-child-icon-image .stroke{
    stroke: var(--drk-black);
}
.dark .dashboard-grid-child-icon-image .fill{
    fill: var(--drk-black);
}
.dashboard-grid-child-icon-image .stroke{
    stroke: var(--drk-E9E9E9);
}
.dashboard-grid-child-icon-image .fill{
    fill: var(--drk-E9E9E9);
}
.dark .dashboard-grid-child-icon-image .i-stroke{
    stroke: var(--drk-E9E9E9);
}
.dark .dashboard-grid-child-icon-image .i-fill{
    fill: var(--drk-E9E9E9);
}
.dashboard-grid-child-icon-image .i-stroke{
    stroke: var(--color-F3F3F3);
}
.dashboard-grid-child-icon-image .i-fill{
    fill: var(--color-F3F3F3);
}
.dark .dashboard-grid-child-question-svg path{
    fill: #eeeeee;
    stroke: #353438;
}

.dashboard-grid-child-icon-image{
    display: flex;
    object-fit: cover;
    width: 100%;
}
.dashboard-grid-child-map-container{
    width: 94%;
    margin: 0 auto;
}
.dashboard-grid-child-icon2{
    display: flex;
    width: .9rem;
    height: 1.1rem;
}
.dashboard-grid-child-data-digit{
    font-size: 1rem;
    color: var(--color-65B042);
    position: absolute;
    top: 0;
    margin-left: 0.6rem;
}
.dashboard-grid-child-data-digit-relative{
    font-size: 1.2625rem;
    color: var(--color-65B042);
    padding-top:0;
    padding-bottom: 1rem;
    margin-left: 0.6rem;
}
.dashboard-grid-child-title{
    padding-bottom: .85rem;
    border-bottom: 1px solid rgba(154, 154, 154, 0.2);
    width: 9.3rem;
    margin-left: 0.6rem;
}
.dashboard-grid-child-graph{
    min-height: 14rem;
    align-items: end;
}
/*.dashboard-grid-sub-child{*/
/*    display: grid;*/
/*    gap: 1rem;*/
/*    grid-template-columns: 48.5% 48.5%;*/
/*}*/
/*.swiper-wrapper{*/
/*    display: grid;*/
/*    grid-template-columns: auto;*/
/*    gap: 1rem;*/
/*}*/
.dashboard-grid-child8 .dashboard-grid-child-title{
    letter-spacing: -0.10em;width: 10rem;
}
.dashboard-grid-map-head{
    position: absolute;
    display: flex;
    top: 2rem;
    left: 2rem;
}
.dashboard-grid-map-title{
    font-family: 'Source Code Pro',sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 46.3733px;
    line-height: 46px;
    display: flex;
    align-items: center;
    text-transform: uppercase;
}
.dashboard-grid-child6:before{
    background-image: url(/images/map-left-img.webp);
    position: absolute;
    left: 0;
    top: 0;
    background-size: .8rem 28rem;
    display: inline-block;
    width: 0.8rem;
    height: 100%;
    content: "";
}
.dashboard-grid-child6:after{
    background-image: url(/images/map-right-img.webp);
    position: absolute;
    right: 0;
    top: 0;
    background-size: .8rem 28rem;
    display: inline-block;
    width: 0.8rem;
    height: 100%;
    content: "";
}
.dashboard-grid{
    display: grid;
    gap: 0.75rem;
    grid-template-columns: 100%;
}
.dashboard-grid-child1{
    grid-row: 1 / span 1;
    grid-column: 1 / span 1; padding:1rem;
}
.dashboard-grid-child2{
    grid-row: 2/ span 1;
    grid-column: 1 / span 1;padding:1rem;
}
.dashboard-grid-child3{
    grid-row: 3/ span 1;
    grid-column: 1 / span 1;padding:1rem;
}
.dashboard-grid-child9,
.dashboard-grid-child10,
.dashboard-grid-child11,
.dashboard-grid-child4,
.dashboard-grid-child5,
.dashboard-grid-child7,
.dashboard-grid-child8,
.dashboard-grid-child6{
    display: none;
}
.dashboard-mobile-bottom{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
}
.dashboard-mobile-bottom:before{
    background: linear-gradient(180deg, #F3F3F3 0%, rgba(243, 243, 243, 0.848958) 59.9%, rgba(243, 243, 243, 0) 100%);
    transform: matrix(1, 0, 0, -1, 0, 0);
    position: absolute;
    right: 0;
    top: -16rem;
    display: inline-block;
    height: 17.5rem;
    width: 100%;
    content: "";
    z-index: 15;
}
.dashboard-mobile-bottom-a{
    margin:0 auto;
    z-index: 20;
    font-size: 0.65rem;
    line-height: 16px;
    color: #74B755;
    text-decoration: none;
}
.line{
    width: 60%;
    border: 1px solid #9A9A9A;
    max-width: 72rem;
    margin: 2rem auto;
    opacity: 0.5;
}
.footer-container{
    padding: 3rem 1rem;
    display: grid;
    grid-template-columns: 50% 50%;
}
.footer-container .blocks{
    max-width: 100%;
    width: 100%;
    grid-row: 1 / span 1;
    grid-column: 1 / span 2;
    margin: 0 auto;
}
.dark .email-subscription-container-icon path{
    fill: black;
}
.email-subscription-container-icon path{
    fill: white;
}
.email-subscription-container-icon{
    cursor: pointer;
    position: absolute;
    right: 1rem;
    top: 2.6rem;
    background-size: 1rem 1.2rem;
    display: inline-block;
    width: 1rem;
    height: 1rem;
    content: "";
}
.email-subscription-container-icon.blog_page{
    cursor: pointer;
    position: absolute;
    right: 1rem;
    top: 0.75rem;
    background-size: 1rem 1.2rem;
    display: inline-block;
    width: 1rem;
    height: 1rem;
    content: "";
    color: var(--color-eeeeee);
}
#mce-EMAIL::placeholder,#mce-EMAIL2::placeholder {
    font-size: 0.8rem;
    font-family: 'Source Code Pro',sans-serif;
    letter-spacing: 0.1px;
}
.email-subscription-container{
    position: relative;
}
.dark #mce-EMAIL{
    background: var(--drk-black);
    color: black;
}
#mce-EMAIL,#mce-EMAIL2{
    padding: 1rem 1.75rem 1rem .75rem;
    border: 1px solid #808080;
    color: #eeeeee;
    width: 100%;
}
#mce-EMAIL{
    margin-top: 1.75rem;
    background: black;
}
#mce-EMAIL2{
    background: var(--color-323031);
}
.footer-links{
    display: grid;
    gap: 28px;
    width: fit-content;
    margin: 3rem 0 0 0;
}
.footer-social{
    display: grid;
    gap: 1rem;
    width: fit-content;
    float: right;
    margin-top: 3rem;
    margin-right: 2rem;
}
.footer-ownership{
    display: block;
    padding-bottom: 1rem;
}
.footer-ownership-text{
    margin-top: 0.5rem;
}
.footer-design{
    height: 5.5rem;
    position: relative;
    margin-top: 2rem;
}
.dark .footer-design:before{
    background: linear-gradient(180deg, var(--drk-F3F3F3) 14%, rgba(37, 36, 41, 0.00) 75%);
}
.dark .footer-design:after{
    background: linear-gradient(180deg, #F3F3F3 0.01%, rgba(243, 243, 243, 0.00) 70%);
}
.footer-design:before{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #F3F3F3 0%, rgba(243, 243, 243, 0) 100%);
}
.footer-design:after{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, var(--drk-F3F3F3) 0%, #000000 0.01%, rgba(37, 36, 41, 0) 100%);
    transform: rotate(-180deg);
}

/* .nav-area::before{
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 10.30481rem;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 41.77%, rgba(0, 0, 0, 0.0) 80.77%);
    left: 0;
} */
.swiper-button-next:after, .swiper-button-prev:after{
    font-size: 1rem;
}
.swiper-button-next, .swiper-button-prev {
    width: 1.5rem;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, -6px);
    left: auto;
    color: gray;
}
#mc-embedded-subscribe-form > div.button.accent{
    display: none;
    margin-top: 1rem;
    position: relative;
    width: 10rem;
}
#mc-embedded-subscribe{
    padding: 0.7rem 5rem 0.7rem 2rem;
    background: #000000;
    border: 1px solid var(--color-808080);
    color: white;
    font-weight: 700;
    font-family: 'Source Code Pro',sans-serif;
    cursor: pointer;
}
#mc-embedded-subscribe-form > div.button.accent > div.icon.adjust-baseline{
    position: absolute;
    right: 0;
    top: 0.5rem;
}
.dark .header-logo-svg,.footer-container .header-logo-svg{
    fill: white;
}
.header-logo-svg, .dark .footer-container .header-logo-svg{
    fill: black;
}
.swiper-container:after{
    content: url("/images/arrow-right.webp");
    position: absolute;
    right: 0.2rem;
    top: 50%;
}
.swiper-container:before{
    content: url("/images/arrow-right.webp");
    position: absolute;
    left: 0.2rem;
    top: 50%;
    rotate: 180deg;
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    border-radius: 0;
    height: 0.8rem;
    width: 0.8rem;
    background: #E1E1E1;
}
.swiper-pagination-bullet-active{
    background: var(--color-9A9A9A);
}
.slider-headline{
    margin-top: 3rem;
}
.swiper .swiper-pagination1{
    position: absolute;
    bottom: 6rem;
    height: 1rem;
}
.swiper .swiper-pagination2{
    position: absolute;
    top: 14.7rem;
    height: 1rem;
}
.swiper .swiper-pagination3{
    position: absolute;
    top: 14.7rem;
    height: 1rem;
}
.top-two-hr{
    display: flex;
    height: 1px;
    width: 70%;
    margin: 2rem auto;
}
.banner-a:hover{
    background: var(--color-549237);
}
.banner-a-container:hover{
    border: 3px solid var(--color-549237);
}
.banner-a:active{
    background: var(--drk-F3F3F3);
}
.banner-a-container:active{
    border: 3px solid var(--drk-F3F3F3);
}
/*mobile menu*/

.header-notification{
    width: 98%;
    margin: auto
}
.dark .text-65B042{
    color: var(--color-65B042);
}
.progress-percent{
    font-size: 1.3125rem;
    width: 2rem;
    display: grid;
    position: absolute;
    top: -0.7rem;
}
.live-smershers-text:before{
    content: "__";
    position: absolute;
    left: 0.2rem;
    bottom: -1rem;
    font-size: 2rem;
}
.banner-container-of-a{
    display: flex;
    gap: 1rem;
    justify-content: center;
    flex-wrap: wrap;
    row-gap: 0;

}
.max-width-40rem{
    max-width: 92%;
}
.max-width-35rem{
    max-width: 85%;
}
.max-width-36rem{
    max-width: 36rem;
}
.max-width-45rem{
    max-width: 45rem;
}
.content-list-container{
    display: grid;
    grid-template-columns: 100%;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.content-nav-ul{
    border-right: 0.05rem solid var(--color-cdcdcd);
    padding-bottom: 8rem;
}
.content-nav-ul--secondary{
    border: none;
}
.dark .content-nav-ul{
    border-right:0.05rem solid var(--drk-E9E9E9);
}
.dark .content-nav-ul--secondary{
    border: none;
}
.content-nav-ul-li:first-child{
    margin-top: 0;
}
.content-nav-ul-li,.content-nav-ul-li-ul-li{
    margin-top: 1rem;
}
.content-nav-a{
    text-decoration: none;
    color: var(--color-black);
}
.dark .content-nav-a{
    color: var(--drk-black);
}
.content-nav-ul-li-ul{
    list-style: none;
    padding-left: 1rem;
}
.content-nav{
    min-height: 36rem;
    display: none;
}
.content-nav-a.active{
    color: var(--color-AA58B1);
}

.fixed-content-nav-ul{
    position: fixed;
    top: 10rem;
}
.content-nav-a-text{
    padding-left: 1rem;
    padding-bottom: 1rem;
}
.content-nav-a-text > h2:first-child{
    margin-top: 0;
}
.content-nav-a-text > h2{
    font-family: "univers lt std", sans-serif;
    font-size: 1rem;
    line-height: 2rem;
    font-weight: 700;
    margin-bottom: 2rem;
    margin-top: 2rem;
}
.content-nav-mobile-view-h2{
    font-family: "univers lt std", sans-serif;
    font-size: 1.2rem;
    line-height: 2rem;
    font-weight: 700;
}
.content-nav-mobile-view{
     margin-bottom: 2rem;
     margin-top: 2rem;
 }
.content-nav-a-text > h4{
    font-family: "univers lt std", sans-serif;
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 700;
    margin-bottom: 2rem;
    margin-top: 2rem;
}

.content-nav-a-text > h3{
    font-family: "univers lt std", sans-serif;
    font-size: 1.1rem;
    line-height: 2rem;
    font-weight: 700;
    margin-bottom: 2rem;
    margin-top: 2rem;
    color: var(--color-AA58B1);
    border-bottom: 0.05rem solid var(--color-cdcdcd);
    padding-bottom: 1rem;
    letter-spacing: -0.1px;
}
.dark .content-nav-a-text > h3{
    border-bottom: 0.05rem solid var(--drk-E9E9E9);
}
.content-nav-a-text > p{
    font-family: "Source Code Pro", sans-serif;
    font-size: 0.8rem;
    line-height: 0.9rem;
    font-weight: 400;
    margin-bottom: 0.75rem;
    display: block;
}
.content-nav-a-text > a{
    text-decoration: underline;
    color: var(--black);
}
.content-nav-a-text > div > div > a{
    font-size: 0.8rem;
    line-height: 0.9rem;
}
.dark .content-nav-a-text > p > a{
    color: var(--drk-black);
}
.content-nav-a-text > p > img{
    object-fit: scale-down;
    display: flex;
    max-width: 100%;
}
.content-nav-a-text > ul{
    padding-left: 1.5rem;
    margin-top: 1.5rem;
    font-size: 0.8rem;
    line-height: 0.9rem;
}
.content-nav-a-text > ul > li{
    margin-top: 0.5rem;
    font-size: 0.8rem;
    line-height: 0.9rem;
}
.content-nav-a-text > ul > li > a{
  color: var(--black);
}
.dark .content-nav-a-text > ul > li > a{
    color: var(--drk-black);
}
.content-nav-mobile-view{
    display: flex;
    cursor: pointer;
}
.content-nav-mobile-view-svg > path{
    fill: var(--black);
}
.dark .content-nav-mobile-view-svg > path{
    fill: var(--drk-black);
}

.content-nav-a-text iframe{
    width: 100%;
    aspect-ratio: 16 / 9;
    height: auto;
}
.ptc-4rem{padding-top: 1rem;}
.join-the-testnet{
    padding: 0.3rem 0;
}








/* Toggle dark mood */

#modeChangerContainer input[type=checkbox]{
    height: 0;
    width: 0;
    visibility: hidden;
}

#modeChangerContainer  label {
    cursor: pointer;
    text-indent: -9999px;
    width: 2rem;
    height: 1.1rem;
    background: transparent;
    display: block;
    border-radius: 2rem;
    position: relative;
    border: 0.05rem solid var(--black);
}

#modeChangerContainer  label span.inner_modeChanger {
    content: '';
    position: absolute;
    top: 0.05rem;
    left: 0.90rem;
    width: 0.9rem;
    height: 0.9rem;
    background: var(--black);
    border-radius: 2rem;
    transition: 0.3s;
}
.dark #modeChangerContainer  label {
    border: 0.05rem solid var(--drk-black);
}
.dark #modeChangerContainer  label span.inner_modeChanger{
    background: var(--drk-black);
}
#modeChangerContainer  input:checked + #modeChangerContainer label {
    background: #bada55;
}

#modeChangerContainer input:checked + #modeChangerContainer label span.inner_modeChanger {
    left: calc(90%);
    transform: translateX(-90%);
}

#modeChangerContainer  label:active span.inner_modeChanger {
    width: 0.9rem;
}


.highlight_content{
    display: block;
    margin: 8rem auto 4rem;
}
.highlight_content_image_contianer{
    width: 100%;
    height: 100%;
    display: flex;
}
.highlight_content_image{
    object-fit: cover;
    width: 100%;
}
.highlight_content_div{
    display: block;
    margin-bottom: 1rem;
}
.highlight_content_div:nth-child(3){
    background: var(--color-323031);
    padding: 1.25rem;
}
.highlight_content_link{
    background: var(--color-323031);
    padding: 1rem;
    text-align: left;
    display: grid;
}
.highlight_content_link_a{
    color: var(--color-eeeeee);
    text-decoration: none;
    justify-content: space-between;
    display: flex;
    font-family: 'Univers LT Std', serif;
    font-size: 0.85rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.75rem;
    align-items: flex-end;
}
/* .highlight_content_link_a .highlight_content_link_a_span:last-child{
    font-family: "Source Code Pro",sans-serif;
} */
.highlight_content_link_a .highlight_content_link_a_span:first-child{
    margin-right: 1rem;
}
.highlight_content_link_p{
    color: var(--color-eeeeee);
    text-align: left;
    font-family: 'Source Code Pro', serif;
    font-size: 0.73rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem;
    margin-bottom: 1rem;
}
.blogCategorySwiper .swiper-button-next, .blogCategorySwiper .swiper-button-prev,.blogCategorySwiper .swiper-slide a{
    color: var(--color-252429);
}
.dark .blogCategorySwiper .swiper-button-next, .dark .blogCategorySwiper .swiper-button-prev,.dark .blogCategorySwiper .swiper-slide a{
    color: var(--color-F3F3F3);
}
.blogCategorySwiper .swiper-slide a{
    font-weight: 400;
    text-decoration: none;
}
.blogCategorySwiper .swiper-slide a:hover{
    color: var(--color-AA58B1);
    text-decoration: underline;
}
.dark .blogCategorySwiper .swiper-slide a:hover{
    color: var(--color-AA58B1);
    text-decoration: underline;
}
.blogCategorySwiper .swiper-slide{
    padding: 1rem;
    color: var(--color-252429);
    text-decoration: underline;
    font-family: 'Univers LT Std', serif;
    font-size: 0.625rem;
    font-style: normal;
    font-weight: 400;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    width: fit-content;
}

.dark .blogCategorySwiper .swiper-slide a{
    color: var(--color-E0E0E1);
}
.blogCategorySwiper .swiper-slide.active{
    color: var(--color-AA58B1);
    font-family: 'Univers LT Std', serif;
    font-size: 0.625rem;
    font-style: normal;
    font-weight: 800;
}
.blogCategorySwiper .swiper-slide a.active{
    color: var(--color-AA58B1);
    font-weight: 800;
    text-decoration: underline;
}
.dark .blogCategorySwiper .swiper-slide a.active{
    color: var(--color-AA58B1);
}
.blogCategorySwiper .swiper-button-disabled{
    display: none;
}
.blogCategorySwiper .swiper-button-prev:after,.blogCategorySwiper .swiper-button-next:after{
    z-index: 999;
}
.blogCategorySwiper .swiper-button-prev:before{
    content: "";
    display: block;
    height: 100%;
    width: 145px;
    position: absolute;
    top: 0;
    left: -5rem;
    bottom: 0;
    background: linear-gradient(-270deg,var(--drk-252429) 60%,rgba(22,21,26,0) 110%);
    z-index: 2;
}
.dark .blogCategorySwiper .swiper-button-prev:before{
    background: linear-gradient(-270deg,var(--drk-F3F3F3) 60%,rgba(22,21,26,0) 110%);
}
.blogCategorySwiper .swiper-button-next:before{
    content: "";
    display: block;
    height: 100%;
    width: 145px;
    position: absolute;
    top: 0;
    right: -2rem;
    bottom: 0;
    background: linear-gradient(270deg,var(--drk-252429) 60%,rgba(22,21,26,0) 110%);
    z-index: 2;
}
.dark .blogCategorySwiper .swiper-button-next:before{
    background: linear-gradient(270deg,var(--drk-F3F3F3) 60%,rgba(22,21,26,0) 110%);
}


.blog_posts_container{
    display: block;
    width: 100%;
    margin-top: 2rem;
    margin-bottom: 4rem;
    gap: 2rem;
}
.blog_posts{
    margin-bottom: 2rem;
}

.blog_posts_h4{
    color: var(--color-252429);
    margin: 0.75rem 0;
    font-family: 'Univers LT Std', sans-serif;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.1px;
}
.dark .blog_posts_h4{
    color: var(--drk-252429);
}
.blog_posts_tag{
    color: var(--color-AA58B1);
    font-size: 0.625rem;
    letter-spacing: 0.1px;
    margin-top: auto;
}
.dark .blog_posts_tag{
    color: var(--color-AA58B1);
}
.blog_posts_p{
    color: var(--color-252429);
    margin-top: 0.5rem;
    font-family: 'Source Code Pro',sans-serif;
    font-size: 0.625rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem; /* 150% */
    letter-spacing: 0.1px;
}
.dark .blog_posts_p{
    color: var(--drk-252429);
}
.blog_posts_a{
    color: var(--color-1776E3);
    text-align: right;
    font-family: 'Univers LT Std',sans-serif;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.5rem; /* 150% */
    letter-spacing: 0.1px;
    position: relative;
    text-decoration: none;
    display: none;
}
.blog_posts_a:after{
    content: ">";
    display: block;
    position: absolute;
    top: -1px;
    right: -1.25rem;
    color: var(--color-1776E3);;
    font-family: "Source Code Pro",sans-serif;
}

.blog_posts_pagination{
    margin: 0 auto 5rem;
    text-align: center;
}
.blog_posts_pagination .link{
    color: #808080;
    text-decoration: none;
    margin-left: 0.25rem;
}
.blog_posts_pagination .link.active{
    color: var(--color-252429);
}
.dark .blog_posts_pagination .link.active{
    color: var(--color-F3F3F3);
}
.blog_posts_pagination .left-arrow,.blog_posts_pagination .right-arrow,.email-subscription-container-icon.blog_page.right-arrow{
    font-family: "Source Code Pro",sans-serif;
}
.blog_hero_image{
    width: 100%;
    height: auto;
}
.blog_single_post_cover_photo{
    width: 100%;
    max-width: 69.5rem;
    max-height: 34rem;
    margin: 7rem auto 0;
    display: flex;
    /* border: 2px solid #353439; */
}
.blog_single_post_container{
    width: 100%;
    max-width: 69.5rem;
    margin: 1.5rem auto;
    color: var(--drk-F3F3F3);
}
.dark .blog_single_post_container{
    color: var(--color-F3F3F3);
}
.blog_single_post_container .title{
    font-size: 2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.4; /* 108.036% */
    letter-spacing: -0.5px;
    text-transform: uppercase;
}
.bsp_content_container{
    display: grid;
    grid-template-columns: 100%;
    margin-top: 2.5rem;
}
.bsp_content_author{
    font-family: 'Source Code Pro',sans-serif;
    padding: 1rem 0;
}
.bsp_content_author .author{
    font-family: 'Univers LT Std',sans-serif;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem; /* 150% */
    letter-spacing: 0.1px;
}
.bsp_content_author .author_name,.bsp_content_author_categories_a,.blog_single_related_post_categories_a{
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5rem; /* 200% */
    letter-spacing: 0.1px;
    margin-top: 0.5rem;
}
.bsp_content_author_categories_a,.blog_single_related_post_categories_a{
    color: var(--color-AA58B1);
    margin-right: 0.2rem;
}
.bsp_content_author .categories{
    list-style: none;
    max-width: 75%;
}
.blog_single_related_post_categories_a{
    text-decoration: none;
}
.blog_single_post_content{
    padding: 1rem 0;
    font-family: 'Source Code Pro',sans-serif;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem; /* 150% */
    letter-spacing: 0.1px;
}
.blog_single_post_content p {
    margin-bottom: 1.5rem;
}
.blog_single_post_content p img {
    object-fit: scale-down;
    max-width: 100%;
}
.blog_single_post_content  img {
    object-fit: scale-down;
    max-width: 100%;
}
.blog_single_post_content a {
    margin-bottom: 1.5rem;
    color: var(--color-1776E3);;
    text-decoration-line: underline;
    word-wrap: break-word;
}
.blog_single_post_content div {
    margin: 1.5rem 0;

}
.blog_single_post_content ol,
.blog_single_post_content ul {
    margin-bottom: 1.5rem;
    margin-top: 1rem;
    padding-left: 2rem;
}
.blog_single_post_content ol li,
.blog_single_post_content ul li {
    margin-bottom: 1rem;
}

.blog_single_post_content pre{
    background: var(--color-gray-dark);
    border-left: 0.3rem solid var(--color-accent);
    overflow-y: hidden;
    margin-bottom: 1.5rem;
}

.blog_single_post_content code{
    display: block;
    white-space: pre;
    border-radius: 0.4rem;
    white-space: nowrap;
    padding-bottom: 0.8rem;
}



.blog_single_post_content blockquote {
    box-sizing: border-box;
    margin: 1.75em 0 1.75em 0;
    padding: 0 0 0 1.75em;
    border-left: var(--drk-F3F3F3) .4em solid;
    font-style: italic;
}

.dark .blog_single_post_content blockquote {
    border-left: var(--color-F3F3F3) .4em solid;
}

blockquote {
    box-sizing: border-box;
    margin: 1.75em 0 1.75em 0;
    padding: 0 0 0 1.75em;
    border-left: var(--drk-F3F3F3) .4em solid;
    font-style: italic;
}
.dark blockquote {
    border-left: var(--color-F3F3F3) .4em solid;
}


.blog_single_post_content h1,.blog_single_post_content h2,.blog_single_post_content h3,.blog_single_post_content h4 {
    margin-bottom: 1.5rem;
    margin-top: 3rem;
    font-family: 'Univers LT Std',sans-serif;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.4; /* 120% */
    letter-spacing: -0.5px;
    text-transform: uppercase;
}
.blog_single_post_content h1 {
    font-size: 2rem;
}
.blog_single_post_content h2 {
    font-size: 1.5rem;
}
.blog_single_post_content h3 {
    font-size: 1.25rem;
}
.blog_single_post_content h4 {
    font-size: 1.125rem;
}
.blog_single_post_subscription{
    background: linear-gradient(0deg, #323031 0%, #323031 100%), url(<path-to-image>), lightgray 50% / cover no-repeat;
    margin: 2rem 0;
    padding: 0.75rem;
}

.blog_single_related{
    border-top: 0.08rem solid var(--drk-F3F3F3);
    margin-top: 1.5rem;
    padding-top: 1.75rem;
    color: var(--drk-F3F3F3);
}
.dark .blog_single_related{
    border-top: 0.08rem solid var(--color-F3F3F3);
    color: var(--color-F3F3F3);
}
.blog_single_related_title{
    font-family: 'Univers LT Std',sans-serif;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.75rem; /* 107.143% */
    letter-spacing: -1px;
    margin-bottom: 0.5rem;
}
.blog_single_related_post .swiper-wrapper{
    display: flex;
    color: var(--drk-F3F3F3);
}
/* .blog_single_related_post .swiper-wrapper a {
    color: var(--drk-F3F3F3);
} */
.dark .blog_single_related_post .swiper-wrapper {
    color: var(--color-F3F3F3);
}
.blog_single_related_post_title{
    color: var(--drk-F3F3F3);
    text-decoration: none;
    font-family: 'Univers LT Std',sans-serif;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.5rem;
}
.dark .blog_single_related_post_title,.dark .pagination, .dark .pagination .page-item.active a.page-link{
    color: var(--color-F3F3F3);
}
.blog_single_related_post_a{
    text-decoration: none;
}
.pagination{
    display: flex;
    margin: 0 auto;
    color: var(--drk-F3F3F3);
    gap: 1rem;
    width: fit-content;
}
.pagination .page-item{
    text-decoration: none;
    list-style: none;
}
.pagination .page-item a.page-link{
    text-decoration: none;
    list-style: none;
    color: #808080;
}
.pagination .page-item.active a.page-link{
    color: var(--drk-F3F3F3);
}
.pagination .page-item:first-child , .pagination .page-item:last-child{
    display: none;
}


@media all and (max-width: 768px) {
    .header-menu {
        /*display: block;*/
        position: absolute;
        width: 100%;
        top: calc(100% + 28px);
        background: white;
        left: 0;
        padding-left: 14px;
        display: grid;
        grid-template-rows: 0fr;
        transition: grid-template-rows 0.2s ease-out;
    }
    .dark .header-menu{
        background: var(--drk-F3F3F3);
    }
    .nav-open .header-menu{
        grid-template-rows: 1fr;
    }
    .header-menu-ul{
        display: block;
        width: fit-content;
        overflow: hidden;
    }
    .menu-li{
        font-size: 24px;
        padding: 20px 5px 15px 0;
        font-weight: 700;
        font-family: 'Source Code Pro',sans-serif;
        border-bottom: 1px solid #9A9A9A;
        overflow: hidden;
    }
    .menu-li:last-child{
        border-bottom: none;
        margin-bottom: 25px;
    }

    .header-notification{
        position: relative;
        z-index: 99999;
        width: 96%;
    }
    .nav-open .header-menu-ul::after{
        content: "";
        left: -10px;
        right: 0;
        position: absolute;
        top: 99%;
        height: 62px;
        background: linear-gradient(180deg, #F3F3F3 0%, rgba(243, 243, 243, 0.848958) 59.9%, rgba(243, 243, 243, 0) 100%);

    }
    .nav-open .nav-area::before{
        height: 100%;
        background-color: white;
        transition: 0.2s ease-out;
    }

    .dark .nav-open .nav-area::before{
        background-color: transparent;
    }
    .dark .nav-open .header-menu-ul::after{
        background: linear-gradient(180deg, var(--drk-F3F3F3) 0%, rgba(37, 36, 41, 0.00) 100%);
    }
    .dark .header-menu-line{
        border-bottom: 1px solid white;
    }
}

/*spacemesh-buff page */
.banner-full-width{
    max-width: 100% !important;
}
.secondary-btn{
    font-family: Source Code Pro;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    display: inline-block;
    position: relative;
    color: var(--color-65B042);
    text-decoration: none;
    
}

.secondary-btn .clip-path-border{
    position: absolute;
    width: 100%;
    height: 108%;
    /* top: 2px; */
    left: -5px;
    background: var(--color-65B042);
    -webkit-clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);
    clip-path: polygon(calc(100% - 10px) 0%, 100% 50%, calc(100% - 10px) 100%, 0% 100%, 10px 50%, 0% 0%);
   z-index: -1;
   
}
.clip-path-border-second{
    position: absolute;
    inset: 2px;
    -webkit-clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);
    clip-path: polygon(calc(100% - 10px) 0%, 100% 50%, calc(100% - 10px) 100%, 0% 100%, 10px 50%, 0% 0%);
    background-color: white;
    z-index: 1;
}

.secondary-btn span{
    padding: 15px 40px;
    font-family: Source Code Pro;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    display: block;
    padding: 15px 40px;
    
    background: #FFFFFF;
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);
    clip-path: polygon(calc(100% - 10px) 0%, 100% 50%, calc(100% - 10px) 100%, 0% 100%, 10px 50%, 0% 0%);

}

.arrow-btns-conatainer{
    
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    row-gap: 15px;
    max-width: 1230px;
    width: 90%;
    margin: auto;
    margin-top: 30px;
}

.secondary-btn--active span{
    background: var(--color-65B042);
    color: #FFFFFF;
    text-decoration: underline;
}
.secondary-btn--active .clip-path-border{
    opacity: 0;
}

.secondary-btn--last{
    width: 100%;

}
.secondary-btn--last span{
    padding: 15px 40px;
    font-family: Source Code Pro;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    display: block;
    padding: 15px 40px;
    
    background: #FFFFFF;
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-clip-path: polygon(100% 0%, 100% 50%, 100% 100%, 0% 100%, 10px 50%, 0% 0%);
    clip-path: polygon(100% 0%, 100% 50%, 100% 100%, 0% 100%, 10px 50%, 0% 0%);

}

.discord-text{
    color: #000;
    text-align: center;
    font-family: Source Code Pro;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    letter-spacing: 0.1px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
    width: 100%;
}

.discord-btn{
    color: var(--color-1776E3);;
    text-align: center;
    font-family: Source Code Pro;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 150% */
    letter-spacing: 0.1px;
    text-decoration-line: underline;

}

.discord-icon{
    margin: 0px 5px 0 10px;
}





@media all and (max-width: 768px) {
    .secondary-btn{
        font-size: 12px;
        width: 98%;
      
    }
    .arrow-btns-conatainer{
        display: block;
    }
    .secondary-btn .clip-path-border{
        position: absolute;
        width: 101%;
        height: 108%;
        /* top: 2px; */
        inset: -2px;
        background: var(--color-65B042);
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 85%, 50% 100%, 0 85%);
        clip-path: polygon(0 0, 50% 15%, 100% 0, 100% 80%, 50% 100%, 0 80%);
       z-index: -1;
       
    }
    .secondary-btn span{
        padding: 15px 40px;
        font-family: Source Code Pro;
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        display: block;
        padding: 34px 40px 27px 40px;
        
        background: #FFFFFF;
        position: relative;
        width: 100%;
        height: 100%;
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 85%, 50% 100%, 0 85%);
        clip-path: polygon(0 0, 50% 15%, 100% 0, 100% 80%, 50% 100%, 0 80%);
    
    }
    .secondary-btn--last span{

        -webkit-clip-path: polygon(0 0, 100% 0, 100% 85%, 50% 100%, 0 85%);
        clip-path: polygon(0 0, 50% 15%, 100% 0, 100% 80%, 0 80%);
    }
    
    .secondary-btn--last .clip-path-border{

        -webkit-clip-path: polygon(0 0, 100% 0, 100% 85%, 50% 100%, 0 85%);
        clip-path: polygon(0 0, 50% 15%, 100% 0, 100% 80%, 0 80%);
    }
    
    .secondary-btn--active span{
        background: var(--color-65B042);
        color: #FFFFFF;
        text-decoration: underline;
        clip-path: polygon(0 0, 100% 0, 100% 80%, 50% 100%, 0 80%);
        padding: 27px 40px 27px 40px;
    }
}


/* career page design */
.career-hero{
    position: relative;
}
.career-hero::after{
    content: "";
    width: 196px;
    height: 1px;
    background-color: var(--color-9A9A9A);
    position: absolute;
    bottom: 2rem;
    left: 50%;
    transform: translateX(-50%);
}
.accordion{
    padding-bottom: 2rem;
    position: relative;
    margin-bottom: 1.5rem;

}
.accordion__wrapper{
    margin-bottom: 3rem;
}
.accordion__wrapper--faq{
    margin-bottom: 0;
    border-bottom: 1px solid #000000;
}
.accordion__wrapper--faq:last-child{
    border: none;
}
.accordion::after{
    content: "";
    width: 196px;
    height: 1px;
    background-color: var(--color-9A9A9A);
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.accordion__search-box input{
    border: 1px solid #808080;
    width: 100%;
    padding: 10px 18px;
    position: relative;
    margin-bottom: 5px;
    background: transparent;
}
.dark .accordion__search-box input{
    color: var(--drk-black);
}

.accordion__search-box input:focus{
    outline: 1px solid #000000;
}
.accordion__search-box{
    position: relative;
}
.accordion__search-box::after{
    content: "";
    width: 6px;
    height: 11px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 1rem;
    background: url(/images/arrows/right-arrow.svg);

}

.accordion__heading{
    margin: 45px 0 20px 0;
    text-align: left;
    font-size: 16px;
    color: var(--color-252429);
}

.accordion__title{
    width: 100%;
    color: var(--color-F3F3F3);
    background: var(--color-252429);
    border: none;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 150% */
    letter-spacing: 0.1px;
    text-align: left;
    padding: 16px 10px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    text-transform: uppercase;
}
.accordion__title--black{
    color: var(--color-FFFFFF);
    background: var(--color-323031);

}
.accordion__title--gray{
    color: var(--color-FFFFFF);
    background: var(--color-808080);

}
.dark .accordion__title{
    background: var(--color-F3F3F3);
    color: #27252A;
}

.dark .accordion__title--gray{
    color: var(--color-FFFFFF);
    background: var(--color-808080);
}

.label-one-heading{
    font-size: 15px;
    line-height: 1.3;
    font-weight: 700;
}
.label-two-heading{
        font-size: 14px;
        line-height: 1.3;
        font-weight: 400;
}

.accordion__title span:first-child{
    max-width: 90%;
}

.accordion__title svg{
    position: absolute;
    width: 16px;
    height: 9px;
    top: 50%;
    right: 0.5rem;
    transform: translateY(-50%);
    transition: transform 0.2s ease-out;
}
.accordion__title.label-two-heading svg{
    width: 10px;
    height: 6px;

}

.accordion__position{
    
    font-size: 10px;
    font-weight: 700;
    line-height: 13.789px;
    padding: 0 0 16px 0;
    position: relative;
    text-transform: uppercase;
}

.accordion__position::after{
    content: "";
    width: 1rem;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 8px;
    background: var(--color-F3F3F3);
}

.accordion__position--desktop{
    
    display: none;
}
.accordion__description{
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 14.789px; 
}
.accordion__body-wrapper{
    margin-bottom: 10px;
    margin-top: -1px;
    display: grid;
    grid-template-rows: 0fr; 
    transition: grid-template-rows 0.4s ease-out;
}

.faq-heading__element{
    font-size: 25px;
    line-height: 1.2;
    padding: 20px;
    color: var(--color-FFFFFF);
    background: var(--color-323031);
    border-bottom: 1px solid #000000;
}

.dark .faq-heading__element{

    background: var(--color-F3F3F3);
    color: #27252A;
}
.glossary-heading__element{
    background: var(--color-808080);
}
.dark .glossary-heading__element{
    color: var(--color-FFFFFF);
    background: var(--color-808080);
}
#faq{
    background: var(--color-323031);
}
.dark #faq{
    background: var(--color-F3F3F3);
}
#glossary{
    margin-top: 135px;
    background: var(--color-808080);
}
.dark #glossary{
    background: var(--color-808080);
}
.accordion__body-wrapper--faq{
    margin-bottom: 0;
    margin-top: 0;

}
.accordion__body-wrapper--inner{
    overflow: hidden;
}
.accordion-opened{
    grid-template-rows: 1fr;
}
.accordion__body{
    background: var(--color-252429);
    color: var(--color-F3F3F3);
    text-align: left;
    padding: 0 20% 16px 10px; 
    
}
.accordion__body--black{
    color: var(--color-FFFFFF);
    background: var(--color-323031);
    padding: 0 10% 16px 10px;
}
.accordion__body--gray{
    color: var(--color-FFFFFF);
    background: var(--color-808080);
    padding: 0 10% 16px 10px;

}
.dark .accordion__body{
    background: var(--color-F3F3F3);
    color: #27252A;
}
.dark .accordion__body--gray{
    color: var(--color-FFFFFF);
    background: var(--color-808080);

}
.dark .accordion__body p{
    color: #27252A;
}
.dark .accordion__body--gray p{
    color: var(--color-FFFFFF);
    background: var(--color-808080);

}

.accordion__btn{
    display: inline-flex;
    margin-top: .5rem;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 13.789px;
    text-decoration: none;
    color: var(--color-1776E3);
    align-items: center;
}
.accordion__btn svg{
    margin-top: 1px;
    margin-left: 3px;
}

/* .accordion__btn::after{
    content: "";
    width: ;
    height: ;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateX(-50%);
    background: url();
} */

button[aria-expanded="true"].accordion__title svg{
    transform: translateY(-50%) rotate(180deg);
}

/*carrer single page */
.blog_single_back_btn{
    color: var(--color-1776E3);;
    font-size: 10px;
    font-weight: 700;
    line-height: 240%;
    letter-spacing: 0.1px;
    text-decoration-line: underline;
    margin-top: 0.5rem;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}
.bsp_content_container--career{
    margin-top: 0.5rem;
}
.blog_single_post_content--career ul{
    position: relative;
    padding-left: 2rem;
}
.blog_single_post_content--career ul::after{
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: var(--color-65B042);
}
.blog_single_post_content--career{
    position: relative;
}
.blog_single_post_content--career::after{
    content: "";
    width: 196px;
    height: 1px;
    position: absolute;
    left: 50%;
    bottom: -40px;
    transform: translateX(-50%);
    background: var(--color-9A9A9A);
}
.resources-mbl-buttons{
    margin-top: 20px;
    background: var(--color-65B042);
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}
.resources-mbl-button{
    display: inline-block;
    background: var(--color-65B042);
    color: var(--color-FFFFFF);
    padding: 5px 20px;
    text-decoration: none;
}
.resources-mbl-button--faq{
    padding-left: 30px;
}
.resources-mbl-button--glossary{
    padding-right: 30px;
}

/*updates page*/
#updates{
    background: #353439 !important
}
.accordion-updates-title{
    background: #252429 !important;
    box-shadow: 0px 4px 4px 0px #00000040;

}
.accordion-updates-body{
    padding: 0 40px 24px 40px;
    background: #353439 !important;
    color: var(--color-F3F3F3);

}
.accordion-updates-body h3{
    font-size: 24px;
    margin: 1.5rem 0 1rem;
    color: var(--color-F3F3F3) !important;
}
.accordion-updates-body h2,
.accordion-updates-body h4,
.accordion-updates-body h5,
.accordion-updates-body h6{
    color: var(--color-F3F3F3) !important;
}
.accordion-updates-body p{
    margin: 1rem 0;
    font-size: 12px;
    line-height: 20px;
    background: inherit !important;
    color: var(--color-F3F3F3) !important;
}
.accordion-updates-body img{
    display: block;
    max-width: 100%;
    height: auto;
    object-fit: cover;
    margin: 1.25rem 0;
}

.accordion-updates-body ul,.accordion-updates-body ol{
    margin-left: 19px;
    font-size: 12px;
    line-height: 20px;
    color: var(--color-F3F3F3) !important;
}

.accordion-updates-body a{
    color: var(--color-AA58B1) !important;
    text-decoration: none;
}
.split-section{
    height: 1px;
    background: #000000;
    margin: 2rem 0;
}
.updates-content-body{
    color: var(--color-F3F3F3);
}
.updates-content-heading{
    font-size: 30px;
    line-height: 1.2;
    margin: 2rem 0;
    color: var(--color-F3F3F3) !important;
}
.accordion-updates-title{
    font-size: 16px;
    color: var(--color-F3F3F3) !important;
}
.dark .accordion-updates-title{
    background: #19191C !important;

}

/* .accordion-updates-title .date{
    margin-left: 3rem;
}

.accordion-updates-title .date{
    margin-left: 1.5rem;
}
.accordion-updates-title .title{
    margin-left: 1.5rem;
} */

/* .accordion-updates-title .count{
    display: inline-block;
    width: 60px;
} */

.updates-title-info{
    display:  flex;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.updates-content-body-wrapper .split-section:last-child{
    display: none;
}

/*about us page*/
.about-us-btns{
    display: flex;
    margin-top: 1.5rem;
}
.about-us-btns .about-us__btn  {
    display: inline-block;
    background: #65B042;
    padding: 0.8rem 4rem;
    color: var(--black);
    text-decoration: none;
    font-size: 16px;
    text-transform: uppercase;

}

.about-us__mission-body{
    color: var(--color-FFFFFF);
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    background: #252429;
    padding: 2rem 1.5rem;
    margin-top: 30px;



}
.dark .about-us__mission-body{
    background: #19191C;
}
.about-us__mission-body h2{
    font-size: 18px;
    margin: 1.5rem 0;
    line-height: 1.2;
}
.about-us__mission-body h3{
    font-size: 16px;
    margin: 1.5rem 0;
    line-height: 1.2;
}
.about-us__mission-body p{
    font-size: 12px;
    margin: 1rem 0;
    line-height: 1.4;
}
.container-content-about{
    max-width: 80rem;
}

.about-us__team{
    margin-top: 64px;
}
.about-us__team-btn-wrapper{
    display: flex;
    justify-content: center;
}
.about-us__team-btn{
    display: inline-block;
    background: #65B042;
    padding: 0.8rem 6.5rem;
    color: var(--black);
    text-decoration: none;
    font-size: 18px;
    margin: 2rem auto;
}
.team-body{
    padding: 0;
    border: none;
}
.team{
    margin: 0;
    padding: 0;
    list-style: none;
}

.team-member {
    padding: 0.75rem 1.5rem;
    border-bottom: 1px solid #000000;
    text-transform: uppercase;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}
.team-member:last-child{
    border-bottom: none;


}
.team-member>*{
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    color: #F3F3F3;
    opacity: 0.9;


}
.team-member .team-member__name{
    width: 100%;
    text-align: center;
}
.team-member .team-member__title{
    width: 100%;
    text-align: center;
}
.team-member div{
    margin: auto;
    display: flex;
    gap: 1rem;
}
.team-member a{
    text-decoration: none;
    color: #65B042;
}

/* ambassadors page */
.banner-secondary{
    margin: 7.625rem auto 5rem auto;
}
.ambassadors-hero{
    max-width: 86.3rem;
}
.ambassadors-hero-text{
    flex: 1 1 50%;
    
}
.ambassadors-heading{
    font-size: 30px;
    width: 98%;
}
.ambassadors-text{
    margin: 1.5rem auto 2rem auto;
    width: 60%;
    font-size: 28px;
    text-align: center;
}
.ambassadors-image-wrapper{
    flex: 1 1 33%;
}
.ambassadors-image{
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}

.ambassadors-button-wrapper{
    display: none;
    
}
.ambassadors-button{
    padding: 1rem 5rem 1rem 1rem;
    background: #65B042;
    text-decoration: none;
    color: #000000;
    display: inline-block;
    margin: 7rem  0 0 0;
}
.ambassadors-textbox{
    max-width: 86.3rem;
    margin: auto;
    background: #252429;
    color: #FFFFFF;
    padding: 20px;
}
.dark .ambassadors-textbox{
    background: #19191C;
}
.ambassadors-textbox h2{
    font-size: 24px;
    margin-bottom: 1rem;
}
.ambassadors-textbox h3{
    font-size: 20px;
    margin-bottom: 1rem;
}
.ambassadors-textbox h4{
    font-size: 18px;
    margin-bottom: 1rem;
}
.ambassadors-textbox p{
    font-size: 12px;
    margin-bottom: 1.5rem;
}
.ambassadors-textbox-btn-wrapper{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 4rem;
}
.ambassadors-textbox-btn{
    background: #65B042;
    color: #000000;
    padding: 1rem;
    font-size: 18px;
    text-decoration: none;
    display: inline-block;
    margin: auto;
}

.missing_page_btn{
        background: var(--color-65B042);
        text-decoration: none;
        font-size: 1rem;
        padding: 1rem 1.5rem;
        display: inline-flex;
        color: #000000;
        margin-top: 2rem;
}


.basic-page-body{
    margin-top: 4rem;
}