body {
  font-family: "Poppins", sans-serif;
}

a {
  text-decoration: none;
  color: #00AEEF;
}

p {
  font-size: 16px;
}

.navbar-nav {
  display: flex;
  gap: 15px;
}

.nav-link {
  text-transform: uppercase;
  font-weight: 600;
  color: #949599;
  font-size: 16px;
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
  color: #00AEEF;
}

.btn-primary {
  background: #00AEEF;
  border-color: #00aeef;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:visited, .btn-primary:active {
  background: #019fda;
  border-color: #019fda;
}

.btn-nav {
  width: 133px;
  height: 49px;
  text-transform: uppercase;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  border-radius: 10px;
}

.hero-section {
  background: linear-gradient(90deg, #00AEEF 50%, #F7F9FC 50%);
}

@media (max-width: 768px) {
  .hero-section {
    background: linear-gradient(180deg, #00AEEF 50%, #F7F9FC 50%);
  }
}

.wrapper-1 {
  background: url("../../assets/img/bg-circle1.png");
  background-position: top right;
  background-repeat: no-repeat;
  padding: 60px 50px 40px 0px;
}

@media (max-width: 768px) {
  .wrapper-1 {
    background: none;
  }
}

.wrapper-2 {
  background: url("../../assets/img/bg-circle2.png");
  background-position: top left;
  background-repeat: no-repeat;
  padding: 60px 0px 40px 100px;
}

@media (max-width: 768px) {
  .wrapper-2 {
    background: none;
    padding: 60px 0px 40px 0px;
  }
}

.badge-primary {
  background: #75D3F7;
  color: #fff;
  width: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 31px;
  font-size: 14px;
  border-radius: 50px;
  border: 1px solid #fff;
  font-weight: 600;
}

.badge-primary.bg-primary-700 {
  background: #00AEEF;
}

.text-primary {
  color: #00AEEF !important;
}

h2 {
  color: #949599;
  font-size: 45px;
  font-weight: 700;
}

.badge-primary i {
  font-size: 7px;
}

.hero-title {
  font-size: 52px;
  font-weight: 800;
  text-transform: uppercase;
}

@media (max-width: 768px) {
  .hero-title {
    font-size: 45px;
    font-weight: 800;
    text-transform: uppercase;
  }
}

.hero-content {
  max-width: 60%;
}

@media (max-width: 768px) {
  .hero-content {
    max-width: 100%;
  }
}

.btn-white {
  background: #fff;
  height: 49px;
  width: 146px;
  color: #00AEEF;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
}

.btn-primary-lg {
  background: #00AEEF;
  height: 49px;
  width: 200px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
}

.btn-primary-lg:hover {
  background: #018cc1;
  color: #fff;
}

.btn-white:hover {
  background: #ffffff;
  color: #00AEEF;
}

.wrapper-sec {
  padding: 80px 0px;
}

.text-sm {
  font-size: 13px;
  font-weight: 600;
}

.w-img {
  width: 25px;
  padding-top: 3px;
}

footer {
  background: #00AEEF;
  padding: 15px 0px;
}

.quick-link li a {
  text-decoration: none;
  color: #fff;
  text-transform: uppercase;
  font-size: 15px;
  padding-left: 15px;
}

@media (max-width: 768px) {
  .quick-link li a {
    padding-left: 0px;
    padding-right: 12px;
  }
}

.wrapper-signup {
  background: url("../../assets/img/bg-circlegray.png"),#F7F9FC;
  background-repeat: no-repeat;
  background-position: top right;
  padding: 80px 0px;
}

.card-login {
  background: #fff;
  /*padding: 60px 0px;*/
  border-radius: 20px;
  box-shadow: 0px 0px 6px #e8e8e8;
}

.card-faqs {
  background: #fff;
  border-radius: 20px;
  padding: 30px 30px;
  box-shadow: 0px 0px 15px rgba(0,174,239,0.2);
  display: flex;
  gap: 20px;
  align-items: start;
}

.icon-circle {
  background: #00aeef;
  width: 80px;
  display: flex;
  height: 80px;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  color: #fff;
  font-size: 36px;
}

.faq-q {
  font-weight: 600;
}

.wrapper-bg {
  background: url("../../assets/img/bg-circle1.png"),#00AEEF;
  background-repeat: no-repeat;
  background-position: top right;
  padding: 60px 0px 0px 0px;
}

.wrapper-circleleft {
  background: url("../../assets/img/bg-circle2.png"),#F7F9FC;
  background-repeat: no-repeat;
  background-position: top left;
  padding: 80px 0px;
}

h4 {
  color: #949599;
}

.wrapper-bottom {
  background: url("../../assets/img/girl.png"),#F7F9FC;
  background-repeat: no-repeat;
  background-position: bottom right;
  padding: 20px 0px 0px 0px;
}

@media (max-width: 768px) {
  .wrapper-bottom {
    background: none,#F7F9FC;
    background-repeat: no-repeat;
    background-position: bottom right;
    padding: 20px 0px 0px 0px;
  }
}

@media (max-width: 768px) {
  .quick-link {
    margin-top: 10px;
  }
}