@media (min-width: 480px) and (max-width: 970px) {
  .mobile-only {
    display: none;
  }
}
@media (min-width: 970px) {
  .mobile-only {
    display: none;
  }
}

.dsk-only {
  display: none;
}
@media (max-width: 479px) {
  .dsk-only {
    display: none;
  }
}
@media (min-width: 480px) and (max-width: 970px) {
  .dsk-only {
    display: none;
  }
}
@media (min-width: 970px) {
  .dsk-only {
    display: initial;
  }
}

.dsk-and-tab-only {
  display: none;
}
@media (min-width: 480px) and (max-width: 970px) {
  .dsk-and-tab-only {
    display: initial;
  }
}
@media (min-width: 970px) {
  .dsk-and-tab-only {
    display: initial;
  }
}
@media (max-width: 479px) {
  .dsk-and-tab-only {
    display: initial;
  }
}

#navbar {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  position: fixed;
  overflow: hidden;
  width: 100%;
  display: none;
}
@media (min-width: 970px) {
  #navbar {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
  }
}

.navbar-content {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}

.menu {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.menu-content {
  display: none;
}

.menu-content.open {
  display: block;
}

.menu.open {
  position: relative;
}

.menu.open .menu-content {
  display: flex;
}

.sub-menu-i {
  box-shadow: rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.14), rgba(0, 0, 0, 0.12);
}

.sub-menu-i {
  box-shadow: rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.14), rgba(0, 0, 0, 0.12);
}

.sub-menu-i {
  box-shadow: rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.14), rgba(0, 0, 0, 0.12);
}

.sub-menu-i {
  box-shadow: rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.14), rgba(0, 0, 0, 0.12);
}

.sub-menu-i {
  box-shadow: rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.14), rgba(0, 0, 0, 0.12);
}

.sub-menu-i {
  box-shadow: rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.14), rgba(0, 0, 0, 0.12);
}

.sub-menu-i {
  box-shadow: rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.14), rgba(0, 0, 0, 0.12);
}

.sub-menu-i {
  box-shadow: rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.14), rgba(0, 0, 0, 0.12);
}

.sub-menu-i {
  box-shadow: rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.14), rgba(0, 0, 0, 0.12);
}

.sub-menu-i {
  box-shadow: rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.14), rgba(0, 0, 0, 0.12);
}

.sub-menu-i {
  box-shadow: rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.14), rgba(0, 0, 0, 0.12);
}

.sub-menu-i {
  box-shadow: rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.14), rgba(0, 0, 0, 0.12);
}

.sub-menu-i {
  box-shadow: rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.14), rgba(0, 0, 0, 0.12);
}

.sub-menu-i {
  box-shadow: rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.14), rgba(0, 0, 0, 0.12);
}

.sub-menu-i {
  box-shadow: rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.14), rgba(0, 0, 0, 0.12);
}

.sub-menu-i {
  box-shadow: rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.14), rgba(0, 0, 0, 0.12);
}

@media (max-width: 479px) {
  #navbar.open {
    position: relative;
  }

  #navbar .navbar-content {
    display: none;
  }

  #navbar.open .navbar-content {
    display: flex;
  }

  #navbar .menu-btn {
    float: right;
    display: block;
  }
}
@media (min-width: 480px) and (max-width: 839px) {
  #navbar {
    position: initial;
  }

  #navbar.open {
    position: relative;
  }

  #navbar .navbar-content {
    display: none;
  }

  #navbar.open .navbar-content {
    display: flex;
  }

  #navbar .menu-btn {
    float: right;
    display: block;
  }
}
@media (min-width: 840px) {
  #navbar {
    position: initial;
  }

  #navbar .menu-btn {
    display: none;
  }
}
#navbar-mobile {
  position: fixed;
  background: #f9f9f9;
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
  margin: 0 auto;
  box-sizing: border-box;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  z-index: 90000;
}
@media (min-width: 970px) {
  #navbar-mobile {
    display: none;
  }
}

#navbar-mobile .navbar-content {
  display: none;
}

#navbar-mobile.open .navbar-content {
  display: flex;
  flex-direction: column;
  background: #f9f9f9;
  z-index: 90000;
}

.contact-us-modal-container {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  background-color: #f5f6fcbf;
}
.contact-us-modal-container .modal-wrapper {
  width: 680px;
  height: 483px;
  border-radius: 30px;
  filter: drop-shadow(0px 2px 9px rgba(0, 0, 0, 0.2));
  background-color: #ffffff;
  margin: 100px auto;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 10;
  padding: 36px 54px;
  text-align: right;
  box-sizing: border-box;
}
.contact-us-modal-container .modal-wrapper img {
  cursor: pointer;
}
.contact-us-modal-container .modal-wrapper h1 {
  font-size: 32px;
  line-height: 28px;
  color: #00147c;
  font-weight: 700;
  font-family: "Poppins Bold";
  text-align: left;
  margin-bottom: 30px;
}
.contact-us-modal-container .modal-wrapper button {
  background: rgba(255, 108, 0, 0.87);
  text-align: center;
  width: 240px;
  height: 60px;
  border-radius: 20px;
  font-size: 18px;
  color: #ffffff;
  font-weight: 500;
  font-family: "Poppins";
}
@media (max-width: 1440px) {
  .contact-us-modal-container .modal-wrapper {
    padding: 30px 20px;
    width: 550px;
    height: 421px;
  }
  .contact-us-modal-container .modal-wrapper button {
    width: 200px;
    height: 50px;
  }
}
@media (max-width: 1024px) {
  .contact-us-modal-container .modal-wrapper {
    padding: 25px 20px;
    width: 532px;
    height: 384px;
    border-radius: 25px;
  }
}
@media (max-width: 479px) {
  .contact-us-modal-container .modal-wrapper {
    width: 300px;
    height: 312px;
    border-radius: 15px;
    padding: 12px 8px;
  }
  .contact-us-modal-container .modal-wrapper h1 {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .contact-us-modal-container .modal-wrapper button {
    height: 40px;
    border-radius: 10px;
    font-size: 14px;
    width: 100%;
  }
}
.contact-us-modal-container input,
.contact-us-modal-container textarea {
  font-family: "Poppins";
  width: 100%;
  background-color: #fff;
  margin: 0;
  padding: 16px 28px;
  line-height: 30px;
  position: relative;
  white-space: nowrap;
  display: block;
  height: 60px;
  border-radius: 20px;
  border: 2px solid #979797;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 30px;
  font-size: 18px;
  box-sizing: border-box;
  color: #00147c;
}
@media (max-width: 1440px) {
  .contact-us-modal-container input,
.contact-us-modal-container textarea {
    height: 50px;
    padding: 11px 22px;
    margin-bottom: 20px;
    font-size: 16px;
  }
}
@media (max-width: 1024px) {
  .contact-us-modal-container input,
.contact-us-modal-container textarea {
    height: 50px;
    font-size: 16px;
  }
}
@media (max-width: 479px) {
  .contact-us-modal-container input,
.contact-us-modal-container textarea {
    width: 100%;
    height: 40px;
    border-radius: 10px;
    margin-bottom: 13px;
    font-size: 14px;
  }
}
.contact-us-modal-container input:focus,
.contact-us-modal-container textarea:focus {
  outline: none;
}
.contact-us-modal-container textarea {
  height: 150px;
}
@media (max-width: 1440px) {
  .contact-us-modal-container textarea {
    height: 126px;
  }
}
@media (max-width: 479px) {
  .contact-us-modal-container textarea {
    height: 119px;
  }
}

/*# sourceMappingURL=contact.css.map */