@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');


:root{
    --main-color: #3b5188;
    --main-color-dark: #3f4b69;
    --main-color-dark2: #42568a;
    --secondary-color: #ff9c00;
    --main-color-opacity: #09677e83;
    --main-color-opacity-extra: #3f4b6965;
}
body {
    width: 100%;
    overflow-x: hidden !important; /* Hide scrollbars */
}
html, body {
  width: 100%;
  overflow-x: hidden;
}
body {
  position: relative
}
a{text-decoration: none !important; color: var(--secondary-color)}
a:hover{color: var(--secondary-color) !important;}

hr{
    color: var(--main-color);
}

.green{
    color: #087e52;
}

.content{
    visibility: hidden;
    font-family: 'Rubik', sans-serif;
}

a:hover, /* OPTIONAL*/
a:visited,
a:focus
{text-decoration: none !important;}


h2 {
  font-size: 40px;
  color: var(--main-color-dark);
}
p{
  font-family: 'Roboto', sans-serif !important;
}

  /* Loader */
.loader {
    margin-top: 100px;
  width: 100%;
  height: 100%;
z-index: 9999;
  position: absolute;
  background:white;
  }
  .loader .text-success {
    color: var(--main-color) !important;
  }
  
  /* Add animation to "page content" */
  .animate-bottom {
    position: relative;
    -webkit-animation-name: animatebottom;
    -webkit-animation-duration: 1s;
    animation-name: animatebottom;
    animation-duration: 1s
  }
  
  @-webkit-keyframes animatebottom {
    from { bottom:-100px; opacity:0 } 
    to { bottom:0px; opacity:1 }
  }
  
  @keyframes animatebottom { 
    from{ bottom:-100px; opacity:0 } 
    to{ bottom:0; opacity:1 }
  }







::-webkit-scrollbar {
  width: 10px;
  display: none;
}

/* 
::-webkit-scrollbar-track {
  border-radius: 15px;
  background: var(--main-color-dark);
}


::-webkit-scrollbar-thumb {
  background: var(--main-color);
}


::-webkit-scrollbar-thumb:hover {
  background: var(--main-color);
}
*/