*{
    font-family: Roboto, sans-serif;
}

body{
    background-image: url(/images/BG.jpg);
    background-size: cover;
    width: 100%;
    height: 100%;
    background-color: #1131a2;
    background-attachment: fixed;

}
.offcanvas{
    background: #1131a2;;
}
.brand-logo{
    width:300px;
    padding: 15px 0;
}
.menu-logo{
    width: 250px;
}
.main-container{
    min-height: 600px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}
section{
    position: relative;
    z-index: 2;
}
.navbar{
    min-height: 116.67px;
    background: rgb(17,49,162);
    background: linear-gradient(180deg, rgba(17,49,162,1) 0%, rgba(17,49,162,1) 50%, rgba(17,49,162,0) 100%);
    
}
.navbar .nav-link{
    color:#fff;
}
.nav-btn{
    border: 1px solid #fff;
    border-radius: 6px;
    padding: 5px;
    text-align: center;
    margin: 5px;
    
}
  
  .sc-container {
    border: 3px solid #f6af58;
    
    position: relative;
    width: 360px;
    height: 240px;
    margin: 0 auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none; 
    -o-user-select: none;
    user-select: none;
    overflow: hidden;
    border-radius: 25px;
    background: #fff;
  }
  .card-thumb{
    border: 3px solid #f6af58;
    border-radius: 25px;
    margin-bottom: 10px;
  }
  .canvas {
    position: absolute;
    top: 0;
  }
  
  .card-content {
    padding: 20px 0;
  }

  .card-content h1{
    background: rgb(246,175,88);
    background: linear-gradient(90deg, rgba(246,175,88,1) 0%, rgba(255,221,121,1) 20%, rgba(255,253,213,1) 50%, rgba(255,226,128,1) 81%, rgba(246,175,88,1) 100%);
   font-weight: 900;
   padding: 7px;
  }
  .card-content h2{
    font-weight: 600;
    margin: 0;
  }
footer{
    position: relative;
}
  footer ul{
    list-style: none;
    position: relative;
    z-index: 1;
    margin: 0;
    margin-top: 20px;
  }
  footer ul li{
    margin: 10px 15px;
  }
  footer ul li a{
    color: #fff;
  }
  .footer-image{
    position: relative;
    z-index: 0;
    margin-top: -10%;
  }
  .scenario-2 h1{
    font-size: 1.2rem;
  }
.card-title{
    color: #1131a2;
    font-weight: 900;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.policy-card ol li ul, .policy-card ol li ol{
    margin-bottom: 15px;
}
footer .social{
    text-decoration: none;
    display: flex;
    align-items: center;
}
footer .social i{
    font-size: 25px;
    margin-right: 10px;
}
.account-card{
    min-height: 400px;
}
.card-details{
    margin-top: 15px;
    background: rgb(246,175,88);
    background: linear-gradient(90deg, rgba(246,175,88,1) 0%, rgba(255,221,121,1) 20%, rgba(255,253,213,1) 50%, rgba(255,226,128,1) 81%, rgba(246,175,88,1) 100%);
   
    padding: 10px 20px;
}
.card-details p{
    margin-bottom: 0;
}
  @media (max-width: 991.98px) { 

    .user-nav{
        width: 100%;
    }

    .nav-btn{
        min-width: 200px;
    }
  }

  .step{
    color: #fff;
    text-align: center;
    text-transform: uppercase;

  }
  @media (max-width: 575.98px) { 
    .brand-logo{
      width: 200px;
    }
  }