* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Roboto', sans-serif;
  text-decoration: none;
  outline: none;
}

html {
  font-size: 10px;
  background: #f1f1f1;
}

#root {
min-height: 100vh;
}

.g-require {
margin-left: 1px;
color: #c34848;
}

.g-h-separator {
width: 100%;
height: 1px;
background: #cacdd0;
border: none;
}

.g-text-left {
text-align: left;
}

.g-text-right {
text-align: right;
}

.g-text-center {
text-align: center;
}

.g-white-space-nowrap {
white-space: nowrap;
}

.g-overflow-hidden {
overflow: hidden;
}

.g-underline {
text-decoration: underline;
}

.g-d-block {
display: block;
}

.g-d-flex {
display: flex;
}

.g-justify-center {
justify-content: center;
}

.g-justify-between {
justify-content: space-between;
}

.g-justify-around {
justify-content: space-around;
}

.g-justify-evenly {
justify-content: space-evenly;
}

.g-align-center {
align-items: center;
}

.g-flex-wrap {
flex-wrap: wrap;
}

.g-direction-column {
flex-direction: column;
}

.g-shrink-0 {
  flex-shrink: 0;
}

.g-col-2 {
  grid-column: span 2;
}

.g-gap-1 {
  gap: 1rem;
}

.g-w-50 {
width: 50%;
}

.g-w-100 {
width: 100%;
}

.g-w-auto {
width: auto;
}

.g-h-100 {
height: 100%;
}

body .g-mw-unset {
max-width: unset;
}

.g-m-auto {
margin: auto;
}

.g-mt-auto {
margin-top: auto;
}

.g-mr-auto {
margin-right: auto;
}

.g-mb-auto {
margin-bottom: auto;
}

.g-ml-auto {
margin-left: auto;
}

.g-mb-5 {
  margin-bottom: 0.5rem;
}

.g-mb-10 {
  margin-bottom: 1rem;
}

.g-mb-15 {
  margin-bottom: 1.5rem;
}

.g-mb-20 {
  margin-bottom: 2rem;
}

.g-mb-25 {
  margin-bottom: 2.5rem;
}

.g-mb-30 {
  margin-bottom: 3rem;
}

.g-mb-35 {
  margin-bottom: 3.5rem;
}

.g-mb-40 {
  margin-bottom: 4rem;
}

.g-mb-45 {
  margin-bottom: 4.5rem;
}

.g-mb-50 {
  margin-bottom: 5rem;
}

.g-mb-60 {
  margin-bottom: 6rem;
}

.g-mt-5 {
  margin-top: 0.5rem;
}

.g-mt-10 {
  margin-top: 1rem;
}

.g-mt-15 {
  margin-top: 1.5rem;
}

.g-mt-20 {
  margin-top: 2rem;
}

.g-mt-25 {
  margin-top: 2.5rem;
}

.g-mt-30 {
  margin-top: 3rem;
}

.g-mt-35 {
  margin-top: 3.5rem;
}

.g-mt-40 {
  margin-top: 4rem;
}

.g-mt-45 {
  margin-top: 4.5rem;
}

.g-mt-50 {
  margin-top: 5rem;
}

.g-mt-55 {
  margin-top: 5.5rem;
}

.g-mt-60 {
  margin-top: 6rem;
}

.g-mt-65 {
  margin-top: 6.5rem;
}

.g-mt-70 {
  margin-top: 7rem;
}

.g-mt-75 {
  margin-top: 7.5rem;
}

.g-mt-80 {
  margin-top: 8rem;
}

.g-ml-5 {
  margin-left: 0.5rem;
}

.g-ml-10 {
  margin-left: 1rem;
}

.g-ml-15 {
  margin-left: 1.5rem;
}

.g-ml-20 {
  margin-left: 2rem;
}

.g-ml-25 {
  margin-left: 2.5rem;
}

.g-ml-30 {
  margin-left: 3rem;
}

.g-ml-35 {
  margin-left: 3.5rem;
}

.g-ml-40 {
  margin-left: 4rem;
}

.g-ml-50 {
  margin-left: 5rem;
}

.g-ml-60 {
margin-left: 6rem;
}

.g-ml-80 {
  margin-left: 8rem;
}

.g-mr-5 {
  margin-right: 0.5rem;
}

.g-mr-10 {
  margin-right: 1rem;
}

.g-mr-15 {
  margin-right: 1.5rem;
}

.g-mr-20 {
  margin-right: 2rem;
}

.g-mr-25 {
  margin-right: 2.5rem;
}

.g-mr-30 {
  margin-right: 3rem;
}

.g-mr-35 {
  margin-right: 3.5rem;
}

.g-mr-40 {
  margin-right: 4rem;
}

/* Initial loader styles */
.loader-container {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
justify-content: center;
align-items: center;
background: #f1f5f8;
}

.lds-ripple,
.lds-ripple div {
box-sizing: border-box;
}
.lds-ripple {
display: inline-block;
position: relative;
width: 8rem;
height: 8rem;
}
.lds-ripple div {
position: absolute;
border: 0.4rem solid #317771;
opacity: 1;
border-radius: 50%;
animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.lds-ripple div:nth-child(2) {
animation-delay: -0.5s;
}
@keyframes lds-ripple {
0% {
top: 3.6rem;
left: 3.6rem;
width: 0.8rem;
height: 0.8rem;
opacity: 0;
}
4.9% {
top: 3.6rem;
left: 3.6rem;
width: 0.8rem;
height: 0.8rem;
opacity: 0;
}
5% {
top: 3.6rem;
left: 3.6rem;
width: 0.8rem;
height: 0.8rem;
opacity: 1;
}
100% {
top: 0;
left: 0;
width: 8rem;
height: 8rem;
opacity: 0;
}
}

/* Line loader styles */
#nprogress .bar {
background: #317771 !important;
}

#nprogress .peg {
box-shadow: 0 0 10px #29d, 0 0 5px #317771 !important;
}