/* General */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
    font-family: 'Montserrat', sans-serif !important;
    color: var(--font-color);
    transition: 0.3s ease-in;
}
html {
   font-family: 'Montserrat', sans-serif;
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
   -ms-overflow-style: scrollbar;
   -webkit-tap-highlight-color: transparent
}

html{
 height: 100%;
}

@-ms-viewport {
   width: device-width
}
body {
   background-color: #fff;
   font-family: 'Montserrat', sans-serif;
   font-size: 15px;
   color: var(--font-color);
   letter-spacing: 0.5px;
}
[tabindex="-1"]:focus {
   outline: 0!important
}
::-webkit-scrollbar {
   width: 10px; 
   background-color: rgba(0,0,0,0);
   -webkit-border-radius: 100px;
   height: 10px;
 }
 ::-webkit-scrollbar:hover {
   background-color: rgba(0, 0, 0, 0.09);
 }
  
 ::-webkit-scrollbar-thumb:vertical {
   background: #939393;
   -webkit-border-radius: 100px;
   background-clip: padding-box;
   border: 2px solid rgba(0, 0, 0, 0);
   min-height: 10px; 
 }
 ::-webkit-scrollbar-thumb:vertical:active {
   background: rgba(0,0,0,0.61); 
   -webkit-border-radius: 100px;
 }
  
 ::-webkit-scrollbar-thumb:horizontal {
   background: #939393;
   -webkit-border-radius: 100px;
   background-clip: padding-box;
   border: 2px solid rgba(0, 0, 0, 0);
   min-height: 10px; 
 }
 ::-webkit-scrollbar-thumb:horizontal:active {
   background: rgba(0,0,0,0.61); 
   -webkit-border-radius: 100px;
 }
::selection {
 background: rgba(0, 0, 0, 0.5);
}

::placeholder {
   color: #3b3f5c !important;
   font-size: 13px;
   opacity: .5 !important; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #3b3f5c !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #3b3f5c !important;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
     color: #3b3f5c;
}
.h1, h1 {
   font-size: 48px;
   line-height: 52px;
}
.h2, h2 {
   font-size: 38px;
   line-height: 42px;
}
.h3, h3 {
   font-size: 30px;
   line-height: 34px;
}
.h4, h4 {
   font-size: 24px;
   line-height: 28px;
}
.h5, h5 {
   font-size: 18px;
   line-height: 22px;
}
.h6, h6 {
   font-size: 14px;
   line-height: 18px;
}

.display-1 {
   font-size: 6rem
}
.display-2 {
   font-size: 5.5rem
}
.display-3 {
   font-size: 4.5rem
}
.display-4 {
   font-size: 3.5rem
}
.line-height-0{
   line-height:0;
}
.line-height-5 {
   line-height: 5px;
}

.line-height-10 {
   line-height: 5px;
}

code {
   font-size: 87.5%;
   color: #ffed16;
   word-break: break-word;
}
.blockquote-footer{
   color: #cecece;
}
hr {
   box-sizing: content-box;
   height: 0;
   overflow: visible;
   margin-top: 1rem;
   border: 0;
   border-top: 1px solid rgba(0, 0, 0, .1)
}
p {
 margin-bottom: .65rem
}
:focus {
 outline: 0!important
}
a {
    color: var(--font-color);
    transition: 0.3s ease-in;
}
a {
 outline: none!important
}

a:hover{
color: rgba(25, 83, 233, 1);
 text-decoration: none;
}

a.text-muted:focus, a.text-muted:hover {
color: rgba(25, 83, 233, 0.71);
}
hr {
   border-top: 1px solid rgba(255, 255, 255, 0.12);
}
.small, small {
   font-size: 75%;
   font-weight: 400;
}
.small-font{
   font-size:14px;
}
.extra-small-font{
 font-size:12px;
}
.breadcrumb-item.active {
   color: #3b3f5c;
}
.breadcrumb-item+.breadcrumb-item::before {
   color: #3b3f5c;
}