:root {
    --font-family-sans-serif: "Open Sans", -apple-system, BlinkMacSystemFont,     
    "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", 
    "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";                      
}                                                                                 
*, *::before, *::after {                                                          
    -webkit-box-sizing: border-box;                                               
    box-sizing: border-box;                                                       
}                                                                                 
html {                                                                            
    font-family: sans-serif;                                                      
    line-height: 1.15;                                                            
    -webkit-text-size-adjust: 100%;                                               
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);                                
}                                                                                 
nav {                                                                             
    display: block;                                                               
}                                                                                 
body {                                                                            
    margin: 0;                                                                    
    font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI",      
    Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",             
    "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";                      
    font-size: 14px;                                                              
    font-weight: bold;                                                            
    line-height: 1;                                                               
    color: #515151;                                                               
    text-align: left;                                                             
    background-color: #FFFFFF;                                                    
}                                                                                 
h1, h2, h3, h4, h5, h6 {                                                          
    margin-top: 0;                                                                
    margin-bottom: 0.5rem;                                                        
}                                                                                 
p {                                                                               
    margin-top: 0;                                                                
    margin-bottom: 1rem;                                                          
}                                                                                 
a {                                                                               
    color: #3f84fc;                                                               
    text-decoration: none;                                                        
    background-color: transparent;                                                
}                                                                                 
a:hover {                                                                         
    color: #0458eb;                                                               
    text-decoration: underline;                                                   
}                                                                                 
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {                            
    font-family: "Nunito", sans-serif;                                            
    margin-bottom: 0.5rem;                                                        
    font-weight: 500;                                                             
    line-height: 1.2;                                                             
}                                                                                 
h1, .h1 {                                                                         
    font-size: 2.5rem;                                                            
    font-weight: normal;                                                          
}                                                                                 
.card {                                                                           
    position: relative;                                                           
    display: -webkit-box;                                                         
    display: -webkit-flex;                                                        
    display: -ms-flexbox;                                                         
    display: flex;                                                                
    -webkit-box-orient: vertical;                                                 
    -webkit-box-direction: normal;                                                
    -webkit-flex-direction: column;                                               
    -ms-flex-direction: column;                                                   
    flex-direction: column;                                                       
    min-width: 0;                                                                 
    word-wrap: break-word;                                                        
    background-color: #fff;                                                       
    background-clip: border-box;                                                  
    border: 1px solid rgba(0, 0, 0, 0.125);                                       
    border-radius: 0;                                                             
}                                                                                 
.card-body {                                                                      
    -webkit-box-flex: 1;                                                          
    -webkit-flex: 1 1 auto;                                                       
    -ms-flex: 1 1 auto;                                                           
    flex: 1 1 auto;                                                               
    padding: 1.25rem;                                                             
}                                                                                 
.card-header {                                                                    
    padding: 0.75rem 1.25rem;                                                     
    margin-bottom: 0;                                                             
    background-color: rgba(0, 0, 0, 0.03);                                        
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);                                
    text-align: center;                                                           
}                                                                                 
.dashboard {                                                                      
    display: -webkit-box;                                                         
    display: -webkit-flex;                                                        
    display: -ms-flexbox;                                                         
    display: flex;                                                                
    min-height: 100vh;                                                            
}                                                                                 
.dashboard-app {                                                                  
    display: -webkit-box;                                                         
    display: -webkit-flex;                                                        
    display: -ms-flexbox;                                                         
    display: flex;                                                                
    -webkit-box-orient: vertical;                                                 
    -webkit-box-direction: normal;                                                
    -webkit-flex-direction: column;                                               
    -ms-flex-direction: column;                                                   
    flex-direction: column;                                                       
    -webkit-box-flex: 2;                                                          
    -webkit-flex-grow: 2;                                                         
    -ms-flex-positive: 2;                                                         
    flex-grow: 2;                                                                 
    margin-top: 50px;                                                             
}                                                                                 
.dashboard-content {                                                              
    -webkit-box-flex: 2;                                                          
    -webkit-flex-grow: 2;                                                         
    -ms-flex-positive: 2;                                                         
    flex-grow: 2;                                                                 
    padding: 25px;                                                                
    background-color: #F5FAFF;                                                    
}                                                                                 
.dashboard-nav {                                                                  
    min-width: 300px;                                                             
    position: fixed;                                                              
    left: 0;                                                                      
    top: 0;                                                                       
    bottom: 0;                                                                    
    overflow: auto;                                                               
    background-color: #2000a0;                                                    
}                                                                                 
.dashboard-compact .dashboard-nav {                                               
    display: none;                                                                
}                                                                                 
.dashboard-nav header {                                                           
    min-height: 50px;                                                             
    padding: 8px 27px;                                                            
    display: -webkit-box;                                                         
    display: -webkit-flex;                                                        
    display: -ms-flexbox;                                                         
    display: flex;                                                                
    -webkit-box-pack: center;                                                     
    -webkit-justify-content: center;                                              
    -ms-flex-pack: center;                                                        
    justify-content: center;                                                      
    -webkit-box-align: center;                                                    
    -webkit-align-items: center;                                                  
    -ms-flex-align: center;                                                       
    align-items: center;                                                          
}                                                                                 
.dashboard-nav header .menu-toggle {                                              
    display: none;                                                                
    margin-right: auto;                                                           
}                                                                                 
.dashboard-nav a {                                                                
    color: #515151;                                                               
}                                                                                 
.dashboard-nav a:hover {                                                          
    text-decoration: none;                                                        
}                                                                                 
.dashboard-nav {                                                                  
    background-color: #2000a0;                                                    
}                                                                                 
.dashboard-nav a {                                                                
    color: #fff;                                                                  
}                                                                                 
.brand-logo {                                                                     
    font-family: "Nunito", sans-serif;                                            
    font-weight: bold;                                                            
    font-size: 20px;                                                              
    display: -webkit-box;                                                         
    display: -webkit-flex;                                                        
    display: -ms-flexbox;                                                         
    display: flex;                                                                
    color: #515151;                                                               
    -webkit-box-align: center;                                                    
    -webkit-align-items: center;                                                  
    -ms-flex-align: center;                                                       
    align-items: center;                                                          
}                                                                                 
.brand-logo:focus, .brand-logo:active, .brand-logo:hover {                        
    color: #dbdbdb;                                                               
    text-decoration: none;                                                        
}                                                                                 
.brand-logo i {                                                                   
    color: #d2d1d1;                                                               
    font-size: 27px;                                                              
    margin-right: 10px;                                                           
}                                                                                 
.dashboard-nav-list {                                                             
    display: -webkit-box;                                                         
    display: -webkit-flex;                                                        
    display: -ms-flexbox;                                                         
    display: flex;                                                                
    -webkit-box-orient: vertical;                                                 
    -webkit-box-direction: normal;                                                
    -webkit-flex-direction: column;                                               
    -ms-flex-direction: column;                                                   
    flex-direction: column;                                                       
}                                                                                 
.dashboard-nav-item {                                                             
    min-height: 40px;                                                             
    padding: 8px 20px 8px 60px;                                                   
    display: -webkit-box;                                                         
    display: -webkit-flex;                                                        
    display: -ms-flexbox;                                                         
    display: flex;                                                                
    -webkit-box-align: center;                                                    
    -webkit-align-items: center;                                                  
    -ms-flex-align: center;                                                       
    align-items: center;                                                          
    letter-spacing: 0.02em;                                                       
    transition: ease-out 0.5s;                                                    
}                                                                                 
.dashboard-nav-item i {                                                           
    width: 30px;                                                                  
    font-size: 10px;                                                              
    margin-left: -46px;                                                           
}                                                                                 
.dashboard-nav-item:hover {                                                       
    background-color: #c70a21;                                                    
}                                                                                 
.active {                                                                         
    background: rgba(0, 0, 0, 0.1);                                               
}                                                                                 
.dashboard-nav-dropdown {                                                         
    display: -webkit-box;                                                         
    display: -webkit-flex;                                                        
    display: -ms-flexbox;                                                         
    display: flex;                                                                
    -webkit-box-orient: vertical;                                                 
    -webkit-box-direction: normal;                                                
    -webkit-flex-direction: column;                                               
    -ms-flex-direction: column;                                                   
    flex-direction: column;                                                       
}                                                                                 
.dashboard-nav-dropdown.show {                                                    
    background: rgba(255, 255, 255, 0.04);                                        
}                                                                                 
.dashboard-nav-dropdown.show > .dashboard-nav-dropdown-toggle {                   
    font-weight: bold;                                                            
    background-color: #c70a21;                                                    
}                                                                                 
.dashboard-nav-dropdown.show > .dashboard-nav-dropdown-toggle:after {             
    -webkit-transform: none;                                                      
    -o-transform: none;                                                           
    transform: none;                                                              
}                                                                                 
.dashboard-nav-dropdown.show > .dashboard-nav-dropdown-menu {                     
    display: -webkit-box;                                                         
    display: -webkit-flex;                                                        
    display: -ms-flexbox;                                                         
    display: flex;                                                                
}                                                                                 
.dashboard-nav-dropdown-toggle:after {                                            
    content: "";                                                                  
    margin-left: auto;                                                            
    display: inline-block;                                                        
    width: 0;                                                                     
    height: 0;                                                                    
    border-left: 5px solid transparent;                                           
    border-right: 5px solid transparent;                                          
    border-top: 5px solid rgba(81, 81, 81, 0.8);                                  
    -webkit-transform: rotate(90deg);                                             
    -o-transform: rotate(90deg);                                                  
    transform: rotate(90deg);                                                     
}                                                                                 
.dashboard-nav .dashboard-nav-dropdown-toggle:after {                             
    border-top-color: rgba(255, 255, 255, 0.72);                                  
}                                                                                 
.dashboard-nav-dropdown-menu {                                                    
    display: none;                                                                
    -webkit-box-orient: vertical;                                                 
    -webkit-box-direction: normal;                                                
    -webkit-flex-direction: column;                                               
    -ms-flex-direction: column;                                                   
    flex-direction: column;                                                       
}                                                                                 
.dashboard-nav-dropdown-item {                                                    
    min-height: 40px;                                                             
    padding: 8px 20px 8px 60px;                                                   
    display: -webkit-box;                                                         
    display: -webkit-flex;                                                        
    display: -ms-flexbox;                                                         
    display: flex;                                                                
    -webkit-box-align: center;                                                    
    -webkit-align-items: center;                                                  
    -ms-flex-align: center;                                                       
    align-items: center;                                                          
    transition: ease-out 0.5s;                                                    
}                                                                                 
.dashboard-nav-dropdown-item:hover {                                              
    background-color: #10024A;                                                    
}                                                                                 
.menu-toggle {                                                                    
    position: relative;                                                           
    width: 42px;                                                                  
    height: 42px;                                                                 
    display: -webkit-box;                                                         
    display: -webkit-flex;                                                        
    display: -ms-flexbox;                                                         
    display: flex;                                                                
    -webkit-box-align: center;                                                    
    -webkit-align-items: center;                                                  
    -ms-flex-align: center;                                                       
    align-items: center;                                                          
    -webkit-box-pack: center;                                                     
    -webkit-justify-content: center;                                              
    -ms-flex-pack: center;                                                        
    justify-content: center;                                                      
    color: #2000a0;                                                               
}                                                                                 
.menu-toggle:hover, .menu-toggle:active, .menu-toggle:focus {                     
    text-decoration: none;                                                        
    color: #10024A;                                                               
}                                                                                 
.menu-toggle i {                                                                  
    font-size: 20px;                                                              
}                                                                                 
.dashboard-toolbar {                                                              
    min-height: 50px;                                                             
    background-color: #dfdfdf;                                                    
    display: -webkit-box;                                                         
    display: -webkit-flex;                                                        
    display: -ms-flexbox;                                                         
    display: flex;                                                                
    -webkit-box-align: center;                                                    
    -webkit-align-items: center;                                                  
    -ms-flex-align: center;                                                       
    align-items: center;                                                          
    padding: 8px 27px;                                                            
    position: fixed;                                                              
    top: 0;                                                                       
    right: 0;                                                                     
    left: 0;                                                                      
    z-index: 1000;                                                                
}                                                                                 
.nav-item-divider {                                                               
    height: 1px;                                                                  
    margin: 1rem 0;                                                               
    overflow: hidden;                                                             
    background-color: rgba(236, 300, 239, 0.3);                                   
}                                                                                 
@media (min-width: 992px) {                                                       
    .dashboard-app {                                                              
        margin-left: 300px;                                                       
    }                                                                             
    .dashboard-compact .dashboard-app {                                           
        margin-left: 0;                                                           
    }                                                                             
}                                                                                 
@media (max-width: 768px) {                                                       
    .dashboard-content {                                                          
        padding: 15px 0px;                                                        
    }                                                                             
}                                                                                 
@media (max-width: 992px) {                                                       
    .dashboard-nav {                                                              
        display: none;                                                            
        position: fixed;                                                          
        top: 0;                                                                   
        right: 0;                                                                 
        left: 0;                                                                  
        bottom: 0;                                                                
        z-index: 1070;                                                            
    }                                                                             
    .dashboard-nav.mobile-show {                                                  
        display: block;                                                           
    }                                                                             
}                                                                                 
@media (max-width: 990px) {                                                       
    .dashboard-nav header .menu-toggle {                                          
        display: -webkit-box;                                                     
        display: -webkit-flex;                                                    
        display: -ms-flexbox;                                                     
        display: flex;                                                            
    }                                                                             
}                                                                                 
@media (min-width: 990px) {                                                       
    .dashboard-toolbar {                                                          
        left: 300px;                                                              
    }                                                                             
    .dashboard-compact .dashboard-toolbar {                                       
        left: 0;                                                                  
    }                                                                             
}
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap'); 
/* Reseting */                                                                                                   
* {                                                                                                              
    margin: 0;                                                                                                   
    padding: 0;                                                                                                  
    box-sizing: border-box;                                                                                      
    font-family: 'Poppins', sans-serif;                                                                        
}                                                                                                                
body {                                                                                                           
    background: #F5FAFF;                                                                                         
}                                                                                                                
.wrapper {                                                                                                       
    max-width: 350px;                                                                                            
    min-height: 400px;                                                                                           
    margin: 80px auto;                                                                                           
    padding: 30px 20px 20px 20px;                                                                                
    background-color: #ecf0f3;                                                                                   
    border-radius: 15px;                                                                                         
    box-shadow: 13px 13px 20px #cbced1, -13px -13px 20px #fff;                                                   
}                                                                                                                
.logo {                                                                                                          
    width: 250px;                                                                                                 
    margin: auto;                                                                                                
}                                                                                                                
.logo img {                                                                                                      
    width: 100%;                                                                                                 
    height: 130px;                                                                                                
    object-fit: cover;                                                                                           
}                                                                                                                
.wrapper .name {                                                                                                 
    font-weight: 600;                                                                                            
    font-size: 1.4rem;                                                                                           
    letter-spacing: 1.3px;                                                                                       
    padding-left: 10px;                                                                                          
    color: #555;                                                                                                 
}                                                                                                                
.wrapper .form-field input {                                                                                     
    width: 100%;                                                                                                 
    display: block;                                                                                              
    border: none;                                                                                                
    outline: none;                                                                                               
    background: none;                                                                                            
    font-size: 1.2rem;                                                                                           
    color: #666;                                                                                                 
    padding: 10px 15px 10px 10px;                                                                                
    /* border: 1px solid red; */                                                                                 
}                                                                                                                
.wrapper .form-field {                                                                                           
    padding-left: 10px;                                                                                          
    margin-bottom: 20px;                                                                                         
    border-radius: 10px;                                                                                         
    box-shadow: inset 8px 8px 8px #cbced1, inset -8px -8px 8px #fff;                                             
}                                                                                                                
.wrapper .form-field .fas {                                                                                      
    color: #555;                                                                                                 
}                                                                                                                
.wrapper .btn {                                                                                                  
    box-shadow: none;                                                                                            
    width: 100%;                                                                                                 
    height: 40px;                                                                                                
    background-color: #2000a0;                                                                                   
    color: #fff;                                                                                                 
    border-radius: 5px;                                                                                          
    box-shadow: 3px 3px 3px #b1b1b1,                                                                             
        -3px -3px 3px #fff;                                                                                      
    letter-spacing: 1.3px;                                                                                       
}                                                                                                                
.wrapper .btn:hover {                                                                                            
    background-color: #10024A;                                                                                   
    color: #fff;                                                                                                 
}                                                                                                                
.wrapper a {                                                                                                     
    text-decoration: none;                                                                                       
    font-size: 0.8rem;                                                                                           
    color: #2000a0;                                                                                              
}                                                                                                                
.wrapper a:hover {                                                                                               
    color: #10024A;                                                                                              
}                                                                                                                
@media(max-width: 380px) {                                                                                       
    .wrapper {                                                                                                   
        margin: 30px 20px;                                                                                       
        padding: 40px 15px 15px 15px;                                                                            
    }                                                                                                            
}