@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Play&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald&display=swap');

html, body {
	margin: 0;
	padding: 0;
	font-family: 'Open Sans', sans-serif;
    font-size: 62.5%;
	font-size: 10px;
	scroll-behavior: smooth;
	width: 100%;
	height: 100%;
}


/* capitalize only first letter */
.c-lowercase{
  text-transform: lowercase !important;
}
.c-lowercase::first-letter{
  text-transform: uppercase !important;
}


.container-fluid{
	overflow: hidden;
}

::-webkit-scrollbar {
    width: 7px;
    background: transparent;
  
  }

  ::-webkit-scrollbar *{

    background: transparent;
    overflow-y: overlay;
    
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    overflow-y: hidden; /* Hide vertical scrollbar */
  overflow-x: hidden; 
  background: transparent;
  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: -webkit-linear-gradient(45deg, #0c253d, #0c253d);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(45deg, #0c253d, #0c253d);
    width: 20px;
    height: 100px;
    position: absolute;
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: -webkit-linear-gradient(45deg, #0c253d, #0c253d);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(45deg, #0c253d, #0c253d);
    
  }

  .scroll-to-top{
    cursor: pointer;
    margin: 0;
    padding: 0;
    position: fixed;
    bottom: -50px;
    right: 30px;
    width: auto;
    border: none;
    outline: none;
    background: transparent;
    z-index: 99999999999999999999999999999999999999999999999999999999999;
    opacity: 0;
    transition: .3s;

  }

  .show.changetowhite svg{
    fill: #f9fdff;
    transition: .3s;
  }

  .scroll-to-top.show{
    opacity: 1;
    transition: .3s;
    bottom: 50px;
  }
  
  .scroll-to-top svg{
    height: 45px;
    width: 45px;
    margin-left: -8px;
    fill: #0093D1;
    transition: .3s;
  
  }

  .scroll-to-top svg:hover{
    fill: #0093D1;
    transition: .3s;
  }