.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%);
}
.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;
}
.main_banner .bf {
  font-size:84px;
  font-weight:500;
}
.main_banner h1{
  font-size: 60px;

  
}
h2{
  text-transform: capitalize;
}
.main_banner p {
  font-weight: normal;
  font-size: 18px;
  color: #0D0D0D;
}
.crypto-btn {
  border-radius: 7px;
  border: 1px solid #000;
  background: #000;
  color: #fff;
  font-weight: 600;
  padding: 10px 15px;
}
.blck{
    color: #000;
}
.b-t{
  color: #0D41EC;
}
.wrapperwhl{
  max-width:90%!important;
}
section{
  padding: 5vh 0;
}
      

      .con{
        font-size: 18px;
        line-height: 32px;
      }
      .bg-3{
          background-color: #E0EBFF;
          border-radius: 40px;
      }
      .fourth-sec{
        background: linear-gradient(180deg, #E0EBFF 0%, #FFFFFF 106.37%);

      }
  .image-bg{
    background: linear-gradient(180deg, rgba(121, 121, 121, 0) 0%, #FFFFFF 100%);


  }

      .empty-box{
          background-color: white;
          padding: 20px;
          border-radius: 6px;
      }
  
  .card-section .empty-box .h5{
      border-left: 4px solid grey;
        padding-left: 10px;


  }
.media {
  padding: 10px;
  transition: 0.5s all;
  background: #e3edff;
  border-radius: 7px;
}
.media:hover {
  background: #0157cc94;
  border-radius: 8px;
  color: #fff;
}
.media:hover img {
  opacity: 0;
}
.media:hover div {
  color: #fff!important;
}
.media img {
  max-width: 30px;
  width: 100%;
  height: auto;
}
  .empty-box{
          height:100%;
          overflow: auto;
      }
  .imv .s-box p{
      font-size: 14px;
  }
  .wrapperwhls{
      max-width: 80%!important;
  }
  .colo-sec .empty-box{
      background-color: #E2EDFF;
      height: 100% ;
      
  }
  .colo-sec .empty-box .h5{
          border-left: 4px solid grey;
            

  }
  .eigth-sec{
      background-color: #E0EBFF;
  }
  .ban-text{
    position: relative;
    z-index: 3;
  }
  .crypto-btn{
    border-radius: 16px;
  }
.card-section{
background: linear-gradient(180deg, #E0EBFF 0%, #FFFFFF 106.37%);

}
.mt-box .h5{
        padding-left: 10px;
     border-left: 4px solid grey;
}
.mt-box{
    padding: 20px;
    background-color:#E2EDFF;
    border-radius: 6px;
    height: 100%;
}
.d-t{

  
 color: black!important;
}
.media{
  height: 100%;
  display: flex;
  align-items: center;
}

.nav-tabs{
  border-bottom:none!important ;
}
.nav-link{

  
  outline: transparent!important;
}
.nav-link.active {
  background-color: #0D41EC!important;
  color: white!important;
  border: 1px solid transparent!important;
    

}
.imd-ex img{
  width: 100px!important;
  
}
.mt-box:hover{
box-shadow:rgb(98 137 185 / 20%) -1px -1px 9px 7px;
}
.empty-box:hover{
  box-shadow:rgb(22 22 147 / 20%) 0px 2px 17px 5px;

}
.scroll {
    max-height: 50vh;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
}
.s-box{
      display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
@media(max-width:1500px){
  .big-image{
    max-width: 70%;
    width: 100%;
    height: auto;
  }
      .main_banner h1 {
        font-size: 55px;
    }
      .main_banner p {
        font-weight: normal;
        font-size: 16px;
        color: #182033;
        line-height: 30px;
    }
}
@media(max-width:1024px){
  .ov{
    overflow: auto;
    width: 100%!important;
    justify-content: start!important;
  }
  .vw{
    max-width: 92%!important;
  }

}
@media(max-width:768px){
  .con{
    font-size: 16px!important;
    line-height: 25px!important;
  }
      .main_banner h1 {
        font-size: 35px;
        text-align: center;
        line-height: 40px;
    }
  section{
    padding: 3vh 0!important;
  }
  .crypto-btn{
    font-size: 12px!important;
  }
  .main_banner .bf {
    font-size: 44px;
    font-weight: 500;
}
h2{
    font-size: 20px;
}
}