.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:clamp(3vh,2vw,5vh) 0;
    overflow-x: hidden!important;

}
.blck {
  color: #000;
  text-transform: capitalize;
}
.hb{
  font-size:clamp(30px,5vw,75px);
}
.l-blck {
  color: #0d0d0d;
}
.top {
  margin-top: -50px;
}
.bt {
  color: #0d41ec !important;
}
.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, #c0d7ff 0%, #ffffff 100%);
}
.scroll {
  max-height: 90vh;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
}


.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;
}
.tit-h {
  font-size: 50px !important;
}
.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:clamp(20px,4vw,60px);
}
.main_banner p {
  font-weight: normal;
  font-size:clamp(15px,2vw,18px);
  line-height: clamp(20px,4vw,30px);
  color: #182033;
}
h2{
  font-size:clamp(25px,6vw,40px);
}
.crypto-btn {
  border-radius: 7px;
  border: 1px solid #000;
  background: #000;
  color: #fff;
  font-weight: bold;
  padding: 10px 15px;
  font-size: clamp(10px,2vw,18px);
}
.second-sec {
  background: #f5f5f5;
}
.second-sec p {
  color: #002a5d;
}
.wrapperwhl {
  max-width: 90%;
}
.d-t {
  font-size: clamp(16px, 2vw, 18px);
  line-height: clamp(25px, 4vw, 32px);
  color: black;
  margin-bottom: 0 !important;
  
}
.icon-box {
  height: 100%;
  padding: 20px;
  transition: 0.5s all;
  background: #fff;
  border-radius: 10px;
}
.media {
  background: url(https://d2tq5plsi3dsez.cloudfront.net/Hivelance/square.webp),url(https://d2tq5plsi3dsez.cloudfront.net/Hivelance/arrow11.webp),#e3edff;
   border-radius: 7px;
  padding:10px 19px 10px 32px;
  transition: 0.5s all;
  background-repeat: no-repeat;
  background-position: 7px 14px,95% 20px;

}
.media1{
  background: url(https://d2tq5plsi3dsez.cloudfront.net/Hivelance/square.webp),#e3edff;
   border-radius: 7px;
  padding:10px 19px 10px 32px;
  transition: 0.5s all;
  background-repeat: no-repeat;
  background-position: 7px 14px;
}
.media:hover div {
  color: #fff;
}
.media:hover img {
  opacity: 0;
}
.media:hover {
  background: #0157cc94;
  border-radius: 8px;
  color: #fff;
}

.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:#0D41EC!important;
  border-radius: 30px;
  padding: 8px 25px;
}
.fourth-sec .nav-pills .nav-link{
    color: black;
}
.fourth-sec ul {
  border-radius: 50px;
  border: 1px solid #d1d1d1;
  background: #E0EBFF;
  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:clamp(3vh,2vw,5vh) 0;
}

.seventh-sec {
  background-repeat: no-repeat;
  background-position: right center;
  background-size: contain;
  padding: 10vh 0 0vh 0;
}
.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;
}
.listh{
    background-color: #E0EBFF;
    padding: 5px 5px 5px 10px;
    height: 100%;
    border-radius: 10px;
}
.cbg{
    background-color: #E0EBFF;
  
}
.cbg1{
  background-color:#9bbeff;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  transition: all 0.2s ease-in;
  border: 1px solid transparent;
}
.cbg1:hover{
  border: 1px solid #0d41ec;

}
.nb{
    border-radius: 10px 10px 30px 10px;
}
.nn{
    font-size:clamp(20px,4vw,50px);
    font-weight: bold;
}
.icon-boxs{
    height: 100%;
    padding: 20px;
    transition: .5s all;
    background: white;
    border-radius: 10px;

}
.bgt{
  background-color: #e0ebff;
}
.icon-boxs .h5 {
    padding-left: 10px;
    border-left: 4px solid #20283A;
}
.pos-im{
    position: sticky;
    top: 100px;
}
.white-card{
    border: 1px solid #ACC0E5;
    padding: 20px;
    border-radius: 6px;
    height: 100%;
    transition: all 0.2s ease-in;
}
.white-card:hover{
  border-color:#0d41ec;
}
.white-card .h5{
        padding-left: 10px;
    border-left: 4px solid #20283A;

}
.bgw{
  background: white;
}

.tech {
    border-radius: 19px;
    border: 1px solid #3b5068;
    color: #3b5068;
    padding: 2px 13px 4px 13px;
    font-size: 17px;
    line-height: normal;
    white-space: nowrap;
}
.techno div {
    gap: 10px;
}
.support{
    gap: 5px 30px;
}
.d-lo{
  max-width: 150px;
  width: 100%;
}
.d-im img{
  width:80px;
}
.white-bg{
      background-color:#E0EBFF;
    border-radius: 30px;
}
.htab .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link {
    font-size: 18px !important;
    padding: 10px;
    color: #111111;
    font-weight: 500;
    display: flex;
}
.htab .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background-color:#0d41ec !important;
    color: white !important;
    border-radius: 10px;
}
.tcard {
    background-color: white;
    border-radius: 10px;
    color: black;
}
.media a:hover{
  text-decoration: none;
}
.stack .d-lo{
  max-width: 130px;
}
  .faq .b-t {
      margin-right: 26px;
    }
@media(max-width:556px){
  .wrapperwhl{
    max-width: 98%;
  }
  .pos-im{
    display: none;
  }
      .htab {
        flex-direction: row !important;
        flex-wrap: nowrap;
        overflow-x: auto;
    }
    .htab .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link{
      white-space: nowrap;
    }
    .d-lo{
     max-width: 100px;
    }
    .white-card,.icon-boxs{
      padding: 10px;
    }
    .fourth-sec .nav-pills .nav-link{
      white-space: nowrap;
    }
    .fourth-sec ul{
      flex-wrap: nowrap;
      overflow: auto;
    }
    .ret{
      font-size: 12px;
      line-height: 15px;
    }

    .main_banner{
      min-height: fit-content!important;
      padding-top: 20%;
    }
  

}
a:hover{
  text-decoration: none!important;
}
.d-im{
  display: flex;
  align-items: center;
  justify-content: center;
}