@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,800;0,900;1,1000&family=Noto+Sans:ital,wght@0,200;0,400;0,500;0,700;0,800;1,300;1,400&display=swap");
@import url("./main.css");
:root {
  --mainColor: 6, 81, 125;
  --secondaryColor: 244, 129, 49;
  --mainwhite: 255, 255, 255;
  --mainblack: 0, 0, 0;
  --bodyBlack: 60, 66, 87;
  --mainFont: "Noto Sans", sans-serif;
  --falbackFont: "Source Serif Pro", serif;
  --normalBorderRadius: 10px;
  --themeTransition: 0.25s ease-in-out;
}

body {
  margin: 0;
  padding: 0;
  font-family: var(--mainFont);
  font-size: 17px;
  line-height: 1.5;
  color: rgb(var(--mainColor));
}

.main-body-holder {
  padding-top: 95px;
  position: relative;
}

.heightControlled {
  height: 100vh;
  overflow-y: hidden;
}

a {
  text-decoration: none;
  color: rgb(var(--mainColor));
}

.main_button,
.secondary_button {
  background-color: rgb(var(--mainColor));
  color: rgb(var(--mainwhite));
  border: none;
  padding: 0.8rem 3rem;
  border-radius: 0px;
  font-size: 1rem;
  cursor: pointer;
  transition: var(--themeTransition);
  text-transform: capitalize;
  border: 1px solid transparent;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px,
    rgba(0, 0, 0, 0.05) 0px 5px 10px;
}

.main_button:hover,
.main_button:focus,
.main_button:active {
  color: rgb(var(--mainColor));
  background-color: rgb(var(--mainwhite));
  border: 1px solid rgba(var(--mainblack), 0.2);
  border-radius: 50px;
}

.secondary_button {
  background-color: rgb(var(--secondaryColor));
}

.secondary_button:hover,
.secondary_button:focus,
.secondary_button:active {
  color: rgb(var(--secondaryColor));
  background-color: rgb(var(--mainwhite));
  /* box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; */
  border: 1px solid rgba(var(--mainblack), 0.2);
  border-radius: 50px;
}

.flash-alerts {
  margin-top: 100px;
  position: absolute;
  right: 0;
  z-index: 200;
}

/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
  body {
    font-size: 15px;
  }
  .main-body-holder {
    padding-top: 80px;
  }
  .main_button,
  .secondary_button {
    padding: 0.6rem 1.6rem;
    font-size: 0.9rem;
  }
}

/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
}