@font-face {
    font-family: 'FontAwesome';
    src: url('path-to-fontawesome-fonts/fontawesome-webfont.woff2') format('woff2'),
         url('path-to-fontawesome-fonts/fontawesome-webfont.woff') format('woff');
}





body {
        background:#f6f7fb !important;
    }
    
    a {
        color:#018aff;
        text-decoration:underline;
    }
    
    button {
        cursor:pointer;
    }
    
    
    p{
        font-size: 16px;
    }
    
    .account-creation {
        margin:0 auto;
        margin-top:120px;
    }
    
    
    
    @media screen and (max-width: 900px) {
    
  
    
    
    .account-login {
        padding:20px !important;
    }
    
    
    .bottom-card p {
        padding:20px !important;
    }
    
    
    .verification__input {
        width:30px !important;
    }
    
     
}

    
    
    
    
    
    
    @media (max-width: 850px) {
        
        
        .account-creation{
            margin-top:50px !important;
        }
        
        .account-login {
            margin-top:50px !important;
        }
        
        
        .list-text {
            font-size:12px !important;
        }
        
        
        .check-text {
            display:inline !important;
            font-size:13px;
        }
        
        
    }
    
    
    .main-sec{
        
      margin-top:7rem !important;  
        
        
    }
    
    
    .top-nav {
    position: absolute;
    top: 0;
    background: #1d272f;
    width: 100%;
    height: 68px;
}


.nav-right {
    float:right;
    position:relative;
    top:12px;
    margin-right:20px;
}

.nav-profile {
    height:auto;
    width:45px;
    border-radius:50%;
}

    
    
    
    .account-login {
        margin:0 auto;
        margin-top:120px;
    }
    
    
    .main-title{
        font-weight:700;
        text-align:center;
        color:#383838;
    }
    
    .main-subtext {
        text-align:center;
        color:#848484;
        font-weight:500;
        font-size:18px;
    }
    
    .account-container {
    max-width: 580px;
    background: #ffffff;
    padding: 35px;
    border-radius:3px;
    margin-top:30px;
    }
    
    
    .login-container {
    max-width: 452px;
    background: #ffffff;
    padding: 35px;
    border-radius:3px;
    margin-top:30px;
    }
    
    
    .form-control {
        box-shadow:none;
    }
    
    label {
        color:#3c3c3c;
        font-weight:500;
    }
    
    .list-marker {
        font-size: 34px;
        color:#c4c4c4;
        transition:0.3s;
    }
    
    .list-text {
        position:relative;
        bottom:7px;
        color:#676767;
    }
    
    .checks-list {
        display:flex;
        gap:30px;
    }
    
    .top-bottom {
        display:block;
    }
    
    input[type="checkbox"] {
        width: 20px;
        height: 20px;
        margin-right: 5px;
    }
    
    .check-text {
        position:relative;
        bottom:5px;
    }
    
    
    .createaccountbtn {
    margin-top:20px;
    width:100%;
    border:none;
    padding: 14px;
    border-radius: 5px;
    background: #ff8566;
    color: white;
    font-weight: 600;
    font-size: 17px;
    }
    
    
    .bottom-text {
        text-align:center;
    }
    
    
    .under-section {
        margin:0 auto;
        text-align:center;
        margin-top:20px;
        max-width: 580px;
        position:relative;
        margin-bottom:80px;
    }
    
    .under-section-login {
        margin:0 auto;
        text-align:center;
        margin-top:20px;
        max-width: 452px;
        position:relative;
        margin-bottom:80px;
    }
    
    .hippa-img {
    width: 110px;
  
    }
    
    .trust-img {
        position:relative;
        top:4px;
    }
    
    
    .footer-note {
        color:#848484;
    }
    
    .form-group {
        position:relative;
    }
    
    .eye-icon {
        margin-right:5px;
        fill: #c0c0c0;
    }
    
    .eye-section {
        position:absolute;
        right: 0;
        margin-right: 9px;
        bottom: 4px;
        cursor:pointer;
    }
    
    .showbtn {
        position:relative;
        bottom:3px;
        color:#8b8b8b;
    }
    
    .logo-login {
        width:174px;
    }
    
    
    .logo-otp {
        width:174px;
        margin-bottom:20px;
    }
    
    
    .loginbtn {
            margin-top: 22px;
    width: 100%;
    border: none;
    padding: 12px;
    border-radius: 5px;
    background: #1089ff;
    color: white;
    font-weight: 600;
    font-size: 17px;
    }
    
    
    /* Dental records */
    
    .wrapped{
        display: flex;
    }
    
      .side-nav {
      position:relative;
      padding:20px;
      background:#16202c;
      height: auto;
      min-height: 100vh;
      max-width:270px;
      width:100%;
      
  }

    
    
    
    .ul-container .nav-ul {
        display: flex;
        flex-direction: column;
        gap: 2em;
        margin-left: -16px;

        
    }
    
    .bottom-nav-container{
        margin-top: 62px;
    }
    
    .ul-container{
        display: flex;
        flex-direction: column;
    }
    
    .nav-btn{
        font-size: 17px;
    }
    
    .nav-btn-no-outline{
        font-size: 18px;
    }