.logo{
    width: 200px;
    height: 50px;
}
@font-face {
    font-family: sitefont;
    src: url('../fonts/WFVisualSans-Regular.ttf');
}

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

}
section{
    padding: 50px 0;
}
.blck{
    color: #000;
}
.l-blck{
    color: #0D0D0D;
}
.b-box {
    background: #E0EBFF;
    padding: 30px;
    
    border-radius: 10px;
}
.top{
    margin-top: -50px;
}
.main_banner:after{
content: "";
    position: absolute;
    top: 0;
    right: -60vh;
    width: 90vh;
    height: 90vh;
    background: transparent;
    opacity: 0.6;
    border-radius: 100%;
    border: 101px solid #FCFDFF;
}
.main_banner:before{
content: "";
    position: absolute;
    bottom: -40vh;
    left: -50vh;
    width: 90vh;
    height: 90vh;
    background: transparent;
    opacity: 0.6;
    border-radius: 100%;
    border: 101px solid #FCFDFF;
}
.our{
background: linear-gradient(180deg, #E0EBFF 0%, #FFFFFF 100%);
}
.scroll{
    max-height: 70vh;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
}
.parent{
    display: flex;
    gap:15px;
    flex-wrap: wrap;
    margin-top: 20px;
}
.sub {
    background: #E2EDFF;
    height: 10vh;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 18%;
    padding: 15px;
    border-radius: 20px;
}
.parent2{
    display: flex;
    gap:15px;
    flex-wrap: wrap;
    margin-top: 20px;
}
.sub2 {    
    height: 15vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 10%;
    padding: 15px;
    border-radius: 20px;
}
.fourth-sec:after{
    content: "";
    position: absolute;
    bottom: -22vh;
    right: -25vh;
    width: 50vh;
    height: 50vh;
    background: transparent;
    opacity: 0.5;
    border-radius: 100%;
    border: 71px solid #E1ECFF;
}
.fourth-sec:before{
    content: "";
    position: absolute;
    bottom: 0vh;
    left: -30vh;
    width: 50vh;
    height: 50vh;
    background: transparent;
    opacity: 0.5;
    border-radius: 100%;
    border: 71px solid #E1ECFF;
}
.s-box {
    text-align: center;
}
.nineth{
    position: relative;
    overflow: hidden;
}
.nineth:after{
content: "";
    position: absolute;
    bottom: -20vh;
    right: -20vh;
    width: 50vh;
    height: 50vh;
    background: transparent;
    opacity: 0.6;
    border-radius: 100%;
    border: 101px solid #edf4ff;
}
.nineth:before{
content: "";
    position: absolute;
    top: 0;
    left: -28vh;
    width: 50vh;
    height: 50vh;
    background: transparent;
    opacity: 0.6;
    border-radius: 100%;
    border: 101px solid #E1ECFF;
}
h2{
    text-transform: capitalize;
}
 .faq{
        background: #181818;
    }
    .faq .card{
        margin-bottom: 5px;
    background: none;
    color: #dddddd;
    border: 0;
    border-bottom: 1px solid #717171;
    padding: 7px 0;
    border-radius: 0;
    }
    .faq .b-t {
    color: #dddddd !important;
}
    .faq .card-header {
      border-bottom: 0;
      background: none;
    }
    [aria-expanded=true].card-header span::after {
    background: url(front/images/minus.svg) center / 15px no-repeat !important;
}
.faq .card-body{
    padding-right: 50px;
    color: #939292;
}
    #accordion1 .card-header span:after {
    content: "";
    position: absolute;
    background: url(front/images/plus.svg) center / 15px no-repeat;
    width: 18px;
    height: 18px;
    top: 50%;
    left: 49%;
    transform: translate(-42%, -47%);
}
.faq_cust .btn-header-link{display: flex; align-items: center; justify-content: space-between;box-shadow: none; }
.faq_cust .card
{
    border: 1px solid rgba(0, 0, 0, .125);
    margin-bottom: 10px;
}
.faq_cust .card-header{background: transparent;border:0px;padding: 0px}
.faq_cust .card .card-header .btn-header-link:after {
    content: "";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    float: left;
    margin-right: 20px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(https://d2tq5plsi3dsez.cloudfront.net/Hivelance/left-arrow_1.png);
    background-color: #0D41EC;
    background-size: 65%;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
    margin-right: 0px;

}
.faq_cust .card .card-header .btn-header-link.collapsed:after {
    content: "";
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(https://d2tq5plsi3dsez.cloudfront.net/Hivelance/left-arrow_2.png);
    background-color: #0D41EC;
    background-size: 65%;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
}
#accordion1 .card-header span {
    background: none;
    border: 2px solid #FFF;
}

#accordion1 .card-header span {
    float: right;
    border-radius: 30px;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 10px;
    top: 13px;
    opacity: .5;
}
[aria-expanded="true"].card-header span {
    background: none !important;
}
[aria-expanded=true].card-header span {
    opacity: 1 !important;
}
#accordion1 span{
    background: none;
    color: #939292 !important;
}
.bicon-box {
    height: 100%;
    padding: 20px;
    transition: .5s all;
    background: #ebf1ff;
    border-radius: 10px;
}
.title{
    line-height: 50px;
}
.second-sec img{
    max-width: 700px;
    width: 100%;
    height: auto;
}

.main_banner {
    overflow: hidden;
    position: relative;
    overflow-y: hidden;
    min-height: 100vh !important;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(180deg, #C0D7FF 0%, #FFFFFF 100%);
}

.dark div#icon2 span {
    background: #fff
}

.b-t {
    color: #0D41EC
}

.main_banner h1 {
    font-size: 75px
}

.main_banner h1 span {
    font-size: 95px
}

.main_banner p {
    font-weight: normal;
    font-size: 18px;
    color: #182033
}

.crypto-btn {
    border-radius: 7px;
    border: 1px solid #000;
    background: #000;
    color: #fff;
    font-weight: bold;
    padding: 10px 15px;
}

.second-sec {
    background: #fff;
}

.second-sec p {
    color: #002a5d
}

.wrapperwhl {
    max-width: 90%
}

.d-t {
    color: #002a5d
}

.icon-box {
    height: 100%;
    padding: 20px;
    transition: .5s all;
    background: #fff;
    border-radius: 10px;
}

.media img {
    max-width: 30px;
    width: 100%;
    height: auto;
}

.media:hover div {
    color: #fff
}

.media:hover img {
    opacity: 0
}

.media:hover {
    background: #0157cc94;
    border-radius: 8px;
    color: #fff
}

.media {
    padding: 10px;
    transition: .5s all;
    height: 100%;
    background: #FFFFFF;
    border-radius: 30px;
}

.icon-box:hover {
    background: #d8e2efc2;
    border-radius: 10px
}

.icon-box img {
    max-width: 70px;
    width: 100%
}

.icon-box .h5 {
    padding-left: 10px;
    border-left: 4px solid #20283A
}

.star {
    background: url(https://d2tq5plsi3dsez.cloudfront.net/Hivelance/square.webp), #E3EDFF;
    margin-bottom: 15px;
    border-radius: 10px;
    background-repeat: no-repeat;
    padding: 10px 10px 10px 30px;
    background-position: 5px;
    color: #002a5d;
    border-left: 3px solid transparent
}

.fourth-sec {
    position: relative;
    overflow: hidden;
}

.fourth-sec .nav-pills .nav-link.active {
    color: #fff;
    background-color: #007bff;
    border-radius: 30px;
    font-size: 22px;
    padding: 8px 25px
}

.fourth-sec .nav-pills .nav-link {
    border-radius: 50px;
    border: 1px solid #d1d1d1;
    background: #FFF;
    color: #002a5d;
    font-size: 22px;
    padding: 8px 25px;
    margin-right: 5px
}

.star:hover {
    background: url(https://d2tq5plsi3dsez.cloudfront.net/Hivelance/square.webp), #E3EDFF;
    background-repeat: no-repeat;
    background-position: 5px;
}

.empty-box .h5 {
    padding-left: 10px;
    border-left: 4px solid #f3bb10
}

section {
    padding: 5vh 0
}

.sixth-sec {}

.seventh-sec {
    background-repeat: no-repeat;
    background-position: right center;
    background-size: contain;
}

.eidth-sec {
    background: linear-gradient(0deg, #E0EBFF 0%, #FFFFFF 100%);
}

.owl-nav {
    display: none
}

.focus {
    background: url(https://d2tq5plsi3dsez.cloudfront.net/Hivelance/square.webp), #E3EDFF;
    background-repeat: no-repeat;
    padding: 10px 10px 10px 26px;
    background-position: 5px;
    margin-bottom: 10px;
    border-radius: 5px;
}

#accordion1 span {
    background: #0256c6
}

.formbox {
    box-shadow: -50px -75px 0 5px #0256c6
}

.footerpart {
    background: #0256c6;
    position: relative
}

.footerpart h3 {
    color: #fff;
    font-weight: bold
}

.social-link {
    display: flex;
    justify-content: center
}

.mob {
    display: none
}

.menu-open div#icon2 span {
    background: #fff
}

.menu-open .logo {
    filter: inherit
}

.footerpart li a {
    color: #fff
}

.copy-rights {
    color: #fff
}

.owl-dots {
    display: none
}

/*====================media start==================*/
@media(max-width: 1500px) {
    .sub img {
        max-height: 6vh;
    }
    .scroll{
        max-height: 100vh;
    }
    .main_banner h1 span {
        font-size: 70px;
    }

    .big-image {
        max-width: 70%;
        width: 100%;
        height: auto;
    }

    .main_banner h1 {
        font-size: 55px;
    }
    .sub2{
        height: 18vh;
        padding: 10px;
        max-width: 9%;
    }
     .rock{
        max-width: 210px;
        width: 100%;
    }
    .main_banner p {
        font-weight: normal;
        font-size: 16px;
        color: #182033;
        line-height: 30px;
    }
}

@media(max-width: 1350px) {
    .scrolling {
        max-height: 500px;
        overflow-y: auto;
    }

    .main_banner h1 {
        font-size: 55px;
        line-height: 73px;
        margin-top: 20px;
    }
}

@media(max-width: 768px) {
    .s-box img {
        max-width: 60px;
    }

    section {
        padding: 3vh 0;
    }

    .seventh-sec {
        padding: 0;
    }

    .main_banner h1 span {
        font-size: 38px;
    }
    .wrapperwhl {
    max-width: 100%;
}
.main_banner p{
    font-size: 15px;
    line-height: 25px;
}
.title {
    line-height: 31px;
}
p {
    font-size: 15px;
    line-height: 25px;
}
.sub{
    max-width: 47%;
}
    .sub2 {
        height: 18vh;
        padding: 10px;
        max-width: 47%;
    }
    .main_banner h1 {
        font-size: 35px;
        text-align: center;
        line-height: 40px;
    }

    .top {
        margin-top: -20px;
    }

    .icon-box p,
    .icon-box img,
    .none-sec,
    .faq {
        display: none;
    }

    .main_banner {
        text-align: center;
    }


    h2 {
        font-size: 25px;
        text-align: center;
    }

    .social-link {
        display: block;
    }

    .social-link img {
        margin-top: 10px;
    }

    .fourth-sec li {
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }

    .iso {
        display: none;
    }

    .seventh-sec {
        background-image: none;
    }

    .nineth img {
        display: none;
    }

    .desk {
        display: none;
    }

    .mob {
        display: block;
    }
}