.elearning.header-11 .form-control {
  color: var(--tc-system-white) !important;
}
.elearning.header-11 .form-control:focus {
  color: var(--tc-system-white) !important;
}

.elearning-home-section-1::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--tc-system-green-3);
  z-index: -1;
  border-radius: 0 !important;
}
.elearning-home-section-1 .banner-girl::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 805px;
  height: 805px;
  border-radius: 805px;
  background: #003930;
  z-index: -1;
}
.elearning-home-section-1 .input-group .btn-yellow {
  position: relative;
}
.elearning-home-section-1 .input-group .btn-yellow ::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 70%;
  top: 50%;
  background: var(--tc-system-stroke);
  transform: translateY(-50%);
  left: 0;
}

.progress,
.progress-stacked {
  --bs-progress-height: 4px;
  --bs-progress-font-size: 0.75rem;
  --bs-progress-bg: #e9e9e9;
  --bs-progress-border-radius: 20px;
  --bs-progress-box-shadow: var(--bs-box-shadow-inset);
  --bs-progress-bar-color: #fff;
  --bs-progress-bar-bg: var(--tc-theme-primary);
  --bs-progress-bar-transition: width 0.6s ease;
  display: flex;
  height: var(--bs-progress-height);
  overflow: hidden;
  font-size: var(--bs-progress-font-size);
  background-color: var(--tc-system-white);
  border-radius: var(--bs-progress-border-radius);
}

.tag-process .icon-shape {
  transform: rotate(90deg);
}
@media (min-width: 1400px) {
  .tag-process .icon-shape {
    transform: rotate(0deg);
  }
}

.section-portfolio-2.accordion {
  justify-content: center;
  align-content: center;
  position: relative;
  top: 0;
  left: 5vw;
  transition: all 200ms ease-in-out 50ms;
  width: 90vw;
  opacity: 0;
  gap: 30px;
}
.section-portfolio-2.accordion .accordion-item {
  border-radius: 10px !important;
  border: 1px solid var(--tc-system-stroke);
  background: none;
  cursor: pointer;
  display: flex;
}
@media (max-width: 767.98px) {
  .section-portfolio-2.accordion .accordion-item {
    flex-direction: column;
  }
}
.section-portfolio-2.accordion .accordion-item .accordion-link {
  background-color: var(--tc-system-white);
  transition: all 0.2s linear;
}
.section-portfolio-2.accordion .accordion-item .accordion-link .accordion-link-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  gap: 12px;
}
.section-portfolio-2.accordion .accordion-item .accordion-link .accordion-link-item .icon {
  position: relative;
  width: 44px;
  height: 44px;
  border-radius: 10px;
  border: 1px solid var(--tc-system-stroke);
  background: var(--tc-system-white);
  transition-duration: 0.3s;
}
.section-portfolio-2.accordion .accordion-item .accordion-link .accordion-link-item .icon svg {
  height: 14px;
  width: 14px;
  fill: var(--tc-theme-primary);
}
.section-portfolio-2.accordion .accordion-item .accordion-link .accordion-link-item .icon:hover {
  background: var(--tc-theme-primary);
  border: 1px solid var(--tc-theme-primary);
}
.section-portfolio-2.accordion .accordion-item .accordion-link .accordion-link-item .icon:hover svg {
  fill: var(--tc-system-green-3);
  transition-duration: 0.3s;
}
.section-portfolio-2.accordion .accordion-item .accordion-img {
  height: 100%;
  background-position: bottom center;
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
}
.section-portfolio-2.accordion .accordion-item .accordion-img::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background: url(../imgs/pages/learning/page-home/home-section-5/logo-bg.png);
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
}
.section-portfolio-2.accordion .default {
  height: 360px;
  width: 300px;
  overflow: hidden;
}
.section-portfolio-2.accordion .default .accordion-link {
  width: 0;
}
.section-portfolio-2.accordion .default .accordion-link .accordion-link-item {
  transition: all 0.5s linear;
  height: 0;
  opacity: 0;
}
.section-portfolio-2.accordion .default .accordion-img {
  width: 100%;
}
.section-portfolio-2.accordion .expand {
  height: 360px;
  width: 630px;
}
.section-portfolio-2.accordion .expand .accordion-link {
  width: 50%;
  padding: 0 40px;
}
.section-portfolio-2.accordion .expand .accordion-link .accordion-link-item {
  transition: all 0.5s linear;
  height: 100%;
  opacity: 1;
}
.section-portfolio-2.accordion .expand .accordion-img {
  width: 50%;
}
@media (max-width: 991px) {
  .section-portfolio-2.accordion .default {
    height: 300px;
    width: 100%;
    overflow: hidden;
  }
  .section-portfolio-2.accordion .default .accordion-link {
    width: 0;
  }
  .section-portfolio-2.accordion .default .accordion-link .accordion-link-item {
    height: 0;
    opacity: 0;
  }
  .section-portfolio-2.accordion .default .accordion-img {
    width: 100%;
  }
  .section-portfolio-2.accordion .expand {
    height: 360px;
    width: 100%;
  }
  .section-portfolio-2.accordion .expand .accordion-link {
    width: 50%;
    padding: 0 40px;
  }
  .section-portfolio-2.accordion .expand .accordion-link .accordion-link-item {
    transition: all 0.5s ease-in-out;
    height: 100%;
    opacity: 1;
  }
  .section-portfolio-2.accordion .expand .accordion-img {
    width: 50%;
  }
}
@media (max-width: 767.98px) {
  .section-portfolio-2.accordion .default {
    height: 250px;
    width: 100%;
    overflow: hidden;
  }
  .section-portfolio-2.accordion .default .accordion-link {
    width: 0;
  }
  .section-portfolio-2.accordion .default .accordion-link .accordion-link-item {
    height: 0;
    opacity: 0;
  }
  .section-portfolio-2.accordion .default .accordion-img {
    width: 100%;
  }
  .section-portfolio-2.accordion .expand {
    height: 550px;
    width: 100%;
  }
  .section-portfolio-2.accordion .expand .accordion-link {
    width: 100%;
    padding: 20px 20px;
  }
  .section-portfolio-2.accordion .expand .accordion-link .accordion-link-item {
    transition: all 0.5s ease-in-out;
    height: 100%;
    opacity: 1;
  }
  .section-portfolio-2.accordion .expand .accordion-img {
    width: 100%;
  }
}

.elearning-home-section-7 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.elearning-home-section-7::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: rgba(213, 213, 43, 0.84);
}

.section-footer-11 {
  margin-top: -20px;
}
.section-footer-11 .line-border {
  width: 1px;
  height: 300px;
  background: linear-gradient(180deg, #d5d52b 0%, #01473c 100%);
}

.elearning-about-section-4 .card-testimonial {
  background: linear-gradient(180deg, #f3f3e5 0%, #fff 112%);
}
.elearning-about-section-4 .card-testimonial .founder {
  transition: all 0.2s ease-in-out;
}
.elearning-about-section-4 .card-testimonial .quote {
  transition: all 0.2s ease-in-out;
}
.elearning-about-section-4 .card-testimonial .quote svg path {
  transition: all 0.2s ease-in-out;
}
.elearning-about-section-4 .card-testimonial:hover {
  background: linear-gradient(180deg, #fff 0%, #f3f3e5 112%);
}
.elearning-about-section-4 .card-testimonial:hover .founder {
  --bs-border-color: var(--tc-theme-primary) !important;
  transition: all 0.2s ease-in-out;
}
.elearning-about-section-4 .card-testimonial:hover .quote {
  background-color: var(--tc-theme-primary) !important;
  transition: all 0.2s ease-in-out;
}
.elearning-about-section-4 .card-testimonial:hover .quote svg path {
  transition: all 0.2s ease-in-out;
  fill: var(--tc-system-white) !important;
}

.z--1 {
  z-index: -1;
}

.elearning-courses-section-2 {
  /* 2 columns */
}
.elearning-courses-section-2 .progress,
.elearning-courses-section-2 .progress-stacked {
  --bs-progress-height: 4px;
  --bs-progress-font-size: 0.75rem;
  --bs-progress-bg: #e9e9e9;
  --bs-progress-border-radius: 20px;
  --bs-progress-box-shadow: var(--bs-box-shadow-inset);
  --bs-progress-bar-color: #fff;
  --bs-progress-bar-bg: var(--tc-theme-primary);
  --bs-progress-bar-transition: width 0.6s ease;
  display: flex;
  height: var(--bs-progress-height);
  overflow: hidden;
  font-size: var(--bs-progress-font-size);
  background-color: var(--bs-progress-bg);
  border-radius: var(--bs-progress-border-radius);
}
.elearning-courses-section-2 .masonary-active .card-news {
  margin: 15px 0;
}
.elearning-courses-section-2 .grid-sizer,
.elearning-courses-section-2 .grid-item {
  width: 50%;
}
@media (min-width: 1400px) {
  .elearning-courses-section-2 .grid-sizer,
  .elearning-courses-section-2 .grid-item {
    width: 33.33%;
  }
}
.elearning-courses-section-2 .grid-item--width2 {
  width: 66.66%;
}

.eLearning-button-filter .btn-filter {
  border: none;
  border-radius: 0;
  text-transform: uppercase;
  background: transparent;
  color: var(--tc-theme-primary);
}
.eLearning-button-filter .btn-filter.active {
  color: var(--tc-theme-primary);
  background: transparent;
  text-decoration: underline;
}
.eLearning-button-filter .btn-filter:hover,
.eLearning-button-filter .btn-filter :active,
.eLearning-button-filter .btn-filter :focus,
.eLearning-button-filter .btn-filter :focus-visible {
  color: var(--tc-theme-primary) !important;
  background: transparent !important;
  text-decoration: underline;
}

.team-filter {
  /* 2 columns */
}
.team-filter .masonary-active .card-news {
  margin: 15px 0;
}
.team-filter .grid-sizer,
.team-filter .grid-item {
  width: 50%;
}
@media (min-width: 1400px) {
  .team-filter .grid-sizer,
  .team-filter .grid-item {
    width: 33.33%;
  }
}
.team-filter .grid-item--width2 {
  width: 66.66%;
}

.group-collapse-expand {
  position: relative;
  background-color: var(--tc-system-white);
}
.group-collapse-expand:last-child .btn.collapsed {
  border-bottom: 1px solid var(--tc-system-stroke) !important;
}
.group-collapse-expand .collapsed {
  border-color: var(--tc-system-stroke) !important;
  transition: all 0.2s ease-in-out;
}
.group-collapse-expand .btn-collapse {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 26px 0px;
  outline: 0;
}
.group-collapse-expand .btn-collapse svg {
  stroke: var(--tc-system-black);
}
.group-collapse-expand .card.card-body {
  padding: 0px !important;
  border: 0px !important;
  background-color: var(--bs-background-card);
}
.group-collapse-expand .card.card-body .item-question {
  padding: 20px 0px;
}
.group-collapse-expand .collapsed svg {
  transform: rotate(-180deg);
}

.elearning-single-courses-section-2 .social-icons .icon {
  transition: all 0.3s ease-in-out;
  background-color: var(--tc-system-white);
}
.elearning-single-courses-section-2 .social-icons .icon svg {
  height: 14px;
  width: 14px;
  fill: var(--tc-theme-primary);
}
.elearning-single-courses-section-2 .social-icons .icon:hover {
  background-color: var(--tc-system-white);
  border-color: var(--tc-theme-primary) !important;
}

.card-team-conference .team-overlay {
  content: "";
  position: absolute;
  transition: all 0.3s linear;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--tc-theme-primary);
  opacity: 0;
  transform: translateX(-50%);
}
.card-team-conference .team-overlay .icon {
  position: relative;
  width: 34px;
  height: 34px;
  border-radius: 34px;
}
.card-team-conference .team-overlay .icon svg {
  height: 14px;
  width: 14px;
  fill: var(--tc-system-white);
  opacity: 0.5;
}
.card-team-conference .team-overlay .icon:hover {
  background: var(--tc-system-white);
}
.card-team-conference .team-overlay .icon:hover svg {
  fill: var(--tc-theme-primary);
  opacity: 1;
  transition-duration: 0.3s;
}
.card-team-conference:hover .team-overlay {
  opacity: 1;
  transform: translateY(0%);
}

.pagination_item {
  background: #eff4f9;
  color: var(--tc-system-black);
  font-size: 14px !important;
  font-weight: 700 !important;
  border-radius: 10px !important;
}
.pagination_item.active {
  background: var(--tc-system-green-3);
  color: var(--tc-system-black) !important;
  transition: 0.3s ease-in-out;
}
.pagination_item.active svg path {
  stroke: var(--tc-system-black) !important;
  transition: 0.3s ease-in-out;
}
.pagination_item:hover {
  background: var(--tc-system-green-3);
  color: var(--tc-system-black) !important;
  transition: 0.3s ease-in-out;
}
.pagination_item:hover svg path {
  stroke: var(--tc-system-black) !important;
  transition: 0.3s ease-in-out;
}
.pagination_item:focus {
  box-shadow: none;
  background-color: var(--tc-system-green-3) !important;
  color: var(--tc-system-black) !important;
  transition: 0.3s ease-in-out;
}
.pagination_item:focus svg path {
  stroke: var(--tc-system-black) !important;
  transition: 0.3s ease-in-out;
}

.elearning-courses-section-2 .form-control {
  color: var(--tc-system-black) !important;
}
.elearning-courses-section-2 .form-control:hover, .elearning-courses-section-2 .form-control:focus {
  color: var(--tc-system-black) !important;
  border: 1px solid var(--tc-system-black) !important;
}

.elearning-blog-details-section-2 .input-group .form-control {
  color: var(--tc-system-black);
  background: var(--tc-system-white) !important;
}
.elearning-blog-details-section-2 .input-group .form-control:hover, .elearning-blog-details-section-2 .input-group .form-control:focus {
  background: var(--tc-system-white) !important;
  color: var(--tc-theme-primary) !important;
  border: 1px solid var(--tc-theme-primary) !important;
}
.elearning-blog-details-section-2 .input-group-2 .form-control {
  color: var(--tc-system-black);
  background-color: var(--tc-system-white) !important;
}
.elearning-blog-details-section-2 .input-group-2 .form-control::-moz-placeholder {
  text-transform: uppercase;
}
.elearning-blog-details-section-2 .input-group-2 .form-control::placeholder {
  text-transform: uppercase;
}
.elearning-blog-details-section-2 .input-group-2 .form-control:hover, .elearning-blog-details-section-2 .input-group-2 .form-control:focus {
  background-color: var(--tc-system-white) !important;
  color: var(--tc-theme-primary) !important;
  border: 1px solid var(--tc-theme-primary) !important;
}

.elearning-contact-section-2 .input-group .form-control {
  color: var(--tc-system-black);
  background-color: var(--tc-system-white) !important;
}
.elearning-contact-section-2 .input-group .form-control:hover, .elearning-contact-section-2 .input-group .form-control:focus {
  background-color: var(--tc-system-white) !important;
  color: var(--tc-theme-primary) !important;
  border: 1px solid var(--tc-theme-primary) !important;
}
.elearning-contact-section-2 input.username {
  background-image: url(../imgs/template/icons/user-green2.svg);
  background-position: left 18px center;
  background-repeat: no-repeat;
  padding-left: 45px;
}
.elearning-contact-section-2 input.username:focus {
  background-image: url(../imgs/template/icons/user-green2.svg);
  background-position: left 18px center;
  background-repeat: no-repeat;
  padding-left: 45px;
}
.elearning-contact-section-2 input.email {
  background-image: url(../imgs/template/icons/email-green-2.svg);
  background-position: left 18px center;
  background-repeat: no-repeat;
  padding-left: 45px;
}
.elearning-contact-section-2 input.email:focus {
  background-image: url(../imgs/template/icons/email-green-2.svg);
  background-position: left 18px center;
  background-repeat: no-repeat;
  padding-left: 45px;
}
.elearning-contact-section-2 textarea {
  background-image: url(../imgs/template/icons/message-grren-2.svg);
  background-position: left 18px top;
  background-position-y: top 18px;
  background-repeat: no-repeat;
  padding-left: 45px !important;
}
.elearning-contact-section-2 textarea:focus {
  background-image: url(../imgs/template/icons/message-grren-2.svg);
  background-position: left 18px top;
  background-position-y: top 18px;
  background-repeat: no-repeat;
  padding-left: 45px;
}
.elearning-contact-section-2 textarea:focus {
  box-shadow: none;
  border: 1px solid var(--tc-theme-primary);
}
/*# sourceMappingURL=elearning.css.map */