@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Poppins", sans-serif;
}

.container {
  padding: 0px 50px;
}

.navbar-toggler {
  outline: none;
  border: none;
  color: white;
}
.navbar-nav .nav-item a {
  color: white;
}

/* hero (home) */
.hero-container {
  background-color: #0e3c6e;
  width: 100%;
  height: 85vh;
}
.margin-top-hero {
  margin-top: 120px;
  padding: 0px 50px;
}

.margin-top-hero h1 {
  font-size: 55px;
  font-weight: 700;
  margin-top: 30px;
}

.margin-top-hero h1 span {
  color: #f7b500;
}
.hero-text p {
  font-size: 18px;
  margin-top: 25px;
}
.hero-btn {
  margin-top: 25px;
}
.hero-btn .login-btn:hover {
  background-color: #f7b500;
  border: 1px solid #f7b500;
}
/* change  bg color of navbar on scroll */

.navbar-scrolled {
  background-color: #fff;
}
.navbar-scrolled .navbar-nav .nav-link {
  color: #000;
}
/* menu bar switch color */
.navbar-toggler img{
  display: block;
}
.navbar-toggler .navbar-toggler-icon{
  display: none;
}
@media only screen and (max-width: 990px) {
  .hero-text h1 {
    font-size: 45px;
    font-weight: 500;
  }
  .hero-text p {
    font-size: 14px;
    margin-top: 15px;
  }
  .hero-video iframe {
    margin-top: 50px;
    margin-bottom: 30px;
  }
  .hero-btn .btn {
    width: 100%;
  }
  .navbar-nav{
    background-color: #fff;
    padding: 50px 0px;
  }
  .navbar-nav .nav-item a{
    color: #000;
  }
  .hero-container {
    height: 100%;
  }
}
.card-container{
  margin-top: 16px;
}
.review-container{
  margin-top: 20px;
}
.review-container .text-body{
  font-size: 25px;
  font-weight: 700;
  line-height: 400;
}
.bg-color-subs{
  /* background: linear-gradient(265deg, #4DB5FB 20.89%, rgba(1, 111, 185, 0.82) 103.55%); */
      background: linear-gradient(265deg, #4DB5FB 20.89%, #0c1b60 103.55%);
}
.footer-color{
  background-color: #000;
}
.card-container{
  box-shadow: 0px 2.6px 3.1px rgba(0, 0, 0, 0.024),
  0px 7.1px 8.6px rgba(0, 0, 0, 0.035),
  0px 17.2px 20.8px rgba(0, 0, 0, 0.046),
  0px 57px 69px rgba(0, 0, 0, 0.07),;
}
.community-container img{
  width: 85px;
}
.community-container {
  margin-top: 50px;
  margin-bottom: -120px;
  z-index: 1;
}
.container .card{
  outline: none;
  border: none;
  box-shadow: 3.8px 5px 13.4px rgba(0, 0, 0, 0.03),
  30px 40px 107px rgba(0, 0, 0, 0.06);
}
.community-container .card{
  outline: none;
  border: none;
  box-shadow: 3.8px 5px 13.4px rgba(0, 0, 0, 0.03),
  30px 40px 107px rgba(0, 0, 0, 0.06);
}


@media only screen and (max-width: 1350px) {
  .community-container{
    margin-bottom: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .margin-top-hero {
    padding: 0px;
  }
  .navbar .container {
    padding: 0px 15px;
  }
}

@media only screen and (max-width: 500px) {
  .hero-text h1 {
    font-size: 34px;
  }
  .hero-video iframe {
    height: 200px;
  }
}