:root {
  --lms-dark-blue: #3a63ac;
  --lms-aqua: #00cad9;
  --lms-dark-gray: #b4b4b4;
  --lms-light-gray: #fafafa;
  --lms-darker-gray: #fafafa;
  --lms-red: #e01e5a;
  --lms-red-hover: #ad1a48;
  --lms-green: #4dbb80;
  --lms-filter-collapse: "+";
  --lms-green-hover: #2caa67;
  --lms-text-white: #fff;
  --lms-bg-white: #fff;
  --lms-text-black: #000;
  --lms-border-col: #e0e5eb;
  --lms-border-col-lite: #f0f0f0;
  --lms-bg-light: #f6f6f6;
  --ed-color-heading-primary: #162726;
  --lms-favrt-col: #fa5a68;
}

.text-primary-custom {
  color: var(--lms-dark-blue) !important;
}

.text-success-custom {
  color: var(--lms-green) !important;
}

.btn-primary-custom {
  background-color: var(--lms-dark-blue) !important;
  color: var(--lms-text-white) !important;
  ;
}

.btn-success-custom {
  background-color: var(--lms-green) !important;
  color: var(--lms-text-white) !important;
  ;
}

.btn-danger-custom {
  background-color: var(--lms-red) !important;
  color: var(--lms-text-white) !important;
  ;
}

.bg-primary-custom {
  background-color: var(--lms-dark-blue) !important;
}

.bg-success-custom {
  background-color: var(--lms-green) !important;
}

.theam-blue {
  --lms-dark-blue: #3a63ac;
}

.theam-green {
  --lms-dark-blue: #3a63ac;
}

ul,
ol,
ol ol,
ol ul,
ul ol,
ul ul {
  padding: 0;
  margin: 0;
}

a.navbar-brand {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

.a {
  color: #3a63ac;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  font-family: "Lato", sans-serif;
  background-color: var(--lms-bg-white);
}

.white-bg-white {
  background-color: var(--lms-bg-white) !important;
}

button.btn,
a.btn {
  border-radius: 0 0 !important;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px;
  background-color: var(--lms-dark-blue);
}

.navbar-brand {
  padding-top: 20px;
  padding-bottom: 20px;
}

a.nav-link {
  font-family: "LEMON MILK";
  font-weight: 100;
  font-size: 15px;
  margin-top: 2px;
}

.navbar-main {
  justify-content: space-evenly;
}

.navbar-user .nav-link {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 14px;
  font-weight: 200;
}

.main-content {
  background-color: white;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 6px;
  margin-bottom: 30px;
}

.main-content-add {
  background-color: white;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 6px;
}

.main-content-inner {
  padding: 40px;
}

.main-content-inner-list {
  /* padding: 10px; */
}

a.nav-link {
  font-family: "LEMON MILK";
  font-weight: 100;
  font-size: 15px;
  margin-top: 2px;
}

.main-content-footer {
  background-color: var(--lms-dark-blue);
  color: white;
  padding: 38px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 6px;
}

.thead-blue {
  background-color: #dae8ee;
  border: none;
  color: #756f86;
}

.table .thead-blue tr th {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.btn-outline-ueg {
  color: var(--lms-dark-blue);
  border-color: var(--lms-dark-blue);
  border-width: 2px;
  font-weight: bold;
}

.btn-outline-white-ueg {
  color: white;
  border-color: white;
  border-width: 2px;
  font-weight: bold;
}

.btn-white-ueg {
  color: var(--lms-dark-blue);
  background-color: white;
  border-color: white;
  border-width: 2px;
  font-weight: bold;
}

#datatables-column-search-select-inputs .odd td select {
  border-radius: 0 0;
  box-shadow: 0 0;
  border: 1px solid var(--lms-border-col);
  padding: 3px 10px;
}

.badge-ueg {
  font-size: 14px;
  background-color: var(--lms-dark-blue);
  border-radius: 30px;
  padding: 8px 11px 8px 11px;
  color: white;
}

.badge-ueg:hover {
  background-color: var(--lms-green);
}

.badge-ueg-warning {
  font-size: 14px;
  background-color: #ffc107;
  border-radius: 30px;
  padding: 8px 11px 8px 11px;
  color: black;
}

.row-head-blue {
  background-color: #dae8ee;
  padding-top: 1rem;
  padding-bottom: 1rem;
  margin-left: 0px;
  margin-right: 0px;
}

.input-borderless input {
  border: none;
  font-family: "Lato", sans-serif;
  padding-top: 1rem;
  padding-bottom: 1rem;
  margin-top: 4px;
  margin-bottom: 4px;
}

.rounded-big {
  border-radius: 12px;
}

.selectize-input>* {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 21px);
}

.ueg-container-sec {
  display: flex;
  gap: 20px;
}

.ueg-side-nav {
  width: 30%;
  background: #f2f2f2;
  padding: 10px;
}

.ueg-main-content {
  width: 100%;
}

.ueg-side-nav .ud-unstyled-list.ueg-side-nav-menu {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.ueg-side-nav .ud-unstyled-list.ueg-side-nav-menu li {
  background: var(--lms-dark-blue);
  padding: 5px;
  margin-bottom: 3px;
}

.ueg-side-nav .ud-unstyled-list.ueg-side-nav-menu li a {
  color: #fff;
  display: block;
}

.ueg-side-nav .ud-unstyled-list.ueg-side-nav-menu li a:hover {
  text-decoration: none;
}

.ueg-side-nav .ud-unstyled-list.ueg-side-nav-menu li:hover {
  background: #00709e;
}

.ud-avatar.ud-heading-xl {
  background: #eee;
  height: 100px;
  width: 100px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  margin: 0 auto 10px;
}

.um-text-center.ueg-user-title.ud-heading-md {
  text-align: center;
  margin: 0 0 20px;
}

.ud-text-input-container {
  position: relative;
}

span.text-input-with-counter-module {
  position: absolute;
  top: 9px;
  right: 10px;
  font-size: 14px;
  color: #6a6f73;
}

.uge-form-exmp {
  font-weight: 400;
  line-height: 14px;
  font-size: 12px;
  color: #6a6f73;
  padding-top: 3px;
}

.ueg-form-group {
  margin-bottom: 20px;
}

.form-select {
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  -moz-padding-start: calc(0.75rem - 3px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #6a6f73;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: 1px solid #ced4da;
  border-radius: 0;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.url_dv .ueg-edit-profile {
  border: 1px solid #ced4da;
  padding: 6px 14px;
  border-radius: 5px 0 0 5px;
  border-right: 0;
  color: #6a6f73;
}

.url_dv {
  position: relative;
  display: flex;
  align-items: center;
}

.url_dv .form-control {
  border-radius: 0;
}

.ueg-form-label.ud-heading-sm {
  font-size: 16px;
  font-weight: bold;
}

.geg-prof-top {
  text-align: left;
  width: 22.5%;
}

dl,
ol,
ul {
  margin: 0;
  padding: 0;
}

.btn-primary {
  color: #fff;
  background-color: var(--lms-dark-blue);
  border-color: var(--lms-dark-blue);
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  color: #fff;
  background-color: var(--lms-dark-blue);
  border-color: var(--lms-dark-blue);
}

.admin-cont .btn.btn-primary.mx-2:hover {
  background-color: var(--lms-green) !important;
  border-color: var(--lms-green)
}

.lemon-normal {
  font-family: "LEMON MILK";
}

.lemon-small {
  font-family: "LEMON MILK";
  font-size: 12px;
}

.lemon-smallest {
  font-family: "LEMON MILK";
  font-size: 11px;
}

.weight-100 {
  font-weight: 100;
}

.alert-bar {
  position: fixed;
  top: 120px;
  width: 100%;
  background-color: #f15062;
  color: white;
  z-index: 10;
  padding-top: 2px;
  padding-bottom: 4px;
}

.alert-bar .container {
  text-align: center;
}

html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.border-top {
  border-top: 1px solid #e5e5e5;
}

.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.05);
}

button.accept-policy {
  font-size: 1rem;
  line-height: inherit;
}

/* Sticky footer styles
  -------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

body.body-admin {
  background: #edf1f6 !important;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px;
  /* Vertically center the text there */
}

.navbar {
  min-height: 120px;
  margin-bottom: 0px !important;
}

.nav-link {
  color: var(--lms-dark-blue);
  font-family: "LEMON MILK";
  letter-spacing: 0.1rem;
  font-weight: 300;
  cursor: pointer;
}

.nav-link .nav-arrow {
  display: inline;
}

.nav-link .nav-arrow img {
  transform: rotate(-90deg);
  transition: all 0.5s ease-out;
  margin-top: -4px;
  margin-left: 4px;
}

.nav-open .nav-arrow img {
  transform: rotate(0deg);
}

.mobile-nav-item {
  margin-left: auto;
  position: relative;
}

.mobile-nav-item .cart_tray .dropdown-menu.show {
  position: absolute;
  left: -110px;
}

#mobile-global-search {
  margin-left: 10px;
  margin-right: 10px;
}

#mobile-global-search svg {
  width: 14px;
  height: auto;
}

.banner {
  padding-left: 0px;
  padding-right: 0px;
}

.page-banner-img .banner-accent {
  border-width: 20px;
  border-color: var(--lms-dark-blue);
  background-color: var(--lms-dark-blue);
  border-radius: 0px;
  height: 80%;
  border-style: solid;
  position: absolute;
  transform: rotate(18deg);
  top: 10%;
  left: 13%;
  z-index: 1;
}

.page-banner-img.mobile {
  margin-top: 120px;
}

.page-banner-img.mobile .banner-accent {
  margin-top: 120px;
}

.educator-img.display-on-mobile {
  margin-top: 120px;
}

.page-banner .page-banner-content .page-banner-excerpt {
  margin-bottom: 2rem;
}

.page-banner .page-banner-content .page-banner-text h1.title {
  font-family: "LEMON MILK";
  font-weight: 400;
  letter-spacing: 0.5rem;
  /* font-size: 2rem; */
  color: var(--lms-dark-blue);
}

.page-banner .page-banner-content .page-banner-excerpt p.excerpt {
  font-family: Lato;
  font-weight: 600;
  color: var(--lms-dark-blue);
  font-size: 20px;
  max-width: 90%;
}

.accent-skill-acquisition {
  background-color: #ea132d !important;
  border-color: #ea132d !important;
}

.accent-professional-learning {
  background-color: #f3af04 !important;
  border-color: #f3af04 !important;
}

.accent-wellbeing {
  background-color: #7cb82a !important;
  border-color: #7cb82a !important;
}

.accent-undergraduate {
  background-color: #545870 !important;
  border-color: #545870 !important;
}

.home-banner {
  background-size: cover;
  height: 100%;
  overflow: hidden;
  background-repeat: no-repeat;
}

.contact-page .banner.inner-page-banner .banner.inner-banner {
  background-image: url("../img/contact-banner-image.png") !important;
}

.banner.inner-page-banner .banner.inner-banner {
  background-image: url("../img/page-header-bg.png") !important;
  background-position: 50% 0%;
  background-size: cover;
  height: 300px;
  overflow: hidden;
  background-repeat: no-repeat;
  border-radius: 0 !important;
}

.home-banner-blue-arrow {
  width: 60%;
  height: 100%;
  object-fit: cover;
  display: flex;
  overflow: hidden;
  justify-content: center;
  position: absolute;
  left: 0;
  z-index: 1;
  top: 0;
}

.home-banner-blue-arrow img {
  width: 100%;
}

.home-banner-left {
  color: var(--lms-dark-blue);
}

.inner-banner-left h1,
.home-banner-left h1 {
  font-family: "LEMON MILK";
  color: var(--lms-text-white);
  letter-spacing: 0.5rem;
  font-size: 5rem;
  font-weight: 400;
}

/* .home-banner-left h2 {
    font-family: Lato, sans-serif;
    color: var(--lms-dark-blue);
    font-weight: 700;
    font-size: 1.5rem;
    letter-spacing: .1rem;
    margin-bottom: 1rem;
  } */
.home-banner-left h2 {
  font-family: Lato, sans-serif;
  color: var(--lms-text-white);
  font-weight: 700;
  font-size: 1.5rem;
  letter-spacing: 0.1rem;
  margin-bottom: 1.5rem;
  margin-top: 2.5rem;
}

.home-banner-header-divider {
  border-width: 10px;
  border-style: solid;
  background-color: var(--lms-dark-blue);
  border-color: var(--lms-dark-blue);
  border-radius: 0px;
  width: 50%;
  height: 1px;
  margin-top: 1rem;
  margin-bottom: 4rem;
}

.inner-banner-text {
  position: relative;
  top: 0%;
  z-index: 2;
  padding-top: 3rem;
  padding-bottom: 4rem;
}

.home-banner-text {
  position: relative;
  top: 10%;
  z-index: 2;
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.btn.btn-start {
  background-color: var(--lms-green);
  border-radius: 0px;
  font-family: "LEMON MILK";
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.1rem;
  color: var(--lms-text-white);
  padding: 0.5rem 0.9rem;
  transition: ease all 0.3s;
}

.btn.btn-start:hover {
  background-color: var(--lms-dark-blue);
  color: var(--lms-text-white);
}

p.content.blue-triangle.before {
  display: flex;
  padding: 0;
  margin: 0;
}

p.content {
  font-family: Lato;
  letter-spacing: 1px;
  font-size: 16px;
  word-spacing: 1px;
}

.btn.btn-primary.btn-find-out-more {
  width: 100%;
  outline: 0 !important;
  background-color: var(--lms-dark-blue);
  color: #fff;
  font-family: "LEMON MILK";
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 14px;
  padding: 1rem 1.5rem;
  border: none !important;
}

.btn.btn-primary.btn-find-out-more:hover {
  background-color: var(--lms-yellow) !important;
  color: var(--lms-dark-blue) !important;
  transition: ease all 0.3s;
}

.banner-card {
  border-radius: 25px;
  overflow: hidden;
}

.banner-card .card-content {
  padding-left: 3rem;
  margin: auto 0;
}

.card {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.card .card-image {
  height: 500px;
  overflow: hidden;
  object-fit: cover;
  display: flex;
  align-items: center;
}

.card .card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: right;
}

.courses-card {
  padding-top: 15px;
  padding-bottom: 15px;
}

.social-icons {
  display: flex;
  align-items: center;
}

.social-icons .single-social svg {
  max-height: 50px;
  max-width: 100%;
}

.social-icons .single-social img {
  max-height: 50px;
  max-width: 100%;
}

.single-social {
  text-align: center;
}

.card.educator {
  border: unset;
  margin-top: 2rem;
  margin-bottom: 2rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  border-radius: 0px;
  width: 98.1%;
}

.edu-crest {
  display: grid;
  padding: 0 1rem;
  grid-template-columns: 8% 89%;
  grid-column-gap: 3%;
  align-items: center;
}

.crest-svg {
  justify-content: flex-end;
  display: flex;
  height: 50px;
  width: 60px;
}

.educator-month-card {
  padding: 3rem;
  display: flex;
}

.navbar {
  position: fixed;
  z-index: 100;
  width: 100%;
  top: 0;
}

.bg-dark {
  background-color: var(--lms-dark-blue) !important;
}

.main-footer.uegfooter .copyright {
  color: rgba(255, 255, 255, 0.7);
  font-weight: 100;
  font-family: "LEMON MILK";
  letter-spacing: 1px;
  font-size: 12px;
}

.main-footer.uegfooter .footer-links a {
  display: block;
  font-family: Lato, sans-serif;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.9);
  text-decoration: none;
  font-size: 13px;
  padding-bottom: 0.3rem;
  transition: ease all 0.5s;
}

.spacer-bar {
  width: 100%;
  height: 114px;
  background-color: white;
  transition: all ease-out 0.5s;
}

.spacer-bar-open {
  height: 248px;
}

.subnav {
  top: -8px;
  position: fixed;
  z-index: 99;
  display: flex;
  background-color: rgba(154, 189, 221, 0.34);
  padding: 12px;
  grid-gap: 20px;
  width: 100%;
  transition: all ease-out 0.5s;
}

.subnav .flex-column {
  width: 100%;
  height: 100%;
  background-color: white;
  padding: 12px;
}

.subnav .subnav-image {
  float: right;
}

.subnav-open {
  top: 120px;
}

.search-bar-home {
  display: flex;
  flex-direction: row;
  padding-top: 0rem;
  padding-bottom: 0rem;
}

#DropDown-Search.subnav-open ul.force-scrollbar {
  margin-bottom: 0;
}

.search-bar-home input {
  width: 95%;
  font-family: "LEMON MILK";
  outline: 0;
  letter-spacing: 0.2rem;
  color: var(--lms-dark-blue);
  font-size: 20px;
  font-weight: 300;
  border: 0;
}

.search-bar-home input::placeholder {
  font-family: "LEMON MILK";
  letter-spacing: 0.2rem;
  color: var(--lms-darker-gray);
  font-size: 20px;
  font-weight: 300;
}

.search-bar-home .search-icon svg {
  height: 40px;
}

.search-bar-home .search-icon svg path {
  fill: var(--lms-dark-gray);
}

.bg-gray-light {
  background-color: var(--lms-light-gray);
}

.bg-light-blue {
  background-color: var(--lms-light-gray);
}

.why-ueg-section {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.why-ueg-section .why-item {
  padding-top: 3rem;
  display: flex;
  align-items: center;
  gap: 10px;
  flex-direction: column;
  text-align: center;
}

.why-ueg-section .yellow-tag {
  padding-left: 12px;
}

.why-ueg-section .why-item .title {
  margin-bottom: 0 !important;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 2px;
  color: var(--lms-dark-blue);
  line-height: 18px;
  text-transform: capitalize;
  color: #000;
  font-family: "Lato", sans-serif;
  letter-spacing: 0;
}

.why-ueg-section .why-item .content {
  font-family: Lato;
  font-weight: 400;
  color: #000;
  font-size: 17px;
  letter-spacing: 1px;
  padding-right: 2rem;
}

.educator-month-card {
  padding: 2rem;
  display: flex;
}

.educator-month-card .card-author .title.author {
  color: #9abddd;
  letter-spacing: 0.3rem;
  font-size: 2rem;
  padding-bottom: 1rem;
}

.educator-month-card .educator-img {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  z-index: 9;
}

.educator-month-card .educator-img-container {
  border-radius: 100%;
  height: 350px;
  width: 350px;
  overflow: hidden;
  border: 20px solid var(--lms-aqua);
}

.educator-month-card .educator-img-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.educator-month-bg {
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  padding-right: 0;
  right: 0;
  overflow: hidden;
  border-radius: 25px;
}

.educator-month-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left;
}

h4.title {
  font-family: "LEMON MILK";
  font-weight: 400;
  color: var(--lms-dark-blue);
  letter-spacing: 0.1rem;
}

hr.small-blue {
  border: 5px solid #00cad9;
  background-color: var(--lms-aqua);
  border-radius: 0px;
  margin-left: 0;
  margin-right: 0;
  width: 50px;
  margin-top: 0.4rem;
}

hr.big-blue {
  border: 10px solid #00cad9;
  background-color: var(--lms-aqua);
  border-radius: 25px;
  margin-left: 0;
  margin-right: 0;
  width: 150px;
}

.why-item img {
  width: auto !important;
  height: 40px !important;
}

p.course-dtl-lesson-desc.tag-under,
p.course-dtl-lesson-desc.tag-under {
  text-decoration: underline;
  cursor: pointer;
  color: var(--lms-dark-blue);
  font-size: 16px;
  line-height: 18px;
}

p.course-dtl-lesson-desc.tag-under:hover,
p.course-dtl-lesson-desc.tag-under:hover {
  text-decoration: none;
}

p.course-dtl-lesson-desc .bi.bi-play-circle {
  color: var(--lms-dark-blue);
  margin-left: 10px;
}

.why-cours .tag-title {
  padding: 0.5rem 0.5rem;
  font-size: 20px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: 1px;
  margin-bottom: 0 !important;
  margin-top: 0.5rem;
  text-align: center;
  color: var(--lms-text-black);
}

.zoomimg {
  height: 190px;
  width: 100%;
  transition: transform 0.6s;
  margin: 0 auto;
  border-radius: 0px;
  overflow: hidden;
}

.zoomimg img {
  transition: transform 0.6s;
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.zoomimg:hover img {
  transform: scale(1.2);
}

.courses-h-list {
  display: flex;
  overflow-y: hidden;
  overflow-x: auto;
}

.courses-box {
  padding: 14px 33px 20px 33px;
}

.lmtitle {
  font-weight: 500;
  letter-spacing: 1px;
  color: var(--lms-text-black);
  font-size: 20px;
  margin-bottom: 24px;
}

.course-tn-category {
  padding-top: 8px;
  padding-bottom: 8px;
}

.course-tn-category-res {
  padding-bottom: 8px;
}

.banner-img {
  clip-path: polygon(100% -250%, 0 100%, 100% 100%, 100% 0);
  width: 100%;
  overflow: hidden;
  object-fit: cover;
  object-position: center;
  height: 700px;
}

.banner-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.course-banner.page-banner .banner-img {
  height: 800px;
}

.spread-evenly {
  justify-content: space-evenly;
}

.navbar .navbar-nav .nav-item .search-icon {
  background-color: var(--lms-dark-gray);
  border-radius: 0;
  width: 37px;
  height: 37px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}

.navbar .navbar-nav .nav-item .search-icon svg {
  width: 20px;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  outline: 0;
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}

.modal-header {
  border-bottom: 0;
  padding: 1.5rem 1.5rem;
  padding-bottom: 0.5rem;
}

.get-started .modal-header {
  padding-top: 2rem;
  padding-left: 2rem;
  padding-right: 2rem;
  border-bottom: 0;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}

h5.modal-title,
.mat-typography h5.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
  font-family: "LEMON MILK";
  font-weight: 400;
  letter-spacing: 0.1rem;
  color: var(--lms-dark-blue);
  font-size: 18px;
}

.modal-show {
  display: block;
  background-color: rgba(0, 0, 0, 0.5);
}

.optional-content {
  font-style: italic;
  float: right;
  font-size: 0.75rem;
  color: gray;
  margin-top: 0.25rem;
}

.content .optional-content {
  font-family: "Lato", sans-serif !important;
  color: var(--lms-dark-blue);
}

.modal-body .content .optional-content {
  font-size: 12px;
}

.form-control {
  border-radius: 0 !important;
  padding: 1.5rem;
  font-family: Lato !important;
  font-weight: 300;
  color: #000;
  font-size: 13px;
  background-color: #fff;
}

input,
textarea,
.form-control .label {
  font-family: "Lato", sans-serif !important;
}

.modal-content .form-control {
  padding: 0.5rem 1rem;
}

.content.submit-text {
  font-family: Lato, sans-serif;
  color: rgba(0, 0, 0, 0.5);
  font-size: 13px;
  padding-top: 1rem;
  padding-bottom: 2rem;
  letter-spacing: 0;
  word-spacing: 0;
}

.info-bar .btn.btn-yellow {
  border-radius: 0;
  padding-top: 2rem;
  padding-bottom: 2rem;
  width: 100%;
}

.btn.btn-gray {
  font-family: "LEMON MILK" !important;
  color: var(--lms-dark-blue);
  letter-spacing: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #eaeaea !important;
  transition: ease all 0.3s;
  font-size: 14px;
  font-weight: 400;
  padding: 0.8rem;
}

.btn.btn-gray:hover {
  background-color: var(--lms-dark-blue);
  color: var(--lms-dark-blue);
}

.educator-banner.banner .container {
  position: relative;
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.course-content,
.course-overview,
.gray-card,
.more-courses,
.page-section {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.section-padding {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.pagination {
  position: relative;
  padding: 1.5rem 2rem;
  background-color: #ebf2f8;
  z-index: 99;
}

.pagination .nav-item .nav-link {
  font-family: "LEMON MILK" !important;
  color: var(--lms-text-black);
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 400;
  font-size: 14px;
  white-space: nowrap;
}

#pagination {
  position: fixed;
  top: 0px;
  z-index: 200;
  left: 0px;
  right: 0px;
  transition: all 0.5s ease-out;
  transform: translateY(-100%);
}

#pagination.pagination-show {
  transform: translateY(0px);
}

.modal-content {
  box-shadow: 0 0 30px #605858;
}

.modal-content h4.title {
  font-size: 1.2rem;
}

.modal-content hr.big-blue {
  margin-top: 0;
  border-width: 6px;
  width: 100px;
  display: none;
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  margin: 0rem;
}

label.content {
  display: block;
  padding-bottom: 5px;
}

.stack-row {
  flex-direction: row;
}

#courseLink {
  border-radius: 0 !important;
  padding: 0.5rem;
  font-family: Lato !important;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.4);
  font-size: 1rem;
  background-color: #fff;
  height: 100%;
}

.share-social-icons {
  grid-template-columns: 15% 15% 15% 15%;
}

.share-social-icons .social-icon {
  height: 50px;
  width: 50px;
  background-color: #f2f2f2;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.9rem;
  transition: ease all 0.3s;
}

.d-grid {
  display: grid;
}

.stack-column {
  flex-direction: column;
  align-items: flex-start;
}

.bra-0 {
  border-radius: 0 !important;
}

.show-more {
  background-color: rgba(240, 240, 240, 0.6);
  display: flex;
  padding: 1rem;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-bottom: 4rem;
}

.show-more .show-more-title {
  font-family: "LEMON MILK";
  font-weight: 400;
  letter-spacing: 0.1rem;
  color: var(--lms-dark-blue);
  text-decoration: none;
}

.show-more .show-more-title::after {
  display: inline-block;
  margin-left: 0.255em;
  border: none !important;
  content: url("../img/NavDropdown.svg");
  height: 20px;
  padding: 0 0.4rem;
  transform: rotate(-90deg);
  transition: ease all 0.2s;
}

#showMore:hover .show-more-title::after {
  transform: rotate(0deg);
}

.term-card {
  padding: 0.5rem 0.8rem;
  background-color: rgba(240, 240, 240, 0.8);
  box-shadow: 0 3px 10px 2px rgb(0 0 0 / 16%);
  font-family: "LEMON MILK";
  font-weight: 400;
  letter-spacing: 0.1rem;
  font-size: 0.9rem;
  color: var(--lms-dark-blue);
  transition: ease all 0.3s;
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;
}

.term-card:hover {
  transform: scale(1.03);
  box-shadow: 0 3px 10px 5px rgb(0 0 0 / 16%);
  cursor: pointer;
}

.term-card p {
  margin-bottom: 0;
}

.term-card-line {
  border-bottom: 1px solid var(--lms-aqua);
}

.filter-title .title {
  font-family: "LEMON MILK";
  font-weight: 400;
  letter-spacing: 2px;
  font-size: 1.5rem;
  text-transform: uppercase;
  color: var(--lms-dark-blue);
}

.filter-search {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

a {
  cursor: pointer;
  text-decoration: none !important;
}

.author-content {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  overflow-y: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}

p.sector-name {
  font-family: "Lato";
}

.home-banner-blue-arrow.banner-display-on-mobile {
  width: 100%;
}

.home-banner-blue-arrow.banner-display-on-mobile img {
  width: 100%;
  height: 100%;
  margin-top: 30vw;
}

.btn-mobile-nav {
  font-family: "Lato";
  text-align: left;
  font-size: 16px !important;
  background-color: white;
  border-radius: 0px;
  color: black;
  border-color: var(--lms-dark-gray);
}

.force-scrollbar::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}

.force-scrollbar::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}

.about-banner {
  background-image: url(/img/banners/about-banner.jpg);
}

.pagination .nav-item {
  max-width: unset !important;
}

.row.socl_icn {
  justify-content: flex-start;
}

span.footer-link-title {
  margin-right: 15px;
}

.row.socl_icn .col-2 {
  max-width: 60px !important;
  flex: inherit !important;
  margin: 0 0 24px;
}

.footer_top .subnav {
  position: relative;
  background: none;
  background: #ebf2f8;
  top: 0;
}

.footer_top {
  margin: 30px 0 0;
}

.footer_top ul {
  display: flex;
  list-style-type: none;
  padding: 0;
  margin: 0;
  justify-content: center;
}

.footer_top ul li a {
  font-size: 20px;
  line-height: 27px;
  text-transform: uppercase;
  color: var(--lms-dark-blue);
  font-weight: 300;
  border: 0 !important;
}

.footer_top ul li a strong {
  color: var(--lms-dark-blue);
  margin-left: 10px;
}

.nav-link.active .nav-arrow img {
  transform: rotate(0deg);
}

.tab_common {
  background: #ebf2f8;
  padding: 30px;
}

.footer_top .tab-content {
  padding: 22px 0;
  background: #ebf2f8;
}

.footer_top .nav-tabs .nav-item a {
  padding: 20px 50px 20px 40px;
  background-image: url("../img/Nav-button-icon.png");
  background-position: 98% center;
  background-size: 24px;
  background-repeat: no-repeat;
}

.footer_top .nav-tabs .nav-item a.active {
  background-image: url("../img/Nav-button-icon-up.png");
}

.footer_top .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  background: #ebf2f8;
}

.layer_inr {
  display: flex;
  justify-content: space-between;
}

.layer_inr strong {
  letter-spacing: 1px;
  color: #00cad9;
  font-size: 12px;
  line-height: 18px;
}

.tab_common a:hover {
  text-decoration: none;
}

.layer_inr p {
  color: var(--lms-dark-blue);
  font-size: 15px;
  margin: 5px 0 0;
  min-height: 30px;
  line-height: 17px;
}

.layer_inr img {
  width: 30px !important;
}

.layer_inr.layer_btn {
  display: block;
}

.layer_inr.layer_btn button.btn.btn-ugme:last-child {
  margin: 0;
}

.layer_inr.layer_btn button.btn.btn-ugme {
  display: block;
  letter-spacing: 1.8px;
  color: #00cad9;
  background: #fff;
  text-align: center;
  width: 100%;
  border-radius: 0;
  margin-bottom: 10px;
}

.subnav .flex-column.layer_btn_dv {
  background: none;
  padding: 0;
}

.owl-carousel .owl-stage {
  display: flex;
}

.owl-carousel .owl-item {
  display: flex;
  flex: 1 0 auto;
}

.owl-carousel .thumbnail {
  display: flex;
  flex-direction: column;
  margin: 0 15px;
}

.owl-carousel .thumbnail .caption {
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
}

.owl-carousel .thumbnail .caption .flex-text {
  flex-grow: 1;
}

div.owl-carousel.owl-theme {
  overflow: hidden;
  display: block;
  position: relative;
}

.owl-nav button:focus {
  background: none !important;
  border: 0 !important;
  box-shadow: 0 0 !important;
  outline: 0 !important;
}

.owl-nav button {
  background: none;
  border: 0;
  font-size: 60px;
}

.owl-nav button.owl-prev {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 10%;
  left: 0;
}

.owl-nav button.owl-next {
  position: absolute;
  width: 100%;
  top: 10%;
  right: 0;
  width: 30px;
  height: 30px;
}

.container-fluid.resource_section {
  padding-top: 30px;
}

.resource_headr h4.title {
  text-align: center;
  font-size: 40px;
}

.resource_headr {
  margin-bottom: 30px;
}

.mid-divdr {
  margin: 1rem auto;
  width: 20%;
}

.resourc_search .search-icon {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.resourc_search .search-icon strong {
  font: normal normal normal 16px/34px LEMON MILK;
  letter-spacing: 3.75px;
  color: var(--lms-dark-blue);
  text-transform: uppercase;
  background: #eaeaea;
  padding: 18px 30px;
  margin: 0 0 0 20px;
  cursor: pointer;
  border-left: 1px solid #b4b4b4;
}

.resourc_search {
  border: 1px solid #b4b4b4;
  padding-top: 0;
  padding-bottom: 0;
}

.search-bar-home.resourc_search input {
  margin: 0 auto;
}

.resource_caro .items {
  border: 2px solid #9abddd;
  border-radius: 10px;
  padding: 10px;
  width: 100%;
}

.resource_caro .items strong {
  font: normal normal normal 10px/16px LEMON MILK;
  color: var(--lms-dark-blue);
  text-transform: uppercase;
  display: block;
  text-align: center;
  margin-top: 10px;
}

.resource_caro.owl-carousel .items img {
  display: block;
  margin: 0 auto;
  width: auto;
}

.owl-carousel .owl-nav button.owl-next:hover,
.owl-carousel .owl-nav button.owl-prev:hover {
  background: none;
}

.owl-carousel .owl-nav button.owl-next {
  position: absolute;
  right: -30px;
  top: 32%;
}

.owl-carousel .owl-nav button.owl-prev {
  position: absolute;
  left: -30px;
  top: 32%;
}

.owl-carousel .owl-nav button.owl-next span {
  background: url("../img/NavRight.svg") 0 0 no-repeat;
}

.owl-carousel .owl-nav button.owl-prev span {
  background: url("../img/NavLeft.svg") 0 0 no-repeat;
}

.owl-carousel .owl-nav button span {
  font-size: 0;
  width: 16px;
  display: block;
  height: 24px;
}

div.owl-carousel.owl-theme {
  overflow: inherit;
}

.owl-carousel .owl-stage-outer {
  overflow: hidden;
}

.resource_caro {
  margin-bottom: 50px;
}

.owl-carousel .owl-nav button {
  padding: 0;
  margin: 0;
  width: auto;
}

.resources_caro .courses-h-list {
  justify-content: space-between;
  gap: 15px;
}

.resources_caro .courses-h-list .layer.course-tn-category span {
  font: normal normal 300 10px/18px LEMON MILK;
  margin-left: 5px;
  color: var(--lms-dark-blue);
}

.resources_caro .courses-h-list a,
.resources_caro .courses-h-list a:hover {
  text-decoration: none;
}

.resources_caro .courses-h-list .layer.course-tn-name {
  font: normal normal normal 10px/14px LEMON MILK;
  color: var(--lms-dark-blue);
  margin-bottom: 10px;
}

.resources_caro .courses-h-list .layer.single-carousel-item {
  margin-bottom: 20px;
}

.add_card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding-bottom: 18px;
}

.add_card::after {
  height: 9px;
  content: "";
  width: 100%;
  position: absolute;
  background: #eaeaea;
  border-radius: 30px;
  bottom: 0;
}

.add_card button {
  background: #fbbc12 0% 0% no-repeat padding-box;
  border-radius: 0px;
  font: normal normal normal 8px/11px LEMON MILK;
  letter-spacing: 1.2px;
  color: var(--lms-dark-blue);
  border: 0;
  padding: 6px 10px;
}

.add_card strong {
  font: normal normal bold 14px/18px LEMON MILK;
  color: var(--lms-dark-blue);
}

.resources_caro .courses-h-list .course-tn-category {
  padding-bottom: 0;
}

.resources_scl .resources_caro .courses-h-list .course-tn-category img {
  height: 14px;
}

.resources_scl .resources_caro .courses-h-list .layer.course-tn-name {
  min-height: 30px;
}

.top_head_mnu .cargry_div .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  border: none !important;
  content: url("../img/NavDropdown.svg");
  height: 20px;
  padding: 0 0.4rem;
  transform: rotate(-90deg);
  transition: ease all 0.2s;
}

.prerec-cour .filter-title h4.title {
  position: relative;
}

.prerec-cour .filter-result {
  padding: 0 6px;
  height: 100%;
}

.prerec-cour .filter-title h4.title::after {
  background-image: url(../img/NavRight.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 12px;
  width: 24px;
  height: 24px;
  display: block;
  position: absolute;
  content: "";
  font-size: 0;
  right: 0;
  top: 0px;
}

.prerec-cour #courseList .col-lg-4.single-item.pb-5 {
  width: 32.32%;
}

.prerec-cour.filter-search .dropdown-toggle::after {
  background-image: url(../img/Nav-button-icon.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 16px;
  width: 28px;
  height: 24px;
  display: block;
  content: "";
  font-size: 0;
}

.dropdown.cargry_div button {
  display: flex;
  align-items: center;
}

.no_of_product ul {
  list-style-type: none;
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2px;
  margin: 0;
}

.no_of_product ul li {
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3px 3px;
  cursor: pointer;
}

.no_of_product ul li:hover {
  background: var(--lms-dark-blue);
}

.no_of_product ul li:hover img {
  filter: invert(1) brightness(1);
}

.top_head_mnu_inr {
  display: flex;
  justify-content: end;
  padding: 40px 0 20px;
}

.no_of_product {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.cargry_div button {
  font: normal normal normal 12px/14px LEMON MILK;
  color: var(--lms-dark-blue);
  text-transform: uppercase;
  margin-right: 10px;
}

.no_of_product strong {
  font: normal normal normal 12px/14px LEMON MILK;
  color: var(--lms-dark-blue);
  text-transform: uppercase;
  margin-right: 10px;
}

.cargry_div button:focus {
  border: 0;
  box-shadow: 0 0;
  outline: 0;
}

.top_head_mnu_inr .dropdown-menu {
  background: #f8f8f8;
  border: 0;
}

.cargry_div .dropdown-menu ul {
  background: transparent;
  display: block;
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.cargry_div .dropdown-menu ul li {
  padding: 10px;
  font-size: 14px;
}

#myCarousel .list-inline {
  white-space: nowrap;
  overflow-x: auto;
}

#myCarousel .carousel-indicators {
  position: static;
  left: initial;
  width: initial;
  margin-left: initial;
}

#myCarousel .carousel-indicators>li {
  width: initial;
  height: initial;
  text-indent: initial;
}

#myCarousel .carousel-indicators>li.active img {
  opacity: 0.7;
}

.cart_tray .add_bag_l button {
  border: 0;
  background: none;
  padding: 0;
}

.add_card_lidt {
  max-height: 250px;
  margin-bottom: 10px;
}

.card_mid {
  border-bottom: 1px solid #eee;
  border-top: 1px solid #eee;
  padding: 10px 0;
  margin: 10px 0;
}

.estimt_totl_inr span {
  font: normal normal normal 8px/11px LEMON MILK;
  letter-spacing: 1.2px;
  color: var(--lms-dark-blue);
  display: inline-block;
  text-transform: uppercase;
}

.estimt_totl_inr strong {
  font: normal normal normal 8px/11px LEMON MILK;
  letter-spacing: 1.2px;
  color: var(--lms-dark-blue);
  text-transform: uppercase;
}

.btn.enrol-btn.btn-checkout {
  display: block;
  width: 100%;
  margin: 20px 0 0;
}

.prod_brif_titl h4 span {
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 1.8px;
  color: var(--lms-dark-blue);
  text-transform: uppercase;
  display: block;
  font-weight: normal;
}

.prod_brif_titl h4 {
  letter-spacing: 1.8px;
  color: var(--lms-dark-blue);
  text-transform: uppercase;
  font-weight: bold;
  margin-left: 10px;
  font: normal normal normal 12px/28px LEMON MILK;
}

.prod_brif_des p {
  letter-spacing: NaNpx;
  color: var(--lms-dark-blue);
}

.prod_brif_titl {
  display: flex;
  align-items: center;
}

.detaild_pays ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.prod_dtls li {
  color: var(--lms-dark-blue);
  font-size: 16px;
  padding: 0 0 5px 0;
}

.ratng_div strong {
  font-size: 12px;
  line-height: 12px;
  letter-spacing: 1.8px;
  color: var(--lms-dark-blue);
}

.shar_it ul,
.ratng_div ul {
  display: flex;
  margin-bottom: 10px;
}

.ratng_div li img {
  width: 16px;
}

.ratng_div {
  display: flex;
  gap: 20px;
  align-items: center;
}

.shar_it p {
  margin: 10px 0;
}

.prod_dtls {
  margin: 20px 0 20px;
}

.prod_dtls {
  margin: 20px 0 20px;
  border-top: 1px solid #9abddd;
  padding: 20px 0;
  border-bottom: 1px solid #9abddd;
}

.desc_div>h4 {
  font: normal normal normal 20px/28px LEMON MILK;
  letter-spacing: 3px;
  color: var(--lms-dark-blue);
  text-transform: uppercase;
  opacity: 1;
}

.pays_div {
  border: 2px solid #9abddd;
  padding: 20px;
  width: 390px;
}

.desc_div {
  width: 480px;
  margin: 0 50px 0 0;
  position: relative;
  top: -20px;
}

.detaild_pays {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

.age {
  display: flex;
  align-items: center;
  height: 100%;
}

.age .col-text-center {
  margin: 0 4px;
}

.age .col-text-center label {
  position: relative;
}

.age .imgbgchk:checked+label>.tick_container {
  opacity: 1;
}

.age .col-text-center label strong {
  color: #000;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  border: 2px solid #eaeaea;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
}

.age .imgbgchk:checked+label strong {
  color: #000;
}

.age .tick_container {
  transition: 0.5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.deletBtn1 {
  cursor: pointer;
}

.age .tick {
  height: 100%;
  width: 100%;
  border-radius: 100%;
  border: 2px solid #fbbc12;
  background: rgba(255, 255, 255, 0);
}

.age_select h5 {
  letter-spacing: 1.8px;
  color: var(--lms-dark-blue);
  text-transform: uppercase;
  font: normal normal normal 12px/28px LEMON MILK;
  margin: 0;
}

.age_select {
  margin-top: 10px;
}

.prout_price strong {
  text-decoration: line-through;
  color: #00000029;
}

.pays_div p {
  font: normal normal normal 16px/22px Lato;
  letter-spacing: 0px;
  color: var(--lms-dark-blue);
  border-bottom: 1px solid #9abddd;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

.pays_div p span {
  color: #59b20b;
}

.prout_price h3 {
  color: var(--lms-dark-blue);
  font: normal normal 300 32px/28px LEMON MILK;
  letter-spacing: 0px;
}

.qntty h5 {
  letter-spacing: 1.8px;
  color: var(--lms-dark-blue);
  text-transform: uppercase;
  font: normal normal normal 12px/28px LEMON MILK;
  margin: 0;
}

.qntty {
  margin: 20px 0;
}

.qntty_innr {
  position: relative;
  width: 200px;
}

.qntty_innr input {
  border: 2px solid #eaeaea;
  border-radius: 0px;
  color: var(--lms-dark-blue);
  font-size: 12px;
  padding: 6px 10px;
  width: 100%;
}

.qntty_innr button.btn {
  position: absolute;
  top: 4px;
  padding: 0;
  border: 0;
}

.qntty_innr button:focus {
  border: 0;
  box-shadow: 0 0;
  padding: 0;
  outline: 0;
}

.qntty_innr button.btn.btn-addq {
  right: 10px;
}

.qntty_innr button.btn.btn-subq {
  right: 40px;
}

.btn.enrol-btn.btn-baskt {
  background: #fbbc12 !important;
  font: normal normal normal 13px/17px LEMON MILK;
  letter-spacing: 1.95px;
  color: var(--lms-dark-blue) !important;
  text-transform: uppercase;
  border-color: #fbbc12 !important;
  display: block;
  width: 100%;
  margin: 0 0 12px;
}

.btn.enrol-btn.btn-paynw {
  display: block;
  width: 100%;
}

.card_tanb ul.nav.nav-tabs {
  justify-content: center;
  margin: 0 0 40px;
}

.card_tanb .nav-tabs .nav-link {
  font: normal normal bold 16px/21px LEMON MILK;
  letter-spacing: 2.4px;
  color: var(--lms-dark-blue);
  text-transform: uppercase;
  border: 0;
}

.card_tanb .nav-tabs .nav-link.active {
  position: relative;
  background: none;
  border: 0;
  color: var(--lms-dark-blue);
}

.card_tanb .nav-tabs .nav-link:focus,
.card_tanb .nav-tabs .nav-link:hover {
  border-color: transparent;
  color: var(--lms-dark-blue);
  border: 0;
}

.card_tanb .nav-tabs .nav-link.active::after {
  height: 9px;
  content: "";
  width: 100%;
  position: absolute;
  background: #00cad9;
  border-radius: 30px;
  bottom: -6px;
  left: 0;
}

#myCarousel .carousel-indicators>li a img {
  border: 2px solid #9abddd;
}

.paginat {
  margin-bottom: 10px;
}

.paginat ul {
  display: flex;
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.paginat ul li {
  padding-right: 5px;
}

.paginat a {
  color: #000;
}

.payment_page .age .col-text-center label strong {
  border-color: #fbbc12;
}

.selected_label {
  display: flex;
  gap: 20px;
  align-items: start;
}

.selected_label .age_select {
  margin-top: 10px;
  text-align: center;
}

.powred_by {
  margin-top: 110px;
}

.powred_by ul {
  display: flex;
}

.powred_by ul li strong {
  border-right: 1px solid #a9a9a9;
  padding-right: 5px;
}

.powred_by ul li {
  display: block;
  font-size: 10px;
  line-height: 10px;
  color: #a9a9a9;
  padding: 0 3px;
}

.powred_by ul li a {
  display: block;
  font-size: 10px;
  line-height: 10px;
  color: #a9a9a9;
}

.paymnt_detail li {
  position: relative;
}

.paymnt_detail li .card_optn {
  position: absolute;
  right: 10px;
  bottom: 20px;
}

.form-select {
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  padding-left: 0.75rem;
  -moz-padding-start: calc(0.75rem - 3px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: 1px solid #ced4da;
  border-radius: 0rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.payment_page_inner {
  display: flex;
  align-items: start;
  gap: 50px;
}

.payment_page_inner .detaild_pays .desc_div {
  width: 100%;
}

.payment_div ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.payment_page_inner .detaild_pays {
  width: 34%;
}

.payment_page_inner .payment_div {
  width: 40%;
  box-shadow: -2px 0 12px 2px #00000029;
  padding: 3%;
}

.btn.buy_gpay.enrol-btn {
  width: 100%;
  background: #000 !important;
}

.paymnt_detail {
  margin: 20px 0;
}

.paymnt_detail li {
  margin-bottom: 20px;
}

.paymnt_detail li:last-child {
  margin: 0;
}

.sel_country {
  width: 50%;
}

.sel_country .form-select {
  padding: 4px 10px;
  border-radius: 0 0;
}

.paymnt_detail li .form-control {
  padding: 16px 10px;
}

.btn.enrol-btn.btn-pay {
  width: 100%;
}

.prerecorded_caro .items {
  width: 100%;
}

.container-fluid.enrolloncourse {
  background: #f2f2f2 0% 0% no-repeat padding-box;
  padding-top: 0px;
  padding-bottom: 30px;
  transition: all 0.45s ease 0s;
}

.container-fluid.enrolloncourse.sticky {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 999;
  box-shadow: 0 0 8px #919191;
}

.enrolloncourse_top_titl h5 {
  color: var(--lms-dark-blue);
  font-size: 20px;
  line-height: 54px;
  font-family: "LEMON MILK";
  font-weight: 400;
  letter-spacing: 2.5px;
  margin: 0;
}

.enrolloncourse_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.enrolloncourse_top_cor {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.enrolloncourse_top_cor strong {
  display: block;
  font-size: 12px;
  line-height: 16px;
  font-family: "LEMON MILK";
  font-weight: 500;
  letter-spacing: 1.8px;
  color: #00cad9;
  text-transform: uppercase;
  margin-bottom: 5px;
}

.enrolloncourse_top_cor span {
  display: block;
  font-size: 16px;
  line-height: 19px;
  font-family: Lato, sans-serif;
  letter-spacing: 0px;
  color: var(--lms-dark-blue);
}

.enrolloncourse_top_cor>div {
  width: 66%;
}

.btn.btn-enrol {
  padding: 30px 30px;
  text-align: left;
  font: normal normal normal 20px/34px LEMON MILK;
  letter-spacing: 2.5px;
  color: var(--lms-dark-blue);
  text-transform: uppercase;
  opacity: 1;
  background: #fbbc12 0% 0% no-repeat padding-box;
  border-radius: 0 0;
}

.commalist li {
  display: inline;
}

.commalist {
  display: inline;
  list-style: none;
  margin: 0px;
  margin-block-start: 0px;
  margin-block-end: 0px;
  padding-inline-start: 0px;
}

.gray-card .education-content {
  margin-left: 2.5rem;
  margin-bottom: 2rem;
  height: 100%;
}

.enrolloncourse_bot {
  padding-top: 30px;
}

.enrolloncourse_bot ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: flex;
  justify-content: flex-start;
  gap: 30px;
}

.enrolloncourse_bot ul li a {
  font-family: "LEMON MILK";
  color: var(--lms-dark-blue);
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 400;
  font-size: 14px;
  line-height: 28px;
  white-space: nowrap;
  position: relative;
}

.enrolloncourse_bot ul li a.nav-link::after {
  content: "";
  position: absolute;
  height: 10px;
  width: 100%;
  left: 0;
  background: transparent;
  border-radius: 20px;
  bottom: -30px;
}

.enrolloncourse_bot ul li.selected a.nav-link::after {
  background: #00cad9;
}

.ovrw_cont {
  display: flex;
  justify-content: space-between;
}

.ovrw_cont_cont {
  width: 40%;
}

.ovrw_cont_img {
  width: 48%;
}

.ovrw_cont_img img {
  width: 100%;
}

.course-content .table-nobordered,
.course-content .table-nobordered th {
  border: 0 !important;
}

.course-content .table-nobordered td {
  background: #9abddd1a 0% 0% no-repeat padding-box;
  border-color: #9abddd;
  color: var(--lms-dark-blue);
}

.course-content .table-nobordered th {
  color: var(--lms-dark-blue);
  font-weight: normal;
}

.course-content .table-nobordered td:first-child {
  font-weight: bold;
  border-left: 1px solid #9abddd;
}

.course-content .table-nobordered td:last-child {
  border-right: 1px solid #9abddd;
}

.course-content .table-nobordered th:first-child {
  font-weight: bold;
}

.course-content .table-nobordered tr:last-child td {
  border-bottom: 1px solid #9abddd;
}

.p_profil_l {
  width: auto;
  height: auto;
  overflow: hidden;
  border-radius: 50%;
  border: 10px solid var(--lms-dark-blue);
  margin-right: 30px;
}

.p_profil_l img {
  display: block;
  margin: 0 auto;
  height: 100%;
}

.p_profil {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}

.p_profil_r {
  width: 64%;
}

.p_profil_r h5 {
  font: normal normal normal 28px/38px LEMON MILK !important;
  letter-spacing: 4.2px;
  color: var(--lms-dark-blue);
  text-transform: uppercase;
  opacity: 1;
}

.educator .ovrw_cont_cont {
  width: 52%;
}

.edu_catg_list strong {
  font: normal normal normal 25px/34px LEMON MILK;
  letter-spacing: 3.75px;
  color: var(--lms-dark-blue);
  text-transform: uppercase;
  opacity: 1;
}

.edu_catg_list ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.edu_catg_list li {
  width: 48%;
  margin-top: 40px;
}

.edu_catg_list li button {
  font: normal normal normal 18px/28px LEMON MILK;
  letter-spacing: 2px;
  color: var(--lms-dark-blue);
  text-transform: uppercase;
  border: 2px solid var(--lms-dark-blue);
  border-radius: 0px;
  background: transparent;
  width: 100%;
  padding: 8px;
}

.edu_catg_list {
  width: 44%;
}

.btn.btn-profl {
  font: normal normal normal 14px/28px LEMON MILK;
  letter-spacing: 2px;
  color: var(--lms-dark-blue);
  text-transform: uppercase;
  border: 2px solid var(--lms-dark-blue);
  border-radius: 0px;
  background: transparent;
  padding: 8px 20px;
  margin-top: 10px;
}

.bg-gray {
  background-color: #f2f2f2;
}

.edu_rvwe_to {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.edu_rvwe_to .p_profil_l {
  width: 94px;
  height: 94px;
  border: 4px solid var(--lms-dark-blue);
}

.edu_rvwe_to .p_profil_r h5 {
  font-size: 16px !important;
  line-height: 20px !important;
}

.edu_rvwe_to .p_profil_r span {
  font-size: 12px;
  line-height: 14px;
}

.edu_rvwe_cont p strong {
  display: block;
}

.edu_rvwe_cont p {
  font: normal normal normal 18px/32px Lato;
  letter-spacing: 1.01px;
  color: var(--lms-dark-blue);
}

.edu_rvwe {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  padding: 20px;
}

.edu_review_caro.owl-carousel .owl-nav button.owl-prev,
.edu_review_caro.owl-carousel .owl-nav button.owl-next {
  top: 48%;
}

.partnerships-banner.partnerships-banner-contact-background {
  background-image: url("../img/partnershipContactBanner.png") !important;
  background-size: cover;
  background-position: 80% 60%;
  background-repeat: no-repeat;
}

.home-banner.partnerships .home-banner-text {
  position: relative;
  height: 100%;
  top: 0px;
  z-index: 1;
}

.partnerships-banner h2.main-title {
  font-family: "LEMON MILK";
  color: var(--lms-dark-blue);
  letter-spacing: 0.6rem;
  font-weight: 400;
  font-size: 42px;
  line-height: 64px;
}

.home-banner-header-divider.whit-coll {
  border-width: 10px;
  border-style: solid;
  background-color: #fff;
  border-color: #fff;
  border-radius: 0px;
  width: 50%;
  height: 1px;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.home-banner.partnerships .home-banner-blue-arrow {
  position: absolute;
  top: 0%;
  z-index: 0;
}

.partnerships-contact-banner {
  height: 780px;
}

.partnerships-contact-banner #contact-partnerships-banner.home-banner-blue-arrow img {
  width: 100%;
}

p.edu_ev_ban_txt {
  font-weight: bold;
  color: var(--lms-dark-blue);
  font-size: 24px;
  line-height: 30px;
  margin: 30px 0;
}

.edu_ev_ban_txt span {
  color: #00cad9;
  display: block;
  padding-top: 10px;
}

button.btn.tag-title.yellow-tag {
  padding: 8px 20px;
  border-radius: 0px;
  background-color: #f2d415;
  font: normal normal normal 14px/30px LEMON MILK;
  letter-spacing: 3.3px;
  color: var(--lms-dark-blue);
  text-transform: uppercase;
}

.border-radius-2 {
  border-radius: 10px;
  overflow: hidden;
  max-width: 80% !important;
  margin: 20px 0;
}

.border-radius-2 img {
  width: 50%;
}

.single-social .p_profil_l {
  width: 56px;
  height: 56px;
}

.single-social .p_profil_r h5 {
  font-size: 14px !important;
}

.single-social .p_profil_r span {
  font-size: 10px;
}

.banner-img.bg-gray .page-banner-text {
  margin: 80px 0 0 auto;
  width: 70%;
}

.social-icons .single-social .p_profil_l img {
  max-height: inherit;
}

.single-social .edu_rvwe_to {
  margin: 0 20px 0 0;
}

.banner-img.bg-gray .page-banner-text p.excerpt.font-weight-normal {
  margin: 20px 0;
}

.icon-text-course {
  margin-left: 1rem;
  margin-bottom: 0;
  margin-top: 0.2rem;
}

.row .enrolloncourse_top .info-group,
.row .enrolloncourse_top .info-group.line-right {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: auto;
}

.enrolloncourse_top .info-group p,
.enrolloncourse_top .info-group.line-right p {
  margin: 0;
  font-family: "LEMON MILK";
  font-weight: 500;
  letter-spacing: 0.1rem;
  font-size: 0.9rem;
  color: var(--lms-dark-blue);
}

.enrolloncourse_top .row.d-flex.align-items-center.w-100 {
  justify-content: space-between;
  gap: 30px;
}

.row .bor_lin {
  height: 100%;
  width: 1.1px;
  background: var(--lms-dark-blue);
  display: block;
  padding: 0;
}

.subj_list {
  display: flex;
  align-items: center;
  gap: 20px;
}

.subj_list ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 20px;
}

.subj_list li {
  background: var(--lms-dark-blue) 0% 0% no-repeat padding-box;
  border-radius: 0px;
  font-family: LEMON MILK;
  letter-spacing: 3.6px;
  color: #ffffff;
  text-transform: uppercase;
  padding: 6px 15px;
  font-size: 14px;
}

.top_head_mnu_inr.subj_list_top {
  justify-content: space-between;
  padding-bottom: 0;
}

.subj_list_search {
  position: relative;
}

.subj_list_search button {
  position: absolute;
  right: 5px;
  top: 0;
  width: 25px;
  background: transparent;
  border: 0;
  height: 30px;
}

.subj_list_search input.form-control {
  padding: 10px 40px 10px 10px;
  text-align: left;
}

.subj_list_search button svg {
  fill: #b4b4b4;
}

a.navbar-brand {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

a {
  color: #0366d6;
}

.btn-primary {
  color: #fff;
  background-color: var(--lms-dark-blue);
  border-color: var(--lms-dark-blue);
}

.btn-danger {
  color: #fff;
  background-color: #ff0000;
  border-color: #ff0000;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  color: #fff;
  background-color: var(--lms-dark-blue);
  border-color: var(--lms-dark-blue);
}


@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.border-top {
  border-top: 1px solid #e5e5e5;
}

.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.05);
}

button.accept-policy {
  font-size: 1rem;
  line-height: inherit;
}


.ueg-cart-section {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}



.owl-carousel .thumbnail {
  display: flex;
  flex-direction: column;
  margin: 0 15px;
}

.owl-carousel .thumbnail .caption {
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
}

.owl-carousel .thumbnail .caption .flex-text {
  flex-grow: 1;
}

div.owl-carousel.owl-theme {
  overflow: hidden;
  display: block;
  position: relative;
}

.owl-nav button:focus {
  background: none !important;
  border: 0 !important;
  box-shadow: 0 0 !important;
  outline: 0 !important;
}

.owl-nav button {
  background: none;
  border: 0;
  font-size: 60px;
}

.owl-nav button.owl-prev {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 10%;
  left: 0;
}

.owl-nav button.owl-next {
  position: absolute;
  width: 100%;
  top: 10%;
  right: 0;
  width: 30px;
  height: 30px;
}

.owl-carousel .owl-nav button.owl-next:hover,
.owl-carousel .owl-nav button.owl-prev:hover {
  background: none;
}

.owl-carousel .owl-nav button.owl-next {
  position: absolute;
  right: -30px;
  top: 44%;
}

.owl-carousel .owl-nav button.owl-prev {
  position: absolute;
  left: -30px;
  top: 44%;
}

.owl-carousel .owl-nav button.owl-next span {
  background: url("../img/NavRight.svg") 0 0 no-repeat;
}

.owl-carousel .owl-nav button.owl-prev span {
  background: url("../img/NavLeft.svg") 0 0 no-repeat;
}

.owl-carousel .owl-nav button span {
  font-size: 0;
  width: 16px;
  display: block;
  height: 24px;
}

#prerecorded_caro {
  margin-bottom: 20px;
}

.prerecorded_caro .items {
  width: 100%;
}

.prerecorded_caro .items a {
  width: 100%;
  text-decoration: none;
}

.prerecorded_caro .items a:hover {
  text-decoration: none !important;
}

.prerecorded_caro .items img {
  /* width: 100%; */
  max-height: 75%;
  max-width: 75%;
  margin: 0 auto;
}

.similar-res {
  display: flex;
  align-items: center;
  justify-content: center;
}

.zoomimg {
  height: 190px;
  width: 100%;
  transition: transform 0.6s;
  margin: 0 auto;
  border-radius: 0;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.zoomimg img {
  transition: transform 0.6s;
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.zoomimg:hover img {
  transform: scale(1.2) !important;
}

.courses-h-list {
  display: flex;
  overflow-y: hidden;
  overflow-x: auto;
}

.courses-box {
  padding: 14px 33px 20px 33px;
}

.cp {
  cursor: pointer;
}

.course-tn-name {
  border-bottom-color: rgba(221, 51, 51, 0);
  font-size: 11px;
  line-height: 15px;
  font-family: "LEMON MILK";
  font-weight: 400;
  letter-spacing: 2px;
  min-height: 40px;
  overflow-y: hidden;
  color: rgba(11, 21, 75, 1);
  text-shadow: none;
}

.layer.autre {
  height: 20px;
  z-index: 100;
  width: 221px;
  top: 47px;
  left: 0px;
  border-bottom-style: solid;
  background-color: rgba(255, 255, 255, 0);
  border-bottom-width: 4px;
  border-bottom-color: rgba(221, 51, 51, 0);
  font-size: 10px;
  font-family: "LEMON MILK";
  font-weight: 300;
  letter-spacing: 0.1rem;
  color: rgba(0, 0, 0, 1);
}

.layer.course-tn-category span {
  font-size: 10px;
  font-family: "LEMON MILK";
  font-weight: 300;
  letter-spacing: 0.1rem;
  color: rgba(0, 0, 0, 1);
}

div.owl-carousel.owl-theme {
  overflow: inherit;
}

.owl-carousel .owl-stage-outer {
  overflow: hidden;
}

/* carousel end */
.ueg-cart-section-l {
  width: 100%;
}

.ueg-cart-section-checkout-pane {
  width: 30%;
}

.price-text span {
  font-size: 26px;
  font-weight: bold;
}

.price-text-container {
  display: flex;
  align-items: center;
  gap: 30px;
}

.ueg-cart-section-checkout-pane .w-100 button {
  width: 100%;
}

.ueg-btn-apply.btn-dark {
  font-size: 12px;
  padding: 9px;
  line-height: 16px;
  border-radius: 0 0;
}

.coupon-form-coupon-inr .form-control.ueg-text-input-promo {
  border-radius: 0;
}

.coupon-form-coupon-inr {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ueg-heading-md.redeem-coupon {
  font-weight: bold;
}

.ueg-sr-only.ueg-form-label.ueg-heading-sm {
  font-size: 12px;
}

.shopping-item-div {
  display: flex;
  gap: 20px;
  border-bottom: 1px solid #eee;
  padding: 0 0 20px;
  margin: 0 0 20px;
}

.shopping-item-vertical-rit {
  display: flex;
  align-items: start;
  gap: 20px;
  width: 25%;
}

.shopping-item-header {
  width: 54%;
}

.shopping-item-vertical-actions button {
  display: block;
  background: transparent;
  border: 0;
  text-align: right;
  width: 100%;
  font-size: 14px;
  padding: 4px 0;
  color: blue;
}

.price-rit {
  color: var(--lms-dark-blue);
  font-weight: bold;
}

.shopping-item-header h3.ueg-heading-md.shopping-item {
  font-size: 16px;
  font-family: "LEMON MILK";
}

.shopping-item-header h3.ueg-heading-md.shopping-item a {
  color: #000;
}

.shopping-item-instructor-list {
  font-size: 12px;
  line-height: 14px;
  display: block;
}

.shopping-item-badges {
  display: flex;
  gap: 10px;
  margin-top: 20px;
}

.ueg_ratng ul {
  display: flex;
  gap: 3px;
}

.ueg_ratng ul li i {
  font-size: 10px;
  color: #f6cb05;
}

.ueg_ratng {
  display: flex;
  align-items: center;
  gap: 10px;
}

.ueg-shopping-item--reviews {
  font-size: 10px;
  color: #6a6f73;
}

.ueg-sr-only {
  font-size: 14px;
}

.ueg-badge {
  padding: 5px;
  background: #eee;
  font-size: 12px;
}

.ueg_ratng ul li {
  display: flex;
}

.courses-list {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: 20px;
}

.courses-list .layer-inr {
  width: 18%;
}

.courses-list .layer-inr .layer.course-tn-category {
  margin-top: 5px;
}

.wish_src {
  width: 250px;
  position: relative;
}

.top_scne {
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
  margin-bottom: 8px;
  align-items: center;
}

.space-ar {
  justify-content: flex-start !important;
}

.top_scne h1 {
  font-size: 24px !important;
  color: var(--lms-dark-blue);
  /* font-weight: bold; */
  /* line-height: 72px; */
  padding: 0;
  margin: 0;
  font-family: "Lato", sans-serif;
}

.wish_src button {
  padding: 0;
  width: 20px;
  height: 20px;
  border: 0;
  background: none;
  position: absolute;
  top: 4px;
  right: 6px;
}

.wish_src button svg {
  fill: rgba(0, 0, 0, 0.5);
}

footer.border-top.footer.text-muted {
  color: #fff !important;
}

footer.border-top.footer.text-muted a {
  color: #fff !important;
}

.btn.btn-dark.text-white {
  background-color: var(--lms-green) !important;
  border-color: var(--lms-green) !important;
}

.pegin_sec button img {
  filter: invert(1) brightness(3);
}

.top_scne_in {
  display: flex;
  align-items: center;
  gap: 30px;
  justify-content: space-between;
}

.top_scne_in .back_btn {
  width: auto;
  height: auto;
  border-radius: 0;
  background: none;
  color: #000;
  border: 0;
  background: none;
}

a {
  cursor: pointer;
}

.full-screen {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background: #10101094;
  display: none;
}

.full-screen-img {
  display: flex;
  justify-content: center;
  justify-items: center;
  margin-top: 8%;
}

.full-screen .close {
  position: absolute;
  top: 10px;
  right: 10px;
}

.full-screen .close:hover,
.full-screen .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.text-align-center {
  text-align: center;
}

.form-body {
  padding: 30px;
}

.toolbar {
  background-color: lightskyblue;
}

div.dataTables_length label {
  font-weight: 400;
  text-align: left;
  white-space: nowrap;
}

div.dataTables_length select {
  display: inline-block;
  width: auto;
  border-radius: 0 0;
}

.deletebtn {
  color: #d81a1a;
}

.editbtn {
  color: #000;
}

.menubar {
  margin-top: 20px;
}

.menubar li:hover {
  background-color: var(--lms-dark-blue);
}

.menubar li {
  padding: 4px 10px 4px 12px;
  border-bottom: 1px solid var(--lms-dark-blue);
}

.header-logo {
  height: 80px;
  width: 196px;
}

.menubar .nav-item.active {
  background-color: var(--lms-dark-blue);
}

.des {
  white-space: nowrap;
  width: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.add_more {
  background-color: transparent;
  border: transparent;
}

.mat-mdc-menu-panel.mdc-menu-surface.mdc-menu-surface--open.mat-mdc-elevation-specific.ng-trigger.ng-trigger-transformMenu.ng-tns-c52-3.mat-menu-after.mat-menu-below.mat-elevation-z8.ng-star-inserted {
  overflow-x: hidden !important;
}

.mat-mdc-menu-panel.mdc-menu-surface.mdc-menu-surface--open.mat-mdc-elevation-specific.ng-trigger.ng-trigger-transformMenu.ng-tns-c52-6.mat-menu-after.mat-menu-below.mat-elevation-z8.ng-star-inserted {
  overflow-x: hidden !important;
}

.filter-body {
  padding: 10px;
}

.add-button-sm {
  float: right;
  width: 150px;
  height: 42px;
  background-color: deepskyblue;
  border: deepskyblue;
  font-size: 16px;
  border-radius: 0px;
  color: white;
}

.add-button-lg {
  float: right;
  width: 230px;
  height: 42px;
  background-color: deepskyblue;
  border: deepskyblue;
  font-size: 16px;
  border-radius: 10px;
  color: white;
}

.form-control.search-bar-input {
  border-radius: 5px;
  border: 1px solid gray;
  padding: 8px 14px 8px 8px;
  height: auto;
}

.search-bar {
  position: relative;
  padding: 0.5rem !important;
}

.search-bar .fa-search {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #9ca3af;
}

.dataTables_length .btn.btn-dark.text-white {
  padding: 0;
}

.filtter-btn {
  height: 56px !important;
}

.lebel-text {
  font-weight: 400;
  color: #212529;
  letter-spacing: 0px;
  opacity: 1;
  font-family: Lato, sans-serif;
  font-size: 1rem;
  display: block;
}

.docIcon {
  font-size: 25px;
}

/* Auther -> Indranil */
/* Date -> 07-09-23 */

.add_heading_text {
  margin-left: 10px;
  color: skyblue;
}

.back_btn {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: skyblue;
  border: skyblue;
  color: white;
}

.add_heading {
  display: flex;
}

.list_heading {
  font-size: 34px;
  padding-top: 10px;
}

.heading {
  margin-top: 10px;
  margin-bottom: 15px;
}

/*Author->Indranil, Date->08/09/23 */

.profile_img {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.profile-row {
  padding: 10px;
  font-size: 20px;
}

.profile-lable {
  font-weight: 400;
}

.profile-text {
  font-weight: 300;
}

.menubaraccordian {
  margin-top: 20px;
}

.menubaraccordian li:hover,
.menubaraccordian button:hover {
  background-color: var(--lms-dark-blue);
  cursor: pointer;
}

.menubaraccordian mat-expansion-panel {
  border-bottom: 1px solid var(--lms-dark-blue);
}

.menubaraccordian button {
  padding: 4px 10px 4px 12px;
  border-bottom: 1px solid var(--lms-dark-blue);
}

.menubaraccordian li.active,
.menubaraccordian button.active {
  background-color: var(--lms-dark-blue);
}

.mat-expansion-panel-body {
  padding: 0 !important;
}

.cancel-button {
  background-color: #6c757d;
  border: #6c757d;
  font-weight: 400;
  width: 250px;
  height: 50px;
  font-size: 22px;
  color: white;
  border-radius: 10px;
}

.cancel-button :hover {
  background-color: #5c636a;
  border: #565e64;
  font-weight: 400;
  width: 250px;
  height: 50px;
  font-size: 22px;
  color: white;
  border-radius: 10px;
}

.cdk-overlay-container {
  z-index: 999999 !important;
}

.add-button-sm.mx-2.btn.btn-primary {
  border-radius: 5px;
}

.login-button {
  font-family: "LEMON MILK" !important;
  font-weight: 100 !important;
  font-size: 15px !important;
  margin-top: 2px !important;
}

.table .thead-dark th {
  color: #000;
  background-color: var(--lms-border-col-lite);
  border-color: var(--lms-border-col-lite);
  font-weight: bold;
  font-family: "Lato", sans-serif;
}

/* 16/09/23 */
button.accordion-button:focus {
  border: 0;
  box-shadow: 0 0;
  outline: 0;
}

#sub-accordionExample .accordion-item button.accordion-button {
  background: none;
  border: 0;
  justify-content: flex-start;
}

#sub-accordionExample .accordion-item {
  border: 0;
}

#sub-accordionExample .accordion-item .accordion-button::after {
  position: relative;
  right: 0;
  left: 10px;
  margin: 0;
}

.course-detail .accordion-button:not(.collapsed) {
  color: #000;
  background-color: #f2f2f2;
}

.accro_in_div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  width: 96%;
}

.accro_outr {
  padding: 10px 17px;
}

.accro_in_div p {
  width: 77%;
  margin: 0;
}

#sub-accordionExample .accordion-header {
  position: relative;
}

#sub-accordionExample .accordion-item h2 span {
  position: absolute;
  right: 20px;
  top: 18px;
  font-size: 14px;
}

#sub-accordionExample .accordion-item button.accordion-button strong {
  margin: 0 20px 0 0;
  font-weight: 400;
  width: 8%;
}

.accro_outr p {
  font-size: 20px;
  width: 88.5%;
  margin: 0;
}

.accro_outr strong {
  font-size: 20px;
}

.course-detail .accordion-body.ng-star-inserted {
  padding-top: 0;
  padding-bottom: 0;
}

.course-detail .accordion-body.ng-star-inserted:last-child {
  margin-bottom: 15px;
}

#sub-accordionExample .accordion-item button.accordion-button.exercise::after {
  display: none;
}

.shopping-item-image .shopping-item-inr img {
  width: 100%;
}

.shopping-item-image .shopping-item-inr {
  width: 100px;
}

.accro_in_div span {
  width: 6%;
  text-align: right;
}

.leftchq {
  width: 50%;
}

.catgry_list_sc {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 10px 0 0;
  float: left;
  font-size: 12px;
  justify-content: end;
}

.modal-title.d-inline-block.align-middle.ml {
  margin-left: 0 !important;
}

.catgry_list_sc>div {
  background: var(--lms-dark-blue);
  color: #fff;
  padding: 2px 8px;
  border-radius: 18px;
}

.catgry_list_sc>div a {
  font-size: 11px;
  margin: 0 0 0 5px;
  color: white;
}

textarea.form-control.input-text,
select.form-select.input-text,
input.form-control.input-text {
  width: 100%;
  height: 40px;
  background-color: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid #ced4da;
  opacity: 1;
  border-radius: 0px !important;
  color: #495057;
}

.mat-mdc-checkbox.mat-accent {
  --mdc-checkbox-selected-focus-icon-color: #007bff !important;
  --mdc-checkbox-selected-hover-icon-color: #007bff !important;
  --mdc-checkbox-selected-icon-color: #007bff !important;
  --mdc-checkbox-selected-pressed-icon-color: #007bff !important;
}

.mdc-checkbox__background {
  width: 15px !important;
  height: 15px !important;
}

.mdc-checkbox {
  flex: 0 0 8px !important;
  margin-left: -10px !important;
}

.error-msg {
  letter-spacing: 0px;
  color: #dd1b1b;
  opacity: 1;
  font-size: 12px;
}

.image-upload button.btn.btn-upload-btn {
  border: 1px solid var(--lms-dark-blue);
  background: var(--lms-dark-blue);
}

button.btn.btn-upload-btn {
  border: 1px solid var(--lms-red);
  padding: 0px 10px 6px 10px;
  color: #fff;
  font-weight: 500;
  letter-spacing: 1px;
  font-size: 16px;
  background: var(--lms-red);
  cursor: pointer;
  width: 40px;
}

button.btn.btn-upload-btn.audio-btn.w-auto {
  padding: 0px 12px;
  color: #fff;
  font-weight: 500;
  letter-spacing: 1px;
  font-size: 16px;
  background: var(--lms-dark-blue);
  cursor: pointer;
  height: 38px;
  display: block;
  line-height: 30px;
  border: 0;
}

.main-content-inner select.form-select {
  border-radius: 0 0;
}

.bottom-secne {
  display: flex;
  justify-content: space-between;
  padding: 16px 0;
  align-items: center;
}

.mt-2.a-back.back-btn {
  background: var(--lms-green);
  color: var(--lms-text-white) !important;
  text-decoration: none !important;
  padding: 8px 8px 8px 10px;
  position: relative;
}

.mt-2.a-back.back-btn:hover {
  background: var(--lms-dark-blue);
  color: var(--lms-text-white) !important;
}

.mt-2.a-back.back-btn::before {
  font-family: bootstrap-icons !important;
  content: "\F284";
  position: relative;
  left: -5px;
  top: 2px;
}

.bottom-secne button.delete-button {
  margin: 0;
  border: 1px solid #fff;
  color: var(--lms-text-black);
  font-weight: 400;
  width: auto;
  padding: 0 12px;
  font-size: 1rem;
  height: 38px;
  border-radius: 0.25rem;
  background-color: var(--lms-red);
  border: 1px solid var(--lms-red);
  color: var(--lms-text-white);
}

.bottom-secne button.delete-button:hover {
  background-color: var(--lms-red-hover);
}

.bottom-secne button.cancel-button {
  margin: 0;
  background-color: var(--lms-dark-blue);
  border: 1px solid var(--lms-dark-blue);
  color: var(--lms-text-white);
  font-weight: 400;
  width: auto;
  padding: 0 12px;
  font-size: 1rem;
  height: 38px;
  border-radius: 0.25rem;
}

.bottom-secne button.cancel-button:hover {
  background-color: var(--lms-green);
  border-color: var(--lms-green);

}

.bottom-secne button.submit-button {
  margin: 0;
  border: 1px solid #fff;
  color: #fff;
  background: #fff;
  font-weight: 400;
  width: auto;
  padding: 0 12px;
  font-size: 1rem;
  height: 38px;
  border-radius: 0.25rem;
}

.bottom-secne>div {
  display: flex;
  gap: 6px;
}

button.btn.btn-edtng {
  border-radius: 0.2rem;
  padding: 8px 10px;
  font-size: 14px;
  line-height: 16px;
  color: var(--lms-dark-blue) !important;
  display: block;
  font-weight: 500;
  margin: 0px 0 0;
  border: 2px solid var(--lms-dark-blue);
}

button.btn.btn-edtng:hover {
  background: #fff;
  border: 2px solid var(--lms-green);
  color: var(--lms-green) !important;
}

.bottom-secne button.submit-button:hover {
  background: var(--lms-dark-blue);
  border: 2px solid var(--lms-dark-blue);
  color: var(--lms-text-white);
}

.bottom-secne button.submit-button {
  background: var(--lms-green);
  border: 2px solid var(--lms-green);
  color: var(--lms-text-white);
}

.mdc-checkbox__native-control:focus,
.mdc-checkbox__native-control:hover {
  box-shadow: 0 0;
  outline: 0;
}

.mat-typography .top_scne h1.add_heading_text,
.top_scne h1.add_heading_text {
  margin: 0;
}

button.btn.btn-edtng-add {
  background: var(--lms-dark-blue);
  border-radius: 30px;
  padding: 10px;
  font-size: 14px;
  line-height: 16px;
  color: #fff !important;
  display: block;
  font-weight: 500;
  margin: 0px 0 0;
}

button.btn.btn-preview {
  margin: 0;
  border: 1px solid var(--lms-dark-blue);
  color: var(--lms-dark-blue);
  font-size: 16px;
  line-height: 19px;
  background: transparent;
  font-weight: bold;
  padding: 12px 30px;
  width: auto;
}

.table.table-no-striped th {
  padding: 1rem 0.75rem;
}

.table.table-no-striped tbody td {
  padding: 0.75rem;
  background: none;
  font-size: 1rem;
  font-family: "Lato", sans-serif;
  font-size: 14px;
}

.table.table-no-striped tbody tr:hover {
  background: #dee2e6;
}

button.btn.btn-arow {
  padding: 0;
  background: none;
  opacity: 0;
}

.table.table-no-striped tbody tr:hover button.btn.btn-arow {
  opacity: 1;
}

button.btn.btn-arow i.fa.fa-chevron-right {
  color: var(--lms-dark-blue);
}

.table.table-no-striped tbody td:last-child {
  /* width: 30px; */
}

.table.table-no-striped tbody td .form-switch {
  text-align: center;
  padding: 0;
  margin: 0 auto;
  display: flex;
  align-items: center;
}

.table.table-no-striped tbody td .form-switch .form-check-input {
  margin: 0 auto;
}

.top_scne_rt .form-control.search-bar-input {
  border-radius: 0px !important;
  border: 2px solid var(--lms-dark-blue);
  padding: 10px;
  text-align: left;
  height: auto;
  width: 300px;
}

.top_scne_rt .search-bar {
  margin-top: 5px;
}

.top_scne_rt label {
  color: #756f86;
  font-size: 16px;
  font-weight: bold;
  display: block;
  margin: 0 0 10px;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.top_scne h4 {
  font-size: 52px;
  color: var(--lms-dark-blue) !important;
  font-weight: bold;
  line-height: 52px;
  padding: 0;
  margin: 0;
}

.mod-clos.btn-close {
  position: absolute;
  right: 0px;
  top: 28px;
}

.modal-content .top_scne {
  margin-bottom: 0;
}

.profil_img_up_img {
  width: 64px;
  height: 64px;
  overflow: hidden;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f1f1f1;
}

.profil_img_up_img .bi.bi-person {
  font-size: 35px;
  width: 50px;
  height: 50px;
  color: var(--lms-dark-blue);
}

.profil_img_up {
  display: flex;
  gap: 30px;
}

.btn.btn-upld {
  background: var(--lms-dark-blue);
  box-shadow: 0px 3px 6px #00000029;
  font-size: 13px;
  line-height: 16px;
  font-weight: bold;
  color: #ebf4f8;
  padding: 10px 20px;
  border-radius: 10px;
}

.btn.btn-dlt {
  background: #f3f4f4;
  box-shadow: 0px 3px 6px #00000029;
  font-size: 13px;
  line-height: 16px;
  font-weight: bold;
  color: #000;
  padding: 10px 20px;
  border-radius: 10px;
}

#choosepicuplod .btn.btn-dlt {
  width: 100px;
  display: block;
}

.btn.btn-choic {
  background: #f3f4f4;
  font-size: 12px;
  line-height: 16px;
  font-weight: normal;
  color: #212529;
  padding: 3px 10px;
  border-radius: 3px;
  border: 1px solid #ccc;
}

.choose_file span {
  padding-left: 5px;
  font-size: 12px;
}

.choose_file {
  margin: 20px 0;
}

#newpicuplod .btn.btn-dlt {
  margin-left: 20px;
}

#choosepicuplod p {
  color: #9e9ea7;
  font-size: 12px;
  line-height: 16px;
  font-weight: normal;
}

.profil_form .form-group {
  margin-top: 20px;
}

.profil_form .form-group .form-control {
  padding: 0.375rem 0.75rem;
}

.profil_form .form-group label {
  color: #756f86;
  font-size: 16px;
  line-height: 19px;
  font-weight: 500;
  display: block;
  padding-bottom: 5px;
}

.nav-pills ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.nav-pills ul li {
  padding: 10px 0;
}

.nav-pills ul li button {
  padding: 0;
  background: none !important;
  color: #000 !important;
  font-size: 16px;
  line-height: 19px;
  font-weight: normal;
  text-transform: capitalize !important;
  font-family: Lato;
}

.nav-pills ul li button.active,
.nav-pills ul li button:hover {
  font-weight: 600;
}

.bottom-secne>div.gap-4 button.cancel-button.btn.btn-primary {
  margin-right: 30px;
}

div#choosepicuplod,
div#newpicuplod {
  padding-top: 20px;
}

.navbar-expand-sm .navbar-nav {
  display: flex;
  justify-content: start;
  gap: 5px;
}

/* 28-08-2023 css */
.prerecorded_caro .items {
  width: 100%;
}

.container-fluid.enrolloncourse {
  background: #f2f2f2 0% 0% no-repeat padding-box;
  padding-top: 0px;
  padding-bottom: 30px;
  transition: all 0.45s ease 0s;
}

.container-fluid.enrolloncourse.sticky {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 999;
  box-shadow: 0 0 8px #919191;
}

.enrolloncourse_top_titl h5 {
  color: var(--lms-dark-blue);
  font-size: 20px;
  line-height: 54px;
  font-family: "LEMON MILK";
  font-weight: 400;
  letter-spacing: 2.5px;
  margin: 0;
}

.enrolloncourse_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.enrolloncourse_top_cor {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.enrolloncourse_top_cor strong {
  display: block;
  font-size: 12px;
  line-height: 16px;
  font-family: "LEMON MILK";
  font-weight: 500;
  letter-spacing: 1.8px;
  color: #00cad9;
  text-transform: uppercase;
  margin-bottom: 5px;
}

.enrolloncourse_top_cor span {
  display: block;
  font-size: 16px;
  line-height: 19px;
  font-family: Lato, sans-serif;
  letter-spacing: 0px;
  color: var(--lms-dark-blue);
}

.enrolloncourse_top_cor>div {
  width: 66%;
}

.btn.btn-enrol {
  padding: 30px 30px;
  text-align: left;
  font: normal normal normal 20px/34px LEMON MILK;
  letter-spacing: 2.5px;
  color: var(--lms-dark-blue);
  text-transform: uppercase;
  opacity: 1;
  background: #fbbc12 0% 0% no-repeat padding-box;
  border-radius: 0 0;
}

.commalist li {
  display: inline;
}

.commalist {
  display: inline;
  list-style: none;
  margin: 0px;
  margin-block-start: 0px;
  margin-block-end: 0px;
  padding-inline-start: 0px;
}

.gray-card .education-content {
  margin-left: 2.5rem;
  margin-bottom: 2rem;
  height: 100%;
}

.enrolloncourse_bot {
  padding-top: 30px;
}

.enrolloncourse_bot ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
}

.enrolloncourse_bot ul li a {
  font-family: "LEMON MILK";
  color: var(--lms-dark-blue);
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 400;
  font-size: 14px;
  line-height: 28px;
  white-space: nowrap;
  position: relative;
}

.enrolloncourse_bot ul li a.nav-link::after {
  content: "";
  position: absolute;
  height: 10px;
  width: 100%;
  left: 0;
  background: transparent;
  border-radius: 20px;
  bottom: -30px;
}

.enrolloncourse_bot ul li.selected a.nav-link::after {
  background: #00cad9;
}

.educator-comon-div-outr {
  position: relative;
}

.educator-comon-div {
  position: relative;
}

.educator-comon-div-outr::before {
  content: "";
  background-color: var(--lms-dark-blue);
  width: 7px;
  height: 94%;
  position: absolute;
  left: 50px;
  top: 0;
  z-index: 1;
}

.educator-comon-div-outr::after {
  top: 0;
  bottom: 0;
  position: fixed;
  content: " ";
  width: 3px;
  background-color: var(--lms-green);
  left: 52px;
  border: 1.25px solid var(--lms-green);
  height: 26vh;
  z-index: 2;
}

.educator-comon-div::before {
  position: absolute;
  top: 40px;
  left: 14px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--lms-green);
  border: 4px solid var(--lms-dark-blue);
  content: "";
  translate: 50% 0;
  transform-origin: center;
  animation: popIn linear both;
  animation-timeline: view(block);
  animation-range: cover 5% contain 22%;
  z-index: 2;
}

.educator-comon-div:first-child:before {
  top: 80px;
}

.mat-typography h4.title,
h4.title {
  font-family: "LEMON MILK";
  font-weight: 400;
  color: var(--lms-text-black);
  letter-spacing: 0.1rem;
  font-size: 18px;
}

.card.gray-card-info {
  border: unset;
  padding: 0;
  border-radius: 0px;
  margin: 0;
}

.container.educator-banner-bg.mobil-bg-div.new-educator-banner-bg {
  background-color: var(--lms-dark-blue);
}

.educator-comon-div .new-educator-banner-bg .resp-padd-top p.content,
.container.educator-banner-bg.new-educator-banner-bg .educator-banner .resp-padd-top h4.title {
  color: var(--lms-text-white) !important;
}

.ovrw_cont {
  display: flex;
  justify-content: space-between;
}

.educator-banner.col-lg-12.row .col-lg-5.pt-4.resp-padd-top .btn.btn-green {
  border: 1px solid transparent;
}

.educator-banner.col-lg-12.row .col-lg-5.pt-4.resp-padd-top .btn.btn-green:hover {
  border-color: var(--lms-green-hover);
}

.educator-banner.banner .new-educator-banner-bg .educator-img-container {
  border: 10px solid var(--lms-text-white);
}

.ovrw_cont_cont {
  width: 40%;
}

.ovrw_cont_img {
  width: 48%;
}

.ovrw_cont_img img {
  width: 100%;
}

.course-content .table-nobordered,
.course-content .table-nobordered th {
  border: 0 !important;
}

.course-content .table-nobordered td {
  background: #9abddd1a 0% 0% no-repeat padding-box;
  border-color: #9abddd;
  color: var(--lms-dark-blue);
}

.course-content .table-nobordered th {
  color: var(--lms-dark-blue);
  font-weight: normal;
}

.course-content .table-nobordered td:first-child {
  font-weight: bold;
  border-left: 1px solid #9abddd;
}

.course-content .table-nobordered td:last-child {
  border-right: 1px solid #9abddd;
}

.course-content .table-nobordered th:first-child {
  font-weight: bold;
}

.course-content .table-nobordered tr:last-child td {
  border-bottom: 1px solid #9abddd;
}

.p_profil_l {
  width: 250px;
  height: 250px;
  overflow: hidden;
  border-radius: 50%;
  border: 16px solid var(--lms-dark-blue);
  margin-right: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.p_profil {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}

.p_profil_r h5 {
  font: normal normal normal 28px/38px LEMON MILK !important;
  letter-spacing: 4.2px;
  color: var(--lms-dark-blue);
  text-transform: uppercase;
  opacity: 1;
}

.p_profil_r span {
  font: normal normal 300 20px/33px LEMON MILK;
  letter-spacing: 3.6px;
  color: var(--lms-text-black);
  text-transform: uppercase;
  opacity: 1;
}

.educator .ovrw_cont_cont {
  width: 52%;
}

.edu_catg_list strong {
  font: normal normal normal 25px/34px LEMON MILK;
  letter-spacing: 3.75px;
  color: var(--lms-dark-blue);
  text-transform: uppercase;
  opacity: 1;
}

.edu_catg_list ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.edu_catg_list li {
  width: 48%;
  margin-top: 40px;
}

.edu_catg_list li button {
  font: normal normal normal 18px/28px LEMON MILK;
  letter-spacing: 2px;
  color: var(--lms-dark-blue);
  text-transform: uppercase;
  border: 2px solid var(--lms-dark-blue);
  border-radius: 10px;
  background: transparent;
  width: 100%;
  padding: 8px;
}

.edu_catg_list {
  width: 38%;
}

.btn.btn-profl {
  font: normal normal normal 14px/28px LEMON MILK;
  letter-spacing: 2px;
  color: var(--lms-dark-blue);
  text-transform: uppercase;
  border: 2px solid var(--lms-dark-blue);
  border-radius: 10px;
  background: transparent;
  padding: 8px 20px;
  margin-top: 10px;
}

.bg-gray {
  background-color: #f2f2f2;
}

.edu_rvwe_to {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.edu_rvwe_to .p_profil_l {
  width: 94px;
  height: 94px;
  border: 4px solid #00cad9;
}

.edu_rvwe_to .p_profil_r h5 {
  font-size: 16px !important;
  line-height: 20px !important;
}

.edu_rvwe_to .p_profil_r span {
  font-size: 12px;
  line-height: 14px;
}

.edu_rvwe_cont p strong {
  display: block;
}

.edu_rvwe_cont p {
  font: normal normal normal 18px/32px Lato;
  letter-spacing: 1.01px;
  color: var(--lms-dark-blue);
}

.edu_rvwe {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  padding: 20px;
}

.edu_review_caro.owl-carousel .owl-nav button.owl-prev,
.edu_review_caro.owl-carousel .owl-nav button.owl-next {
  top: 48%;
}

.partnerships-banner.partnerships-banner-contact-background {
  background-image: url("../img/partnershipContactBanner.png") !important;
  background-size: cover;
  background-position: 80% 60%;
  background-repeat: no-repeat;
}

.home-banner.partnerships .home-banner-text {
  position: relative;
  height: 100%;
  top: 0px;
  z-index: 1;
}

.partnerships-banner h2.main-title {
  font-family: "LEMON MILK";
  color: var(--lms-dark-blue);
  letter-spacing: 0.6rem;
  font-weight: 400;
  font-size: 42px;
  line-height: 64px;
}

.yellow-tag .tag-title {
  padding: 0.5rem 0.5rem;
  border-radius: 8px;
  background-color: #f2d415;
  text-transform: uppercase;
  font-size: 0.8rem;
  font-family: "LEMON MILK";
  font-weight: 600;
  letter-spacing: 2px;
  margin-bottom: 0 !important;
  margin-top: 0.5rem;
}

.partnerships-contact-banner {
  height: 780px;
}

.partnerships-contact-banner #contact-partnerships-banner.home-banner-blue-arrow img {
  width: 100%;
  /* filter: invert(8) brightness(7); */
}

p.edu_ev_ban_txt {
  font-weight: bold;
  color: var(--lms-dark-blue);
  font-size: 24px;
  line-height: 30px;
  margin: 30px 0;
}

.edu_ev_ban_txt span {
  color: #00cad9;
  display: block;
  padding-top: 10px;
}

button.btn.tag-title.yellow-tag {
  padding: 8px 20px;
  border-radius: 8px;
  background-color: #f2d415;
  font: normal normal normal 14px/30px LEMON MILK;
  letter-spacing: 3.3px;
  color: var(--lms-dark-blue);
  text-transform: uppercase;
}

.border-radius-2 {
  border-radius: 10px;
  overflow: hidden;
  max-width: 80% !important;
  margin: 20px 0;
}

.border-radius-2 img {
  width: 100%;
}

.single-social .p_profil_l {
  width: 56px;
  height: 56px;
}

.single-social .p_profil_r h5 {
  font-size: 14px !important;
}

.single-social .p_profil_r span {
  font-size: 10px;
}

.banner-img.bg-gray .page-banner-text {
  margin: 80px 0 0 auto;
  width: 70%;
}

.social-icons .single-social .p_profil_l img {
  max-height: inherit;
}

.single-social .edu_rvwe_to {
  margin: 0 20px 0 0;
}

.banner-img.bg-gray .page-banner-text p.excerpt.font-weight-normal {
  margin: 20px 0;
}

.icon-text-course {
  margin-left: 1rem;
  margin-bottom: 0;
  margin-top: 0.2rem;
}

.enrolloncourse_top .info-group,
.enrolloncourse_top .info-group.line-right {
  display: flex;
  align-items: center;
  width: auto;
  margin: 0;
  border: 0;
}

.enrolloncourse_top .info-group p,
.enrolloncourse_top .info-group.line-right p {
  margin: 0;
  font-family: "LEMON MILK";
  font-weight: 500;
  letter-spacing: 0.1rem;
  font-size: 0.9rem;
  color: var(--lms-dark-blue);
}

.enrolloncourse_top .row.d-flex.align-items-center.w-100 {
  justify-content: space-between;
}

.bor_lin {
  height: 100%;
  width: 1.1px;
  background: var(--lms-dark-blue);
  display: block;
  padding: 0;
}

/* 28-08-2023 css end*/

/* 06-09-2023 css */
.subj_list {
  display: flex;
  align-items: center;
  gap: 20px;
}

.subj_list ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 20px;
}

.subj_list li {
  background: var(--lms-dark-blue) 0% 0% no-repeat padding-box;
  border-radius: 2px;
  font-family: LEMON MILK;
  letter-spacing: 3.6px;
  color: #ffffff;
  text-transform: uppercase;
  padding: 6px 15px;
  font-size: 14px;
}

.top_head_mnu_inr.subj_list_top {
  justify-content: space-between;
  padding-bottom: 0;
}

.subj_list_search {
  position: relative;
}

.subj_list_search button {
  position: absolute;
  right: 5px;
  top: 0;
  width: 25px;
  background: transparent;
  border: 0;
  height: 30px;
}

.subj_list_search input.form-control {
  padding: 10px 40px 10px 10px;
  text-align: left;
}

.subj_list_search button svg {
  fill: #b4b4b4;
}

/* 06-09-2023 css */
.layr_autr {
  font-size: 12px;
  line-height: 14px;
  font-family: "LEMON MILK";
  font-weight: 300;
  letter-spacing: 0.1rem;
  color: rgba(0, 0, 0, 1);
}

.layer.component.line {
  height: 1px;
  width: 50px;
  top: 0px;
  left: 0px;
  border-top-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  background-color: rgba(0, 202, 217, 1);
  border-top-width: 5px;
  border-top-color: rgba(0, 202, 217, 1);
  border-left-width: 5px;
  border-left-color: rgba(0, 202, 217, 1);
  border-right-width: 5px;
  border-right-color: rgba(0, 202, 217, 1);
  border-bottom-width: 5px;
  border-bottom-color: rgba(0, 202, 217, 1);
  border-top-left-radius: 10px 10px;
  border-top-right-radius: 10px 10px;
  border-bottom-left-radius: 10px 10px;
  border-bottom-right-radius: 10px 10px;
  box-shadow: 0px 0px 0px -1px rgba(0, 0, 0, 1);
  font-size: 12px;
  font-family: "Lato", sans-serif;
  color: rgba(11, 21, 75, 1);
}

.courses-h-list.no-carosel {
  gap: 10px;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 30px;
}

.courses-h-list.no-carosel .layer.single-carousel-item {
  width: 15.89%;
}

.container.get-started {
  position: fixed;
  z-index: 120;
  background-color: white;
  top: 135px;
  padding-top: 10px;
  padding-bottom: 10px;
  box-shadow: 0px 2px 10px rgb(0 0 0 / 20%);
  left: 0px;
  right: 0px;
  border-radius: 5px;
  height: 450px;
  overflow: auto;
}

.get-started .sector-item {
  border: 1px solid var(--lms-dark-blue);
  padding: 1rem 1.5rem 1rem 1.5rem;
  height: 100%;
  cursor: pointer;
}

.get-started .sector-item .sector-title {
  font-family: "LEMON MILK";
  text-decoration: none;
  color: var(--lms-aqua);
  letter-spacing: 0.1rem;
  font-size: 12px;
  margin-bottom: 0.1rem;
}

.get-started .sector-item .sector-content {
  font-family: Lato, sans-serif;
  text-decoration: none;
  color: var(--lms-dark-blue);
  font-size: 14px;
  margin-bottom: 0;
}

.get-started .sector-item .single-sector-icon {
  float: right;
}

.get-started .sector-item .single-sector-icon svg {
  height: 50px;
}

.get-started .sector-item .single-sector-icon img {
  height: 50px;
}

.get-started .sector-item .sector-icon svg {
  height: 80px;
  width: 80px;
  fill: var(--lms-dark-blue);
}

.get-started .get-started-title {
  font-family: "Lato";
  letter-spacing: 0.05rem;
  font-weight: 400;
  color: var(--lms-dark-blue);
  font-size: 20px;
  margin-bottom: 2rem;
}

.availability-box {
  border: 1px solid #000;
  width: fit-content;
  padding: 0.4rem 0.6rem;
  cursor: pointer;
}

.availability-box svg {
  height: 17px;
  fill: #cccccc;
}

.btn-grid {
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: 50% 50%;
  width: 100%;
}

.btn-grid .btn.btn-yellow {
  background-color: var(--lms-yellow);
  border-radius: 0;
  font-family: "LEMON MILK";
  font-weight: 400;
  font-size: 12px;
  letter-spacing: 0.1rem;
  color: var(--lms-dark-blue);
  padding: 0.5rem 1rem;
  transition: ease all 0.3s;
}

.btn-grid .btn.btn-blue {
  background-color: rgba(154, 189, 221, 0.5);
  border-radius: 0;
  font-family: "LEMON MILK";
  font-weight: 400;
  font-size: 12px;
  letter-spacing: 0.1rem;
  color: var(--lms-dark-blue);
  padding: 0.5rem 1rem;
  transition: ease all 0.3s;
}

.get-started .get-started-footer {
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: calc(0.3rem - 1px);
  border-bottom-left-radius: calc(0.3rem - 1px);
}

.get-started-background {
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 101;
}

.navbar .navbar-brand svg {
  height: 50px;
}

@media (max-height: 568px) {
  .navbar .navbar-brand svg {
    height: 36px !important;
  }
}

.search-item {
  font-weight: 300;
  letter-spacing: 2px;
  text-decoration: none;
  font-size: 13px !important;
  font-family: "LEMON MILK";
  color: var(--dark-indigo);
  padding: 0.2rem;
}

.search-item a {
  color: var(--dark-indigo);
}

.search-item a :hover {
  text-decoration: underline;
}

.search-item img {
  height: 0.8rem;
  margin-right: 5px;
}

.notification-window {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 1100;
  background-color: rgba(0, 0, 0, 0.5);
}

.submission-response {
  font-family: Lato;
  letter-spacing: 1px;
  font-size: 18px;
  color: var(--lms-dark-blue);
  word-spacing: 2px;
}

.availability-table {
  border-spacing: 0.1rem 1rem;
  border-collapse: separate;
  width: 100%;
}

.availability-table tbody td {
  font-family: Lato;
  font-weight: 300;
}

.availability-table tbody td p {
  font-family: Lato;
  font-weight: 600;
  margin-bottom: 0;
}

.availability-active {
  background-color: rgba(154, 189, 221, 0.25);
}

.availability-active svg path {
  fill: rgba(0, 0, 0, 0.8);
}

.cls-1 {
  isolation: isolate;
}

.cls-2 {
  fill: #1f2345;
}

.cls-3 {
  fill: #38b07c;
}

.cls-4 {
  fill: #ffbe0d;
}

.cls-5 {
  fill: #e01e5a;
}

.page-banner-img {
  position: relative;
}



.course-banner p.breadcrumb {
  font-family: "LEMON MILK";
  color: var(--lms-aqua);
  font-weight: 300;
  font-size: 0.8rem;
  letter-spacing: 0.1rem;
  margin-bottom: 2rem;
  background-color: white;
}

.course-banner.page-banner .page-banner-content .page-banner-text {
  padding-top: 1rem;
  padding-bottom: 1rem;
  margin-top: 20px;
}

.course-banner .page-banner-content .page-banner-text h1.title {
  font-size: 2rem;
}

.course-banner .page-banner-content .page-banner-excerpt p.excerpt {
  font-size: 15px;
  letter-spacing: 1px;
  word-spacing: 2px;
}

.course-banner.page-banner .page-banner-content .educator-info {
  margin-bottom: 2rem;
  margin-top: 1rem;
  display: flex;
  /* justify-content: space-between; */
  align-items: center;
  width: 100%;
}

.course-banner.page-banner .page-banner-content .educator-info .educator-text {
  display: flex;
  /* width: 75%; */
  width: 50%;
  align-items: center;
}

.course-banner.page-banner .page-banner-content .educator-image {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  overflow: hidden;
  border: 5px solid var(--lms-aqua);
  margin-right: 1rem;
}

.course-banner.page-banner .page-banner-content .educator-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.educator-info .educator-name p.content-title {
  font-family: Lato;
  font-weight: 400;
  margin-bottom: 0;
  font-size: 14px;
  color: var(--lms-dark-blue);
}

.educator-info .educator-name p.content {
  font-family: "LEMON MILK";
  font-weight: 500;
  margin-bottom: 0;
  color: var(--lms-dark-blue);
}

.course-banner .banner-button {
  display: flex;
  flex-direction: column;
}

.page-banner-img .banner-accent {
  transform: rotate(16deg);
}

.course-info {
  height: 100%;
}

.course-info .info-group {
  display: flex;
  align-items: center;
  justify-content: center;
}

.icon-text-course {
  margin-left: 1rem;
  margin-bottom: 0;
  font-family: "LEMON MILK";
  font-weight: 500;
  letter-spacing: 0.1rem;
  font-size: 0.7rem;
  color: var(--lms-dark-blue);
  margin-top: 0.2rem;
}

.line-right {
  content: "";
  border-right: 1px solid rgba(0, 0, 0, 0.5);
  height: 30px;
  margin-left: auto;
}

.bg-gray {
  background-color: #f2f2f2;
}

.info-bar .course-title h4.title {
  font-family: "LEMON MILK";
  color: var(--lms-dark-blue);
  /* font-size: 1rem; */
  font-size: 1.5rem;
  letter-spacing: 0.1rem;
  font-weight: 400;
}

.info-bar .single-sector {
  display: flex;
  align-items: center;
}

.info-bar .single-sector .educator-type-text {
  color: var(--lms-aqua);
  text-transform: uppercase;
  letter-spacing: 1px;
  padding-right: 1rem;
  margin-bottom: 0;
  font-family: "LEMON MILK" !important;
  font-weight: 400;
  font-size: 12px;
}

.single-sector img {
  height: 40px;
  width: auto;
  margin-right: 1rem;
}

.info-bar .btn.btn-yellow {
  border-radius: 0;
  padding-top: 2rem;
  padding-bottom: 2rem;
  width: 100%;
}

.pagination {
  position: relative;
  padding: 1.5rem 2rem;
  background-color: #ebf2f8;
  z-index: 99;
}

.pagination .nav-item a.nav-link {
  position: relative;
}


.course-content,
.course-overview,
.gray-card,
.more-courses,
.page-section {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.fw-400 {
  font-weight: 400 !important;
}

.font-main {
  font-family: "LEMON MILK" !important;
  letter-spacing: 1px;
  color: var(--lms-dark-blue);
}

.course-content .single-lesson {
  background-color: var(--lms-light-gray);
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-top: 2px solid #9abddd;
  border-left: 2px solid #9abddd;
  border-right: 2px solid #9abddd;
}

.course-content .single-lesson p {
  margin-bottom: 0;
}

.course-content .single-lesson:last-child {
  border-bottom: 2px solid #9abddd;
}

.course-content,
.course-overview,
.gray-card,
.more-courses,
.page-section {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.card-body {
  flex: 1 1 auto;
  padding: 1rem 1rem;
}

.blue-triangle.before::before {
  display: inline-block;
  margin-left: 0.255em;
  content: "";
  padding: 0 0.4rem;
  transform: rotate(-90deg);
  transition: ease all 0.2s;
  border-left: 10px solid var(--lms-green);
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  height: 10px;
}

.educator-comon-innr-div p.content.blue-triangle.before::before {
  display: flex;
  transform: rotate(0deg);
}

.educator-profile-image {
  height: 250px;
  width: 250px;
  border-radius: 100%;
  border: 15px solid var(--lms-aqua);
  overflow: hidden;
}

.educator-profile-image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.page-section .educator-description .educator-name {
  font-family: "LEMON MILK";
  letter-spacing: 2px;
  color: var(--lms-dark-blue);
  font-size: 24px;
  margin-bottom: 0.5rem;
}

.page-section .educator-description {
  margin-left: 4rem;
}

.page-section .educator-description .educator-subheading {
  font-family: "LEMON MILK";
  font-weight: 300;
  letter-spacing: 2px;
  color: var(--lms-dark-blue);
}

.banner-icon img {
  width: inherit;
}

.filter-result .single-item .item-image {
  height: 250px;
  overflow: hidden;
  border-radius: 10px;
}

.filter-result .single-item .item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: ease all 0.3s;
}

.filter-result .single-item :hover .item-image img {
  transform: scale(1.2);
}

/* .filter-result .single-item :hover {
    background-color: #F6F6F6;
  } */

.filter-result .single-item .item-type {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  margin-top: 1.5rem;
  gap: 10px;
}

.filter-result .single-item .item-title h4.title {
  font-family: "LEMON MILK";
  font-weight: 400;
  letter-spacing: 0.1rem;
  font-size: 0.9rem;
  line-height: 1.5rem;
  color: var(--lms-dark-blue);
}

.filter-result .single-item .item-author p {
  font-family: "LEMON MILK";
  font-weight: 300;
  margin-top: 0.5rem;
  letter-spacing: 0.1rem;
  margin-bottom: 0;
  font-size: 12px;
  color: var(--lms-dark-blue);
}

.filter-result .single-item .item-type p {
  margin: 0;
}

.filter-option {
  /* padding: .2rem .5rem; */
  align-items: center;
  padding-left: 10px;
}

.filter-option>p {
  margin-bottom: 0 !important;
  padding-left: 1rem;
  font-family: "LEMON MILK";
  font-weight: 200;
  letter-spacing: 2px;
  font-size: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.filter-suboption {
  background-color: #f8f8f8;
  display: flex;
  padding-left: 28px;
}

.filter-suboption-level-0 {
  margin-left: 10px;
  padding-left: 10px;
  margin-top: 0px;
}

.filter-option-header {
  transition: all 0.5s ease-in-out;
}

.filter-option-collapse {
  height: 38px;
  overflow: hidden;
}

.filter-option-header>p {
  cursor: pointer;
}

.filter-option-header>p:before {
  content: "+";
  font-size: 12px;
  padding-right: 4px;
}

.filter-option-header.filter-option-collapse>p:before {
  content: "-";
  padding-left: 1px;
  padding-right: 5px;
}

.author-name {
  color: var(--lms-dark-blue);
}

hr.big-long-yellow {
  margin-left: 0px;
  border-radius: 25px;
  border-width: 6px;
  border-style: solid;
  border-color: var(--lms-yellow);
  background-color: var(--lms-yellow);
  width: 50%;
  opacity: 1;
}

.filter-result .item-content {
  display: flex;
  flex: auto;
}

.filter-result .item-content p {
  font-family: Lato, sans-serif;
  font-weight: 400;
  margin-top: 0.5rem;
  /* margin-bottom: 1.5rem; */
  font-size: 14px;
  color: var(--lms-dark-blue);
  line-height: 1.5rem;
}

.filter-result .single-item .single-item-bg {
  display: flex;
  flex-direction: column;
  flex: auto;
  border-radius: 10px;
  padding: 0.5rem;
  transition: ease all 0.3s;
  height: 100%;
}

.pagination a.nav-link.active::after {
  content: "";
  border-bottom: 5px solid var(--lms-dark-blue);
  width: 100%;
  height: 2px;
  position: absolute;
  border-radius: 0;
  left: 0;
  bottom: -1.5rem;
}

.nav-tabs {
  display: flex;
  justify-content: space-evenly;
  border-bottom: unset !important;
}

.nav-tabs a {
  font-family: "LEMON MILK";
  color: var(--lms-dark-blue);
  font-weight: 400;
  letter-spacing: 0.05rem;
}

.nav-tabs a:hover {
  color: var(--lms-dark-blue);
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  /* background-color: transparent !important; */
  border: 1px solid transparent;
  position: relative;
  color: #495057;
}

h3.title,
h5.title,
h6.title {
  font-family: "LEMON MILK";
  color: var(--lms-dark-blue);
  font-weight: 400;
  letter-spacing: 0.2rem;
}

li.content {
  padding-bottom: 0.5rem;
}

p.content,
.why-ueg-section .why-item .content,
li.content {
  font-size: 20px;
  font-family: "Lato";
}

.virtual-class-img {
  width: 75%;
  height: auto;
}

.learningtips li {
  padding: 6px 0;
}

.content-section {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.card-header {
  background-color: transparent !important;
}

/* login page */

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px;
  /* Vertically center the text there */
  background-color: var(--lms-dark-blue);
}

.navbar-brand {
  padding-top: 20px;
  padding-bottom: 20px;
}

.navbar-brand img {
  height: 36px;
}

.pagination a.nav-link {
  font-family: "LEMON MILK";
  font-weight: 400;
  font-size: 15px;
  margin-top: 2px;
}

.navbar-main {
  justify-content: space-evenly;
}

.navbar-user .nav-link {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 14px;
  font-weight: 200;
}

.main-content {
  padding: 38px;
  background-color: white;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 6px;
}

.admin-cont .top_scne_rt .search-bar input.form-control.search-bar-input {
  border: 1px solid var(--lms-border-col);
}

.admin-cont .main-content,
.admin-cont .main-content-inner,
.admin-cont .main-content-footer {
  padding: 15px;
}

.main-content-footer {
  background-color: var(--lms-dark-blue);
  color: white;
  padding: 38px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 6px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Lato", sans-serif;
  color: var(--lms-dark-blue);
}

.thead-blue {
  background-color: #dae8ee;
  border: none;
  color: #756f86;
}

.table .thead-blue tr th {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.btn-outline-ueg {
  color: var(--lms-dark-blue);
  border-color: var(--lms-dark-blue);
  border-width: 2px;
  font-weight: bold;
}

.btn-outline-white-ueg {
  color: white;
  border-color: white;
  border-width: 2px;
  font-weight: bold;
}

.btn-white-ueg {
  color: var(--lms-dark-blue);
  background-color: white;
  border-color: white;
  border-width: 2px;
  font-weight: bold;
}

.badge-ueg {
  font-size: 14px;
  background-color: var(--lms-dark-blue);
  border-radius: 30px;
  padding: 8px 11px 8px 11px;
  color: white;
}

.badge-ueg-warning {
  font-size: 14px;
  background-color: #ffc107;
  border-radius: 30px;
  padding: 8px 11px 8px 11px;
  color: black;
}

.row-head-blue {
  background-color: #dae8ee;
  padding-top: 1rem;
  padding-bottom: 1rem;
  margin-left: 0px;
  margin-right: 0px;
}

.input-borderless input {
  border: none;
  font-family: "Lato", sans-serif;
  padding-top: 1rem;
  padding-bottom: 1rem;
  margin-top: 4px;
  margin-bottom: 4px;
}

.rounded-big {
  border-radius: 12px;
}

.selectize-input>* {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 21px);
}

/*colorpicker css*/
.col_div .picker {
  display: flex;
  overflow: hidden;
  border-radius: 6px;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.1);
}

.col_div .picker:focus-within {
  outline: 1px dotted #212121;
  outline: 5px auto -webkit-focus-ring-color;
}

.col_div input {
  height: 36px;
  border: none;
  outline: 0;
}

.col_div input[type="text"] {
  text-align: center;
  text-transform: uppercase;
}

.col_div input[type="color"] {
  width: 36px;
  -webkit-appearance: none;
}

.col_div input[type="color"]::-webkit-color-swatch-wrapper {
  padding: 0;
}

.col_div input[type="color"]::-webkit-color-swatch {
  border: none;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.col_div {
  position: absolute;
  right: 16px;
  top: 33px;
}

.col_div .picker input.valid:first-child {
  order: 2;
}

.navbar.navbar-expand-sm.navbar-toggleable-sm.navbar-light.white-bg-white.border-bottom.box-shadow.mb-3 {
  position: inherit;
}

.login-button {
  font-family: "LEMON MILK" !important;
  font-weight: 100 !important;
  font-size: 15px !important;
  margin-top: 2px !important;
}

.secondary-title {
  font-size: 48px;
  margin-top: 0px;
  margin-bottom: 5px;
  color: #0a154d;
}

.tertiary-title {
  font-size: 20px;
  padding-left: 30px;
  padding-top: 30px;
  padding-bottom: 0;
  margin: 0;
  color: var(--lms-primary);
}

.senary-title {
  font-size: 10px;
  margin-top: 40px;
  margin-bottom: 0px;
  color: grey;
  font-weight: 400;
}

.welcome-desc {
  display: flex;
  transform: skew(-30deg);
}

.excerpt {
  max-width: 55%;
  color: var(--lms-text);
}

.welcome-img {
  overflow: hidden;
  float: right;
  position: absolute;
  left: 60%;
  display: block;
}

.welcome-img img {
  object-position: -150px -20px;
  transform: skew(30deg);
  object-fit: cover;
  margin-left: -20%;
  margin-right: -50%;
}

.divider {
  background-color: var(--lms-primary);
  bottom: 15%;
  left: 59%;
  position: absolute;
  right: 39%;
  border-radius: 60px;
  top: 15%;
  z-index: 1;
}

.ueg-button {
  padding: 15px 25px;
  border-radius: 5px;
  width: auto;
  margin-top: 5px;
  margin-right: 20px;
  font-family: "Lato";
  margin-bottom: 60px;
  background-color: #1084ac;
  border: none;
  color: white;
}

.welcome-title {
  padding-left: 40px;
  padding-top: 20px;
  transform: skew(30deg);
}

.banner.welcome {
  background-color: white;
  width: 70%;
  height: 100%;
  margin-right: auto;
  margin-left: auto;
  border-radius: 10px;
  border-style: none;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  overflow: hidden;
  min-width: 800px;
}

.courses-banner {
  background-color: white;
  width: 70%;
  height: 100%;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 40px;
  margin-top: 40px;
  border-style: none;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  padding-bottom: 30px;
}

.courses-title {
  padding: 30px;
  color: var(--lms-primary);
}

.courses-row {
  display: flex;
  overflow: scroll;
  margin: 30px;
}

.single-course {
  height: auto;
  width: 200px;
  padding: 10px;
}

.img-course img {
  height: auto;
  width: 200px;
}

.subject-row {
  display: flex;
  margin-top: 5px;
}

.img-subject {
  width: 20px;
  padding-right: 3px;
  color: var(--lms-primary);
}

.img-subject img {
  width: 20px;
}

.subject-type {
  margin: 2px;
  font-weight: 400;
  font-size: 10px;
}

.course-title {
  margin-top: 5px;
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 15px;
  color: var(--lms-primary);
}

.subject-divider {
  height: 1px;
  width: 50px;
  top: 0px;
  left: 0px;
  border-style: solid;
  background-color: rgba(0, 202, 217, 1);
  border-width: 5px;
  border-color: rgba(0, 202, 217, 1);
  border-radius: 5px;
  box-shadow: 0px 0px 0px -1px rgba(0, 0, 0, 1);
}

.new-course-banner {
  margin-left: 30px;
  margin-right: 30px;
  padding: 10px;
  background-color: #38ac7c;
  display: flex;
  border-radius: 7px;
}

.new-course-excerpt {
  color: white;
  margin: 10px;
}

.get-started-button {
  margin-left: auto;
  border-radius: 5px;
  border-color: white;
  padding-left: 20px;
  padding-right: 20px;
  background-color: white;
  color: #38ac7c;
  font-family: "Lato";
}

.profile-banner {
  display: flex;
  background-image: url("/img/edu-background.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
}

.profile-title {
  padding-left: 40px;
  padding-top: 20px;
  max-width: 450px;
}

.profile-excerpt {
  max-width: 100%;
  color: var(--lms-text);
}

.profile-img-holder {
  border: rgba(0, 202, 217, 1) solid 10px;
  border-radius: 100%;
  width: 150px;
  height: 150px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  margin-top: 10%;
}

.profile-img {
  flex-shrink: 0.8;
  min-width: 100%;
  min-height: 100%;
}

.backend-pgs.navbar.mb-3 {
  margin-bottom: 20px !important;
}

.activity-type {
  text-align: center;
  border-radius: 10px;
  border: none;
  padding: 8px;
  cursor: pointer;
  color: white;
}

.layer.single-carousel-item a:hover {
  text-decoration: underline;
}

#enrolNowModal .modal-header .close {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  padding: 0;
  background: none;
  border: 0;
}

/* 29-09-2023 */
.filter-result .single-item .single-item-bg {
  display: flex;
  flex-direction: column;
  flex: auto;
  border-radius: 10px;
  padding: 0.5rem;
  transition: ease all 0.3s;
  height: 100%;
}

/* .filter-result .single-item :hover {
    background-color: #F6F6F6;
  } */

.filter-result .single-item :hover .item-image img {
  transform: scale(1.2);
}

.filter-result .single-item .item-type {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  margin-top: 1.5rem;
}

.filter-result .single-item .item-image {
  height: 250px;
  overflow: hidden;
  border-radius: 10px;
}

.filter-result .single-item .item-type p {
  font-family: "LEMON MILK";
  font-weight: 300;
  /* margin-left: .5rem; */
  letter-spacing: 0.1rem;
  margin-bottom: 0;
  font-size: 12px;
  /* overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; */
}

.filter-result .single-item .item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: ease all 0.3s;
}

.filter-result .single-item .item-title h4.title {
  font-family: "LEMON MILK";
  font-weight: 400;
  letter-spacing: 0.1rem;
  font-size: 0.9rem;
  line-height: 1.5rem;
  color: var(--lms-dark-blue);
}

.filter-result .single-item .item-author p {
  font-family: "LEMON MILK";
  font-weight: 300;
  margin-top: 0.5rem;
  letter-spacing: 0.1rem;
  margin-bottom: 0;
  font-size: 12px;
  color: var(--lms-dark-blue);
}

.author-name {
  color: var(--lms-dark-blue);
}

hr.big-long-yellow {
  margin-left: 0px;
  border-radius: 25px;
  border-width: 6px;
  border-style: solid;
  border-color: var(--lms-yellow);
  background-color: var(--lms-yellow);
  width: 50%;
}

.filter-result .item-content {
  display: flex;
  flex: auto;
}

.banner-icon img {
  width: inherit;
}

.filter-option {
  /* padding: .2rem .5rem; */
  align-items: center;
  padding-left: 10px;
}

.filter-option>p {
  margin-bottom: 0 !important;
  padding-left: 1rem;
  font-family: "LEMON MILK";
  font-weight: 200;
  letter-spacing: 2px;
  font-size: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.filter-suboption {
  background-color: #f8f8f8;
  display: flex;
  padding-left: 28px;
}

.filter-suboption-level-0 {
  margin-left: 10px;
  padding-left: 10px;
  margin-top: 0px;
}

.filter-option-header {
  transition: all 0.5s ease-in-out;
}

.filter-option-collapse {
  height: 34px;
  overflow: hidden;
}

.filter-option-header>p {
  cursor: pointer;
}

/* .filter-option-header>p::before {
    content: '-';
    font-size: 12px;
    padding-right: 4px;
    position: absolute;
    right: 10px;
  }
  
  .filter-option-header.filter-option-collapse>p:before {
    content: '+';
    padding-left: 1px;
    padding-right: 5px;
  } */

.filter-option-header-new a {
  text-align: left;
  font-family: LEMON MILK;
  font-size: 15px;
  line-height: 28px;
  font-weight: bold;
  letter-spacing: 2.25px;
  color: var(--lms-dark-blue);
  text-transform: uppercase;
  border: 2px solid #9abddd;
  position: relative;
  display: block;
  padding: 10px;
  border-radius: 0;
}

.filter-option-header-new #collapseExample.collapse.show .card.card-body {
  border-radius: 0;
  margin-top: 0;
  border: 0;
  padding: 10px;
}

.filter-option-header-new a.btn.btn-no-bg.collapsed::before {
  content: "-";
  padding-right: 4px;
  right: 19px;
  position: absolute;
  font-size: 20px;
}

.filter-option-header-new a.btn.btn-no-bg::before {
  content: "+";
  padding-right: 4px;
  right: 19px;
  position: absolute;
  font-size: 20px;
}

.filter-option.filter-option-header.filter-option-header-new .filter-option.filter-suboption p {
  font-weight: normal;
  border: 0;
  font-size: 13px;
}

.filter-option-header-new .filter-option.filter-option-header .filter-option.filter-suboption p::before {
  display: none;
}

.filter-option.filter-option-header.filter-option-header-new.filter-option-collapse {
  height: 54px;
  overflow: hidden;
}

.filter-option-header-new {
  margin-bottom: 10px;
}

.container.filter-search.srces .search-bar-home.resourc_search {
  border: 0;
  margin-top: 30px;
}

.container.filter-search.srces h4.title {
  font-size: 52px;
}

.top_cargry_in button {
  border: 2px solid #9abddd;
  border-radius: 8px;
  font-size: 18px;
  line-height: 28px;
  font-family: LEMON MILK;
  letter-spacing: 2.7px;
  color: var(--lms-dark-blue);
  text-transform: uppercase;
  padding: 10px 15px;
}

.top_cargry_in ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: 20px;
}

.container-fluid.bg-light-blue.top_cargry {
  padding: 20px 0 50px;
}

.top_cargry_in h4 {
  font-size: 25px;
  line-height: 34px;
  font-family: LEMON MILK;
  letter-spacing: 3.75px;
  color: var(--lms-dark-blue);
  text-transform: uppercase;
  margin-bottom: 30px;
}

.page-banner-new-img .banner-img {
  height: 380px;
}

.page-banner-img.page-banner-new-img .banner-accent {
  transform: rotate(22deg) !important;
  top: 10%;
  border-width: 10px;
  left: 14%;
}

.sing_new_pge_dv {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.enrolloncourse_bot .btn.btn-enrol {
  padding: 5px 20px;
  font-size: 13px;
  border-radius: 5px;
}

div.enrolloncourse_bot {
  display: flex;
  justify-content: space-between;
}

.bredcme ul {
  list-style-type: none;
  padding: 0;
  margin: 0 0 30px;
  display: flex;
  gap: 10px;
}

.bredcme li,
.bredcme span,
.bredcme li a {
  font-size: 15px;
  line-height: 42px;
  font-weight: 300;
  font-family: LEMON MILK;
  letter-spacing: 0.75px;
  color: #00cad9;
  text-transform: uppercase;
}

.lesn_new_secn_catg ul {
  list-style-type: none;
  display: flex;
  align-items: center;
  gap: 40px;
  padding: 0;
  margin: 10px 0;
}

.lesn_new_secn_catg ul li img,
.lesn_new_secn_catg ul li svg {
  width: 20px;
  margin-right: 5px;
}

.lesn_new_secn_catg ul li {
  font-size: 16px;
  line-height: 21px;
  font-weight: 500;
  font-family: LEMON MILK;
  letter-spacing: 0.75px;
  color: var(--lms-dark-blue);
  display: flex;
  align-items: center;
  gap: 10px;
}

.lesn_new_secn_top {
  display: flex;
  position: relative;
  /* background: var(--lms-dark-blue); */
  gap: 80px;
  align-items: center;
  padding: 10px;
  background: #f2f4f7;
}

.accrod_dve .lesn_new_secn_top {
  gap: 10px;
  padding: 2px 10px;
  justify-content: space-between;
  background: #f2f4f7;
}

.lesn_new_secn_top strong {
  color: #fff;
  font-size: 16px !important;
  line-height: 21px;
  font-weight: 500;
}

.lesn_new_secn_top p {
  color: #fff;
  margin: 0;
  font-size: 16px;
  line-height: 21px;
  font-weight: 400;
}

.lesn_new_secn_top span {
  color: #fff;
}

.lesn_new_secn_top.first_top {
  background: none;
  margin-bottom: 30px;
  gap: 50px;
}

.lesn_new_secn_top.first_top strong,
.lesn_new_secn_top.first_top p {
  color: var(--lms-dark-blue);
  font-size: 18px;
  margin: 0;
}

.lesn_new_secn_catg {
  margin: 30px;
}

.lesn_new_secn_blo {
  padding: 6px 0;
  display: flex;
  gap: 10px;
}

.lesn_new_secn_blo i {
  color: #4bbe82;
}

.lesn_new_secn_blo p {
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 0 !important;
}

.lesn_new_secn .btn.btn-enrol {
  padding: 10px 20px;
  font-size: 16px;
  border-radius: 5px;
  margin: 0 30px;
}

.lesn_new_secn {
  margin-bottom: 0px;
}

.modal-lg {
  max-width: 1200px;
}

.lesn_new_secn_data {
  padding: 20px;
  text-align: center;
}

.tab_modl_dv table td img {
  width: 26px;
}

.tab_modl_dv table td {
  font-size: 18px;
  line-height: 21px;
  font-weight: 300;
  letter-spacing: 0.75px;
  color: var(--lms-dark-blue);
  text-transform: none;
  border: 0;
}

.tab_modl_dv table td strong {
  font-family: LEMON MILK;
}

.tab_modl_dv #myTab {
  background: rgba(157, 193, 225, 0.2);
  padding: 30px;
  display: flex;
  gap: 80px;
  border: 0;
}

.tab_modl_dv #myTab.nav-tabs .nav-item a {
  font-size: 24px;
  line-height: 28px;
  font-weight: normal;
  font-family: LEMON MILK;
  letter-spacing: 0.75px;
  color: var(--lms-dark-blue);
  position: relative;
}

.tab_modl_dv #myTab.nav-tabs .nav-link:hover,
.tab_modl_dv #myTab.nav-tabs .nav-link.active {
  background: none;
  border-color: transparent;
}

.tab_modl_dv #myTab.nav-tabs .nav-item a::after {
  position: absolute;
  height: 10px;
  width: 100%;
  content: "";
  background: #00cad9;
  border-radius: 30px;
  bottom: -35px;
  left: 0;
  display: none;
}

.tab_modl_dv #myTab.nav-tabs a.nav-item a:focus {
  border: 0;
  box-shadow: 0 0;
  outline: 0;
}

.tab_modl_dv #myTab.nav-tabs .nav-item a.active:after {
  display: block;
}

.tab_modl_dv #myTabContent {
  padding-top: 40px;
  border: 0;
}

/* 16-10-2023 */
.profil_img_up_img {
  width: 64px;
  height: 64px;
  overflow: hidden;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f1f1f1;
}

.profil_img_up_img .bi.bi-person {
  font-size: 35px;
  width: 50px;
  height: 50px;
  color: var(--lms-dark-blue);
}

.profil_img_up {
  display: flex;
  gap: 30px;
}

.btn.btn-upld {
  background: var(--lms-dark-blue);
  box-shadow: 0px 3px 6px #00000029;
  font-size: 13px;
  line-height: 16px;
  font-weight: bold;
  color: #ebf4f8;
  padding: 10px 20px;
  border-radius: 10px;
}

.btn.btn-dlt {
  background: #f3f4f4;
  box-shadow: 0px 3px 6px #00000029;
  font-size: 13px;
  line-height: 16px;
  font-weight: bold;
  color: #000;
  padding: 10px 20px;
  border-radius: 10px;
}

#choosepicuplod .btn.btn-dlt {
  width: 100px;
  display: block;
}

.btn.btn-choic {
  background: #f3f4f4;
  font-size: 12px;
  line-height: 16px;
  font-weight: normal;
  color: #212529;
  padding: 3px 10px;
  border-radius: 3px;
  border: 1px solid #ccc;
}

.choose_file span {
  padding-left: 5px;
  font-size: 12px;
}

.choose_file {
  margin: 20px 0;
}

#newpicuplod .btn.btn-dlt {
  margin-left: 20px;
}

#choosepicuplod p {
  color: #9e9ea7;
  font-size: 12px;
  line-height: 16px;
  font-weight: normal;
}

.profil_form .form-group {
  margin-top: 20px;
}

.profil_form .form-group .form-control {
  padding: 0.375rem 0.75rem;
}

.profil_form .form-group label {
  color: #756f86;
  font-size: 16px;
  line-height: 19px;
  font-weight: 500;
  display: block;
  padding-bottom: 5px;
}

.nav-pills ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.nav-pills ul li {
  padding: 10px 0;
}

.nav-pills ul li button {
  padding: 0;
  background: none !important;
  color: #000 !important;
  font-size: 16px;
  line-height: 19px;
  font-weight: normal;
  text-transform: capitalize !important;
  font-family: Lato;
}

.nav-pills ul li button.active,
.nav-pills ul li button:hover {
  font-weight: 600;
}

/* 11-11-2023 */

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;400;500;600&display=swap" rel="stylesheet');

.enrolloncourse.singl_pge .enrolloncourse_bot ul {
  width: 83%;
}

#paymentModal .modal-header .close,
#loginModal .modal-header .close {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
}

#paymentModal .modal-header .close,
#loginModal .modal-header .close {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  padding: 0;
  background: none;
  border: 0;
}

/* .modal-footer.d-flex.justify-content-between {
    border: 0;
  } */

.start-larning-pric {
  background: #38af7c 0% 0% no-repeat padding-box;
  box-shadow: 0px 2px 6px #0000000a;
  padding: 40px 30px;
  width: 100%;
  margin-top: 50px;
}

.start-larning {
  display: flex;
  gap: 30px;
  width: 88%;
  align-items: center;
}

.start-larning .form-control {
  padding: 10px;
}

.start-larning-pric h3 {
  text-align: center;
  font-size: 21px;
  font-weight: bold;
  font-weight: 28px;
  color: #ffffff;
}

.start-larning-pric strong {
  text-align: center;
  font-size: 100px;
  font-weight: bold;
  font-weight: 21px;
  color: #ffffff;
  display: block;
}

.start-larning-pric span {
  text-align: center;
  display: block;
  font-size: 18px;
  font-weight: bold;
  font-weight: 24px;
  color: #ffffff;
  opacity: 0.5;
  margin-bottom: 40px;
}

.start-larning-pric p {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  font-weight: 24px;
  color: #ffffff;
}

.paymnt_detail li .form-control {
  padding: 6.5px 10px;
}

.paymnt_detail li>div.d-flex {
  gap: 10px;
}

hr.big-blue {
  opacity: 1;
}

.get-start {
  box-shadow: -11px 2px 12px -3px #eee;
  padding: 60px 100px;
  width: 44%;
}

.get-start-larning {
  width: 39%;
  padding: 50px;
}

.get-start .start-larning-pric {
  margin: 0 auto;
  padding: 15%;
}

.get-start-larning h5.modal-title {
  font-size: 42px;
  line-height: 64px;
}

.get-start-larning p {
  font-size: 28px;
  line-height: 38px;
  margin: 50px 0;
  font-weight: bold;
  color: var(--lms-dark-blue);
}

.get-start-larning button.btn.btn-yellow {
  background: #fbbc12 0% 0% no-repeat padding-box;
  border-radius: 8px;
}

.get-st-img {
  overflow: hidden;
  border-radius: 10px;
  margin: 30px auto;
  text-align: center;
  width: 100%;
}

.get-st-img img {
  width: 100%;
}

.start-larning-pric h3 {
  font-size: 25px;
  line-height: 38px;
  font-weight: bold;
}

.start-larning-pric p {
  font-size: 18px;
  line-height: 28px;
  margin: 20px 0;
  font-weight: normal;
  font-family: "LEMON MILK";
  text-align: left;
}

.start-larning-pric h5 {
  font-size: 12px;
  line-height: 28px;
  font-weight: 300;
  color: #fff;
}

.start-larning-pric .big-blue {
  border: 5px solid #fbbc12;
  margin: 3px 0;
  width: 64px;
}

.start-larning-pric .btn.btn-enrll {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  font-size: 15px;
  line-height: 20px;
  font-weight: 400;
  color: #fff;
  padding: 10px 18px;
  margin: 30px auto 0;
  display: block;
}

.modal-title svg.bi.bi-check-circle {
  color: #38af7c;
  height: 40px;
  width: 40px;
}

.pay_modl_con h4 {
  font-size: 22px;
  line-height: 28px;
  font-weight: bold;
  color: var(--lms-dark-blue);
  margin-bottom: 30px;
}

.pay_modl_con p {
  font-size: 16px;
  line-height: 22px;
  font-weight: normal;
  color: var(--lms-dark-blue);
}

.larng_dv {
  border: 1px solid #27ad87;
  padding: 5%;
  margin: 0px 0 30px;
  text-align: center;
  width: 80%;
}

.larng_dv strong {
  display: block;
  font-size: 21px;
  line-height: 25px;
  font-weight: normal;
  color: #27ad87;
}

.larng_dv span {
  display: block;
  font-size: 18px;
  line-height: 18px;
  font-weight: normal;
  color: #27ad87;
  opacity: 0.5;
}

.larng_dv p {
  font-size: 16px;
  line-height: 23px;
  font-weight: normal;
  color: #27ad87;
  margin: 10px 0;
}

.larng_dv .btn.btn-select {
  background: #27ad87;
  border-radius: 4px;
  font-size: 15px;
  line-height: 20px;
  font-weight: 400;
  color: #fff;
  padding: 6px 20px;
  margin: 0 auto 0;
  display: block;
}

#startmodl {
  z-index: 9999;
}

.tab_modl_dv #pillss-myTab {
  background: rgba(157, 193, 225, 0.2);
  padding: 30px;
  display: flex;
  gap: 80px;
  border: 0;
}

.tab_modl_dv #pillss-myTab.nav-pills button:hover,
.tab_modl_dv #pillss-myTab.nav-pills a.active {
  background: none;
  border-color: transparent;
}

.tab_modl_dv #pillss-myTab.nav-pills a {
  font-size: 24px;
  line-height: 28px;
  font-weight: normal;
  font-family: LEMON MILK;
  letter-spacing: 0.75px;
  color: var(--lms-dark-blue);
  position: relative;
}

.tab_modl_dv #pillss-myTab.nav-pills a.active::after {
  display: block;
}

.tab_modl_dv #pillss-myTab.nav-pills a::after {
  position: absolute;
  height: 10px;
  width: 100%;
  content: "";
  background: #00cad9;
  border-radius: 30px;
  bottom: -35px;
  left: 0;
  display: none;
}

.tab_modl_dv #pills-tabContent {
  padding-top: 30px;
}

.qzes_div {
  margin-bottom: 0px;
}

.qzes_div label {
  margin-bottom: 5px;
  display: block;
}

.qzes_div .form-select {
  border-top-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #bfbfbf;
  border-radius: 0;
  background-image: url("../img/aro-dvn.png");
  background-position: 100% center;
  background-repeat: no-repeat;
  background-size: 10px;
}

.qzes_div .form-select:focus {
  outline: 0;
  box-shadow: 0 0;
}

#startmodl .modal-body .btn-close {
  position: absolute;
  top: -12px;
  right: -10px;
  opacity: 1;
}

.odle_div .home-banner-blue-arrow {
  width: 40%;
  height: auto;
}

.odle_div_img .banner-img {
  height: 390px;
}

.odle_div_img.page-banner-img .banner-accent {
  transform: rotate(38deg);
}

.image.virtual-class-img.prt-imgs {
  width: auto;
  height: auto;
  margin: 0 auto;
  display: block;
}

.row.d-flex.align-items-center.odle_div_ban_sec {
  background: #e5f7ff;
}

.odle_div_ban_sec .page-banner-text {
  padding: 0 130px 0;
}

.banner.home-banner.footbanr {
  height: 600px;
}

.banner.home-banner.footbanr .home-banner-left h1 {
  font-size: 3.5rem;
}

.banner.home-banner.footbanr .home-banner-left h2 {
  margin: 30px 0;
}

.banner.home-banner.footbanr .home-banner-left .btn.btn-yellow {
  padding: 5px 10px;
}

.banner.home-banner.footbanr .home-banner-left a {
  font-size: 30px;
  font-weight: bold;
  display: block;
  color: var(--lms-dark-blue);
  margin-top: 10px;
}

.out_caro_out {
  background: #9abddd33;
}

.out_caro_in {
  background-color: #fff;
}

.out_caro_in img {
  width: 100%;
  background: #fff;
}

.out_caro_in strong {
  display: block;
  text-align: center;
  padding: 30px;
  color: var(--lms-dark-blue);
  font-size: 21px;
  text-transform: uppercase;
}

.out_caro_out .items {
  width: 100%;
}

.out_caro_out .courses-box {
  padding: 0;
  background: none;
}

.out_caro_out h1.title {
  color: var(--lms-dark-blue);
  font-size: 28px;
  font-family: "LEMON MILK";
  font-weight: 400;
}

/* select */
.typo {
  width: 100%;
}

.list a {
  color: #ffffff;
  text-decoration: none;
}

.typo option,
.list a option {
  font-size: 30px;
}

.transition {
  transition: all 0.4s ease-in-out;
}

.typo .list {
  display: inline-block;
  position: relative;
  margin-left: 6px;
  width: 100%;
}

.typo .list ul {
  text-align: left;
  position: absolute;
  padding: 20px;
  top: 34px;
  left: -16px;
  display: none;
  background: #fff;
  width: 56%;
  box-shadow: 0px 3px 8px #00000029;
  border-radius: 0 0 5px 5px;
}

.typo .list ul .active {
  display: block;
}

.typo .list li {
  list-style: none;
  padding: 10px 0;
}

.typo .list a {
  transition: all 0.4s;
  display: flex;
  position: relative;
  gap: 50px;
}

.typo .list select {
  display: inline;
  border: 0;
  width: auto;
  margin-left: 10px;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-bottom: 2px solid #555;
  transition: all 0.4s ease-in-out;
}

.typo .list select:hover {
  cursor: pointer;
}

.typo .list select option {
  border: 0;
  border-bottom: 1px solid #555;
  padding: 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.typo .list .placeholder {
  cursor: pointer;
  width: 100%;
  display: flex;
  background: transparent;
  max-width: 100%;
  opacity: 1 !important;
  color: #fff;
  gap: 50px;
  position: relative;
}

.typo .list .placeholder::after {
  background: url("../img/aro-dvn-w.png") 0 0 no-repeat;
  width: 13px;
  height: 12px;
  display: block;
  margin: 7px 0 0 0px;
  content: "";
}

.typo .list .placeholder:hover {
  color: #fff;
}

.lesn_new_secn_top a p,
.lesn_new_secn_top a strong {
  color: var(--lms-dark-blue);
}

.typo .list ul::before {
  border-bottom: 5px solid #fff;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 0;
  content: "";
  width: 5px;
  height: 5px;
  position: absolute;
  top: -7px;
  z-index: 99999999;
  left: 40px;
}

.fam_list ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.fam_list li {
  display: flex;
  align-items: center;
  gap: 5px;
  box-shadow: 0px 3px 6px #00000029;
  padding: 10px;
  margin-bottom: 10px;
}

.fam_list li svg {
  color: #d8d5d9;
  margin-right: 6px;
}

.fam_list li strong {
  display: block;
  font-size: 14px;
  line-height: 16px;
  color: #43425d;
}

.fam_list li span {
  display: block;
  font-size: 14px;
  line-height: 16px;
  color: #43425d;
}

.my_achiv_dtls h5,
.famly_right h4,
.fam_list h4 {
  color: #38af7c;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 20px;
  font-family: "Oswald", sans-serif;
}

.family_page_inner {
  width: 60%;
  margin: 0 auto;
}

.famly_right label {
  font-size: 14px;
  padding-bottom: 10px;
}

.famly_right .form-control {
  padding: 7px;
}

ul.selct_btnes {
  list-style-type: none;
  padding: 0;
  margin: 20px 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

ul.selct_btnes li button {
  border: 0;
  border-radius: 35px;
  padding: 5px 12px;
  background-color: #006fb3;
  color: #fff;
  font-size: 14px;
  line-height: 22px;
}

.famly_right p {
  font-size: 14px;
}

.btn.btn-cncl {
  background-color: #b5b2b7;
  color: #fff;
  font-size: 14px;
  width: 48%;
}

.btn.btn-accnt {
  background-color: #00a783;
  color: #fff;
  font-size: 14px;
  width: 48%;
}

.my_achiv_dtls .zoomimg {
  width: 100px;
  height: auto;
  margin: 0;
}

.my_achiv_dtls ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: flex;
  gap: 20px;
}

.my_achiv_dtls ul li {
  box-shadow: 0px 3px 6px #00000029;
  border: 1px solid #dcdee1;
  padding: 20px;
  border-radius: 5px;
  width: 30%;
}

.no_dt_li i {
  display: block;
  text-align: center;
  margin-top: 20px;
}

.no_dt_li strong {
  display: block;
  color: #4cb789;
  font-size: 16px;
  text-align: center;
  margin-top: 20px;
}

.corcses_dtl h5 {
  color: #38af7c;
  font-size: 18px;
  font-family: "Oswald", sans-serif;
}

.corcses_dtl strong span,
.corcses_dtl h5 span {
  display: block;
  color: #adafb2;
  font-size: 10px;
  line-height: 10px;
  font-family: var(--bs-body-font-family);
  font-weight: normal;
}

.corcses_dtl strong {
  display: block;
  color: #43425d;
  font-size: 14px;
}

.corcses_left {
  margin: 0 auto;
  text-align: center;
}

.prof_img_div {
  width: 90px;
  margin: 0 auto 20px;
  height: 90px;
  overflow: hidden;
  border-radius: 50%;
}

.prof_img_div img {
  width: 100%;
}

.course-card-body {
  height: 280px;
  width: 238px;
  top: 0px;
  left: 0px;
  background-color: rgba(255, 255, 255, 1);
  font-size: 10px;
  font-family: "LEMON MILK";
  font-weight: 300;
  letter-spacing: 0.1rem;
  color: rgba(11, 21, 75, 1);
}

main.main-body-sty {
  padding: 10px 80px 10px 80px;
  margin-bottom: 0px !important;
}

nav.admin-nav {
  padding: 5px 80px 5px 80px;
}

.filter-suboption input:checked,
.form-check-input:checked {
  background-color: var(--lms-dark-blue) !important;
  border-color: #0d6efd !important;
}

.a-back:hover {
  text-decoration: underline !important;
}

h4.modal-title {
  font-size: 20px;
}

.educator-banner-bg {
  background-image: url("../img/edu-background.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
}

.educator-comon-div p.content {
  margin-bottom: 0;
}

.educator-banner.banner .educator-img-container {
  border-radius: 100%;
  height: 400px;
  width: 400px;
  overflow: hidden;
  border: 20px solid var(--lms-aqua);
  left: -10px;
  top: 5%;
  position: relative;
}

.gray-card.educator-comon-div .education-content {
  margin-left: 14px;
  height: auto;
  margin-bottom: 0;
}

.card.gray-card-info.educator-comon-innr-div .card-body>.row {
  gap: 48px;
}

.educator-banner.banner .educator-img-container img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.card.gray-card-info.educator-comon-innr-div .col-lg-6.row {
  background-color: var(--lms-bg-white);
  border: unset;
  padding: 1rem;
  box-shadow: 0 5px 14px rgb(0 0 0 / 10%);
  border-radius: 0px;
  margin-bottom: 0px;
}

p.content {
  font-size: 16px;
  word-spacing: 2px;
}

.flex-column a:hover {
  text-decoration: underline !important;
}

.btn.btn-list-view.bg-primary,
.btn.btn-grid-view.bg-primary {
  background-color: var(--lms-dark-blue) !important;
  color: var(--lms-text-white) !important;
}

a.carousel-link:hover {
  text-decoration: underline !important;
}

img.img-fluid {
  width: 100% !important;
  display: block;
  margin: auto;
}

.payment_page_prod {
  height: 100px;
  width: 100px;
}

.resources_new_ueg.resources_caro .courses-h-list {
  flex-wrap: wrap;
}

.resources_new_ueg.resources_caro .courses-h-list .layer.single-carousel-item {
  width: 15.5%;
}

/* .resource_package div#myCarousel {
    padding: 20px;
  } */

/* 20-12-2023 */
.title-banner-text {
  position: relative;
  top: -100%;
  padding: 4rem 0;
  margin: 0 7vw;
  width: 100%;
}

.title-banner {
  /* background-image: url("../img/2_1.jpg"); */
  background-position: 50% 50%;
  background-size: cover;
  height: 482px;
  overflow: hidden;
  width: 100%;
}

.title-banner-text-left h1 {
  font-family: "lemon-milk", sans-serif;
  letter-spacing: 0.5rem;
  font-size: 7.5vmin;
  font-weight: 400;
  text-transform: uppercase;
  color: var(--lms-dark-blue);
}

.dark-blue-divider {
  border-width: 10px;
  border-style: solid;
  background-color: var(--lms-dark-blue);
  border-color: var(--lms-dark-blue);
  border-radius: 25px;
  width: 54%;
  height: 1px;
  margin-top: 7rem;
  margin-bottom: 3rem;
}

.button-yellow {
  font-family: "lemon-milk", sans-serif;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  border: 1px solid transparent;
  line-height: 1.5rem;
  background-color: #f2d415;
  border-radius: 5px;
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 0.1rem;
  color: var(--lms-dark-blue);
  padding: 1rem 3rem;
  transition: ease all 0.3s;
}

.school-intro {
  padding: 6vh 5vw;
  display: grid;
  grid-template-columns: 45vw 45vw;
}

.school-page .school-intro {
  padding: 6vh 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.school-page .school-info-1-text {
  margin: 0;
}

.school-page .school-info-2-text {
  display: flex;
  margin: 0;
}

.school-page .info-2-right {
  width: 50%;
  margin-right: 4%;
}

.school-page .info-1-p {
  width: auto;
}

.school-page .school-intro-text {
  width: 60%;
}

.school-page .title-banner-text-left {
  font-weight: 400;
  letter-spacing: 0.5rem;
  margin-top: 3rem;
  /* width: 24%; */
}

.blue-arrow-img {
  width: 100%;
}

.title-banner-blue-arrow {
  width: 950px;
  height: 100%;
  object-fit: cover;
  display: flex;
  overflow: hidden;
  justify-content: center;
}

.blue-arrow-img {
  width: 100%;
}

.title-banner-text {
  position: relative;
  top: -100%;
  padding: 4rem 0;
  margin: 0 7vw;
  width: 100%;
}

.row {
  display: flex;
  flex-wrap: wrap;
}

.title-banner-text-left {
  font-weight: 400;
  letter-spacing: 0.5rem;
  margin-top: 3rem;
}

.dark-blue-divider {
  border-width: 10px;
  border-style: solid;
  background-color: var(--lms-dark-blue);
  border-color: var(--lms-dark-blue);
  border-radius: 25px;
  width: 50%;
  height: 1px;
  margin-top: 7rem;
  margin-bottom: 3rem;
}

.button-yellow {
  font-family: "lemon-milk", sans-serif;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  border: 1px solid transparent;
  line-height: 1.5rem;
  background-color: #f2d415;
  border-radius: 5px;
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 0.1rem;
  color: var(--lms-dark-blue);
  padding: 1rem 3rem;
  transition: ease all 0.3s;
}

.school-intro {
  padding: 6vh 5vw;
  display: grid;
  grid-template-columns: 45vw 45vw;
}

.school-logo {
  padding: 0;
  margin: 0 auto;
  width: 200px;
  display: flex;
  align-items: center;
}

.school-logo img {
  width: 100%;
}

.school-intro-text {
  padding-right: 1rem;
}

.school-info-1 {
  background-position: 50% 50%;
  background-size: cover;
  height: 700px;
  overflow: hidden;
  width: 100%;
}

.schools-info-trapezoid {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: flex;
  overflow: hidden;
  justify-content: center;
}

.trapezoid {
  width: 100%;
}

.school-info-1-text {
  position: relative;
  top: -100%;
  width: 100%;
  padding: 4rem 0;
  margin: 0 7vw;
}

.info-1-left {
  width: 40vw;
}

.info-1-right {
  width: 45vw;
}

.info-1-p {
  width: 35vw;
}

.light-blue-divider {
  border-width: 10px;
  border-style: solid;
  background-color: #03c9d6;
  border-color: #03c9d6;
  border-radius: 25px;
  width: 50%;
  height: 1px;
  margin-top: 6rem;
  margin-bottom: 3rem;
}

.school-info-2 {
  background-position: 50% 50%;
  background-size: cover;
  height: 482px;
  overflow: hidden;
  width: 100%;
}

.school-info-2-text {
  position: relative;
  top: -90%;
  width: 100%;
  display: grid;
  grid-template-columns: 45vw 45vw;
  padding: 4rem 0;
  margin: 0 7vw;
}

.schools-info-cutout {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: flex;
  overflow: hidden;
  justify-content: center;
}

.info-2-left {
  width: 50vw;
}

/* .info-2-right {
    margin: 0 1rem;
  
  } */
.info-2-right {
  margin: 1rem 0 1rem auto;
  width: 87%;
}

.admissions {
  padding: 4rem 0;
}

.browse-schools {
  height: 92vh;
  overflow: hidden;
  width: 100%;
  background-color: #ebf3f8;
  padding: 4rem 0;
}

.browse-title-text {
  padding: 0;
}

#browse-divider {
  width: 10vw;
  margin-top: 0vh;
}

.browse-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}

.browse-arrow {
  padding: 0 2vw;
  height: 25px;
}

#browse-arrow-left {
  transform: rotate(90deg);
}

#browse-arrow-right {
  transform: rotate(-90deg);
}

.school-cards-container {
  height: 55vh;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.school-card {
  background-color: white;
  width: 27vw;
  height: 100%;
  box-shadow: 1px 1px 2px #ccc;
}

.school-card-image {
  /* background-color: grey; */
  /* height: 50%; */
  /* height: 72%; */
  height: 280px;
  overflow: hidden;
  text-align: center;
  color: white;
}

.school-card-title {
  text-align: center;
  padding: 5vh 0;
  font-weight: 600;
}

.title-banner {
  background-position: 50% 50%;
  background-size: cover;
  height: 482px;
  overflow: hidden;
  width: 100%;
}

.school-page h1 {
  font-family: "lemon-milk", sans-serif;
  letter-spacing: 0.5rem;
  font-size: 7.5vmin;
  font-weight: 400;
  text-transform: uppercase;
  color: var(--lms-dark-blue);
}

.school-page h2 {
  font-family: "LEMON MILK";
  font-weight: 400;
  letter-spacing: 0.5rem;
  font-size: 4vmin;
  color: var(--lms-dark-blue);
  text-transform: uppercase;
}

.school-page h3 {
  font-family: "LEMON MILK";
  font-weight: 400;
  letter-spacing: 0.5rem;
  font-size: 3.5vmin;
  text-transform: uppercase;
  color: #000;
}

.school-page .admissions h4 {
  margin-bottom: 0;
  padding-bottom: 20px;
  font-weight: 400;
}

.school-page h4 {
  font-weight: 500;
  font-size: 3vmin;
  text-transform: uppercase;
  padding: 20px 0 40px;
  letter-spacing: 2px;
  color: #000;
  font-family: "LEMON MILK";
  margin-bottom: 20px;
}

.school-card-image img {
  height: 100%;
}

p.admis_polcy {
  font-size: 16px;
}

.info-1-left {
  width: 50% !important;
}

/* .school-page p {
    font-size: 14px;
  } */

.school-page .title-banner-text-left.w-75 {
  width: 720px !important;
  margin-left: 0;
  padding-left: 0;
}

.school-page .title-banner-text-left.w-75 h1 {
  font-size: 4rem;
  /* font-weight: 400; */
  font-family: "LEMON MILK";
}

.school-page .title-banner-text-left.w-75 h1.w-90.font-size-new {
  font-size: 3.5rem;
  /* font-weight: 400; */
  font-family: "LEMON MILK";
}

.title-banner-text-left button.button-yellow {
  font-weight: 400;
  font-family: "LEMON MILK";
}

.browse-container .owl-carousel .owl-nav button.owl-prev {
  display: block;
  width: 38px;
  height: 25px;
  left: -50px;
}

.browse-container .owl-carousel .owl-nav button.owl-next {
  display: block;
  width: 38px;
  height: 25px;
  right: -50px;
}

.browse-container {
  padding: 0;
}

.browse-container .owl-carousel .owl-nav button span {
  background: url(../img/Nav-button-icon.png) 0 0 no-repeat !important;
  width: 100%;
  transform: rotate(90deg);
}

.browse-container .owl-carousel .owl-nav button.owl-next span {
  transform: rotate(-90deg);
}

.container.admin-cont,
.admin-headr .container {
  max-width: 1140px;
}

.admin-cont .btn {
  border-radius: 0.25rem;
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
}

.admin-cont .btn-primary {
  background-color: var(--lms-dark-blue);
  border-color: var(--lms-dark-blue);
}

.admin-cont main.main-body-sty {
  padding: 0;
  margin-bottom: 0;
}

#mobile-global-search,
#mobileNavMenu {
  display: none;
}

#mobileNavMenu.mob-mnu {
  display: block;
  position: absolute;
  top: 63px;
  left: 0px;
  right: 0px;
  width: 100%;
  z-index: 10;
  background: #fff;
  box-shadow: -2px 0 12px 2px #00000029;
}

#mobileNavMenu.mob-mnu li .has-sub {
  position: relative;
  width: 24px;
  height: 24px;
  display: block;
}

#mobileNavMenu.mob-mnu li .has-sub::before {
  content: "";
  border-bottom: 1px solid #000;
  position: absolute;
  left: 0;
  top: 12px;
  height: 1px;
  width: 12px;
  right: 0;
  margin: 0 auto;
}

#mobileNavMenu.mob-mnu li .has-sub::after {
  content: "";
  border-bottom: 1px solid #000;
  position: absolute;
  left: 0;
  top: 12px;
  height: 1px;
  width: 12px;
  right: 0;
  margin: 0 auto;
  transform: rotate(90deg);
}

#mobileNavMenu.mob-mnu li .has-sub.min::after {
  display: none;
}

#mobileNavMenu.mob-mnu li a.btn.login-btn.text-white.text-center {
  text-align: center !important;
  display: block;
  line-height: 10px;
  /* color: #fff !important; */
}

#mobileNavMenu.mob-mnu li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #eee;
  padding: 15px;
  font-family: "LEMON MILK";
  font-weight: 100;
  font-size: 15px;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}

#mobileNavMenu.mob-mnu ul ul {
  display: none;
}

#mobileNavMenu.mob-mnu ul ul li a {
  padding-left: 30px;
  display: flex;
  justify-content: flex-start;
  gap: 15px;
  font-size: 13px;
}

#searchResults #courseList {
  height: fit-content;
}

.subnav.mob-mnu-sch {
  top: 110px;
}

.modal-content {
  border: 0 !important;
  border-radius: 0 0 !important;
}

.admin-cont .bottom-secne.mb-4 {
  margin-bottom: 70px !important;
}

.top_scne_iii {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}

.btns-rit,
.btns-mid {
  display: flex;
  gap: 10px;
}

.googleCaptcha {
  /* margin-top: 31px; */
  height: 24px;
  width: 48px;
}

.gcap {
  background: #fff;
  padding: 10px;
  width: 300px;
  gap: 14px;
}

.gcap span {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
}

.fil-h1 {
  white-space: nowrap;
  width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.fil-h2 {
  white-space: nowrap;
  width: 282px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ser-h1 {
  white-space: nowrap;
  width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ser-h2 {
  white-space: nowrap;
  width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ser-h3 {
  display: -webkit-box;
  max-width: 400px;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

.resc-h2 {
  white-space: nowrap;
  width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.title-cour {
  white-space: nowrap;
  width: 500px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.key-nam {
  white-space: nowrap;
  width: 210px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cour-lay-h2 {
  white-space: nowrap;
  width: 110px;
  overflow: hidden;
  /* text-overflow: ellipsis; */
}

a.carousel-link:hover {
  text-decoration: none !important;
}

.educators-page .cour-lay-h3 {
  text-align: center;
}

.cour-lay-h3 {
  /* white-space: nowrap; */
  /* width: 212px; */
  width: auto;
  overflow: hidden;
  /* text-overflow: ellipsis; */
}

.cour-lay-h4 {
  white-space: nowrap;
  width: 140px;
  overflow: hidden;
  /* text-overflow: ellipsis; */
}

.lay-bdy {
  top: 0px;
  left: 0px;
  background-color: #fff;
  font-size: 10px;
  font-family: "LEMON MILK";
  font-weight: 300;
  /* letter-spacing: .1rem; */
  color: rgba(11, 21, 75, 1);
  /* border: 1px solid #ccc; */
  border: 1px solid #ececec;
  border-radius: 0px;
  height: 100%;
  margin-bottom: 10px;
}

.lay-bdy:hover {
  box-shadow: 0 2px 10px #ccc;
}

.lay-img {
  top: 6px;
  left: 8px;
  background-color: rgba(255, 255, 255, 1);
  font-size: 12px;
  font-family: "Lato", sans-serif;
  color: rgba(11, 21, 75, 1);
  border-radius: 0;
  overflow: hidden;
  margin-bottom: 0px;
  letter-spacing: 0;
}

.lay-cat-txt {
  font-size: 10px;
  font-family: "LEMON MILK";
  font-weight: 300;
  letter-spacing: 1px;
  color: rgba(11, 21, 75, 1);
}

/* .layer.carousel-image.lay-img{position: relative;} */
.layer.carousel-image.lay-img button.btn.btn-addfev {
  position: absolute;
  top: 5px;
  right: 5px;
}

.lay-cou-bdy {
  top: 190px;
  left: 7px;
  background-color: rgba(211, 38, 38, 0);
  font-size: 11px;
  font-family: "LEMON MILK";
  font-weight: 400;
  /* letter-spacing: .1rem; */
  color: rgba(11, 21, 75, 1);
  padding: 8px;
}

.layer.carousel-image.lay-img button.btn.btn-addfev {
  position: absolute;
  top: 3px;
  right: 3px;
  color: var(--lms-text-white);
  font-size: 22px;
  padding: 0 3px;
  background: rgba(0, 0, 0, 0.4);
}

.layer.carousel-image.lay-img button.btn.btn-addfev:focus {
  border: 0;
  outline: 0;
}

.layer.carousel-image.lay-img button.btn.btn-addfev:hover {
  color: var(--lms-favrt-col);
}

.lay-cou-nam {
  top: 0px;
  left: 0px;
  background-color: rgba(255, 255, 255, 0);
  font-size: 13px;
  font-family: "Lato", sans-serif;
  /* color: rgba(11, 21, 75, 1.00); */
  color: rgba(0, 0, 0, 1);
}

.lay-edu-nam {
  border-bottom-style: solid;
  background-color: rgba(255, 255, 255, 0);
  border-bottom-width: 4px;
  border-bottom-color: rgba(221, 51, 51, 0);
  font-size: 9px;
  font-family: "LEMON MILK";
  font-weight: 300;
  letter-spacing: 0.1rem;
  color: rgba(0, 0, 0, 1);
  line-height: 10px;
}

.lay-cour-lst {
  height: auto;
  width: auto;
  top: 63px;
  left: 0px;
  background-color: rgba(255, 255, 255, 0);
  font-size: 12px;
  font-family: "Lato", sans-serif;
  color: rgba(11, 21, 75, 1);
  display: none !important;
}

.lay-cour-lst-cmp {
  height: auto;
  width: 100%;
  top: 0px;
  left: 0px;
  border: 0;
  /* border-top-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    background-color: rgba(0, 202, 217, 1.00);
    border-top-width: 5px;
    border-top-color: rgba(0, 202, 217, 1.00);
    border-left-width: 5px;
    border-left-color: rgba(0, 202, 217, 1.00);
    border-right-width: 5px;
    border-right-color: rgba(0, 202, 217, 1.00);
    border-bottom-width: 5px;
    border-bottom-color: rgba(0, 202, 217, 1.00);
    border-top-left-radius: 10px 10px;
    border-top-right-radius: 10px 10px;
    border-bottom-left-radius: 10px 10px;
    border-bottom-right-radius: 10px 10px;
    box-shadow: 0px 0px 0px -1px rgba(0, 0, 0, 1); */
  font-size: 9px;
  line-height: 10px;
  font-family: "Lato", sans-serif;
  color: rgba(11, 21, 75, 1);
}

#filtersSearch .accordion .accordion-header button {
  position: relative;
  background-color: #fff;
  border: 2px solid #9abddd;
  color: var(--lms-dark-blue);
  font-size: 15px;
  line-height: 28px;
  text-transform: uppercase;
  display: block;
  margin-bottom: 10px;
  width: 100%;
  text-decoration: none;
  border-radius: 0;
  font-family: "LEMON MILK";
  font-weight: 600;
}

.partnerships .contact-partnerships-text p.content.white-text-mobile {
  font-weight: 400;
}

.partnerships p.content.white-text-mobile {
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 30px;
  text-transform: none !important;
}

.about-img-div .image.virtual-class-img.w-95 {
  width: 78%;
}

.container-flex.content-section p.content {
  font-size: 16px;
  word-spacing: 0px;
  /* color: var(--lms-text-black); */
}

.becom-educ-page #paginationFixed {
  position: sticky;
  top: 63px;
  background-color: var(--lms-bg-light);
  box-shadow: 0px 4px 9px 0px var(--lms-dark-gray);
}

.becom-educ-page h3.title {
  font-size: 26px;
  color: var(--lms-text-black);
  font-family: "LEMON MILK" !important;
  margin-bottom: 30px;
}

#filtersSearch .accordion .accordion-header button::before,
#filtersSearch .btn.btn-link::before {
  position: absolute;
  right: 14px;
  top: 28px;
  content: "";
  width: 10px;
  height: 2px;
  background: var(--lms-dark-blue);
}

#filtersSearch .accordion .accordion-header button.collapsed::after {
  position: absolute;
  right: 14px;
  top: 28px;
  content: "";
  width: 10px;
  height: 2px;
  background: var(--lms-dark-blue);
  transform: rotate(90deg);
}

#filtersSearch .accordion .accordion-header button.collapsed::before {
  position: absolute;
  right: 14px;
  top: 28px;
  content: "";
  width: 11px;
  height: 3px;
  background: var(--lms-dark-blue);
}

/* div#filtersSearch {
    width: 80%;
  } */

#filtersSearch .accordion {
  margin: 0;
  border: 0;
}

#filtersSearch .accordion .caaccordionrd-header {
  padding: 0;
  border: 0;
  border-radius: 0;
}

#filtersSearch .accordion .accordion-body {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.prerec-cour #searchResults {
  position: relative;
}

.prerec-cour #searchResults::before {
  position: absolute;
  left: 14px;
  height: 100%;
  width: 1px;
  background: #eee;
  content: "";
}

img.cutout {
  float: inline-end;
}

ul.navbar-nav.flex-grow-1.spread-evenly button.btn.enrol-btn.btn-checkout:hover {
  background-color: #f2d415 !important;
  border-color: #f2d415 !important;
  color: var(--lms-dark-blue) !important;
  text-decoration: underline;
}

.sing_new_pge_in {
  padding-left: 60px;
  padding-top: 14px;
}

p.breadcrumb {
  display: flex;
  align-items: center;
  line-height: 42px;
  color: #00cad9;
  text-transform: uppercase;
  font-size: 15px;
}

hr.big-blue.hrline {
  width: 335px;
}

hr.big-blue.learn-hr {
  width: 372px;
}

.sing_new_pge_l h1 {
  font: normal normal normal 42px/50px LEMON MILK;
  letter-spacing: 6.3px;
  color: var(--lms-dark-blue);
}

div#filtersSearch .accordion-item {
  border: 0;
}

.page-banner-text.prepage {
  padding-left: 7%;
}

.container-fluid.filter-search.srces.filter-search-new input {
  padding-left: 7% !important;
  opacity: 0.5;
}

a.mt-2.a-back {
  margin: 0 3px !important;
}

/* .row.spc-row {
    margin: 0px 0px 0px 0px;
  } */

.page-item.nav-item.active::after {
  content: "";
  border-bottom: 20px solid var(--lms-aqua);
  width: 100%;
  height: 2px;
  position: absolute;
  border-radius: 25px;
  left: 0;
  bottom: -40px;
}

.accordion.accrod_dve.pre-rec .accordion-item button.accordion-button.collapsed .lesn_new_secn_top,
.accordion.accrod_dve.pre-rec .accordion-item button.accordion-button .lesn_new_secn_top {
  background: transparent;
  padding: 0;
}

.accordion.accrod_dve.pre-rec .accordion-item button.accordion-button {
  /* background-color: var(--lms-dark-blue);
    border-radius: 0 0; */
  background-color: #f2f4f7;
  border: 1px solid #9abddd;
}

.accordion.accrod_dve.pre-rec .accordion-item button.accordion-button.collapsed {
  background-color: #f2f4f7;
  border: 1px solid #9abddd;
}

.accordion.accrod_dve.pre-rec .accordion-item:last-child {
  border-top: 0;
}

.accordion.accrod_dve.pre-rec .accordion-item {
  border-color: #fff;
  margin-top: -1px;
}

.ddsblock {
  display: block !important;
}

.school-page .info-1-left {
  width: 44% !important;
}

.detailsText {
  font-size: 3rem !important;
}

.activitybtn {
  background-color: rgba(252, 123, 3);
  color: #fff;
  padding: 8px 30px;
  border-radius: 20px;
  border: none;
}

.tableBtn {
  background-color: #006fb3;
  color: #fff;
  padding: 8px 30px;
  border-radius: 20px;
  border: none;
}

.thead {
  box-shadow: 0 1px 2px 0px grey;
}

.admin-cont img.form-control.profile_img {
  padding: 3px !important;
}

.admin-cont .mat-mdc-checkbox-ripple,
.mdc-checkbox__ripple {
  width: 38px !important;
}

.icondown {
  background: #6c757d !important;
  border-radius: 0px;
  padding: 6px 12px;
  color: #fff;
  border: none;
}

/* 19 april 2024 */
button.btn.preBtn {
  background: var(--lms-dark-blue);
  border-radius: 0.2rem;
  padding: 8px 10px;
  font-size: 14px;
  line-height: 16px;
  color: #fff !important;
  display: block;
  font-weight: bold;
  margin: 10px 0 0;
  border: 2px solid var(--lms-dark-blue);
}

.container.home-banner-text.becm-eductr {
  top: -11%;
  height: 100%;
}

.down-btn {
  margin-left: 20px !important;
}

.badge-primary {
  background-color: var(--lms-dark-blue);
}

.badge-success {
  background-color: var(--lms-green);
}

.school-page .browse-schools .browse-container .slick-prev.slick-arrow {
  right: 50px;
  top: -103px;
}

.school-page .browse-schools .browse-container .slick-next.slick-arrow {
  right: 18px;
  top: -103px;
}

.banner {
  box-shadow: 0 0 !important;
}

.containerforall {
  margin-bottom: 30px;
}

.containerforall:last-child {
  margin-bottom: 0 !important;
}

.modal-backdrop {
  background-color: rgba(250, 250, 250, 0.9) !important;
}

body#admin {
  overflow: inherit !important;
  padding: 0 !important;
}

button.close {
  background-color: transparent;
}

.about-img-div {
  padding: 0 30px;
  display: flex;
  justify-content: center;
}

.about-img-div .virtual-class-img {
  width: 65%;
}

.image.virtual-class-img.w-74 {
  width: 70%;
}

.contact-item input.form-control {
  border-radius: 0 !important;
  padding: 8px 10px;
  font-family: "Lato" !important;
  font-weight: 400;
  color: rgba(0, 0, 0, 1);
  font-size: 1rem;
  background-color: var(--lms-bg-white);
  border: 1px solid var(--lms-border-col);
}

.col-lg-5.page-banner-text {
  padding-top: 40px;
}

.mobile-nav-item {
  display: none;
}

.educator-banner.col-lg-12.row .col-lg-5.pt-4.resp-padd-top {
  padding-left: 40px;
}

.educator-banner.col-lg-12.row .col-lg-5.pt-4.resp-padd-top h4.title.subheading {
  margin: 10px 0 20px;
}

.no-data-found {
  font-size: 18px;
  margin-bottom: 0 !important;
  font-family: "LEMON MILK";
  font-weight: 400;
  padding-top: 1rem;
  letter-spacing: 2px;
  color: var(--lms-dark-blue);
}

.container-flex.partnerships-banner.contact.contact-us {
  background-size: contain;
  background-position-x: 100%;
  background-repeat: no-repeat;
  background-color: #fff;
}

.banner.home-banner.partnerships.top-bannr-part p {
  width: 94%;
}

.count-sortby {
  display: flex;
  justify-content: space-between;
  padding: 0 0;
  align-items: center;
  width: 100%;
}

#courseList {
  padding: 0;
  margin: 0;
  gap: 16px;
}

#courseList .col-lg-4.single-item.pb-5 {
  padding-left: 0px;
  padding-right: 0px;
  width: 32.33%;
}

.container-fluid.banner.home-banner.home-top-bane .home-banner-header-divider {
  margin-bottom: 1rem;
}

.container-fluid.banner.home-banner.home-top-bane .home-banner-left h2 {
  margin-bottom: 1rem;
  margin-top: 1rem;
}

.container-fluid.get-to-knww {
  padding: 0;
}

.container-fluid.get-to-knww .banner.home-banner.partnerships-contact-banner.partnerships.partnerships-banner.partnerships-banner-contact-background {
  padding-left: 15px;
  padding-right: 15px;
}

.get-to-knww .main-title.dark-indigo {
  width: 60%;
  font-size: 3rem;
}

.get-to-knww .partnerships p.content.white-text-mobile {
  font-weight: 400;
}

.get-to-knww .partnerships-banner.partnerships-banner-contact-background {
  height: 600px !important;
}

/* .chaeckout .payment_page_prod {
      width: 320px;
  } */

.payment_page_inner .chaeckout .detaild_pays {
  width: 100%;
}

.chaeckout {
  display: block;
  width: 100%;
  margin-bottom: 5px;
}

.payment_page_inner .payment_div {
  width: 40%;
  box-shadow: -2px 0 12px 2px #00000029;
  padding: 3%;
}

.chaeckout>div {
  display: flex;
  gap: 30px;
  border-top: 1px solid #eee;
  margin-top: 20px;
  padding-top: 20px;
}

.chaeckout .prod_brif_des {
  display: grid;
  grid-template-columns: 24% 24% 24% 24%;
  overflow: hidden;
}

.chaeckout .prod_brif_des>div {
  width: 24%;
}

.chaeckout .prout_price h3 {
  padding-top: 39px;
}

.desc_div .qntty_innr {
  width: 169px;
}

.payment_div .paymnt_detail li .form-control {
  padding: 10px 10px;
}

.payment_div .sel_country .form-select {
  padding: 7.8px 10px;
}

.chaeckout .powred_by {
  margin-top: 0;
  position: absolute;
  bottom: 0;
  border: 0;
}

.payment_page_inner {
  position: relative;
}

/* new */

.qntty_innr input {
  border: 2px solid #eaeaea;
  border-radius: 8px;
  color: var(--lms-dark-blue);
  font-size: 12px;
  padding: 6px 10px;
  width: 70% !important;
}

.payment_div[_ngcontent-uhq-c52] .sel_country[_ngcontent-uhq-c52] .form-select[_ngcontent-uhq-c52] {
  padding: 11px 10px !important;
  margin-left: 10px !important;
}

.qntty {
  position: relative;
  width: 84% !important;
}

.deletBtn {
  color: brown;
  position: absolute;
  right: -5px;
  bottom: 5px;
  cursor: pointer;
  top: 28px;
}

#filtersSearch>.filter-option.filter-suboption {
  margin-left: 9px !important;
  padding-left: 10px;
}

.card.gray-card-info .education-content.bulet-allign {
  padding-left: 31px !important;
}

.card.gray-card-info .education-content.bulet-allign div.content {
  position: relative;
}

.card.gray-card-info .education-content.bulet-allign.col-lg-9 div.content::before {
  position: absolute;
  left: -19px;
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #212529;
  top: 6px;
}

#admin .mat-mdc-optgroup-label {
  padding: 0;
}

#admin .mat-mdc-optgroup-label .mdc-list-item__primary-text {
  font-size: 15px !important;
  font-weight: 500 !important;
  text-shadow: 0 0 !important;
  line-height: 16px !important;
  background-color: #ebf5ff !important;
  padding: 10px;
  display: block;
  width: 100%;
}

.col-md-6.text-right.abt-img-div {
  order: 2;
}

.container.userprofile-div {
  background-color: #fff;
  border-radius: 0px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  padding: 20px;
  max-width: 90%;
  width: 100%;
  margin: 30px auto;
}

.userprofile-div .profile-header {
  text-align: center;
  margin-bottom: 20px;
}

.userprofile-div .profile-picture {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  cursor: pointer;
}

.userprofile-div .user-name {
  margin-top: 10px;
  font-size: 24px;
  color: #333;
}

.userprofile-div .user-details-form {
  margin-bottom: 20px;
}

.userprofile-div .form-row {
  display: flex;
  justify-content: space-between;
}

.userprofile-div .form-group {
  flex: 1;
  margin-right: 10px;
}

.userprofile-div .form-group:last-child {
  margin-right: 0;
}

.userprofile-div .form-control {
  width: 100%;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #ccc;
  margin-bottom: 10px;
}

.userprofile-div .readonly-input {
  background-color: #e9ecef;
  color: #6c757d;
  cursor: not-allowed;
}

.userprofile-div .btn {
  padding: 10px 15px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  margin-right: 10px;
}

.userprofile-div .btn-primary {
  background-color: #007bff;
  color: white;
}

.userprofile-div .btn-success {
  background-color: #28a745;
  color: white;
}

.userprofile-div .btn-danger {
  background-color: #dc3545;
  color: white;
}

.userprofile-div .action-buttons {
  display: flex;
  justify-content: space-between;
}

.userprofile-div .modal {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.5);
  padding-top: 60px;
}

.userprofile-div .modal-content {
  background-color: #fefefe;
  margin: 5% auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
}

.userprofile-div .close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.userprofile-div .close:hover,
.userprofile-div .close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.userprofile-div .avatar-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}

.userprofile-div .avatar-option img {
  max-width: 100px;
  max-height: 100px;
  width: auto;
  height: auto;
  cursor: pointer;
  border: 2px solid transparent;
}

.userprofile-div .avatar-option img:hover {
  border-color: #007bff;
}

.row.user-btns-div {
  justify-content: center;
}

.row.user-btns-div button {
  width: 100%;
}

.upload-avtr {
  position: relative;
  width: 148px;
  height: 148px;
  overflow: hidden;
  border-radius: 50%;
}

.upload-avtr span.profl-pics {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 50%;
  display: block;
}

.upload-avtr span.profl-pics img {
  width: 100%;
}

.optn-cng-avtr input[type="file"] {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  cursor: pointer;
}

.optn-cng-avtr {
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  cursor: pointer;
  transform: scale(0);
  transition: all 0.5s ease 0s;
  overflow: hidden;
  border-radius: 50%;
}

.upload-avtr:hover .optn-cng-avtr {
  transform: scale(1);
  transition: all 0.5s ease 0s;
}

.file-upld {
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.user-details-div ul {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}

.user-details-div ul li {
  width: auto;
  margin: 10px;
  color: #38af7c;
  font-size: 16px;
  line-height: 18px;
  text-align: center;
}

.usr-prfl-sec {
  display: flex;
  justify-content: space-around;
  align-items: center;
  position: relative;
  flex-direction: column;
}

.user-details-div {
  width: auto;
}

.purchased-resour .courses-h-list {
  gap: 10px;
  flex-wrap: wrap;
}

.purchased-resour .layer.course-tn-category img {
  margin-right: 6px;
}

.purchased-resour li a strong img {
  margin-right: 10px;
  width: 32px;
}

.purchased-resour li a strong {
  font-size: 20px;
}

.purchased-resour .card_tanb {
  margin-top: 50px;
}

#userprofil-mod {
  z-index: 9999;
}

#userprofil-mod .modal-content {
  box-shadow: 0 0 10px #eee;
}

.btn.btn-primary.settings {
  background: none;
  padding: 0;
  margin: 0;
  border: 0;
  position: absolute;
  right: 20px;
  top: 8px;
}

.btn.btn-primary.settings i {
  color: #828282;
  font-size: 32px;
}

.usr-mod-div {
  display: flex;
  justify-content: space-between;
}

.usr-mod-div-l {
  width: 30%;
}

.usr-mod-div-l .nav-tabs .nav-link {
  font-family: "Lato", sans-serif;
  display: block;
  width: 100%;
  text-align: left;
  border-radius: 0;
  margin: 0 0 10px;
}

.usr-mod-div-l .nav-tabs .nav-link i {
  color: #828282;
}

.usr-mod-div-r {
  width: 60%;
  position: relative;
}

.usr-mod-div-r::before {
  background-color: #bdbdbd;
  height: 100%;
  width: 1px;
  content: "";
  position: absolute;
  left: -50px;
  top: 0;
}

.usr-mod-div-l .nav-tabs {
  display: block;
}

.usp-pprs {
  box-shadow: 0 0 10px #eee;
  padding: 10px;
  display: flex;
  gap: 10px;
  align-items: center;
  margin: 30px 0;
}

.usp-pprs strong {
  display: block;
  font-size: 15px;
  line-height: 15px;
}

.usp-pprs span {
  display: block;
  font-size: 12px;
  line-height: 12px;
  padding-top: 3px;
}

.usp-pprs i {
  color: #d1d2d0;
  font-size: 26px;
}

.user-prof-act-dtl label {
  font-size: 16px;
  color: #43425d;
  display: block;
  margin-bottom: 5px;
}

.user-prof-act-dtl .col-md-6 {
  margin-bottom: 10px;
}

.user-prof-act-dtl p {
  font-size: 14px;
  color: #808080;
  display: flex;
  gap: 10px;
  margin: 20px 0;
  align-items: baseline;
}

.btns-usrfrfl {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}

.btns-usrfrfl button.btn.btn-cancl {
  background-color: #b4b4b4;
  color: #fff;
  font-size: 18px;
  text-transform: uppercase;
  border: 0;
  border-radius: 0;
  width: 48%;
}

.btns-usrfrfl button.btn.btn-updt {
  background-color: #27ad87;
  color: #fff;
  font-size: 18px;
  text-transform: uppercase;
  border: 0;
  border-radius: 0;
  width: 48%;
}

.btns-usrfrfl button.btn.btn-updt-del {
  background-color: #d81a1a;
  color: #fff;
  font-size: 18px;
  text-transform: uppercase;
  border: 0;
  border-radius: 0;
  width: 48%;
}

.usr-mod-div h4 {
  color: #38af7c;
  font-size: 21px;
  margin-bottom: 30px;
}

#userprofil-mod .modal-header {
  position: absolute;
  right: 0;
  z-index: 1;
}

.cp {
  cursor: pointer;
}

.educnt-blue {
  color: var(--lms-dark-blue) !important;
}

.purchased-resour .courses-h-list .zoomimg {
  display: flex;
  padding: 1% 0;
  justify-content: center;
  align-items: center;
}

.purchased-resour .courses-h-list .layer.single-carousel-item {
  width: 16%;
}

.purchased-resour .layer.course-tn-category img {
  margin-right: 6px;
  width: 20px;
}

.avatar-grid {
  display: flex;
  flex-wrap: wrap;
}

.avatar-option {
  margin: 11px;
  box-shadow: 0 0 10px #b7b7b7;
  padding: 10px;
  border-radius: 10px;
}

.pegin_sec {
  width: 100%;
  display: flex;
  padding-bottom: 15px;
}

.dataTables_length {
  padding-left: 12px;
  align-items: center;
  display: flex;
  gap: 10px;
}

.dataTables_length {
  padding-left: 12px;
}

div.dataTables_length label.mt-2 {
  margin: 0 !important;
}

#no-more-tables th,
#no-more-tables td,
#no-more-tables tr {
  padding: 10px;
  white-space: nowrap;
}

.image-upload label {
  display: flex;
  /* margin-top: 10px; */
  align-items: flex-start;
}

.profile_img {
  height: auto !important;
  width: 100% !important;
  padding: 0;
}

.navbar-brand-close {
  position: absolute;
  left: 4px;
  top: 12px;
}

.mb-3.col-md-6.d-flex.align-items-center input.form-check-input.ms-2.ng-untouched.ng-pristine.ng-valid,
.mb-3.col-md-6.d-flex.align-items-center label.form-label.lebel-text {
  margin: 0;
}

.top_scne_calndr {
  display: flex;
  gap: 10px;
}

.pee-reccc.educator .ovrw_cont_cont {
  width: 100%;
}

.pee-reccc .cp {
  cursor: pointer;
}

.pee-reccc .page_404 {
  padding: 40px 0;
  background: #fff;
}

.pee-reccc .page_404 img {
  width: 100%;
}

.pee-reccc .four_zero_four_bg {
  background-image: url(https://cdn.dribbble.com/users/285475/screenshots/2083086/dribbble_1.gif);
  height: 400px;
  background-position: center;
  background-repeat: no-repeat;
}

.pee-reccc .four_zero_four_bg h1 {
  font-size: 80px;
}

.pee-reccc .four_zero_four_bg h3 {
  font-size: 80px;
}

.pee-reccc .contant_box_404 {
  text-align: center;
}

.pee-reccc .cat-box {
  border: 2px solid var(--lms-dark-blue);
  margin-bottom: 20px;
  padding: 7px;
  text-align: center;
  font-size: 16px;
  border-radius: 6px;
}

.pee-reccc .edu-rev-innr {
  width: 70px;
  height: 70px;
  overflow: hidden;
  border: 3px solid #00cad9;
  border-radius: 50%;
  margin-right: 20px;
}

.pee-reccc .edu-rev {
  display: flex;
  justify-content: center;
}

.pee-reccc .edu-inf h6 {
  color: #000;
}

.pee-reccc .inf-head h6 {
  color: #000;
  font-weight: 600;
}

.pee-reccc .exercise-div span {
  cursor: pointer;
  margin-left: 10px;
  border: 1px solid;
  padding: 8px;
}

.pee-reccc .sing_new_pge_r {
  width: 50%;
  margin-top: 20px;
}

.pee-reccc .sing_new_pge_in {
  padding-left: 0;
}

.pee-reccc .single-social {
  text-align: left;
}

.pee-reccc .banner-button.new-btn-div {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.pee-reccc .banner-button.new-btn-div a {
  width: 320px;
}

.pee-reccc .page-banner-new-img .banner-img {
  height: 100vh;
}

.pee-reccc .col-lg-5.page-banner-text {
  padding-top: 0;
}

.pee-reccc #page-banner .row.d-flex.align-items-center {
  align-items: flex-start !important;
}

.pee-reccc div#page-banner.bg-light-newcol.page-banner {
  background: #fff;
}

.btn.btn-no-bg {
  border: 1px solid #000;
}

.pee-reccc #further-courses1 .courses-box,
.pee-reccc #further-courses1 .card {
  padding: 0;
  border: 0;
}

/* new page css 20-10-2024 */
.new-pre-record-page-baner {
  display: flex;
  justify-content: space-between;
  background-color: #f5f9fc;
  padding: 20px;
  border-radius: 10px;
}

.new-pre-record-page-baner h1.title {
  color: var(--lms-dark-blue);
  font-size: 48px;
  line-height: 54px;
  font-family: "LEMON MILK";
  font-weight: 400;
  letter-spacing: 2.5px;
  margin: 10px 0;
}

.new-pre-record-page-baner-left {
  width: 60%;
}

.new-pre-record-page-baner-left .sing_new_pge_l {
  width: 100%;
}

.new-pre-record-page-baner-right {
  width: 40%;
  border-radius: 5px;
  overflow: hidden;
}

.new-pre-record-page-baner-right img {
  width: 100%;
}

.new-pre-record-page-baner-left ul {
  display: flex;
  align-items: center;
  gap: 20px;
}

.new-pre-record-page-baner-left ul li {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  line-height: 16px;
  color: var(--lms-dark-blue);
  font-weight: 600;
  position: relative;
}

.btn.btn-enrol.btn-start-cor {
  padding: 10px 20px;
  margin: 80px 0 0;
  font-size: 16px;
  font-weight: 600;
  font-family: "Lato", sans-serif;
  letter-spacing: 1px;
  text-transform: capitalize;
  border-radius: 5px;
  gap: 10px;
}

.btn.btn-back {
  background: var(--lms-border-col);
  padding: 0 3px;
  margin: 0 8px 0 0;
}

.btn.btn-back:hover {
  background: var(--lms-bg-light);
}

.crs-con-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #f5f9fc;
  padding: 15px;
}

.unit-row-prerecord strong,
.prog-out-div strong,
.lessn-inre strong,
.progg-div strong,
.crs-con-head strong {
  font-weight: 500;
}

.progg-br {
  position: relative;
  width: 100%;
  background: #f0f0f0;
  height: 10px;
  border-radius: 0;
}

.progg-div {
  width: 140px;
  display: flex;
  align-items: center;
  gap: 5px;
}

.progg-br-prc {
  background-color: var(--lms-dark-blue);
  position: absolute;
  left: 0;
  z-index: 1;
  height: 100%;
  border-radius: 0;
}

.progg-br-prc strong {
  font-size: 16px;
  line-height: 16px;
}

.crs-con-cont li {
  display: flex;
  gap: 20px;
  align-items: center;
}

.crs-con>.crs-con-head {
  border-bottom: 1px solid #ccc;
}

.crs-con-cont ul {
  padding: 10px;
}

.crs-con {
  border-radius: 4px;
  background: #fff;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
}

.cors-ovrvew-progr {
  background: #fff;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  padding: 20px;
}

.right-detl-sec ul {
  display: flex;
  align-items: center;
  gap: 20px;
}

.right-detl-sec ul li {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  line-height: 16px;
  color: var(--lms-dark-blue);
  font-weight: 600;
  position: relative;
}

.crs-con-txt strong {
  font-size: 12px;
  line-height: 14px;
  display: block;
  margin-bottom: 5px;
  font-weight: 500;
}

.crs-con-txt p {
  font-size: 13px;
  line-height: 17px;
  display: block;
  margin-bottom: 0;
}

.crs-con-txt {
  width: 100%;
}

.cors-ovrvew-progr .progg-div {
  width: 100%;
}

.cors-ovrvew-progr .btn.btn-enrol.btn-start-cor {
  margin-top: 20px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px;
}

.right-detl-sec {
  margin: 50px 0;
}

.right-detl-sec strong {
  display: block;
  margin-bottom: 20px;
}

.prof-detl-sec span {
  width: 60px;
  height: 60px;
  overflow: hidden;
  display: block;
  border-radius: 100%;
}

.tab-blo-div-inr p strong {
  font-weight: 500;
}

.prof-detl-sec>strong {
  display: block;
  margin-bottom: 20px;
}

.prof-detl-sec li {
  display: flex;
  align-items: center;
  gap: 10px;
}

.res-left-inr {
  padding-right: 100px;
}

.tab-blo-div-inr h4.title,
.res-left-inr h5,
.cors-ovrvew h4.title {
  color: var(--lms-text-black);
  font-size: 18px;
  font-weight: 500;
  font-family: "Lato", sans-serif;
}

.new-pre-record-page-blw {
  padding: 30px 0;
}

.cor-logn h6 {
  color: var(--lms-text-black);
  font-size: 20px;
  font-weight: 600;
  font-family: "Lato", sans-serif;
  margin-bottom: 20px;
}

.cor-logn .form-control {
  padding: 12px;
}

.btn.btn-no-bg {
  color: #757575;
  font-size: 12.8px;
  font-weight: 400;
  line-height: 14px;
}

.modul-div li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 10px;
  background: #fff;
  margin-bottom: 12px;
}

.modul-div li.active {
  background: #f5f5f5;
}

.modul-div {
  margin-top: 10px;
}

.modul-div h5 {
  color: var(--lms-dark-blue);
  font-size: 16px;
  font-family: "Lato", sans-serif;
  margin-bottom: 20px;
}

.cors-ovrvew-progr h6,
.cors-ovrvew-progr strong {
  color: var(--lms-dark-blue);
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
}

.btn.btn-lite {
  border-radius: 4px;
  background: rgba(154, 189, 221, 0.2);
  margin-top: 20px;
}

.cors-ovrvew-progr.cors-left-progr {
  padding: 20px;
  box-shadow: 0 0;
  width: 100%;
  border: 1px solid var(--lms-border-col);
  margin-top: 22px;
}

.recrd-inr-div img {
  width: fit-content;
  /* height: 100%; */
}

.cors-ovrvew.mb-3 {
  border: 1px solid var(--lms-border-col);
  padding: 14px 20px;
}

.cors-ovrvew.cors-resorc {
  margin-top: 40px;
}

.cors-resorc li img {
  width: auto;
}

.cors-resorc ul {
  display: flex;
  align-items: center;
  gap: 20px;
}

.cors-resorc ul li {
  display: flex;
  align-items: center;
  gap: 10px;
}

.cors-resorc ul li .btn.btn-lite {
  display: flex;
  align-items: center;
  gap: 10px;
}

.qstin-sec-txt {
  width: 50%;
}

.qstin-sec-img {
  width: 200px;
  overflow: hidden;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.qstin-sec {
  display: flex;
  gap: 50px;
}

.select-answ li.form-check input,
.select-answ li.form-check label,
.select-answ li.form-check {
  cursor: pointer !important;
}

.select-answ li .form-check-input[type="radio"] {
  border-color: #000 !important;
}

.select-answ li .form-check-input:checked {
  background-color: #000 !important;
  border-color: #000 !important;
}

.select-answ li .form-check-input:focus {
  border-color: #000;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.2);
}

.cors-resorc .select-answ ul {
  flex-direction: column;
  justify-content: flex-start;
  align-items: baseline;
  gap: 10px;
}

.subm-ansdr {
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
}

.btn.btn-strts {
  border-radius: 8px;
  background: var(--lms-dark-blue);
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  width: auto;
}

.cors-left-progr button.btn.btn-back .bi.bi-chevron-left {
  border-radius: 0;
  background: rgba(154, 189, 221, 0.2);
  padding: 6px;
  margin-right: 10px;
}

.tab-blo-div-head {
  display: flex;
  justify-content: space-between;
  margin: 0 0 30px;
}

.tab-blo-div-head strong:first-child {
  color: var(--lms-text-black);
}

.tab-blo-div-head strong {
  color: var(--lms-dark-blue);
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
}

.tab-blo-div-head strong span {
  color: var(--lms-text-black);
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  display: block;
  padding-top: 5px;
}

.qstin-sec-txt strong {
  color: var(--lms-text-black);
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  display: block;
}

.qstin-sec-txt p {
  color: #696f79;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding-top: 20px;
}

.tab-blo-div-inr {
  border-radius: 0;
  border: 1px solid var(--lms-border-col);
  background: #fff;
  padding: 20px;
}

.select-answ {
  margin-top: 30px;
}

.qzes_div .mat-mdc-radio-button.mat-mdc-radio-checked .mdc-radio__background::before {
  background-color: var(--lms-green) !important;
}

.qzes_div .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled:checked+.mdc-radio__background .mdc-radio__outer-circle,
.qzes_div .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled+.mdc-radio__background .mdc-radio__inner-circle {
  border-color: var(--lms-dark-blue) !important;
}

.select-answ strong {
  color: var(--lms-text-black);
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  display: block;
  padding-bottom: 20px;
}

.head-dropdwn ul {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  margin-bottom: 10px;
}

.l-ul {
  display: flex;
  gap: 10px;
  justify-content: flex-start;
  margin-bottom: 10px;
  width: 100%;
}

.head-dropdwn ul.dropdown-menu.show {
  display: block;
}

.head-dropdwn ul.dropdown-menu {
  display: none;
}

.recrd-inr-div .head-dropdwn ul li img {
  width: auto;
}

.head-dropdwn.dropdown .restre.dropdown-toggle::after {
  display: none;
}

.head-dropdwn.dropdown .crs-con {
  width: 440px;
}

.head-dropdwn.dropdown ul li {
  position: relative;
}

.head-dropdwn.dropdown .crs-con .crs-con-txt {
  width: 80%;
}

.crs-con-colls {
  position: absolute;
  top: 65px;
  left: -398px;
}

.prog-out-div .progress {
  width: 100%;
  height: 0.7rem !important;
  border-radius: 0 0;
}

.prog-out-div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  width: 17%;
}

.head-dropdwn.dropdown ul li:nth-child(2) .dropdown-menu {
  transform: translate3d(-400px, 58px, 0px) !important;
}

.row.lesn_new_secn-row {
  justify-content: space-between;
}

.row.lesn_new_secn-row .crs-con-cont ul {
  background-color: #fff;
  margin-bottom: 0;
}

.accrod_dve.pre-rec .lesn_new_secn {
  margin-bottom: 0;
}

.accrod_dve.pre-rec .accordion-body.p-0 {
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  margin-bottom: 20px;
  border-radius: 0 0 10px 10px;
}

.pee-reccc.new-pre-record-page .accordion.accrod_dve.pre-rec .accordion-item {
  border-color: #fff !important;
  margin-top: -1px;
  border-radius: 0 0 10px 10px !important;
  background-color: #fff;
}

.vid-div .lesn_new_secn_data {
  padding: 0;
}

.vid-div .lesn_new_secn_data video {
  width: 100% !important;
  border: 1px solid #ccc;
}

.start-course-div .btn.btn-enrol.btn-start-cor {
  width: 100%;
  text-align: center;
}

.start-course-div {
  background: #fff;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  padding: 20px;
  width: 88%;
  margin: 0 0 0 auto;
}

.start-course-div.top-dvv .btn.btn-enrol.btn-start-cor {
  margin-top: 30px;
}

.start-course-div.top-dvv h6 {
  color: var(--lms-dark-blue);
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}

.start-course-div.top-dvv .progg-div {
  width: 100%;
}

.vid-div app-video-player,
#video-container-big {
  width: 100% !important;
}

.prof-detl-sec span img {
  height: 100%;
  width: auto;
}

.prerec-cour #searchResults::before {
  display: none;
}

#self-modal .modal-header h5.modal-title {
  margin: 0 auto;
}

#self-modal .modal-header {
  margin: 0 auto;
  width: 100%;
  text-align: center;
}

#video-container-big video {
  width: 100% !important;
  display: block;
}

.mat-mdc-radio-button.example-radio-button.mat-accent {
  width: 100%;
}

.mdc-form-field {
  width: 100%;
}

.mdc-form-field>label {
  width: 90%;
}

/* style.css */
/* You can add global styles to this file, and also import other style files */
/* @import "~@angular/material/prebuilt-themes/indigo-pink.css"; */
/* @import "node_modules/angular-notifier/styles.css"; */

/* @import "~@ng-select/ng-select/themes/default.theme.css"; */

@import "@angular/material/prebuilt-themes/indigo-pink.css";
/* @import "node_modules/angular-notifier/styles.css"; */
@import "@ng-select/ng-select/themes/default.theme.css";

/* 
  body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
  } */

/* html,
  body {
      height: 100%;
  }
  
  body {
      margin: 0;
      font-family: Roboto, "Helvetica Neue", sans-serif;
  } */

/* .container {
      margin-top: 10%;
  } */

.body-container {
  padding-top: 120px;
  padding-bottom: 20px;
}

.modal-backdrop.fade.show {
  z-index: 1050 !important;
}

/*::-webkit-scrollbar {
      height: 10px;              !* height of horizontal scrollbar ← You're missing this *!
      width: 4px;               !* width of vertical scrollbar *!
      border: 1px solid rgba(0, 0, 0, 0.02);
  }*/

::-webkit-scrollbar {
  height: 4px;
  width: 10px;
  background: gray;
}

::-webkit-scrollbar-thumb:horizontal {
  background: #0074dc;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:vertical {
  background: #024156;
  border-radius: 10px;
}

.border-rad {
  border-radius: 10px;
}

img.cutout {
  width: 100%;
  height: 482px;
}

.admin-cont .form-control {
  padding: 0.375rem 0.7rem !important;
}

.admin-cont .top_scne_rt .search-bar {
  padding: 0 !important;
}

/*  27-02-2024  start */

.eduSubpara {
  font-size: 10px;
  font-family: "LEMON MILK";
  font-weight: 300;
  letter-spacing: 1px;
  color: rgba(11, 21, 75, 1);
  border-bottom-color: rgba(221, 51, 51, 0);
}

.carousel-cells .carousel-cell img {
  object-fit: cover !important;
}

.carousel-cell .carousel-image div img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  /* object-fit: none !important; */
}

.mat-mdc-option {
  min-height: 10px !important;
}

.mat-option-span {
  font-weight: 300 !important;
  letter-spacing: 2px !important;
  text-decoration: none !important;
  font-size: 13px !important;
  font-family: "LEMON MILK" !important;
  color: #212529 !important;
  padding: 0.2rem !important;
}

.span-text:hover {
  text-decoration: underline !important;
}

.get-started-footer {
  margin-top: 90px;
}

carousel {
  z-index: 1 !important;
}

.loader-icon {
  height: 40px;
  width: 40px;
  margin-left: 10px;
}

.opt-icon {
  height: 0.8rem;
  margin-right: 5px;
}

ul.force-scrollbar {
  max-height: 200px;
  overflow-y: scroll;
}

.course-banner .page-banner-content .page-banner-text h1.title {
  font-size: 2rem;
}

.accrod_dve-no-modl .lesn_new_secn_top.lesson-heading strong {
  width: auto;
}

.modal-header .btn-close {
  position: absolute !important;
  right: 8px !important;
  top: -22px !important;
  background-color: #fff;
  z-index: 99;
  opacity: 1;
  border-radius: 0;
}

.modal-header .btn-close:focus {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: 0 0 !important;
}

/* 27-02-2024 css end*/

/* 4the march  */

.slick-list .slick-track {
  margin-left: 0 !important;
}

.res-img {
  height: 75% !important;
  width: 75% !important;
  object-fit: contain !important;
}

.browse-schools .browse-container .slick-arrow::before {
  display: none !important;
}

.browse-schools div.owl-carousel.owl-theme {
  padding: 0 20px;
}

.browse-schools.browse-schools-new {
  height: auto;
  padding-bottom: 10px;
}

.layer.course-tn-category {
  display: none;
}

.layer.course-tn-category img {
  margin-left: 0;
  display: inline-block;
}

.mdc-form-field {
  display: flex;
  vertical-align: middle;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

.comn-ckbxe.row .mdc-form-field {
  flex-wrap: nowrap;
}

.age-rang-list mat-checkbox.mat-mdc-checkbox {
  margin-right: 14px !important;
}

.browse-container {
  position: relative;
}

button.btn.btn-sm.btn-outline-secondary.optn-dlt {
  background-color: var(--lms-red);
  border-color: var(--lms-red);
  color: var(--lms-text-white);
}

button.btn.btn-sm.btn-outline-secondary.optn-dlt:hover {
  background-color: var(--lms-red-hover);
  color: var(--lms-text-white);
}

.slick-prev.slick-arrow {
  background-image: url("../img/left-arrow.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 8px;
  width: 24px;
  height: 24px;
  right: 40px;
  left: inherit;
  top: -30px;
  border: 1px solid #8497b0;
  border-radius: 0px;
}

.slick-next.slick-arrow {
  background-image: url("../img/right-arrow.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 8px;
  width: 24px;
  height: 24px;
  right: 5px;
  top: -30px;
  border: 1px solid #8497b0;
  border-radius: 0px;
}

.slick-next.slick-arrow:hover {
  border: 1px solid #8497b0;
  background-image: url("../img/right-arrow.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 8px;
  width: 24px;
  height: 24px;
  box-shadow: 0 0 10px #ccc inset;
}

.genral-right h2 i {
  font-size: 14px;
  color: var(--lms-dark-blue);
}

.table.table-hover tr td .badge.badge-expire,
.table.table-hover tr td span.badge.badge-active,
.table.table-hover tr th {
  font-weight: 400;
}

.slick-prev.slick-arrow:hover {
  border: 1px solid #8497b0;
  background-image: url("../img/left-arrow.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 8px;
  width: 24px;
  height: 24px;
  box-shadow: 0 0 10px #ccc inset;
}

.popularConttor .containerforall .slick-arrow::before {
  display: none !important;
}

.containerforall {
  position: relative;
}

.carousel.slick-slider {
  position: inherit !important;
}

/* 15-03-2024 */
.add-edu-quali .table .thead-dark th {
  background: none;
  padding: 5px;
  border: 0;
  vertical-align: top;
}

.add-edu-quali .table.table-no-striped tbody tr:hover {
  background-color: #fff !important;
}

.add-edu-quali .table.table-no-striped tbody td {
  padding: 2px;
  border: 0;
}

.add-edu-quali .ng-select-searchable.ng-select-single.ng-pristine.ng-valid {
  width: 200px !important;
}

.add-edu-quali input.form-control {
  padding: 7px !important;
  border-radius: 4px !important;
  border-color: #ccc !important;
}

.add-edu-quali button.btn.btn-sm.btn-outline-secondary.btn-dlt {
  border: 0;
  background: #6c727f;
  color: #fff;
  padding: 7px 14px;
}

.six-dot-sps {
  display: flex;
  width: 16px;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 8px 5px 0 0;
}

.six-dot-sps span {
  background: #6c727f;
  width: 44%;
  height: 6px;
  margin-top: 1px;
}

.heading.add-edu-tabl .mat-mdc-card-content:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}

.add-edu-tabl .add_more img {
  display: none;
}

.add-edu-tabl .add_more {
  border: 0;
  background: var(--lms-dark-blue);
  color: #fff;
  padding: 8px 20px;
  margin: 1px 0 1px 2px !important;
  border-radius: 0px;
}

.add-edu-quali .table {
  margin-bottom: 5px;
  padding-bottom: 0;
}

.comn-ckbxe.row {
  padding: 10px 15px 0;
}

.heading.add-edu-tabl h4.text-info {
  color: var(--lms-text-black) !important;
}

/* side scrollbar */
::-webkit-scrollbar {
  width: 13px !important;
}

::-webkit-scrollbar-track {
  background-color: #f0ebeb !important;
}

::-webkit-scrollbar-thumb {
  background-color: #cfcbcb !important;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #b4b4b4 !important;
}

.display-none {
  background: white;
  height: 100vh;
  z-index: 999;
  position: fixed;
  width: 100%;
}

.display-show {
  display: block;
}

.vdoContain {
  margin-left: 116px;
  margin-top: -18px;
}

.bottom-secnedlt {
  background-color: var(--lms-dark-blue);
  display: flex;
  justify-content: space-between;
  padding: 10px 18px;
  /* margin-top: 66px; */
}

.modal-header .col-sm-2.d-flex.justify-content-end .btn-close {
  top: 33px !important;
}

.bottom-secnedlt button.cancel-button {
  margin: 0;
  border: 1px solid #fff;
  color: #fff;
  background: transparent !important;
  font-weight: bold;
  width: auto;
  padding: 0 12px;
  font-size: 1rem;
  height: 38px;
  border-radius: 0.25rem;
}

.a-back.edit-btn {
  background: var(--lms-dark-blue);
  padding: 4px 10px;
  display: flex;
  gap: 5px;
  align-items: center;
  width: auto;
  color: var(--lms-text-white);
}

.tab-btn-div {
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn.btn-edit-btn {
  background: var(--lms-dark-blue);
  padding: 4px 10px;
  color: var(--lms-text-white);
}

.btn.btn-edit-btn i {
  margin-right: 3px;
}

.a-back.delete-btn {
  background: var(--lms-red);
  padding: 4px 10px;
  display: flex;
  gap: 5px;
  align-items: center;
  width: auto;
  color: var(--lms-text-white);
}

.btn.btn-edit-btn:hover,
.a-back.edit-btn:hover {
  background: var(--lms-green);
  text-decoration: none !important;
  color: var(--lms-text-white);
}

.btn.btn-approve {
  background: var(--lms-green);
  padding: 4px 10px;
  color: var(--lms-text-white);
}

.btn.btn-approve:hover {
  background: var(--lms-dark-blue);
  color: var(--lms-text-white);
}

.table.table-no-striped tbody td.subscript-plan .form-check-input {
  width: 20px;
  height: 20px;
  border-color: #aebccd;
  border-radius: 0;
}

.table.table-no-striped tbody td.subscript-plan .form-check-input:checked {
  background-color: var(--lms-dark-blue);
  border-color: var(--lms-dark-blue);
}

table.eductor-list-tab tr th:nth-child(5),
table.eductor-list-tab tr th:last-child {
  text-align: center;
}

.a-back.delete-btn:hover {
  background: var(--lms-red-hover);
  text-decoration: none !important;
  color: var(--lms-text-white);
}

.ml {
  margin-left: 63px !important;
}

.delteClose {
  margin-top: -63px !important;
}

.videothumbnailcls .videothumbnailimg {
  height: 350px;
}

.urlvideoplayer {
  height: 350px;
}

.ck.ck-content.ck-editor__editable.ck-rounded-corners.ck-editor__editable_inline {
  min-height: 200px;
}

.get_str_cmp .modal-lg {
  max-width: 1500px;
}

.get_str_cmp.modal.show .modal-dialog {
  transform: none !important;
  transition: none;
}

.smlImg {
  width: 18px;
  height: 18px;
}

.prd_dlticon {
  position: absolute;
  margin-top: -12px;
  margin-left: 146px;
  cursor: pointer;
}

.contact-item.contact-item-checkbox p {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding-right: 0;
}

.contact-item.contact-item-checkbox p span {
  /* color: rgba(0, 0, 0, 0.2); */
  font-size: 13px;
}

.filter-result.resource-filter-div .single-item .item-image {
  display: flex;
  align-items: center;
  justify-content: center;
}

.filter-result.resource-filter-div .single-item .item-image a {
  display: flex;
  align-items: center;
  height: 100%;
  justify-content: center;
}

.filter-result.resource-filter-div .single-item .item-image img {
  transform: scale(0.8);
  margin: -5px auto 0;
  object-fit: contain;
}

.filter-result.resource-filter-div .single-item :hover .item-image img {
  transform: scale(0.9);
}

.resource-filter-div .resourcecls.single-item .item-image {
  height: 150px;
}

.col-lg-3-csm {
  flex: 0 0 auto;
  width: 25%;
}

.deletBtn.delcheckoutres {
  color: brown;
  position: absolute;
  right: -25px;
  bottom: 5px;
  cursor: pointer;
  top: 28px;
}

.selected_label .deletBtn.delcheckoutres {
  display: none;
}

@media screen and (max-width: 1030px) {
  .container-fluid.white-bg-white.filter-search .container .col-lg-9.col-md-12.resource-filter-data {
    width: 100%;
  }
}

@media screen and (max-width: 1024px) {
  .col-lg-3-csm {
    flex: 0 0 auto;
    width: 33%;
  }
}

@media screen and (max-width: 900px) {
  .col-lg-3-csm {
    flex: 0 0 auto;
    width: 33%;
  }
}

@media screen and (max-width: 768px) {

  .chaeckout .col-3.col-lg-3.col-md-3,
  .chaeckout .col-9.col-lg-9.col-md-9 {
    width: 100%;
  }

  .selected_label .deletBtn.delcheckoutres {
    display: block;
    right: -30px !important;
    top: 40px !important;
  }

  .chaeckout .col-3.col-lg-3.col-md-3 .deletBtn.delcheckoutres {
    display: none;
  }

  .selected_label {
    position: relative;
  }
}

@media screen and (max-width: 600px) {
  .col-lg-3-csm {
    flex: 0 0 auto;
    width: 48%;
  }
}

@media screen and (max-width: 500px) {
  .col-lg-3-csm {
    flex: 0 0 auto;
    width: 100%;
  }
}

.ueg-sidenav {
  width: 230px;
}

.ueg-sidenav-container {
  width: 100%;
}

.navbar.ueg-navbar {
  min-height: 50px !important;
}

.user-prof-right-aro {
  color: #000;
  margin-left: 5px;
}

.user-prof-right-aro a i {
  color: #000;
}

.ueg-sidenav-toggle-btn {
  background: none;
  box-shadow: none;
  border: none;
  font-size: 30px;
}

.ueg-sidenav-toggle-btn {
  outline: none;
}

.mat-typography .top_scne h1,
.mat-typography h1 {
  margin-bottom: 0;
}

.ml-3 {
  margin-left: 3rem !important;
}

.logo-container {
  text-align: center;
  padding: 13px 20px;
}

.mat-divider.mat-divider-horizontal {
  border: 0;
}

.logo-container img {
  height: auto;
}

.menu-ico {
  margin-right: 15px;
}

.menu-container {
  padding-top: 20px;
}

.menu-container ul li {
  margin-bottom: 10px;
}

.menu-container ul li.active {
  position: relative;
}

.menu-container ul li.active::before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 6px;
  background-color: var(--lms-dark-blue);
  border-radius: 0;
  content: "";
}

.menu-container ul li.active .menu-container-anker-1 {
  background-color: var(--lms-dark-blue);
  color: white !important;
  padding: 12px 20px 12px 10px;
}

.menu-container ul li.active .menu-container-anker-2 {
  background-color: var(--lms-dark-blue);
  color: white !important;
  padding: 12px 20px 12px 10px;
}

.menu-container-anker-1 {
  margin-left: 10px;
  padding: 12px 20px 12px 10px;
  border-radius: 0px;
  width: 96%;
  display: block;
  font-size: 15px;
  color: black !important;
}

.menu-container-anker-2 {
  margin-left: 10px;
  padding: 12px 20px 12px 10px;
  border-radius: 0px;
  width: 96%;
  font-size: 15px;
  color: black !important;
  display: flex;
}

ul.second-level-menu li {
  padding-left: 30px;
  margin-bottom: 10px;
}

ul.second-level-menu .menu-container-anker-2 {
  padding: 6px 20px 6px 10px;
  border-radius: 0px;
  width: auto;
  font-size: 15px;
  color: black !important;
}

.second-level-menu {
  display: none;
}

.open {
  display: block;
}

.user-prof {
  display: flex;
  justify-content: space-between;
  margin-right: 4%;
  align-items: center;
}

.user-prof img {
  height: 36px;
  width: 36px;
  border-radius: 50%;
}

.user-prof-name {
  padding-left: 10px;
  display: flex;
  align-items: center;
}

.user-prof-name span {
  color: #404040;
  font-size: 17px;
}

.user-prof-name p {
  color: #565656;
  font-size: 14px;
}

.admin-cont-main {
  height: calc(100vh - 53px) !important;
  overflow: auto;
}

img.prf-more-img {
  height: 35px;
  margin-top: 10px;
  margin-left: 10px;
}

li.submenu-li>a {
  position: relative;
}

li.submenu-li>a::after {
  content: "\F282";
  position: absolute;
  right: 10px;
  width: 14px;
  height: 14px;
  top: 12px;
  font-family: bootstrap-icons !important;
  transition: 0.45s;
}

.mat-drawer.ueg-sidenav.mat-drawer-side .menu-container {
  height: 90vh !important;
}

.mat-drawer.ueg-sidenav.mat-drawer-side .menu-container::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #f5f5f5;
}

.mat-drawer.ueg-sidenav.mat-drawer-side .menu-container::-webkit-scrollbar {
  width: 6px !important;
  background-color: #f5f5f5;
}

.mat-drawer.ueg-sidenav.mat-drawer-side .menu-container::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: var(--lms-dark-blue) !important;
}

li.submenu-li.open>a::after {
  content: "\F282";
  font-family: bootstrap-icons !important;
  transform: rotate(180deg);
  transition: 0.45s;
}

profile_img {
  height: 130px;
  width: 200px;
  padding: 0;
}

.image-upload>input {
  display: none;
}

.image-upload img {
  display: inline;
  width: 30px;
  cursor: pointer;
}

.border-red {
  border-color: red !important;
}

.usr-mod-div {
  min-height: 505px;
}

.accordion-body-prerecord {
  padding-left: 0;
  background: white;
  padding-right: 0;
}

.exercise-div-prerecord {
  padding-left: 18%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 7px;
}

.unit-row-prerecord {
  padding: 15px 8px;
  margin-bottom: 5px;
  cursor: pointer;
}

.unit-row-prerecord-selected {
  background: aliceblue !important;
}

.mr-4 {
  margin-right: 1.5rem !important;
}

.pee-reccc .exercise-div span {
  width: 30%;
}

.btn.btn-lesson-cnt {
  padding: 8px 15px;
  background-color: #fbbc12;
  color: var(--lms-dark-blue);
  font-size: 16px;
  font-weight: 500;
  border-radius: 5px;
}

.btn.btn-review-quiz {
  padding: 8px 15px;
  background-color: #ffffff;
  color: var(--lms-dark-blue);
  font-size: 16px;
  font-weight: 500;
  border-radius: 5px;
  border: 1px solid var(--lms-dark-blue);
}

.lesn_new_secn_top.lesson-heading p {
  margin-bottom: 0;
}

.accrod_dve .accordion-item h2.accordion-header {
  margin: 0 !important;
}

#myTabContent.tab-content {
  border: 1px solid #e0e5eb;
}

/* new lms css */
.blue_bg {
  background-color: var(--lms-dark-blue);
}

.footer_logo_one {
  width: 100px;
  max-width: 100px;
}

.footer_logo_two {
  position: relative;
  width: 140px;
  max-width: 140px;
  left: -8.4rem;
  top: 1.5rem;
  left: 0rem;
  top: 1.5rem;
}

.wowl_footer h5 {
  color: var(--lms-text-white);
  font-family: "LEMON-MILK-Regular";
  font-size: 16px !important;
  line-height: 21px !important;
  font-weight: 500 !important;
  border-bottom: 1px solid var(--lms-green);
  padding-bottom: 10px;
}

.wowl_footer ul li {
  line-height: 30px;
}

.text-decoration-none {
  text-decoration: none !important;
}

.wowl_footer ul li a {
  font-size: 14px;
  color: #ffffff !important;
  font-family: "Lato", sans-serif;
}

.wowl_footer ul li:hover a {
  color: #4bbe82 !important;
}

.footer_form input {
  color: #fff !important;
}

.footer_form .form-control {
  font-size: 1rem;
  padding: 0.2rem 0.75rem 0.2rem 0rem;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0);
  background-color: transparent !important;
  border-color: rgb(75 190 130);
  border-radius: 0;
}

.footer_form input.form-control::-webkit-input-placeholder {
  color: #fff !important;
}

.footer_form input.form-control:-moz-placeholder {
  color: #fff !important;
  opacity: 1;
}

.footer_form input.form-control::-moz-placeholder {
  color: #fff !important;
  opacity: 1;
}

.footer_form input.form-control:-ms-input-placeholder {
  color: #fff !important;
}

.footer_form .btn-primary {
  padding-top: 0.2rem !important;
  padding-bottom: 0.2rem !important;
  background-color: var(--lms-green);
  border: 0;
}

.footer_form .btn-primary:hover {
  background-color: var(--lms-green-hover);
}

.footer_social ul li a {
  padding: 0.3rem;
  background-color: var(--lms-green);
  height: 40px;
  width: 40px;
  border-radius: 1rem;
  border-radius: 0 !important;
  display: block;
}

.footer_social ul li:hover a,
.footer_social ul li:focus {
  background-color: #fff;
}

.footer_social ul li:hover svg,
.footer_social ul li:focus svg {
  fill: #3c64aa;
}

.footer_social ul li {
  margin-right: 7px;
}

.top-header li.nav-item a,
.top-header li.nav-item button {
  padding: 0;
  background: transparent;
  border: 0;
  font-family: "LEMON MILK";
  font-weight: 400;
}

.top-header ul.navbar-nav {
  align-items: center;
  order: 1;
  justify-content: center;
  gap: 14px;
}

.top-header ul li.nav-item a.btn.btn-glob {
  font-size: 20px;
}

.top-header li.nav-item a.login-btn {
  font-size: 12px !important;
  padding: 0.5rem 1.6rem !important;
  background: transparent;
  border: 0;
  background-color: var(--lms-dark-blue);
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.top-header li.nav-item a.login-btn:hover {
  background-color: var(--lms-green);
}

.top-header li.nav-item a.btn.enrol-btn {
  font-size: 12px !important;
  padding: 0.5rem 1.6rem !important;
  background: transparent;
  border: 0;
  background-color: var(--lms-green);
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.top-header li.nav-item a.btn.enrol-btn:hover {
  background-color: var(--lms-dark-blue);
}

.top-header li.nav-item .example-form {
  position: relative;
}

.top-header li.nav-item .example-form i {
  position: absolute;
  left: 8px;
  top: 9px;
  color: #ccc;
}

.navbar.navbar-expand-xl.navbar-toggleable-sm.navbar-light {
  min-height: 64px;
}

.top-header li.nav-item .example-form input {
  width: 100%;
  border-radius: 0px;
  border: 1px solid var(--lms-border-col);
  padding: 6px 10px 6px 30px;
}

#further-course.further-course .card {
  border: 0;
  padding: 0;
  background: transparent;
}

#further-course.courses-card.popular-course .card {
  background-color: var(--lms-light-gray);
  padding: 0 15px;
  border: 0;
  border-radius: 0 0;
}

.cdk-overlay-pane .mat-mdc-menu-content {
  padding: 0 !important;
}

.home-banner-left h1.course-heading {
  color: var(--lms-text-white);
  font-size: 40px;
  line-height: 44px;
  font-weight: 600;
}


.container.inner-banner-text h2,
.container.home-banner-text h2 {
  margin-bottom: 14px !important;
}

.top-header li.nav-item button.btn.btncircl {
  /* border: 1px solid var(--lms-border-col); */
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50% !important;
}

.top-header li.nav-item button.btn.btncircl i {
  font-size: 20px;
}

.top-header li.nav-item button.btn.btncircl:hover {
  background-color: var(--lms-border-col-lite);
}

.head-rit-part {
  order: 2;
}

.head-rit-part ul.head-rit-part-ul {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0;
  margin: 0;

}


.top-header {
  justify-content: space-between;
}

.head-rit-part ul.head-rit-part-ul .dropdown-toggle::after {
  display: none;
}

.nav-item.notifications .dropdown-menu.show {
  width: 240px;
  border-radius: 0 0;
}

.dropdown-menu.show {
  border-radius: 0 0 !important;
}

.dropdown-menu h4 {
  color: #fff;
  background-color: #8497b0;
  padding: 5px 10px;
  margin: 0 !important;
}

.nav-item .dropdown-menu li a {
  font-size: 14px;
  line-height: 18px;
  display: block;
  font-family: "Lato", sans-serif;
}

.nav-item .dropdown-menu li {
  font-size: 14px;
  line-height: 18px;
  border-bottom: 1px solid #ccc;
  padding: 7px 10px;
  font-family: "Lato", sans-serif;
}

.nav-item .dropdown-menu {
  padding: 0;
}

.btn.btn-block.btn-seeall::after {
  content: "\F5D3";
  font-family: bootstrap-icons !important;
  color: var(--lms-text-white);
}

.btn.btn-block.btn-seeall {
  background-color: var(--lms-green) !important;
  color: var(--lms-text-white) !important;
  margin: 0px 0;
  position: relative;
  display: flex;
  align-items: center;
  gap: 6px;
}

.btn.btn-block.btn-seeall:hover {
  background-color: var(--lms-dark-blue) !important;
  color: var(--lms-text-white) !important;
}

.meet-our-edu .lmtitle {
  text-align: center;
}

.courses-box.center-secn {
  display: flex;
  align-items: center;
  gap: 40px;
  justify-content: center;
}

.centr-video-cont h3 {
  font-family: "LEMON MILK" !important;
  font-weight: 400 !important;
  letter-spacing: 2px;
  color: var(--lms-dark-blue) !important;
  font-size: 20px !important;
  margin-bottom: 20px;
}

.centr-video-cont p {
  width: 60%;
}

.partner-secn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  flex-direction: column;
}

.partner-secn ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 0;
  margin: 0;
  flex-wrap: wrap;
  width: 100%;
}

.partner-secn p {
  font-size: 16px;
  color: #6a6f73;
}

.container-fluid.banner.inner-page-banner.home-top-bane {
  padding: 0;
}

.inner-banner-text ul {
  display: flex;
  gap: 5px;
  align-items: center;
}

.inner-banner-text .home-banner-left h1.course-heading {
  color: #fff !important;
}

.inner-banner-text ul li {
  color: #fff;
  list-style: none;
}

.inner-banner-text ul li.current-pg {
  color: #ccc;
}

.banner.inner-banner::after {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  content: "";
  top: 0;
}

.contact-page .banner.inner-banner::after {
  background: rgba(0, 0, 0, 0.3);
}

.course-details-tab .main-tablediv-left ul {
  justify-content: flex-start;
  background: #f2f4f7;
  flex-wrap: inherit;
  padding: 0;
  width: 100%;
}

.course-details-tab .nav-tabs {
  background: #f2f4f7;
  display: flex;
  align-items: center;
  /* justify-content: space-evenly; */
}

.course-details-tab .nav-tabs .nav-item .nav-link.active {
  background-color: #f2f4f7;
  color: #4bbe82;
}

.course-details-tab .nav-tabs .nav-item .nav-link {
  color: #000;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 10px;
  font-size: 12px;
  border: none;
  border-top-width: medium;
  border-top-style: none;
  border-top-color: currentcolor;
  border-bottom-width: medium;
  border-bottom-style: none;
  border-bottom-color: currentcolor;
  border-radius: 0;
  padding: 17px 10px;
  position: relative;
  border-top: 1px solid #e0e5eb;
  border-bottom: 1px solid #e0e5eb;
}

.course-details-tab .nav-tabs .nav-item .nav-link.active::before {
  width: 100%;
}

.course-details-tab .nav-tabs .nav-item .nav-link::before {
  background-color: #4bbe82;
  content: "";
  width: 0;
  height: 3px;
  position: absolute;
  top: -1.5px;
  left: 0;
  transition: all 0.4s ease-in-out;
}

.course-details-tab .nav-tabs .nav-item:not(:last-of-type) {
  border-bottom: 1px solid #e0e5eb;
}

.course-details-tab .nav-tabs .nav-item {
  width: 100%;
  border: none;

}

.course-details-tab .nav-tabs .nav-item a {
  width: 100%;
  display: block;
  padding: 10px;
  font-size: 12px;
  transition: all .45s ease 0s;
}

.course-details-tab .nav-tabs .nav-item a i {
  transition: all .45s ease 0s;
  position: relative;
  left: 0px;
}

.course-details-tab .nav-tabs .nav-item a.active,
.course-details-tab .nav-tabs .nav-item:hover a {
  background-color: var(--lms-dark-blue);
  color: var(--lms-text-white);
}

.course-details-tab .nav-tabs .nav-item:hover a {
  padding: 10px 10px 10px 16px;
  transition: all .45s ease 0s;
}

.course-details-tab .nav-tabs .nav-item:hover a i {
  transition: all .45s ease 0s;
  position: relative;
  left: 3px;
}

.course-sidebar {
  padding: 20px;
  border: 1px solid #e0e5eb;
  border-radius: 0px;
  position: sticky;
  position: -webkit-sticky;
  top: 70px;
}

.course-sidebar .sidebar-title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 25px;
  text-transform: capitalize;
}

.course-sidebar .course-sidebar-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.course-sidebar .course-sidebar-list li:not(:last-of-type) {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px dashed #ced4e2;
}

.course-sidebar .course-sidebar-list li:nth-child(1) {
  padding-top: 15px;
  border-top: 1px dashed #ced4e2;
}

.course-sidebar .course-sidebar-list li {
  color: #162726;
  font-size: 16px;
  font-weight: 500;
}

.course-sidebar .share-btn {
  margin-top: 30px;
}

.course-sidebar .share-btn .ed-primary-btn {
  background-color: #f2f4f7;
  width: 100%;
  justify-content: center;
  color: var(--lms-green);
  border-radius: 5px;
  font-weight: 600;
  display: flex;
  gap: 10px;
}

.course-sidebar .share-btn .ed-primary-btn:hover {
  color: var(--lms-dark-blue);
}

.pp-pic {
  width: 30px;
  height: 30px;
  overflow: hidden;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pp-pic img {
  width: auto;
  height: 100%;
}

.educator-innr {
  display: flex;
  align-items: center;
  gap: 10px;
}

.course-details-content .course-details-list li:not(:last-of-type) {
  margin-right: 20px;
}

.course-details-content .course-details-list li:not(:last-of-type) {
  margin-right: 20px;
  padding-right: 20px;
}

.course-details-content .course-details-list li {
  font-size: 14px;
  font-weight: 500;
  color: var(--ed-color-heading-primary);
  list-style: none;
  position: relative;
  line-height: 1;
}

.course-details-content .course-details-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 15px;
  padding: 0;
}

.educator-innr i {
  color: #4bbe82;
}

.educator-innr i.bi.bi-star-fill {
  color: var(--lms-dark-blue);
}

.course-details-content .course-details-list li:not(:last-of-type)::before {
  background-color: #e0e5eb;
  content: "";
  width: 1px;
  height: 20px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.btn.addcaed {
  background: var(--lms-dark-blue);
  margin: 0 auto;
  display: block;
  color: #fff;
  border-radius: 0;
  width: 100%;
}

.btn.btn-strts:hover,
.btn.addcaed:hover {
  background: var(--lms-green);
  color: var(--lms-text-white);
}

.btn.addbuy {
  background: var(--lms-green);
  margin: 10px auto 0;
  display: block;
  color: #fff;
  border-radius: 0;
  width: 100%;
}

.btn.addbuy:hover {
  background: var(--lms-dark-blue);
  color: var(--lms-text-white);
}

.course-info .add-cart {
  text-align: center;
  padding: 20px;
  border: 1px solid #e0e5eb;
  border-radius: 0;
  margin-bottom: 20px;
}

.course-desc h4 {
  font-size: 26px !important;
  line-height: 30px !important;
  font-family: "LEMON MILK" !important;
  font-weight: 400 !important;
}

.course-info .add-cart strong {
  line-height: 32px;
  font-size: 40px;
  font-weight: 400;
  font-family: "LEMON MILK";
}

.course-details-tab .tab-pane>div {
  padding: 20px;
}

.course-sidebar-list li i {
  color: #4bbe82;
  font-size: 20px;
  margin-right: 10px;
}

.tab-content>.tab-pane p {
  line-height: 24px;
}

.course-sidebar .course-sidebar-list li strong {
  font-weight: 500;
}

.course-sidebar .course-sidebar-list li span {
  font-weight: 400;
}

.course-details-tab .keyskills-div ul {
  background: transparent;
  display: flex;
  gap: 10px;
  flex-direction: column;
  padding-left: 20px;
  margin-bottom: 0;
}

.course-details-tab .keyskills-div ul li {
  position: relative;
  font-size: 16px;
}

.course-details-tab .keyskills-div ul li::before {
  position: absolute;
  content: "\F231";
  left: -22px;
  font-family: bootstrap-icons !important;
  color: #4bbe82;
}

.educator-div .ovrw_cont_cont {
  width: 100%;
}

.btn.btn-viewprof {
  font-size: 12px !important;
  padding: 0.5rem 1.6rem !important;
  background: transparent;
  background-color: transparent;
  border: 0;
  background-color: var(--lms-green);
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.btn.btn-viewprof:hover {
  background-color: var(--lms-dark-blue);
  color: #fff;
}

.course-banner {
  height: 300px;
  overflow: hidden;
}

.tab-content>.tab-pane p.content {
  color: #000;
  line-height: 20px;
}

.course-banner img {
  width: 100%;
}

.category-filt-sec .accordion-item:first-of-type>.accordion-header .accordion-button {
  padding: 3px 10px;
  background-color: transparent;
  border-radius: 0 0 !important;
  color: var(--lms-text-black);
  border-bottom: 1px solid #dee2e6 !important;
  box-shadow: 0 0;
}

.shortby-outer-div .row {
  align-items: center;
}

.sord-by-rigt {
  display: flex;
  align-items: center;
}

.category-filt-sec .accordion-button:not(.collapsed) {
  padding: 0;
  background-color: var(--lms-light-gray);
}

.category-filt-sec .accordion {
  border: 0;
}

.category-filt-sec .accordion-item,
.category-filt-sec .accordion-item:last-of-type {
  border-radius: 0;
  margin-bottom: 10px;
}

.mat-typography h2 {
  margin: 0 !important;
}

.category-filt-sec .filter-suboption {
  background-color: transparent;
  padding-left: 0;
}

.category-filt-sec .filter-option {
  padding: 0;
  margin-bottom: 15px;
}

.category-filt-sec .filter-option:last-child {
  margin-bottom: 0;
}

.scrollable-container {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
  background-color: #f2f4f7;
}

.scrollable-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  overflow: hidden;
  height: 100%;
  flex-wrap: nowrap;
}

.scrollable-list li {
  border-right: 1px solid #ddd;
  min-width: 193px;
}

.course-details-tab {
  position: relative;
}

.course-details-tab button.btn-carosl {
  position: absolute;
  top: 15px;
  background: rgba(0, 0, 0, 0);
  color: #000;
  border: none;
  padding: 2.4px;
  cursor: pointer;
  z-index: 99;
  font-family: bootstrap-icons !important;
}

.course-details-tab button.btn-carosl:hover {
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
}

.course-details-tab .arrow-left {
  left: -20px;
}

.course-details-tab .arrow-right {
  right: -20px;
}

.category-details .card {
  border: 0;
  padding: 0;
}

.category-details .card .courses-box.popularConttor {
  padding: 0;
  margin-bottom: 30px;
}

.category-details .card .courses-box.popularConttor:last-child {
  margin-bottom: 0;
}

.category-details .mat-mdc-tab-labels .mdc-tab.mat-mdc-tab.mat-mdc-focus-indicator {
  width: auto;
  max-width: inherit;
  min-width: inherit;
}

.category-details .mat-mdc-tab-group.mat-mdc-tab-group-stretch-tabs>.mat-mdc-tab-header .mat-mdc-tab {
  flex-grow: 0 !important;
  padding: 0;
  margin-right: 20px;
}

.category-details .lay-cour-lst {
  display: block !important;
}

.category-details-top .row {
  align-items: center;
}

.category-details-top .logo {
  overflow: hidden;
  max-height: 150px;
}

.category-details-top .logo img {
  width: 100%;
  /* border-radius: 10px; */
}

.category-details-top .header h3 {
  font-size: 20px !important;
  font-family: "LEMON MILK" !important;
  font-weight: 400 !important;
}

.category-details {
  padding: 14px 0;
}

.category-details .mat-mdc-tab-list {
  position: relative;
  margin-bottom: 0px;
}

.category-details .mat-mdc-tab-list::after {
  background: #ececec;
  width: 100%;
  height: 1px;
  content: "";
  position: absolute;
  bottom: 0;
}

.category-details .mat-mdc-tab .mdc-tab-indicator__content--underline {
  border-color: var(--lms-green) !important;
}

.category-details .mat-mdc-tab:hover .mdc-tab__text-label {
  color: var(--lms-text-black);
}

.category-details .mat-mdc-tab .mdc-tab__text-label {
  color: var(--mat-tab-header-inactive-label-text-color);
  display: inline-flex;
  align-items: center;
  font-size: 20px;
  color: #000;
}

.list-grid .layer.component.lay-bdy,
.category-details .slide.carousel-cell.prerecorded_caro .layer.component.lay-bdy {
  border: 1px solid #ececec;
  border-radius: 0px;
  position: relative;
}

/* .category-details .slide.carousel-cell.prerecorded_caro .layer.lay-cou-bdy {
    padding-left: 0px;
  } */
.educators-page .accordion-item input.form-control,
.category-details .accordion-item input.form-control {
  width: 96%;
  margin: 10px auto 0;
}

.category-details .filter-option>p {
  padding-top: 5px;
  padding-bottom: 5px;
}

.category-details .details-div p {
  line-height: 22px;
  word-break: break-word;
}

.solutins-div h4 {
  font-family: "LEMON MILK" !important;
  font-weight: 400;
  letter-spacing: 2px;
  color: var(--lms-text-black);
  font-size: 18px;
  margin-bottom: 20px;
}

.solutins-div ul {
  display: flex;
  padding: 0;
  align-items: center;
  gap: 10px;
}

.solutins-div ul li {
  border: 1px solid #d1d2e0;
  padding: 10px 20px;
  color: #303141;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-height: 61px;
  font-size: 12px;
  line-height: 16px;
}

.category-details .mat-mdc-tab.mdc-tab--active .mdc-tab__ripple::before,
.category-details .mat-mdc-tab.mdc-tab--active .mat-ripple-element {
  background-color: transparent !important;
}

.category-details .mdc-tab__ripple,
.category-details .mat-mdc-tab-ripple {
  display: none !important;
}

.category-details .mat-mdc-tab:hover .mdc-tab__ripple::before {
  opacity: 0 !important;
}

.shortby-div {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
  flex-wrap: wrap;
  margin-bottom: 5px;
}

.shortby-outer-div strong {
  font-size: 16px;
  font-weight: 500;
  color: #000;
}

.sord-by-rigt {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.shortby-div button.btn {
  background-color: #dee2e6;
  border-radius: 0 0;
}

.shortby-div button.btn:hover {
  background-color: #ccc;
}

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

.shortby-div .dropdown-menu {
  padding: 0;
}

.shortby-div .dropdown-menu li a {
  display: block;
  padding: 6px 10px;
  border-bottom: 1px dashed #ccc;
  font-size: 12px;
}

.shortby-div .dropdown-menu li a:hover {
  background-color: #f2f4f7;
}

.list .col-md-4.list-grid,
.list .col-md-3.list-grid {
  width: 100%;
  margin: 0 0 14px;
}

.shortby-div .dropdown-menu.show {
  width: 190px;
}

.list .layer.component.lay-bdy {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  padding: 9px 9px 0;
  flex-wrap: wrap;
}

.list .lay-img {
  border-radius: 0px;
}

.list .zoomimg {
  height: 240px;
  border-radius: 0px;
  width: 300px;
}

.list .course-tn-name {
  font-size: 18px;
  padding-top: 20px;
}

.category-details .educator-experience {
  border-radius: 10px;
}

.category-details .educator-experience .card {
  margin: 0;
}

.home-banner-left {
  background: rgba(0, 0, 0, 0.4);
  padding: 30px;
}

.list .lay-cou-bdy {
  width: 65%;
}

.list .course-tn-name {
  font-size: 18px;
  padding-top: 20px;
  padding-bottom: 20px;
  line-height: 20px;
  height: auto;
  overflow: inherit;
  max-height: inherit;
}

.layer.lay-cou-nam p {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-bottom: 0;
}

.list .layer.lay-cou-nam p {
  text-overflow: inherit;
  overflow: inherit;
  white-space: inherit;
  margin-bottom: 10px;
  font-size: 14px;
}

.list .layer.carousel-image.lay-img button.btn.btn-addfev {
  right: inherit;
  left: 10px;
  top: 10px;
}

.inner-banner-text .home-banner-left {
  background: transparent;
}

.btn.btn-block.addcaed.w-20 {
  width: auto;
  margin: 0;
}

.modal-body a {
  color: #3a63ac;
}

.modal-body a:hover {
  color: var(--lms-green-hover);
}

.nav-item.login-signup {
  gap: 10px;
  display: flex;
}

.profile-page-inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.profile-page-inner #myTab.nav-tabs {
  width: 18%;
  position: relative;
  right: -1px;
}

.profile-page-inner #myTabContent.tab-content {
  width: 82%;
}

.profile-page-inner #myTab.nav-tabs li.nav-item {
  width: 100%;
  text-align: left;
}

.profile-page-inner #myTab.nav-tabs li.nav-item button.nav-link {
  padding: 18px 10px;
  display: block;
  width: 100%;
  text-align: left;
  border-radius: 0 0 !important;
  border: 1px solid transparent;
  margin-bottom: 10px;
  color: #000;
}

.profile-page {
  min-height: 54vh;
  padding: 30px 0;
}

.profile-page-inner #myTabContent.tab-content .tab-pane {
  padding: 20px;
}

.profile-page-inner #myTab.nav-tabs li.nav-item button.nav-link.active {
  border: 1px solid #e0e5eb;
  border-right-color: transparent;
  color: var(--lms-dark-blue);
}

/* .genral {
    text-align: center;
  } */
.genral.genral-div-outr h3,
.mat-typography .genral.genral-div-outr h3 {
  margin-bottom: 0;
}

.genral-right {
  border-left: 1px solid var(--lms-border-col-lite);
  padding-left: 20px;
}

.genral span.profil-picr {
  width: 100px;
  height: 100px;
  overflow: hidden;
  border-radius: 100%;
  display: block;
  margin: 0;
  border: 5px solid var(--lms-border-col);
  align-items: center;
  justify-content: center;
}

.genral.genral-div-outr {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-bottom: 30px;
}

.genral span.profil-picr img {
  height: 100%;
}

.genral h2,
.mat-typography .genral h2 {
  font-size: 26px;
  line-height: 34px;
}

li div.menuButton {
  display: flex;
  align-items: center;
}

.top-header li.nav-item button.btn.btncircl.btn-profil img {
  height: 100%;
}

.top-header .mat-mdc-menu-trigger.menuButton {
  border-radius: 50%;
  overflow: hidden;
  width: 34px;
  height: 34px;
}

.top-header li.nav-item button.btn.btncircl.btn-profil {
  background: #f00;
  color: #fff;
  overflow: hidden;
  border-radius: 50%;
}

.btn.btn-addfev .bi.bi-heart-fill {
  color: var(--lms-favrt-col);
}

.top-header li.nav-item button.btn.btncircl.btn-profil:hover {
  background-color: var(--lms-dark-blue);
}

.change.password {
  width: 50%;
  margin: 0 auto;
}

.profile-page h5.modal-title,
.mat-typography .profile-page h5.modal-title {
  color: #000;
  margin-bottom: 20px;
}

.profile-page-inner #myTabContent.tab-content .tab-pane {
  min-height: 55vh;
}

.badge {
  border-radius: 0 0 !important;
}

.badge.badge-expire {
  color: #fff;
  background: var(--lms-red);
  border-radius: 0;
  padding: 6px 14px;
  font-size: 14px;
}

.badge.badge-active {
  color: #fff;
  background: #3a63ac;
  border-radius: 0;
  padding: 6px 14px;
  font-size: 14px;
}

/* START: About CSS ----------------------------------------*/
.mat-typography .section-heading h2.section-title,
.section-heading h2.section-title {
  font-size: 20px;
  line-height: 26px;
  font-weight: 500;
  display: block;
  margin-bottom: 10px !important;
  text-transform: inherit;
  position: relative;
  color: var(--lms-text-black);
}

.mat-typography .testi-left-content.white-content p,
.testi-left-content.white-content p {
  color: var(--lms-text-black);
}

.mat-typography .testimonial-section-3 .section-heading h2.section-title,
.testimonial-section-3 .section-heading h2.section-title,
.mat-typography .testimonial-section-3 .testi-left-content.white-content p,
.testimonial-section-3 .testi-left-content.white-content p {
  color: var(--lms-text-white);
}

.about-page .section-heading {
  margin-bottom: 60px;
}

.about-page .ed-primary-btn {
  background-color: var(--lms-green);
  font-family: var(--ed-ff-heading);
  color: var(--lms-text-white);
  display: inline-flex;
  align-items: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  padding: 17px 40px;
  border-radius: 100px;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
  text-transform: capitalize;
  position: relative;
  z-index: 1;
}

.about-page .counter-section {
  background-color: var(--lms-green);
}

.about-page .counter-item .title {
  font-size: 40px;
  font-weight: 700;
  color: var(--lms-text-white);
}

.about-page .counter-item p {
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 0;
  color: var(--lms-text-white);
}

.about-counter-items .about-counter-item .content .title {
  color: var(--lms-green);
  font-size: 40px;
  font-weight: 700;
  line-height: 1;
}

.about-img-wrap {
  max-width: 582px;
  width: 100%;
  height: 500px;
  position: relative;
}

.about-page .team-item-5 .team-thumb .team-men img {
  width: auto;
  filter: saturate(0);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: block;
  margin: 0 auto;
}

.about-page .team-item-5:hover .team-thumb .team-men img {
  filter: saturate(1);
}

.about-page .team-item-5 .team-thumb .shape {
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}

/* .about-page .team-item-5 .team-thumb .team-men {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  } */

.about-page .team-item-5 .team-thumb {
  position: relative;
  z-index: 1;
  /* height: 206px; */
  overflow: hidden;
}

.testimonial-section-3 {
  position: relative;
  z-index: 1;
  background: #1a2226 url("../img/student-testi.jpg") 0 0 no-repeat;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
}

.testimonial-section-3 .row.gy-xl-0.gy-5.align-items-center {
  position: relative;
  z-index: 2;
}

.testimonial-section-3::before {
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
}

.testimonial-section-3 .shapes .shape.shape-1 {
  top: 0;
  left: 0;
}

.testimonial-section-3 .shapes .shape {
  position: absolute;
  z-index: -1;
  height: 100%;
}

.testimonial-section-3 .shapes .shape.shape-2 {
  top: 0;
  right: 0;
}

.testimonial-section-3 .shapes .shape img {
  height: 100%;
}

@media (max-width: 1200px) {
  .about-img-wrap {
    margin: 0 auto;
    margin-bottom: 30px;
  }
}

.about-img-wrap .about-img-1 {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 294px;
  width: 100%;
  height: 371px;
  padding: 5px;
  border: 2px solid #dde1e7;
  border-radius: 0px 0 60px 0;
}

.about-img-wrap .about-img-1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0px 0 60px 0;
}

.about-img-wrap .about-contact.about-contact2 span {
  font-size: 22px !important;
  text-align: center;
  line-height: 30px;
}

.about-img-wrap .about-img-1 .video-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.about-img-wrap .about-img-1 .video-btn a {
  background-color: var(--lms-bg-white);
  color: var(--lms-green);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 25px;
  height: 80px;
  width: 80px;
  border-radius: 50%;
}

.about-img-wrap .about-img-1 .video-btn a i {
  margin-top: 10px;
  line-height: 1;
}

.about-img-wrap .about-img-1 .video-btn a:hover {
  background-color: var(--lms-green-hover);
  color: var(--lms-text-white);
}

.about-img-wrap .about-contact.about-contact2 {
  top: 0;
  right: 0;
  left: inherit;
  bottom: inherit;
  max-width: 260px;
  background-color: var(--lms-dark-blue);
  display: block;
  padding: 20px;
}

.about-img-wrap .about-img-2 {
  position: absolute;
  bottom: 0;
  right: 0;
  max-width: 260px;
  width: 100%;
  height: 352px;
  border: 2px solid #dde1e7;
  border-radius: 60px 0 0px 0;
  padding: 5px;
}

.about-img-wrap .about-img-2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 60px 0 0px 0;
}

.about-img-wrap .about-contact {
  background-color: var(--lms-green);
  position: absolute;
  bottom: 0;
  left: 0;
  display: grid;
  grid-template-columns: 50px 1fr;
  align-items: center;
  grid-gap: 15px;
  max-width: 294px;
  width: 100%;
  padding: 30px;
  border-radius: 0 60px 0 0px;
}

.about-img-wrap .about-contact .icon {
  background-color: var(--lms-bg-white);
  font-size: 20px;
  height: 50px;
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: var(--lms-green);
}

.about-img-wrap .about-contact .content span {
  color: var(--lms-text-white);
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  display: block;
}

.about-img-wrap .about-contact .content a {
  color: var(--lms-text-white);
  font-size: 22px;
  font-weight: 600;
  line-height: 26px;
}

.about-contact.about-contact2 {
  border-radius: 0 0px 0 60px;
}

@media (max-width: 1200px) {
  .about-content {
    max-width: 630px;
    width: 100%;
  }
}

.about-counter-items {
  max-width: 610px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 20px;
  flex-wrap: wrap;
  row-gap: 20px;
  margin-bottom: 40px;
}

.about-counter-items .about-counter-item {
  display: grid;
  align-items: center;
  grid-template-columns: 80px 1fr;
  grid-gap: 20px;
}

.about-counter-items .about-counter-item .icon {
  background-color: var(--lms-bg-white);
  width: 80px;
  height: 80px;
  border: 1px solid #e0e5eb;
  box-shadow: 0px 14px 51px 2px rgba(24, 50, 48, 0.08);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.about-counter-items .about-counter-item .content .title {
  color: var(--lms-green);
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 15px;
  line-height: 1;
  margin-bottom: 5px;
  display: flex;
  align-items: center;
}

.about-counter-items .about-counter-item .content .title .odometer-auto-theme {
  font-family: inherit;
  line-height: 1;
}

.about-counter-items .about-counter-item .content .title .number {
  margin-bottom: 2px;
}

.about-counter-items .about-counter-item .content p {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0;
  line-height: 1.6;
}

.about-section-3 {
  background-color: #f3f7fb;
  position: relative;
  z-index: 1;
}

.about-section-3 .shapes .shape {
  position: absolute;
  z-index: -1;
}

.about-section-3 .shapes .shape.shape-1 {
  top: 0;
  left: 0;
}

.about-section-3 .shapes .shape.shape-2 {
  bottom: 0;
  left: 50px;
}

.about-section-3 .shapes .shape.shape-3 {
  bottom: 0;
  right: 0;
}

.about-img-wrap-3 {
  background-color: var(--lms-bg-white);
  max-width: 545px;
  width: 100%;
  height: 508px;
  position: relative;
  border-radius: 15px;
}

@media only screen and (max-width: 992px) {
  .about-img-wrap-3 {
    margin: 0 auto;
    margin-bottom: 40px;
  }
}

.about-img-wrap-3 .about-img {
  width: 100%;
  height: 508px;
  position: absolute;
  top: 0;
  left: 0;
  border: 15px solid var(--lms-text-white);
  border-radius: 15px;
}

.about-img-wrap-3 .about-img .main-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}

.about-img-wrap-3 .icon-box {
  background-color: var(--lms-bg-white);
  height: 163px;
  width: 163px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid #e0e5eb;
  padding: 30px;
  position: absolute;
  top: 65px;
  right: 0;
}

.about-img-wrap-3 .icon-box .icon {
  height: 105px;
  width: 105px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid #e0e5eb;
}

.faq-img-wrap.about-img-wrap-4 {
  max-width: 620px;
  height: 471px;
}

@media only screen and (max-width: 992px) {
  .faq-img-wrap.about-img-wrap-4 {
    margin: 0 auto;
    margin-bottom: 40px;
  }
}

.faq-img-wrap.about-img-wrap-4 .faq-img {
  height: 100%;
  max-width: 620px;
  width: 100%;
}

.faq-img-wrap.about-img-wrap-4 .faq-text-box {
  bottom: 50px;
  left: -100px;
}

@media (max-width: 1200px) {
  .faq-img-wrap.about-img-wrap-4 .faq-text-box {
    left: 0;
  }
}

.about-content-4 {
  margin-left: 20px;
}

@media (max-width: 1200px) {
  .about-content-4 {
    margin-left: 0;
  }
}

.about-content-4 .section-heading .section-title span {
  color: var(--lms-green);
}

.about-content-4 .about-items {
  max-width: 590px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 20px;
  flex-wrap: wrap;
  row-gap: 20px;
  margin-bottom: 40px;
}

.about-content-4 .about-items .about-item {
  display: flex;
  column-gap: 20px;
}

.about-content-4 .about-items .about-item .icon {
  color: var(--lms-green);
  font-size: 20px;
}

.about-content-4 .about-items .about-item .content .title {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 10px;
}

.about-feature {
  /* background-color: var(--lms-border-col); */
  background-color: #f6faff;
}

.about-feature-card {
  position: relative;
  padding-top: 60px;
}

.about-feature-card .icon {
  background-color: var(--lms-bg-white);
  height: 120px;
  width: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  border: 1px solid #e1e9f0;
  box-shadow: 0px 18px 38px rgba(47, 74, 101, 0.11);
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.about-feature-card .icon img {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.about-feature-card .content {
  background-color: var(--lms-bg-white);
  padding: 0 20px 30px 20px;
  padding-top: 100px;
  text-align: center;
  border: 1px solid #e1e9f0;
  border-radius: 0%;
}

.about-page .team-item-5 .team-thumb .team-men,
.about-page .team-item-5 .team-thumb .shape img {
  width: 100%;
  background-color: #F0F0F0;
  cursor: pointer;
}

.btn.start-btn {
  font-size: 12px !important;
  padding: 0.8rem 1.6rem !important;
  background: transparent;
  border: 0;
  background-color: var(--lms-dark-blue);
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.btn.start-btn:hover {
  background-color: var(--lms-green-hover);
  color: #fff;
}

.team-item-3.team-item-5 {
  border: 1px solid var(--lms-border-col);
  padding-bottom: 10px;
}

.about-feature-card .content .title {
  font-size: 22px;
  font-weight: 500;
}

.team-item-3.team-item-5 span {
  display: block;
  text-align: center;
}

.team-item-3.team-item-5 h3.title {
  font-size: 11px;
  text-align: center;
  color: #000;
  font-weight: 500;
  margin: 10px 0 0;
  font-family: "LEMON MILK";
}

.about-feature-card .content p {
  margin-bottom: 0;
}

.about-feature-card:hover .icon {
  background-color: var(--lms-green-hover);
}

.about-feature-card:hover .icon img {
  filter: brightness(0) invert(1);
}

.section-heading .sub-heading {
  background-color: var(--lms-bg-white);
  color: var(--lms-text-black);
  font-size: 16px;
  font-weight: 400;
  display: inline-flex;
  align-items: center;
  column-gap: 10px;
  margin-bottom: 20px;
  position: relative;
  border: 1px solid #e0e5eb;
  padding: 5px 15px 5px 5px;
}

.section-heading .sub-heading i {
  color: var(--lms-green);
}

.testi-carousel-wrap-2 {
  /* max-width: 720px; */
  width: 100%;
  margin: 0 auto;
  position: relative;
}

.testi-carousel-2 {
  width: 100%;
  overflow: hidden;
}

.testi-item-3 {
  background-color: var(--lms-bg-white);
  max-width: 520px;
  width: 100%;
  margin: 0 auto;
  padding: 50px;
  border-radius: 0px;
  position: relative;
  z-index: 1;
}

.testi-item-3 .title {
  margin-bottom: 15px;
  font-size: 20px;
  color: var(--lms-text-black);
  font-weight: 500;
}

.testi-item-3 p {
  margin-bottom: 20px;
}

.testi-item-3 .testi-author {
  display: grid;
  align-items: center;
  grid-template-columns: 50px 1fr;
}

.testi-item-3 .testi-author .testi-author-img {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  overflow: hidden;
}

.testi-item-3 .testi-author .name {
  font-size: 18px;
  font-weight: 600;
  padding-left: 10px;
  margin-bottom: 0;
}

.testi-item-3 .testi-author .name span {
  color: #676a69;
  font-size: 12px;
  font-weight: 400;
  display: block;
  margin-top: 0;
}

.about-page .section-heading.mb-20.white-content {
  margin-bottom: 20px;
}

.about-page .white-content p,
.about-page .section-heading.white-content p,
.about-page .section-heading.white-content .section-title {
  color: var(--lms-text-white);
}

.video-feature {
  background: var(--lms-bg-white);
  border: 1px solid #e0e5eb;
  border-radius: 0px;
  padding: 20px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.video-feature .video-thumb {
  position: relative;
  height: 330px;
  margin-bottom: 30px;
}

.video-feature .video-thumb img {
  border-radius: 0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.video-feature .video-thumb .video-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.video-feature .video-thumb .video-btn a {
  background-color: var(--lms-bg-white);
  color: var(--lms-green);
  height: 100px;
  width: 100px;
  font-size: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}

.video-feature .video-thumb .video-btn a:hover {
  background-color: var(--lms-green-hover);
  color: var(--lms-text-white);
}

.video-feature .video-thumb .video-btn a .ripple {
  height: 100px;
  width: 100px;
}

.video-feature .video-thumb .video-btn a .ripple:before,
.video-feature .video-thumb .video-btn a .ripple:after {
  height: 100px;
  width: 100px;
}

.video-feature .video-content .title {
  font-size: 22px;
  font-weight: 500;
}

.video-feature .video-thumb .video-btn a:hover i {
  color: var(--lms-text-white);
}

@media only screen and (max-width: 992px) {
  .video-feature .video-content .title {
    font-size: 24px;
  }
}

@media only screen and (max-width: 992px) and (max-width: 992px) {
  .video-feature .video-content .title {
    font-size: 22px;
  }

  .video-feature .video-content .title br {
    display: none;
  }
}

@media only screen and (max-width: 992px) {
  .video-feature .video-content p br {
    display: none;
  }
}

.video-feature:hover {
  box-shadow: 0px 11px 44px 4px rgba(18, 31, 49, 0.1);
}

.ripple,
.ripple:before,
.ripple:after {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 50px;
  height: 50px;
  transform: translateX(-50%) translateY(-50%);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
  -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
  -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
  -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
  -webkit-animation: rippleOne 3s infinite;
  -moz-animation: rippleOne 3s infinite;
  -ms-animation: rippleOne 3s infinite;
  -o-animation: rippleOne 3s infinite;
  animation: rippleOne 3s infinite;
}

.ripple {
  z-index: -1;
}

.ripple:before {
  -webkit-animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
  -ms-animation-delay: 0.9s;
  -o-animation-delay: 0.9s;
  animation-delay: 0.9s;
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
}

.ripple:after {
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  -ms-animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  animation-delay: 0.6s;
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
}

@-webkit-keyframes rippleOne {
  70% {
    box-shadow: 0 0 0 20px rgba(244, 68, 56, 0);
  }

  100% {
    box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
  }
}

@keyframes rippleOne {
  70% {
    box-shadow: 0 0 0 20px rgba(244, 68, 56, 0);
  }

  100% {
    box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
  }
}

.educators-page .banner.inner-page-banner .banner.inner-banner,
.about-page .banner.inner-page-banner .banner.inner-banner {
  background-image: url("../img/about-banner-image.png") !important;
  background-position: 50% 0%;
  background-size: cover;
  height: 300px;
  overflow: hidden;
  background-repeat: no-repeat;
  border-radius: 0 !important;
}

.about-page .counter-item {
  text-align: center;
  border-right: 1px solid #66d89b;
  padding: 60px 0;
}

.pb-120 {
  padding-bottom: 60px;
}

.pt-120 {
  padding-top: 60px;
}

.about-counter-items .about-counter-item .icon i {
  font-size: 30px;
  color: var(--lms-green);
}

.about-feature-card .icon i {
  font-size: 40px;
  color: var(--lms-green);
}

.about-feature-card:hover .icon i {
  color: var(--lms-text-white);
}

.testi-carousel-wrap-2 .swiper-arrow .swiper-nav {
  color: var(--lms-text-white);
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--lms-text-white);
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  border-radius: 0%;
  cursor: pointer;
  transition: 0.5s;
}

.testi-carousel-wrap-2 .swiper-arrow .swiper-nav:hover {
  border-color: var(--lms-green-hover);
}

.testi-carousel-wrap-2 .swiper-arrow .swiper-nav:hover i {
  color: var(--lms-green-hover);
}

.testi-carousel-wrap-2 .swiper-arrow .swiper-nav.swiper-prev {
  left: auto;
  right: 0px;
}

/* !END:  About CSS */
.contact-form-sec {
  padding: 60px 0;
}

.contact-form-sec .head-part {
  margin-bottom: 20px;
}

.map iframe {
  width: 100%;
  border: 0;
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  filter: gray;
  -webkit-filter: grayscale(99%);
  -webkit-backface-visibility: hidden;
}

.contact-form,
.form-group {
  padding: 20px;
  height: 100%;
}

.CV-button {
  color: var(--lms-dark-blue);
  border: 2px solid var(--lms-dark-blue);
  padding: 8px;
  font-family: LEMON MILK;
  cursor: pointer;
  letter-spacing: 0.2rem;
}

.CV-button:hover {
  color: var(--lms-green-hover);
  border: 2px solid var(--lms-green-hover);
}

.form-group .contact-item {
  margin-bottom: 10px;
}

.btn.btn-send {
  font-size: 12px !important;
  padding: 0.8rem 1.6rem !important;
  background: transparent;
  border: 0;
  background-color: var(--lms-green);
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.btn.btn-send:hover {
  background-color: var(--lms-dark-blue);
  color: var(--lms-text-white);
}

.contact-item.mb-0 {
  display: flex;
  justify-content: flex-end;
}

.reachus {
  display: flex;
  gap: 20px;
  align-items: center;
  padding: 10px 0;
  margin: 10px 0;
  border-bottom: 1px solid var(--lms-border-col);
}

.testi-item-3 .testi-author .testi-author-img img {
  width: 100%;
}

.reachus i {
  color: var(--lms-green);
  font-size: 36px;
}

.mat-typography .reachus p,
.reachus p {
  padding: 0;
  margin: 0;
}

.reachus a {
  color: var(--lms-dark-blue);
}

.reachus p span {
  display: block;
  font-weight: 500;
  font-size: 16px;
}

.pre-cor-div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

.mat-typography .pre-cor-div h2,
.pre-cor-div h2 {
  font-size: 28px;
  line-height: 32px;
  margin-bottom: 6px;
  text-transform: uppercase;
}

.prec-catgr {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 20px;
}

.prerec-edu {
  display: flex;
  align-items: center;
  gap: 10px;
}

.prec-catgr strong,
.prerec-edu strong {
  font-weight: 500;
}

.prec-catgr i {
  font-size: 22px;
}

.prerec-detlpge {
  padding: 30px 0;
  background-color: var(--lms-bg-light);
}

.accordion-button:not(.collapsed) {
  border-radius: 0 0 !important;
  background: transparent !important;
  box-shadow: 0 0 !important;
}

.prerec-lesn .accordion-button {
  align-items: flex-start;
}

.prerec-lesn .accordion-button::after {
  top: 5px;
  position: relative;
}

.accordion-item:first-of-type,
.accordion-item {
  border-radius: 0 0 !important;
  border: 1px solid var(--lms-border-col);
  box-shadow: 0 0 !important;
}

.prerec-overvw {
  padding: 30px 0;
}

.lessn-inre {
  width: 100%;
}

.lessn-inre .progg-div .progg-br {
  height: 5px;
}

.prog-out-div .progress-bar {
  background-color: var(--lms-dark-blue);
}

.prerec-lesn .prog-out-div .progress {
  width: 100%;
  height: 5px !important;
}

.lessn-inre>div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 90%;
}

.prerec-lesn .accordion-body {
  padding-top: 0;
  padding-bottom: 0;
}

.prerec-lesn {
  padding-bottom: 30px;
}

.recrd-inr-div .btn.btn-lite {
  margin: 0;
}

.brdcme {
  align-items: center;
  display: flex;
}

.modul-div-ind i {
  color: var(--lms-green);
  margin-right: 10px;
}

.btn.btn-green {
  background-color: var(--lms-green);
  color: var(--lms-text-white);
}

.btn.btn-blue {
  background-color: var(--lms-dark-blue);
  color: var(--lms-text-white);
}

.btn.btn-green:hover {
  background-color: var(--lms-dark-blue);
  color: var(--lms-text-white);
}

.btn.btn-blue:hover {
  background-color: var(--lms-green-hover);
  color: var(--lms-text-white);
}

.prof-detl-sec ul,
.modul-div ul {
  padding: 0;
}

.prof-detl-sec ul {
  margin-bottom: 0;
}

.prof-detl-sec ul li strong {
  font-weight: 400;
}

.prof-detl-sec strong,
.cors-left-progr-div h6,
.modul-div h5,
.mat-typography .modul-div h5,
.mat-typography .cors-left-progr-div h6 {
  font-size: 16px;
  color: var(--lms-text-black);
  font-weight: 400;
}

.recrd-inr-div .mat-mdc-tab-group.mat-mdc-tab-group-stretch-tabs>.mat-mdc-tab-header .mat-mdc-tab {
  flex-grow: 0;
}

.pee-reccc .cors-ovrvew.cors-resorc {
  margin: 20px 0 0;
  border: 1px solid var(--lms-border-col);
}

.pee-reccc .cors-ovrvew.cors-resorc .mat-mdc-tab-body-wrapper {
  padding: 14px 20px !important;
  /* border-top: 1px solid var(--lms-border-col); */
}

.mod-inr {
  text-align: center;
}

.pee-reccc .cors-ovrvew.cors-resorc ul {
  margin: 0;
  background: transparent;
  padding: 0;
}

.pee-reccc .cors-ovrvew.cors-resorc ul a {
  padding: 10px 0;
  color: var(--lms-dark-blue);
}

.cdk-overlay-container .mat-mdc-menu-panel {
  border-radius: 0 0 !important;
}

.pee-reccc .cors-ovrvew.cors-resorc ul.stdnt-posts-list {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.recrd-inr-div .tab-blo-div-inr p:last-child {
  margin-bottom: 0 !important;
}

.pee-reccc .cors-ovrvew.cors-resorc ul.stdnt-posts-list li {
  padding: 0;
  display: block;
  border: 1px solid var(--lms-border-col);
  width: 100%;
  padding: 5px 10px;
}

.pee-reccc .cors-ovrvew.cors-resorc ul.stdnt-posts-list li p {
  margin-bottom: 0;
  font-size: 13px;
  width: 100%;
  float: left;
  clear: left;
}

.stdnt-posts-list span {
  width: 26px;
  display: flex;
  align-items: center;
  height: 26px;
  overflow: hidden;
  float: left;
  border-radius: 50%;
  margin-right: 10px;
}

.cors-resorc .stdnt-posts-list img {
  height: 100%;
  width: 100%;
}

.pee-reccc .cors-ovrvew.cors-resorc ul.stdnt-posts-list li h3 {
  margin: 4px;
  float: left;
  margin: 0px 4px;
}

.progg-div.progg-div-right {
  width: 100%;
}

.cors-ovrvew.cors-resorc .mdc-tab.mat-mdc-tab.mat-mdc-focus-indicator.mdc-tab--active.mdc-tab-indicator--active {
  background-color: var(--lms-bg-light) !important;
}

.final-assesment {
  padding: 30px 0;
  /* min-height: 50vh; */
}

.slfsatmn.finl_scre.actv {
  margin-top: 40px;
  padding-bottom: 20px;
}

.final-assesment.new-ass-btn {
  background-color: var(--lms-dark-blue);
  padding: 20px;
  height: auto;
  min-height: inherit;
  display: flex;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
}

.final-assesment.new-ass-btn img {
  height: 100%;
  display: block;
  width: auto;
  position: absolute;
  right: 0;
  top: 0;
}

.final-assesment.new-ass-btn .btn.btn-green:hover {
  background-color: var(--lms-bg-white);
  color: var(--lms-text-black);
}

.final-assesment.new-ass-btn p {
  color: var(--lms-text-white);
  font-size: 20px;
  line-height: 26px;
}

.final-assesment ul {
  display: flex;
  padding: 0;
  flex-wrap: wrap;
  width: 100%;
  gap: 10px;
}

.final-assesment ul li {
  width: 32.733%;
  position: relative;
  cursor: pointer;
  overflow: hidden;
}

.final-assesment ul li img {
  width: 100%;
}

.final-assesment ul li strong {
  font-weight: 500;
  background-color: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  color: var(--lms-text-white);
  position: absolute;
  transition: 0.45s;
  opacity: 1;
}

.final-assesment ul li:hover strong {
  width: 0;
  opacity: 0;
  font-size: 0;
}

.finl-scr-is strong {
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  display: flex;
  color: var(--lms-dark-blue);
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.finl-scr-is strong span {
  font-size: 30px;
  color: var(--lms-green);
}

.comnt-post {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 10px;
  margin: 14px 0 0;
}

.comnt-post textarea.form-control {
  min-height: 100px;
}

.batch-card-outr .lesn_new_secn_top.first_top {
  padding: 0;
  margin: 0;
  gap: 26px;
}

.batch-card {
  box-shadow: -3px 2px 21px 4px rgba(32, 30, 41, 0.2);
  padding: 20px;
  width: 50%;
}

.batch-info p {
  font-size: 14px;
  margin: 0;
}

strong.batch-head-top {
  font-weight: 500;
  font-size: 20px;
  display: block;
  margin: 0 0 20px;
}

.lesn_new_secn_top.first_top .batch-info p {
  font-size: 14px;
  margin: 0;
  color: #000;
}

.lesn_new_secn_top.first_top .batch-info>p {
  border-bottom: 1px solid var(--lms-border-col-lite);
  padding: 0 0 10px;
  margin: 0 0 10px;
}

.quiz-div .nav-tabs {
  justify-content: flex-start;
}

.batch-material button.accordion-button::after {
  display: none;
}

.batch-material button.accordion-button {
  display: flex;
  justify-content: space-between;
}

.batch-material button.accordion-button i {
  order: 2;
}

.batch-material .accordion-body {
  padding: 0;
}

.batch-material .accordion-body li {
  width: 100%;
}

.batch-material .accordion-body li span i {
  color: var(--lms-green);
}

.batch-material .accordion-body li a {
  color: var(--lms-text-black);
  font-size: 14px;
  display: block;
  border: 0 !important;
  box-shadow: 0 0;
}

.batch-material .accordion-body .nav-tabs li.nav-link.active,
.batch-material .accordion-body li a:focus,
.batch-material .accordion-body li a:hover {
  border: 0;
  box-shadow: 0 0;
}

.batch-material .mat-mdc-tab-body-content {
  overflow: inherit;
}

.mdc-tab.mat-mdc-tab.mat-mdc-focus-indicator.mdc-tab--active.mdc-tab-indicator--active .mat-ripple.mat-mdc-tab-ripple {
  background-color: #f6f7fb;
}

.mat-mdc-tab-body .mat-mdc-tab-group.mat-mdc-tab-group-stretch-tabs>.mat-mdc-tab-header .mat-mdc-tab {
  flex-grow: 0;
}

/* .mat-mdc-tab-body-wrapper {
    border-top: 1px solid var(--lms-border-col);
  } */

.mat-mdc-tab-body-content {
  padding: 30px 1px 14px;
}

.mat-mdc-tab-body-content ul {
  padding: 0;
}

.batch-details .batch-info {
  padding: 10px;
  background: linear-gradient(to top left, #4bbe82 20%, #3f5da8 70%);
  margin: 20px 0;
}

.batch-info h3,
.mat-typography .batch-info h3 {
  color: var(--lms-text-white);
  font-size: 20px;
}

.batch-info span {
  color: var(--lms-text-white);
}

.mat-typography .batch-info p,
.batch-info p {
  color: var(--lms-text-white);
}

.quiz-div-lists {
  padding-bottom: 20px;
}

.list-div-batchs h3,
.mat-typography .list-div-batchs h3 {
  margin: 0;
  font-weight: 500;
}

.list-div-batchs p,
.mat-typography .list-div-batchs p {
  margin: 0;
  font-size: 12px;
}

li.active .list-div-batchs {
  background-color: var(--lms-bg-light);
}

.list-div-batchs {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  border-bottom: 1px solid var(--lms-border-col-lite);
  padding: 10px;
  flex-direction: column;
}

li:last-child .list-div-batchs {
  border-bottom: 0;
}

.left-bordr-div {
  border: 1px solid var(--lms-border-col-lite);
}

.left-bordr-div ul {
  margin-bottom: 0;
}

.ditel-div-batchs {
  position: relative;
  padding-left: 40px;
}

.ditel-div-batchs::before {
  position: absolute;
  left: 10px;
  top: 0;
  content: "";
  height: 100%;
  width: 1px;
  background-color: var(--lms-border-col-lite);
}

.desc-batchs {
  margin: 14px 0;
}

.btch-btns {
  margin-top: 14px;
  display: flex;
  justify-content: flex-end;
}

.progress-bar.bg-warning {
  background-color: var(--lms-dark-blue) !important;
}

.batch-material .mat-mdc-tab-label-container .mat-mdc-tab .mdc-tab__text-label {
  color: var(--lms-text-black);
}

.upcom-tabl .table-responsive th i {
  margin-right: 5px;
}

span.profile_name span.autrby {
  border-radius: 5px;
  overflow: hidden;
  margin-right: 10px;
  width: 26px;
  height: 26px;
  display: inline-block;
  vertical-align: middle;
}

.profile_name img {
  width: 24px;
}

.src-dv-srv {
  display: flex;
  gap: 5px;
  align-items: center;
}

.text-left {
  text-align: left;
}

.mat-mdc-card.mdc-card.mt-2 {
  box-shadow: 0px 0px 7px 0px rgba(32, 30, 41, 0.2);
  padding-bottom: 12px;
}

.normal-text {
  font-size: 16px !important;
  line-height: 23px;
}

.batch-material .accordion-body li a.normal-text {
  font-size: 16px !important;
  line-height: 18px;
  font-family: "Lato", sans-serif !important;
  display: flex;
  gap: 6px;
}

.meet-our-edu.courses-card .card {
  padding: 0;
  border: 0;
}

.meet-our-edu.courses-card .course-tn-name {
  min-height: inherit;
}

.border-radius-50 {
  border-radius: 50%;
}

.normal-text i {
  color: var(--lms-green);
}

.profile-img-container-sm {
  background-color: #000;
  color: #fff;
  width: 20px;
  display: inline-block;
  height: 20px;
  text-align: center;
}

h3.normal-text span.normal-text {
  color: var(--lms-dark-blue);
  font-weight: 500;
}

.btn.shortby.dropdown-toggle {
  border: 1px solid var(--lms-border-col);
  float: right;
}

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

.dropdown-menu.show {
  right: 0;
}

.cp {
  cursor: pointer;
}

.line-through {
  position: relative;
  opacity: 0.6;
}

.line-through::after {
  position: absolute;
  left: 0;
  top: 7px;
  content: "";
  height: 2px;
  background-color: #000;
  width: 100%;
}

.mat-drawer.mat-drawer-side ul {
  padding: 0;
  margin: 0;
}

.mod-inr .form {
  text-align: left;
}

.mod-inr .form ul {
  padding-left: 0;
}

.mod-inr .form ul li {
  display: flex;
  gap: 5px;
}

.swlf_aas_btm {
  display: flex;
  gap: 10px;
  justify-content: center;
}

.radio-qstion {
  width: 50%;
  margin: 0 auto;
  text-align: left;
}

.btn.btn-red {
  background-color: var(--lms-red);
  color: var(--lms-text-white);
}

.btn.btn-red:hover {
  background-color: var(--lms-red-hover);
  color: var(--lms-text-white);
}

.btn.btn-meetng:hover {
  background-color: var(--lms-dark-blue);
}

.becom-educ-page div.content {
  padding: 0 0 0 7%;
}

/* a.mt-2.a-back {
    display: block;
    margin: 20px 0 0 !important;
    padding-left: 20px;
    position: relative;
  }
  a.mt-2.a-back::before{
    content:"\F284";
    position: absolute;
    left: 0;
    font-family:bootstrap-icons!important;
  } */
/* style.css end*/
li.nav-item.fav-btn,
li.nav-item.notifications {
  position: relative;
}


li.nav-item.fav-btn span.noti-count,
li.nav-item.notifications span.noti-count {
  background: var(--lms-dark-blue);
  color: #fff;
  font-size: 10px;
  padding: 1px 4px;
  border-radius: 50%;
  position: absolute;
  right: 0px;
  top: -3px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 13px;
}

.fav-list li {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  flex-wrap: nowrap;
}

.fav-list li span {
  width: 32px;
  height: 32px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
}

.fav-list li span img {
  height: 100%;
  display: block;
}

.fav-div {
  width: 250px;
  position: absolute !important;
  left: -220px !important;
}

#mat-tab-content-0-8 .mat-mdc-card.mdc-card.example-card.mat-mdc-card-outlined.mdc-card--outlined .mat-mdc-card-title {
  font-size: 16px;
  font-weight: 500;
  border-bottom: 1px solid var(--lms-border-col);
}

#mat-tab-content-0-8 .mat-mdc-card.mdc-card.example-card.mat-mdc-card-outlined.mdc-card--outlined .mat-mdc-card-header-text {
  width: 100%;
  margin-bottom: 12px;
}

#mat-tab-content-0-8 .mat-mdc-card.mdc-card.example-card.mat-mdc-card-outlined.mdc-card--outlined {
  border: 1px solid var(--lms-border-col-lite);
  border-radius: 0 0;
  box-shadow: 10px 10px 10px -6px var(--lms-dark-gray);
  width: 25%;
  margin: 0 0px;
}

.lists-lie li {
  padding: 6px 0;
}

.main-content-add .statstics-page .mat-mdc-card-content.text-center {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80%;
}

.mat-typography .hed-comd h1,
.hed-comd h1 {
  font-size: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.com-colr i {
  color: var(--lms-text-white);
  font-size: 24px;
}

/* .mat-mdc-tab-body-content app-statistics {
  display: flex;
  gap: 20px;
} */
ul.lists-lie {
  margin: 0;
  list-style-type: none;
}

.filter-suboption input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

.filter-suboption label {
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  font-weight: 300;
}

.filter-suboption label:before {
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  border: 1.5px solid var(--lms-dark-blue);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05),
    inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 6px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 10px;
}

.filter-suboption input:checked+label:after {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 5px;
  width: 5px;
  height: 8px;
  border: solid var(--lms-green);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.educators-page .shortby-outer-div {
  padding: 10px 0;
}

.educators-page #myView .col-md-4.list-grid {
  margin-bottom: 30px;
}

.all-educators {
  padding-bottom: 20px;
}

.meet-our-edu .layer.course-tn-name.cour-lay-h3 {
  text-align: center;
}

.resource_package_inr {
  background: #fff;
  box-shadow: 0px 3px 6px #00000029;
  margin: 3.5% 0 2%;
  padding: 2%;
}

.resource_package_inr .carousel-item {
  background: #f8f8fa;
}

.resource_package_inr .carousel-item img {
  display: block;
  margin: 0 auto;
}

button.btn-close.start-mod-clos {
  position: absolute;
  right: 0px;
  top: 22px;
}

.modal-body .lesn_new_secn_top {
  background: var(--lms-dark-blue);
  width: 96%;
}

#prerecorded_caro.course-dtls {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: 20px;
}

.subnav .subnav-image {
  height: 58px;
  width: 68px;
  top: 11px;
  left: 0px;
  background-color: rgba(221, 51, 51, 0);
  font-size: 12px;
  font-family: arial;
  color: rgba(0, 0, 0, 1);
}

.layr_data_dv .layer:first-child {
  height: 40px;
  width: 147px;
  top: 6px;
  left: 24px;
  background-color: rgba(192, 192, 192, 0);
  font-size: 12px;
  font-family: "LEMON MILK";
  font-weight: 300;
  letter-spacing: 0.1rem;
  color: rgba(0, 202, 217, 1);
  color: rgba(0, 202, 217, 1);
}

.scrolling-wrapper {
  overflow-x: auto;
  margin: 0 auto !important;
  justify-content: space-between;
}

div#DropDownSearch.subnav {
  top: -8px;
}

.row .bor_lin,
.row .enrolloncourse_top .info-group,
.row .enrolloncourse_top .info-group.line-right {
  margin-bottom: 10px;
}

.accrod_dve .accordion-button::after {
  display: none !important;
}

.accrod_dve .accordion-item:first-of-type .accordion-button {
  background: transparent;
}

.accrod_dve .collapsed .lesn_new_secn_top {
  width: 100%;
  background: transparent;
}

.accrod_dve .accordion-item {
  border-color: #e0e5eb;
  border-radius: 0 0 !important;
  background-color: #f2f4f7 !important;
}

/* .accrod_dve .accordion-button{padding: 0;} */
.accrod_dve .collapsed .lesn_new_secn_top strong,
.accrod_dve .collapsed .lesn_new_secn_top p,
.accrod_dve .collapsed .lesn_new_secn_top span {
  color: #000;
}

.accrod_dve .lesn_new_secn_top p,
.accrod_dve .lesn_new_secn_top strong {
  /* color: #fff; */
  color: var(--lms-dark-blue);
}

.accrod_dve .lesn_new_secn_top span {
  /* color: #fff; */
  color: var(--lms-dark-blue);
  text-align: right;
}

.banner-button.col-lg-8.pt-5 br {
  margin: 4px 0;
}

.school-page #further-course {
  margin-bottom: 30px;
}

a#sortbyButton {
  align-items: center;
  margin-right: 0px;
  padding-left: 0;
  padding-right: 35px;
}

.sing_new_pge_r {
  width: 28%;
}

.sing_new_pge_l {
  width: 70%;
}

.top_cargry_in button.active {
  background-color: var(--lms-dark-blue) !important;
  border-color: var(--lms-dark-blue) !important;
  color: #fff !important;
}

.card.banner-card {
  border-radius: 30px;
}

.modal-header button.close {
  padding: 0;
  border: 0;
  background: none;
}

.modal-header button.close:focus {
  outline: 0;
  border: 0;
  box-shadow: 0 0;
}

.modal-header button.close span {
  font-size: 34px;
  line-height: 12px;
}

.col-lg-12.d-flex.stack-row {
  align-items: start !important;
}

.col-lg-12.d-flex.stack-row input {
  margin-top: 18px !important;
}

.modal-footer {
  justify-content: space-between !important;
}

.bread-crumbs p.breadcrumb {
  font-family: "LEMON MILK";
  color: var(--lms-aqua);
  font-weight: 300;
  font-size: 0.8rem;
  letter-spacing: 0.1rem;
  margin-bottom: 2rem;
  background-color: transparent;
}

.course-banner.page-banner .page-banner-content .educator-image {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  overflow: hidden;
  border: 5px solid var(--lms-aqua);
  margin-right: 1rem;
}

span.itemCount {
  background: #000;
  border-radius: 50%;
  color: #fff;
  height: 15px;
  width: 15px;
  display: block;
  font-size: 10px;
  position: absolute;
  top: 0;
  right: 0;
}

.dropdown.cart_tray button#dropdownMenuButton {
  margin: 0 4px 0 0;
  position: relative;
}

span.btn.lemon-normal {
  padding-left: 5px;
  padding-right: 0;
}

.spacer-bar.spacer-bar-open.search-bar-head {
  height: 66px;
}

.container-fluid.banner.home-banner {
  border-radius: 0;
  margin: 0;
  padding: 0;
  position: relative;
  height: 60vh;
}

#prerecorded_caro.prerecorded_caro .items .zoomimg img,
#prerecorded_caro1.prerecorded_caro .items .zoomimg img,
#tech_caro1.prerecorded_caro .items .zoomimg img,
#tech_caro2.prerecorded_caro .items .zoomimg img,
#tech_caro3.prerecorded_caro .items .zoomimg img,
#tech_caro.prerecorded_caro .items img {
  max-width: inherit !important;
  max-height: inherit !important;
}

#prerecorded_caro.prerecorded_caro .items .zoomimg,
#prerecorded_caro1.prerecorded_caro .items .zoomimg,
#tech_caro1.prerecorded_caro .items .zoomimg,
#tech_caro2.prerecorded_caro .items .zoomimg,
#tech_caro3.prerecorded_caro .items .zoomimg,
#tech_caro.prerecorded_caro .items .zoomimg {
  height: 150px;
}

#tech_caro1 {
  margin-bottom: 10px;
}

div#page-banner.bg-light-newcol.page-banner {
  background: #dee9f4;
}

.pee-reccc {
  padding-bottom: 60px;
}

.info-bar .course-title h4.cour-title {
  font-family: "LEMON MILK";
  color: var(--lms-dark-blue);
  font-size: 1rem;
  letter-spacing: 0.1rem;
  font-weight: 400;
}

.fixed-top .info-bar .course-title h4.cour-title {
  /* color: var(--lms-dark-blue); */
  font-family: "LEMON MILK";
  font-weight: 400;
  color: var(--lms-dark-blue);
  letter-spacing: 0.1rem;
  margin-bottom: 0;
}

#info-bar a.btn.btn-yellow {
  border-radius: 0;
  padding-top: 2rem;
  padding-bottom: 2rem;
  width: 100%;
}

.pagination a.btn.btn-yellow {
  margin: 9px 0 0;
}

.buttn-stat-mod {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}

.btn.btn-only-txt {
  background: none;
  font: normal normal normal 19px/26px LEMON MILK;
  letter-spacing: 2.85px;
  color: #00000099;
}

.btn.btn-bg-txt {
  padding: 10px 20px;
  font-size: 16px;
  border-radius: 5px;
  margin: 0 30px;
}

.buttn-stat-mod button.btn.btn-bg-txt {
  padding: 10px 30px;
  text-align: left;
  font: normal normal normal 19px/26px LEMON MILK;
  letter-spacing: 1.5px;
  color: var(--lms-dark-blue);
  text-transform: uppercase;
  opacity: 1;
  background: #fbbc12 0% 0% no-repeat padding-box;
  border-radius: 0 0;
}

.qzes_div input.form-control:focus {
  box-shadow: 0 0;
  outline: 0;
}

.qzes_div input.form-control {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-color: #00000029;
  font: normal normal normal 16px/26px Lato;
  letter-spacing: 0px;
  color: #5f5f5e;
  opacity: 1;
}

.search-bar-home input::-webkit-input-placeholder,
.qzes_div input::-webkit-input-placeholder {
  color: #212529 !important;
  font-size: 14px;
}

.search-bar-home input:-moz-placeholder,
.qzes_div input:-moz-placeholder {
  color: #212529 !important;
  opacity: 1;
  font-size: 14px;
}

.search-bar-home input::-moz-placeholder,
.qzes_div input::-moz-placeholder {
  color: #212529 !important;
  opacity: 1;
  font-size: 14px;
}

.search-bar-home input:-ms-input-placeholder,
.qzes_div input:-ms-input-placeholder {
  color: #212529 !important;
  font-size: 14px;
}

.modal .tab_modl_dv #pills-home table td {
  font-size: 16px;
  line-height: 21px;
}

.modal .tab_modl_dv #pills-home table td:first-child {
  width: 80px;
}

.modal .tab_modl_dv #pills-home table td:nth-child(2) {
  width: 50px;
}

.modal .tab_modl_dv #pills-home table td:last-child {
  font-weight: 500;
}

.modal .tab_modl_dv #pills-home table td:nth-child(2) img {
  width: 34px;
}

.modal .tab_modl_dv #pills-profile table td {
  font-size: 16px;
  line-height: 21px;
}

.modal .tab_modl_dv #pills-profile table td:first-child {
  width: 50px;
}

.modal .tab_modl_dv #pills-profile table td:last-child {
  font-weight: 500;
}

.modal .tab_modl_dv #pills-profile table td:first-child img {
  width: 30px;
}

#aDropDownukStudy {
  display: none;
}

#DropDown-Search {
  top: -60px;
  width: auto;
}

.container-w {
  padding: 0 2%;
}

.offer-grid .course-label {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.offer-grid .course-label span {
  display: block;
  min-height: 20px;
  text-align: center;
}

.partnerships-banner .main-title.dark-indigo {
  font-size: 3rem !important;
}

.add_bag_l,
.add_bag {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.cart_tray .dropdown-menu.show {
  width: 256px;
  padding: 20px;
  padding: 10px;
  box-shadow: 0px 3px 8px #00000029;
}

.estimt_totl_inr.total-price-div {
  display: flex;
  justify-content: space-between;
}

.add_card_lidt ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

div#SendData {
  margin-top: 16px;
}

div#SendData .btn.enrol-btn.btn-checkout {
  margin: 0 0 10px;
}

div#SendData .btn.enrol-btn.btn-checkout:last-child {
  margin-bottom: 0;
}

.add_card_lidt ul li:last-child {
  margin-bottom: 0;
}

.add_card_lidt ul li {
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 20px;
  gap: 10px;
}

.add_bag_l strong {
  font: normal normal normal 8px/11px LEMON MILK;
  letter-spacing: 1.2px;
  color: var(--lms-dark-blue);
  text-transform: uppercase;
  margin-left: 10px;
}

.add_bag_r strong {
  font: normal normal normal 8px/11px LEMON MILK;
  letter-spacing: 1.2px;
  color: var(--lms-dark-blue);
  text-transform: uppercase;
}

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

.prod_img {
  width: 76px;
  overflow: hidden;
}

.prod_img img {
  width: 100%;
  /* height: 100% !important; */
}

.prod_name {
  width: 67%;
}

.prod_name strong {
  font: normal normal normal 8px/11px LEMON MILK;
  letter-spacing: 1.2px;
  color: var(--lms-dark-blue);
  display: block;
  text-transform: uppercase;
}

.prod_pric strong {
  font: normal normal normal 8px/11px LEMON MILK;
  letter-spacing: 1.2px;
  color: var(--lms-dark-blue);
  text-transform: uppercase;
}

.new-noti {
  background-color: rgba(0, 0, 0, 0.09);
}

.main-content-add .mat-mdc-card-outlined {
  border-radius: 0;
}

.main-content-add .mat-mdc-card-outlined:nth-child(2) h1 {
  color: var(--lms-dark-blue);
}

.main-content-add .mat-mdc-card-outlined:nth-child(3) h1 {
  color: var(--lms-green);
}

.bg-gradient-success,
.datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed tbody tr td.day.today::before {
  background: linear-gradient(to right, #6df2ab, #4dbb80) !important;
}

.bg-gradient-danger {
  background: linear-gradient(to right, #f299a1, #fa5a68) !important;
}

.bg-gradient-info {
  background: linear-gradient(to right, #76a1ed, #3a63ac 99%) !important;
}

.dashboard-sectn .card {
  border-radius: 0;
  border: 0;
}

.card.card-img-holder .card-img-absolute {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
}

.card-body-hd {
  display: flex;
  justify-content: space-between;
  align-self: center;
}

.mat-typography .card-body-hd h4,
.card-body-hd h4 {
  font-size: 20px;
}

.mat-typography .card-body-hd h2,
.card-body-hd h2 {
  font-size: 28px;
}

.card-body-hd i {
  font-size: 20px;
}

.dashboard-sectn .card-text i {
  margin-left: 10px;
}

.dashboard-sectn .card.card-img-holder {
  margin: 10px 0;
}

.dashboard-sectn.statistics-ta {
  width: 99%;
}

.dashboard-sectn.statistics-ta .card.card-img-holder {
  height: 100%;
}

.com-colr span {
  font-size: 20px;
}

.card-body-hd-statc {
  height: 100%;
}

.d-flex.justify-content-between.com-colr {
  margin-bottom: 20px;
}

.hed-comd {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

#int-travel {
  display: none;
}

.head-dropdwn ul,
.keyskills-div li,
.nav-item .dropdown-menu ul,
.head-rit-part ul.head-rit-part-ul,
#further-course .card.border-0.p-0 ul {
  list-style-type: none;
}

.head-dropdwn.dropdown .dropdown-menu {
  padding: 0;
}

.speak-sec-div {
  display: flex;
  gap: 10px;
  margin: 0 0 20px;
}

button.audio-ans-btn,
.speak-sec-div button {
  border-radius: 50%;
  padding: 0;
  border: 0;
  overflow: hidden;
}

.dash-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 14px 0;
}

.admin-cont .batches-pgg .table-responsive {
  min-height: 58vh;
}

.main-content-add .main-content {
  box-shadow: 0 0 !important;
}

.batches-pgg .mat-mdc-tab-body-content,
.batches-pgg .mat-mdc-tab-body.mat-mdc-tab-body-active {
  overflow: hidden !important;
}

.admin-cont .main-content-inner.batches-pgg .top_scne {
  padding-top: 0;
}

.search-bar-out {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.main-content-inner.batches-pgg {
  min-height: 82vh;
}

.main-content.auto-min-height {
  min-height: 74vh;
}

.nav-item .dropdown-menu li strong.fw-bold {
  width: 100%;
}

.header_below_section h1 {
  font-size: 25px !important;
  line-height: 30px !important;
  font-weight: 600 !important;
  color: #fff !important
}

.white_bg {
  padding-top: 30px !important;
  padding-right: 0px !important;
  padding-bottom: 30px !important;
  padding-left: 0px !important;
  background-color: #ffffff !important;
}

.common-language-para-text {
  text-align: start !important;
}

.common-head-text {
  text-align: start;
  font-family: 'Lato', sans-serif;
  color: #3c64aa !important;
  font-size: 30px !important;
  line-height: 35px !important;
  font-weight: 800 !important;
}

.innr-info img {
  height: 400px !important;
  width: 100% !important;
}

span.err-msg {
  color: red;
}

.upcom-tabl {
  min-height: 50vh;
}

.main-tablediv {
  display: flex;
  border: 1px solid #e0e5eb;
}

.main-tablediv-left {
  width: 22%;
  display: flex;
  justify-content: space-between;
}

.tab-content.main-tablediv-right {
  width: 78%;
}

.main-tablediv-left ul {
  display: flex;
  flex-direction: column;
}

.mobile-tab-btn {
  display: none;
  position: absolute;
  right: 0px;
  top: 0px;
  background: var(--lms-dark-blue);
  color: var(--lms-text-white);
  width: 40px;
  height: 40px;
  border: 0;
}

.main-tablediv-right .tab-pane>h3 {
  padding: 20px 20px 0 20px;
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 580;
  letter-spacing: 0.2rem;
  /* border-bottom: 1px solid #e0e5eb; */
}

.main-tablediv-right-com {
  height: 450px;
  overflow-y: auto;
}

.main-tablediv-right-com::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #f5f5f5;
}

.main-tablediv-right-com::-webkit-scrollbar {
  width: 6px !important;
  background-color: #f5f5f5;
}

.main-tablediv-right-com::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: var(--lms-dark-blue) !important;
}

/* responsive */

@media (max-width: 1920px) {

  .page-banner-text.prepage,
  .sing_new_pge_in {
    padding-left: 90px;
  }


}

@media screen and (max-width: 1400px) {
  .home-banner-left h1 {
    letter-spacing: 0.5rem;
    font-size: 4.5rem;
    font-weight: 400;
  }

  .home-banner-left h2 {
    font-weight: 700;
    font-size: 1.25rem;
    letter-spacing: 0.1rem;
    margin-bottom: 1rem;
  }

  .title-banner-blue-arrow {
    width: 58%;
  }

  .school-page .info-1-p {
    width: auto;
    max-height: 74vh;
    overflow-y: scroll;
    padding-right: 10px;
    margin-bottom: 50px;
  }

  .profile-page-inner #myTab.nav-tabs li.nav-item button.nav-link {
    font-size: 88%;
  }

  .profile-page-inner #myTab.nav-tabs {
    width: 23%;
  }

  .profile-page-inner #myTabContent.tab-content {
    width: 77%;
  }
}

@media (max-width: 1366px) {

  .page-banner-text.prepage,
  .sing_new_pge_in {
    padding-left: 100px;
  }
}

@media (max-width: 1365px) {

  .page-banner-text.prepage,
  .sing_new_pge_in {
    padding-left: 130px;
  }
}

@media screen and (max-width: 1199px) {
  .navbar-collapse.collapse.d-sm-inline-flex.top-header {
    display: none !important;
  }
}

@media screen and (max-width: 1040px) {
  .school-info-1-text {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .admin-cont .batches-pgg .table-responsive,
  .main-content.auto-min-height {
    min-height: inherit;
  }
}

@media screen and (max-width: 1340px) {
  .title-banner-text {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .button-yellow {
    max-width: 30vw;
  }

  .course-banner.page-banner .page-banner-content .page-banner-text {
    margin-top: 0;
    padding-top: 0;
  }

  .school-info-2-text {
    top: -100%;
  }

  .main-tablediv-right-com {
    height: auto;
    overflow-y: inherit;
  }
}

@media screen and (max-width: 1320px) {
  .dark-blue-divider {
    margin-top: 3rem;
  }
}

@media screen and (max-width: 1306px) {
  .top_scne.d-flex.justify-content-between.align-items-center.clntlists {
    flex-direction: column;
  }

  .top_scne.d-flex.justify-content-between.align-items-center.clntlists .top_scne_iii.d-flex.align-items-center {
    justify-content: space-between !important;
  }

  .top_scne.d-flex.justify-content-between.align-items-center.clntlists .top_scne_iii.d-flex.align-items-center .btns-mid.ms-2 {
    justify-content: flex-end !important;
    margin: 0;
    margin-left: 0px;
  }

  .top_scne.d-flex.justify-content-between.align-items-center.clntlists .search-container.mt-3 .input-group,
  .top_scne.d-flex.justify-content-between.align-items-center.clntlists .search-container.mt-3 {
    max-width: 100% !important;
    width: 100% !important;
  }

  #mat-tab-content-0-8 .mat-mdc-card.mdc-card.example-card.mat-mdc-card-outlined.mdc-card--outlined {
    width: 100%;
    max-width: 92%;
    margin: 0 auto;
  }

  /* .mat-mdc-tab-body-content app-statistics {
    flex-direction: column;
  } */
}

@media screen and (max-width: 1200px) {
  .educator-banner.banner .container {
    padding-top: 0;
  }

  .educator-banner-bg {
    background-position: right top;
  }

  #mobileNavMenu.mob-mnu li a.btn.login-btn.text-white.text-center,
  #mobileNavMenu .btn.login-btn.text-white.text-center.mcick {
    border-radius: 0;
    margin: 2px 0;
    text-align: left !important;
  }

  .home-banner-left h1 {
    letter-spacing: 0.5rem;
    font-size: 3.5rem;
    font-weight: 400;
  }

  .home-banner-left h2 {
    font-weight: 700;
    font-size: 1.25rem;
    letter-spacing: 0.1rem;
    margin-bottom: 1rem;
  }

  #mobile-global-search {
    display: block;
  }

  .banner-button.col-lg-12.pt-5.p-0 a.btn.btn-yellow {
    margin-left: 0;
    margin-right: 0;
    float: left;
  }

  .navbar-collapse.collapse.d-sm-inline-flex.flex-sm-row-reverse {
    display: none !important;
  }

  .admin-headr .navbar-collapse.collapse.d-sm-inline-flex.flex-sm-row-reverse {
    display: block !important;
  }

  #mobileNavMenu button.btn-mobile-nav,
  #mobileNavMenu a.btn-mobile-nav {
    font-family: "Lato";
    text-align: left;
    font-size: 16px !important;
    background-color: white;
    border-radius: 0px;
    color: black;
    border-color: var(--lms-dark-gray);
  }

  #mobileNavMenu.mob-mnu li.nav-item.login-btns {
    padding: 15px;
  }

  #mobileNavMenu.mob-mnu li.nav-item.login-btns a {
    width: 90px;
  }

  nav.admin-nav {
    padding: 5px 10px;
  }

  .admin-headr button.navbar-toggler {
    display: block !important;
  }

  .admin-headr .navbar-collapse.collapse.d-sm-inline-flex.flex-sm-row-reverse {
    display: none !important;
  }

  .admin-headr .navbar-collapse.collapse.d-sm-inline-flex.flex-sm-row-reverse.show {
    display: block !important;
    flex-basis: 100%;
  }

  .admin-headr .navbar-expand-sm .navbar-nav {
    display: block;
  }

  .admin-headr .container {
    flex-wrap: wrap !important;
  }

  .purchased-resour .courses-h-list .layer.single-carousel-item {
    width: 19%;
  }

  .mobile-nav-item,
  #mobile-global-search,
  .navbar-expand-xl .navbar-toggler {
    display: block !important;
  }

  .col-md-6.text-right.abt-img-div {
    order: 2;
    margin-bottom: 20px;
  }

  .col-md-6.abt-txt-div {
    margin-top: 20px;
    order: 1;
  }

  .col-md-6.text-right.abt-img-div img {
    width: 100%;
  }

  .col-md-6.text-right.abt-img-div img {
    display: block;
  }

  .container,
  .container-lg,
  .container-md,
  .container-sm {
    max-width: 100%;
  }

  .mobile-tab-btn {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
  }

  #mobile-tabs {
    display: none;
  }

  .main-tablediv-left {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
  }

  .tab-content.main-tablediv-right {
    width: 100%;
  }

  .main-tablediv {
    flex-direction: column;
    margin: 20px 0;
  }

  .main-tablediv-left #mobile-tabs {
    width: 100%;
  }
}

@media screen and (max-width: 1150px) {
  .chaeckout .prod_brif_des {
    grid-template-columns: 33% 29% 24% 24%;
  }

  .row.margin-none.partnerships-banner-content.partnerships-banner-row {
    padding-left: 13px !important;
  }

  .row.margin-none.partnerships-banner-content.partnerships-banner-row {
    padding-left: 13px !important;
  }
}

@media screen and (max-width: 1086px) {

  .copyright .row.col-lg-10.pb-3 .col-lg-3.footer-link-title.d-flex.pt-3.pb-3,
  .copyright .row.col-lg-10.pb-3 .col-lg-4.footer-link-title.pt-3.pb-3.d-flex {
    width: 48%;
  }

  .school-page .title-banner-text-left.w-75 h1 {
    font-size: 3rem;
  }

  #admin .courses-banner {
    width: 100%;
  }

  #admin .welcome-desc.mobile.display-off-mobile {
    display: none;
  }

  #admin .page-banner-img.admin-backn.mobile.display-on-mobile {
    display: block !important;
    margin-top: 10px;
  }

  #admin .page-banner-img.admin-backn.mobile.display-on-mobile .banner-img {
    clip-path: polygon(100% -55560%, 0% 60%, 100% 100%, 100% 0%) !important;
    height: 400px;
    border-radius: 0;
  }

  #admin .page-banner-img.mobile .divider {
    transform: rotate(-78deg);
    height: 61%;
    left: 43%;
    width: 3%;
    position: absolute;
    bottom: 29px;
    top: inherit;
  }

  #admin .banner.welcome {
    border-radius: 0;
    width: 100%;
    min-width: 100%;
  }

  #admin .welcome-title {
    transform: inherit;
    padding: 0 30px;
    margin: -100px 0 0;
  }

  .table-responsive,
  .responsive-table {
    overflow-x: auto;
  }

  .table-responsive td,
  .table-responsive th,
  .responsive-table td,
  .responsive-table th {
    white-space: nowrap;
    width: auto !important;
  }

  .responsive-table table.table.table-hover {
    width: 100%;
    table-layout: inherit !important;
  }
}

@media screen and (max-width: 1029px) {
  .school-info-cutout .cutout.display-on-mobile {
    display: block !important;
  }

  .school-info-cutout .cutout.display-off-mobile {
    display: none !important;
  }

  .school-page .school-info-2 .cutout.display-off-mobile {
    display: none !important;
  }

  .school-info-cutout .cutout.display-on-mobile {
    display: block !important;
  }
}

@media screen and (max-width: 1499px) {
  #courseList {
    gap: 10px;
  }

  .filter-result .single-item .item-image {
    height: 200px;
  }
}

@media screen and (max-width: 1031px) {
  educator-banner.col-lg-12.row .col-lg-5.pt-4.resp-padd-top {
    width: 60%;
  }
}

@media screen and (max-width: 1180px) {
  .btn-group.btn-group-sm.ms-auto.btn-download-group {
    display: flex;
    flex-direction: column;
  }

  .btn-group.btn-group-sm.ms-auto.btn-download-group .mx-2 {
    margin: 0 !important;
  }

  .top_scne_rt .form-control.search-bar-input {
    width: 100%;
  }
}

@media screen and (max-width: 1030px) {
  .school-page .title-banner-blue-arrow img.display-off-mobile {
    display: none !important;
  }

  .get-to-knww .partnerships-banner.partnerships-banner-contact-background {
    height: auto !important;
  }

  .get-to-knww .main-title.dark-indigo {
    width: auto;
  }

  .school-page .school-info-2-text {
    display: flex;
    margin: 0;
    top: 0;
    background: #cddeee;
    padding: 20px;
  }

  img.cutout.display-on-mobile {
    height: auto;
  }

  .school-page .school-info-2 {
    height: auto;
  }

  .school-page .school-info-2-text .info-2-left {
    display: none;
  }

  .school-page .info-2-right {
    width: 100%;
    margin: 0;
  }

  .container.educator-banner-bg.mobil-bg-div {
    background-image: none !important;
  }

  .educator-img-container.resp-mob-div {
    position: absolute !important;
    top: 12% !important;
    z-index: 1;
    left: 21% !important;
    right: 0;
    width: 250px !important;
    height: 250px !important;
  }

  .col-lg-5.pt-4.resp-padd-top {
    padding-top: 42% !important;
  }

  .col-lg-7.edu-background.display-on-mobile {
    overflow: inherit;
  }

  .page-banner .page-banner-img.mobile .banner-accent {
    transform: rotate(-80deg);
    top: -14px;
    height: 100%;
  }

  .privacy-div.for-moblie {
    padding-top: 4% !important;
  }

  .for-moblie {
    padding-top: 14% !important;
  }

  .school-page .title-banner .title-banner-text {
    background: rgb(63, 201, 214, 0.8);
    position: relative;
    width: 100%;
    max-width: 100%;
    top: 0;
    padding: 0 6% 6%;
    margin: 0;
  }

  .school-page .title-banner {
    overflow: inherit;
    height: auto;
  }

  .container-fluid.banner.home-banner {
    position: relative;
    overflow: inherit;
    height: auto;
  }

  .school-page .title-banner-blue-arrow {
    width: 100%;
  }

  .school-page .title-banner-text-left.w-75 h1.w-90.font-size-new,
  .school-page .title-banner-text-left.w-75 h1 {
    font-size: 2.5rem !important;
  }

  .school-page .light-blue-divider {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }

  .school-page .info-1-left {
    width: 97% !important;
  }

  .school-page .browse-schools .browse-container .slick-prev.slick-arrow {
    right: 50px;
    top: -56px;
    display: block !important;
  }

  .school-page .browse-schools .browse-container .slick-next.slick-arrow {
    right: 18px;
    top: -56px;
    display: block !important;
  }

  .banner-icon.mobile img {
    width: 100px !important;
    height: auto !important;
  }

  .payment_page_inner {
    display: block !important;
  }

  .payment_page_inner .payment_div {
    width: 100% !important;
    padding: 3%;
  }

  .resource_package.payment_page.bg-light-blue.py-2 {
    padding-top: 16% !important;
  }

  .mobile-nav-item {
    display: block;
  }

  .sortOptionButton a#sortbyButton.btn.content {
    position: relative;
    padding-right: 0px;
  }

  .filter-result .single-item .single-item-bg {
    margin: 0;
  }

  .filter-search #searchResults #courseList {
    padding: 0;
  }

  .filter-search-col {
    display: none;
  }

  .filter-search-col.filter-respon {
    display: block;
  }

  #filtersSearch {
    height: auto;
  }

  #page-banner .container.page-banner-content .row.d-flex.align-items-center {
    margin: 0;
  }

  #page-banner .container.page-banner-content .row.d-flex.align-items-center .col-lg-12 {
    padding: 0;
  }

  .count-sortby {
    padding: 20px 0px 0;
  }

  .sortOptionButton.ms-auto.ng-star-inserted {
    position: relative;
    right: 0px;
  }

  .container-fluid.get-to-knww .banner.home-banner.partnerships-contact-banner.partnerships.partnerships-banner.partnerships-banner-contact-background {
    padding: 0;
  }

  .prout_price h3,
  .desc_div>h4 {
    font-size: 100% !important;
  }

  .prod_brif_titl {
    display: none !important;
  }

  .qntty {
    margin: 10px;
  }

  .deletBtn {
    right: 20px !important;
    top: 33px !important;
  }

  .chaeckout .prod_brif_des {
    display: flex !important;
    gap: 20px;
    flex-wrap: wrap;
  }

  .payment_page_inner .detaild_pays .desc_div {
    margin: 0;
  }

  .chaeckout .prod_brif_des>div {
    width: auto !important;
  }

  .chaeckout .prod_brif_des>div.qntty {
    margin-top: 10px;
    margin-bottom: 0;
    position: relative;
  }

  .banner.home-banner.partnerships.top-bannr-part .home-banner-blue-arrow img.display-on-mobile {
    width: 100%;
    display: block !important;
  }

  .banner.home-banner.partnerships.top-bannr-part .home-banner-blue-arrow {
    position: relative;
    width: 100% !important;
  }

  .home-banner-blue-arrow {
    width: 100% !important;
    position: relative;
  }

  .home-banner-blue-arrow img {
    display: none;
  }

  .home-banner-blue-arrow img {
    width: 100%;
  }

  .home-banner-text {
    width: 100%;
    max-width: 100%;
  }

  .home-banner {
    height: auto;
  }

  .copyright .col-lg-4.footer-link-title.pt-3.pb-3.d-flex {
    display: block !important;
  }

  span.footer-link-title {
    text-align: left;
  }

  .container-flex.partnerships-banner.contact.contact-us>img.display-on-mobile {
    width: 100%;
    position: relative;
    top: 10px;
    z-index: 1;
  }

  .container-flex.partnerships-banner.contact.contact-us .container {
    background-color: #cddeee;
    max-width: 100%;
    padding: 0 50px;
  }

  .container-flex.partnerships-banner.contact.contact-us {
    background-image: url("../img/contact-image-mob.png") !important;
    position: relative;
    background-size: contain;
    background-position: center top;
    padding: 0;
  }

  .filter-title .title::after {
    content: var(--lms-filter-collapse);
    float: right;
  }

  .filter-title .title {
    position: relative;
  }

  .container-fluid.white-bg-white.filter-search .col-lg-9.col-md-12,
  .container-fluid.white-bg-white.filter-search .col-md-3 {
    width: 100%;
  }

  .col-lg-5.pt-4.resp-padd-top {
    position: relative;
    top: 0%;
    z-index: 1;
  }

  .single-sector img {
    height: auto;
    width: 36px !important;
  }

  .educator-info-bar.container-flex.bg-gray.info-bar .single-sector {
    justify-content: flex-start !important;
  }

  .container.userprofile-div {
    margin-top: 40px;
  }
}

@media screen and (max-width: 1029px) {
  .educator-education.container-flex.gray-card.white-bg-white .col-lg-6.col-md-12.pb-4 {
    width: 100% !important;
  }

  #Virtual-Classrooms.container-flex.bg-light-blue.content-section.for-moblie {
    padding-top: 4% !important;
  }

  .resource_package.bg-light-blue.py-2.for-moblie {
    padding-top: 4% !important;
  }

  .container.userprofile-div {
    margin-top: 40px;
  }

  .col-lg-6.card-content .col-lg-9 {
    width: 100%;
    margin-bottom: 5px;
  }

  .banner-card .col-lg-6.card-content {
    width: 54%;
  }

  .banner-icon.mobile.display-on-mobile,
  .page-banner-img.mobile.display-on-mobile {
    display: none !important;
  }

  .educator-banner .container.educator-banner-bg.mobil-bg-div {
    background-image: url("../img/edu-background.png") !important;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right top;
  }

  .educator-banner .col-lg-5.pt-4.resp-padd-top {
    padding-top: 0% !important;
    width: 64%;
  }

  .educator-banner.banner .educator-img-container {
    top: 0;
  }

  .pagination .nav-item {
    width: auto;
  }

  #further-course.for-moblie {
    padding-top: 3% !important;
  }

  .detaild_pays {
    margin: 0px 0 0;
  }

  .container-fluid.white-bg-white.filter-search .col-lg-9.col-md-12 {
    width: 100%;
  }

  .about-us-wide-img {
    display: block;
  }

  .resources_caro .courses-h-list .layer.single-carousel-item {
    width: 21.8%;
  }

  .resource_package.payment_page.bg-light-blue.py-2 {
    padding-top: 1% !important;
  }

  .home-banner-blue-arrow img.display-on-mobile {
    display: block !important;
  }

  .container-flex.partnerships-banner.contact.contact-us .display-on-mobile {
    display: block !important;
  }

  #contact-partnerships-banner {
    width: 100% !important;
  }

  #contact-partnerships-banner {
    position: relative;
  }

  #showMore.show-more.col-lg-9 {
    width: 100%;
  }

  #paginationFixed .row.d-flex.align-items-left.text-center {
    justify-content: center;
  }

  .prerec-cour .filter-result {
    width: 100%;
  }

  .container.filter-search.srces.white-bg-white {
    padding-top: 0;
  }

  .container-fluid.white-bg-white.filter-search.prerec-cour {
    padding-bottom: 0;
  }

  .container-fluid.white-bg-white.filter-search.prerec-cour #filterTitle {
    border: 1px solid #dcdcdc;
    padding: 10px;
  }
}

@media screen and (max-width: 999px) {
  .search-bar-home input {
    padding-left: 0px;
  }

  #uk-students1 .virtual-class-img {
    width: 100% !important;
  }

  #uk-students1 .social-icons.col-lg-10.mt-5,
  #uk-students1 .single-social.col-md-2.col-3.zoom {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  #course-overview1.col-lg-8.pb-4 {
    width: 60%;
  }

  #courseoverviewdiv.col-lg-4.pb-4 {
    width: 40%;
  }

  .tab-blo-div-head strong {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 10px;
  }

  .tab-blo-div-head {
    flex-direction: column;
  }

  .tab-blo-div-head strong span {
    font-size: 14px;
    padding-top: 2px;
    margin-bottom: 10px;
  }

  .container-fluid.white-bg-white.filter-search.prerec-cour {
    padding-left: 0;
    padding-right: 0;
  }

  .container-fluid.white-bg-white.filter-search.prerec-cour .container>div.px-4 {
    padding: 0 !important;
  }
}

@media screen and (max-width: 992px) {
  .page-banner-img.mobile.display-on-mobile {
    display: block !important;
    width: 50% !important;
    order: 2;
    margin-top: 0;
  }

  .page-banner .page-banner-img.mobile .banner-accent {
    transform: rotate(-80deg);
    top: -74px;
    height: 80%;
  }

  #page-banner .banner-icon img {
    width: 100px !important;
  }

  .col-lg-5.page-banner-text {
    width: 50% !important;
    order: 1;
  }

  .display-off-mobile.col-lg-7.page-banner-img {
    display: none !important;
  }

  .page-banner-excerpt.page-banner-icon.row .col-lg-8 {
    width: 66%;
  }

  .page-banner-excerpt.page-banner-icon.row .col-lg-4.banner-icon.display-off-mobile {
    width: 27%;
  }

  .virtual-class-img {
    width: 40% !important;
  }

  .row.margin-none.partnerships-banner-content.partnerships-banner-row {
    padding-left: 0 !important;
  }

  .new-pre-record-page-blw {
    padding: 140px 0 30px;
  }

  .cors-ovrvew-progr.cors-left-progr,
  .new-pre-record-page-blw .col-8.col-md-8.col-sm-12,
  .new-pre-record-page-blw .col-4.col-md-4.col-sm-12 {
    width: 100%;
  }

  .new-pre-record-page-baner {
    margin-top: 140px;
  }

  .new-pre-record-page-baner-left {
    width: 46%;
  }

  .new-pre-record-page-baner-right {
    width: 54%;
  }

  #video-container-big video,
  .lesn_new_secn_data video {
    width: 100% !important;
  }

  .pee-reccc .ovrw_cont {
    margin-top: 30px;
  }

  .pee-reccc .exercise-div-prerecord {
    padding-left: 0;
  }

  .pee-reccc .exercise-div span {
    margin-left: 0;
    margin-bottom: 10px;
  }

  .pee-reccc .info-bar .course-title h4.cour-title {
    margin: 20px 0;
  }

  .pee-reccc #info-bar .col-lg-3.single-sector {
    justify-content: center !important;
    margin-bottom: 20px;
    width: auto;
    margin: 0 auto;
  }

  .pee-reccc .lesn_new_secn_data {
    padding-left: 0;
    padding-right: 0;
  }

  .pee-reccc .lesn_new_secn ul li.unit-row-prerecord .col-md-8,
  .pee-reccc .lesn_new_secn ul li.unit-row-prerecord .col-md-4 {
    width: auto !important;
  }

  .exercise-div.exercise-div-prerecord span {
    display: block;
  }

  .pee-reccc {
    padding-bottom: 0px !important;
  }

  .pee-reccc .educator .col-lg-8 .ovrw_cont {
    margin-top: 0px;
  }

  .pee-reccc .keyskill.container-flex.gray-card.white-bg-white {
    padding: 0;
  }

  .pee-reccc .keyskill.container-flex.gray-card.white-bg-white .card.gray-card-info {
    margin: 0;
  }

  .lesn_new_secn_top.first_top {
    flex-direction: column;
  }

  .lesn_new_secn_top.first_top p {
    font-size: 14px !important;
  }
}

@media screen and (max-width: 991px) {
  .page-banner-img.mobile.display-on-mobile {
    display: block !important;
    width: 100% !important;
    order: inherit;
    margin-top: 0;
  }

  .page-banner .page-banner-img.mobile .banner-accent {
    transform: rotate(-80deg);
    top: 42px;
    height: 80%;
  }

  #page-banner .banner-icon img {
    width: 100px !important;
  }

  .col-lg-5.page-banner-text {
    width: 100% !important;
    order: inherit;
  }

  .banner-icon.mobile.display-on-mobile {
    display: block !important;
  }

  .display-off-mobile.col-lg-7.page-banner-img {
    display: none !important;
  }

  .page-banner-excerpt.page-banner-icon.row .col-lg-8 {
    width: auto;
  }

  .page-banner-excerpt.page-banner-icon.row .col-lg-4.banner-icon.display-off-mobile {
    width: auto;
  }

  .col-lg-6.virtual-class-img-container.pt-2.pb-2 img {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  .using-uegg .container-flex.content-section.bg-light-blue,
  .using-uegg .container-flex.content-section.white-bg-white {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }

  .partnerships-banner.contact .main-content-para,
  .email.contact {
    font-size: 16px !important;
  }

  .col-lg-4.footer-link-title.pt-3.pb-3.d-flex,
  .col-lg-3.footer-link-title.d-flex.pt-3.pb-3 {
    width: auto;
  }

  .home-banner-text {
    top: -80% !important;
  }

  #contact-partnerships-text {
    top: 0px !important;
  }

  .home-banner-blue-arrow {
    width: 100% !important;
  }

  .home-banner-text.partnerships {
    top: 23% !important;
  }

  .partnerships .home-banner-blue-arrow {
    width: 100% !important;
  }

  .educator-banner .edu-background img {
    width: 100%;
  }

  .container,
  .container-md,
  .container-sm {
    max-width: 100% !important;
    width: 100% !important;
  }

  .educator-banner .container.educator-banner-bg.mobil-bg-div {
    background-image: none !important;
  }

  .educator-banner .col-lg-5.pt-4.resp-padd-top {
    padding-top: 46% !important;
    width: 53%;
  }

  .container {
    max-width: 100% !important;
    width: 100% !important;
  }

  .contact-item.contact-item-checkbox p {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .contact-item.contact-item-checkbox p span {
    width: 93%;
    margin-top: -3px;
  }

  .ordr2 {
    order: 2 !important;
  }

  .ordr1 {
    order: 1 !important;
  }

  .pagination a.nav-link.active::after {
    bottom: -0.5rem !important;
  }

  .resource_package.bg-light-blue.py-2.for-moblie {
    padding-top: 14% !important;
  }

  .detaild_pays {
    margin: 20px 0 0;
  }

  #page-banner.container-flex.bg-light-blue.page-banner.course-banner.white-bg-white {
    padding-top: 12%;
  }

  #Virtual-Classrooms.container-flex.bg-light-blue.content-section.for-moblie {
    padding-top: 16% !important;
  }

  button.btn.btn-edtng {
    margin: 0 !important;
  }

  .top_scne_in {
    width: 100%;
  }

  .top_scne {
    gap: 10px;
  }

  .btns-mid {
    width: 100%;
    margin: 10px 0;
    justify-content: flex-end;
  }

  .btns-rit {
    width: 100%;
  }

  .clntlists .top_scne_in {
    width: auto;
  }

  .top_scne.d-flex.justify-content-between.align-items-center.clntlists .top_scne_iii.d-flex.align-items-center .btns-mid.ms-2 {
    width: 50%;
  }
}

@media (max-width: 991px) and (min-width: 767px) {
  .home-banner-text {
    top: -80% !important;
  }

  #contact-partnerships-text {
    top: 0px !important;
  }

  .home-banner-text.partnerships {
    top: 23% !important;
  }
}

@media (max-width: 991px) and (min-width: 710px) {
  .partnerships .home-banner-blue-arrow {
    width: 100% !important;
  }
}

@media screen and (max-width: 990px) {
  .white-bg-white .container.for-moblie.privacy-div {
    padding-top: 14% !important;
  }

  .container.for-moblie.privacy-div>div>.col-lg-8 {
    margin-top: 30px;
  }

  .resource_package.for-moblie {
    padding-top: 10% !important;
  }

  .container {
    max-width: 100% !important;
    width: 100% !important;
  }

  .educator-banner .container.educator-banner-bg.mobil-bg-div {
    background-image: none !important;
  }

  .banner-icon.mobile.display-on-mobile,
  .page-banner-img.mobile.display-on-mobile {
    display: block !important;
  }

  .get-to-knww .partnerships-banner.partnerships-banner-contact-background {
    height: auto !important;
  }

  .banner-card .col-lg-6.card-content {
    width: 100%;
  }

  .btn.btn-primary.btn-find-out-more {
    width: auto;
  }

  .display-on-mobile {
    display: block !important;
  }

  .get-to-knww .main-title.dark-indigo {
    width: auto;
  }

  .school-page .school-info-2-text {
    display: flex;
    margin: 0;
    top: 0;
    background: #cddeee;
    padding: 20px;
  }

  img.cutout.display-on-mobile {
    height: auto;
  }

  .school-page .school-info-2 {
    height: auto;
  }

  .school-page .school-info-2-text .info-2-left {
    display: none;
  }

  .school-page .info-2-right {
    width: 100%;
    margin: 0;
  }

  .container.educator-banner-bg.mobil-bg-div {
    background-image: none !important;
  }

  .educator-img-container.resp-mob-div {
    position: absolute !important;
    top: 12% !important;
    z-index: 1;
    left: 21% !important;
    right: 0;
    width: 250px !important;
    height: 250px !important;
  }

  .col-lg-5.pt-4.resp-padd-top {
    padding-top: 42% !important;
  }

  .col-lg-7.edu-background.display-on-mobile {
    overflow: inherit;
  }

  .page-banner .page-banner-img.mobile .banner-accent {
    transform: rotate(-80deg);
    top: 6px;
    height: 100%;
  }

  .privacy-div.for-moblie {
    padding-top: 20% !important;
  }

  .for-moblie {
    padding-top: 20% !important;
  }

  .school-page .title-banner .title-banner-text {
    background: rgb(63, 201, 214, 0.8);
    position: relative;
    width: 100%;
    max-width: 100%;
    top: 0;
    padding: 0 6% 6%;
    margin: 0;
  }

  .school-page .title-banner {
    overflow: inherit;
    height: auto;
  }

  .container-fluid.banner.home-banner {
    position: relative;
    overflow: inherit;
    height: auto;
  }

  .school-page .title-banner-blue-arrow {
    width: 100%;
  }

  .school-page .title-banner-text-left.w-75 h1.w-90.font-size-new,
  .school-page .title-banner-text-left.w-75 h1 {
    font-size: 2.5rem !important;
  }

  .school-page .light-blue-divider {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }

  .school-page .info-1-left {
    width: 97% !important;
  }

  .school-page .browse-schools .browse-container .slick-prev.slick-arrow {
    right: 50px;
    top: -56px;
    display: block !important;
  }

  .school-page .browse-schools .browse-container .slick-next.slick-arrow {
    right: 18px;
    top: -56px;
    display: block !important;
  }

  .banner-icon.mobile img {
    width: 100px !important;
    height: auto !important;
  }

  .payment_page_inner {
    display: block !important;
  }

  .payment_page_inner .payment_div {
    width: 100% !important;
    padding: 3%;
  }

  .resource_package.payment_page.bg-light-blue.py-2 {
    padding-top: 16% !important;
  }

  .mobile-nav-item {
    display: block;
  }

  .sortOptionButton a#sortbyButton.btn.content {
    position: relative;
    padding-right: 0px;
  }

  .filter-result .single-item .single-item-bg {
    margin: 0;
  }

  .filter-search #searchResults #courseList {
    padding: 0;
  }

  .filter-search-col {
    display: none;
  }

  .pb-5.filter-search-col {
    padding-bottom: 0 !important;
  }

  .filter-search-col.filter-respon {
    display: block;
  }

  #filtersSearch {
    height: auto;
  }

  #page-banner .container.page-banner-content .row.d-flex.align-items-center {
    margin: 0;
  }

  #page-banner .container.page-banner-content .row.d-flex.align-items-center .col-lg-12 {
    padding: 0;
  }

  #paginationFixed .row.d-flex.align-items-left.text-center {
    justify-content: center;
  }

  .count-sortby {
    padding: 20px 0px 0;
  }

  a#sortbyButton {
    margin-right: 26px;
  }

  .sortOptionButton.ms-auto.ng-star-inserted {
    position: relative;
    right: 0;
  }

  .container-fluid.get-to-knww .banner.home-banner.partnerships-contact-banner.partnerships.partnerships-banner.partnerships-banner-contact-background {
    padding: 0;
  }

  .prout_price h3,
  .desc_div>h4 {
    font-size: 100% !important;
  }

  .prod_brif_titl {
    display: none !important;
  }

  .qntty {
    margin: 10px;
  }

  .deletBtn {
    right: 20px !important;
    top: 33px !important;
  }

  .chaeckout .prod_brif_des {
    display: flex !important;
    gap: 20px;
    flex-wrap: wrap;
  }

  .payment_page_inner .detaild_pays .desc_div {
    margin: 0;
  }

  .chaeckout .prod_brif_des>div {
    width: auto !important;
  }

  .chaeckout .prod_brif_des>div.qntty {
    margin-top: 10px;
    margin-bottom: 0;
    position: relative;
  }

  .banner.home-banner.partnerships.top-bannr-part .home-banner-blue-arrow img.display-on-mobile {
    width: 100%;
  }

  .banner.home-banner.partnerships.top-bannr-part .home-banner-blue-arrow {
    position: relative;
  }

  .userprofile-div {
    margin-top: 140px;
  }

  .container.userprofile-div {
    width: 100% !important;
    margin: 10px auto;
    top: 120px;
    margin-bottom: 120px;
    padding: 20px;
    position: relative;
  }

  .pagination a.nav-link.active::after {
    bottom: -0.5rem !important;
  }

  .resources_caro .courses-h-list .layer.single-carousel-item {
    width: 20% !important;
  }

  .resource_package_inr .carousel-item {
    padding: 3% !important;
  }

  .resource_package_inr .carousel-item img {
    height: 100%;
  }

  #further-course .container {
    padding: 0;
  }
}

@media screen and (max-width: 991px) {
  .home-banner-text {
    padding: 0;
  }
}

@media screen and (max-width: 932px) {
  .new-pre-record-page-baner {
    flex-direction: column;
  }

  .new-pre-record-page-baner-right {
    width: 100%;
    order: 1;
  }

  .new-pre-record-page-baner-left {
    width: 100%;
    order: 2;
  }

  .purchased-resour .courses-h-list .layer.single-carousel-item {
    width: 24%;
  }

  .display-off-mobile.col-lg-7.page-banner-img {
    padding-right: 0 !important;
  }

  .col-lg-5.page-banner-text {
    padding-left: 0 !important;
  }

  .page-banner-excerpt.page-banner-icon.row.col-lg-12.d-flex.align-items-center .col-lg-8 {
    padding-left: 0;
  }

  .single-social.col-md-2.col-3 {
    text-align: left;
  }

  .container.trusted-content-container h3.title {
    margin-top: 20px;
  }

  .enrolloncourse_top .row.d-flex.align-items-center.w-100 {
    gap: 0px;
  }
}

@media screen and (max-width: 875px) {
  .purchased-resour .courses-h-list .layer.single-carousel-item {
    width: 23.9%;
  }

  #educator-banner.educator-banner.educator-details .col-lg-5.pt-4.resp-padd-top {
    width: auto;
  }

  .white-bg-white .container.for-moblie.privacy-div {
    padding-top: 20% !important;
  }

  .social-icons.col-lg-10.mt-5 {
    margin-bottom: 40px;
  }

  #page-banner.container-flex.bg-light-blue.page-banner.course-banner.white-bg-white {
    padding-top: 16%;
  }
}

@media screen and (max-width: 810px) {
  .scrollable-list li {
    min-width: 50%;
  }

  .course-details-content .course-details-list li::before {
    display: none;
  }

  .course-details-content .course-details-list li {
    width: auto;
    padding-right: 10px;
    margin-right: 10px;
  }

  .container {
    max-width: 100%;
  }

  .course-banner {
    height: auto;
  }

  .course-details-content .course-details-list li:not(:last-of-type) {
    margin-right: 10px;
    padding-right: 10px;
  }

  .educator-innr {
    gap: 5px;
  }

  .testi-left-content.white-content {
    text-align: center;
  }

  .partner-secn ul {
    justify-content: center;
  }

  .resource_package.for-moblie {
    padding-top: 15% !important;
  }

  .partnerships-banner .main-title.dark-indigo {
    font-size: 290% !important;
  }

  .container-fluid.banner.home-banner.partnerships-contact-banner.partnerships.partnerships-banner.partnerships-banner-contact-background {
    min-width: 100%;
    height: auto;
  }

  .sub-banner-background.banner-display-on-mobile.blue-triangle.partnerships,
  .container-fluid.banner.home-banner.partnerships-contact-banner.partnerships.partnerships-banner.partnerships-banner-contact-background #contact-partnerships-banner {
    width: 100% !important;
    height: 100%;
  }

  .container-fluid.banner.home-banner.partnerships-contact-banner.partnerships.partnerships-banner.partnerships-banner-contact-background #contact-partnerships-banner img {
    display: none;
  }

  .container-fluid.banner.home-banner.partnerships-contact-banner.partnerships.partnerships-banner.partnerships-banner-contact-background #contact-partnerships-text {
    top: 0 !important;
    position: relative;
  }

  #nav-tabContent .container-flex.content-section.bg-light-blue {
    padding-bottom: 0;
  }

  .banner-button.col-lg-8.pt-5 br {
    display: block;
    margin: 5px;
  }

  .banner-button.col-lg-8.pt-5 button.btn.btn-gray,
  .banner-button.col-lg-8.pt-5 a.btn.btn-yellow {
    padding: 7px;
    font-size: 14px !important;
  }

  .school-page .school-info-1-text {
    max-width: 100%;
    top: -40%;
  }

  .school-page .school-info-1-text .info-1-left {
    width: 100% !important;
  }

  .school-page .school-info-1-text .info-1-right {
    display: none;
  }

  .school-page .school-intro {
    display: block;
  }

  .school-page .school-info-1 {
    min-height: 1060px;
  }

  .banner-display-off-mobile {
    display: none !important;
  }

  .banner-display-on-mobile {
    display: block !important;
  }

  .school-page .school-intro-text {
    width: 100%;
  }

  .title-banner {
    position: relative;
  }

  .title-banner .title-banner-text {
    max-width: 100%;
    padding: 10px;
    margin: 0 auto;
    top: 100px;
    position: absolute;
    width: 92%;
    left: 0;
    right: 0;
  }

  .title-banner .title-banner-text .button-yellow {
    max-width: fit-content;
  }

  .page-banner .page-banner-img.mobile .banner-img {
    clip-path: polygon(0 0, 0 40%, 100% 100%, 100% 0);
    clip-path: polygon(0 0, 0 190px, 2120px 520px, 1200px 0);
  }

  .educator .ovrw_cont_cont .btn.btn-yellow {
    margin: 0 !important;
    display: block;
  }

  .educator .ovrw_cont_cont {
    width: 100% !important;
  }

  .p_profil {
    display: block !important;
    text-align: center;
  }

  .p_profil_l {
    margin: 0 auto !important;
  }

  .p_profil_r {
    width: 100% !important;
    margin-top: 20px;
  }

  .containerforall {
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
    padding-bottom: 20px;
  }

  .containerforall:last-child {
    border: 0;
    margin: 0;
    padding: 0;
  }

  .col-lg-4.footer-link-title.pt-3.pb-3.d-flex {
    display: block !important;
  }

  span.footer-link-title {
    margin-right: 0;
    margin-bottom: 10px;
    display: block;
  }

  .accrod_dve .collapsed .lesn_new_secn_top p {
    width: 50%;
  }

  .accrod_dve-no-modl .lesn_new_secn_top.lesson-heading strong {
    width: 25%;
  }

  .pagination .nav-item a.nav-link {
    position: relative;
    margin: 10px 0;
  }

  .banner {
    min-width: 100%;
  }

  .container.home-banner-text,
  .home-banner-left.col-lg-6 {
    padding: 20px;
  }

  .home-banner-left h1.course-heading {
    margin-bottom: 5px;
    line-height: 20px;
  }

  .container-fluid.banner.home-banner.home-top-bane .home-banner-left h2 {
    font-size: 14px;
  }

  .home-banner-blue-arrow {
    width: 100% !important;
    position: relative;
  }

  .home-banner-blue-arrow img {
    display: none;
  }

  .home-banner-blue-arrow img {
    width: auto;
  }

  .fixed-top {
    position: relative;
  }

  .privacy-div.for-moblie {
    padding-top: 25% !important;
  }

  .virtual-class-img,
  .image.virtual-class-img.w-80 {
    width: 100% !important;
  }

  .partnerships .home-banner-blue-arrow.formobil {
    background: rgba(3, 20, 74, 0.9);
    width: 100% !important;
    height: 100% !important;
  }

  .sub-banner-background.banner-display-on-mobile.blue-triangle.partnerships img {
    display: none;
  }

  .col-lg-6.virtual-class-img-container,
  .col-lg-6.virtual-class-img-container {
    width: 100%;
    padding: 0 !important;
  }

  .footer_top .subnav {
    display: flex !important;
  }

  .footer_top .tab-pane .subnav .flex-column {
    width: 100%;
  }

  #searchResults #courseList .col-lg-4.single-item.pb-5 .item-title {
    padding-top: 10px;
  }

  #searchResults #courseList .col-lg-4.single-item.pb-5 {
    width: 100%;
  }

  .detaild_pays {
    display: block;
  }

  .pays_div,
  .desc_div {
    width: 100%;
  }

  .resources_caro .courses-h-list .layer.single-carousel-item {
    width: 29% !important;
    margin-bottom: 0 !important;
  }

  #page-banner .banner-icon.mobile.display-on-mobile {
    text-align: left;
    padding-left: 10px;
  }

  #page-banner .banner-icon.mobile.display-on-mobile img {
    width: 72px !important;
    margin: 0 0 0 15px;
  }

  .single-social.col-md-2.col-3 {
    width: 80px;
  }

  .school-page .lmtitle {
    font-size: 14px;
  }

  .school-page .courses-card {
    padding-left: 0;
    padding-right: 0;
  }

  .school-page .info-1-p {
    width: auto;
    max-height: 40vh;
    overflow-y: scroll;
    padding-right: 10px;
    margin-bottom: 50px;
  }

  #contact-partnerships-text.container {
    width: 100%;
    max-width: 100%;
  }

  #contact-partnerships-banner {
    top: 0% !important;
  }

  .banner-home-banner.container {
    padding: 0;
  }

  .container.my-4 {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0;
  }

  .offer-grid {
    flex-wrap: wrap;
    gap: 20px;
  }

  .offer-grid div {
    text-align: center;
    display: flex;
    flex-direction: column;
  }

  .lesn_new_secn_top span {
    top: 10px;
  }

  .accrod_dve .collapsed .lesn_new_secn_top p {
    width: 100%;
    display: block;
    margin: 10px 0;
  }

  .accrod_dve-no-modl .lesn_new_secn_top.lesson-heading strong {
    width: 110px;
  }

  .accrod_dve .collapsed .lesn_new_secn_top {
    display: block;
  }

  .home-banner {
    height: auto;
  }

  #contact-partnerships-banner.home-banner-blue-arrow.get-to-knw {
    position: relative;
  }

  #contact-partnerships-text {
    top: 0% !important;
  }

  .partnerships-banner.partnerships-banner-contact-background {
    height: auto !important;
  }

  .page-banner-img.mobile.display-on-mobile {
    padding: 0;
  }

  #page-banner .page-banner-img.mobile.display-on-mobile {
    padding: 20px 0 0;
  }

  .page-banner .page-banner-img.mobile .banner-accent {
    transform: rotate(-82deg);
    top: 0px;
  }

  .page-banner .page-banner-content .page-banner-text {
    padding-left: 20px;
    padding-right: 20px;
  }

  .videothumbnailcls .videothumbnailimg {
    width: 100%;
    height: auto;
  }

  .new-pre-record-page-baner h1.title {
    font-size: 28px;
    line-height: 37px;
  }

  .lesn_new_secn_top span {
    right: 0 !important;
    top: 0;
  }

  .prog-out-div {
    width: 35%;
  }

  .filter-result .single-item .single-item-bg {
    margin-left: 0;
    margin-right: 0;
  }

  #educator-banner .container.educator-banner-bg.mobil-bg-div,
  #educator-banner .container.educator-banner-bg.mobil-bg-div .col-lg-7.edu-background.display-on-mobile {
    padding-left: 0;
    padding-right: 0;
  }

  .payment_page_inner {
    padding: 15px;
  }

  .school-logo {
    margin-bottom: 30px;
  }

  #admin .page-banner-img.mobile .divider {
    display: none;
  }

  .lebel-text {
    margin-right: 5px;
  }
}

@media screen and (max-width: 1025px) {
  .purchased-resour .courses-h-list .layer.single-carousel-item {
    width: 23.7%;
  }

  .admin-cont button.btn.btn-edtng,
  .admin-cont .btns-rit .btn-primary {
    width: auto;
  }

  /* .top_scne_rt{margin-left: 10px;} */
  .top_scne_in button.btn.btn-edtng-add {
    margin: 0;
  }

  .top_scne {
    margin-bottom: 5px;
  }

  #DropDown-Search.subnav-open {
    top: 64px;
    box-shadow: 0px 3px 6px #00000029;
  }

  /* .search-bar .fa-search{top: 10px;} */
}

@media screen and (max-width: 364px) {
  .white-bg-white .container.for-moblie.privacy-div {
    padding-top: 40% !important;
  }

  .navbar .navbar-brand svg {
    height: 33px !important;
  }

  .resource_package.bg-light-blue.py-2.for-moblie {
    padding-top: 38% !important;
  }

  #page-banner .page-banner-img.mobile.display-on-mobile {
    padding: 60px 0 0;
  }
}

@media screen and (max-width: 1024px) {
  .main-content-inner {
    padding: 10px;
  }

  .prerec-cour #searchResults.row {
    padding: 0;
  }

  .prerec-cour .filter-result #sortbyButton1 {
    padding-right: 0;
  }

  .ueg-sidenav {
    z-index: 999999;
    position: fixed;
    box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2),
      0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12) !important;
  }

  .mat-drawer-content {
    margin-left: 0 !important;
  }

  .main-content {
    padding: 10px;
  }

  .comn-ckbxe.row {
    padding: 10px 14px 0 !important;
  }

  #no-more-tables table,
  #no-more-tables thead,
  #no-more-tables tbody,
  #no-more-tables th,
  #no-more-tables td,
  #no-more-tables tr {
    display: block;
  }

  #no-more-tables td,
  #no-more-tables tr {
    padding: 16px 14px;
  }

  #no-more-tables thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  #no-more-tables tr {
    border: 1px solid #ccc;
  }

  #no-more-tables td {
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 50%;
    white-space: normal;
    text-align: left;
    display: flex;
    word-break: break-all;
    align-items: center;
  }

  #no-more-tables td:before {
    position: absolute;
    /* top: 6px; */
    top: auto;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    text-align: left;
    font-weight: bold;
    line-height: 14px;
    font-size: 14px;
  }

  #no-more-tables td:before {
    content: attr(data-title);
    word-break: break-all;
    white-space: break-spaces;
  }

  .actn-btn-td {
    display: flex;
    flex-direction: column;
  }

  #no-more-tables p figure table tr {
    border: 0 !important;
  }

  #no-more-tables p figure table td {
    padding: 0 !important;
  }

  div.dataTables_length label.mt-2 {
    margin: 0 !important;
  }

  a.mt-2.a-back {
    margin: 10px 0px !important;
    display: block;
  }

  #no-more-tables td a.mt-2.a-back {
    margin: 0 3px !important;
  }

  .bottom-secne {
    padding: 10px;
  }

  .top_scne_iii .btns-mid.ms-2 {
    margin: 10px 0 0 !important;
  }

  #no-more-tables tbody tr:first-child td h4 {
    position: absolute;
    left: 0;
    text-align: center;
    width: 100%;
  }

  #no-more-tables .table.table-no-striped tbody td .form-switch {
    margin-left: 0;
  }

  .col-lg-6.mt-4.login-div {
    width: 50%;
    margin: 40px auto !important;
  }

  .col-lg-6.mt-4.login-div h3,
  .col-lg-6.mt-4.login-div h4 {
    text-align: center;
  }

  #newPassword.form-control.w-50,
  #confirmNewPassword.form-control.w-50,
  #currentPassword.form-control.w-50,
  .col-lg-6.mt-4.login-div .form-control.login {
    width: 100%;
  }

  .col-lg-6.mt-4.login-div .mb-3.form-check {
    display: flex;
    justify-content: center;
    gap: 10px;
  }

  .col-lg-6.mt-4.login-div p {
    text-align: center;
  }

  .col-lg-6.mt-4.login-div .btn.btn-primary {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .school-page .info-1-p {
    max-height: 57vh;
  }

  .batch-card {
    width: 100%;
  }

  .ditel-div-batchs {
    padding-left: 0;
  }

  .ditel-div-batchs::before {
    display: none;
  }
}

@media screen and (max-width: 1199px) {
  .courses-box.center-secn {
    flex-direction: column;
  }

  header.sticky-top .navbar-toggler {
    border-radius: 0;
    padding: 5px;
  }
}

@media screen and (max-width: 768px) {
  .col-md-6.text-right.abt-img-div {
    order: 1;
  }

  .admin-cont button.btn.btn-edtng,
  .admin-cont .btns-rit .btn-primary {
    width: 100%;
  }

  .col-md-6.abt-txt-div {
    order: 2;
  }

  .container,
  .container-md,
  .container-sm {
    max-width: 100% !important;
    width: 100% !important;
  }

  .partnerships-banner .col-lg-5.main-content.p-0.shadow-none {
    margin-bottom: 0;
  }

  .lmtitle {
    width: 82%;
  }

  .banner.home-banner {
    background-position: center center;
  }

  .page-banner .page-banner-img.mobile .banner-accent {
    transform: rotate(-82deg);
    top: -40px;
  }

  .resource_package.for-moblie {
    padding-top: 20% !important;
  }

  .col-md-6.contact-item input.form-control {
    display: block;
    width: 100%;
  }

  .page-banner .page-banner-img.mobile .banner-accent {
    top: -18px;
    height: 100%;
  }

  .mat-mdc-card button.btn.btn-sm.btn-outline-secondary.float-right.mt-2.optn-dlt {
    margin-top: 0 !important;
  }

  .mat-mdc-card button.btn.btn-sm.btn-outline-secondary.float-right.mt-2 {
    padding: 0;
    border: 0;
    margin: 16px 0 0 !important;
  }

  .row.sub-optn-div .col-lg-1.col-sm-1 {
    width: 10%;
    padding: 0;
  }

  .row.qstn-dv .col-lg-11.col-sm-11 {
    width: 90%;
  }

  .row.qstn-dv .col-lg-1.col-sm-1 {
    width: 10%;
  }

  .row.sub-optn-div .col-lg-2.col-sm-2 {
    width: 20%;
  }

  .row.sub-optn-div .col-lg-9.col-sm-9 {
    width: 70%;
  }

  .row.sub-optn-div .col-lg-2.col-sm-2 .form-label.lebel-text {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .col-lg-6.virtual-class-img-container>img {
    margin-bottom: 80px;
  }

  #uk-students1 .col-lg-6.virtual-class-img-container>img {
    margin-bottom: 10px;
  }

  .col-lg-6.virtual-class-img-container {
    margin-bottom: 30px;
  }

  .partnerships .home-banner-blue-arrow {
    width: 110% !important;
  }

  .home-banner-blue-arrow {
    width: 100% !important;
  }

  .usr-mod-div {
    flex-direction: column;
  }

  .usr-mod-div-r,
  .usr-mod-div-l {
    width: 100%;
  }

  .usr-mod-div-l .nav-tabs {
    display: flex;
  }

  .usr-mod-div-l .nav-tabs li.nav-item {
    width: 22%;
  }

  .usr-mod-div-l .nav-tabs .nav-link {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 16px;
    gap: 10px;
  }

  .user-prof-act-dtl .col-md-6 {
    width: 100%;
  }

  .usr-prfl-sec {
    flex-direction: column;
  }

  .user-details-div {
    width: 100%;
    margin-top: 30px;
  }

  .offer-grid .course-label {
    width: 42%;
  }

  .resource_package.bg-light-blue.py-2.for-moblie {
    padding-top: 17% !important;
  }

  #Virtual-Classrooms.container-flex.bg-light-blue.content-section.for-moblie {
    padding-top: 20% !important;
  }

  .prd_dlticon {
    margin-top: -15px;
    margin-left: 157px;
  }

  .smlImg {
    width: 12px;
    height: 12px;
  }

  .bottom-secne {
    justify-content: center;
    padding: 10px;
    gap: 8px;
  }

  .blue_bg.wowl_footer footer .col-md-2:nth-child(1) {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: center;
  }

  .blue_bg.wowl_footer footer .col-md-2:nth-child(1) .footer_logo_two {
    top: 0;
  }

  .navbar-brand img {
    height: 26px;
  }
}

@media (max-width: 710px) and (min-width: 545px) {
  .partnerships .home-banner-blue-arrow {
    width: 100% !important;
  }
}

@media screen and (max-width: 685px) {
  .list-div-batchs {
    flex-direction: column;
    align-items: flex-start;
  }

  /* .sortOptionButton a#sortbyButton.btn.content.dropdown-toggle::after {
      right: 0 !important;
    }
     */
  .col-lg-5.pt-4.resp-padd-top .col-lg-8.pt-4 p.content.mb-3 {
    font-size: 14px !important;
  }

  .purchased-resour .courses-h-list .layer.single-carousel-item {
    width: 32%;
  }

  .resources_caro .courses-h-list .layer.single-carousel-item {
    width: 46% !important;
  }

  .resource_package.payment_page.bg-light-blue.py-2 {
    padding-top: 20% !important;
  }

  .chaeckout>div:first-child {
    margin-top: 0;
    padding-top: 0;
    border: 0;
  }

  .white-bg-white .container.for-moblie.privacy-div {
    padding-top: 24% !important;
  }

  .resource_package.bg-light-blue.py-2.for-moblie {
    padding-top: 21% !important;
  }

  #page-banner.container-flex.bg-light-blue.page-banner.course-banner.white-bg-white {
    padding-top: 19%;
  }

  #Virtual-Classrooms.container-flex.bg-light-blue.content-section.for-moblie {
    padding-top: 23% !important;
  }

  .contact-info .yellow-tag .tag-title {
    margin-left: 0;
  }

  .usr-mod-div-l .nav-tabs li.nav-item {
    width: 100%;
  }

  #course-overview1.col-lg-8.pb-4 {
    width: 100%;
  }

  #courseoverviewdiv.col-lg-4.pb-4 {
    width: 100%;
  }

  .start-course-div {
    width: 100%;
    margin: 0;
  }
}

@media screen and (max-width: 598px) {
  .school-page .info-1-p {
    max-height: 27vh;
  }

  .purchased-resour .courses-h-list .layer.single-carousel-item {
    width: 48%;
  }

  .offer-grid .course-label {
    width: 100%;
  }

  .for-moblie {
    padding-top: 25% !important;
  }

  h4.title,
  .lesson-number {
    font-size: 14px !important;
    line-height: 16px !important;
    margin-top: 5px;
  }

  .resourcecls.col-lg-3-csm.single-item.pb-5.ng-star-inserted {
    padding-bottom: 0px !important;
  }

  #page-banner .page-banner-img.mobile.display-on-mobile {
    padding: 40px 0 0;
  }

  .course-banner.page-banner .page-banner-content .educator-info .educator-text {
    width: 100%;
  }

  #admin .secondary-title {
    font-size: 28px;
  }

  #admin .welcome-title {
    padding: 0 10px;
  }

  .btns-mid,
  .btns-rit {
    width: 100%;
    flex-direction: column;
  }

  .admin-cont button.btn.btn-edtng,
  .admin-cont .btns-rit .btn-primary {
    width: 100%;
  }
}

@media screen and (max-width: 601px) {
  .ueg-sidenav {
    /* width: 100% !important; */
    z-index: 999999;
    position: fixed;
    box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2),
      0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12) !important;
  }

  .mat-drawer-content {
    margin-left: 0 !important;
  }

  .top_scne.d-flex.justify-content-between.align-items-center.clntlists .top_scne_iii.d-flex.align-items-center .btns-mid.ms-2 {
    width: 100%;
    margin: 10px 0 0 !important;
  }
}

@media screen and (max-width: 561px) {
  .school-logo {
    margin-bottom: 30px;
  }

  .resource_package.for-moblie {
    padding-top: 25% !important;
  }

  .resources_caro .courses-h-list .layer.single-carousel-item {
    width: 44% !important;
  }

  .privacy-div.for-moblie {
    padding-top: 25% !important;
  }

  #further-course.for-moblie {
    padding-top: 5% !important;
  }

  #Virtual-Classrooms.for-moblie {
    padding-top: 40% !important;
  }

  .for-moblie {
    padding-top: 30% !important;
  }

  .school-page .title-banner-text-left.w-75 h1.w-90.font-size-new,
  .school-page .title-banner-text-left.w-75 h1 {
    font-size: 1.52rem !important;
  }

  .partnerships-contact-banner.partnerships .home-banner-text .contact-info a {
    font-size: 16px;
  }

  .school-page .admissions h4 {
    font-size: 4vmin;
  }

  /* .school-page .school-info-1 {
      min-height: 1220px;
    } */
  .school-page .school-info-1 {
    min-height: 840px;
  }

  .school-page .info-1-p {
    max-height: 19vh;
  }

  .offer-grid div {
    width: 100%;
  }

  .home-banner.partnerships .home-banner-text {
    position: relative !important;
  }

  .get-started-footer {
    margin-top: 20px !important;
  }

  .image.virtual-class-img.w-74 {
    width: 100%;
  }

  .btn.btn-yellow {
    background: #f2d415 !important;
    border-color: #f2d415 !important;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    height: auto;
    margin: 0 auto;
    display: block;
  }

  .col-lg-5.pt-4.resp-padd-top {
    padding-top: 82% !important;
    position: inherit;
  }

  .educator-banner .edu-background img {
    width: 100%;
  }

  .educator-month-content {
    padding: 10px !important;
  }

  .educator-details.educator-banner .edu-background img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  .educator-details.educator-banner .col-lg-7.edu-background.display-on-mobile img {
    width: 100%;
  }

  .educator-details.educator-banner.banner .edu-background {
    height: 100%;
    bottom: 0;
    z-index: 0;
  }

  .educator-details.educator-banner .educator-banner.col-lg-12.row {
    padding: inherit;
    z-index: 1;
  }

  .educator-details .educator-img-container.resp-mob-div {
    position: absolute !important;
    z-index: 1;
    left: 0% !important;
    right: 0;
    margin: 40px auto 0;
  }

  #educator-banner.educator-banner.educator-details .col-lg-5.pt-4.resp-padd-top {
    padding-top: 54% !important;
    position: inherit;
  }

  .educator-details .col-lg-5.pt-4.resp-padd-top {
    padding-top: 90% !important;
    position: inherit;
  }

  .about-img-div {
    padding: 0;
  }

  .container.virtual-class-container .social-icons.col-lg-10.mt-5 {
    margin-bottom: 40px;
  }

  .container-fluid.banner.home-banner.banner-contact-us .home-banner-header-divider {
    margin-bottom: 20px;
  }

  .container-fluid.banner.home-banner.banner-contact-us h2 {
    margin-top: 20px;
  }

  .container-flex.partnerships-banner.contact.contact-us {
    background-image: url("../img/contact-image-mob.png") !important;
    position: relative;
    background-size: contain;
    background-position: center top;
    padding: 0;
  }

  .container-flex.partnerships-banner.contact.contact-us .container {
    background-color: #cddeee;
    padding-left: 15px;
    padding-right: 15px;
  }

  .row.margin-none.partnerships-banner-content.partnerships-banner-row {
    margin: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .container-flex.partnerships-banner.contact.contact-us>img.display-on-mobile {
    width: 100%;
    position: relative;
    top: 10px;
    z-index: 1;
  }

  .partnerships-banner-row {
    padding: 3rem;
  }

  .container-fluid.banner.home-banner.partnerships-contact-banner.partnerships.prtnrship-pg.partnerships-banner.partnerships-banner-contact-background #contact-partnerships-text {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .container-fluid.banner.home-banner.partnerships.top-bannr-part .home-banner-blue-arrow {
    height: 100%;
    position: relative;
  }

  .videothumbnailcls .videothumbnailimg,
  .urlvideoplayer {
    height: auto !important;
  }

  .course-overview p {
    font-size: 16px;
  }

  .page-banner .page-banner-content .page-banner-text {
    padding-left: 26px;
    padding-right: 26px;
  }

  .resource_package_inr .carousel.slide .carousel-inner .active.carousel-item {
    height: auto !important;
  }

  #userDetailsForm .row {
    flex-direction: column;
  }

  .userprofile-div .form-group.col-md-6 {
    width: 100% !important;
  }

  #subscriptionStatusDiv {
    margin: 10px 0;
  }

  .about-banner .home-banner-text {
    padding-bottom: 1rem;
  }

  .resource_package.bg-light-blue.py-2.for-moblie {
    padding-top: 26% !important;
  }

  .using-uegg .col-lg-6.virtual-class-img-container>img {
    margin-bottom: 0px;
  }

  .dataTables_length {
    display: flex;
    padding: 0;
    gap: 5px;
  }

  div.dataTables_length select {
    font-size: 13px;
    padding-right: 14px;
    width: 42px;
    background-position: 94% center;
  }

  div.dataTables_length label.mt-2 div.mx-2 .btn.btn-dark.text-white.mx-3 {
    margin: 0 2px !important;
  }

  div.dataTables_length label {
    font-size: 13px;
  }

  div.dataTables_length label.mt-2 .btn.btn-dark.text-white {
    width: 22px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
  }

  .dataTables_length label div.mx-2 {
    display: flex !important;
  }

  .pegin_sec button img {
    width: 100%;
  }

  div.dataTables_length label.mt-2 span {
    font-size: 13px;
  }

  div.dataTables_length label.mt-2 {
    margin: 0 !important;
    align-items: center;
    display: flex;
  }

  .fc .fc-button-group>.fc-button {
    display: flex !important;
  }

  .fc .fc-button .fc-icon {
    font-size: 0.8em !important;
  }

  .fc-direction-ltr .fc-toolbar>*> :not(:first-child) {
    margin-left: 0px !important;
    font-size: 10px !important;
  }

  .qstin-sec {
    flex-direction: column;
  }

  .qstin-sec-txt,
  .qstin-sec-img {
    width: 100%;
  }
}

@media screen and (max-width: 545px) {
  .availability-box {
    margin: 5px;
  }

  #contact-partnerships-banner {
    top: 0% !important;
  }

  .container.home-banner-text.partnerships .home-banner-left h1,
  .home-banner-left h1 {
    font-size: 1.5rem !important;
  }

  .main-banner-line.white {
    width: 100% !important;
  }

  .container.home-banner-text.partnerships .col-lg-6.home-banner-left h1 {
    font-size: 2.5rem !important;
  }

  .banner.home-banner.partnerships.top-bannr-part p {
    width: 101%;
  }

  .single-social.col-md-2.col-3 {
    width: 64px;
  }

  .chaeckout>div {
    gap: 10px;
  }

  .payment_page_inner .detaild_pays {
    width: 86% !important;
  }

  .qntty_innr input {
    width: 70% !important;
  }

  .chaeckout .prod_brif_des>div {
    width: 39% !important;
  }

  .chaeckout .prod_brif_des>div.qntty {
    margin-top: 0px;
    width: 50% !important;
  }

  .payment_page_prod {
    height: 40px;
    width: 40px;
  }

  .chaeckout .prod_brif_des>div.qntty {
    margin-top: 10px;
    margin-bottom: 0;
    position: relative;
    width: auto !important;
    margin: 12px 0 0 0px;
  }

  .chaeckout .prod_brif_des>div {
    width: auto !important;
  }

  .resource_package.for-moblie {
    padding-top: 34% !important;
  }

  .user-details-div ul li {
    width: 100%;
    text-align: center;
  }

  #educator-banner.educator-banner.educator-details .col-lg-5.pt-4.resp-padd-top {
    padding-top: 64% !important;
  }

  .pagination a.nav-link.active::after {
    bottom: -0.5rem !important;
  }

  .resource_package.payment_page.bg-light-blue.py-2 {
    padding-top: 25% !important;
  }

  .col-lg-4.footer-link-title.pt-3.pb-3.d-flex,
  .col-lg-3.footer-link-title.d-flex.pt-3.pb-3 {
    width: 100%;
  }

  .white-bg-white .container.for-moblie.privacy-div {
    padding-top: 29% !important;
  }

  #Virtual-Classrooms.container-flex.bg-light-blue.content-section.for-moblie {
    padding-top: 28% !important;
  }

  .profile_img {
    height: 100%;
    width: 100%;
  }

  .modal-title.d-inline-block.align-middle.ml {
    margin-left: 0 !important;
  }

  .col-lg-6.mt-4.login-div {
    width: 96%;
    margin: 40px auto !important;
  }

  .accrod_dve .lesn_new_secn_top {
    display: block;
  }

  .accrod_dve .lesn_new_secn_top p {
    margin: 10px 0 0;
    width: 100%;
  }

  .crs-con-txt {
    width: 100%;
  }

  .crs-con-cont li {
    display: block;
  }

  .crs-con-img {
    margin-bottom: 10px;
  }

  .crs-con-img img {
    width: 100%;
  }
}

@media screen and (max-width: 460px) {
  #educator-banner.educator-banner.educator-details .col-lg-5.pt-4.resp-padd-top {
    padding-top: 94% !important;
    width: 100%;
  }

  .resource_package.payment_page.bg-light-blue.py-2 {
    padding-top: 30% !important;
  }

  .resource_package.bg-light-blue.py-2.for-moblie {
    padding-top: 32% !important;
  }

  #page-banner.container-flex.bg-light-blue.page-banner.course-banner.white-bg-white {
    padding-top: 24%;
  }

  /* .page-banner .page-banner-img.mobile .banner-accent {
      top: -16px;
      height: 80%;
    } */

  #Virtual-Classrooms.container-flex.bg-light-blue.content-section.for-moblie {
    padding-top: 32% !important;
  }

  .page-banner .page-banner-img.mobile .banner-accent {
    top: 21px;
    height: 70%;
  }

  .top_scne_calndr {
    display: flex;
    gap: 10px;
    flex-direction: column;
    width: 100%;
  }

  .top_scne_in.d-flex.justify-content-between.align-items-center.top_scne_calndr_div {
    flex-direction: column;
    justify-content: flex-start !important;
  }

  .top_scne_in.d-flex.justify-content-between.align-items-center.top_scne_calndr_div h1 {
    width: 100%;
  }
}

@media screen and (max-width: 403px) {
  .school-page .info-1-p {
    max-height: 18vh;
  }

  .chaeckout .prod_brif_des>div.qntty {
    margin-top: 0;
  }

  .btn {
    font-size: 13px !important;
  }

  .top_scne h1 {
    font-size: 17px !important;
  }

  .page-banner .page-banner-img.mobile .banner-accent {
    transform: rotate(-82deg);
    /* top: -50px; */
  }

  .resource_package.for-moblie {
    padding-top: 40% !important;
  }

  .purchased-resour .courses-h-list .layer.single-carousel-item {
    width: 100%;
  }

  .resources_caro .courses-h-list .layer.single-carousel-item {
    width: 100% !important;
  }

  .resource_package.payment_page.bg-light-blue.py-2 {
    padding-top: 38% !important;
  }

  #Virtual-Classrooms.for-moblie {
    padding-top: 46% !important;
  }

  .white-bg-white .container.for-moblie.privacy-div {
    padding-top: 34% !important;
  }

  #Virtual-Classrooms.container-flex.bg-light-blue.content-section.for-moblie {
    padding-top: 39% !important;
  }

  p.content {
    padding: 0;
  }

  #no-more-tables td.actn-btns {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  #no-more-tables td.actn-btns button.btn.btn-sm {
    display: block;
    width: 100%;
    margin: 0 !important;
  }

  #no-more-tables td.actn-btns button.btn.btn-sm.btn-secondary.ng-star-inserted {
    margin: -14px 0 0px !important;
  }

  @media (max-width: 576px) {
    .w-sm-100 {
      width: 100% !important;
    }
  }
}