h1, h2, h3, h4, h5 {
    font-weight: 600;
}
.fo-section{
    margin-top: -25px;
}
.bg-nav{
    background-color: #091928 !important;
}
.dark-theme{
  background: #091928 !important;
  /* background: linear-gradient(160deg, #0f172a, #1e293b, #0a0f1a); */
  /* background: linear-gradient(135deg, #19212c 0%, #0d1117 100%); */

  /* background-size: 400% 400%;  */
  color: #dce2f0 !important;
  /* background-size: 400% 400%;  */
  animation: gradientFlow 18s ease infinite;
}
.footer-div{
  background: #07121d;
}
.text-end-start{
    text-align: right !important;
}
.hh-logo{
    height: 50px !important;
    justify-content: center
}
.mm-logo{
    height: 50px !important;
    justify-content: center
}

.footer-link-by{
    text-align: right;
}

/* media queries */
@media only screen and (max-width: 280px){
    
    .web-view{
        display: none !important;
    }
    .mobile-view{
        display: block !important;
    }

}
@media only screen and (min-width: 281px) and (max-width: 320px){
    
    .web-view{
        display: none !important;
    }
    .mobile-view{
        display: block !important;
    }
  
}

@media only screen and (min-width: 321px) and (max-width: 360px){

    .web-view{
        display: none !important;
    }
    .mobile-view{
        display: block !important;
    }
    
 
}
@media only screen and (min-width: 361px) and  (max-width: 376px){
    .web-view{
        display: none !important;
    }
    .mobile-view{
        display: block !important;
    }
}
@media only screen and (min-width: 377px) and  (max-width: 500px){
    
    .web-view{
        display: none !important;
    }
    .mobile-view{
        display: block !important;
    }
}
@media only screen and (min-width: 361px) and  (max-width: 412px){
    .redirect-link {
        white-space: nowrap;
        width: 320px; 
        overflow: hidden;
        text-overflow: ellipsis; 
    }
}
@media only screen and (max-width: 500px){
    .footer-details{
        float: left !important;
    }
    .footer-text .footer-details {
        padding-left: .1rem !important;
    }
    #usd_balance{
        display: inline-block;
    }
    #wallet_balance{
        display: block;
    }
    #wallet_balance {
        line-height: 1em;
    }
    .card_qr_div{
        margin-bottom: 5px !important;
    }
    .text-end-start{
        text-align: left !important;
    }
}
@media only screen and (min-width: 501px) and  (max-width: 680px){
    .web-view{
        display: none !important;
    }
    .mobile-view{
        display: block !important;
    }
}
@media only screen and (min-width: 681px) and  (max-width: 768px){
    .web-view{
        display: none !important;
    }
    .mobile-view{
        display: block !important;
    }
}

@media only screen and (min-width: 501px) and (max-width: 769px){
    .custom-alert-box{
        top: 110px;
        left: 43%;
    }
    .footer-link-by{
        margin-top: 5px;
        text-align: center;
    }
}

/* large screens  */
@media only screen and (max-width: 511px){
    .btn-shortener{
        margin-top: 5px !important;
        border-radius: .45em;
    }
}
@media only screen and (max-width: 767.98px){
    .button-menu-mobile.disable-btn{
        display: block !important;
    }
    .button-menu-mobile span {
        background-color: rgba(104, 104, 104, 0.8);
    }
}
@media only screen and (min-width: 768px){
    .button-menu-mobile.disable-btn{
        display: none !important;
    }
    #_input_url_div {
        position: relative;
        display: inline-block;
        width: 100%;
    }
    #_input_url {
        background: #fff;
        border: 0;
        border-radius: 20px;
        padding: 20px;
        width: 100%;
        border: 1px solid #dee2e6;
    }
    #_shorten_url_btn {
        position: absolute;
        right: 6px;
        top: -7px;
        border-radius: 15px !important;
    }
}
@media only screen and (min-width: 769px) and  (max-width: 800px){
    .web-view{
        display: block !important;
    }
    .mobile-view{
        display: none !important;
    }
}
@media only screen and (min-width: 769px) and (max-width: 810) {
    .web-view{
        display: block !important;
    }
    .mobile-view{
        display: none !important;
    }
}
@media only screen and (min-width: 801px) {
    .web-view{
        display: block !important;
    }
    .mobile-view{
        display: none !important;
    }
}
.list-box ul, li, ol {
  list-style: none;
}
.list-box ul {
  margin-left: -6%;
}
.list-box ul li {
  margin-bottom: 18px;
  background: #14263a;
  border-radius: 9px;
  padding: 8px 10px 8px 10px;
}
.list-box ul li :any-link{
  color: #fff !important;
}
.check-list span{
  padding: 8px 10px 8px 0px;
  display: inline;
}