:root {
  --font-default: "Open Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-primary: "Segoe UI", sans-serif;
  --font-secondary: "Montserrat", sans-serif;
}

:root {
  --color-default: #212529;
  --color-primary: #123195;
  --color-secondary: #37373f;
  --blue-01: #002045;
  --white: #fff;
  --white-01: rgba(32, 32, 32, 0.04);
  --white-02: rgba(255, 255, 255, 0.7);
  --gray: #f3f2f6;
  --gray-2: #ececec;
  --black-01: #7c7a7a
}

:root {
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-default);
  color: var(--color-default);
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-secondary);
}

main {
  min-height: 480px;
  background-color: var(--gray);
}

.header {
  transition: all 0.5s;
  z-index: 997;
  height: 90px;
  border-bottom: 1px solid var(--white);
  background: var(--white);
  box-shadow: 0px 6px 12px 0 var(--white-01);
}

a.btn-primary {
  background: var(--color-primary);
  border-color: var(--color-primary);
  color: var(--white);
  border-radius: 5px;
}

a.btn-primary:hover {
  background: var(--color-primary);
  border-color: var(--color-primary);
  color: var(--white);
}

input[type="button"].btn-primary,
input[type="submit"].btn-primary,
button.btn-primary,
.btn.active {
  background: var(--color-primary);
  border-color: var(--color-primary);
  color: var(--white);
  border-radius: 5px;
}

input[type="button"].btn-primary:hover,
input[type="submit"].btn-primary:hover,
button.btn-primary:hover {
  background: var(--color-primary);
  border-color: var(--color-primary);
  color: var(--white);
}

input[type="button"].btn-outline-primary,
input[type="submit"].btn-outline-primary,
button.btn-outline-primary {
  border-color: var(--color-primary);
  color: var(--color-primary);
  border-radius: 5px;
}

input[type="button"].btn-outline-primary:hover,
input[type="submit"].btn-outline-primary:hover,
button.btn-outline-primary:hover {
  color: var(--white);
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}

@media (max-width: 575px) {
  .header {
    height: 70px;
  }

  .header .logo img {
    max-width: 100px;
  }
}

.header img,
.header .logo {
  cursor: pointer;
}

.header .logo img {
  max-height: 50px;
  margin-right: 6px;
}

.header .logo h3 {
  font-size: 18px;
  font-weight: 700;
  color: #000;
  margin: 0;
  font-family: var(--font-secondary);
  color: var(--color-primary);
}

.header .subheader {
  font-size: 14px;
  font-weight: 700;
  line-height: 30px;
  color: var(--color-secondary);
}


.footer {
  font-size: 14px;
  background-color: var(--blue-01);
  padding: 50px 0;
  color: var(--white-02);
}

.footer h3 {
  font-size: 14px;
  font-weight: bold;
  color: var(--white);
}

.footer .sub {
  font-size: 16px;
  color: var(--white);
}

.form-floating>.form-control {
  border: none;
  border-radius: 0px;
  border-bottom: 2px solid var(--black-01);
  padding-left: 3px;
}

.form-floating>.form-select {
  border: none;
  border-radius: 0px;
  border-bottom: 2px solid var(--black-01);
  padding-left: 3px;
  margin-top: 6px;
}

.form-floating>.form-control:focus,
.form-floating>.form-select:focus {
  box-shadow: none;
  border: 0px solid;
  border-radius: 0px;
  border-bottom: 3px solid var(--color-primary);
}

.form-floating>label {
  padding-left: 0px;
}

.form-floating>.form-control:focus~label,
.form-floating>.form-select:focus~label {
  color: var(--color-primary);
  font-weight: 600;
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
  border-color: #dc3545 !important;
  background-image: none;
}

.form-floating>.form-select~label {
  opacity: 1;
  font-size: 18px;
}

.form-floating>.form-select.is-invalid,
.was-validated .form-select:invalid {
  border-bottom: 2px solid;
  border-color: #dc3545;
}

.form-floating>.form-select.is-invalid:not([multiple]):not([size]) {
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3e%3cpath fill=%27none%27 stroke=%27%23343a40%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27m2 5 6 6 6-6%27/%3e%3c/svg%3e");
}

@media (max-width: 3000px) {
  .nodisplay {
    display: inline-block;
  }
}

@media (max-width: 300px) {
  .addmargin {
    margin-top: 30px;
  }

  .mobile-font {
    display: block;
    font-size: 78%;
    white-space: normal;
  }

  .nodisplay {
    display: none;
  }
}

.pad12 {
  padding-left: 12px !important;
}

.margin6 {
  margin-top: 6px;
}

.notfound {
  height: 500px;
}

@media(max-width:999px) {
  .notfound {
    height: 300px;
  }
}

@media (max-width: 1024px) and (min-width: 768px) {
  .addselectmargin {
    margin-top: 15px;
  }

  .addmargin {
    margin-top: 15px;
  }

  .mobile-font {
    display: block;
    font-size: 78%;
  }
}

@media(max-width:767px) and (min-width: 300px) {
  .addmargin {
    margin-top: 15px;
  }

  .mobile-font {
    display: block;
    font-size: 78%;
  }

  .notfound {
    height: 300px;
  }
}

.textcenter {
  text-align: center;
}