/* index */

.container-fluid {
  max-width: 2000px !important;
}

.w-100 {
  max-width: 2000px !important;
}

h1 {
  color: #1c355e;
  font-size: 50px;
}

.welcome .blue-btn {
  font-size: 20px;
  width: 100%;
  border-radius: 40px;
  padding: 14px 48px;
  border: 2px solid var(--Main-Secondary, #416ba9);
  background: var(--Main-Secondary, #416ba9);
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.welcome .white-btn {
  font-size: 20px;
  width: 100%;
  padding: 14px 48px;
  border-radius: 40px;
  border: 2px solid var(--Main-Secondary, #416ba9);
  background: var(--Main-BG, #e5e9ef);
  color: #416ba9;
}

.welcome img {
  width: 100%;
  object-fit: cover;
  border-radius: var(--8, 8px);
  background-color: none !important;
}

/* .value h1{
    color:#1C355E;
    font-size:50px;
} */
.value .text {
  width: 75%;
  margin: auto;
  font-size: 20px;
  text-align: center;
}

.values {
  text-align: center;
  color: #fff;
  border-radius: 16px;
  background: var(--Main-Primary, #1c355e);
  width: 75%;
  margin: auto;
  height: 100%;
}

.values h1 {
  color: #fff;
}

.vertical {
  float: left;
  border-right: 2px solid #d9d9d9;
  padding-right: 0.5rem;
  margin-right: 0.5rem;
}

.outcome p {
  width: 40%;
  margin: auto;
}

.campus {
  width: 80%;
  margin: auto;
}

.swiper .card {
  border-radius: var(--8, 8px) var(--8, 8px) 0px 0px;
  background: var(--Main-BG, #e5e9ef);
  color: #1c355e;
  width: 320px;
  height: 450px;
}

.active {
  border-radius: var(--8, 8px) var(--8, 8px) 0px 0px;
  background: var(--Main-Primary, #1c355e);
  color: #fff;
}

.card hr {
  height: 2px;
  color: #1c355e;
  width: 80%;
  margin: auto;
}

.active hr {
  height: 2px;
  color: #fff;
  width: 80%;
  margin: auto;
}

.swiper {
  width: 80%;
}

.textincard {
  height: 150px;
}

@media only screen and (max-width: 500px) {
  h1 {
    color: #FFF;
    font-size: 35px;
    text-align: center;
  }

  .welcome .blue-btn {
    font-size: 20px;
    width: 100%;
    margin: auto;
    border-radius: 40px;
    border: 2px solid var(--Main-Secondary, #416ba9);
    color: #416ba9;
    color: #fff;
  }

  .welcome .white-btn {
    font-size: 20px;
    width: 100%;
    margin: auto;
    border-radius: 40px;
    border: 2px solid var(--Main-Secondary, #416ba9);
    background: var(--Main-BG, #e5e9ef);
    color: #416ba9;
  }

  hr {
    display: none;
  }

  .value .text {
    width: 100%;
    font-size: 20px;
    text-align: left;
  }

  .values {
    text-align: center;
    color: #fff;
    border-radius: 16px;
    background: var(--Main-Primary, #1c355e);
    width: 95%;
    margin: auto;
    height: 100%;
  }

  .outcome p {
    width: 100%;
    margin: auto;
  }

  .outcome img {
    width: 100%;
  }

  .outcome button {
    width: 100%;
    font-size: 20px;
  }

  .campus {
    width: 100%;
    margin: auto;
  }

  .campus img {
    width: 95%;
    height: 120px;
  }

  .swiper {
    width: 100%;
  }

  .swiper .card {
    border-radius: var(--8, 8px) var(--8, 8px) 0px 0px;
    background: var(--Main-BG, #e5e9ef);
    color: #1c355e;
    width: 250px;
    height: 450px;
  }

  .textincard {
    height: 200px;
  }
}