header {
  height: 7.6rem;
  background-color: #eff5f5;
}
@media screen and (min-width: 768px) {
  header {
    height: 11.2rem;
  }
}

.navbar .navbar-nav {
  list-style: none;
}
.navbar .navbar-nav .nav-item {
  padding: 1.4rem 3rem;
}
.navbar .navbar-nav .nav-item a {
  color: #181818;
  font-size: 1.6rem;
}

.menu-icon {
  width: 4rem;
  height: 2.8rem;
  display: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  margin-left: 3rem;
}
.menu-icon span,
.menu-icon span::after,
.menu-icon span::before {
  display: block;
  background-color: #181818;
  width: 100%;
  height: 4px;
  border-radius: 100px;
  transition: all 0.2s ease-in-out;
}
.menu-icon span::after {
  content: "";
  position: absolute;
  top: 0;
}
.menu-icon span::before {
  content: "";
  position: absolute;
  bottom: 0;
}

.menu-icon.open span {
  transform: translateX(-50%);
  background-color: transparent;
}

.menu-icon.open span::before {
  transform: rotate(45deg) translate(15px, -15px);
}

.menu-icon.open span::after {
  transform: rotate(-45deg) translate(15px, 15px);
}

.banner {
  background-color: #eff5f5;
}
@media screen and (min-width: 992px) {
  .banner {
    height: 80vh;
  }
}

.brand-logo {
  font-size: 2rem;
  font-weight: 500;
  color: #181818;
}
@media screen and (min-width: 768px) {
  .brand-logo {
    font-size: 2.8rem;
  }
}

.banner-img {
  height: 40%;
}
@media screen and (min-width: 992px) {
  .banner-img {
    height: 70%;
  }
}
.banner-img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

button {
  padding: 1rem 2.4rem;
  border: none;
  border-radius: 0.5rem;
  cursor: pointer;
  background-color: transparent;
}
button.btn-outline {
  border: 1px solid #6d67e4;
}
button.btn {
  background-color: #6d67e4;
  color: white;
}
@media screen and (min-width: 768px) {
  button {
    padding: 1.6rem 3rem;
  }
}

h1 {
  font-size: 3.4rem;
}
@media screen and (min-width: 768px) {
  h1 {
    font-size: 4.8rem;
  }
}

h2 {
  font-size: 2.2rem;
}
@media screen and (min-width: 992px) {
  h2 {
    font-size: 3rem;
  }
}

h5 {
  font-size: 1.8rem;
}

.h5-lignt {
  font-size: 1.6rem;
  font-weight: 300;
}

p {
  font-size: 1.4rem;
  line-height: 2.6rem;
  color: #282a3a;
}
@media screen and (min-width: 768px) {
  p {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
}
@media screen and (min-width: 992px) {
  p {
    font-size: 1.6rem;
  }
}

.bg-text-primary {
  color: #6d67e4;
}

.bg-prim {
  background-color: #6d67e4 !important;
}

.bg-sec {
  background-color: #810ca8 !important;
}

.bg-third {
  background-color: #68b984 !important;
}

.bg-forth {
  background-color: #d23369 !important;
}

.vh-30 {
  height: 30vh !important;
}

.vh-40 {
  height: 40vh !important;
}

.gallery-big {
  flex: 0 0 60%;
}
@media screen and (min-width: 992px) {
  .gallery-big {
    height: 65vh;
  }
}
.gallery-big img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 1rem;
}

.gallery-small {
  height: 60vh;
}
@media screen and (min-width: 992px) {
  .gallery-small {
    height: 65vh;
  }
}
.gallery-small-img div {
  height: 30vh;
}
@media screen and (min-width: 992px) {
  .gallery-small-img div {
    height: 32.5vh;
  }
}
.gallery-small-img div img {
  height: 100%;
  width: 100%;
  border-radius: 1rem;
  -o-object-fit: cover;
     object-fit: cover;
}

@media screen and (min-width: 992px) {
  .section-testimonial {
    position: relative;
    height: 90vh;
  }
}
@media screen and (min-width: 992px) {
  .section-testimonial .testimonial-slides {
    position: absolute;
    left: 0;
    top: 50%;
    width: 50%;
    transform: translateY(-50%);
    z-index: 5;
  }
}
.section-testimonial .testimonial-slides .glide-testimonial .glide__slides .glide__slide .review-box {
  background-color: #6d67e4;
  width: 96%;
  padding: 3rem 1rem;
  border-radius: 1rem;
  color: white;
  margin: 0 auto;
  height: 85vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .section-testimonial .testimonial-slides .glide-testimonial .glide__slides .glide__slide .review-box {
    height: 40vh;
  }
}
@media screen and (min-width: 992px) {
  .section-testimonial .testimonial-slides .glide-testimonial .glide__slides .glide__slide .review-box {
    height: 75vh;
  }
}
.section-testimonial .testimonial-slides .glide-testimonial .glide__slides .glide__slide .review-box img {
  width: 7rem;
  height: 7rem;
  border-radius: 50%;
}
.section-testimonial .testimonial-slides .glide-testimonial .glide__slides .glide__slide .review-box i {
  font-size: 10rem;
}
.section-testimonial .testimonial-slides .glide-testimonial .glide__slides .glide__slide .review-box p {
  color: white;
}
.section-testimonial .testimonial-slides .glide-testimonial .glide__bullets {
  padding: 2rem 0;
}
.section-testimonial .testimonial-slides .glide-testimonial .glide__bullets .glide__bullet {
  padding: 6px;
  border-radius: 50%;
  transition: all 0.2s ease-in-out;
  background-color: #98999a;
}
.section-testimonial .testimonial-slides .glide-testimonial .glide__bullets .glide__bullet:not(last-child) {
  margin-right: 1rem;
}
.section-testimonial .testimonial-slides .glide-testimonial .glide__bullets .glide__bullet--active {
  background-color: #6d67e4;
  transform: scale(1.3);
}
.section-testimonial .about-testi {
  background-color: #eff5f5;
}
@media screen and (min-width: 992px) {
  .section-testimonial .about-testi {
    position: absolute;
    right: 0;
    top: 50%;
    width: 65%;
    height: 100%;
    transform: translateY(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
  }
}
.section-testimonial .about-testi-content {
  width: 96%;
  margin: 0 auto;
  border-radius: 1rem;
}
@media screen and (min-width: 992px) {
  .section-testimonial .about-testi-content {
    width: 50%;
  }
}
.section-testimonial .about-testi-content h5 {
  font-size: 1.4rem;
  text-transform: uppercase;
  margin-bottom: 1rem;
}
.section-testimonial .about-testi-content .mute-text {
  text-transform: capitalize;
  color: #98999a;
}
.section-testimonial .about-testi-content h2 {
  margin-bottom: 8px;
}
.section-testimonial .about-testi-content p {
  margin: 1.6rem 0;
}

.section-events h2 {
  text-align: center;
  margin-bottom: 3rem;
}
.section-events h2 span {
  display: inline-block;
  margin-bottom: 1.2rem;
  color: #98999a;
  text-transform: uppercase;
  font-size: 1.4rem;
}

.event-card {
  background-color: #f0effc;
  border-radius: 5px;
}
.event-card .card-head {
  display: flex;
  align-items: center;
  padding: 2rem 2rem 0 2rem;
  margin-bottom: 2.2rem;
  flex: 1 1 auto;
}
.event-card .card-head img {
  width: 10rem;
  height: 8rem;
  margin-right: 2rem;
}
.event-card .card-head h4 {
  font-size: 1.6rem;
}
.event-card .card-head h4 span {
  font-size: 1.4rem;
  padding: 2px 1rem;
  display: inline-block;
  border-radius: 1rem;
  margin-bottom: 0.5rem;
  color: white;
  background-color: #810ca8;
}
.event-card .card-details {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 3 3 auto;
  padding: 0rem 2rem 2rem 2rem;
}
.event-card .card-details h4 {
  font-size: 1.6rem;
}
.event-card .card-details h4 span {
  font-size: 1.4rem;
  color: #98999a;
  display: inline-block;
  margin-bottom: 0.5rem;
}

.section-register {
  margin: 5rem 0;
}
.section-register .register-content {
  padding: 2rem 0;
}
@media screen and (min-width: 992px) {
  .section-register .register-content {
    position: relative;
    margin-top: 10rem;
    height: 70vh;
  }
}
.section-register .register-content-box {
  text-align: center;
}
@media screen and (min-width: 992px) {
  .section-register .register-content-box {
    padding: 3rem;
    text-align: left;
    position: absolute;
    left: 0;
    top: 0;
    width: 75%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 1rem;
    background-color: #eff5f5;
  }
}
.section-register .register-content-box h4 {
  font-size: 1.4rem;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}
.section-register .register-content-box h2 {
  margin-bottom: 0.6rem;
}
.section-register .register-content-box h5 {
  color: #98999a;
  font-size: 1.6rem;
  font-weight: 300;
  margin-bottom: 0.5rem;
}
.section-register .register-content-box p {
  color: #98999a;
  margin-bottom: 0.5rem;
}
@media screen and (min-width: 992px) {
  .section-register .register-content-box p {
    width: 70%;
  }
}
.section-register .register-content-box-count {
  padding: 3rem 0rem;
  width: 50%;
  margin: 0 auto;
}
@media screen and (min-width: 992px) {
  .section-register .register-content-box-count {
    margin: 0;
  }
}
.section-register .register-content-box-count .count-time {
  display: flex;
  justify-content: space-between;
}
.section-register .register-content-box-count .count-time h2 {
  line-height: 1.8rem;
}
.section-register .register-content-box-count .count-time span {
  font-size: 1.2rem;
  color: #98999a;
}
.section-register .register-content-box-count .count-bar {
  height: 4px;
  width: 100%;
  position: relative;
  background-color: #98999a;
}
.section-register .register-content-box-count .count-bar::before {
  content: "";
  position: absolute;
  left: 0;
  height: 4px;
  width: 40%;
  background-color: #68b984;
}
@media screen and (min-width: 992px) {
  .section-register .register-form {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 35%;
  }
}
.section-register .register-form .form-container {
  background-color: #6d67e4;
  border-radius: 1rem;
}
.section-register .register-form form {
  padding: 3rem 2rem;
  display: flex;
  flex-direction: column;
}
.section-register .register-form form input,
.section-register .register-form form select,
.section-register .register-form form textarea {
  padding: 1rem;
  border: none;
  border-radius: 10rem;
  margin-bottom: 2rem;
  background-color: white;
  color: #98999a;
  font-size: 1.4rem;
}
@media screen and (min-width: 992px) {
  .section-register .register-form form textarea {
    height: 10rem;
  }
}
.section-register .register-form form input:focus,
.section-register .register-form form select:focus,
.section-register .register-form form textarea:focus {
  outline: none;
}
.section-register .register-form form button {
  padding: 1rem 3rem;
  background-color: white;
  align-self: flex-end;
  border-radius: 5rem;
  color: #6d67e4;
}
.section-register .register-form form textarea {
  border-radius: 1rem;
  border: none;
}
.section-register .register-form form textarea::-moz-placeholder {
  color: #98999a;
  font-size: 1.4rem;
}
.section-register .register-form form textarea:-ms-input-placeholder {
  color: #98999a;
  font-size: 1.4rem;
}
.section-register .register-form form textarea::placeholder {
  color: #98999a;
  font-size: 1.4rem;
}

footer {
  height: 50vh;
  background-color: #98999a;
}

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

html {
  font-size: 62.5%;
  font-weight: 400 !important;
  color: #181818;
  font-family: "Inter", sans-serif;
}

a {
  text-decoration: none;
}/*# sourceMappingURL=style.css.map */