@font-face {
    font-family: sitefont;
    src: url('../fonts/WFVisualSans-Regular.ttf');
}

@font-face {
    font-family: sitefont1;
    src: url('../fonts/WFVisualSans-SemiBold.ttf');
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: sitefont1;
    font-weight: 700 !important;
}
.b-f {
    font-family: 'sitefont1', sans-serif;
    font-weight: 700;
}
h2 {
    font-size: 42px;
    line-height: 50px;
}
body {
    font-family: sitefont;
    scrollbar-width: thin;
    font-size: 18px;
    background: #0C1015;
    color: #e7e7e7;
}
.inner-banner {
    overflow: hidden !important;
    background: url(https://d2tq5plsi3dsez.cloudfront.net/Hivelance/blog_images/69217_top-bg6-bg.webp);
    height: 100vh;
    background-position: center;
    background-size: cover;
    background-color: #1e1e1e;
}
.inner-banner .container {
    text-align: center;
    height: 100vh;
    z-index: 99;
    position: relative;
    max-width: 100%;
}
#home .container::before, .inner-banner .container::before {
    background: url(https://d2tq5plsi3dsez.cloudfront.net/Hivelance/top-bg6-top.webp);
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 5%;
    top: -10%;
    background-repeat: no-repeat;
    background-size: 35% !important;
    background-position: top right;
}
#home .container::after, .inner-banner .container::after {
    background: url(https://d2tq5plsi3dsez.cloudfront.net/Hivelance/top-bg6-bottom.webp);
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0%;
    bottom: -20%;
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 35% !important;
}
.inner-banner::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}
.inner-banner .container .m-h {
    min-height: 100vh;
}
.box-design:hover p.l-grey-t, .items > a.active i, .nav-link.active, .white-t {
    color: #fff;
}
.front-text {
    position: relative;
    z-index: 999;
}
.black-t {
    color: #bbbbbb;
}
.grey-t {
    color: #353535;
}
.inner-banner .grey-t, .inner-banner .black-t, .home-bg .grey-t, .home-bg .black-t {
    color: #fff !important;
}
.banner-tit {
    font-size: 65px;
}
.h3, h3 {
    font-size: 24px;
}
.h4, h4 {
    font-family: sitefont1;
    font-size: 19px;
    line-height: 30px;
}
.l-f {
    font-weight: 400 !important;
}
section.page {
    transform: translate(0, 0) !important;
}
.white-bg {
    background: #fff !important;
}

.content-section {
    padding: 2vh 0;
}
section, section.blogs-whl, section.contact, section.footer-menu {
    overflow: clip !important;
}
#home, .card.box-shadow, .line-row .row, .post.s-pic, .why-blockchain, section {
    overflow: hidden;
}
.icon-tick {
    background-image: url(https://d2tq5plsi3dsez.cloudfront.net/Hivelance/blog_images/49186_icon-cele-tick.svg);
    background-position: left top !important;
    margin-bottom: 15px;
    text-align: left;
}
.icon-tick, .ul-dot li {
    padding-left: 30px;
    background-size: 20px;
}
.big-modal-w .robot, .careers.page, .icon-tick, .plan-boxes td table {
    background-repeat: no-repeat;
}
.form-social li, .icon-tick, .tabs-list li, .techbox ul li, .ul-dot li, .ul-list, ul.breadcrumb, ul.plan-list li {
    list-style: none;
}
.dblue-t {
    color: #979da6 !important;
}
.text-hgreen {
    color: #353535 !important;
}
.btn {
    font-size: 17px !important;
}
.certify-logo li a, .de-icon, .inner-page .contact-form.contact.page, .menu-item:hover .menu-content, .menu.navbar .nav-link:hover span, .nav-link.active .circle-outline-btn, .social-section a {
    display: block;
}
.box-design h4, .btn, .nav-link, .wave-btn, .wf {
    font-weight: 600;
}
.telegram-btn, .telegram-btn:hover, .whatsapp-btn, .whatsapp-btn:hover {
    color: #fff !important;
    border-radius: 30px;
    display: flex;
    align-items: center;
    text-transform: uppercase;
}
.mo-icon {
    display: none !important;
}
.container {
    max-width: 1135px;
    width: 100%;
}
.container.wrapperwhl {
    max-width: 95%;
}
.content-box {
    background: linear-gradient(320.12deg, #171F29 2.05%, #0C1015 97.33%);
    border: 2px solid #141B24;
    border-radius: 15px;
    padding: 30px;
    max-width: 100%;
    height: 100%;
}
.content-box:hover {
    transform: scale(1.02);
    box-shadow: 0 0 20px 0 #494f5f4a;
    transition: 0.2s;
}
.content-box img {
    max-width: 105px;
}
.icon-m img {
    max-width: 95px;
    border-radius: 50%;
}
.icon-s1 img {
    max-width: 95px;
    border-radius: 50%;
}

.right {
    display: none;
}
.left {
    display: none;
}
.game-list label::before, .tabs-list a {
    background-color: #ededed;
    text-align: center;
}
.game-list label::before {
    color: #c7c7c7;
    content: "";
    display: block;
    border-radius: 50%;
    border: #fff solid 2px;
    position: absolute;
    top: -5px;
    left: -5px;
    width: 30px;
    height: 30px;
    line-height: 28px;
    transition-duration: 0.4s;
    font-size: 15px;
    font-weight: 700;
    z-index: 99;
}
.game-list :checked + label::before {
    content: "\f00c";
    background-color: #61d53b;
    transform: scale(1);
    z-index: 99;
    color: #fff;
}
.img-inv img{
    filter: invert(1);
    margin-bottom: 10px;
    background: none;
}
.img-inv .icon-border img{
    background-color: transparent;
    border-radius: 0;
}
#blog_list .small.grey-t, .blog-icon, .checkbox label input[type="checkbox"], .demo-free-btn, .empty-box, .game-box h5, .game-list input[type="checkbox"][id^="mg"], .home-bg .wrap-text, .menu.navbar, .mobile-v, .radio label input[type="radio"], .shade {
    display: none;
}
.full-w label{
    width: 100%;
    height: 100%;
}
.full-w .h5{
    font-family: sitefont;
    font-weight: 500 !important;
}
.s-icon {
    width: 70px;
}
.m-icon, .two-box .m-icon {
    width: 90px;
}
.icon-border {
    border: #454545 solid 1px !important;
    height: 100%;
    padding: 4px;
    border-radius: 8px;
    box-shadow: 0 0 14px 1px #00000073;
    background: radial-gradient(53.72% 53.72% at 29% 8.92%, #303C49 0%, #151B22 100%);
}
.gridbox-5 .grid-box {
    width: 18%;
    margin: 1%;
}
.box-design:hover, .icon-border:hover {
    transform: scale(1.02);
    box-shadow: 0 0 20px 0 #494f5f4a;
    transition: 0.2s;
}
.justify-content-center .sprite-width-m {
    margin: 0 auto;
}
.sprite-width-m {
    width: 72px;
    height: 72px;
}
.sprite-width-m img {
    width: 72px !important;
    height: 72px !important;
    object-fit: cover;
}
.nft-market-section img {
    background-color: #fff;
    padding: 5px;
    border-radius: 50%;
}
.l-grey {
    background: #7a7a7a40;
    padding: 20px;
    border-radius: 10px;
    color: #fff;
}
.l-grey img{
    border-radius: 50%;
    margin-bottom: 10px;;
}
.l-grey div{
    margin-top: 10px;
}
.circle-icon, .footer-logo, .icon-s, .inner-title, .left-box .border .m-icon, .read-btn i, .right-nav li a, .social-section i, .social-section > div span, .top-s-icon a, img, span {
    vertical-align: middle;
}
.game-logos img {
    max-height: 80px;
    width: auto;
}
.outline-btn, .outline-dark-btn {
    display: inline-block;
    min-width: 150px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
}
.outline-dark-btn {
    border: #ffffff solid 2px;
    padding: 10px 20px;
    font-weight: 500;
    border-radius: 30px;
    color: #ffffff !important;
}
.outline-btn {
    border: #006900 solid 2px;
    padding: 7px 20px;
    font-weight: 700;
    font-size: 20px;
    border-radius: 30px;
    color: #353535 !important;
}
.outline-btn {
    border: #404040 solid 2px;
    padding: 7px 20px;
    font-weight: 700;
    font-size: 15px;
    border-radius: 30px;
    color: #353535 !important;
}
.inner-banner .outline-btn, .home-bg .outline-btn {
    color: #fff !important;
    border: #fff solid 2px !important;
}
.titlet span {
    background: linear-gradient(180deg, #7A7A7A 28.88%, #ffffff 63.1%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-text-stroke-color: #f4f4f4;
    -webkit-text-stroke-width: 1px;
    letter-spacing: 2px;
}
.object-img {
    width: 200px;
    height: 200px;
    object-fit: cover;
}
.object-m-img {
    width: 150px;
    height: 150px;
    margin-bottom: 10px;
}
.object-m-img img {
    width: 150px;
    height: 150px;
    object-fit: cover;
    max-width: inherit;
    padding: 0;
    margin: 0 !important;
    border-radius: 50%;
}
.game-s {
    font-size: 14px;
    margin: 5px;
    padding: 10px;
    background: #f4f4f4;
    color: #353535;
    position: relative;
    font-weight: 400;
}
.close-g {
    position: absolute;
    right: -8px;
    top: -10px;
    background-color: #5bb947;
    padding: 5px;
    border-radius: 16px;
    font-size: 11px;
    color: #fff;
    width: 20px;
    height: 20px;
}
.popular img{
    max-height: 100px;
}
.tri-tab {
    border-top: 2px solid #5c5c5c !important;
    border-bottom: 2px solid #5c5c5c;
}
.nav-link {
    color: #FFF !important;
    padding: 10px 13px;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
    background-color: #2a3035;
}
.tri-tab a {
    line-height: 30px;
    margin-right: 30px;
    text-transform: uppercase;
}
.mega-dropdown-menu a, .nav-pills .nav-link {
    letter-spacing: 0.3px;
    font-size: 15px;
    font-weight: 600;
}
.round .s-icon{
    border-radius: 50%;
}
.cen-exchanges ul, .decen-exchanges ul {
    padding: 10px;
}
.icon-tick, .ul-dot li {
    padding-left: 30px;
    background-size: 20px;
}
.cen-exchanges ul li, .decen-exchanges ul li {
    margin-bottom: 15px;
    border-bottom: 1px solid #444445;
    padding-bottom: 15px;
}
.noround .icon-border{
    padding: 0;
}
.noround img{
    border-radius: 4px !important;
}
.round .sprite-width-m {
    width: auto;
    height: auto;
}
p{
    color: #e7e7e7 !important;
}
.img-white img{
    background: #FFF;
    padding: 5px;
}

@media (max-height: 850px) {
    #home .container::before, .inner-banner .container::before {
        background-size: 32% !important;
        top: -12%;
    }
    #home .container::after, .inner-banner .container::after {
        background-size: 32% !important;
        bottom: -12%;
    }
}
@media (max-height: 850px) {
    .inner-banner .mx-auto {
        margin-top: 40px;
    }
}
@media (max-width: 991px) {
    .de-icon {
        display: none !important;
    }
    .mo-icon {
        display: flex !important;
    }
}