.main-color {
  color: #00AAD4;
}

.second-color {
  color: #221E54;
}

.section {
  padding: 0;
}

.section .banner-course {
  /* height: 100vh; */
  position: relative;
  margin-bottom: 30px;
}

@media (min-width: 992px) {
  .section .banner-course {
    height: 800px;
  }

}

@media (max-width: 992px) {
  .section .banner-course {
    height: auto;
  }
}

.section .banner-course::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  z-index: 0;
  bottom: 0;
  right: 0;
 /* background: linear-gradient(0deg,
      rgba(34, 34, 34, 0.5833683815323004) 0%,
      rgba(51, 51, 51, 0.30325633671437324) 55%,
      rgba(255, 255, 255, 0) 100%);*/
}

.main-header {
  position: absolute;
  background-color: transparent;
  box-shadow: none;
  z-index: 100;
  width: 100%;
  border-bottom: none;
}

.main-header .menu-container .main-menu .menu_item .menu_link:hover,
.main-header .menu-container .main-menu .menu_item .menu_link {
  color: #212f3e;
}

.badge {
  background-color: #00AAD4;
  color: #fff;
  border-color: #00AAD4;
}


.main-header .menu-container .main-menu .menu_item .menu_link.link-profile,
.bg-video .img-video {
  border-color: #00AAD4;
}

.bg-video {
  display: flex;
  justify-content: space-between;
  align-items: end;
  padding: 370px 45px 40px;
}

.bg-video::before {
  display: none;
}


@media (max-width: 991px) {
  .bg-video div:nth-child(2) {
    flex-wrap: wrap;
    justify-content: center;
  }

  .bg-video div:nth-child(2) input {
    /* border-radius: 10px !important; */
    /* -webkit-border-radius: 10px !important; */
    /* -moz-border-radius: 10px !important; */
    /* -ms-border-radius: 10px !important; */
    /* -o-border-radius: 10px !important; */
  }

  .bg-video div:nth-child(2) input {
    /* width: 100%; */
    /* padding: 10px 25px; */
  }

  .bg-video .input-group {
    height: 7rem;
  }
}

@media (max-width: 767px) {
  .bg-video {
    flex-wrap: wrap;
    padding-top: 200px;
  }

  .bg-video div:nth-child(1) {
    /* margin-bottom: 20px; */
  }

}

.table-holder {
  background-color: #E0E9EE;
}

.table-holder .card-body {
  overflow-x: scroll;
  overflow-y: hidden;
}

.card-course .card-header {
  background-color: rgb(0, 170, 212);
  z-index: 10;
}

.card-course .card-header>h3 {
  color: #fff;
}

.table-appointments {
  min-width: 696px;
}

.table-appointments td {
  color: #777;
}

.table> :not(caption)>*>*,

.table-appointments tbody tr td:not(:last-child) {
  border-color: #00AAD4;
}

.table-appointments thead tr td:not(:last-child) {
  border-left: 1px solid #00AAD4;
}

.item-selectClass {
  background-color: #E0E9EE;
}

.card-course .active:hover {
  background-color: white;
  color: #00AAD4;
  border: 2px solid #00AAD4;
}

h5,
h6 {
  color: #777;
}

/* Start opinions */
.rating {
  position: relative;
}

.rating .card-course {
  background-color: transparent;
}

.opinions {
  position: relative;
}

.rating img {
  position: absolute;
  height: 16rem;
  z-index: -1;
}

.rating .left-image {
  left: 0;
  bottom: 0;
}

.opinions .opinion {
  /* width: 100%; */
  /* max-width: 20rem; */
  /* margin: auto; */
  text-align: center;
  padding: 2rem;
  border-radius: 10px;
  background: #221E54;
  color: #fff;
  font-size: 1rem;
}

.opinions .opinion.active {
  scale: 1.3;
}

.opinions img:nth-of-type(1) {
  top: -32px;
  right: -4rem;
}

.opinions img:nth-of-type(2) {
  bottom: -4rem;
  left: 0;
  z-index: 1;
}

/* End opinions */
/* Start demo_student_business */
.demo_student_business {
  background: #EEF4F5;
}

.demo__card {
  display: flex;
  border: 1px solid #707070;
  border-radius: 10px;
  padding: 10px;
  /* gap: 1rem; */
  /* width: 20rem; */
  height: 10rem;
}

.demo__card .demo-text {
  margin: auto;
}

.demo__card .img-demo img {
  height: 100%;
  width: 100%;
}

@media (max-width: 360px) {
  .demo__card {
    /* width: 17rem; */
  }
}

/* End demo_student_business */
/* Start Gains */
.gains-swipper .swiper-slide img {
  max-width: 205px;
  height: 270px;
}

/* End Gains */



.nav-item .nav-link {
  color: #221E54;
  font-size: 1.25rem;
  position: relative;
}

.nav-item .nav-link.active {
  font-weight: bold;
  color: #221E54;
}

.nav-item .nav-link::after {
  position: absolute;
  content: "";
  width: 0;
  height: 3px;
  background-color: #06abd5;
  inset-inline-start: 0;
  bottom: 0;
  transition: all 0.2s ease-in-out;

}

.nav-item .nav-link:hover::after,
.nav-item .nav-link.active::after {
  width: 20px;
  right: 15px;
}