@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap'); 
@import url('https://fonts.googleapis.com/css?family=Inter:100,200,300,400,500,600,700,800,900&display=swap'); 
  body {  
    font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;
    font-size:100%;
  }  
@media all{     
  body {  
    font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;
    font-size:100%;
  }  
}  
body { 
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol; 
    padding: 0; 
    height: 100%; 
    overflow-x: hidden; 
    margin: 0 auto; 
    box-sizing: border-box;
} 

@media all{ 
  body { 
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol; 
    padding: 0; 
    height: 100%; 
    overflow-x: hidden; 
    margin: 0 auto; 
    box-sizing: border-box;
  } 
}     

html { 
    font-size: 100%; 
    scroll-behavior: smooth;
} 

@media all{ 
  html { 
    font-size: 100%; 
    scroll-behavior: smooth;
  } 
}     

header[_ngcontent-ng-c3434697241] { 
    padding: 12px 24px; 
    display: flex; 
    align-items: center; 
    position: relative; 
    color: #000;
} 

@media screen and (min-width: 768px){ 
  header[_ngcontent-ng-c3434697241] { 
    box-shadow: 0 4px 8px #60617029,0 0 2px #28293d0a; 
    padding: 0 8vw; 
    height: 60px; 
    z-index: 10;
  } 
}     

a[_ngcontent-ng-c3434697241] { 
    text-decoration: none;
} 

.nav-bar[_ngcontent-ng-c3434697241] { 
    margin: 0 5vw; 
    display: flex; 
    align-items: center;
} 

.nav-bar[_ngcontent-ng-c3434697241] { 
    font-family: Inter,sans-serif;
} 

.logo[_ngcontent-ng-c3434697241] { 
    width: 74px;
} 

@media screen and (min-width: 768px){ 
  .logo[_ngcontent-ng-c3434697241] { 
    transform: none; 
    width: 124px;
  } 
}     

.nb-item[_ngcontent-ng-c3434697241] { 
    margin: 0 24px; 
    position: relative;
} 

.nb-title[_ngcontent-ng-c3434697241] { 
    display: flex; 
    align-items: center; 
    cursor: pointer;
} 

.nb-options[_ngcontent-ng-c3434697241] { 
    display: flex; 
    box-shadow: 0 4px 8px #60617029,0 0 2px #28293d0a;
} 

.nb-options[_ngcontent-ng-c3434697241] { 
    box-sizing: border-box; 
    border-radius: 10px; 
    background-color: #fff; 
    display: none; 
    flex-wrap: wrap; 
    justify-content: center; 
    position: absolute; 
    top: 100%; 
    left: 50%; 
    transform: translate(-40%,25px); 
    box-shadow: 0 0 5px #0000001a; 
    width: 300px;
} 

.courses[_ngcontent-ng-c3434697241],.nb-options[_ngcontent-ng-c3434697241] { 
    display: flex; 
    box-shadow: 0 4px 8px #60617029,0 0 2px #28293d0a;
} 

.courses[_ngcontent-ng-c3434697241] { 
    position: absolute;
} 

.nav-bar[_ngcontent-ng-c3434697241] a[_ngcontent-ng-c3434697241]  { 
    text-decoration: none!important;
} 

.nav-bar[_ngcontent-ng-c3434697241] a[_ngcontent-ng-c3434697241] , .nav-bar[_ngcontent-ng-c3434697241] a[_ngcontent-ng-c3434697241]:hover { 
    text-decoration: none!important;
} 

.nav-bar[_ngcontent-ng-c3434697241] a[_ngcontent-ng-c3434697241], .nav-bar[_ngcontent-ng-c3434697241] a[_ngcontent-ng-c3434697241]:hover { 
    text-decoration: none!important;
} 

.more[_ngcontent-ng-c3434697241] { 
    position: absolute;
} 

@media all{ 
  h2 { 
    margin: 0;
  } 
}     

.nb-title[_ngcontent-ng-c3434697241] h2[_ngcontent-ng-c3434697241]  { 
    font-size: 17px; 
    font-weight: 400; 
    color: #000; 
    margin-bottom: 0!important;
} 

@media only screen and (min-width: 1440px){ 
  .nb-title[_ngcontent-ng-c3434697241] h2[_ngcontent-ng-c3434697241]  { 
    font-size: 18px;
  } 
}     

.chevronDown[_ngcontent-ng-c3434697241] { 
    margin: 5px; 
    transition: all .5s;
} 

.nav-card[_ngcontent-ng-c3434697241] { 
    box-sizing: border-box; 
    background-color: #fffc; 
    display: flex; 
    align-items: center; 
    padding: 18px 16px; 
    margin: 8px auto;
} 

@media screen and (min-width: 768px){ 
  .nav-card[_ngcontent-ng-c3434697241] { 
    width: 250px; 
    padding: 8px 0; 
    margin: 8px 12px; 
    cursor: pointer;
  } 
}     

.nav-card[_ngcontent-ng-c3434697241]:hover { 
    background-color: #94b7ff;
} 

.nav-card[_ngcontent-ng-c3434697241] span[_ngcontent-ng-c3434697241]  { 
    color: #555770; 
    font-size: .875rem; 
    margin: 0 24px;
} 

@media screen and (min-width: 768px){ 
  .nav-card[_ngcontent-ng-c3434697241] span[_ngcontent-ng-c3434697241]  { 
    font-size: 1rem; 
    font-weight: 300; 
    line-height: 1.5; 
    letter-spacing: -.01px; 
    margin: 0 8px;
  } 
}     

.nav-card[_ngcontent-ng-c3434697241]:hover span[_ngcontent-ng-c3434697241] { 
    color: #fff;
} 


/* These were inline style tags. Uses id+class to override almost everything */
#style-MClKv.style-MClKv {  
   cursor: pointer;  
}  
#style-YWegb.style-YWegb {  
   margin-left: auto;  
}  
#style-gZDzl.style-gZDzl {  
   margin: 0;  
    font-size: 14px;  
    font-weight: 500;  
    background-color: #005fff;  
    padding: 7px 14px;  
    border-radius: 4px;  
    display: flex;  
    align-items: center;  
    color: #fff;  
}