@import url("https://fonts.googleapis.com/css2?family=Montserrat: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");

@font-face {
  font-family: "Dazzle Unicase W00 Light";
  font-family: "Dazzle Unicase W00 Light";
  src: url("./assests/Fonts/6034035/f77f52e8-bdf9-4a34-8ccb-1e343ebc8ce0.woff2")
      format("woff2"),
    url("./assests/Fonts/6034035/83facd4e-81ff-47d9-9573-40c023b4ada6.woff")
      format("woff");
}

/* ===== GENERAL STYLE ===== */

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

.container {
  max-width: 75%;
}

.dazzle__font {
  font-family: "Dazzle Unicase W00 Light", sans-serif;
}

.accent__light {
  color: #50dbe6;
}

.accent__dark {
  color: #311275;
}

.accent__red {
  color: #d2237d;
}

.accent__grey {
  color: #b3b3b3;
}

.minu__b {
  margin-bottom: -14px;
}

/* === GENERAL NAV BAR STYLE === */

nav .logo {
  width: 133px;
}

.nav__icon {
  width: 20px;
  height: 20px;
  color: rgba(80, 219, 230, 1);
}

/* Add custom nav styles here */
.custom-navbar {
  background-color: #32056b;
}
.custom-navbar .navbar-brand,
.custom-navbar .navbar-nav .nav-link {
  color: #fff;
  font-size: 15px;
}
.custom-navbar .navbar-nav .nav-link {
  /*color: #50dbe6;  Change the color on hover */
  /* border-bottom: 2px solid #50dbe6; */
}

.custom-navbar .navbar-nav .active {
  color: #50dbe6 !important;
}

#navbar__hide {
  position: fixed;
  background: transparent;
  width: 100%;
  display: block;
  transition: top 0.3s;
}

.dropdown-toggle::after {
  display: none;
}

.navbar-toggler:focus {
  outline: none;
}

nav .nav__border {
  border: 1px solid #50dbe6;
  opacity: 0.6;
}

nav .line {
  border: 1px solid #50dbe6;
  opacity: 0.6;
}

.nav-item .icon {
  width: 20px;
  color: #50dbe6;
}

.pagination__icon {
  width: 20px;
  height: 20px;
  color: #777777;
}

.top__bar {
  list-style: none;
}

.cles__bg {
  background: transparent
    linear-gradient(
      30deg,
      var(--unnamed-color-d2237d) 14%,
      var(--unnamed-color-311275) 66%
    )
    0% 0% no-repeat padding-box;
  background: transparent linear-gradient(30deg, #d2237d 14%, #311275 66%) 0% 0%
    no-repeat padding-box;
  opacity: 1;
}

.heading__text {
  font-size: 42px;
}

.share__fb {
  width: 25px;
}

.share__tw {
  width: 28px;
}

.share__lk {
  width: 28px;
}

.share__icon {
  width: 25px;
}

footer .logo {
  width: 170px;
}

footer h5 {
  text-align: left;
  letter-spacing: 0.5px;
  color: #808080;
  font-weight: 700;
}

footer p {
  text-align: left;
  letter-spacing: 0.5px;
  color: #808080;
  opacity: 1;
  margin-bottom: -4px;
  font-size: 18px;
}

/* Change text color to #311275 */
h4,
p {
  color: #311275;
}

.font__semi {
  font-weight: 600;
}

.font__14 {
  font-size: 14px;
}

.strip__wrapper {
  height: 3.9px;
}

.strip__bg1 {
  width: 40px;
  margin-right: 4px;
  border-radius: 30px;
  background: transparent linear-gradient(90deg, #ea9027 7%, #b82774 56%) 0% 0%
    no-repeat padding-box;
}

.strip__bg2 {
  width: 10px;
  border-radius: 30px;
  margin-right: 6px;
  background: #3a73b3;
}

.strip__bg3 {
  width: 14px;
  margin-right: 8px;
  border-radius: 30px;
  background: #b82774;
}

.strip__bg4 {
  width: 16px;
  border-radius: 30px;
  background: transparent
    linear-gradient(
      90deg,
      #3a73b3 0%,
      #3a77b6 18%,
      #3b86bf 40%,
      #3d9dce 63%,
      #3fbee3 88%,
      #41d2f0 100%
    )
    0% 0% no-repeat padding-box;
}

.bg__footer {
  background-color: #f2f2f2;
}

.social__link {
  width: 38px;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .container {
    max-width: 100%;
  }

  nav .logo {
    width: 100px;
  }

  .qui__p,
  .cles__p {
    font-weight: 300;
    font-size: 14px;
    color: #311275;
  }

  .heading__text {
    font-size: 26px;
    /* font-weight: 300; */
  }

  .minu__b {
    margin-bottom: -1px;
  }

  .msg__icon {
    width: 30px;
  }

  footer .logo {
    width: 150px;
  }

  footer h5 {
    text-align: center;
    font-weight: 500;
  }

  footer p {
    text-align: center;
  }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
}

/* Medium devices (landscape tablets, 768px and down) */
@media only screen and (max-width: 768px) {
  .heading__text {
    font-size: 26px;
    /* font-weight: 300; */
  }
  .msg__icon {
    width: 30px;
  }
}

/* Medium devices (landscape tablets, 768px and down) */
@media only screen and (max-width: 768px) {
  footer h5 {
    text-align: center;
    font-weight: 500;
  }
  footer p {
    text-align: center;
  }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
}

/* Extra large devices (large laptops and desktops, 1000px and down) */
@media only screen and (max-width: 1000px) {
  nav .logo {
    width: 100px;
  }

  .nav-item {
    display: flex;
    justify-content: space-between;
    padding: 6px 0;
  }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (max-width: 1200px) {
  nav .logo {
    width: 100px;
  }

  .nav-item {
    display: flex;
    justify-content: space-between;
    padding: 6px 0;
  }
}