html body{
  height: 100%;
  overflow: hidden;
  -webkit-print-color-adjust: exact !important;
  print-color-adjust: exact !important;
}
body{
  font-family: "Montserrat", Helvetica, Arial, serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.45;
  color: #6e6b7b;
  margin: 0;
  background-color: #f8f8f8;
}
* {
  padding: 0 ;
  margin: 0 ;
}

.loading-bg-inner {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99999999999;
  position: fixed;
  background: #fff;
  z-index: 2147483646;
  padding: 0 !important;
  margin: 0 !important;
  font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,Helvetica,Arial,sans-serif;
}
.loading-bg {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99999999999;
  position: fixed;
  background: #fff;
  z-index: 2147483647;
  padding: 0 !important;
  margin: 0 !important;
  font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,Helvetica,Arial,sans-serif;
}

.loading-bg-generation {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99999999999;
  position: fixed;
  background: #ffffff;
  z-index: 2147483647;
  padding: 0 !important;
  margin: 0 !important;
  font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,Helvetica,Arial,sans-serif;
}

.loading-bg.fixed{
  top: 0px;
  left: 0px;
  position:fixed;
  z-index: 2147483646;
  padding: 0 !important;
  margin: 0 !important;
}
.loading-bg.primary{
  background-color: rgba(24, 54, 109, 1);
  padding: 0 !important;
  margin: 0 !important;
}
.loading-bg > div,
.loading-bg-inner > div{
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
  margin: 0 !important;
  font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,Helvetica,Arial,sans-serif;
}

.loader {
  display: flex;
    /* padding: 0 !important; */
    /* margin: 0 !important; */
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, Helvetica, Arial, sans-serif;
  position: relative;
  width: 100%;
  height: 4%;
  flex-direction: column;
  align-items: center;
  gap: 5rem;
}
.loader div{
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
  margin: 0 !important;
  font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,Helvetica,Arial,sans-serif;
  
}


.outer,
.middle,
.inner {
  border: 4px solid transparent;
  border-top-color: #0c3571;
  padding: 0 !important;
  margin: 0 !important;
  border-right-color: #0c3571;
  border-radius: 50%;
  position: absolute;
  /* top: 50%;
  left: 50%; */
}

.loading-bg.primary .outer,
.loading-bg.primary .middle,
.loading-bg.primary .inner{
  border-top-color: #f1f1f1;
  border-right-color: #f1f1f1;
}

.outer {
  width: 4em;
  height: 4em;
  margin-left: -1.75em;
  margin-top: -1.75em;
  animation: spin 2s linear infinite;
}

.middle {
  width: 2.6em;
  height: 2.6em;
  margin-left: -1.05em;
  margin-top: -1.05em;
  animation: spin 1.75s linear reverse infinite;
}

.inner {
  width: 1.3em;
  height: 1.3em;
  margin-left: -0.4em;
  margin-top: -0.4em;
  animation: spin 1.5s linear infinite;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}