@charset "UTF-8";
:root {
  --black-color: #000000;
  --black-color2: #1b2021;
  --black-color3: #424647;
  --active-black-color3: #424647;
  --black-color4: #131617;
  --black-color5: #424242;
  --black-color6: #a2a4a4;
  --white-color: #ffffff;
  --white-color2: #fbfbfe;
  --heading-box-bg: #fbfbfe;
  --body-bg: #fff;
  --active-bg-color: #eeb543;
  --gray-color-bg: #efeef2;
  --table-gray-color-bg: #efeef2;
  --gray-color-bg2: #b7b7b7;
  --gray-opacity-bg: #fbfbfe1a;
  --gray-opacity2-bg: #b7b7b733;
  --grey-color: #a5a5a5;
  --grey-color2: #7a7e86;
  --input-border-color: #e8e9e9;
  --input-placeholder-color: #a2a4a4;
  --submit-button-bg: #eeb543;
  --back-button-bg: #fbfbfe;
  --white: 255, 255, 255;
  --orange-color: #f8e1b2;
  --more-arrow-bg: #f8e1b2;
  --orange-color2: #fdf8ec;
  --voilet-color: #5b507a;
  --yellow-color: #a77f2f;
  --table-border-color: #e8e9e9;
  --modal-bg-color: rgba(0, 0, 0, 0.7);
  --modal-content-bg-color: #fff;
  --sidebar-bg: #1b2021;
  --sidebar-option-name-color: #fbfbfe;
  --mobile-header-bg: #1b2021;
  --icon-color: #1b2021;
  --icon-color2: #111a28;
  --icon-color3: #5b507a;
  --box-bg: #fbfbfe;
  --course-box-bg: #fbfbfe;
  --course-menu-bg: #efeef2;
  --course-menu-box: #ffffff;
  --course-icon-box: #5b507a;
  --course-menu-name: #000000;
  --course-active-menu-border: #bcb7c8;
  --course-border-color: #efeef2;
  --course-list-name-color: #1b2021;
  --chapter-bg: #fbfbfe;
  --overview-border-color: #e8e9e9;
  --overview-heading-color: #fdf8ec;
  --file-color: #6e85ff;
  --option-name-text: #1b2021;
  --check-box-border-color: #7e838b;
  --check-box-active-bg-color: #eeb543;
  --search-placeholder-color: ;
  --heading-box-bg: #fbfbfe;
  --active-pagination-number: #1b2021;
  --card-heading-color: #131617;
  --text-color: #424647;
  --gray-color3: #7b7e7e;
  --stepper-border-color: #eeb543;
  --label-color2: #7e7e7e;
  --bg-label: #4f4f4f;
  --black-bg-opcity: #00000033;
  --violete-color: #bcb7c8;
  --tag-bg-color: #bcb7c8;
  --tag-name-color: #38314a;
  --range-number-color: #5b507a;
  --range-line-bg-color: #efeef2;
  --range-active-line-bg-color: #5b507a;
  --company-assests-bg-color: #5b507a;
  --leader-even-bg-color: #fff;
  --leader-odd-bg-bolor: #fbfbfe;
  --notes-text: #7b7e7e;
}

[data-theme=dark] {
  --gray-color-bg: #212525;
  --table-gray-color-bg: #404445;
  --body-bg: #303435;
  --white-color2: #404445;
  --white-color: #212525;
  --back-button-bg: #000000;
  --black-color2: #ffffff;
  --black-color: #fff;
  --sidebar-bg: #1b2021;
  --sidebar-option-name-color: #fbfbfe;
  --icon-color: #fff;
  --box-bg: linear-gradient(0deg, #1b2021, #1b2021),
      linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16));
  --more-arrow-bg: #ffffff1a;
  --icon-color2: #fff;
  --voilet-color: #fff;
  --heading-box-bg: linear-gradient(0deg, #101414, #101414),
      linear-gradient(0deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.07));
  --search-placeholder-color: #7c7f7f;
  --heading-box-bg: #212525;
  --black-color5: #e8e9e9;
  --black-color3: #fff;
  --table-border-color: #1b2021;
  --orange-color2: #404445;
  --black-color6: #fff;
  --active-pagination-number: #1b2021;
  --modal-bg-color: rgba(255, 255, 255, 0.7);
  --modal-content-bg-color: #000;
  --box-dark-color-bg: #212525;
  --course-box-bg: #404445;
  --course-menu-bg: #212525;
  --course-menu-box: #303435;
  --course-menu-name: #fff;
  --course-icon-box: #eeb543;
  --course-list-name-color: #fff;
  --chapter-bg: #404445;
  --overview-heading-color: #404445;
  --overview-form-bg-color: #212525;
  --option-name-text: #fff;
  --card-heading-color: #fff;
  --icon-color3: #fff;
  --mobile-header-bg: #1b2021;
  --text-color: #fff;
  --select-bg: #212525;
  --overview-border-color: #1b2021;
  --label-color2: #fff;
  --bg-label: #fff;
  --black-bg-opcity: #ffffff33;
  --tag-bg-color: #f8e1b2;
  --tag-name-color: ##1b2021;
  --range-number-color: #eeb543;
  --range-line-bg-color: #eeb5431a;
  --range-active-line-bg-color: #eeb543;
  --company-assests-bg-color: #212525;
  --leader-odd-bg-bolor: #303435;
  --leader-even-bg-color: #404445;
  --notes-text: rgba(255, 255, 255, 0.6);
}

.base-layout-section .mobile-view-sidebar {
  width: 240px;
  position: fixed;
  top: 0;
  height: auto;
  transition: all 0.4s ease-in-out;
  z-index: 888;
}
@media (max-width: 1199px) {
  .base-layout-section .mobile-view-sidebar {
    transform: translateX(-240px);
    transition: all 0.4s ease-in-out;
    z-index: 999999;
  }
}
@media (max-width: 1199px) {
  .base-layout-section .mobile-view-sidebar.open {
    transform: translateX(0);
    transition: all 0.4s ease-in-out;
  }
}
.base-layout-section .body-wreper {
  margin-left: 240px;
}
@media (max-width: 1199px) {
  .base-layout-section .body-wreper {
    margin-left: 0;
  }
}
.base-layout-section .theme-btn {
  position: fixed;
  right: 0;
  z-index: 888;
  top: 40%;
}
.base-layout-section .theme-btn button {
  text-decoration: none;
  text-transform: uppercase;
  transform: rotate(-90deg);
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  color: var(--black-color2);
  padding: 8px 12px;
  text-align: center;
  background: var(--orange-color);
  border: none;
  transform-origin: bottom right;
  border-radius: 12px 12px 0 0;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

a {
  text-decoration: none;
}

body {
  background: var(--body-bg);
}

.custom-accordion .accordion-item {
  border: none;
  border-radius: 0 0 16px 16px;
}
.custom-accordion .accordion-item .accordion-header {
  padding: 14px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--table-border-color);
  background: var(--orange-color2);
}
.custom-accordion .accordion-item .accordion-header .accordion-button {
  background-color: transparent;
  padding: 0;
  border: none;
  box-shadow: none;
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  font-weight: 600;
  color: var(--black-color2);
  padding: 0;
  margin: 0;
}
@media (max-width: 576px) {
  .custom-accordion .accordion-item .accordion-header .accordion-button {
    font-size: 14px;
    line-height: 21px;
  }
}
.custom-accordion .accordion-item .accordion-header .accordion-button::after {
  transform: rotate(180deg) !important;
}
.custom-accordion .accordion-item .accordion-header .accordion-button[aria-expanded=true]::after {
  transform: rotate(0deg) !important;
}
.custom-accordion .accordion-item .accordion-header .accordion-button.plus-arrow-alignment::after {
  content: "+";
  background-image: none;
  font-size: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 200;
  font-family: "Poppins", sans-serif;
}
.custom-accordion .accordion-item .accordion-header .accordion-button.plus-arrow-alignment[aria-expanded=true]::after {
  transform: rotate(45deg) !important;
}
.custom-accordion .accordion-item .accordion-header .accordion-button:focus {
  box-shadow: none;
}
.custom-accordion .accordion-item.accordion-raduis {
  border-radius: 16px 16px 0 0;
}
.custom-accordion .accordion-item.accordion-raduis .accordion-header {
  border-radius: 16px 16px 0 0;
}
.custom-accordion .accordion-item .accordion-body {
  padding: 0;
}
.back-section {
  display: flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
}
.back-section .back-icon {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.back-section .back-icon img {
  width: 100%;
  height: 100%;
  display: block;
}
.back-section p {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 600;
  color: var(--voilet-color);
}

.button-alignment .button {
  padding: 10px 16px;
  border: none;
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 500;
  color: var(--black-color2);
  border-radius: 12px;
  background: var(--submit-button-bg);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  white-space: nowrap;
  transition: 0.4s ease-in-out;
}
.button-alignment .button .btn-ring {
  display: none;
}
.button-alignment .button .btn-ring:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 3px solid var(--white-color);
  border-color: var(--white-color) transparent var(--white-color) transparent;
  animation: ring 1.2s linear infinite;
}
@media (max-width: 767px) {
  .button-alignment .button .btn-ring:after {
    width: 12px;
    height: 12px;
  }
}
.button-alignment .button.back-button {
  background: var(--back-button-bg);
}
.button-alignment .button.back-button .btn-ring:after {
  border: 3px solid var(--black-color);
  border-color: var(--black-color) transparent var(--black-color) transparent;
}
.button-alignment .button.assign-btn {
  background: var(--voilet-color);
  color: var(--white-color);
}
.button-alignment .button.border-btn {
  background: transparent;
  border: 1px solid var(--voilet-color);
}
.button-alignment .button.media-btn {
  height: 54px;
}
.button-alignment .button.prev-next-button {
  width: 24px;
  height: 24px;
  padding: 0;
  border-radius: 8px;
}
.button-alignment .button.prev-next-button.back-prev-button {
  background: #e8e9e9;
}

.card-box-alignment {
  width: 100%;
  background: var(--overview-form-bg-color);
  transition: 0.4s ease-in-out;
  cursor: pointer;
  border-radius: 20px;
}
.card-box-alignment .card-top-alignment {
  width: 100%;
  height: 148px;
  overflow: hidden;
  border-radius: 20px 20px 0 0;
  transition: 0.4s ease-in-out;
  position: relative;
}
.card-box-alignment .card-top-alignment img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 20px 20px 0 0;
  transition: 0.4s ease-in-out;
}
.card-box-alignment .card-bottom-alignment {
  padding: 16px 12px 8px 12px;
  text-align: left;
}
.card-box-alignment .card-bottom-alignment h6 {
  font-family: "Raleway", sans-serif;
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
  color: var(--card-heading-color);
  padding: 0;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 242px;
}
@media (max-width: 1279px) {
  .card-box-alignment .card-bottom-alignment h6 {
    font-size: 18px;
    line-height: 24px;
  }
}
@media (max-width: 576px) {
  .card-box-alignment .card-bottom-alignment h6 {
    font-size: 16px;
    line-height: 21px;
  }
}
.card-box-alignment .card-bottom-alignment p {
  padding: 4px 0 0 0;
  font-family: "Cabin", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  color: var(--black-color);
  margin: 0;
}
.card-box-alignment .card-bottom-alignment .card-bottom-button-alignment {
  padding: 20px 0 0 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
}
.card-box-alignment .card-bottom-alignment .card-bottom-button-alignment.draft {
  grid-template-columns: 1fr 1fr 26px;
}
.card-box-alignment .card-bottom-alignment .card-bottom-button-alignment.templete {
  grid-template-columns: 1fr 26px;
}
.card-box-alignment .card-bottom-alignment .edit-card-button {
  padding: 12px 0 0 0;
}
.card-box-alignment .card-bottom-alignment .button-alignment button {
  width: 100%;
  justify-content: center;
  font-size: 12px;
  line-height: 14px;
  padding: 0 6px;
  height: 26px;
  border-radius: 8px;
  border: 1px solid var(--voilet-color);
  color: var(--voilet-color);
  gap: 4px;
}
.card-box-alignment .card-bottom-alignment .button-alignment a {
  width: 100%;
  justify-content: center;
  font-size: 12px;
  line-height: 14px;
  padding: 0 6px;
  height: 26px;
  border-radius: 8px;
  border: 1px solid var(--voilet-color);
  color: var(--voilet-color);
  gap: 4px;
}
.card-box-alignment:hover {
  transition: 0.4s ease-in-out;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.card-box-alignment:hover .card-top-alignment img {
  transition: 0.4s ease-in-out;
  transform: scale(1.1);
}

.container {
  display: block;
  position: relative;
  padding-left: 26px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.container.second-container {
  padding-left: 8px;
}

/* Hide the browser's default checkbox */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  border: 1px solid var(--check-box-border-color);
  border-radius: 4px;
}
.checkmark.small-checkmark {
  width: 15px;
  height: 15px;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: var(--check-box-active-bg-color);
  border: 1px solid transparent;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 5px;
  top: 2px;
  width: 6px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

.tab-alignment .customTab .nav-item {
  cursor: pointer;
}
.tab-alignment .customTab .nav-item button {
  padding: 12px 30px;
  background: transparent;
  border: none;
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  color: var(--black-color3);
  position: relative;
}
@media (max-width: 1199px) {
  .tab-alignment .customTab .nav-item button {
    font-size: 14px;
    line-height: 21px;
  }
}
@media (max-width: 767px) {
  .tab-alignment .customTab .nav-item button {
    padding: 6px 12px;
    font-size: 12px;
    line-height: 16px;
  }
}
.tab-alignment .customTab .nav-item button.active {
  background: var(--orange-color);
  border-radius: 12px 12px 0 0;
  font-weight: 500;
  color: var(--active-black-color3);
}
.tab-alignment .customTab .nav-item button.active::before {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 2px;
  background: var(--yellow-color);
  transition: 0.4s ease-in-out;
}

.details-box {
  width: 100%;
  height: 140px;
  background: var(--box-bg);
  border-radius: 16px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  cursor: pointer;
  transition: 0.4s ease-in-out;
}
@media (max-width: 576px) {
  .details-box {
    height: 130px;
  }
}
.details-box.second-box {
  height: auto;
}
.details-box .details-box-top {
  width: 40px;
  height: 40px;
  cursor: pointer;
}
@media (max-width: 576px) {
  .details-box .details-box-top {
    width: 30px;
    height: 30px;
  }
}
.details-box .details-box-top img {
  width: 100%;
  height: 100%;
}
.details-box .details-box-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.details-box .details-box-bottom .bottom-left-side h3 {
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  color: var(--black-color2);
}
@media (max-width: 576px) {
  .details-box .details-box-bottom .bottom-left-side h3 {
    font-size: 14px;
    line-height: 21px;
  }
}
.details-box .details-box-bottom .bottom-left-side h3.second-details-heding {
  font-family: "Raleway", sans-serif;
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
}
@media (max-width: 1279px) {
  .details-box .details-box-bottom .bottom-left-side h3.second-details-heding {
    font-size: 18px;
    line-height: 24px;
  }
}
@media (max-width: 576px) {
  .details-box .details-box-bottom .bottom-left-side h3.second-details-heding {
    font-size: 16px;
    line-height: 21px;
  }
}
.details-box .details-box-bottom .bottom-left-side p {
  font-family: "Cabin", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  color: var(--black-color2);
  padding: 4px 0 0 0;
}
.details-box .details-box-bottom .more-arrow {
  width: 24px;
  height: 24px;
  cursor: pointer;
  background: var(--more-arrow-bg);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  cursor: pointer;
}
.details-box:hover {
  transition: 0.4s ease-in-out;
  box-shadow: 0px 5px 10px 0px rgba(238, 181, 67, 0.2);
}

.dropdown-section.overview-input {
  padding: 0 0 32px 0;
}
.dropdown-section.media-dropdoewn-input {
  padding: 0 0 28px 0;
}
.dropdown-section label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: "Cabin", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 500;
  color: var(--black-color3);
  padding: 0 0 8px 0;
}
.dropdown-section .custom-dropdown {
  width: 100%;
  height: 40px;
  position: relative;
}
.dropdown-section .custom-dropdown.small-dropdown {
  height: 30px;
}
.dropdown-section .custom-dropdown select {
  width: 100%;
  height: 100%;
  border: 1px solid var(--input-border-color);
  border-radius: 12px;
  padding: 0 30px 0 10px;
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 500;
  color: var(--black-color2);
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: var(--select-bg);
  background-image: none;
}
.dropdown-section .custom-dropdown select:focus {
  outline: none;
}
.dropdown-section .custom-dropdown select option {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 500;
  color: var(--black-color2) !important;
  padding: 0;
  margin: 0;
  cursor: pointer;
  text-indent: 999px;
}
.dropdown-section .custom-dropdown::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  pointer-events: none;
  width: 16px;
  height: 16px;
  background-color: var(--black-color2);
  -webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg>') no-repeat center;
          mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg>') no-repeat center;
  -webkit-mask-size: contain;
          mask-size: contain;
}

.form-input {
  padding: 0 0 16px 0;
}
.form-input.overview-input {
  padding: 0 0 32px 0;
}
.form-input.description-alignment {
  padding: 20px 0;
}
.form-input:last-child {
  padding: 0;
}
.form-input .label {
  font-family: "Cabin", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  color: var(--black-color3);
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 0 8px 0;
}
@media (max-width: 1279px) {
  .form-input .label {
    padding: 0 0 4px 0;
  }
}
.form-input .label span {
  color: red;
}
.form-input .form-control {
  border: 1px solid var(--input-border-color);
  border-radius: 12px;
  padding: 0 10px;
  height: 40px;
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 600;
  color: var(--black-color2);
  font-weight: 500;
  background: transparent;
}
.form-input .form-control::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.form-input .form-control::placeholder {
  color: var(--input-placeholder-color);
}
.form-input .form-control.textarea-alignment {
  height: 100px;
  padding: 10px;
}

.add-question-1 .manage-all-table-table-section .table-section .dt-empty-footer .dt-layout-row .dt-layout-start {
  margin-left: auto !important;
  margin-right: unset !important;
}
.add-question-1 .assign-learning-path-table-section .table-section .dt-empty-footer .dt-layout-row .dt-layout-start {
  margin-left: auto !important;
  margin-right: unset !important;
}

.pagination-section {
  margin: 100px 0 0 0;
}
.pagination-section .pagination-alignment {
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  background: var(--orange-color2);
  border-radius: 0 0 20px 20px;
}
@media (max-width: 767px) {
  .pagination-section .pagination-alignment {
    gap: 6px;
  }
}
.pagination-section .pagination-alignment .prev-next-alignment {
  padding: 8px 16px;
  cursor: pointer;
}
@media (max-width: 767px) {
  .pagination-section .pagination-alignment .prev-next-alignment {
    padding: 4px 8px;
  }
}
.pagination-section .pagination-alignment .prev-next-alignment button {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  font-family: "Inter", sans-serif;
  color: var(--black-color);
  margin: 0;
  padding: 0;
  background: transparent;
  border: none;
}
@media (max-width: 767px) {
  .pagination-section .pagination-alignment .prev-next-alignment button {
    font-size: 12px;
    line-height: 14px;
  }
}
.pagination-section .pagination-alignment .pagination-number-alignment ul {
  display: flex;
  align-items: center;
  gap: 5px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.pagination-section .pagination-alignment .pagination-number-alignment ul li {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid var(--black-color6);
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.4s ease-in-out;
  cursor: pointer;
  font-family: "Cabin", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  color: var(--black-color);
  text-align: center;
}
@media (max-width: 767px) {
  .pagination-section .pagination-alignment .pagination-number-alignment ul li {
    width: 24px;
    height: 24px;
  }
}
.pagination-section .pagination-alignment .pagination-number-alignment ul li.active-link {
  border-color: var(--black-color2);
  background: var(--orange-color);
  color: var(--active-pagination-number);
  font-weight: bold; /* Make the active link more prominent */
  cursor: default; /* Disable cursor change on active link */
}
.pagination-section .pagination-alignment .pagination-number-alignment ul li:hover {
  border-color: var(--black-color2);
  background: var(--orange-color);
  color: var(--active-pagination-number);
}
.pagination-section .pagination-alignment .pagination-number-alignment ul li.more {
  border: none;
}

.table-search-section {
  width: 200px;
  height: 30px;
  background: var(--table-gray-color-bg);
  border-radius: 20px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 16px;
}
.table-search-section.student-view-width {
  width: 300px;
}
@media (max-width: 767px) {
  .table-search-section {
    width: auto;
    padding: 0 8px;
  }
}
.table-search-section input {
  width: 100%;
  height: 100%;
  border: none;
  background: transparent;
  font-family: "Cabin", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  color: var(--black-color3);
  cursor: pointer;
}
.table-search-section input::-moz-placeholder {
  color: var(--black-color3);
  opacity: 0.5;
}
.table-search-section input::placeholder {
  color: var(--black-color3);
  opacity: 0.5;
}
.table-search-section input:focus {
  outline: none;
}
@media (max-width: 767px) {
  .table-search-section input {
    display: none;
  }
}

.tab-design-section {
  display: flex;
  align-items: center;
}
.tab-design-section .tab-name-alignment {
  background: var(--gray-opacity2-bg) !important;
}
.tab-design-section .tab-name-alignment:first-child {
  border-radius: 10px 0 0 10px;
}
.tab-design-section .tab-name-alignment:first-child button {
  border-radius: 10px 0 0 10px;
}
.tab-design-section .tab-name-alignment:last-child {
  border-radius: 0 10px 10px 0;
}
.tab-design-section .tab-name-alignment:last-child button {
  border-radius: 0 10px 10px 0;
}
.tab-design-section .tab-name-alignment button {
  font-size: 10px;
  line-height: 14px;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
  color: var(--black-color);
  display: block;
  padding: 5px 10px;
  margin: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  border-radius: 0;
}
.tab-design-section .tab-name-alignment button.active {
  background: var(--gray-color-bg2);
}

.table-section {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  position: relative;
}
.table-section table {
  width: 100%;
}
.table-section table thead tr {
  background: var(--orange-color2);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2509803922);
}
.table-section table thead tr th {
  padding: 17px 19px;
  font-family: Poppins;
  font-size: 10px;
  font-weight: 400;
  line-height: 14px;
  text-align: left;
  color: var(--black-color2);
}
@media (max-width: 767px) {
  .table-section table thead tr th {
    padding: 12px 16px;
  }
}
.table-section table tbody tr td {
  font-family: "Cabin", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  color: var(--black-color2);
  padding: 12px 19px;
  text-align: left !important;
}
@media (max-width: 767px) {
  .table-section table tbody tr td {
    padding: 8px 16px;
  }
}
.table-section table tbody tr td .action-option-alignment {
  display: flex;
  align-items: center;
  gap: 12px;
}
.table-section table tbody tr td .action-option-alignment .option-box-alignment {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background-color: var(--orange-color);
  cursor: pointer;
}
.table-section table tbody tr td .view-option a {
  font-family: "Cabin", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  display: block;
  color: var(--voilet-color) !important;
  cursor: pointer;
}
.table-section table tbody tr td .view-option a:hover {
  text-decoration: underline;
}
.table-section table tbody tr td .back-button-alignment button {
  padding: 6px 12px;
  border: 1px solid var(--voilet-color);
  font-family: "Cabin", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  color: var(--black-color2);
  cursor: pointer;
  background: transparent;
  border-radius: 8px;
}
.table-section .table-top-left-side-alignment {
  position: absolute;
  top: 16px;
  left: 16px;
  height: 30px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.table-section .table-top-left-side-alignment.right-side {
  left: 66%;
}
@media (max-width: 1690px) {
  .table-section .table-top-left-side-alignment.right-side {
    left: 63%;
  }
}
@media (max-width: 1580px) {
  .table-section .table-top-left-side-alignment.right-side {
    left: 60%;
  }
}
@media (max-width: 1490px) {
  .table-section .table-top-left-side-alignment.right-side {
    left: 56%;
  }
}
@media (max-width: 1390px) {
  .table-section .table-top-left-side-alignment.right-side {
    left: 52%;
  }
}
@media (max-width: 1290px) {
  .table-section .table-top-left-side-alignment.right-side {
    left: 50%;
  }
}
@media (max-width: 1240px) {
  .table-section .table-top-left-side-alignment.right-side {
    left: 48%;
  }
}
@media (max-width: 1198px) {
  .table-section .table-top-left-side-alignment.right-side {
    left: 56%;
  }
}
@media (max-width: 1130px) {
  .table-section .table-top-left-side-alignment.right-side {
    left: 53%;
  }
}
@media (max-width: 1060px) {
  .table-section .table-top-left-side-alignment.right-side {
    left: 50%;
  }
}
@media (max-width: 991px) {
  .table-section .table-top-left-side-alignment.right-side {
    left: 46%;
  }
}
@media (max-width: 930px) {
  .table-section .table-top-left-side-alignment.right-side {
    left: 42%;
  }
}
@media (max-width: 870px) {
  .table-section .table-top-left-side-alignment.right-side {
    display: none;
  }
}
.table-section .table-top-left-side-alignment p {
  font-family: "Cabin", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  font-family: "Inter", sans-serif;
  padding: 0;
  margin: 0;
  color: var(--black-color3);
}

.dt-container .dt-layout-row {
  margin: 0 !important;
  flex-direction: row-reverse;
  justify-content: flex-end !important;
  gap: 20px;
  padding: 0 !important;
}
.dt-container .dt-layout-row .dt-layout-start {
  justify-content: unset !important;
  margin: 0 !important;
}
.dt-container .dt-layout-row .dt-layout-end {
  justify-content: unset !important;
}
.dt-container .dt-layout-row .dt-search {
  width: 200px;
  height: 30px;
  position: relative;
}
.dt-container .dt-layout-row .dt-search label {
  display: none;
}
.dt-container .dt-layout-row .dt-search input {
  width: 100%;
  height: 100%;
  background: var(--table-gray-color-bg);
  border-radius: 20px;
  border: none !important;
  padding: 0 16px 0 32px;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  font-family: "Cabin", sans-serif;
  color: var(--black-color2);
}
.dt-container .dt-layout-row .dt-search input:focus {
  outline: none;
}
.dt-container .dt-layout-row .dt-search::before {
  content: "\f002";
  font-family: FontAwesome !important;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
  left: 12px;
  font-weight: 400;
}
.dt-container .dt-layout-row .dt-layout-cell .dt-info {
  display: none !important;
}
.dt-container .dt-layout-row .dt-layout-cell .dt-length {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: 4px;
}
.dt-container .dt-layout-row .dt-layout-cell .dt-length label {
  font-family: "Cabin", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  display: block;
  color: var(--black-color3);
  text-transform: capitalize;
}
.dt-container .dt-layout-row .dt-layout-cell .dt-length select {
  padding: 4px 6px;
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  position: relative;
  border: none;
  background: transparent;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  font-weight: 700;
  font-family: "Cabin", sans-serif;
  color: var(--black-color2);
}
.dt-container .dt-layout-row .dt-layout-cell .dt-length select:focus {
  outline: none;
}
.dt-container .dt-layout-row .dt-layout-cell .dt-length select option {
  cursor: pointer;
}
.dt-container .dt-layout-row .dt-layout-cell .dt-paging {
  margin: 0 !important;
  display: flex !important;
  justify-content: center !important;
}
.dt-container .dt-layout-row .dt-layout-cell .dt-paging nav {
  display: flex;
  align-items: center;
  gap: 8px;
}
.dt-container .dt-layout-row .dt-layout-cell .dt-paging nav .dt-paging-button {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid var(--black-color6);
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.4s ease-in-out;
  cursor: pointer;
  font-family: "Cabin", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  color: var(--black-color) !important;
  text-align: center;
  position: relative;
}
@media (max-width: 767px) {
  .dt-container .dt-layout-row .dt-layout-cell .dt-paging nav .dt-paging-button {
    width: 24px;
    height: 24px;
  }
}
.dt-container .dt-layout-row .dt-layout-cell .dt-paging nav .dt-paging-button.current {
  border-color: var(--black-color2);
  background: var(--orange-color);
  color: var(--active-pagination-number) !important;
  font-weight: bold;
}
.dt-container .dt-layout-row .dt-layout-cell .dt-paging nav .dt-paging-button:hover {
  border-color: var(--black-color2);
  background: var(--orange-color);
  color: var(--active-pagination-number) !important;
}
.dt-container .dt-layout-row .dt-layout-cell .dt-paging nav .dt-paging-button.previous {
  border: none;
  margin: 0 12px 0 0;
}
@media (max-width: 767px) {
  .dt-container .dt-layout-row .dt-layout-cell .dt-paging nav .dt-paging-button.previous {
    margin: 0 6px 0 0;
  }
}
.dt-container .dt-layout-row .dt-layout-cell .dt-paging nav .dt-paging-button.previous::before {
  content: "Prev";
  position: absolute;
  top: 0;
  background: var(--overview-heading-color);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  font-family: "Inter", sans-serif;
  color: var(--black-color);
}
.dt-container .dt-layout-row .dt-layout-cell .dt-paging nav .dt-paging-button.next {
  border: none;
  margin: 0 0 0 12px;
}
@media (max-width: 767px) {
  .dt-container .dt-layout-row .dt-layout-cell .dt-paging nav .dt-paging-button.next {
    margin: 0 0 0 6px;
  }
}
.dt-container .dt-layout-row .dt-layout-cell .dt-paging nav .dt-paging-button.next::before {
  content: "Next";
  position: absolute;
  top: 0;
  background: var(--overview-heading-color);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  font-family: "Inter", sans-serif;
  color: var(--black-color);
}
.dt-container .dt-layout-row .dt-layout-cell .dt-paging nav .dt-paging-button.first {
  display: none;
}
.dt-container .dt-layout-row .dt-layout-cell .dt-paging nav .dt-paging-button.last {
  display: none;
}
.dt-container .dt-layout-row .dt-layout-cell .dataTable thead tr {
  background: var(--orange-color2);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2509803922);
}
.dt-container .dt-layout-row .dt-layout-cell .dataTable thead tr th {
  padding: 17px 19px;
  font-family: Poppins;
  font-size: 10px;
  font-weight: 400;
  line-height: 14px;
  text-align: left;
  color: var(--black-color2);
}
@media (max-width: 767px) {
  .dt-container .dt-layout-row .dt-layout-cell .dataTable thead tr th {
    padding: 12px 16px;
  }
}
.dt-container .dt-layout-row .dt-layout-cell .dataTable tbody tr td {
  font-family: "Cabin", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  color: var(--black-color2);
  padding: 12px 19px;
}
@media (max-width: 767px) {
  .dt-container .dt-layout-row .dt-layout-cell .dataTable tbody tr td {
    padding: 8px 16px;
  }
}
.dt-container .dt-layout-row .dt-layout-cell .dataTable tbody tr td .action-option-alignment {
  display: flex;
  align-items: center;
  gap: 12px;
}
.dt-container .dt-layout-row .dt-layout-cell .dataTable tbody tr td .action-option-alignment .option-box-alignment {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background-color: var(--orange-color);
  cursor: pointer;
}
.dt-container .dt-layout-row .dt-layout-cell .dataTable tbody tr .dt-empty {
  padding: 130px 0;
  position: relative;
}
.dt-container .dt-layout-row .dt-layout-cell .dataTable tbody tr .dt-empty::before {
  position: absolute;
  content: "No data found";
  width: 100%;
  background: var(--white-color);
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  color: var(--option-name-text);
  text-align: center;
  text-transform: capitalize;
}
@media (max-width: 576px) {
  .dt-container .dt-layout-row .dt-layout-cell .dataTable tbody tr .dt-empty::before {
    font-size: 14px;
    line-height: 21px;
  }
}
.dt-container .dt-layout-row .dt-layout-cell .dataTable tbody tr .dt-empty::after {
  position: absolute;
  content: "Yo don’t have any data right now. Please upload some data.";
  font-family: "Cabin", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  color: var(--text-color);
  text-align: center;
  text-transform: capitalize;
  max-width: 222px;
  margin: 0 auto;
  left: 50%;
  transform: translateX(-50%);
  top: 160px;
}
.dt-container .dt-layout-row:first-child {
  padding: 16px 20px !important;
}
.dt-container .dt-layout-row:nth-child(2) {
  width: 100%;
  max-width: 100%;
  overflow-x: auto !important;
  display: block !important;
}
.dt-container .dt-layout-row:nth-child(3) {
  display: block !important;
  background: var(--overview-heading-color) !important;
  border-radius: 0 0 20px 20px;
  padding: 12px !important;
}
.dt-container .dt-layout-row:nth-child(3) .dt-layout-cell {
  justify-content: center !important;
  margin: 0 auto !important;
}

div.dt-container.dt-empty-footer tbody > tr:last-child > * {
  border: none !important;
}

.tableTabAlignment {
  display: flex;
  align-items: flex-start;
  gap: 4px;
}
.tableTabAlignment .tableTabBox {
  padding: 12px 30px;
  transition: 0.4s ease-in-out;
  cursor: pointer;
  position: relative;
}
@media (max-width: 767px) {
  .tableTabAlignment .tableTabBox {
    padding: 6px 12px;
  }
}
.tableTabAlignment .tableTabBox p {
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  color: var(--black-color3);
}
@media (max-width: 767px) {
  .tableTabAlignment .tableTabBox p {
    font-size: 14px;
    line-height: 21px;
  }
}
@media (max-width: 767px) {
  .tableTabAlignment .tableTabBox p {
    font-size: 12px;
    line-height: 16px;
  }
}
.tableTabAlignment .tableTabBox:hover {
  background: var(--orange-color);
  border-radius: 12px 12px 0 0;
}
@media (max-width: 767px) {
  .tableTabAlignment .tableTabBox:hover {
    border-radius: 6px 6px 0 0;
  }
}
.tableTabAlignment .tableTabBox:hover p {
  font-weight: 500;
  color: var(--active-black-color3);
}
.tableTabAlignment .tableTabBox:hover::before {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 2px;
  background: var(--yellow-color);
  transition: 0.4s ease-in-out;
}
.tableTabAlignment .tableTabBox.active-tab {
  background: var(--orange-color);
  border-radius: 12px 12px 0 0;
}
.tableTabAlignment .tableTabBox.active-tab p {
  font-weight: 500;
  color: var(--active-black-color3);
}
.tableTabAlignment .tableTabBox.active-tab::before {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 2px;
  background: var(--yellow-color);
  transition: 0.4s ease-in-out;
}

.add-courses-section {
  padding: 20px 22px;
  max-height: calc(100vh - 72px);
  overflow-y: auto;
}
.add-courses-section .add-courses-alignment {
  margin: 24px 0 0 0;
}
@media (max-width: 767px) {
  .add-courses-section .add-courses-alignment {
    margin: 16px 0 0 0;
  }
}
.add-courses-section .add-courses-alignment .add-courses-box {
  background: var(--white-color2);
  padding: 16px 16px 16px 20px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  border-radius: 16px;
  flex-wrap: wrap;
  gap: 12px;
}
@media (max-width: 767px) {
  .add-courses-section .add-courses-alignment .add-courses-box {
    padding: 8px;
  }
}
.add-courses-section .add-courses-alignment .add-courses-box .heading-left-side-alignment h1 {
  font-family: "Raleway", sans-serif;
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  color: var(--black-color);
}
@media (max-width: 576px) {
  .add-courses-section .add-courses-alignment .add-courses-box .heading-left-side-alignment h1 {
    font-size: 20px;
    line-height: 26px;
  }
}
@media (max-width: 576px) {
  .add-courses-section .add-courses-alignment .add-courses-box .heading-left-side-alignment h1 {
    font-size: 18px;
    line-height: 24px;
  }
}
.add-courses-section .add-courses-alignment .add-courses-box .heading-left-side-alignment p {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
  color: var(--black-color5);
  max-width: 474px;
}
.add-courses-section .add-courses-box-title-section {
  margin: 24px 0 0 0;
}
.add-courses-section .add-courses-box-title-section .add-courses-box-details-alignment {
  border: 1px solid var(--table-border-color);
  border-radius: 16px 16px 0 0;
  background: var(--box-dark-color-bg);
}
.add-courses-section .add-courses-box-title-section .add-courses-box-details-alignment .box-title-alignment {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 16px;
  background: var(--orange-color2);
  border-radius: 16px 16px 0 0;
}
.add-courses-section .add-courses-box-title-section .add-courses-box-details-alignment .box-title-alignment h2 {
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  font-weight: 600;
  color: var(--black-color2);
  padding: 0;
  margin: 0;
}
@media (max-width: 576px) {
  .add-courses-section .add-courses-box-title-section .add-courses-box-details-alignment .box-title-alignment h2 {
    font-size: 14px;
    line-height: 21px;
  }
}
.add-courses-section .add-courses-box-title-section .add-courses-box-details-alignment .box-title-alignment .down-arrow-alignment {
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.add-courses-section .add-courses-box-title-section .add-courses-box-details-alignment .box-title-alignment .down-arrow-alignment img {
  width: 100%;
  height: 100%;
  display: block;
}
.add-courses-section .add-courses-box-title-section .add-courses-box-details-alignment .box-title-all-details-alignment {
  padding: 24px 16px;
  background: var(--box-dark-color-bg);
}
.add-courses-section .add-courses-box-title-section .add-courses-box-details-alignment .box-title-all-details-alignment .box-title-grid-alignment {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px 80px;
}
@media (max-width: 1199px) {
  .add-courses-section .add-courses-box-title-section .add-courses-box-details-alignment .box-title-all-details-alignment .box-title-grid-alignment {
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .add-courses-section .add-courses-box-title-section .add-courses-box-details-alignment .box-title-all-details-alignment .box-title-grid-alignment {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}
@media (max-width: 576px) {
  .add-courses-section .add-courses-box-title-section .add-courses-box-details-alignment .box-title-all-details-alignment .box-title-grid-alignment {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.add-courses-section .add-courses-box-title-section .add-courses-box-details-alignment .box-title-all-details-alignment .box-bottom-alignment {
  padding: 32px 0 0 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  background: var(--box-dark-color-bg);
}
.add-courses-section .add-courses-box-title-section .add-courses-box-details-alignment .box-title-all-details-alignment .assign-division-section {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 20px 0 0 0;
}
.add-courses-section .add-courses-box-title-section .add-courses-box-details-alignment .box-title-all-details-alignment .assign-division-section .checkbox-alignment {
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.add-courses-section .add-courses-box-title-section .add-courses-box-details-alignment .box-title-all-details-alignment .assign-division-section .checkbox-alignment input[type=checkbox] {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}
.add-courses-section .add-courses-box-title-section .add-courses-box-details-alignment .box-title-all-details-alignment .assign-division-section span {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
  color: var(--black-color2);
  display: block;
}
.add-courses-section .add-courses-box-title-section .add-courses-box-details-alignment .add-courses-bottom-alignment {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  padding: 0 16px 20px 16px;
  background: var(--box-dark-color-bg);
}
.add-courses-section .add-courses-table-alignment {
  margin: 12px 0 0 0;
}
.add-courses-section .add-courses-table-alignment .add-courses-table-section {
  background: var(--white-color);
  border: 1.25px solid var(--table-border-color);
  border-radius: 20px;
}
.add-courses-section .add-courses-table-alignment .add-courses-table-section .add-courses-filter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
}
@media (max-width: 767px) {
  .add-courses-section .add-courses-table-alignment .add-courses-table-section .add-courses-filter {
    padding: 10px;
  }
}
.add-courses-section .add-courses-table-alignment .add-courses-table-section .add-courses-filter p {
  font-family: "Cabin", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  font-family: "Inter", sans-serif;
  padding: 0;
  margin: 0;
  color: var(--black-color3);
}
.add-courses-section .add-courses-table-alignment .add-courses-table-section .add-courses-filter .showEntryDetails {
  display: flex;
  align-items: center;
  gap: 6px;
}
.add-courses-section .add-courses-table-alignment .add-courses-table-section .add-courses-filter .showEntryDetails span {
  font-family: "Cabin", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  display: block;
  color: var(--black-color3);
}
.add-courses-section .add-courses-table-alignment .add-courses-table-section .add-courses-filter .showEntryDetails .showEntryDropdown {
  padding: 4px 6px 4px 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  position: relative;
}
.add-courses-section .add-courses-table-alignment .add-courses-table-section .add-courses-filter .showEntryDetails .showEntryDropdown span {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  font-weight: 700;
  font-family: "Cabin", sans-serif;
  color: var(--black-color2);
}
.add-courses-section .add-courses-table-alignment .add-courses-table-section .add-courses-filter .showEntryDetails .showEntryDropdown .showEntryDropdownBox {
  position: absolute;
  top: 30px;
  left: 0;
  width: 100%;
  overflow-y: hidden;
  max-height: 0px;
  background: var(--white-color);
  border-radius: 4px;
  transition: 0.4s ease-in-out;
  border: 0px solid transparent;
}
.add-courses-section .add-courses-table-alignment .add-courses-table-section .add-courses-filter .showEntryDetails .showEntryDropdown .showEntryDropdownBox::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: var(--white-color2);
}
.add-courses-section .add-courses-table-alignment .add-courses-table-section .add-courses-filter .showEntryDetails .showEntryDropdown .showEntryDropdownBox::-webkit-scrollbar {
  width: 4px;
  background-color: #f5f5f5;
}
.add-courses-section .add-courses-table-alignment .add-courses-table-section .add-courses-filter .showEntryDetails .showEntryDropdown .showEntryDropdownBox::-webkit-scrollbar-thumb {
  background-color: #000000;
  border: 2px solid #555555;
}
.add-courses-section .add-courses-table-alignment .add-courses-table-section .add-courses-filter .showEntryDetails .showEntryDropdown .showEntryDropdownBox ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.add-courses-section .add-courses-table-alignment .add-courses-table-section .add-courses-filter .showEntryDetails .showEntryDropdown .showEntryDropdownBox ul li {
  padding: 4px 8px;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  font-weight: 700;
  font-family: "Cabin", sans-serif;
  color: var(--black-color2);
}
.add-courses-section .add-courses-table-alignment .add-courses-table-section .add-courses-filter .showEntryDetails .showEntryDropdown .showEntryDropdownBox ul li:hover {
  color: var(--orange-color);
}
.add-courses-section .add-courses-table-alignment .add-courses-table-section .add-courses-filter .showEntryDetails .showEntryDropdown:hover {
  transition: 0.4s ease-in-out;
}
.add-courses-section .add-courses-table-alignment .add-courses-table-section .add-courses-filter .showEntryDetails .showEntryDropdown:hover .showEntryDropdownBox {
  max-height: 100px;
  overflow-y: auto;
  border: 1.25px solid var(--table-border-color);
}

.add-division-section {
  padding: 20px 22px;
  max-height: calc(100vh - 72px);
  overflow-y: auto;
}
.add-division-section .add-division-alignment {
  margin: 24px 0 0 0;
}
@media (max-width: 767px) {
  .add-division-section .add-division-alignment {
    margin: 16px 0 0 0;
  }
}
.add-division-section .add-division-alignment .add-division-box {
  background: var(--white-color2);
  padding: 16px 16px 16px 20px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  border-radius: 16px;
  flex-wrap: wrap;
  gap: 12px;
}
@media (max-width: 767px) {
  .add-division-section .add-division-alignment .add-division-box {
    padding: 8px;
  }
}
.add-division-section .add-division-alignment .add-division-box .heading-left-side-alignment h1 {
  font-family: "Raleway", sans-serif;
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  color: var(--black-color);
}
@media (max-width: 576px) {
  .add-division-section .add-division-alignment .add-division-box .heading-left-side-alignment h1 {
    font-size: 20px;
    line-height: 26px;
  }
}
@media (max-width: 576px) {
  .add-division-section .add-division-alignment .add-division-box .heading-left-side-alignment h1 {
    font-size: 18px;
    line-height: 24px;
  }
}
.add-division-section .add-division-alignment .add-division-box .heading-left-side-alignment p {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
  color: var(--black-color5);
  max-width: 474px;
}
.add-division-section .add-division-box-title-section .add-division-box-details-alignment {
  border: 1px solid var(--table-border-color);
  border-radius: 16px 16px 0 0;
  background: var(--box-dark-color-bg);
}
.add-division-section .add-division-box-title-section .add-division-box-details-alignment .box-title-alignment {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 16px;
  background: var(--orange-color2);
  border-radius: 16px 16px 0 0;
}
.add-division-section .add-division-box-title-section .add-division-box-details-alignment .box-title-alignment h2 {
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  font-weight: 600;
  color: var(--black-color2);
  padding: 0;
  margin: 0;
}
@media (max-width: 576px) {
  .add-division-section .add-division-box-title-section .add-division-box-details-alignment .box-title-alignment h2 {
    font-size: 14px;
    line-height: 21px;
  }
}
.add-division-section .add-division-box-title-section .add-division-box-details-alignment .box-title-alignment .down-arrow-alignment {
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.add-division-section .add-division-box-title-section .add-division-box-details-alignment .box-title-alignment .down-arrow-alignment img {
  width: 100%;
  height: 100%;
  display: block;
}
.add-division-section .add-division-box-title-section .add-division-box-details-alignment .box-title-all-details-alignment {
  padding: 24px 16px;
  background: var(--box-dark-color-bg);
}
.add-division-section .add-division-box-title-section .add-division-box-details-alignment .box-title-all-details-alignment .box-title-grid-alignment {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px 80px;
}
@media (max-width: 1199px) {
  .add-division-section .add-division-box-title-section .add-division-box-details-alignment .box-title-all-details-alignment .box-title-grid-alignment {
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .add-division-section .add-division-box-title-section .add-division-box-details-alignment .box-title-all-details-alignment .box-title-grid-alignment {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}
@media (max-width: 576px) {
  .add-division-section .add-division-box-title-section .add-division-box-details-alignment .box-title-all-details-alignment .box-title-grid-alignment {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.add-division-section .add-division-box-title-section .add-division-box-details-alignment .box-title-all-details-alignment .two-grid-alignment {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px 80px;
}
@media (max-width: 1199px) {
  .add-division-section .add-division-box-title-section .add-division-box-details-alignment .box-title-all-details-alignment .two-grid-alignment {
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .add-division-section .add-division-box-title-section .add-division-box-details-alignment .box-title-all-details-alignment .two-grid-alignment {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}
@media (max-width: 576px) {
  .add-division-section .add-division-box-title-section .add-division-box-details-alignment .box-title-all-details-alignment .two-grid-alignment {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.add-division-section .add-division-box-title-section .add-division-box-details-alignment .box-title-all-details-alignment .assign-division-section {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 20px 0 0 0;
}
.add-division-section .add-division-box-title-section .add-division-box-details-alignment .box-title-all-details-alignment .assign-division-section .checkbox-alignment {
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.add-division-section .add-division-box-title-section .add-division-box-details-alignment .box-title-all-details-alignment .assign-division-section .checkbox-alignment input[type=checkbox] {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}
.add-division-section .add-division-box-title-section .add-division-box-details-alignment .box-title-all-details-alignment .assign-division-section span {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
  color: var(--black-color2);
  display: block;
}
.add-division-section .add-division-box-title-section .add-division-box-details-alignment.add-division-raduis {
  border-radius: 16px;
}
.add-division-section .add-division-bottom-alignment {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  padding: 32px 16px 20px 16px;
  background: var(--box-dark-color-bg);
}
.add-division-section .add-division-table-alignment {
  margin: 12px 0 0 0;
}
.add-division-section .add-division-table-alignment .add-division-table-section {
  background: var(--white-color);
  border: 1.25px solid var(--table-border-color);
  border-radius: 20px;
}
.add-division-section .add-division-table-alignment .add-division-table-section .add-division-filter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
}
@media (max-width: 767px) {
  .add-division-section .add-division-table-alignment .add-division-table-section .add-division-filter {
    padding: 10px;
  }
}
.add-division-section .add-division-table-alignment .add-division-table-section .add-division-filter p {
  font-family: "Cabin", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  font-family: "Inter", sans-serif;
  padding: 0;
  margin: 0;
  color: var(--black-color3);
}
.add-division-section .add-division-table-alignment .add-division-table-section .add-division-filter .showEntryDetails {
  display: flex;
  align-items: center;
  gap: 6px;
}
.add-division-section .add-division-table-alignment .add-division-table-section .add-division-filter .showEntryDetails span {
  font-family: "Cabin", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  display: block;
  color: var(--black-color3);
}
.add-division-section .add-division-table-alignment .add-division-table-section .add-division-filter .showEntryDetails .showEntryDropdown {
  padding: 4px 6px 4px 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  position: relative;
}
.add-division-section .add-division-table-alignment .add-division-table-section .add-division-filter .showEntryDetails .showEntryDropdown span {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  font-weight: 700;
  font-family: "Cabin", sans-serif;
  color: var(--black-color2);
}
.add-division-section .add-division-table-alignment .add-division-table-section .add-division-filter .showEntryDetails .showEntryDropdown .showEntryDropdownBox {
  position: absolute;
  top: 30px;
  left: 0;
  width: 100%;
  overflow-y: hidden;
  max-height: 0px;
  background: var(--white-color);
  border-radius: 4px;
  transition: 0.4s ease-in-out;
  border: 0px solid transparent;
}
.add-division-section .add-division-table-alignment .add-division-table-section .add-division-filter .showEntryDetails .showEntryDropdown .showEntryDropdownBox::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #f5f5f5;
}
.add-division-section .add-division-table-alignment .add-division-table-section .add-division-filter .showEntryDetails .showEntryDropdown .showEntryDropdownBox::-webkit-scrollbar {
  width: 4px;
  background-color: #f5f5f5;
}
.add-division-section .add-division-table-alignment .add-division-table-section .add-division-filter .showEntryDetails .showEntryDropdown .showEntryDropdownBox::-webkit-scrollbar-thumb {
  background-color: #000000;
  border: 2px solid #555555;
}
.add-division-section .add-division-table-alignment .add-division-table-section .add-division-filter .showEntryDetails .showEntryDropdown .showEntryDropdownBox ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.add-division-section .add-division-table-alignment .add-division-table-section .add-division-filter .showEntryDetails .showEntryDropdown .showEntryDropdownBox ul li {
  padding: 4px 8px;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  font-weight: 700;
  font-family: "Cabin", sans-serif;
  color: var(--black-color2);
}
.add-division-section .add-division-table-alignment .add-division-table-section .add-division-filter .showEntryDetails .showEntryDropdown .showEntryDropdownBox ul li:hover {
  color: var(--orange-color);
}
.add-division-section .add-division-table-alignment .add-division-table-section .add-division-filter .showEntryDetails .showEntryDropdown:hover {
  transition: 0.4s ease-in-out;
}
.add-division-section .add-division-table-alignment .add-division-table-section .add-division-filter .showEntryDetails .showEntryDropdown:hover .showEntryDropdownBox {
  max-height: 100px;
  overflow-y: auto;
  border: 1.25px solid var(--table-border-color);
}

.assign-courses-section {
  padding: 20px 22px;
  max-height: calc(100vh - 72px);
  overflow-y: auto;
}
.assign-courses-section .assign-courses-alignment {
  margin: 24px 0 0 0;
}
@media (max-width: 767px) {
  .assign-courses-section .assign-courses-alignment {
    margin: 16px 0 0 0;
  }
}
.assign-courses-section .assign-courses-alignment .assign-courses-box {
  background: var(--white-color2);
  padding: 16px 16px 16px 20px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  border-radius: 16px;
  flex-wrap: wrap;
  gap: 12px;
}
@media (max-width: 767px) {
  .assign-courses-section .assign-courses-alignment .assign-courses-box {
    padding: 8px;
  }
}
.assign-courses-section .assign-courses-alignment .assign-courses-box .heading-left-side-alignment h1 {
  font-family: "Raleway", sans-serif;
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  color: var(--black-color);
}
@media (max-width: 576px) {
  .assign-courses-section .assign-courses-alignment .assign-courses-box .heading-left-side-alignment h1 {
    font-size: 20px;
    line-height: 26px;
  }
}
@media (max-width: 576px) {
  .assign-courses-section .assign-courses-alignment .assign-courses-box .heading-left-side-alignment h1 {
    font-size: 18px;
    line-height: 24px;
  }
}
.assign-courses-section .assign-courses-alignment .assign-courses-box .heading-left-side-alignment p {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
  color: var(--black-color5);
  max-width: 474px;
}
.assign-courses-section .assign-courses-box-title-section .assign-courses-box-details-alignment {
  border: 1px solid var(--table-border-color);
  border-radius: 16px 16px 0 0;
  background: var(--box-dark-color-bg);
}
.assign-courses-section .assign-courses-box-title-section .assign-courses-box-details-alignment .box-title-alignment {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 16px;
  background: var(--orange-color2);
  border-radius: 16px 16px 0 0;
}
.assign-courses-section .assign-courses-box-title-section .assign-courses-box-details-alignment .box-title-alignment h2 {
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  font-weight: 600;
  color: var(--black-color2);
  padding: 0;
  margin: 0;
}
@media (max-width: 576px) {
  .assign-courses-section .assign-courses-box-title-section .assign-courses-box-details-alignment .box-title-alignment h2 {
    font-size: 14px;
    line-height: 21px;
  }
}
.assign-courses-section .assign-courses-box-title-section .assign-courses-box-details-alignment .box-title-alignment .down-arrow-alignment {
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.assign-courses-section .assign-courses-box-title-section .assign-courses-box-details-alignment .box-title-alignment .down-arrow-alignment img {
  width: 100%;
  height: 100%;
  display: block;
}
.assign-courses-section .assign-courses-box-title-section .assign-courses-box-details-alignment .box-title-all-details-alignment {
  padding: 24px 16px;
  background: var(--box-dark-color-bg);
}
.assign-courses-section .assign-courses-box-title-section .assign-courses-box-details-alignment .box-title-all-details-alignment .box-title-grid-alignment {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px 80px;
}
@media (max-width: 1199px) {
  .assign-courses-section .assign-courses-box-title-section .assign-courses-box-details-alignment .box-title-all-details-alignment .box-title-grid-alignment {
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .assign-courses-section .assign-courses-box-title-section .assign-courses-box-details-alignment .box-title-all-details-alignment .box-title-grid-alignment {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}
@media (max-width: 576px) {
  .assign-courses-section .assign-courses-box-title-section .assign-courses-box-details-alignment .box-title-all-details-alignment .box-title-grid-alignment {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.assign-courses-section .assign-courses-box-title-section .assign-courses-box-details-alignment .box-title-all-details-alignment .two-grid-alignment {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px 80px;
}
@media (max-width: 1199px) {
  .assign-courses-section .assign-courses-box-title-section .assign-courses-box-details-alignment .box-title-all-details-alignment .two-grid-alignment {
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .assign-courses-section .assign-courses-box-title-section .assign-courses-box-details-alignment .box-title-all-details-alignment .two-grid-alignment {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}
@media (max-width: 576px) {
  .assign-courses-section .assign-courses-box-title-section .assign-courses-box-details-alignment .box-title-all-details-alignment .two-grid-alignment {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.assign-courses-section .assign-courses-box-title-section .assign-courses-box-details-alignment .box-title-all-details-alignment .assign-division-section {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 20px 0 0 0;
}
.assign-courses-section .assign-courses-box-title-section .assign-courses-box-details-alignment .box-title-all-details-alignment .assign-division-section .checkbox-alignment {
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.assign-courses-section .assign-courses-box-title-section .assign-courses-box-details-alignment .box-title-all-details-alignment .assign-division-section .checkbox-alignment input[type=checkbox] {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}
.assign-courses-section .assign-courses-box-title-section .assign-courses-box-details-alignment .box-title-all-details-alignment .assign-division-section span {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
  color: var(--black-color2);
  display: block;
}
.assign-courses-section .assign-courses-box-title-section .assign-courses-box-details-alignment .assign-courses-bottom-alignment {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  padding: 0 16px 20px 16px;
  background: var(--box-dark-color-bg);
}
.assign-courses-section .assign-courses-table-alignment {
  margin: 12px 0 0 0;
}
.assign-courses-section .assign-courses-table-alignment .assign-courses-table-section {
  background: var(--white-color);
  border: 1.25px solid var(--table-border-color);
  border-radius: 20px;
}
.assign-courses-section .assign-courses-table-alignment .assign-courses-table-section .assign-courses-filter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
}
@media (max-width: 767px) {
  .assign-courses-section .assign-courses-table-alignment .assign-courses-table-section .assign-courses-filter {
    padding: 10px;
  }
}
.assign-courses-section .assign-courses-table-alignment .assign-courses-table-section .assign-courses-filter p {
  font-family: "Cabin", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  font-family: "Inter", sans-serif;
  padding: 0;
  margin: 0;
  color: var(--black-color3);
}
.assign-courses-section .assign-courses-table-alignment .assign-courses-table-section .assign-courses-filter .showEntryDetails {
  display: flex;
  align-items: center;
  gap: 6px;
}
.assign-courses-section .assign-courses-table-alignment .assign-courses-table-section .assign-courses-filter .showEntryDetails span {
  font-family: "Cabin", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  display: block;
  color: var(--black-color3);
}
.assign-courses-section .assign-courses-table-alignment .assign-courses-table-section .assign-courses-filter .showEntryDetails .showEntryDropdown {
  padding: 4px 6px 4px 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  position: relative;
}
.assign-courses-section .assign-courses-table-alignment .assign-courses-table-section .assign-courses-filter .showEntryDetails .showEntryDropdown span {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  font-weight: 700;
  font-family: "Cabin", sans-serif;
  color: var(--black-color2);
}
.assign-courses-section .assign-courses-table-alignment .assign-courses-table-section .assign-courses-filter .showEntryDetails .showEntryDropdown .showEntryDropdownBox {
  position: absolute;
  top: 30px;
  left: 0;
  width: 100%;
  overflow-y: hidden;
  max-height: 0px;
  background: var(--white-color);
  border-radius: 4px;
  transition: 0.4s ease-in-out;
  border: 0px solid transparent;
}
.assign-courses-section .assign-courses-table-alignment .assign-courses-table-section .assign-courses-filter .showEntryDetails .showEntryDropdown .showEntryDropdownBox::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #f5f5f5;
}
.assign-courses-section .assign-courses-table-alignment .assign-courses-table-section .assign-courses-filter .showEntryDetails .showEntryDropdown .showEntryDropdownBox::-webkit-scrollbar {
  width: 4px;
  background-color: #f5f5f5;
}
.assign-courses-section .assign-courses-table-alignment .assign-courses-table-section .assign-courses-filter .showEntryDetails .showEntryDropdown .showEntryDropdownBox::-webkit-scrollbar-thumb {
  background-color: #000000;
  border: 2px solid #555555;
}
.assign-courses-section .assign-courses-table-alignment .assign-courses-table-section .assign-courses-filter .showEntryDetails .showEntryDropdown .showEntryDropdownBox ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.assign-courses-section .assign-courses-table-alignment .assign-courses-table-section .assign-courses-filter .showEntryDetails .showEntryDropdown .showEntryDropdownBox ul li {
  padding: 4px 8px;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  font-weight: 700;
  font-family: "Cabin", sans-serif;
  color: var(--black-color2);
}
.assign-courses-section .assign-courses-table-alignment .assign-courses-table-section .assign-courses-filter .showEntryDetails .showEntryDropdown .showEntryDropdownBox ul li:hover {
  color: var(--orange-color);
}
.assign-courses-section .assign-courses-table-alignment .assign-courses-table-section .assign-courses-filter .showEntryDetails .showEntryDropdown:hover {
  transition: 0.4s ease-in-out;
}
.assign-courses-section .assign-courses-table-alignment .assign-courses-table-section .assign-courses-filter .showEntryDetails .showEntryDropdown:hover .showEntryDropdownBox {
  max-height: 100px;
  overflow-y: auto;
  border: 1.25px solid var(--table-border-color);
}

.assign-document-section {
  padding: 20px 22px;
  max-height: calc(100vh - 72px);
  overflow-y: auto;
}
.assign-document-section .assign-document-alignment {
  margin: 24px 0 0 0;
}
@media (max-width: 767px) {
  .assign-document-section .assign-document-alignment {
    margin: 16px 0 0 0;
  }
}
.assign-document-section .assign-document-alignment .assign-document-box {
  background: var(--white-color2);
  padding: 16px 16px 16px 20px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  border-radius: 16px;
  flex-wrap: wrap;
  gap: 12px;
}
@media (max-width: 767px) {
  .assign-document-section .assign-document-alignment .assign-document-box {
    padding: 8px;
  }
}
.assign-document-section .assign-document-alignment .assign-document-box .heading-left-side-alignment h1 {
  font-family: "Raleway", sans-serif;
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  color: var(--black-color);
}
@media (max-width: 576px) {
  .assign-document-section .assign-document-alignment .assign-document-box .heading-left-side-alignment h1 {
    font-size: 20px;
    line-height: 26px;
  }
}
@media (max-width: 576px) {
  .assign-document-section .assign-document-alignment .assign-document-box .heading-left-side-alignment h1 {
    font-size: 18px;
    line-height: 24px;
  }
}
.assign-document-section .assign-document-alignment .assign-document-box .heading-left-side-alignment p {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
  color: var(--black-color5);
  max-width: 474px;
}
.assign-document-section .assign-document-box-title-section {
  margin: 24px 0 0 0;
}
.assign-document-section .assign-document-box-title-section .assign-document-box-details-alignment {
  border: 1px solid var(--table-border-color);
  border-radius: 16px 16px 0 0;
  background: var(--box-dark-color-bg);
}
.assign-document-section .assign-document-box-title-section .assign-document-box-details-alignment .box-title-alignment {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 16px;
  background: var(--orange-color2);
  border-radius: 16px 16px 0 0;
}
.assign-document-section .assign-document-box-title-section .assign-document-box-details-alignment .box-title-alignment h2 {
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  font-weight: 600;
  color: var(--black-color2);
  padding: 0;
  margin: 0;
}
@media (max-width: 576px) {
  .assign-document-section .assign-document-box-title-section .assign-document-box-details-alignment .box-title-alignment h2 {
    font-size: 14px;
    line-height: 21px;
  }
}
.assign-document-section .assign-document-box-title-section .assign-document-box-details-alignment .box-title-alignment .down-arrow-alignment {
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.assign-document-section .assign-document-box-title-section .assign-document-box-details-alignment .box-title-alignment .down-arrow-alignment img {
  width: 100%;
  height: 100%;
  display: block;
}
.assign-document-section .assign-document-box-title-section .assign-document-box-details-alignment .box-title-all-details-alignment {
  padding: 24px 16px;
  background: var(--box-dark-color-bg);
}
.assign-document-section .assign-document-box-title-section .assign-document-box-details-alignment .box-title-all-details-alignment .box-title-grid-alignment {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px 80px;
}
@media (max-width: 1199px) {
  .assign-document-section .assign-document-box-title-section .assign-document-box-details-alignment .box-title-all-details-alignment .box-title-grid-alignment {
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .assign-document-section .assign-document-box-title-section .assign-document-box-details-alignment .box-title-all-details-alignment .box-title-grid-alignment {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}
@media (max-width: 576px) {
  .assign-document-section .assign-document-box-title-section .assign-document-box-details-alignment .box-title-all-details-alignment .box-title-grid-alignment {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.assign-document-section .assign-document-box-title-section .assign-document-box-details-alignment .box-title-all-details-alignment .assign-division-section {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 20px 0 0 0;
}
.assign-document-section .assign-document-box-title-section .assign-document-box-details-alignment .box-title-all-details-alignment .assign-division-section .checkbox-alignment {
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.assign-document-section .assign-document-box-title-section .assign-document-box-details-alignment .box-title-all-details-alignment .assign-division-section .checkbox-alignment input[type=checkbox] {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}
.assign-document-section .assign-document-box-title-section .assign-document-box-details-alignment .box-title-all-details-alignment .assign-division-section span {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
  color: var(--black-color2);
  display: block;
}
.assign-document-section .assign-document-box-title-section .assign-document-box-details-alignment .box-title-all-details-alignment .assign-document-bottom-alignment {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  padding: 0 16px 20px 16px;
  background: var(--box-dark-color-bg);
}
.assign-document-section .assign-document-table-alignment {
  margin: 12px 0 0 0;
}
.assign-document-section .assign-document-table-alignment .assign-document-table-section {
  background: var(--white-color);
  border: 1.25px solid var(--table-border-color);
  border-radius: 20px;
}
.assign-document-section .assign-document-table-alignment .assign-document-table-section .assign-document-filter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
}
@media (max-width: 767px) {
  .assign-document-section .assign-document-table-alignment .assign-document-table-section .assign-document-filter {
    padding: 10px;
  }
}
.assign-document-section .assign-document-table-alignment .assign-document-table-section .assign-document-filter p {
  font-family: "Cabin", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  font-family: "Inter", sans-serif;
  padding: 0;
  margin: 0;
  color: var(--black-color3);
}
.assign-document-section .assign-document-table-alignment .assign-document-table-section .assign-document-filter .showEntryDetails {
  display: flex;
  align-items: center;
  gap: 6px;
}
.assign-document-section .assign-document-table-alignment .assign-document-table-section .assign-document-filter .showEntryDetails span {
  font-family: "Cabin", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  display: block;
  color: var(--black-color3);
}
.assign-document-section .assign-document-table-alignment .assign-document-table-section .assign-document-filter .showEntryDetails .showEntryDropdown {
  padding: 4px 6px 4px 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  position: relative;
}
.assign-document-section .assign-document-table-alignment .assign-document-table-section .assign-document-filter .showEntryDetails .showEntryDropdown span {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  font-weight: 700;
  font-family: "Cabin", sans-serif;
  color: var(--black-color2);
}
.assign-document-section .assign-document-table-alignment .assign-document-table-section .assign-document-filter .showEntryDetails .showEntryDropdown .showEntryDropdownBox {
  position: absolute;
  top: 30px;
  left: 0;
  width: 100%;
  overflow-y: hidden;
  max-height: 0px;
  background: var(--white-color);
  border-radius: 4px;
  transition: 0.4s ease-in-out;
  border: 0px solid transparent;
}
.assign-document-section .assign-document-table-alignment .assign-document-table-section .assign-document-filter .showEntryDetails .showEntryDropdown .showEntryDropdownBox::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #f5f5f5;
}
.assign-document-section .assign-document-table-alignment .assign-document-table-section .assign-document-filter .showEntryDetails .showEntryDropdown .showEntryDropdownBox::-webkit-scrollbar {
  width: 4px;
  background-color: #f5f5f5;
}
.assign-document-section .assign-document-table-alignment .assign-document-table-section .assign-document-filter .showEntryDetails .showEntryDropdown .showEntryDropdownBox::-webkit-scrollbar-thumb {
  background-color: #000000;
  border: 2px solid #555555;
}
.assign-document-section .assign-document-table-alignment .assign-document-table-section .assign-document-filter .showEntryDetails .showEntryDropdown .showEntryDropdownBox ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.assign-document-section .assign-document-table-alignment .assign-document-table-section .assign-document-filter .showEntryDetails .showEntryDropdown .showEntryDropdownBox ul li {
  padding: 4px 8px;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  font-weight: 700;
  font-family: "Cabin", sans-serif;
  color: var(--black-color2);
}
.assign-document-section .assign-document-table-alignment .assign-document-table-section .assign-document-filter .showEntryDetails .showEntryDropdown .showEntryDropdownBox ul li:hover {
  color: var(--orange-color);
}
.assign-document-section .assign-document-table-alignment .assign-document-table-section .assign-document-filter .showEntryDetails .showEntryDropdown:hover {
  transition: 0.4s ease-in-out;
}
.assign-document-section .assign-document-table-alignment .assign-document-table-section .assign-document-filter .showEntryDetails .showEntryDropdown:hover .showEntryDropdownBox {
  max-height: 100px;
  overflow-y: auto;
  border: 1.25px solid var(--table-border-color);
}

.assign-learning-path-section {
  padding: 20px 22px;
  max-height: calc(100vh - 72px);
  overflow-y: auto;
}
.assign-learning-path-section .assign-learning-path-alignment {
  margin: 24px 0 0 0;
}
@media (max-width: 767px) {
  .assign-learning-path-section .assign-learning-path-alignment {
    margin: 16px 0 0 0;
  }
}
.assign-learning-path-section .assign-learning-path-alignment .assign-learning-path-box {
  background: var(--white-color2);
  padding: 16px 16px 16px 20px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  border-radius: 16px;
  flex-wrap: wrap;
  gap: 12px;
}
@media (max-width: 767px) {
  .assign-learning-path-section .assign-learning-path-alignment .assign-learning-path-box {
    padding: 8px;
  }
}
.assign-learning-path-section .assign-learning-path-alignment .assign-learning-path-box .heading-left-side-alignment h1 {
  font-family: "Raleway", sans-serif;
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  color: var(--black-color);
}
@media (max-width: 576px) {
  .assign-learning-path-section .assign-learning-path-alignment .assign-learning-path-box .heading-left-side-alignment h1 {
    font-size: 20px;
    line-height: 26px;
  }
}
@media (max-width: 576px) {
  .assign-learning-path-section .assign-learning-path-alignment .assign-learning-path-box .heading-left-side-alignment h1 {
    font-size: 18px;
    line-height: 24px;
  }
}
.assign-learning-path-section .assign-learning-path-alignment .assign-learning-path-box .heading-left-side-alignment p {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
  color: var(--black-color5);
  max-width: 474px;
}
.assign-learning-path-section .assign-learning-path-box-title-section .assign-learning-path-box-details-alignment {
  border: 1px solid var(--table-border-color);
  border-radius: 16px 16px 0 0;
  background: var(--box-dark-color-bg);
}
.assign-learning-path-section .assign-learning-path-box-title-section .assign-learning-path-box-details-alignment .box-title-alignment {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 16px;
  background: var(--orange-color2);
  border-radius: 16px 16px 0 0;
}
.assign-learning-path-section .assign-learning-path-box-title-section .assign-learning-path-box-details-alignment .box-title-alignment h2 {
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  font-weight: 600;
  color: var(--black-color2);
  padding: 0;
  margin: 0;
}
@media (max-width: 576px) {
  .assign-learning-path-section .assign-learning-path-box-title-section .assign-learning-path-box-details-alignment .box-title-alignment h2 {
    font-size: 14px;
    line-height: 21px;
  }
}
.assign-learning-path-section .assign-learning-path-box-title-section .assign-learning-path-box-details-alignment .box-title-alignment .down-arrow-alignment {
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.assign-learning-path-section .assign-learning-path-box-title-section .assign-learning-path-box-details-alignment .box-title-alignment .down-arrow-alignment img {
  width: 100%;
  height: 100%;
  display: block;
}
.assign-learning-path-section .assign-learning-path-box-title-section .assign-learning-path-box-details-alignment .box-title-all-details-alignment {
  padding: 24px 16px;
  background: var(--box-dark-color-bg);
}
.assign-learning-path-section .assign-learning-path-box-title-section .assign-learning-path-box-details-alignment .box-title-all-details-alignment .box-title-grid-alignment {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px 80px;
}
@media (max-width: 1199px) {
  .assign-learning-path-section .assign-learning-path-box-title-section .assign-learning-path-box-details-alignment .box-title-all-details-alignment .box-title-grid-alignment {
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .assign-learning-path-section .assign-learning-path-box-title-section .assign-learning-path-box-details-alignment .box-title-all-details-alignment .box-title-grid-alignment {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}
@media (max-width: 576px) {
  .assign-learning-path-section .assign-learning-path-box-title-section .assign-learning-path-box-details-alignment .box-title-all-details-alignment .box-title-grid-alignment {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.assign-learning-path-section .assign-learning-path-box-title-section .assign-learning-path-box-details-alignment .box-title-all-details-alignment .two-grid-alignment {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px 80px;
}
@media (max-width: 1199px) {
  .assign-learning-path-section .assign-learning-path-box-title-section .assign-learning-path-box-details-alignment .box-title-all-details-alignment .two-grid-alignment {
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .assign-learning-path-section .assign-learning-path-box-title-section .assign-learning-path-box-details-alignment .box-title-all-details-alignment .two-grid-alignment {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}
@media (max-width: 576px) {
  .assign-learning-path-section .assign-learning-path-box-title-section .assign-learning-path-box-details-alignment .box-title-all-details-alignment .two-grid-alignment {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.assign-learning-path-section .assign-learning-path-box-title-section .assign-learning-path-box-details-alignment .box-title-all-details-alignment .assign-division-section {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 20px 0 0 0;
}
.assign-learning-path-section .assign-learning-path-box-title-section .assign-learning-path-box-details-alignment .box-title-all-details-alignment .assign-division-section .checkbox-alignment {
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.assign-learning-path-section .assign-learning-path-box-title-section .assign-learning-path-box-details-alignment .box-title-all-details-alignment .assign-division-section .checkbox-alignment input[type=checkbox] {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}
.assign-learning-path-section .assign-learning-path-box-title-section .assign-learning-path-box-details-alignment .box-title-all-details-alignment .assign-division-section span {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
  color: var(--black-color2);
  display: block;
}
.assign-learning-path-section .assign-learning-path-box-title-section .assign-learning-path-box-details-alignment .assign-learning-path-bottom-alignment {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  padding: 0 16px 20px 16px;
  background: var(--box-dark-color-bg);
}
.assign-learning-path-section .assign-learning-path-table-alignment {
  margin: 12px 0 0 0;
}
.assign-learning-path-section .assign-learning-path-table-alignment .assign-learning-path-table-section {
  background: var(--white-color);
  border: 1.25px solid var(--table-border-color);
  border-radius: 20px;
}
.assign-learning-path-section .assign-learning-path-table-alignment .assign-learning-path-table-section .assign-learning-path-filter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
}
@media (max-width: 767px) {
  .assign-learning-path-section .assign-learning-path-table-alignment .assign-learning-path-table-section .assign-learning-path-filter {
    padding: 10px;
  }
}
.assign-learning-path-section .assign-learning-path-table-alignment .assign-learning-path-table-section .assign-learning-path-filter p {
  font-family: "Cabin", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  font-family: "Inter", sans-serif;
  padding: 0;
  margin: 0;
  color: var(--black-color3);
}
.assign-learning-path-section .assign-learning-path-table-alignment .assign-learning-path-table-section .assign-learning-path-filter .showEntryDetails {
  display: flex;
  align-items: center;
  gap: 6px;
}
.assign-learning-path-section .assign-learning-path-table-alignment .assign-learning-path-table-section .assign-learning-path-filter .showEntryDetails span {
  font-family: "Cabin", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  display: block;
  color: var(--black-color3);
}
.assign-learning-path-section .assign-learning-path-table-alignment .assign-learning-path-table-section .assign-learning-path-filter .showEntryDetails .showEntryDropdown {
  padding: 4px 6px 4px 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  position: relative;
}
.assign-learning-path-section .assign-learning-path-table-alignment .assign-learning-path-table-section .assign-learning-path-filter .showEntryDetails .showEntryDropdown span {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  font-weight: 700;
  font-family: "Cabin", sans-serif;
  color: var(--black-color2);
}
.assign-learning-path-section .assign-learning-path-table-alignment .assign-learning-path-table-section .assign-learning-path-filter .showEntryDetails .showEntryDropdown .showEntryDropdownBox {
  position: absolute;
  top: 30px;
  left: 0;
  width: 100%;
  overflow-y: hidden;
  max-height: 0px;
  background: var(--white-color);
  border-radius: 4px;
  transition: 0.4s ease-in-out;
  border: 0px solid transparent;
}
.assign-learning-path-section .assign-learning-path-table-alignment .assign-learning-path-table-section .assign-learning-path-filter .showEntryDetails .showEntryDropdown .showEntryDropdownBox::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #f5f5f5;
}
.assign-learning-path-section .assign-learning-path-table-alignment .assign-learning-path-table-section .assign-learning-path-filter .showEntryDetails .showEntryDropdown .showEntryDropdownBox::-webkit-scrollbar {
  width: 4px;
  background-color: #f5f5f5;
}
.assign-learning-path-section .assign-learning-path-table-alignment .assign-learning-path-table-section .assign-learning-path-filter .showEntryDetails .showEntryDropdown .showEntryDropdownBox::-webkit-scrollbar-thumb {
  background-color: #000000;
  border: 2px solid #555555;
}
.assign-learning-path-section .assign-learning-path-table-alignment .assign-learning-path-table-section .assign-learning-path-filter .showEntryDetails .showEntryDropdown .showEntryDropdownBox ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.assign-learning-path-section .assign-learning-path-table-alignment .assign-learning-path-table-section .assign-learning-path-filter .showEntryDetails .showEntryDropdown .showEntryDropdownBox ul li {
  padding: 4px 8px;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  font-weight: 700;
  font-family: "Cabin", sans-serif;
  color: var(--black-color2);
}
.assign-learning-path-section .assign-learning-path-table-alignment .assign-learning-path-table-section .assign-learning-path-filter .showEntryDetails .showEntryDropdown .showEntryDropdownBox ul li:hover {
  color: var(--orange-color);
}
.assign-learning-path-section .assign-learning-path-table-alignment .assign-learning-path-table-section .assign-learning-path-filter .showEntryDetails .showEntryDropdown:hover {
  transition: 0.4s ease-in-out;
}
.assign-learning-path-section .assign-learning-path-table-alignment .assign-learning-path-table-section .assign-learning-path-filter .showEntryDetails .showEntryDropdown:hover .showEntryDropdownBox {
  max-height: 100px;
  overflow-y: auto;
  border: 1.25px solid var(--table-border-color);
}

.custom-table-dropdown {
  display: flex;
  align-items: center;
  gap: 10px;
  position: absolute;
  top: 12px;
  left: 15px;
  z-index: 999;
  cursor: pointer;
}
@media (max-width: 775px) {
  .custom-table-dropdown {
    display: none;
  }
}

.assign-quiz-section {
  padding: 20px 22px;
  max-height: calc(100vh - 72px);
  overflow-y: auto;
}
.assign-quiz-section .assign-quiz-alignment {
  margin: 24px 0 0 0;
}
@media (max-width: 767px) {
  .assign-quiz-section .assign-quiz-alignment {
    margin: 16px 0 0 0;
  }
}
.assign-quiz-section .assign-quiz-alignment .assign-quiz-box {
  background: var(--white-color2);
  padding: 16px 16px 16px 20px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  border-radius: 16px;
  flex-wrap: wrap;
  gap: 12px;
}
@media (max-width: 767px) {
  .assign-quiz-section .assign-quiz-alignment .assign-quiz-box {
    padding: 8px;
  }
}
.assign-quiz-section .assign-quiz-alignment .assign-quiz-box .heading-left-side-alignment h1 {
  font-family: "Raleway", sans-serif;
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  color: var(--black-color);
}
@media (max-width: 576px) {
  .assign-quiz-section .assign-quiz-alignment .assign-quiz-box .heading-left-side-alignment h1 {
    font-size: 20px;
    line-height: 26px;
  }
}
@media (max-width: 576px) {
  .assign-quiz-section .assign-quiz-alignment .assign-quiz-box .heading-left-side-alignment h1 {
    font-size: 18px;
    line-height: 24px;
  }
}
.assign-quiz-section .assign-quiz-alignment .assign-quiz-box .heading-left-side-alignment p {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
  color: var(--black-color5);
  max-width: 474px;
}
.assign-quiz-section .assign-quiz-box-title-section {
  margin: 24px 0 0 0;
}
.assign-quiz-section .assign-quiz-box-title-section .assign-quiz-box-details-alignment {
  border: 1px solid var(--table-border-color);
  border-radius: 16px 16px 0 0;
  background: var(--box-dark-color-bg);
}
.assign-quiz-section .assign-quiz-box-title-section .assign-quiz-box-details-alignment .box-title-alignment {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 16px;
  background: var(--orange-color2);
  border-radius: 16px 16px 0 0;
}
.assign-quiz-section .assign-quiz-box-title-section .assign-quiz-box-details-alignment .box-title-alignment h2 {
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  font-weight: 600;
  color: var(--black-color2);
  padding: 0;
  margin: 0;
}
@media (max-width: 576px) {
  .assign-quiz-section .assign-quiz-box-title-section .assign-quiz-box-details-alignment .box-title-alignment h2 {
    font-size: 14px;
    line-height: 21px;
  }
}
.assign-quiz-section .assign-quiz-box-title-section .assign-quiz-box-details-alignment .box-title-alignment .down-arrow-alignment {
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.assign-quiz-section .assign-quiz-box-title-section .assign-quiz-box-details-alignment .box-title-alignment .down-arrow-alignment img {
  width: 100%;
  height: 100%;
  display: block;
}
.assign-quiz-section .assign-quiz-box-title-section .assign-quiz-box-details-alignment .box-title-all-details-alignment {
  padding: 24px 16px;
  background: var(--box-dark-color-bg);
}
.assign-quiz-section .assign-quiz-box-title-section .assign-quiz-box-details-alignment .box-title-all-details-alignment .box-title-grid-alignment {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px 80px;
}
@media (max-width: 1199px) {
  .assign-quiz-section .assign-quiz-box-title-section .assign-quiz-box-details-alignment .box-title-all-details-alignment .box-title-grid-alignment {
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .assign-quiz-section .assign-quiz-box-title-section .assign-quiz-box-details-alignment .box-title-all-details-alignment .box-title-grid-alignment {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}
@media (max-width: 576px) {
  .assign-quiz-section .assign-quiz-box-title-section .assign-quiz-box-details-alignment .box-title-all-details-alignment .box-title-grid-alignment {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.assign-quiz-section .assign-quiz-box-title-section .assign-quiz-box-details-alignment .box-title-all-details-alignment .assign-division-section {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 20px 0 0 0;
}
.assign-quiz-section .assign-quiz-box-title-section .assign-quiz-box-details-alignment .box-title-all-details-alignment .assign-division-section .checkbox-alignment {
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.assign-quiz-section .assign-quiz-box-title-section .assign-quiz-box-details-alignment .box-title-all-details-alignment .assign-division-section .checkbox-alignment input[type=checkbox] {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}
.assign-quiz-section .assign-quiz-box-title-section .assign-quiz-box-details-alignment .box-title-all-details-alignment .assign-division-section span {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
  color: var(--black-color2);
  display: block;
}
.assign-quiz-section .assign-quiz-box-title-section .assign-quiz-box-details-alignment .box-title-all-details-alignment .assign-quiz-bottom-alignment {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  padding: 0 16px 20px 16px;
  background: var(--box-dark-color-bg);
}
.assign-quiz-section .assign-quiz-table-alignment {
  margin: 12px 0 0 0;
}
.assign-quiz-section .assign-quiz-table-alignment .assign-quiz-table-section {
  background: var(--white-color);
  border: 1.25px solid var(--table-border-color);
  border-radius: 20px;
}
.assign-quiz-section .assign-quiz-table-alignment .assign-quiz-table-section .assign-quiz-filter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
}
@media (max-width: 767px) {
  .assign-quiz-section .assign-quiz-table-alignment .assign-quiz-table-section .assign-quiz-filter {
    padding: 10px;
  }
}
.assign-quiz-section .assign-quiz-table-alignment .assign-quiz-table-section .assign-quiz-filter p {
  font-family: "Cabin", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  font-family: "Inter", sans-serif;
  padding: 0;
  margin: 0;
  color: var(--black-color3);
}
.assign-quiz-section .assign-quiz-table-alignment .assign-quiz-table-section .assign-quiz-filter .showEntryDetails {
  display: flex;
  align-items: center;
  gap: 6px;
}
.assign-quiz-section .assign-quiz-table-alignment .assign-quiz-table-section .assign-quiz-filter .showEntryDetails span {
  font-family: "Cabin", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  display: block;
  color: var(--black-color3);
}
.assign-quiz-section .assign-quiz-table-alignment .assign-quiz-table-section .assign-quiz-filter .showEntryDetails .showEntryDropdown {
  padding: 4px 6px 4px 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  position: relative;
}
.assign-quiz-section .assign-quiz-table-alignment .assign-quiz-table-section .assign-quiz-filter .showEntryDetails .showEntryDropdown span {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  font-weight: 700;
  font-family: "Cabin", sans-serif;
  color: var(--black-color2);
}
.assign-quiz-section .assign-quiz-table-alignment .assign-quiz-table-section .assign-quiz-filter .showEntryDetails .showEntryDropdown .showEntryDropdownBox {
  position: absolute;
  top: 30px;
  left: 0;
  width: 100%;
  overflow-y: hidden;
  max-height: 0px;
  background: var(--white-color);
  border-radius: 4px;
  transition: 0.4s ease-in-out;
  border: 0px solid transparent;
}
.assign-quiz-section .assign-quiz-table-alignment .assign-quiz-table-section .assign-quiz-filter .showEntryDetails .showEntryDropdown .showEntryDropdownBox::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #f5f5f5;
}
.assign-quiz-section .assign-quiz-table-alignment .assign-quiz-table-section .assign-quiz-filter .showEntryDetails .showEntryDropdown .showEntryDropdownBox::-webkit-scrollbar {
  width: 4px;
  background-color: #f5f5f5;
}
.assign-quiz-section .assign-quiz-table-alignment .assign-quiz-table-section .assign-quiz-filter .showEntryDetails .showEntryDropdown .showEntryDropdownBox::-webkit-scrollbar-thumb {
  background-color: #000000;
  border: 2px solid #555555;
}
.assign-quiz-section .assign-quiz-table-alignment .assign-quiz-table-section .assign-quiz-filter .showEntryDetails .showEntryDropdown .showEntryDropdownBox ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.assign-quiz-section .assign-quiz-table-alignment .assign-quiz-table-section .assign-quiz-filter .showEntryDetails .showEntryDropdown .showEntryDropdownBox ul li {
  padding: 4px 8px;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  font-weight: 700;
  font-family: "Cabin", sans-serif;
  color: var(--black-color2);
}
.assign-quiz-section .assign-quiz-table-alignment .assign-quiz-table-section .assign-quiz-filter .showEntryDetails .showEntryDropdown .showEntryDropdownBox ul li:hover {
  color: var(--orange-color);
}
.assign-quiz-section .assign-quiz-table-alignment .assign-quiz-table-section .assign-quiz-filter .showEntryDetails .showEntryDropdown:hover {
  transition: 0.4s ease-in-out;
}
.assign-quiz-section .assign-quiz-table-alignment .assign-quiz-table-section .assign-quiz-filter .showEntryDetails .showEntryDropdown:hover .showEntryDropdownBox {
  max-height: 100px;
  overflow-y: auto;
  border: 1.25px solid var(--table-border-color);
}

.assign-video-section {
  padding: 20px 22px;
  max-height: calc(100vh - 72px);
  overflow-y: auto;
}
.assign-video-section .assign-video-alignment {
  margin: 24px 0 0 0;
}
@media (max-width: 767px) {
  .assign-video-section .assign-video-alignment {
    margin: 16px 0 0 0;
  }
}
.assign-video-section .assign-video-alignment .assign-video-box {
  background: var(--white-color2);
  padding: 16px 16px 16px 20px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  border-radius: 16px;
  flex-wrap: wrap;
  gap: 12px;
}
@media (max-width: 767px) {
  .assign-video-section .assign-video-alignment .assign-video-box {
    padding: 8px;
  }
}
.assign-video-section .assign-video-alignment .assign-video-box .heading-left-side-alignment h1 {
  font-family: "Raleway", sans-serif;
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  color: var(--black-color);
}
@media (max-width: 576px) {
  .assign-video-section .assign-video-alignment .assign-video-box .heading-left-side-alignment h1 {
    font-size: 20px;
    line-height: 26px;
  }
}
@media (max-width: 576px) {
  .assign-video-section .assign-video-alignment .assign-video-box .heading-left-side-alignment h1 {
    font-size: 18px;
    line-height: 24px;
  }
}
.assign-video-section .assign-video-alignment .assign-video-box .heading-left-side-alignment p {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
  color: var(--black-color5);
  max-width: 474px;
}
.assign-video-section .assign-video-box-title-section .assign-video-box-details-alignment {
  border: 1px solid var(--table-border-color);
  border-radius: 16px 16px 0 0;
  background: var(--box-dark-color-bg);
}
.assign-video-section .assign-video-box-title-section .assign-video-box-details-alignment .box-title-alignment {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 16px;
  background: var(--orange-color2);
  border-radius: 16px 16px 0 0;
}
.assign-video-section .assign-video-box-title-section .assign-video-box-details-alignment .box-title-alignment h2 {
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  font-weight: 600;
  color: var(--black-color2);
  padding: 0;
  margin: 0;
}
@media (max-width: 576px) {
  .assign-video-section .assign-video-box-title-section .assign-video-box-details-alignment .box-title-alignment h2 {
    font-size: 14px;
    line-height: 21px;
  }
}
.assign-video-section .assign-video-box-title-section .assign-video-box-details-alignment .box-title-alignment .down-arrow-alignment {
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.assign-video-section .assign-video-box-title-section .assign-video-box-details-alignment .box-title-alignment .down-arrow-alignment img {
  width: 100%;
  height: 100%;
  display: block;
}
.assign-video-section .assign-video-box-title-section .assign-video-box-details-alignment .box-title-all-details-alignment {
  padding: 24px 16px;
  background: var(--box-dark-color-bg);
}
.assign-video-section .assign-video-box-title-section .assign-video-box-details-alignment .box-title-all-details-alignment .box-title-grid-alignment {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px 80px;
}
@media (max-width: 1199px) {
  .assign-video-section .assign-video-box-title-section .assign-video-box-details-alignment .box-title-all-details-alignment .box-title-grid-alignment {
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .assign-video-section .assign-video-box-title-section .assign-video-box-details-alignment .box-title-all-details-alignment .box-title-grid-alignment {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}
@media (max-width: 576px) {
  .assign-video-section .assign-video-box-title-section .assign-video-box-details-alignment .box-title-all-details-alignment .box-title-grid-alignment {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.assign-video-section .assign-video-box-title-section .assign-video-box-details-alignment .box-title-all-details-alignment .two-grid-alignment {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px 80px;
}
@media (max-width: 1199px) {
  .assign-video-section .assign-video-box-title-section .assign-video-box-details-alignment .box-title-all-details-alignment .two-grid-alignment {
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .assign-video-section .assign-video-box-title-section .assign-video-box-details-alignment .box-title-all-details-alignment .two-grid-alignment {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}
@media (max-width: 576px) {
  .assign-video-section .assign-video-box-title-section .assign-video-box-details-alignment .box-title-all-details-alignment .two-grid-alignment {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.assign-video-section .assign-video-box-title-section .assign-video-box-details-alignment .box-title-all-details-alignment .assign-division-section {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 20px 0 0 0;
}
.assign-video-section .assign-video-box-title-section .assign-video-box-details-alignment .box-title-all-details-alignment .assign-division-section .checkbox-alignment {
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.assign-video-section .assign-video-box-title-section .assign-video-box-details-alignment .box-title-all-details-alignment .assign-division-section .checkbox-alignment input[type=checkbox] {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}
.assign-video-section .assign-video-box-title-section .assign-video-box-details-alignment .box-title-all-details-alignment .assign-division-section span {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
  color: var(--black-color2);
  display: block;
}
.assign-video-section .assign-video-box-title-section .assign-video-box-details-alignment .assign-video-bottom-alignment {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  padding: 0 16px 20px 16px;
  background: var(--box-dark-color-bg);
}
.assign-video-section .assign-video-table-alignment {
  margin: 12px 0 0 0;
}
.assign-video-section .assign-video-table-alignment .assign-video-table-section {
  background: var(--white-color);
  border: 1.25px solid var(--table-border-color);
  border-radius: 20px;
}
.assign-video-section .assign-video-table-alignment .assign-video-table-section .assign-video-filter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
}
@media (max-width: 767px) {
  .assign-video-section .assign-video-table-alignment .assign-video-table-section .assign-video-filter {
    padding: 10px;
  }
}
.assign-video-section .assign-video-table-alignment .assign-video-table-section .assign-video-filter p {
  font-family: "Cabin", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  font-family: "Inter", sans-serif;
  padding: 0;
  margin: 0;
  color: var(--black-color3);
}
.assign-video-section .assign-video-table-alignment .assign-video-table-section .assign-video-filter .showEntryDetails {
  display: flex;
  align-items: center;
  gap: 6px;
}
.assign-video-section .assign-video-table-alignment .assign-video-table-section .assign-video-filter .showEntryDetails span {
  font-family: "Cabin", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  display: block;
  color: var(--black-color3);
}
.assign-video-section .assign-video-table-alignment .assign-video-table-section .assign-video-filter .showEntryDetails .showEntryDropdown {
  padding: 4px 6px 4px 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  position: relative;
}
.assign-video-section .assign-video-table-alignment .assign-video-table-section .assign-video-filter .showEntryDetails .showEntryDropdown span {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  font-weight: 700;
  font-family: "Cabin", sans-serif;
  color: var(--black-color2);
}
.assign-video-section .assign-video-table-alignment .assign-video-table-section .assign-video-filter .showEntryDetails .showEntryDropdown .showEntryDropdownBox {
  position: absolute;
  top: 30px;
  left: 0;
  width: 100%;
  overflow-y: hidden;
  max-height: 0px;
  background: var(--white-color);
  border-radius: 4px;
  transition: 0.4s ease-in-out;
  border: 0px solid transparent;
}
.assign-video-section .assign-video-table-alignment .assign-video-table-section .assign-video-filter .showEntryDetails .showEntryDropdown .showEntryDropdownBox::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #f5f5f5;
}
.assign-video-section .assign-video-table-alignment .assign-video-table-section .assign-video-filter .showEntryDetails .showEntryDropdown .showEntryDropdownBox::-webkit-scrollbar {
  width: 4px;
  background-color: #f5f5f5;
}
.assign-video-section .assign-video-table-alignment .assign-video-table-section .assign-video-filter .showEntryDetails .showEntryDropdown .showEntryDropdownBox::-webkit-scrollbar-thumb {
  background-color: #000000;
  border: 2px solid #555555;
}
.assign-video-section .assign-video-table-alignment .assign-video-table-section .assign-video-filter .showEntryDetails .showEntryDropdown .showEntryDropdownBox ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.assign-video-section .assign-video-table-alignment .assign-video-table-section .assign-video-filter .showEntryDetails .showEntryDropdown .showEntryDropdownBox ul li {
  padding: 4px 8px;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  font-weight: 700;
  font-family: "Cabin", sans-serif;
  color: var(--black-color2);
}
.assign-video-section .assign-video-table-alignment .assign-video-table-section .assign-video-filter .showEntryDetails .showEntryDropdown .showEntryDropdownBox ul li:hover {
  color: var(--orange-color);
}
.assign-video-section .assign-video-table-alignment .assign-video-table-section .assign-video-filter .showEntryDetails .showEntryDropdown:hover {
  transition: 0.4s ease-in-out;
}
.assign-video-section .assign-video-table-alignment .assign-video-table-section .assign-video-filter .showEntryDetails .showEntryDropdown:hover .showEntryDropdownBox {
  max-height: 100px;
  overflow-y: auto;
  border: 1.25px solid var(--table-border-color);
}

.bulk-upload-section {
  padding: 20px 22px;
  max-height: calc(100vh - 72px);
  overflow-y: auto;
}
.bulk-upload-section .bulk-upload-alignment {
  margin: 24px 0 0 0;
}
@media (max-width: 767px) {
  .bulk-upload-section .bulk-upload-alignment {
    margin: 16px 0 0 0;
  }
}
.bulk-upload-section .bulk-upload-alignment .bulk-upload-box {
  background: var(--white-color2);
  padding: 16px 16px 16px 20px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  border-radius: 16px;
  flex-wrap: wrap;
  gap: 12px;
}
@media (max-width: 767px) {
  .bulk-upload-section .bulk-upload-alignment .bulk-upload-box {
    padding: 8px;
  }
}
.bulk-upload-section .bulk-upload-alignment .bulk-upload-box .heading-left-side-alignment h1 {
  font-family: "Raleway", sans-serif;
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  color: var(--black-color);
}
@media (max-width: 576px) {
  .bulk-upload-section .bulk-upload-alignment .bulk-upload-box .heading-left-side-alignment h1 {
    font-size: 20px;
    line-height: 26px;
  }
}
@media (max-width: 576px) {
  .bulk-upload-section .bulk-upload-alignment .bulk-upload-box .heading-left-side-alignment h1 {
    font-size: 18px;
    line-height: 24px;
  }
}
.bulk-upload-section .bulk-upload-alignment .bulk-upload-box .heading-left-side-alignment p {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
  color: var(--black-color5);
  max-width: 474px;
}
.bulk-upload-section .bulk-upload-box-title-section .bulk-upload-box-details-alignment {
  border: 1px solid var(--table-border-color);
  border-radius: 16px 16px 0 0;
  background: var(--box-dark-color-bg);
}
.bulk-upload-section .bulk-upload-box-title-section .bulk-upload-box-details-alignment .box-title-alignment {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 16px;
  background: var(--orange-color2);
  border-radius: 16px 16px 0 0;
}
.bulk-upload-section .bulk-upload-box-title-section .bulk-upload-box-details-alignment .box-title-alignment h2 {
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  font-weight: 600;
  color: var(--black-color2);
  padding: 0;
  margin: 0;
}
@media (max-width: 576px) {
  .bulk-upload-section .bulk-upload-box-title-section .bulk-upload-box-details-alignment .box-title-alignment h2 {
    font-size: 14px;
    line-height: 21px;
  }
}
.bulk-upload-section .bulk-upload-box-title-section .bulk-upload-box-details-alignment .box-title-alignment .down-arrow-alignment {
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.bulk-upload-section .bulk-upload-box-title-section .bulk-upload-box-details-alignment .box-title-alignment .down-arrow-alignment img {
  width: 100%;
  height: 100%;
  display: block;
}
.bulk-upload-section .bulk-upload-box-title-section .bulk-upload-box-details-alignment .box-title-all-details-alignment {
  padding: 24px 16px;
  background: var(--box-dark-color-bg);
}
.bulk-upload-section .bulk-upload-box-title-section .bulk-upload-box-details-alignment .box-title-all-details-alignment .box-title-grid-alignment {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px 80px;
}
@media (max-width: 1199px) {
  .bulk-upload-section .bulk-upload-box-title-section .bulk-upload-box-details-alignment .box-title-all-details-alignment .box-title-grid-alignment {
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .bulk-upload-section .bulk-upload-box-title-section .bulk-upload-box-details-alignment .box-title-all-details-alignment .box-title-grid-alignment {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}
@media (max-width: 576px) {
  .bulk-upload-section .bulk-upload-box-title-section .bulk-upload-box-details-alignment .box-title-all-details-alignment .box-title-grid-alignment {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.bulk-upload-section .bulk-upload-box-title-section .bulk-upload-box-details-alignment .box-title-all-details-alignment .two-grid-alignment {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px 80px;
}
@media (max-width: 1199px) {
  .bulk-upload-section .bulk-upload-box-title-section .bulk-upload-box-details-alignment .box-title-all-details-alignment .two-grid-alignment {
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .bulk-upload-section .bulk-upload-box-title-section .bulk-upload-box-details-alignment .box-title-all-details-alignment .two-grid-alignment {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}
@media (max-width: 576px) {
  .bulk-upload-section .bulk-upload-box-title-section .bulk-upload-box-details-alignment .box-title-all-details-alignment .two-grid-alignment {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.bulk-upload-section .bulk-upload-box-title-section .bulk-upload-box-details-alignment .box-title-all-details-alignment .assign-division-section {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 20px 0 0 0;
}
.bulk-upload-section .bulk-upload-box-title-section .bulk-upload-box-details-alignment .box-title-all-details-alignment .assign-division-section .checkbox-alignment {
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.bulk-upload-section .bulk-upload-box-title-section .bulk-upload-box-details-alignment .box-title-all-details-alignment .assign-division-section .checkbox-alignment input[type=checkbox] {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}
.bulk-upload-section .bulk-upload-box-title-section .bulk-upload-box-details-alignment .box-title-all-details-alignment .assign-division-section span {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
  color: var(--black-color2);
  display: block;
}
.bulk-upload-section .bulk-upload-box-title-section .bulk-upload-box-details-alignment .bulk-upload-bottom-alignment {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  padding: 0 16px 20px 16px;
  background: var(--box-dark-color-bg);
}
.bulk-upload-section .bulk-upload-box-title-section .bulk-upload-box-details-alignment .browse-section {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}
.bulk-upload-section .bulk-upload-box-title-section .bulk-upload-box-details-alignment .browse-section .browse-input {
  width: 125px;
}
.bulk-upload-section .bulk-upload-box-title-section .bulk-upload-box-details-alignment .browse-section .browse-input .form-input {
  height: 40px;
  width: 100%;
  position: relative;
  border: 1px solid var(--input-border-color);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bulk-upload-section .bulk-upload-box-title-section .bulk-upload-box-details-alignment .browse-section .browse-input .form-input input[type=file] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 999;
  text-indent: 999px;
}
.bulk-upload-section .bulk-upload-box-title-section .bulk-upload-box-details-alignment .browse-section .browse-input .form-input p {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 600;
  color: #e0e0e0;
  font-weight: 500;
}
.bulk-upload-section .bulk-upload-box-title-section .bulk-upload-box-details-alignment .browse-section p {
  font-family: "Cabin", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  line-height: 16px;
  font-family: "Poppins", sans-serif;
  padding: 0;
  margin: 0;
  color: var(--black-color2);
}
.bulk-upload-section .bulk-upload-box-title-section .bulk-upload-box-details-alignment .import-sample-file-section {
  padding: 12px 0 0 0;
}
.bulk-upload-section .bulk-upload-box-title-section .bulk-upload-box-details-alignment .import-sample-file-section a {
  cursor: pointer;
  padding: 6px 12px;
  font-family: "Cabin", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  color: var(--voilet-color);
}
.bulk-upload-section .bulk-upload-box-title-section .bulk-upload-box-details-alignment .browse-name-alignment {
  padding: 16px 0 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.bulk-upload-section .bulk-upload-box-title-section .bulk-upload-box-details-alignment .browse-name-alignment p {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  padding: 0;
  margin: 0;
  color: var(--black-color);
}
.bulk-upload-section .bulk-upload-box-title-section .bulk-upload-box-details-alignment .browse-name-alignment p span {
  color: var(--file-color);
}
.bulk-upload-section .bulk-upload-box-title-section .bulk-upload-box-details-alignment .browse-name-alignment .right-side-alignment {
  display: flex;
  align-items: center;
  gap: 20px;
}
.bulk-upload-section .bulk-upload-box-title-section .bulk-upload-box-details-alignment .browse-name-alignment .right-side-alignment .option-icon {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.bulk-upload-section .bulk-upload-table-alignment {
  margin: 12px 0 0 0;
}
.bulk-upload-section .bulk-upload-table-alignment .bulk-upload-table-section {
  background: var(--white-color);
  border: 1.25px solid var(--table-border-color);
  border-radius: 20px;
}
.bulk-upload-section .bulk-upload-table-alignment .bulk-upload-table-section .bulk-upload-filter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
}
@media (max-width: 767px) {
  .bulk-upload-section .bulk-upload-table-alignment .bulk-upload-table-section .bulk-upload-filter {
    padding: 10px;
  }
}
.bulk-upload-section .bulk-upload-table-alignment .bulk-upload-table-section .bulk-upload-filter p {
  font-family: "Cabin", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  font-family: "Inter", sans-serif;
  padding: 0;
  margin: 0;
  color: var(--black-color3);
}
.bulk-upload-section .bulk-upload-table-alignment .bulk-upload-table-section .bulk-upload-filter .showEntryDetails {
  display: flex;
  align-items: center;
  gap: 6px;
}
.bulk-upload-section .bulk-upload-table-alignment .bulk-upload-table-section .bulk-upload-filter .showEntryDetails span {
  font-family: "Cabin", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  display: block;
  color: var(--black-color3);
}
.bulk-upload-section .bulk-upload-table-alignment .bulk-upload-table-section .bulk-upload-filter .showEntryDetails .showEntryDropdown {
  padding: 4px 6px 4px 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  position: relative;
}
.bulk-upload-section .bulk-upload-table-alignment .bulk-upload-table-section .bulk-upload-filter .showEntryDetails .showEntryDropdown span {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  font-weight: 700;
  font-family: "Cabin", sans-serif;
  color: var(--black-color2);
}
.bulk-upload-section .bulk-upload-table-alignment .bulk-upload-table-section .bulk-upload-filter .showEntryDetails .showEntryDropdown .showEntryDropdownBox {
  position: absolute;
  top: 30px;
  left: 0;
  width: 100%;
  overflow-y: hidden;
  max-height: 0px;
  background: var(--white-color);
  border-radius: 4px;
  transition: 0.4s ease-in-out;
  border: 0px solid transparent;
}
.bulk-upload-section .bulk-upload-table-alignment .bulk-upload-table-section .bulk-upload-filter .showEntryDetails .showEntryDropdown .showEntryDropdownBox::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #f5f5f5;
}
.bulk-upload-section .bulk-upload-table-alignment .bulk-upload-table-section .bulk-upload-filter .showEntryDetails .showEntryDropdown .showEntryDropdownBox::-webkit-scrollbar {
  width: 4px;
  background-color: #f5f5f5;
}
.bulk-upload-section .bulk-upload-table-alignment .bulk-upload-table-section .bulk-upload-filter .showEntryDetails .showEntryDropdown .showEntryDropdownBox::-webkit-scrollbar-thumb {
  background-color: #000000;
  border: 2px solid #555555;
}
.bulk-upload-section .bulk-upload-table-alignment .bulk-upload-table-section .bulk-upload-filter .showEntryDetails .showEntryDropdown .showEntryDropdownBox ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.bulk-upload-section .bulk-upload-table-alignment .bulk-upload-table-section .bulk-upload-filter .showEntryDetails .showEntryDropdown .showEntryDropdownBox ul li {
  padding: 4px 8px;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  font-weight: 700;
  font-family: "Cabin", sans-serif;
  color: var(--black-color2);
}
.bulk-upload-section .bulk-upload-table-alignment .bulk-upload-table-section .bulk-upload-filter .showEntryDetails .showEntryDropdown .showEntryDropdownBox ul li:hover {
  color: var(--orange-color);
}
.bulk-upload-section .bulk-upload-table-alignment .bulk-upload-table-section .bulk-upload-filter .showEntryDetails .showEntryDropdown:hover {
  transition: 0.4s ease-in-out;
}
.bulk-upload-section .bulk-upload-table-alignment .bulk-upload-table-section .bulk-upload-filter .showEntryDetails .showEntryDropdown:hover .showEntryDropdownBox {
  max-height: 100px;
  overflow-y: auto;
  border: 1.25px solid var(--table-border-color);
}

.course-builder-section {
  padding: 20px 22px;
}
.course-builder-section .course-builder-alignment {
  padding: 24px 0 0 0;
}
.course-builder-section .course-builder-alignment .course-menu-bar-box {
  background: var(--course-menu-bg);
  padding: 12px;
  border-radius: 16px;
}
.course-builder-section .course-builder-alignment .course-menu-bar-box .course-menu-link {
  display: block;
  margin: 0 0 16px 0;
}
.course-builder-section .course-builder-alignment .course-menu-bar-box .course-menu-details {
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  cursor: pointer;
  transition: 0.4s ease-in-out;
  border: 1px solid transparent;
  width: 96px;
}
.course-builder-section .course-builder-alignment .course-menu-bar-box .course-menu-details:last-child {
  margin: 0;
}
@media (max-width: 1199px) {
  .course-builder-section .course-builder-alignment .course-menu-bar-box .course-menu-details {
    margin: 0;
  }
}
.course-builder-section .course-builder-alignment .course-menu-bar-box .course-menu-details .course-menu-icon {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--course-icon-box);
}
.course-builder-section .course-builder-alignment .course-menu-bar-box .course-menu-details p {
  padding: 0;
  margin: 0;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 500;
  font-family: "Raleway", sans-serif;
  color: var(--course-menu-name);
}
.course-builder-section .course-builder-alignment .course-menu-bar-box .course-menu-details.active {
  background: var(--course-menu-box) !important;
}
.course-builder-section .course-builder-alignment .course-menu-bar-box .course-menu-details.active:hover {
  border: 1px solid transparent !important;
}
.course-builder-section .course-builder-alignment .course-menu-bar-box .course-menu-details.selected-box {
  border: 1px solid var(--course-active-menu-border);
}
.course-builder-section .course-builder-alignment .course-menu-bar-box .course-menu-details:hover {
  transition: 0.4s ease-in-out;
  border: 1px solid var(--course-active-menu-border);
}
.course-builder-section .course-builder-alignment .course-builder-right-side {
  display: grid;
  grid-template-columns: 316px 1fr;
  gap: 20px;
}
@media (max-width: 767px) {
  .course-builder-section .course-builder-alignment .course-builder-right-side {
    grid-template-columns: 1fr;
  }
}
.course-builder-section .course-builder-alignment .course-builder-right-side .course-second-details-section {
  background: var(--course-box-bg);
  border-radius: 16px;
}
.course-builder-section .course-builder-alignment .course-builder-right-side .course-second-details-section .second-top-details-alignment {
  padding: 16px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  border-bottom: 1px solid var(--course-border-color);
}
.course-builder-section .course-builder-alignment .course-builder-right-side .course-second-details-section .second-top-details-alignment .button-alignment button {
  width: 100%;
  justify-content: center;
}
.course-builder-section .course-builder-alignment .course-builder-right-side .course-second-details-section .course-second-list {
  padding: 20px 14px 20px 16px;
  height: calc(100vh - 215px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.course-builder-section .course-builder-alignment .course-builder-right-side .course-second-details-section .course-second-list h6 {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  font-family: "Raleway", sans-serif;
  color: var(--course-list-name-color);
  font-weight: 500;
}
@media (max-width: 576px) {
  .course-builder-section .course-builder-alignment .course-builder-right-side .course-second-details-section .course-second-list h6 {
    font-size: 14px;
    line-height: 21px;
  }
}
.course-builder-section .course-builder-alignment .course-builder-right-side .course-second-details-section .course-second-list .courses-title-name-alignment .course-title-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  padding: 6px;
  margin: 0 0 10px 0;
  cursor: pointer;
}
.course-builder-section .course-builder-alignment .course-builder-right-side .course-second-details-section .course-second-list .courses-title-name-alignment .course-title-grid.active-course {
  background: var(--gray-color-bg);
}
.course-builder-section .course-builder-alignment .course-builder-right-side .course-second-details-section .course-second-list .courses-title-name-alignment .course-title-grid h6 {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 500;
  color: var(--black-color);
  padding: 0;
  margin: 0;
}
.course-builder-section .course-builder-alignment .course-builder-right-side .course-second-details-section .course-second-list .courses-title-name-alignment .course-title-grid p {
  font-size: 14px;
  line-height: 19px;
  font-weight: 700;
  font-family: "Cabin", sans-serif;
  color: var(--black-color);
  padding: 0;
  margin: 0;
}
.course-builder-section .course-builder-alignment .course-builder-right-side .course-second-details-section .course-second-list .courses-title-name-alignment .course-title-grid.child-list-grid {
  margin: 0 0 10px 16px;
}
.course-builder-section .course-builder-alignment .course-builder-right-side .course-second-details-section .course-second-list .finish-button-alignment {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.course-builder-section .course-builder-alignment .course-builder-right-side .course-third-details-section .chapter-details-section {
  background: var(--chapter-bg);
  border-radius: 20px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 16px 16px 16px 20px;
  gap: 32px;
}
@media (max-width: 767px) {
  .course-builder-section .course-builder-alignment .course-builder-right-side .course-third-details-section .chapter-details-section {
    flex-wrap: wrap;
  }
}
.course-builder-section .course-builder-alignment .course-builder-right-side .course-third-details-section .chapter-details-section h1 {
  padding: 0 0 8px 0;
  font-family: "Raleway", sans-serif;
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  color: var(--black-color);
  margin: 0;
}
@media (max-width: 576px) {
  .course-builder-section .course-builder-alignment .course-builder-right-side .course-third-details-section .chapter-details-section h1 {
    font-size: 20px;
    line-height: 26px;
  }
}
@media (max-width: 576px) {
  .course-builder-section .course-builder-alignment .course-builder-right-side .course-third-details-section .chapter-details-section h1 {
    font-size: 18px;
    line-height: 24px;
  }
}
.course-builder-section .course-builder-alignment .course-builder-right-side .course-third-details-section .chapter-details-section p {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
  color: var(--black-color5);
  padding: 0;
  margin: 0;
}
.course-builder-section .course-builder-alignment .course-builder-right-side .course-third-details-section .overview-details-section {
  border-bottom: 1px solid var(--overview-border-color);
  border-radius: 16px;
  margin: 20px 0 0 0;
  background: var(--overview-form-bg-color);
}
.course-builder-section .course-builder-alignment .course-builder-right-side .course-third-details-section .overview-details-section .overview-title-alignment {
  border-radius: 16px 16px 0 0;
  background: var(--overview-heading-color);
  padding: 14px 16px;
}
.course-builder-section .course-builder-alignment .course-builder-right-side .course-third-details-section .overview-details-section .overview-title-alignment h2 {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  color: var(--black-color2);
  margin: 0;
  padding: 0;
}
@media (max-width: 576px) {
  .course-builder-section .course-builder-alignment .course-builder-right-side .course-third-details-section .overview-details-section .overview-title-alignment h2 {
    font-size: 14px;
    line-height: 21px;
  }
}
.course-builder-section .course-builder-alignment .course-builder-right-side .course-third-details-section .overview-details-section .overview-body-details-alignment {
  padding: 24px 16px;
  border: 1px solid var(--overview-border-color);
}
.course-builder-section .course-builder-alignment .course-builder-right-side .course-third-details-section .overview-details-section .overview-body-details-alignment .content-all-option-details {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
}
.course-builder-section .course-builder-alignment .course-builder-right-side .course-third-details-section .overview-details-section .overview-body-details-alignment .content-all-option-details .content-box-alignment {
  padding: 12px 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  cursor: pointer;
  transition: 0.4s ease-in-out;
  border: 1px solid transparent;
  width: 96px;
  background: var(--box-bg);
}
.course-builder-section .course-builder-alignment .course-builder-right-side .course-third-details-section .overview-details-section .overview-body-details-alignment .content-all-option-details .content-box-alignment .course-menu-icon {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--course-icon-box);
}
.course-builder-section .course-builder-alignment .course-builder-right-side .course-third-details-section .overview-details-section .overview-body-details-alignment .content-all-option-details .content-box-alignment p {
  padding: 0;
  margin: 0;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 500;
  font-family: "Raleway", sans-serif;
  color: var(--course-menu-name);
}
.course-builder-section .course-builder-alignment .course-builder-right-side .course-third-details-section .overview-details-section .overview-body-details-alignment .content-all-option-details .content-box-alignment.active {
  background: var(--course-menu-box) !important;
}
.course-builder-section .course-builder-alignment .course-builder-right-side .course-third-details-section .overview-details-section .overview-body-details-alignment .content-all-option-details .content-box-alignment.active:hover {
  border: 1px solid transparent !important;
}
.course-builder-section .course-builder-alignment .course-builder-right-side .course-third-details-section .overview-details-section .overview-body-details-alignment .content-all-option-details .content-box-alignment.selected-box {
  border: 1px solid var(--course-active-menu-border);
}
.course-builder-section .course-builder-alignment .course-builder-right-side .course-third-details-section .overview-details-section .overview-body-details-alignment .content-all-option-details .content-box-alignment:hover {
  transition: 0.4s ease-in-out;
  border: 1px solid var(--course-active-menu-border);
}
.course-builder-section .course-builder-alignment .course-builder-right-side .course-third-details-section .overview-details-section .overview-body-details-alignment .browse-section {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}
.course-builder-section .course-builder-alignment .course-builder-right-side .course-third-details-section .overview-details-section .overview-body-details-alignment .browse-section .browse-input {
  width: 125px;
}
.course-builder-section .course-builder-alignment .course-builder-right-side .course-third-details-section .overview-details-section .overview-body-details-alignment .browse-section .browse-input .form-input {
  height: 40px;
  width: 100%;
  position: relative;
  border: 1px solid var(--input-border-color);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.course-builder-section .course-builder-alignment .course-builder-right-side .course-third-details-section .overview-details-section .overview-body-details-alignment .browse-section .browse-input .form-input input[type=file] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 999;
  text-indent: 999px;
}
.course-builder-section .course-builder-alignment .course-builder-right-side .course-third-details-section .overview-details-section .overview-body-details-alignment .browse-section .browse-input .form-input p {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 600;
  color: #e0e0e0;
  font-weight: 500;
}
.course-builder-section .course-builder-alignment .course-builder-right-side .course-third-details-section .overview-details-section .overview-body-details-alignment .browse-section p {
  font-family: "Cabin", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  line-height: 16px;
  font-family: "Poppins", sans-serif;
  padding: 0;
  margin: 0;
  color: var(--black-color2);
}
.course-builder-section .course-builder-alignment .course-builder-right-side .course-third-details-section .overview-details-section .overview-body-details-alignment .browse-name-alignment {
  padding: 16px 0 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.course-builder-section .course-builder-alignment .course-builder-right-side .course-third-details-section .overview-details-section .overview-body-details-alignment .browse-name-alignment p {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  padding: 0;
  margin: 0;
  color: var(--black-color);
}
.course-builder-section .course-builder-alignment .course-builder-right-side .course-third-details-section .overview-details-section .overview-body-details-alignment .browse-name-alignment p span {
  color: var(--file-color);
}
.course-builder-section .course-builder-alignment .course-builder-right-side .course-third-details-section .overview-details-section .overview-body-details-alignment .browse-name-alignment .right-side-alignment {
  display: flex;
  align-items: center;
  gap: 20px;
}
.course-builder-section .course-builder-alignment .course-builder-right-side .course-third-details-section .overview-details-section .overview-body-details-alignment .browse-name-alignment .right-side-alignment .option-icon {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.course-builder-section .course-builder-alignment .course-builder-right-side .course-third-details-section .overview-details-section .overview-body-details-alignment .chapter-option-details {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 0 20px 0;
}
.course-builder-section .course-builder-alignment .course-builder-right-side .course-third-details-section .overview-details-section .overview-body-details-alignment .chapter-option-details .checkbox-alignment {
  width: 16px;
  height: 16px;
  cursor: pointer;
  display: flex;
}
.course-builder-section .course-builder-alignment .course-builder-right-side .course-third-details-section .overview-details-section .overview-body-details-alignment .chapter-option-details .checkbox-alignment input[type=checkbox] {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}
.course-builder-section .course-builder-alignment .course-builder-right-side .course-third-details-section .overview-details-section .overview-body-details-alignment .chapter-option-details .overview-option-name-alignment {
  display: flex;
  align-items: center;
  gap: 8px;
}
.course-builder-section .course-builder-alignment .course-builder-right-side .course-third-details-section .overview-details-section .overview-body-details-alignment .chapter-option-details .overview-option-name-alignment p {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  color: var(--option-name-text);
  padding: 0;
  margin: 0;
}
.course-builder-section .course-builder-alignment .course-builder-right-side .course-third-details-section .overview-bottom-alignment {
  padding: 32px 16px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  background: var(--box-dark-color-bg);
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .course-builder-section .course-builder-alignment .course-published-alignment {
    margin: 16px 0 0 0;
  }
}
.course-builder-section .course-builder-alignment .course-published-alignment .course-published-box {
  background: var(--white-color2);
  padding: 16px 16px 16px 20px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  border-radius: 16px;
  flex-wrap: wrap;
  gap: 12px;
}
@media (max-width: 767px) {
  .course-builder-section .course-builder-alignment .course-published-alignment .course-published-box {
    padding: 8px;
  }
}
.course-builder-section .course-builder-alignment .course-published-alignment .course-published-box .heading-left-side-alignment h1 {
  font-family: "Raleway", sans-serif;
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  color: var(--black-color);
}
@media (max-width: 576px) {
  .course-builder-section .course-builder-alignment .course-published-alignment .course-published-box .heading-left-side-alignment h1 {
    font-size: 20px;
    line-height: 26px;
  }
}
@media (max-width: 576px) {
  .course-builder-section .course-builder-alignment .course-published-alignment .course-published-box .heading-left-side-alignment h1 {
    font-size: 18px;
    line-height: 24px;
  }
}
.course-builder-section .course-builder-alignment .course-published-alignment .course-published-box .heading-left-side-alignment p {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
  color: var(--black-color5);
  max-width: 474px;
}
.course-builder-section .course-builder-alignment .course-published-alignment .course-published-search {
  width: 100%;
  margin: 20px 0 0 0;
}
.course-builder-section .course-builder-alignment .course-published-alignment .course-published-search .table-search-section {
  width: 100%;
  height: 36px;
  padding: 0 12px;
}
.course-builder-section .course-builder-alignment .course-published-alignment .course-published-all-details {
  padding: 32px 0 0 0;
}
.course-builder-section .course-builder-alignment .course-published-alignment .course-published-all-details .course-published-card-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
@media (max-width: 1300px) {
  .course-builder-section .course-builder-alignment .course-published-alignment .course-published-all-details .course-published-card-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 767px) {
  .course-builder-section .course-builder-alignment .course-published-alignment .course-published-all-details .course-published-card-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 576px) {
  .course-builder-section .course-builder-alignment .course-published-alignment .course-published-all-details .course-published-card-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (max-width: 576px) {
  .course-builder-section .course-builder-alignment .finish-section {
    margin: 16px 0 0 0;
  }
}
.course-builder-section .course-builder-alignment .finish-section .finish-heading-alignment {
  background: var(--white-color2);
  padding: 16px 16px 16px 20px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  border-radius: 16px;
  flex-wrap: wrap;
  gap: 12px;
}
@media (max-width: 767px) {
  .course-builder-section .course-builder-alignment .finish-section .finish-heading-alignment {
    padding: 8px;
  }
}
.course-builder-section .course-builder-alignment .finish-section .finish-heading-alignment .heading-left-side-alignment h1 {
  font-family: "Raleway", sans-serif;
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  color: var(--black-color);
}
@media (max-width: 576px) {
  .course-builder-section .course-builder-alignment .finish-section .finish-heading-alignment .heading-left-side-alignment h1 {
    font-size: 20px;
    line-height: 26px;
  }
}
@media (max-width: 576px) {
  .course-builder-section .course-builder-alignment .finish-section .finish-heading-alignment .heading-left-side-alignment h1 {
    font-size: 18px;
    line-height: 24px;
  }
}
.course-builder-section .course-builder-alignment .finish-section .finish-heading-alignment .heading-left-side-alignment p {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
  color: var(--black-color5);
  max-width: 474px;
  padding: 0;
  margin: 0;
}
.course-builder-section .course-builder-alignment .finish-section .finish-details-alignment {
  padding: 20px 0 0 0;
}
.course-builder-section .course-builder-alignment .finish-section .finish-details-alignment .finish-details-box-alignment {
  margin: 0 0 20px 0;
}
.course-builder-section .course-builder-alignment .finish-section .finish-details-alignment .finish-details-box-alignment .finish-title-alignment {
  border-radius: 16px 16px 0 0;
  background: var(--overview-heading-color);
  padding: 14px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.course-builder-section .course-builder-alignment .finish-section .finish-details-alignment .finish-details-box-alignment .finish-title-alignment h2 {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  color: var(--black-color2);
  margin: 0;
  padding: 0;
}
@media (max-width: 576px) {
  .course-builder-section .course-builder-alignment .finish-section .finish-details-alignment .finish-details-box-alignment .finish-title-alignment h2 {
    font-size: 14px;
    line-height: 21px;
  }
}
.course-builder-section .course-builder-alignment .finish-section .finish-details-alignment .finish-details-box-alignment .finish-title-alignment svg {
  cursor: pointer;
}
.course-builder-section .course-builder-alignment .finish-section .finish-details-alignment .finish-details-box-alignment .finish-body-details-alignment {
  padding: 24px 16px;
  border: 1px solid var(--overview-border-color);
  border-radius: 0 0 16px 16px;
}
.course-builder-section .course-builder-alignment .finish-section .finish-details-alignment .finish-details-box-alignment .finish-body-details-alignment .finish-details-all-alignment p {
  font-family: "Cabin", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 500;
  color: var(--text-color);
  margin: 0;
  padding: 0 0 8px 0;
}
.course-builder-section .course-builder-alignment .finish-section .finish-details-alignment .finish-details-box-alignment .finish-body-details-alignment .finish-details-all-alignment .finish-img-alignment {
  width: 138px;
  height: 76px;
}
.course-builder-section .course-builder-alignment .finish-section .finish-details-alignment .finish-details-box-alignment .finish-body-details-alignment .finish-details-all-alignment .finish-img-alignment img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
}
.course-builder-section .course-builder-alignment .finish-section .finish-details-alignment .finish-details-box-alignment .finish-body-details-alignment .finish-details-all-alignment .document-box-alignment {
  display: flex;
  align-items: center;
  gap: 16px;
}
.course-builder-section .course-builder-alignment .finish-section .finish-details-alignment .finish-details-box-alignment .finish-body-details-alignment .finish-details-all-alignment .document-box-alignment .document-flex {
  padding: 10px;
  display: flex;
  align-items: center;
  gap: 8px;
  background: var(--course-menu-bg);
  border-radius: 12px;
}
.course-builder-section .course-builder-alignment .finish-section .finish-details-alignment .finish-details-box-alignment .finish-body-details-alignment .finish-details-all-alignment .document-box-alignment .document-flex span {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 500;
  color: var(--black-color);
  padding: 0;
  margin: 0;
  display: block;
}
.course-builder-section .course-builder-alignment .recorder-section .recorder-heading-alignment {
  background: var(--white-color2);
  padding: 16px 16px 16px 20px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  border-radius: 16px;
  flex-wrap: wrap;
  gap: 12px;
}
@media (max-width: 767px) {
  .course-builder-section .course-builder-alignment .recorder-section .recorder-heading-alignment {
    padding: 8px;
  }
}
.course-builder-section .course-builder-alignment .recorder-section .recorder-heading-alignment .heading-left-side-alignment h1 {
  font-family: "Raleway", sans-serif;
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  color: var(--black-color);
}
@media (max-width: 576px) {
  .course-builder-section .course-builder-alignment .recorder-section .recorder-heading-alignment .heading-left-side-alignment h1 {
    font-size: 20px;
    line-height: 26px;
  }
}
@media (max-width: 576px) {
  .course-builder-section .course-builder-alignment .recorder-section .recorder-heading-alignment .heading-left-side-alignment h1 {
    font-size: 18px;
    line-height: 24px;
  }
}
.course-builder-section .course-builder-alignment .recorder-section .recorder-heading-alignment .heading-left-side-alignment p {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
  color: var(--black-color5);
  max-width: 474px;
  padding: 0;
  margin: 0;
}
.course-builder-section .course-builder-alignment .recorder-section .recorder-details-alignment {
  padding: 20px 0 0 0;
}
.course-builder-section .course-builder-alignment .recorder-section .recorder-details-alignment .recorder-details-box-alignment {
  border: 1px solid var(--course-border-color);
  border-radius: 12px;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 0 0 12px 0;
  cursor: pointer;
}
.course-builder-section .course-builder-alignment .recorder-section .recorder-details-alignment .recorder-details-box-alignment .recorder-left-side-alignment {
  display: flex;
  align-items: center;
  gap: 8px;
}
.course-builder-section .course-builder-alignment .recorder-section .recorder-details-alignment .recorder-details-box-alignment .recorder-left-side-alignment h6 {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 500;
  color: var(--black-color);
  padding: 0;
  margin: 0;
}
.course-builder-section .course-builder-alignment .recorder-section .recorder-details-alignment .recorder-details-box-alignment .recorder-right-side-alignment {
  display: flex;
  align-items: center;
  gap: 16px;
}
.course-builder-section .course-builder-alignment .recorder-section .recorder-details-alignment .recorder-details-box-alignment .recorder-right-side-alignment svg {
  cursor: pointer;
}
.course-builder-section .course-builder-alignment .recorder-section .recorder-details-alignment .child-recorder {
  margin: 0 0 12px 24px;
}

.create-learning-path-section {
  padding: 20px 22px;
  max-height: calc(100vh - 72px);
  overflow-y: auto;
}
.create-learning-path-section .create-learning-path-banner-alignment {
  background: var(--white-color2);
  padding: 16px 16px 16px 20px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  border-radius: 16px;
  flex-wrap: wrap;
  gap: 12px;
  margin: 24px 0 0 0;
}
@media (max-width: 767px) {
  .create-learning-path-section .create-learning-path-banner-alignment {
    padding: 8px;
    margin: 16px 0 0 0;
  }
}
.create-learning-path-section .create-learning-path-banner-alignment .heading-left-side-alignment h1 {
  font-family: "Raleway", sans-serif;
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  color: var(--black-color);
}
@media (max-width: 576px) {
  .create-learning-path-section .create-learning-path-banner-alignment .heading-left-side-alignment h1 {
    font-size: 20px;
    line-height: 26px;
  }
}
@media (max-width: 576px) {
  .create-learning-path-section .create-learning-path-banner-alignment .heading-left-side-alignment h1 {
    font-size: 18px;
    line-height: 24px;
  }
}
.create-learning-path-section .create-learning-path-banner-alignment .heading-left-side-alignment p {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
  color: var(--black-color5);
  max-width: 474px;
  padding: 0;
  margin: 0;
}
.create-learning-path-section .create-learning-stepper-alignment {
  margin: 24px 0 0 0;
  padding: 0 20px;
}
@media (max-width: 576px) {
  .create-learning-path-section .create-learning-stepper-alignment {
    padding: 0;
    margin: 16px 0 0 0;
  }
}
.create-learning-path-section .create-learning-stepper-alignment .create-learning-stepper-flex-alignment {
  display: flex;
  align-items: center;
}
.create-learning-path-section .create-learning-stepper-alignment .create-learning-stepper-flex-alignment .stpper-box {
  width: 154px;
  cursor: pointer;
  position: relative;
}
@media (max-width: 576px) {
  .create-learning-path-section .create-learning-stepper-alignment .create-learning-stepper-flex-alignment .stpper-box {
    width: 100px;
  }
}
.create-learning-path-section .create-learning-stepper-alignment .create-learning-stepper-flex-alignment .stpper-box::before {
  content: "";
  position: absolute;
  right: 2px;
  width: 130px;
  border-top: 1px dashed var(--black-color6);
  top: 10px;
}
@media (max-width: 576px) {
  .create-learning-path-section .create-learning-stepper-alignment .create-learning-stepper-flex-alignment .stpper-box::before {
    width: 76px;
  }
}
.create-learning-path-section .create-learning-stepper-alignment .create-learning-stepper-flex-alignment .stpper-box .stepper-box-alignment {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid var(--black-color6);
  display: flex;
  align-items: center;
  justify-content: center;
}
.create-learning-path-section .create-learning-stepper-alignment .create-learning-stepper-flex-alignment .stpper-box .stepper-box-alignment .second-box {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: transparent;
}
.create-learning-path-section .create-learning-stepper-alignment .create-learning-stepper-flex-alignment .stpper-box p {
  font-family: "Cabin", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  font-weight: 600;
  color: var(--gray-color3);
  padding: 12px 0 0 0;
  margin: 0;
}
.create-learning-path-section .create-learning-stepper-alignment .create-learning-stepper-flex-alignment .stpper-box.active-box .stepper-box-alignment {
  border-color: var(--stepper-border-color);
}
.create-learning-path-section .create-learning-stepper-alignment .create-learning-stepper-flex-alignment .stpper-box.active-box .stepper-box-alignment .second-box {
  background: var(--stepper-border-color);
}
.create-learning-path-section .create-learning-stepper-alignment .create-learning-stepper-flex-alignment .stpper-box.active-box p {
  color: var(--black-color2);
}
.create-learning-path-section .create-learning-stepper-alignment .create-learning-stepper-flex-alignment .stpper-box:last-child::before {
  display: none;
}
.create-learning-path-section .create-learning-details-alignment {
  margin: 24px 0 0 0;
}
.create-learning-path-section .create-learning-details-alignment .create-learning-box-details-alignment {
  border: 1px solid var(--table-border-color);
  border-radius: 16px 16px 0 0;
  background: var(--box-dark-color-bg);
}
.create-learning-path-section .create-learning-details-alignment .create-learning-box-details-alignment .box-title-alignment {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 16px;
  background: var(--orange-color2);
  border-radius: 16px 16px 0 0;
}
.create-learning-path-section .create-learning-details-alignment .create-learning-box-details-alignment .box-title-alignment h2 {
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  font-weight: 600;
  color: var(--black-color2);
  padding: 0;
  margin: 0;
}
@media (max-width: 576px) {
  .create-learning-path-section .create-learning-details-alignment .create-learning-box-details-alignment .box-title-alignment h2 {
    font-size: 14px;
    line-height: 21px;
  }
}
.create-learning-path-section .create-learning-details-alignment .create-learning-box-details-alignment .box-title-alignment .down-arrow-alignment {
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.create-learning-path-section .create-learning-details-alignment .create-learning-box-details-alignment .box-title-alignment .down-arrow-alignment img {
  width: 100%;
  height: 100%;
  display: block;
}
.create-learning-path-section .create-learning-details-alignment .create-learning-box-details-alignment .box-title-all-details-alignment {
  padding: 24px 16px;
  background: var(--box-dark-color-bg);
}
.create-learning-path-section .create-learning-details-alignment .create-learning-box-details-alignment .box-title-all-details-alignment .box-title-two-grid-alignment {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px 80px;
}
@media (max-width: 1199px) {
  .create-learning-path-section .create-learning-details-alignment .create-learning-box-details-alignment .box-title-all-details-alignment .box-title-two-grid-alignment {
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .create-learning-path-section .create-learning-details-alignment .create-learning-box-details-alignment .box-title-all-details-alignment .box-title-two-grid-alignment {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}
@media (max-width: 576px) {
  .create-learning-path-section .create-learning-details-alignment .create-learning-box-details-alignment .box-title-all-details-alignment .box-title-two-grid-alignment {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.create-learning-path-section .create-learning-details-alignment .create-learning-box-details-alignment .box-title-all-details-alignment .box-title-two-grid-alignment .browse-section {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}
.create-learning-path-section .create-learning-details-alignment .create-learning-box-details-alignment .box-title-all-details-alignment .box-title-two-grid-alignment .browse-section .browse-input {
  width: 125px;
  max-width: 125px;
  min-width: 125px;
}
.create-learning-path-section .create-learning-details-alignment .create-learning-box-details-alignment .box-title-all-details-alignment .box-title-two-grid-alignment .browse-section .browse-input .form-input {
  height: 40px;
  width: 100%;
  position: relative;
  border: 1px solid var(--input-border-color);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.create-learning-path-section .create-learning-details-alignment .create-learning-box-details-alignment .box-title-all-details-alignment .box-title-two-grid-alignment .browse-section .browse-input .form-input input[type=file] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 999;
  text-indent: 999px;
}
.create-learning-path-section .create-learning-details-alignment .create-learning-box-details-alignment .box-title-all-details-alignment .box-title-two-grid-alignment .browse-section .browse-input .form-input p {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 600;
  color: #e0e0e0;
  font-weight: 500;
}
.create-learning-path-section .create-learning-details-alignment .create-learning-box-details-alignment .box-title-all-details-alignment .box-title-two-grid-alignment .browse-section p {
  font-family: "Cabin", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  line-height: 16px;
  font-family: "Poppins", sans-serif;
  padding: 0;
  margin: 0;
  color: var(--black-color2);
  max-width: 270px;
}
.create-learning-path-section .create-learning-details-alignment .create-learning-box-details-alignment .box-title-all-details-alignment .box-title-two-grid-alignment .browse-name-alignment {
  padding: 16px 0 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.create-learning-path-section .create-learning-details-alignment .create-learning-box-details-alignment .box-title-all-details-alignment .box-title-two-grid-alignment .browse-name-alignment p {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  padding: 0;
  margin: 0;
  color: var(--black-color);
}
.create-learning-path-section .create-learning-details-alignment .create-learning-box-details-alignment .box-title-all-details-alignment .box-title-two-grid-alignment .browse-name-alignment p span {
  color: var(--file-color);
}
.create-learning-path-section .create-learning-details-alignment .create-learning-box-details-alignment .box-title-all-details-alignment .box-title-two-grid-alignment .browse-name-alignment .right-side-alignment {
  display: flex;
  align-items: center;
  gap: 20px;
}
.create-learning-path-section .create-learning-details-alignment .create-learning-box-details-alignment .box-title-all-details-alignment .box-title-two-grid-alignment .browse-name-alignment .right-side-alignment .option-icon {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.create-learning-path-section .create-learning-details-alignment .create-learning-box-details-alignment .box-title-all-details-alignment .assign-division-section {
  display: flex;
  align-items: center;
  gap: 8px;
}
.create-learning-path-section .create-learning-details-alignment .create-learning-box-details-alignment .box-title-all-details-alignment .assign-division-section .checkbox-alignment {
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.create-learning-path-section .create-learning-details-alignment .create-learning-box-details-alignment .box-title-all-details-alignment .assign-division-section .checkbox-alignment input[type=checkbox] {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}
.create-learning-path-section .create-learning-details-alignment .create-learning-box-details-alignment .box-title-all-details-alignment .assign-division-section span {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
  color: var(--black-color2);
  display: block;
}
.create-learning-path-section .create-learning-details-alignment .create-learning-button-alignment {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  padding: 30px 16px 20px 16px;
}

.create-new-competency-section {
  padding: 20px 22px;
  max-height: calc(100vh - 72px);
  overflow-y: auto;
}
.create-new-competency-section .create-new-competency-alignment {
  margin: 24px 0 0 0;
}
@media (max-width: 767px) {
  .create-new-competency-section .create-new-competency-alignment {
    margin: 16px 0 0 0;
  }
}
.create-new-competency-section .create-new-competency-alignment .create-new-competency-box {
  background: var(--white-color2);
  padding: 16px 16px 16px 20px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  border-radius: 16px;
  flex-wrap: wrap;
  gap: 12px;
}
@media (max-width: 767px) {
  .create-new-competency-section .create-new-competency-alignment .create-new-competency-box {
    padding: 8px;
  }
}
.create-new-competency-section .create-new-competency-alignment .create-new-competency-box .heading-left-side-alignment h1 {
  font-family: "Raleway", sans-serif;
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  color: var(--black-color);
}
@media (max-width: 576px) {
  .create-new-competency-section .create-new-competency-alignment .create-new-competency-box .heading-left-side-alignment h1 {
    font-size: 20px;
    line-height: 26px;
  }
}
@media (max-width: 576px) {
  .create-new-competency-section .create-new-competency-alignment .create-new-competency-box .heading-left-side-alignment h1 {
    font-size: 18px;
    line-height: 24px;
  }
}
.create-new-competency-section .create-new-competency-alignment .create-new-competency-box .heading-left-side-alignment p {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
  color: var(--black-color5);
  max-width: 474px;
}
.create-new-competency-section .create-new-competency-box-title-section {
  margin: 24px 0 0 0;
}
.create-new-competency-section .create-new-competency-box-title-section .create-new-competency-box-details-alignment {
  border: 1px solid var(--table-border-color);
  border-radius: 0;
  background: var(--box-dark-color-bg);
}
.create-new-competency-section .create-new-competency-box-title-section .create-new-competency-box-details-alignment .box-title-alignment {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 16px;
  background: var(--orange-color2);
  border-radius: 0;
}
.create-new-competency-section .create-new-competency-box-title-section .create-new-competency-box-details-alignment .box-title-alignment h2 {
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  font-weight: 600;
  color: var(--black-color2);
  padding: 0;
  margin: 0;
}
@media (max-width: 576px) {
  .create-new-competency-section .create-new-competency-box-title-section .create-new-competency-box-details-alignment .box-title-alignment h2 {
    font-size: 14px;
    line-height: 21px;
  }
}
.create-new-competency-section .create-new-competency-box-title-section .create-new-competency-box-details-alignment .box-title-alignment .down-arrow-alignment {
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.create-new-competency-section .create-new-competency-box-title-section .create-new-competency-box-details-alignment .box-title-alignment .down-arrow-alignment img {
  width: 100%;
  height: 100%;
  display: block;
}
.create-new-competency-section .create-new-competency-box-title-section .create-new-competency-box-details-alignment .box-title-all-details-alignment {
  padding: 24px 16px;
  background: var(--box-dark-color-bg);
}
.create-new-competency-section .create-new-competency-box-title-section .create-new-competency-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section {
  margin: 32px 0 0 0;
}
.create-new-competency-section .create-new-competency-box-title-section .create-new-competency-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px 80px;
  margin: 0 0 20px 0;
}
.create-new-competency-section .create-new-competency-box-title-section .create-new-competency-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid:last-child {
  margin: 0;
}
@media (max-width: 1199px) {
  .create-new-competency-section .create-new-competency-box-title-section .create-new-competency-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid {
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .create-new-competency-section .create-new-competency-box-title-section .create-new-competency-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid {
    gap: 20px;
  }
}
@media (max-width: 576px) {
  .create-new-competency-section .create-new-competency-box-title-section .create-new-competency-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.create-new-competency-section .create-new-competency-box-title-section .create-new-competency-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid .browse-section {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}
.create-new-competency-section .create-new-competency-box-title-section .create-new-competency-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid .browse-section .browse-input {
  width: 125px;
  max-width: 125px;
  min-width: 125px;
}
.create-new-competency-section .create-new-competency-box-title-section .create-new-competency-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid .browse-section .browse-input .form-input {
  height: 40px;
  width: 100%;
  position: relative;
  border: 1px solid var(--input-border-color);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.create-new-competency-section .create-new-competency-box-title-section .create-new-competency-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid .browse-section .browse-input .form-input input[type=file] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 999;
  text-indent: 999px;
}
.create-new-competency-section .create-new-competency-box-title-section .create-new-competency-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid .browse-section .browse-input .form-input p {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 600;
  color: #e0e0e0;
  font-weight: 500;
}
.create-new-competency-section .create-new-competency-box-title-section .create-new-competency-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid .browse-section p {
  font-family: "Cabin", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  line-height: 16px;
  font-family: "Poppins", sans-serif;
  padding: 0;
  margin: 0;
  color: var(--black-color2);
}
.create-new-competency-section .create-new-competency-box-title-section .create-new-competency-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid .browse-name-alignment {
  padding: 16px 0 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.create-new-competency-section .create-new-competency-box-title-section .create-new-competency-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid .browse-name-alignment p {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  padding: 0;
  margin: 0;
  color: var(--black-color);
}
.create-new-competency-section .create-new-competency-box-title-section .create-new-competency-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid .browse-name-alignment p span {
  color: var(--file-color);
}
.create-new-competency-section .create-new-competency-box-title-section .create-new-competency-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid .browse-name-alignment .right-side-alignment {
  display: flex;
  align-items: center;
  gap: 20px;
}
.create-new-competency-section .create-new-competency-box-title-section .create-new-competency-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid .browse-name-alignment .right-side-alignment .option-icon {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.create-new-competency-section .create-new-competency-box-title-section .create-new-competency-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid .add-new {
  padding: 20px 0 0 0;
}
.create-new-competency-section .create-new-competency-box-title-section .create-new-competency-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid .add-new a {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  line-height: 19px;
  color: var(--course-menu-name);
  text-decoration: underline;
  cursor: pointer;
}
.create-new-competency-section .create-new-competency-box-title-section .create-new-competency-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .notify-details-alignment {
  display: flex;
  align-items: center;
  gap: 8px;
}
.create-new-competency-section .create-new-competency-box-title-section .create-new-competency-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .notify-details-alignment p {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  line-height: 19px;
  color: var(--option-name-text);
  padding: 0;
  margin: 0;
}
.create-new-competency-section .create-new-competency-box-title-section .create-new-competency-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .notify-details-alignment .checkbox-alignment {
  position: relative;
  top: -9px;
}
.create-new-competency-section .create-new-competency-box-title-section .create-new-competency-box-details-alignment:first-child {
  border-radius: 16px 16px 0 0;
}
.create-new-competency-section .create-new-competency-box-title-section .create-new-competency-box-details-alignment:first-child .box-title-alignment {
  border-radius: 16px 16px 0 0;
}
.create-new-competency-section .create-new-competency-box-title-section .create-new-competency-bottom-alignment {
  padding: 32px 0 0 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  background: var(--box-dark-color-bg);
}

.create-new-situation-section {
  padding: 20px 22px;
  max-height: calc(100vh - 72px);
  overflow-y: auto;
}
.create-new-situation-section .create-new-situation-alignment {
  margin: 24px 0 0 0;
}
@media (max-width: 767px) {
  .create-new-situation-section .create-new-situation-alignment {
    margin: 16px 0 0 0;
  }
}
.create-new-situation-section .create-new-situation-alignment .create-new-situation-box {
  background: var(--white-color2);
  padding: 16px 16px 16px 20px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  border-radius: 16px;
  flex-wrap: wrap;
  gap: 12px;
}
@media (max-width: 767px) {
  .create-new-situation-section .create-new-situation-alignment .create-new-situation-box {
    padding: 8px;
  }
}
.create-new-situation-section .create-new-situation-alignment .create-new-situation-box .heading-left-side-alignment h1 {
  font-family: "Raleway", sans-serif;
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  color: var(--black-color);
}
@media (max-width: 576px) {
  .create-new-situation-section .create-new-situation-alignment .create-new-situation-box .heading-left-side-alignment h1 {
    font-size: 20px;
    line-height: 26px;
  }
}
@media (max-width: 576px) {
  .create-new-situation-section .create-new-situation-alignment .create-new-situation-box .heading-left-side-alignment h1 {
    font-size: 18px;
    line-height: 24px;
  }
}
.create-new-situation-section .create-new-situation-alignment .create-new-situation-box .heading-left-side-alignment p {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
  color: var(--black-color5);
  max-width: 474px;
}
.create-new-situation-section .create-new-situation-box-title-section {
  margin: 24px 0 0 0;
}
.create-new-situation-section .create-new-situation-box-title-section .create-new-situation-box-details-alignment {
  border: 1px solid var(--table-border-color);
  border-radius: 0;
  background: var(--box-dark-color-bg);
}
.create-new-situation-section .create-new-situation-box-title-section .create-new-situation-box-details-alignment .box-title-alignment {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 16px;
  background: var(--orange-color2);
  border-radius: 0;
}
.create-new-situation-section .create-new-situation-box-title-section .create-new-situation-box-details-alignment .box-title-alignment h2 {
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  font-weight: 600;
  color: var(--black-color2);
  padding: 0;
  margin: 0;
}
@media (max-width: 576px) {
  .create-new-situation-section .create-new-situation-box-title-section .create-new-situation-box-details-alignment .box-title-alignment h2 {
    font-size: 14px;
    line-height: 21px;
  }
}
.create-new-situation-section .create-new-situation-box-title-section .create-new-situation-box-details-alignment .box-title-alignment .down-arrow-alignment {
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.create-new-situation-section .create-new-situation-box-title-section .create-new-situation-box-details-alignment .box-title-alignment .down-arrow-alignment img {
  width: 100%;
  height: 100%;
  display: block;
}
.create-new-situation-section .create-new-situation-box-title-section .create-new-situation-box-details-alignment .box-title-all-details-alignment {
  padding: 24px 16px;
  background: var(--box-dark-color-bg);
}
.create-new-situation-section .create-new-situation-box-title-section .create-new-situation-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section {
  margin: 32px 0 0 0;
}
.create-new-situation-section .create-new-situation-box-title-section .create-new-situation-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px 80px;
  margin: 0 0 20px 0;
}
.create-new-situation-section .create-new-situation-box-title-section .create-new-situation-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid:last-child {
  margin: 0;
}
@media (max-width: 1199px) {
  .create-new-situation-section .create-new-situation-box-title-section .create-new-situation-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid {
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .create-new-situation-section .create-new-situation-box-title-section .create-new-situation-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid {
    gap: 20px;
  }
}
@media (max-width: 576px) {
  .create-new-situation-section .create-new-situation-box-title-section .create-new-situation-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.create-new-situation-section .create-new-situation-box-title-section .create-new-situation-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid .browse-section {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}
.create-new-situation-section .create-new-situation-box-title-section .create-new-situation-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid .browse-section .browse-input {
  width: 125px;
  max-width: 125px;
  min-width: 125px;
}
.create-new-situation-section .create-new-situation-box-title-section .create-new-situation-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid .browse-section .browse-input .form-input {
  height: 40px;
  width: 100%;
  position: relative;
  border: 1px solid var(--input-border-color);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.create-new-situation-section .create-new-situation-box-title-section .create-new-situation-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid .browse-section .browse-input .form-input input[type=file] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 999;
  text-indent: 999px;
}
.create-new-situation-section .create-new-situation-box-title-section .create-new-situation-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid .browse-section .browse-input .form-input p {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 600;
  color: #e0e0e0;
  font-weight: 500;
}
.create-new-situation-section .create-new-situation-box-title-section .create-new-situation-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid .browse-section p {
  font-family: "Cabin", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  line-height: 16px;
  font-family: "Poppins", sans-serif;
  padding: 0;
  margin: 0;
  color: var(--black-color2);
}
.create-new-situation-section .create-new-situation-box-title-section .create-new-situation-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid .browse-name-alignment {
  padding: 16px 0 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.create-new-situation-section .create-new-situation-box-title-section .create-new-situation-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid .browse-name-alignment p {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  padding: 0;
  margin: 0;
  color: var(--black-color);
}
.create-new-situation-section .create-new-situation-box-title-section .create-new-situation-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid .browse-name-alignment p span {
  color: var(--file-color);
}
.create-new-situation-section .create-new-situation-box-title-section .create-new-situation-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid .browse-name-alignment .right-side-alignment {
  display: flex;
  align-items: center;
  gap: 20px;
}
.create-new-situation-section .create-new-situation-box-title-section .create-new-situation-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid .browse-name-alignment .right-side-alignment .option-icon {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.create-new-situation-section .create-new-situation-box-title-section .create-new-situation-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid .add-new {
  padding: 20px 0 0 0;
}
.create-new-situation-section .create-new-situation-box-title-section .create-new-situation-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid .add-new a {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  line-height: 19px;
  color: var(--course-menu-name);
  text-decoration: underline;
  cursor: pointer;
}
.create-new-situation-section .create-new-situation-box-title-section .create-new-situation-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .notify-details-alignment {
  display: flex;
  align-items: center;
  gap: 8px;
}
.create-new-situation-section .create-new-situation-box-title-section .create-new-situation-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .notify-details-alignment p {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  line-height: 19px;
  color: var(--option-name-text);
  padding: 0;
  margin: 0;
}
.create-new-situation-section .create-new-situation-box-title-section .create-new-situation-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .notify-details-alignment .checkbox-alignment {
  position: relative;
  top: -9px;
}
.create-new-situation-section .create-new-situation-box-title-section .create-new-situation-box-details-alignment:first-child {
  border-radius: 16px 16px 0 0;
}
.create-new-situation-section .create-new-situation-box-title-section .create-new-situation-box-details-alignment:first-child .box-title-alignment {
  border-radius: 16px 16px 0 0;
}
.create-new-situation-section .create-new-situation-box-title-section .create-new-situation-bottom-alignment {
  padding: 32px 0 0 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  background: var(--box-dark-color-bg);
}

.edit-division-section {
  padding: 20px 22px;
  max-height: calc(100vh - 72px);
  overflow-y: auto;
}
.edit-division-section .edit-division-alignment {
  margin: 24px 0 0 0;
}
@media (max-width: 767px) {
  .edit-division-section .edit-division-alignment {
    margin: 16px 0 0 0;
  }
}
.edit-division-section .edit-division-alignment .edit-division-box {
  background: var(--white-color2);
  padding: 16px 16px 16px 20px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  border-radius: 16px;
  flex-wrap: wrap;
  gap: 12px;
}
@media (max-width: 767px) {
  .edit-division-section .edit-division-alignment .edit-division-box {
    padding: 8px;
  }
}
.edit-division-section .edit-division-alignment .edit-division-box .heading-left-side-alignment h1 {
  font-family: "Raleway", sans-serif;
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  color: var(--black-color);
}
@media (max-width: 576px) {
  .edit-division-section .edit-division-alignment .edit-division-box .heading-left-side-alignment h1 {
    font-size: 20px;
    line-height: 26px;
  }
}
@media (max-width: 576px) {
  .edit-division-section .edit-division-alignment .edit-division-box .heading-left-side-alignment h1 {
    font-size: 18px;
    line-height: 24px;
  }
}
.edit-division-section .edit-division-alignment .edit-division-box .heading-left-side-alignment p {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
  color: var(--black-color5);
  max-width: 474px;
}
.edit-division-section .edit-division-box-title-section {
  margin: 24px 0 0 0;
}
.edit-division-section .edit-division-box-title-section .edit-division-box-details-alignment {
  border: 1px solid var(--table-border-color);
  border-radius: 0;
  background: var(--box-dark-color-bg);
}
.edit-division-section .edit-division-box-title-section .edit-division-box-details-alignment .box-title-alignment {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 16px;
  background: var(--orange-color2);
  border-radius: 0;
}
.edit-division-section .edit-division-box-title-section .edit-division-box-details-alignment .box-title-alignment h2 {
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  font-weight: 600;
  color: var(--black-color2);
  padding: 0;
  margin: 0;
}
@media (max-width: 576px) {
  .edit-division-section .edit-division-box-title-section .edit-division-box-details-alignment .box-title-alignment h2 {
    font-size: 14px;
    line-height: 21px;
  }
}
.edit-division-section .edit-division-box-title-section .edit-division-box-details-alignment .box-title-alignment .down-arrow-alignment {
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.edit-division-section .edit-division-box-title-section .edit-division-box-details-alignment .box-title-alignment .down-arrow-alignment img {
  width: 100%;
  height: 100%;
  display: block;
}
.edit-division-section .edit-division-box-title-section .edit-division-box-details-alignment .box-title-all-details-alignment {
  padding: 24px 16px;
  background: var(--box-dark-color-bg);
}
.edit-division-section .edit-division-box-title-section .edit-division-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section {
  margin: 32px 0 0 0;
}
.edit-division-section .edit-division-box-title-section .edit-division-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px 80px;
  margin: 0 0 20px 0;
}
.edit-division-section .edit-division-box-title-section .edit-division-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid:last-child {
  margin: 0;
}
@media (max-width: 1199px) {
  .edit-division-section .edit-division-box-title-section .edit-division-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid {
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .edit-division-section .edit-division-box-title-section .edit-division-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid {
    gap: 20px;
  }
}
@media (max-width: 576px) {
  .edit-division-section .edit-division-box-title-section .edit-division-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.edit-division-section .edit-division-box-title-section .edit-division-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid .browse-section {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}
.edit-division-section .edit-division-box-title-section .edit-division-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid .browse-section .browse-input {
  width: 125px;
  max-width: 125px;
  min-width: 125px;
}
.edit-division-section .edit-division-box-title-section .edit-division-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid .browse-section .browse-input .form-input {
  height: 40px;
  width: 100%;
  position: relative;
  border: 1px solid var(--input-border-color);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.edit-division-section .edit-division-box-title-section .edit-division-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid .browse-section .browse-input .form-input input[type=file] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 999;
  text-indent: 999px;
}
.edit-division-section .edit-division-box-title-section .edit-division-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid .browse-section .browse-input .form-input p {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 600;
  color: #e0e0e0;
  font-weight: 500;
}
.edit-division-section .edit-division-box-title-section .edit-division-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid .browse-section p {
  font-family: "Cabin", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  line-height: 16px;
  font-family: "Poppins", sans-serif;
  padding: 0;
  margin: 0;
  color: var(--black-color2);
}
.edit-division-section .edit-division-box-title-section .edit-division-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid .browse-name-alignment {
  padding: 16px 0 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.edit-division-section .edit-division-box-title-section .edit-division-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid .browse-name-alignment p {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  padding: 0;
  margin: 0;
  color: var(--black-color);
}
.edit-division-section .edit-division-box-title-section .edit-division-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid .browse-name-alignment p span {
  color: var(--file-color);
}
.edit-division-section .edit-division-box-title-section .edit-division-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid .browse-name-alignment .right-side-alignment {
  display: flex;
  align-items: center;
  gap: 20px;
}
.edit-division-section .edit-division-box-title-section .edit-division-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid .browse-name-alignment .right-side-alignment .option-icon {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.edit-division-section .edit-division-box-title-section .edit-division-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid .add-new {
  padding: 20px 0 0 0;
}
.edit-division-section .edit-division-box-title-section .edit-division-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid .add-new a {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  line-height: 19px;
  color: var(--course-menu-name);
  text-decoration: underline;
  cursor: pointer;
}
.edit-division-section .edit-division-box-title-section .edit-division-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .notify-details-alignment {
  display: flex;
  align-items: center;
  gap: 8px;
}
.edit-division-section .edit-division-box-title-section .edit-division-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .notify-details-alignment p {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  line-height: 19px;
  color: var(--option-name-text);
  padding: 0;
  margin: 0;
}
.edit-division-section .edit-division-box-title-section .edit-division-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .notify-details-alignment .checkbox-alignment {
  position: relative;
  top: -9px;
}
.edit-division-section .edit-division-box-title-section .edit-division-box-details-alignment:first-child {
  border-radius: 16px 16px 0 0;
}
.edit-division-section .edit-division-box-title-section .edit-division-box-details-alignment:first-child .box-title-alignment {
  border-radius: 16px 16px 0 0;
}
.edit-division-section .edit-division-box-title-section .edit-division-bottom-alignment {
  padding: 32px 0 0 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  background: var(--box-dark-color-bg);
}

.edit-document-section {
  padding: 20px 22px;
  max-height: calc(100vh - 72px);
  overflow-y: auto;
}
.edit-document-section .edit-document-alignment {
  margin: 24px 0 0 0;
}
@media (max-width: 767px) {
  .edit-document-section .edit-document-alignment {
    margin: 16px 0 0 0;
  }
}
.edit-document-section .edit-document-alignment .edit-document-box {
  background: var(--white-color2);
  padding: 16px 16px 16px 20px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  border-radius: 16px;
  flex-wrap: wrap;
  gap: 12px;
}
@media (max-width: 767px) {
  .edit-document-section .edit-document-alignment .edit-document-box {
    padding: 8px;
  }
}
.edit-document-section .edit-document-alignment .edit-document-box .heading-left-side-alignment h1 {
  font-family: "Raleway", sans-serif;
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  color: var(--black-color);
}
@media (max-width: 576px) {
  .edit-document-section .edit-document-alignment .edit-document-box .heading-left-side-alignment h1 {
    font-size: 20px;
    line-height: 26px;
  }
}
@media (max-width: 576px) {
  .edit-document-section .edit-document-alignment .edit-document-box .heading-left-side-alignment h1 {
    font-size: 18px;
    line-height: 24px;
  }
}
.edit-document-section .edit-document-alignment .edit-document-box .heading-left-side-alignment p {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
  color: var(--black-color5);
  max-width: 474px;
}
.edit-document-section .edit-document-box-title-section {
  margin: 24px 0 0 0;
}
.edit-document-section .edit-document-box-title-section .edit-document-box-details-alignment {
  border: 1px solid var(--table-border-color);
  border-radius: 0;
  background: var(--box-dark-color-bg);
}
.edit-document-section .edit-document-box-title-section .edit-document-box-details-alignment .box-title-alignment {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 16px;
  background: var(--orange-color2);
  border-radius: 0;
}
.edit-document-section .edit-document-box-title-section .edit-document-box-details-alignment .box-title-alignment h2 {
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  font-weight: 600;
  color: var(--black-color2);
  padding: 0;
  margin: 0;
}
@media (max-width: 576px) {
  .edit-document-section .edit-document-box-title-section .edit-document-box-details-alignment .box-title-alignment h2 {
    font-size: 14px;
    line-height: 21px;
  }
}
.edit-document-section .edit-document-box-title-section .edit-document-box-details-alignment .box-title-alignment .down-arrow-alignment {
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.edit-document-section .edit-document-box-title-section .edit-document-box-details-alignment .box-title-alignment .down-arrow-alignment img {
  width: 100%;
  height: 100%;
  display: block;
}
.edit-document-section .edit-document-box-title-section .edit-document-box-details-alignment .box-title-all-details-alignment {
  padding: 24px 16px;
  background: var(--box-dark-color-bg);
}
.edit-document-section .edit-document-box-title-section .edit-document-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section {
  margin: 32px 0 0 0;
}
.edit-document-section .edit-document-box-title-section .edit-document-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px 80px;
  margin: 0 0 20px 0;
}
.edit-document-section .edit-document-box-title-section .edit-document-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid:last-child {
  margin: 0;
}
@media (max-width: 1199px) {
  .edit-document-section .edit-document-box-title-section .edit-document-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid {
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .edit-document-section .edit-document-box-title-section .edit-document-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid {
    gap: 20px;
  }
}
@media (max-width: 576px) {
  .edit-document-section .edit-document-box-title-section .edit-document-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.edit-document-section .edit-document-box-title-section .edit-document-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid .browse-section {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}
.edit-document-section .edit-document-box-title-section .edit-document-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid .browse-section .browse-input {
  width: 125px;
  max-width: 125px;
  min-width: 125px;
}
.edit-document-section .edit-document-box-title-section .edit-document-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid .browse-section .browse-input .form-input {
  height: 40px;
  width: 100%;
  position: relative;
  border: 1px solid var(--input-border-color);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.edit-document-section .edit-document-box-title-section .edit-document-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid .browse-section .browse-input .form-input input[type=file] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 999;
  text-indent: 999px;
}
.edit-document-section .edit-document-box-title-section .edit-document-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid .browse-section .browse-input .form-input p {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 600;
  color: #e0e0e0;
  font-weight: 500;
}
.edit-document-section .edit-document-box-title-section .edit-document-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid .browse-section p {
  font-family: "Cabin", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  line-height: 16px;
  font-family: "Poppins", sans-serif;
  padding: 0;
  margin: 0;
  color: var(--black-color2);
}
.edit-document-section .edit-document-box-title-section .edit-document-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid .browse-name-alignment {
  padding: 16px 0 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.edit-document-section .edit-document-box-title-section .edit-document-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid .browse-name-alignment p {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  padding: 0;
  margin: 0;
  color: var(--black-color);
}
.edit-document-section .edit-document-box-title-section .edit-document-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid .browse-name-alignment p span {
  color: var(--file-color);
}
.edit-document-section .edit-document-box-title-section .edit-document-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid .browse-name-alignment .right-side-alignment {
  display: flex;
  align-items: center;
  gap: 20px;
}
.edit-document-section .edit-document-box-title-section .edit-document-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid .browse-name-alignment .right-side-alignment .option-icon {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.edit-document-section .edit-document-box-title-section .edit-document-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid .add-new {
  padding: 20px 0 0 0;
}
.edit-document-section .edit-document-box-title-section .edit-document-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid .add-new a {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  line-height: 19px;
  color: var(--course-menu-name);
  text-decoration: underline;
  cursor: pointer;
}
.edit-document-section .edit-document-box-title-section .edit-document-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .notify-details-alignment {
  display: flex;
  align-items: center;
  gap: 8px;
}
.edit-document-section .edit-document-box-title-section .edit-document-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .notify-details-alignment p {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  line-height: 19px;
  color: var(--option-name-text);
  padding: 0;
  margin: 0;
}
.edit-document-section .edit-document-box-title-section .edit-document-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .notify-details-alignment .checkbox-alignment {
  position: relative;
  top: -9px;
}
.edit-document-section .edit-document-box-title-section .edit-document-box-details-alignment:first-child {
  border-radius: 16px 16px 0 0;
}
.edit-document-section .edit-document-box-title-section .edit-document-box-details-alignment:first-child .box-title-alignment {
  border-radius: 16px 16px 0 0;
}
.edit-document-section .edit-document-box-title-section .edit-document-bottom-alignment {
  padding: 32px 0 0 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  background: var(--box-dark-color-bg);
}

.edit-assign-quiz-section {
  padding: 20px 22px;
  max-height: calc(100vh - 72px);
  overflow-y: auto;
}
.edit-assign-quiz-section .edit-assign-quiz-alignment {
  margin: 24px 0 0 0;
}
@media (max-width: 767px) {
  .edit-assign-quiz-section .edit-assign-quiz-alignment {
    margin: 16px 0 0 0;
  }
}
.edit-assign-quiz-section .edit-assign-quiz-alignment .edit-assign-quiz-box {
  background: var(--white-color2);
  padding: 16px 16px 16px 20px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  border-radius: 16px;
  flex-wrap: wrap;
  gap: 12px;
}
@media (max-width: 767px) {
  .edit-assign-quiz-section .edit-assign-quiz-alignment .edit-assign-quiz-box {
    padding: 8px;
  }
}
.edit-assign-quiz-section .edit-assign-quiz-alignment .edit-assign-quiz-box .heading-left-side-alignment h1 {
  font-family: "Raleway", sans-serif;
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  color: var(--black-color);
}
@media (max-width: 576px) {
  .edit-assign-quiz-section .edit-assign-quiz-alignment .edit-assign-quiz-box .heading-left-side-alignment h1 {
    font-size: 20px;
    line-height: 26px;
  }
}
@media (max-width: 576px) {
  .edit-assign-quiz-section .edit-assign-quiz-alignment .edit-assign-quiz-box .heading-left-side-alignment h1 {
    font-size: 18px;
    line-height: 24px;
  }
}
.edit-assign-quiz-section .edit-assign-quiz-alignment .edit-assign-quiz-box .heading-left-side-alignment p {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
  color: var(--black-color5);
  max-width: 474px;
}
.edit-assign-quiz-section .edit-quiz-section {
  padding: 24px 0 0 0;
}
.edit-assign-quiz-section .edit-quiz-section .editQuizDetailsList {
  border: 1px solid var(--table-border-color);
  border-radius: 0 0 16px 16px;
}
.edit-assign-quiz-section .edit-quiz-section .editQuizDetailsList .edit-quiz-details-alignment .editQuizListBox {
  padding: 14px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--table-border-color);
  background: var(--orange-color2);
}
.edit-assign-quiz-section .edit-quiz-section .editQuizDetailsList .edit-quiz-details-alignment .editQuizListBox:last-child {
  border-bottom: none;
}
.edit-assign-quiz-section .edit-quiz-section .editQuizDetailsList .edit-quiz-details-alignment .editQuizListBox p {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  font-family: "Raleway", sans-serif;
  color: var(--black-color2);
  padding: 0;
  margin: 0;
}
@media (max-width: 576px) {
  .edit-assign-quiz-section .edit-quiz-section .editQuizDetailsList .edit-quiz-details-alignment .editQuizListBox p {
    font-size: 14px;
    line-height: 21px;
  }
}
.edit-assign-quiz-section .edit-quiz-section .editQuizDetailsList .edit-quiz-details-alignment .editQuizListBox .plus-icon-alignment {
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.edit-assign-quiz-section .edit-quiz-section .editQuizDetailsList .edit-quiz-details-alignment .editQuizListBox .plus-icon-alignment img {
  width: 100%;
  height: 100%;
  display: block;
}
.edit-assign-quiz-section .edit-quiz-section .editQuizDetailsList .edit-quiz-details-alignment .edit-open-box-all-details-alignment {
  padding: 24px 16px 40px 16px;
  background: var(--box-dark-color-bg);
}
.edit-assign-quiz-section .edit-quiz-section .editQuizDetailsList .edit-quiz-details-alignment .edit-open-box-all-details-alignment .edit-box-title-grid-alignment {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px 80px;
}
@media (max-width: 1199px) {
  .edit-assign-quiz-section .edit-quiz-section .editQuizDetailsList .edit-quiz-details-alignment .edit-open-box-all-details-alignment .edit-box-title-grid-alignment {
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .edit-assign-quiz-section .edit-quiz-section .editQuizDetailsList .edit-quiz-details-alignment .edit-open-box-all-details-alignment .edit-box-title-grid-alignment {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}
@media (max-width: 576px) {
  .edit-assign-quiz-section .edit-quiz-section .editQuizDetailsList .edit-quiz-details-alignment .edit-open-box-all-details-alignment .edit-box-title-grid-alignment {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.edit-assign-quiz-section .edit-quiz-section .editQuizDetailsList .edit-quiz-details-alignment .edit-open-box-all-details-alignment .assign-division-section {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 20px 0 0 0;
}
.edit-assign-quiz-section .edit-quiz-section .editQuizDetailsList .edit-quiz-details-alignment .edit-open-box-all-details-alignment .assign-division-section .checkbox-alignment {
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.edit-assign-quiz-section .edit-quiz-section .editQuizDetailsList .edit-quiz-details-alignment .edit-open-box-all-details-alignment .assign-division-section .checkbox-alignment input[type=checkbox] {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}
.edit-assign-quiz-section .edit-quiz-section .editQuizDetailsList .edit-quiz-details-alignment .edit-open-box-all-details-alignment .assign-division-section span {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
  color: var(--black-color2);
  display: block;
}
.edit-assign-quiz-section .edit-quiz-bottom-alignment {
  padding: 32px 0 0 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  background: var(--box-dark-color-bg);
}

.yes-no-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 0 0 0;
}
.yes-no-section .option-box {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.yes-no-section .option-box.createlearnignoptionwidth {
  width: 225px;
  cursor: pointer;
}
@media (max-width: 767px) {
  .yes-no-section .option-box.createlearnignoptionwidth {
    width: 50%;
  }
}
.yes-no-section .option-box input[type=radio] {
  width: 16px;
  height: 16px;
  padding: 0;
  margin: 0;
  cursor: pointer;
}
.yes-no-section .option-box p {
  font-size: 14px;
  line-height: 19px;
  font-weight: 700;
  font-family: "Cabin", sans-serif;
  color: var(--black-color2);
  padding: 0;
  margin: 0;
}

.edit-video-section {
  padding: 20px 22px;
  max-height: calc(100vh - 72px);
  overflow-y: auto;
}
.edit-video-section .edit-video-alignment {
  margin: 24px 0 0 0;
}
@media (max-width: 767px) {
  .edit-video-section .edit-video-alignment {
    margin: 16px 0 0 0;
  }
}
.edit-video-section .edit-video-alignment .edit-video-box {
  background: var(--white-color2);
  padding: 16px 16px 16px 20px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  border-radius: 16px;
  flex-wrap: wrap;
  gap: 12px;
}
@media (max-width: 767px) {
  .edit-video-section .edit-video-alignment .edit-video-box {
    padding: 8px;
  }
}
.edit-video-section .edit-video-alignment .edit-video-box .heading-left-side-alignment h1 {
  font-family: "Raleway", sans-serif;
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  color: var(--black-color);
}
@media (max-width: 576px) {
  .edit-video-section .edit-video-alignment .edit-video-box .heading-left-side-alignment h1 {
    font-size: 20px;
    line-height: 26px;
  }
}
@media (max-width: 576px) {
  .edit-video-section .edit-video-alignment .edit-video-box .heading-left-side-alignment h1 {
    font-size: 18px;
    line-height: 24px;
  }
}
.edit-video-section .edit-video-alignment .edit-video-box .heading-left-side-alignment p {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
  color: var(--black-color5);
  max-width: 474px;
}
.edit-video-section .edit-video-box-title-section {
  margin: 24px 0 0 0;
}
.edit-video-section .edit-video-box-title-section .edit-video-box-details-alignment {
  border: 1px solid var(--table-border-color);
  border-radius: 0;
  background: var(--box-dark-color-bg);
}
.edit-video-section .edit-video-box-title-section .edit-video-box-details-alignment .box-title-alignment {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 16px;
  background: var(--orange-color2);
  border-radius: 0;
}
.edit-video-section .edit-video-box-title-section .edit-video-box-details-alignment .box-title-alignment h2 {
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  font-weight: 600;
  color: var(--black-color2);
  padding: 0;
  margin: 0;
}
@media (max-width: 576px) {
  .edit-video-section .edit-video-box-title-section .edit-video-box-details-alignment .box-title-alignment h2 {
    font-size: 14px;
    line-height: 21px;
  }
}
.edit-video-section .edit-video-box-title-section .edit-video-box-details-alignment .box-title-alignment .down-arrow-alignment {
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.edit-video-section .edit-video-box-title-section .edit-video-box-details-alignment .box-title-alignment .down-arrow-alignment img {
  width: 100%;
  height: 100%;
  display: block;
}
.edit-video-section .edit-video-box-title-section .edit-video-box-details-alignment .box-title-all-details-alignment {
  padding: 24px 16px;
  background: var(--box-dark-color-bg);
}
.edit-video-section .edit-video-box-title-section .edit-video-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section {
  margin: 32px 0 0 0;
}
.edit-video-section .edit-video-box-title-section .edit-video-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px 80px;
  margin: 0 0 20px 0;
}
.edit-video-section .edit-video-box-title-section .edit-video-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid:last-child {
  margin: 0;
}
@media (max-width: 1199px) {
  .edit-video-section .edit-video-box-title-section .edit-video-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid {
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .edit-video-section .edit-video-box-title-section .edit-video-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid {
    gap: 20px;
  }
}
@media (max-width: 576px) {
  .edit-video-section .edit-video-box-title-section .edit-video-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.edit-video-section .edit-video-box-title-section .edit-video-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid .browse-section {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}
.edit-video-section .edit-video-box-title-section .edit-video-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid .browse-section .browse-input {
  width: 125px;
  max-width: 125px;
  min-width: 125px;
}
.edit-video-section .edit-video-box-title-section .edit-video-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid .browse-section .browse-input .form-input {
  height: 40px;
  width: 100%;
  position: relative;
  border: 1px solid var(--input-border-color);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.edit-video-section .edit-video-box-title-section .edit-video-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid .browse-section .browse-input .form-input input[type=file] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 999;
  text-indent: 999px;
}
.edit-video-section .edit-video-box-title-section .edit-video-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid .browse-section .browse-input .form-input p {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 600;
  color: #e0e0e0;
  font-weight: 500;
}
.edit-video-section .edit-video-box-title-section .edit-video-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid .browse-section p {
  font-family: "Cabin", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  line-height: 16px;
  font-family: "Poppins", sans-serif;
  padding: 0;
  margin: 0;
  color: var(--black-color2);
}
.edit-video-section .edit-video-box-title-section .edit-video-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid .browse-name-alignment {
  padding: 16px 0 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.edit-video-section .edit-video-box-title-section .edit-video-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid .browse-name-alignment p {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  padding: 0;
  margin: 0;
  color: var(--black-color);
}
.edit-video-section .edit-video-box-title-section .edit-video-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid .browse-name-alignment p span {
  color: var(--file-color);
}
.edit-video-section .edit-video-box-title-section .edit-video-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid .browse-name-alignment .right-side-alignment {
  display: flex;
  align-items: center;
  gap: 20px;
}
.edit-video-section .edit-video-box-title-section .edit-video-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid .browse-name-alignment .right-side-alignment .option-icon {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.edit-video-section .edit-video-box-title-section .edit-video-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid .add-new {
  padding: 20px 0 0 0;
}
.edit-video-section .edit-video-box-title-section .edit-video-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid .add-new a {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  line-height: 19px;
  color: var(--course-menu-name);
  text-decoration: underline;
  cursor: pointer;
}
.edit-video-section .edit-video-box-title-section .edit-video-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .notify-details-alignment {
  display: flex;
  align-items: center;
  gap: 8px;
}
.edit-video-section .edit-video-box-title-section .edit-video-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .notify-details-alignment p {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  line-height: 19px;
  color: var(--option-name-text);
  padding: 0;
  margin: 0;
}
.edit-video-section .edit-video-box-title-section .edit-video-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .notify-details-alignment .checkbox-alignment {
  position: relative;
  top: -9px;
}
.edit-video-section .edit-video-box-title-section .edit-video-box-details-alignment:first-child {
  border-radius: 16px 16px 0 0;
}
.edit-video-section .edit-video-box-title-section .edit-video-box-details-alignment:first-child .box-title-alignment {
  border-radius: 16px 16px 0 0;
}
.edit-video-section .edit-video-box-title-section .edit-video-bottom-alignment {
  padding: 32px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  background: var(--box-dark-color-bg);
}

.forgot-password-section {
  position: relative;
}
.forgot-password-section.forgot-password-2 {
  height: 100vh;
}
.forgot-password-section.forgot-password-2 .form-box {
  background: transparent;
  max-width: 448px;
  margin: 0 auto;
}
@media (max-width: 1199px) {
  .forgot-password-section.forgot-password-2 .form-box {
    position: absolute;
    top: 50%;
    left: 50%;
    background: rgba(var(--white), 0.9);
    padding: 20px;
    transform: translate(-50%, -50%);
    width: calc(70% - 24px);
    border-radius: 16px;
    max-width: 100%;
  }
}
@media (max-width: 576px) {
  .forgot-password-section.forgot-password-2 .form-box {
    width: calc(100% - 24px);
  }
}
.forgot-password-section.forgot-password-2 .form-box .forgot-password-logo {
  width: 100%;
  height: 103px;
  background: var(--black-color);
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1279px) {
  .forgot-password-section.forgot-password-2 .form-box .forgot-password-logo {
    height: 80px;
  }
}
@media (max-width: 576px) {
  .forgot-password-section.forgot-password-2 .form-box .forgot-password-logo {
    height: 60px;
  }
}
.forgot-password-section.forgot-password-2 .form-box .forgot-password-logo img {
  width: 180px;
  height: 41px;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 576px) {
  .forgot-password-section.forgot-password-2 .form-box .forgot-password-logo img {
    width: 120px;
    height: 30px;
  }
}
.forgot-password-section.forgot-password-2 .form-box .forgot-password-form-section {
  margin: 38px 0 0 0;
}
@media (max-width: 1279px) {
  .forgot-password-section.forgot-password-2 .form-box .forgot-password-form-section {
    margin: 30px 0 0 0;
  }
}
@media (max-width: 1199px) {
  .forgot-password-section.forgot-password-2 .form-box .forgot-password-form-section {
    margin: 20px 0 0;
  }
}
@media (max-width: 576px) {
  .forgot-password-section.forgot-password-2 .form-box .forgot-password-form-section {
    margin: 16px 0 0 0;
  }
}
.forgot-password-section.forgot-password-2 .form-box .forgot-password-form-section .forgot-password-form {
  padding: 16px;
}
@media (max-width: 576px) {
  .forgot-password-section.forgot-password-2 .form-box .forgot-password-form-section .forgot-password-form {
    padding: 8px;
  }
}
.forgot-password-section.forgot-password-2 .form-box .forgot-password-form-section .forgot-password-form h1 {
  font-family: "Raleway", sans-serif;
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
  color: var(--black-color);
}
@media (max-width: 1279px) {
  .forgot-password-section.forgot-password-2 .form-box .forgot-password-form-section .forgot-password-form h1 {
    font-size: 18px;
    line-height: 24px;
  }
}
@media (max-width: 576px) {
  .forgot-password-section.forgot-password-2 .form-box .forgot-password-form-section .forgot-password-form h1 {
    font-size: 16px;
    line-height: 21px;
  }
}
.forgot-password-section.forgot-password-2 .form-box .forgot-password-form-section .forgot-password-form p {
  padding: 8px 0 0 0;
  font-family: "Cabin", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  color: var(--black-color3);
}
.forgot-password-section.forgot-password-2 .form-box .forgot-password-form-section .forgot-password-form .form-alignment {
  padding: 20px 0 0 0;
}
.forgot-password-section.forgot-password-2 .form-box .forgot-password-form-section .forgot-password-form .form-button-alignment {
  padding: 40px 0 0 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
}
@media (max-width: 1279px) {
  .forgot-password-section.forgot-password-2 .form-box .forgot-password-form-section .forgot-password-form .form-button-alignment {
    padding: 30px 0 0 0;
  }
}
.forgot-password-section .forgot-password-img {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.forgot-password-section .forgot-password-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.header-section {
  width: 100%;
  height: 72px;
  background: var(--gray-color-bg);
  padding: 0 40px 0 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 888;
}
@media (max-width: 1199px) {
  .header-section {
    padding: 0 20px 0 0;
  }
}
@media (max-width: 576px) {
  .header-section {
    height: 60px;
    padding: 0 10px 0 0;
  }
}
.header-section .mobile-view-alignment {
  display: none;
}
@media (max-width: 1199px) {
  .header-section .mobile-view-alignment {
    display: flex;
    align-items: center;
    gap: 6px;
    height: 100%;
  }
  .header-section .mobile-view-alignment .mobile-view-logo {
    width: 150px;
    height: 100%;
    padding: 20px;
    background: var(--mobile-header-bg);
  }
}
@media (max-width: 1199px) and (max-width: 576px) {
  .header-section .mobile-view-alignment .mobile-view-logo {
    width: 120px;
    padding: 12px;
  }
}
@media (max-width: 1199px) {
  .header-section .mobile-view-alignment .mobile-view-logo img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .header-section .mobile-view-alignment .mobile-menu-icon {
    display: block;
    cursor: pointer;
  }
}
.header-section .search-section {
  width: 300px;
  height: 36px;
  background: var(--white-color2);
  border-radius: 200px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 12px;
}
@media (max-width: 1199px) {
  .header-section .search-section {
    display: none;
  }
}
.header-section .search-section input {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 500;
  border: none;
  background: transparent;
  width: 100%;
  height: 100%;
  color: var(--black-color2);
}
.header-section .search-section input:focus {
  outline: none;
}
.header-section .mobile-view-search {
  display: none;
}
@media (max-width: 1199px) {
  .header-section .mobile-view-search {
    display: block;
    margin: 0 24px 0 0;
    background: var(--white-color2);
    border-radius: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 36px;
    width: 36px;
    cursor: pointer;
  }
}
@media (max-width: 1199px) and (max-width: 576px) {
  .header-section .mobile-view-search {
    margin: 0;
  }
}
.header-section .right-header-alignment {
  gap: 24px;
  padding: 0 24px 0 0;
  border-right: 2px solid var(--black-color2);
}
.header-section .right-header-alignment .icon-alignment {
  width: 24px;
  height: 24px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header-section .right-header-alignment .icon-alignment img {
  width: 100%;
  height: 100%;
  display: block;
}
@media (max-width: 576px) {
  .header-section .right-header-alignment {
    display: none !important;
    padding: 0;
  }
}
.header-section .profile-alignment {
  width: 44px;
  height: 44px;
  margin: 0 0 0 24px;
}
@media (max-width: 576px) {
  .header-section .profile-alignment {
    margin: 0 0 0 4px;
  }
}
.header-section .profile-alignment img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}

body {
  transition: background-color 0.5s, color 0.5s;
  margin: 0;
  font-family: sans-serif;
}

.toggle-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin: 0 24px 0 0;
}
@media (max-width: 767px) {
  .toggle-container {
    margin: 0 8px;
  }
}

.theme-toggle {
  margin: 0 24px 0 0;
}
@media (max-width: 1199px) {
  .theme-toggle {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    right: -22px;
    padding: 20px;
    background: var(--white-color2);
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  }
}
@media (max-width: 767px) {
  .theme-toggle {
    margin: 0 8px;
    right: -8px;
    padding: 12px;
  }
}

.toggle-button {
  width: 60px;
  height: 30px;
  background-color: #ccc;
  border-radius: 30px;
  position: relative;
  cursor: pointer;
  transition: background-color 0.5s;
}
@media (max-width: 767px) {
  .toggle-button {
    width: 40px;
    height: 22px;
  }
}
.toggle-button.dark {
  background-color: #444;
}
.toggle-button .toggle-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 26px;
  height: 26px;
  background-color: white;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.5s ease;
  left: 2px;
}
@media (max-width: 767px) {
  .toggle-button .toggle-icon {
    width: 16px;
    height: 16px;
  }
}
.toggle-button .toggle-icon.move-right {
  left: 30px;
}
@media (max-width: 767px) {
  .toggle-button .toggle-icon.move-right {
    left: 20px;
  }
}

.home-page-section {
  padding: 40px 22px;
  height: calc(100vh - 72px);
  overflow-y: auto;
}
@media (max-width: 1199px) {
  .home-page-section {
    padding: 24px 22px;
  }
}
@media (max-width: 767px) {
  .home-page-section {
    padding: 24px 16px;
  }
}
.home-page-section h1 {
  font-family: "Raleway", sans-serif;
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  color: var(--black-color2);
}
@media (max-width: 576px) {
  .home-page-section h1 {
    font-size: 20px;
    line-height: 26px;
  }
}
@media (max-width: 576px) {
  .home-page-section h1 {
    font-size: 18px;
    line-height: 24px;
  }
}
.home-page-section .analytics-section {
  background: var(--gray-color-bg);
  padding: 20px;
  border-radius: 24px;
}
@media (max-width: 576px) {
  .home-page-section .analytics-section {
    padding: 12px;
  }
}
.home-page-section .analytics-section h2 {
  font-family: "Raleway", sans-serif;
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
  color: var(--black-color2);
}
@media (max-width: 1279px) {
  .home-page-section .analytics-section h2 {
    font-size: 18px;
    line-height: 24px;
  }
}
@media (max-width: 576px) {
  .home-page-section .analytics-section h2 {
    font-size: 16px;
    line-height: 21px;
  }
}
.home-page-section .analytics-section .analytics-alignment {
  padding: 20px 0 0 0;
}
@media (max-width: 576px) {
  .home-page-section .analytics-section .analytics-alignment {
    padding: 12px 0 0 0;
  }
}
.home-page-section .courses-section {
  padding: 40px 0 0 0;
}
@media (max-width: 576px) {
  .home-page-section .courses-section {
    padding: 30px 0 0 0;
  }
}
.home-page-section .courses-section .courses-box .inner_wrap {
  position: relative;
  padding: 32px 20px 20px 20px;
}
.home-page-section .courses-section .courses-box .inner_wrap .courses-top-details-alignment {
  padding: 0 22px;
}
@media (max-width: 576px) {
  .home-page-section .courses-section .courses-box .inner_wrap .courses-top-details-alignment {
    padding: 0;
  }
}
.home-page-section .courses-section .courses-box .inner_wrap .courses-top-details-alignment h2 {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  color: var(--black-color);
}
@media (max-width: 576px) {
  .home-page-section .courses-section .courses-box .inner_wrap .courses-top-details-alignment h2 {
    font-size: 14px;
    line-height: 21px;
  }
}
.home-page-section .courses-section .courses-box .inner_wrap .courses-top-details-alignment .courses-chart-details-alignment {
  padding: 36px 0 0 0;
}
@media (max-width: 576px) {
  .home-page-section .courses-section .courses-box .inner_wrap .courses-top-details-alignment .courses-chart-details-alignment {
    padding: 24px 0 0 0;
  }
}
.home-page-section .courses-section .courses-box .inner_wrap .courses-top-details-alignment .courses-chart-details-alignment .courses-chart-grid {
  display: grid;
  grid-template-columns: 292px 1fr;
  gap: 65px;
}
@media (max-width: 1199px) {
  .home-page-section .courses-section .courses-box .inner_wrap .courses-top-details-alignment .courses-chart-details-alignment .courses-chart-grid {
    grid-template-columns: 1fr;
    gap: 10px;
    margin: 0 0 20px 0;
  }
}
.home-page-section .courses-section .courses-box .inner_wrap .courses-top-details-alignment .courses-chart-details-alignment .courses-chart-grid .courses-chart {
  width: 100%;
  height: 224px;
}
.home-page-section .courses-section .courses-box .inner_wrap .courses-top-details-alignment .courses-chart-details-alignment .courses-chart-grid .courses-chart-right-side {
  max-width: 570px;
}
.home-page-section .courses-section .courses-box .inner_wrap .courses-top-details-alignment .courses-chart-details-alignment .courses-chart-grid .courses-chart-right-side .courses-three-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px 60px;
}
@media (max-width: 576px) {
  .home-page-section .courses-section .courses-box .inner_wrap .courses-top-details-alignment .courses-chart-details-alignment .courses-chart-grid .courses-chart-right-side .courses-three-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}
.home-page-section .courses-section .courses-box .inner_wrap .courses-top-details-alignment .courses-chart-details-alignment .courses-chart-grid .courses-chart-right-side .courses-three-grid .courses-right-side-box {
  width: 17px;
  height: 17px;
  border-radius: 6px;
  background: var(--grey-color);
}
.home-page-section .courses-section .courses-box .inner_wrap .courses-top-details-alignment .courses-chart-details-alignment .courses-chart-grid .courses-chart-right-side .courses-three-grid .courses-option-alignment label p {
  font-family: "Cabin", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  line-height: 21px;
  font-family: "Poppins", sans-serif;
  color: var(--black-color);
  padding: 0;
  margin: 0;
}
.home-page-section .courses-section .courses-box .inner_wrap .courses-bottom-details {
  background: var(--gray-color-bg);
  padding: 20px;
  border-radius: 24px;
}
.home-page-section .courses-section .courses-box .inner_wrap span.border_btm:after {
  display: block;
  content: "";
  width: 30px;
  height: 30px;
  position: absolute;
  bottom: 0;
  right: 0;
  border-bottom: 1px solid var(--black-color);
  border-right: 1px solid var(--black-color);
}
.home-page-section .courses-section .courses-box .inner_wrap span.border_btm:before {
  display: block;
  content: "";
  width: 30px;
  height: 30px;
  position: absolute;
  bottom: 0;
  left: 0;
  border-bottom: 1px solid var(--black-color);
  border-left: 1px solid var(--black-color);
}
.home-page-section .courses-section .courses-box .inner_wrap:before {
  display: block;
  content: "";
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  left: 0;
  border-top: 1px solid var(--black-color);
  border-left: 1px solid var(--black-color);
}
.home-page-section .courses-section .courses-box .inner_wrap:after {
  display: block;
  content: "";
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  right: 0;
  border-top: 1px solid var(--black-color);
  border-right: 1px solid var(--black-color);
}
.home-page-section .more-details-section {
  padding: 24px 0 0 0;
}
.home-page-section .more-details-section .more-details-box {
  padding: 20px;
  background: var(--gray-color-bg);
  border-radius: 24px;
}
.home-page-section .more-details-section .more-details-box h2 {
  font-family: "Raleway", sans-serif;
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
  color: var(--black-color2);
}
@media (max-width: 1279px) {
  .home-page-section .more-details-section .more-details-box h2 {
    font-size: 18px;
    line-height: 24px;
  }
}
@media (max-width: 576px) {
  .home-page-section .more-details-section .more-details-box h2 {
    font-size: 16px;
    line-height: 21px;
  }
}
.home-page-section .more-details-section .more-details-box .more-details-alignment {
  padding: 20px 8px;
}
@media (max-width: 576px) {
  .home-page-section .more-details-section .more-details-box .more-details-alignment {
    padding: 16px 0;
  }
}
.home-page-section .more-details-section .more-details-box .more-details-alignment .more-details-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
@media (max-width: 1199px) {
  .home-page-section .more-details-section .more-details-box .more-details-alignment .more-details-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}
.home-page-section .more-details-section .more-details-box .more-details-alignment .more-details-grid .more-details-grid-item {
  max-height: 360px;
}
.home-page-section .more-details-section .more-details-box .more-details-alignment .more-details-grid .more-details-grid-item .more-details-box {
  background: var(--white-color);
  border-radius: 20px;
  width: 100%;
  height: 100%;
  padding: 18px 18px 12px 12px;
}
.home-page-section .more-details-section .more-details-box .more-details-alignment .more-details-grid .more-details-grid-item .more-details-box h3 {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  color: var(--black-color);
  padding: 0;
  margin: 0;
}
@media (max-width: 576px) {
  .home-page-section .more-details-section .more-details-box .more-details-alignment .more-details-grid .more-details-grid-item .more-details-box h3 {
    font-size: 14px;
    line-height: 21px;
  }
}
@media (max-width: 576px) {
  .home-page-section .more-details-section .more-details-box .more-details-alignment .more-details-grid .more-details-grid-item .more-details-box h3 {
    font-size: 14px;
    line-height: 21px;
  }
}
.home-page-section .more-details-section .more-details-box .more-details-alignment .more-details-grid .more-details-grid-item .more-details-box .second-details-alignment {
  padding: 8px 0 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.home-page-section .more-details-section .more-details-box .more-details-alignment .more-details-grid .more-details-grid-item .more-details-box .second-details-alignment .courses-main-alignment {
  width: 124px;
}
@media (max-width: 576px) {
  .home-page-section .more-details-section .more-details-box .more-details-alignment .more-details-grid .more-details-grid-item .more-details-box .second-details-alignment .courses-main-alignment {
    width: 110px;
  }
}
.home-page-section .more-details-section .more-details-box .more-details-alignment .more-details-grid .more-details-grid-item .more-details-box .second-details-alignment .courses-main-alignment .courses-right-side-box {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--grey-color);
}
.home-page-section .more-details-section .more-details-box .more-details-alignment .more-details-grid .more-details-grid-item .more-details-box .second-details-alignment .courses-main-alignment .courses-option-alignment label p {
  font-size: 10px;
  line-height: 21px;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
  color: var(--black-color);
  padding: 0;
  margin: 0;
}
.home-page-section .more-details-section .more-details-box .more-details-alignment .more-details-grid .more-details-grid-item .more-details-box .score-table-alignment {
  padding: 27px 0 0 0;
}
@media (max-width: 576px) {
  .home-page-section .more-details-section .more-details-box .more-details-alignment .more-details-grid .more-details-grid-item .more-details-box .score-table-alignment {
    padding: 16px 0 0 0;
  }
}
.home-page-section .more-details-section .more-details-box .more-details-alignment .more-details-grid .more-details-grid-item .more-details-box .score-table-alignment table {
  width: 100%;
}
.home-page-section .more-details-section .more-details-box .more-details-alignment .more-details-grid .more-details-grid-item .more-details-box .score-table-alignment table thead tr th {
  font-family: "Cabin", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  line-height: 18px;
  font-family: "Poppins", sans-serif;
  padding: 0 0 12px 0;
  color: var(--black-color);
}
@media (max-width: 576px) {
  .home-page-section .more-details-section .more-details-box .more-details-alignment .more-details-grid .more-details-grid-item .more-details-box .score-table-alignment table thead tr th {
    padding: 0 0 6px 0;
  }
}
.home-page-section .more-details-section .more-details-box .more-details-alignment .more-details-grid .more-details-grid-item .more-details-box .score-table-alignment table tbody tr td {
  padding: 0 10px 10px 10px;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  color: var(--black-color);
}
@media (max-width: 576px) {
  .home-page-section .more-details-section .more-details-box .more-details-alignment .more-details-grid .more-details-grid-item .more-details-box .score-table-alignment table tbody tr td {
    padding: 4px;
    font-size: 12px;
    line-height: 18px;
  }
}
.home-page-section .more-details-section .more-details-box .more-details-alignment .more-details-grid .more-details-grid-item .more-details-box .score-table-alignment table tbody tr td .user-details-alignment {
  display: grid;
  grid-template-columns: 40px 1fr;
  gap: 8px;
}
@media (max-width: 576px) {
  .home-page-section .more-details-section .more-details-box .more-details-alignment .more-details-grid .more-details-grid-item .more-details-box .score-table-alignment table tbody tr td .user-details-alignment {
    grid-template-columns: 24px 1fr;
    gap: 6px;
  }
}
.home-page-section .more-details-section .more-details-box .more-details-alignment .more-details-grid .more-details-grid-item .more-details-box .score-table-alignment table tbody tr td .user-details-alignment .profile-alignment {
  width: 100%;
  height: 40px;
}
@media (max-width: 576px) {
  .home-page-section .more-details-section .more-details-box .more-details-alignment .more-details-grid .more-details-grid-item .more-details-box .score-table-alignment table tbody tr td .user-details-alignment .profile-alignment {
    height: 24px;
  }
}
.home-page-section .more-details-section .more-details-box .more-details-alignment .more-details-grid .more-details-grid-item .more-details-box .score-table-alignment table tbody tr td .user-details-alignment .profile-alignment img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
.home-page-section .more-details-section .more-details-box .more-details-alignment .more-details-grid .more-details-grid-item .more-details-box .score-table-alignment table tbody tr td .user-details-alignment .profile-right-side-alignment h6 {
  padding: 0 0 1px 0;
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 600;
  line-height: 21px;
  font-family: "Poppins", sans-serif;
  color: var(--black-color);
}
@media (max-width: 576px) {
  .home-page-section .more-details-section .more-details-box .more-details-alignment .more-details-grid .more-details-grid-item .more-details-box .score-table-alignment table tbody tr td .user-details-alignment .profile-right-side-alignment h6 {
    font-size: 12px;
    line-height: 18px;
  }
}
.home-page-section .more-details-section .more-details-box .more-details-alignment .more-details-grid .more-details-grid-item .more-details-box .score-table-alignment table tbody tr td .user-details-alignment .profile-right-side-alignment p {
  font-family: "Cabin", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  color: var(--grey-color2);
}
@media (max-width: 576px) {
  .home-page-section .more-details-section .more-details-box .more-details-alignment .more-details-grid .more-details-grid-item .more-details-box .score-table-alignment table tbody tr td .user-details-alignment .profile-right-side-alignment p {
    font-size: 10px;
    line-height: 14px;
  }
}

.learning-center-section {
  padding: 40px 22px;
  max-height: calc(100vh - 72px);
  overflow-y: auto;
}
.learning-center-section h1 {
  padding: 0 0 32px 0;
  font-family: "Raleway", sans-serif;
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  color: var(--black-color2);
  margin: 0;
}
@media (max-width: 576px) {
  .learning-center-section h1 {
    font-size: 20px;
    line-height: 26px;
  }
}
@media (max-width: 576px) {
  .learning-center-section h1 {
    font-size: 18px;
    line-height: 24px;
  }
}
.learning-center-section .learning-center-box {
  background: var(--gray-color-bg);
  padding: 20px;
  border-radius: 24px;
  margin: 0 0 24px 0;
}
.learning-center-section .learning-center-box:last-child {
  margin: 0;
}
.learning-center-section .learning-center-box h2 {
  font-family: "Raleway", sans-serif;
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
  font-weight: 600;
  color: var(--black-color2);
  padding: 0 0 32px 0;
  margin: 0;
}
@media (max-width: 1279px) {
  .learning-center-section .learning-center-box h2 {
    font-size: 18px;
    line-height: 24px;
  }
}
@media (max-width: 576px) {
  .learning-center-section .learning-center-box h2 {
    font-size: 16px;
    line-height: 21px;
  }
}
.learning-center-section .learning-center-box .learning-center-all-details-alignment .learning-center-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
@media (max-width: 1023px) {
  .learning-center-section .learning-center-box .learning-center-all-details-alignment .learning-center-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 576px) {
  .learning-center-section .learning-center-box .learning-center-all-details-alignment .learning-center-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}

.login-section {
  position: relative;
}
.login-section.login-2 {
  height: 100vh;
}
.login-section.login-2 .form-box {
  background: transparent;
  max-width: 448px;
  margin: 0 auto;
}
@media (max-width: 1199px) {
  .login-section.login-2 .form-box {
    position: absolute;
    top: 50%;
    left: 50%;
    background: rgba(var(--white), 0.9);
    padding: 20px;
    transform: translate(-50%, -50%);
    width: calc(70% - 24px);
    border-radius: 16px;
    max-width: 100%;
  }
}
@media (max-width: 576px) {
  .login-section.login-2 .form-box {
    width: calc(100% - 24px);
  }
}
.login-section.login-2 .form-box .login-logo {
  width: 100%;
  height: 103px;
  background: var(--black-color);
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1279px) {
  .login-section.login-2 .form-box .login-logo {
    height: 80px;
  }
}
@media (max-width: 576px) {
  .login-section.login-2 .form-box .login-logo {
    height: 60px;
  }
}
.login-section.login-2 .form-box .login-logo img {
  width: 180px;
  height: 41px;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 576px) {
  .login-section.login-2 .form-box .login-logo img {
    width: 120px;
    height: 30px;
  }
}
.login-section.login-2 .form-box .login-form-section {
  margin: 38px 0 0 0;
}
@media (max-width: 1279px) {
  .login-section.login-2 .form-box .login-form-section {
    margin: 30px 0 0 0;
  }
}
@media (max-width: 1199px) {
  .login-section.login-2 .form-box .login-form-section {
    margin: 20px 0 0;
  }
}
@media (max-width: 576px) {
  .login-section.login-2 .form-box .login-form-section {
    margin: 16px 0 0 0;
  }
}
.login-section.login-2 .form-box .login-form-section .login-form {
  padding: 16px;
}
@media (max-width: 576px) {
  .login-section.login-2 .form-box .login-form-section .login-form {
    padding: 8px;
  }
}
.login-section.login-2 .form-box .login-form-section .login-form h1 {
  font-family: "Raleway", sans-serif;
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
  color: var(--black-color);
}
@media (max-width: 1279px) {
  .login-section.login-2 .form-box .login-form-section .login-form h1 {
    font-size: 18px;
    line-height: 24px;
  }
}
@media (max-width: 576px) {
  .login-section.login-2 .form-box .login-form-section .login-form h1 {
    font-size: 16px;
    line-height: 21px;
  }
}
.login-section.login-2 .form-box .login-form-section .login-form p {
  padding: 8px 0 0 0;
  font-family: "Cabin", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  color: var(--black-color3);
}
.login-section.login-2 .form-box .login-form-section .login-form .form-alignment {
  padding: 20px 0 0 0;
}
.login-section.login-2 .form-box .login-form-section .login-form .form-alignment .forgot-password {
  text-align: right;
  padding: 4px 0 0 0;
}
.login-section.login-2 .form-box .login-form-section .login-form .form-alignment .forgot-password a {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
  cursor: pointer;
  color: var(--black-color3);
}
.login-section.login-2 .form-box .login-form-section .login-form .form-alignment .forgot-password a:hover {
  color: var(--active-bg-color);
}
.login-section.login-2 .form-box .login-form-section .login-form .form-alignment .form-button-alignment {
  padding: 40px 0 0 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
}
@media (max-width: 1279px) {
  .login-section.login-2 .form-box .login-form-section .login-form .form-alignment .form-button-alignment {
    padding: 30px 0 0 0;
  }
}
.login-section .login-img {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.login-section .login-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.new-podcasts-section {
  padding: 20px 22px;
  max-height: calc(100vh - 72px);
  overflow-y: auto;
}
.new-podcasts-section .new-podcasts-alignment {
  margin: 24px 0 0 0;
}
@media (max-width: 767px) {
  .new-podcasts-section .new-podcasts-alignment {
    margin: 16px 0 0 0;
  }
}
.new-podcasts-section .new-podcasts-alignment .new-podcasts-box {
  background: var(--white-color2);
  padding: 16px 16px 16px 20px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  border-radius: 16px;
  flex-wrap: wrap;
  gap: 12px;
}
@media (max-width: 767px) {
  .new-podcasts-section .new-podcasts-alignment .new-podcasts-box {
    padding: 8px;
  }
}
.new-podcasts-section .new-podcasts-alignment .new-podcasts-box .heading-left-side-alignment h1 {
  font-family: "Raleway", sans-serif;
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  color: var(--black-color);
}
@media (max-width: 576px) {
  .new-podcasts-section .new-podcasts-alignment .new-podcasts-box .heading-left-side-alignment h1 {
    font-size: 20px;
    line-height: 26px;
  }
}
@media (max-width: 576px) {
  .new-podcasts-section .new-podcasts-alignment .new-podcasts-box .heading-left-side-alignment h1 {
    font-size: 18px;
    line-height: 24px;
  }
}
.new-podcasts-section .new-podcasts-alignment .new-podcasts-box .heading-left-side-alignment p {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
  color: var(--black-color5);
  max-width: 474px;
}
.new-podcasts-section .new-podcasts-box-title-section {
  margin: 24px 0 0 0;
}
.new-podcasts-section .new-podcasts-box-title-section .new-podcasts-box-details-alignment {
  border: 1px solid var(--table-border-color);
  border-radius: 0;
  background: var(--box-dark-color-bg);
}
.new-podcasts-section .new-podcasts-box-title-section .new-podcasts-box-details-alignment .box-title-alignment {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 16px;
  background: var(--orange-color2);
  border-radius: 0;
}
.new-podcasts-section .new-podcasts-box-title-section .new-podcasts-box-details-alignment .box-title-alignment h2 {
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  font-weight: 600;
  color: var(--black-color2);
  padding: 0;
  margin: 0;
}
@media (max-width: 576px) {
  .new-podcasts-section .new-podcasts-box-title-section .new-podcasts-box-details-alignment .box-title-alignment h2 {
    font-size: 14px;
    line-height: 21px;
  }
}
.new-podcasts-section .new-podcasts-box-title-section .new-podcasts-box-details-alignment .box-title-alignment .down-arrow-alignment {
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.new-podcasts-section .new-podcasts-box-title-section .new-podcasts-box-details-alignment .box-title-alignment .down-arrow-alignment img {
  width: 100%;
  height: 100%;
  display: block;
}
.new-podcasts-section .new-podcasts-box-title-section .new-podcasts-box-details-alignment .box-title-all-details-alignment {
  padding: 24px 16px;
  background: var(--box-dark-color-bg);
}
.new-podcasts-section .new-podcasts-box-title-section .new-podcasts-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section {
  margin: 32px 0 0 0;
}
.new-podcasts-section .new-podcasts-box-title-section .new-podcasts-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px 80px;
  margin: 0 0 20px 0;
}
.new-podcasts-section .new-podcasts-box-title-section .new-podcasts-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid:last-child {
  margin: 0;
}
.new-podcasts-section .new-podcasts-box-title-section .new-podcasts-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid.second-grid {
  align-items: center;
  gap: 24px;
}
@media (max-width: 1199px) {
  .new-podcasts-section .new-podcasts-box-title-section .new-podcasts-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid {
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .new-podcasts-section .new-podcasts-box-title-section .new-podcasts-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid {
    gap: 20px;
  }
}
@media (max-width: 576px) {
  .new-podcasts-section .new-podcasts-box-title-section .new-podcasts-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.new-podcasts-section .new-podcasts-box-title-section .new-podcasts-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid .browse-section {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}
.new-podcasts-section .new-podcasts-box-title-section .new-podcasts-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid .browse-section .browse-input {
  width: 125px;
  max-width: 125px;
  min-width: 125px;
}
.new-podcasts-section .new-podcasts-box-title-section .new-podcasts-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid .browse-section .browse-input .form-input {
  height: 40px;
  width: 100%;
  position: relative;
  border: 1px solid var(--input-border-color);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.new-podcasts-section .new-podcasts-box-title-section .new-podcasts-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid .browse-section .browse-input .form-input input[type=file] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 999;
  text-indent: 999px;
}
.new-podcasts-section .new-podcasts-box-title-section .new-podcasts-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid .browse-section .browse-input .form-input p {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 600;
  color: #e0e0e0;
  font-weight: 500;
}
.new-podcasts-section .new-podcasts-box-title-section .new-podcasts-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid .browse-section p {
  font-family: "Cabin", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  line-height: 16px;
  font-family: "Poppins", sans-serif;
  padding: 0;
  margin: 0;
  color: var(--black-color2);
}
.new-podcasts-section .new-podcasts-box-title-section .new-podcasts-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid .browse-name-alignment {
  padding: 16px 0 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.new-podcasts-section .new-podcasts-box-title-section .new-podcasts-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid .browse-name-alignment p {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  padding: 0;
  margin: 0;
  color: var(--black-color);
}
.new-podcasts-section .new-podcasts-box-title-section .new-podcasts-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid .browse-name-alignment p span {
  color: var(--file-color);
}
.new-podcasts-section .new-podcasts-box-title-section .new-podcasts-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid .browse-name-alignment .right-side-alignment {
  display: flex;
  align-items: center;
  gap: 20px;
}
.new-podcasts-section .new-podcasts-box-title-section .new-podcasts-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid .browse-name-alignment .right-side-alignment .option-icon {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.new-podcasts-section .new-podcasts-box-title-section .new-podcasts-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid .add-new {
  padding: 20px 0 0 0;
}
.new-podcasts-section .new-podcasts-box-title-section .new-podcasts-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .video-thumbnail-detils-grid .add-new a {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  line-height: 19px;
  color: var(--course-menu-name);
  text-decoration: underline;
  cursor: pointer;
}
.new-podcasts-section .new-podcasts-box-title-section .new-podcasts-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .notify-details-alignment {
  display: flex;
  align-items: center;
  gap: 8px;
}
.new-podcasts-section .new-podcasts-box-title-section .new-podcasts-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .notify-details-alignment p {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  line-height: 19px;
  color: var(--option-name-text);
  padding: 0;
  margin: 0;
}
.new-podcasts-section .new-podcasts-box-title-section .new-podcasts-box-details-alignment .box-title-all-details-alignment .video-thumbnail-details-section .notify-details-alignment .checkbox-alignment {
  position: relative;
  top: -9px;
}
.new-podcasts-section .new-podcasts-box-title-section .new-podcasts-box-details-alignment:first-child {
  border-radius: 16px 16px 0 0;
}
.new-podcasts-section .new-podcasts-box-title-section .new-podcasts-box-details-alignment:first-child .box-title-alignment {
  border-radius: 16px 16px 0 0;
}
.new-podcasts-section .new-podcasts-box-title-section .new-podcasts-bottom-alignment {
  padding: 32px 0 0 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  background: var(--box-dark-color-bg);
}

.organisation-page-section {
  padding: 40px 22px;
  height: calc(100vh - 72px);
  overflow-y: auto;
}
@media (max-width: 1199px) {
  .organisation-page-section {
    padding: 24px 22px;
  }
}
@media (max-width: 767px) {
  .organisation-page-section {
    padding: 24px 16px;
  }
}
.organisation-page-section h1 {
  font-family: "Raleway", sans-serif;
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  color: var(--black-color2);
}
@media (max-width: 576px) {
  .organisation-page-section h1 {
    font-size: 20px;
    line-height: 26px;
  }
}
@media (max-width: 576px) {
  .organisation-page-section h1 {
    font-size: 18px;
    line-height: 24px;
  }
}
.organisation-page-section .analytics-section {
  background: var(--gray-color-bg);
  padding: 20px;
  border-radius: 24px;
  margin: 0 0 24px 0;
}
.organisation-page-section .analytics-section:last-child {
  margin: 0;
}
@media (max-width: 576px) {
  .organisation-page-section .analytics-section {
    padding: 12px;
  }
}
.organisation-page-section .analytics-section h2 {
  font-family: "Raleway", sans-serif;
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
  color: var(--black-color2);
}
@media (max-width: 1279px) {
  .organisation-page-section .analytics-section h2 {
    font-size: 18px;
    line-height: 24px;
  }
}
@media (max-width: 576px) {
  .organisation-page-section .analytics-section h2 {
    font-size: 16px;
    line-height: 21px;
  }
}
.organisation-page-section .analytics-section .analytics-alignment {
  padding: 20px 0 0 0;
}
@media (max-width: 576px) {
  .organisation-page-section .analytics-section .analytics-alignment {
    padding: 12px 0 0 0;
  }
}
.organisation-page-section .analytics-section .analytics-alignment h3 {
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  margin: 0;
  color: var(--black-color2);
  padding: 0 0 20px 0;
}
@media (max-width: 576px) {
  .organisation-page-section .analytics-section .analytics-alignment h3 {
    font-size: 14px;
    line-height: 21px;
  }
}
.organisation-page-section .analytics-section .analytics-alignment .organisation-name p {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 500;
  color: var(--voilet-color);
  padding: 0;
  margin: 0;
}

.sidebar-section {
  background: var(--sidebar-bg);
}
.sidebar-section .logo-alignment {
  width: 100%;
  height: 60px;
  background: var(--black-color4);
  position: relative;
}
.sidebar-section .logo-alignment img {
  width: 130px;
  height: 30px;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
.sidebar-section .logo-alignment .mobile-view-close {
  display: none;
}
@media (max-width: 1199px) {
  .sidebar-section .logo-alignment .mobile-view-close {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 8px;
    z-index: 888;
    cursor: pointer;
  }
  .sidebar-section .logo-alignment .mobile-view-close .close-icon {
    width: 24px;
    height: 24px;
  }
  .sidebar-section .logo-alignment .mobile-view-close .close-icon img {
    width: 100%;
    height: 100%;
    display: block;
  }
}
.sidebar-section .sidebar-alignment {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.sidebar-section .sidebar-alignment .top-height-alignment {
  height: calc(100vh - 260px);
  overflow-y: auto;
}
.sidebar-section .sidebar-alignment .top-height-alignment::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: var(--sidebar-bg);
}
.sidebar-section .sidebar-alignment .top-height-alignment::-webkit-scrollbar {
  width: 4px;
  background-color: #f5f5f5;
}
.sidebar-section .sidebar-alignment .top-height-alignment::-webkit-scrollbar-thumb {
  background-color: #000000;
  border: 2px solid #555555;
}
.sidebar-section .sidebar-alignment a {
  background: rgba(238, 181, 67, 0.0509803922);
  border-bottom: 1px solid rgba(232, 233, 233, 0.1019607843);
  text-decoration: none;
  transition: 0.4s ease-in-out;
  cursor: pointer;
}
.sidebar-section .sidebar-alignment a .leftname {
  gap: 12px;
}
.sidebar-section .sidebar-alignment a p {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  color: var(--sidebar-option-name-color);
}
@media (max-width: 1279px) {
  .sidebar-section .sidebar-alignment a p {
    font-size: 12px;
    line-height: 18px;
  }
}
.sidebar-section .sidebar-alignment a .default-arrow {
  display: block;
}
.sidebar-section .sidebar-alignment a .active-arrow {
  display: none;
}
.sidebar-section .sidebar-alignment a:hover {
  background: var(--active-bg-color);
  border-radius: 12px;
  border-bottom: 1px solid rgba(232, 233, 233, 0.1019607843);
  transition: 0.4s ease-in-out;
}
.sidebar-section .sidebar-alignment a:hover p {
  color: var(--black-color);
}
.sidebar-section .sidebar-alignment a:hover .default-arrow {
  display: none;
}
.sidebar-section .sidebar-alignment a:hover .active-arrow {
  display: block;
}
.sidebar-section .sidebar-alignment .active-sidebar.active {
  background: var(--active-bg-color);
  border-radius: 12px;
  border-bottom: 1px solid rgba(232, 233, 233, 0.1019607843);
  transition: 0.4s ease-in-out;
}
.sidebar-section .sidebar-alignment .active-sidebar.active p {
  color: #000;
}
.sidebar-section .sidebar-alignment .active-sidebar.active .default-arrow {
  display: none;
}
.sidebar-section .sidebar-alignment .active-sidebar.active .active-arrow {
  display: block;
}
.sidebar-section .sidebar-alignment .powerBySection-alignment {
  margin: 11px 0 0 0;
}
.sidebar-section .sidebar-alignment .powerBySection-alignment .powerBySection-box {
  background: var(--gray-opacity-bg);
  border-radius: 16px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.sidebar-section .sidebar-alignment .powerBySection-alignment .powerBySection-box p {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  color: var(--sidebar-option-name-color);
}
.sidebar-section .sidebar-alignment .powerBySection-alignment .powerBySection-box img {
  width: 104px;
  height: 24px;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}

.manage-all-table-section {
  padding: 20px 24px;
}
.manage-all-table-section.total-user {
  padding: 20px 40px 20px 22px;
}
@media (max-width: 767px) {
  .manage-all-table-section {
    padding: 16px;
  }
  .manage-all-table-section.total-user {
    padding: 16px;
  }
}
.manage-all-table-section .manage-all-heading-section {
  margin: 24px 0 0 0;
}
@media (max-width: 767px) {
  .manage-all-table-section .manage-all-heading-section {
    margin: 16px 0 0 0;
  }
}
.manage-all-table-section .manage-all-heading-section .manage-all-heading-box {
  background: var(--heading-box-bg);
  padding: 16px 16px 16px 20px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  border-radius: 16px;
  flex-wrap: wrap;
  gap: 16px;
}
@media (max-width: 767px) {
  .manage-all-table-section .manage-all-heading-section .manage-all-heading-box {
    padding: 8px;
  }
}
.manage-all-table-section .manage-all-heading-section .manage-all-heading-box .heading-left-side-alignment h1 {
  font-family: "Raleway", sans-serif;
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  color: var(--black-color);
}
@media (max-width: 576px) {
  .manage-all-table-section .manage-all-heading-section .manage-all-heading-box .heading-left-side-alignment h1 {
    font-size: 20px;
    line-height: 26px;
  }
}
@media (max-width: 576px) {
  .manage-all-table-section .manage-all-heading-section .manage-all-heading-box .heading-left-side-alignment h1 {
    font-size: 18px;
    line-height: 24px;
  }
}
.manage-all-table-section .manage-all-heading-section .manage-all-heading-box .heading-left-side-alignment p {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
  color: var(--black-color5);
  max-width: 474px;
}
.manage-all-table-section .manage-all-table-tab {
  padding: 24px 0 0 0;
}
.manage-all-table-section .manage-all-table-table-section {
  background: var(--white-color);
  border: 1.25px solid var(--table-border-color);
  border-radius: 20px;
  margin: 24px 0 0 0;
}
.manage-all-table-section .manage-all-table-table-section.tab-table-raduis {
  border-radius: 0px 0px 20px 20px;
  margin: 0;
}
.manage-all-table-section .manage-all-table-table-section .manage-all-table-filter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
}
@media (max-width: 767px) {
  .manage-all-table-section .manage-all-table-table-section .manage-all-table-filter {
    padding: 10px;
  }
}
.manage-all-table-section .manage-all-table-table-section .manage-all-table-filter p {
  font-family: "Cabin", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  font-family: "Inter", sans-serif;
  padding: 0;
  margin: 0;
  color: var(--black-color3);
}

.create-new-assign-border-table {
  border: 1.25px solid var(--table-border-color);
  border-radius: 20px;
}

.create-new-assign-button-alignment {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  padding: 30px 16px 20px 16px;
}

.table-checkbox-section {
  display: flex;
  align-items: center;
  gap: 4px;
}
.table-checkbox-section .checkbox-alignment {
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.table-checkbox-section .checkbox-alignment input[type=checkbox] {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}
.table-checkbox-section span {
  font-family: Poppins;
  font-size: 10px;
  font-weight: 400;
  line-height: 14px;
  text-align: left;
  color: var(--black-color2);
}

.custom-add-new {
  padding: 20px 0 0 0;
}
.custom-add-new a {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  line-height: 19px;
  color: var(--course-menu-name) !important;
  text-decoration: underline;
  cursor: pointer;
}

.bottom-child-details {
  padding: 12px 0 0 0;
}
.bottom-child-details p {
  font-family: "Cabin", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  color: var(--gray-color3);
}

.import2-sample-file-section {
  padding: 12px 0 0 0;
}
.import2-sample-file-section a {
  cursor: pointer;
  padding: 6px 12px;
  font-family: "Cabin", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  color: var(--voilet-color);
  display: flex;
  align-items: center;
  gap: 4px;
}

.edit-assessment-details-alignment {
  padding: 24px 20px;
}
.edit-assessment-details-alignment h6 {
  font-family: "Cabin", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  font-weight: 500;
  color: var(--black-color3);
}
.edit-assessment-details-alignment .edit-assessment-grid-alignment {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px 80px;
  padding: 12px 0 0 0;
}
@media (max-width: 1199px) {
  .edit-assessment-details-alignment .edit-assessment-grid-alignment {
    gap: 40px;
  }
}
@media (max-width: 576px) {
  .edit-assessment-details-alignment .edit-assessment-grid-alignment {
    gap: 24px;
    grid-template-columns: 1fr;
  }
}
.edit-assessment-details-alignment .edit-assessment-grid-alignment .edit-assessment-section {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.edit-assessment-details-alignment .edit-assessment-grid-alignment .edit-assessment-section .redio-button {
  width: 20px;
  height: 20px;
  text-indent: 999px;
}
.edit-assessment-details-alignment .edit-assessment-grid-alignment .edit-assessment-section .redio-button input[type=radio] {
  width: 100%;
  height: 100%;
  display: block;
  padding: 0;
}
.edit-assessment-details-alignment .edit-assessment-grid-alignment .edit-assessment-section p {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
  color: var(--option-name-text);
  padding: 0;
  margin: 0;
}

.modal-dialog.zero-to-hero-modal {
  max-width: 650px;
  width: 94%;
}
.modal-dialog.tricgo-modal {
  max-width: 900px;
  width: 94%;
}

.modal-content {
  border-radius: 20px;
  background: var(--box-bg);
  margin: 0;
}
.modal-content .modal-header {
  padding: 28px 28px 0 28px;
  border: none;
}
@media (max-width: 767px) {
  .modal-content .modal-header {
    padding: 16px 16px 0 16px;
  }
}
.modal-content .modal-header h5 {
  font-family: "Raleway", sans-serif;
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  color: var(--option-name-text);
}
@media (max-width: 576px) {
  .modal-content .modal-header h5 {
    font-size: 20px;
    line-height: 26px;
  }
}
@media (max-width: 576px) {
  .modal-content .modal-header h5 {
    font-size: 18px;
    line-height: 24px;
  }
}
.modal-content .modal-header h2 {
  padding: 0;
  margin: 0;
  font-family: "Raleway", sans-serif;
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
  color: var(--black-color2);
}
@media (max-width: 1279px) {
  .modal-content .modal-header h2 {
    font-size: 18px;
    line-height: 24px;
  }
}
@media (max-width: 576px) {
  .modal-content .modal-header h2 {
    font-size: 16px;
    line-height: 21px;
  }
}
.modal-content .modal-header p {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
  padding: 4px 0 0 0;
  margin: 0;
  color: var(--black-color6);
}
.modal-content .modal-header .btn-close {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1.5px solid var(--course-border-color);
  font-size: 10px;
  padding: 0;
  background: var(--course-border-color);
  color: var(--black-color);
}
.modal-content .modal-body h2 {
  padding: 0;
  margin: 0;
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  color: var(--black-color2);
}
@media (max-width: 576px) {
  .modal-content .modal-body h2 {
    font-size: 14px;
    line-height: 21px;
  }
}
.modal-content .modal-body p {
  padding: 8px 0 0 0;
  margin: 0;
  font-family: "Cabin", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  color: var(--black-color3);
}
.modal-content .modal-body .sales-size-zero-to-hero-box-alignment {
  background: var(--gray-color-bg);
  border-radius: 0 20px 20px 20px;
  padding: 20px 16px;
}
.modal-content .modal-body .sales-size-zero-to-hero-box-alignment.sales-size-raduis {
  border-radius: 20px;
}
.modal-content .modal-body .sales-size-zero-to-hero-box-alignment .sales-size-zero-to-hero-heading-alignment {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.modal-content .modal-body .sales-size-zero-to-hero-box-alignment .sales-size-zero-to-hero-heading-alignment h4 {
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  padding: 0 0 4px 0;
  color: var(--black-color2);
  margin: 0;
}
@media (max-width: 576px) {
  .modal-content .modal-body .sales-size-zero-to-hero-box-alignment .sales-size-zero-to-hero-heading-alignment h4 {
    font-size: 14px;
    line-height: 21px;
  }
}
.modal-content .modal-body .sales-size-zero-to-hero-box-alignment .sales-size-zero-to-hero-heading-alignment p {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
  color: var(--black-color2);
  padding: 4px 0 0 0;
  margin: 0;
}
.modal-content .modal-body .sales-size-zero-to-hero-box-alignment .sales-size-zero-to-hero-heading-alignment .info-alignment svg {
  cursor: pointer;
}
.modal-content .modal-body .sales-size-zero-to-hero-box-alignment .sales-size-zero-to-hero-heading-alignment span {
  font-family: "Cabin", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  color: var(--voilet-color);
  display: block;
  cursor: pointer;
}
.modal-content .modal-body .sales-size-zero-to-hero-box-alignment .sales-points-body-alignment {
  margin: 20px 0 0 0;
}
.modal-content .modal-body .sales-size-zero-to-hero-box-alignment .sales-points-body-alignment .sales-points-box-aloignment {
  background: var(--body-bg);
  border-radius: 12px;
}
.modal-content .modal-body .sales-size-zero-to-hero-box-alignment .sales-points-body-alignment .sales-points-box-aloignment .sales-points-details-alignment {
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.modal-content .modal-body .sales-size-zero-to-hero-box-alignment .sales-points-body-alignment .sales-points-box-aloignment .sales-points-details-alignment p {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
  color: var(--black-color2);
  padding: 0;
  margin: 0;
}
.modal-content .modal-body .sales-size-zero-to-hero-box-alignment .sales-points-body-alignment .sales-points-box-aloignment .sales-points-details-alignment .sales-points-right-alignment {
  display: flex;
  align-items: center;
  gap: 8px;
}
.modal-content .modal-body .sales-size-zero-to-hero-box-alignment .sales-points-body-alignment .sales-points-box-aloignment .sales-points-details-alignment .sales-points-right-alignment span {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 600;
  display: block;
  color: var(--black-color2);
  line-height: 21px;
}
.modal-content .modal-body .sales-size-zero-to-hero-box-alignment .sales-points-body-alignment .sales-points-box-aloignment .sales-points-details-alignment .certification-right-side-alignment {
  display: flex;
  align-items: center;
  gap: 32px;
}
.modal-content .modal-body .sales-size-zero-to-hero-box-alignment .sales-points-body-alignment .sales-points-box-aloignment .sales-points-details-alignment .certification-right-side-alignment .certification-img-alignment {
  width: 54px;
  height: 38px;
  border: 1px solid var(--black-color2);
}
.modal-content .modal-body .sales-size-zero-to-hero-box-alignment .sales-points-body-alignment .sales-points-box-aloignment .sales-points-details-alignment .certification-right-side-alignment .certification-img-alignment img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
.modal-content .modal-body .sales-size-zero-to-hero-box-alignment .sales-points-body-alignment .sales-points-box-aloignment .sales-points-details-alignment .certification-right-side-alignment .certification-option-alingment {
  display: flex;
  align-items: center;
  gap: 16px;
}
.modal-content .modal-body .sales-size-zero-to-hero-box-alignment .sales-points-body-alignment .sales-points-box-aloignment .sales-points-details-alignment .certification-right-side-alignment .certification-option-alingment svg {
  cursor: pointer;
}
.modal-content .modal-body .sales-size-zero-to-hero-box-alignment .sales-size-zero-to-hero-body-alignment {
  padding: 20px 0 0 0;
}
.modal-content .modal-body .sales-size-zero-to-hero-box-alignment .sales-size-zero-to-hero-body-alignment .sales-size-zero-to-hero-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 15px;
}
.modal-content .modal-body .sales-size-zero-to-hero-box-alignment .sales-size-zero-to-hero-body-alignment .sales-size-zero-to-hero-grid .sales-size-zero-to-hero-grid-item {
  width: 100%;
  height: 86px;
  background: var(--white-color);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 9px;
  align-items: center;
  cursor: pointer;
}
.modal-content .modal-body .sales-size-zero-to-hero-box-alignment .sales-size-zero-to-hero-body-alignment .sales-size-zero-to-hero-grid .sales-size-zero-to-hero-grid-item h6 {
  font-family: "Cabin", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 500;
  padding: 0;
  margin: 0;
  color: var(--black-color2);
}
.modal-content .modal-body .sales-size-zero-to-hero-box-alignment .sales-size-zero-to-hero-body-alignment .sales-size-zero-to-hero-grid .sales-size-zero-to-hero-grid-item.disable-box {
  background: rgba(188, 183, 200, 0.1019607843);
}
.modal-content .modal-body .sales-size-zero-to-hero-box-alignment .sales-size-zero-to-hero-body-alignment .sales-size-zero-to-hero-grid .sales-size-zero-to-hero-grid-item.disable-box h6 {
  color: var(--black-color6);
}

.preview-modal {
  width: 900px;
  min-width: 900px;
}
@media (max-width: 1199px) {
  .preview-modal {
    width: calc(100% - 20px);
    min-width: calc(100% - 20px);
  }
}
.preview-modal .modal-body {
  padding: 0;
}
.preview-modal .modal-body .preview-modal-body {
  margin: 40px 0 0 0;
  padding: 0 32px 28px 28px;
}
@media (max-width: 767px) {
  .preview-modal .modal-body .preview-modal-body {
    padding: 0 16px 16px 16px;
    margin: 20px 0 0 0;
  }
}
.preview-modal .modal-body .preview-modal-body .question-alignment {
  padding: 0 0 8px 0;
}
.preview-modal .modal-body .preview-modal-body .question-alignment p {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
  color: var(--gray-color3);
}
.preview-modal .modal-body .preview-modal-body .question-alignment p span {
  font-weight: 500;
}
.preview-modal .modal-body .preview-modal-body p {
  font-family: "Raleway", sans-serif;
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
  font-weight: 500;
  color: var(--option-name-text);
}
@media (max-width: 1279px) {
  .preview-modal .modal-body .preview-modal-body p {
    font-size: 18px;
    line-height: 24px;
  }
}
@media (max-width: 576px) {
  .preview-modal .modal-body .preview-modal-body p {
    font-size: 16px;
    line-height: 21px;
  }
}
.preview-modal .modal-body .preview-modal-body .preview-option-details-alignment {
  margin: 32px 0 0 0;
}
.preview-modal .modal-body .preview-modal-body .preview-option-details-alignment .preview-option {
  padding: 16px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.preview-modal .modal-body .preview-modal-body .preview-option-details-alignment .preview-option .checkbox-alignment {
  width: 20px;
  height: 20px;
}
.preview-modal .modal-body .preview-modal-body .preview-option-details-alignment .preview-option .checkbox-alignment .container {
  padding-left: 0;
}
.preview-modal .modal-body .preview-modal-body .preview-option-details-alignment .preview-option span {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 500;
  display: block;
  color: var(--option-name-text);
}

.common-bg {
  background: var(--box-dark-color-bg);
}

.filter-drodown-alignment {
  position: absolute;
  right: 20%;
  top: 8px;
  display: flex;
  align-items: center;
  gap: 6px;
  z-index: 9;
}
@media (max-width: 1000px) {
  .filter-drodown-alignment {
    right: 22%;
  }
}
@media (max-width: 800px) {
  .filter-drodown-alignment {
    right: 25%;
  }
}
@media (max-width: 700px) {
  .filter-drodown-alignment {
    right: 30%;
  }
}
@media (max-width: 676px) {
  .filter-drodown-alignment {
    display: none;
  }
}
.filter-drodown-alignment .dropdown-section {
  width: 180px;
}
.filter-drodown-alignment label {
  font-family: "Cabin", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  color: var(--label-color2);
}

.custom-label label {
  font-family: "Cabin", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  color: var(--label-color2);
}

.hidden {
  display: none;
}

.option-details-alignment {
  margin: 32px 0 0 0;
  border-top: 1px solid #e2e2e2;
}
.option-details-alignment h6 {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 500;
  color: var(--course-menu-name);
  padding: 32px 0 0 0;
  margin: 0;
}
.option-details-alignment svg {
  cursor: pointer;
}

.video-thumbnail-details-section {
  margin: 32px 0 0 0;
}
.video-thumbnail-details-section .video-thumbnail-detils-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px 80px;
  margin: 0 0 20px 0;
}
.video-thumbnail-details-section .video-thumbnail-detils-grid:last-child {
  margin: 0;
}
@media (max-width: 1199px) {
  .video-thumbnail-details-section .video-thumbnail-detils-grid {
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .video-thumbnail-details-section .video-thumbnail-detils-grid {
    gap: 20px;
  }
}
@media (max-width: 576px) {
  .video-thumbnail-details-section .video-thumbnail-detils-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.video-thumbnail-details-section .video-thumbnail-detils-grid .browse-section {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}
.video-thumbnail-details-section .video-thumbnail-detils-grid .browse-section .browse-input {
  width: 125px;
  max-width: 125px;
  min-width: 125px;
}
.video-thumbnail-details-section .video-thumbnail-detils-grid .browse-section .browse-input .form-input {
  height: 40px;
  width: 100%;
  position: relative;
  border: 1px solid var(--input-border-color);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.video-thumbnail-details-section .video-thumbnail-detils-grid .browse-section .browse-input .form-input input[type=file] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 999;
  text-indent: 999px;
}
.video-thumbnail-details-section .video-thumbnail-detils-grid .browse-section .browse-input .form-input p {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 600;
  color: #e0e0e0;
  font-weight: 500;
}
.video-thumbnail-details-section .video-thumbnail-detils-grid .browse-section p {
  font-family: "Cabin", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  line-height: 16px;
  font-family: "Poppins", sans-serif;
  padding: 0;
  margin: 0;
  color: var(--black-color2);
}
.video-thumbnail-details-section .video-thumbnail-detils-grid .browse-name-alignment {
  padding: 16px 0 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.video-thumbnail-details-section .video-thumbnail-detils-grid .browse-name-alignment p {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  padding: 0;
  margin: 0;
  color: var(--black-color);
}
.video-thumbnail-details-section .video-thumbnail-detils-grid .browse-name-alignment p span {
  color: var(--file-color);
}
.video-thumbnail-details-section .video-thumbnail-detils-grid .browse-name-alignment .right-side-alignment {
  display: flex;
  align-items: center;
  gap: 20px;
}
.video-thumbnail-details-section .video-thumbnail-detils-grid .browse-name-alignment .right-side-alignment .option-icon {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.video-thumbnail-details-section .video-thumbnail-detils-grid .add-new {
  padding: 20px 0 0 0;
}
.video-thumbnail-details-section .video-thumbnail-detils-grid .add-new a {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  line-height: 19px;
  color: var(--course-menu-name);
  text-decoration: underline;
  cursor: pointer;
}
.video-thumbnail-details-section .notify-details-alignment {
  display: flex;
  align-items: center;
  gap: 8px;
}
.video-thumbnail-details-section .notify-details-alignment p {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  line-height: 19px;
  color: var(--option-name-text);
  padding: 0;
  margin: 0;
}
.video-thumbnail-details-section .notify-details-alignment .checkbox-alignment {
  position: relative;
  top: -9px;
}

.custom-import-sample-file-section a {
  cursor: pointer;
  padding: 6px 12px;
  font-family: "Cabin", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  color: var(--voilet-color) !important;
  display: flex;
  align-items: center;
  gap: 4px;
}

.common-two-grid-alignment {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px 80px;
}
@media (max-width: 1199px) {
  .common-two-grid-alignment {
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .common-two-grid-alignment {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}
@media (max-width: 576px) {
  .common-two-grid-alignment {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.common-two-grid-alignment.modal-grid-gap {
  gap: 16px;
}
@media (max-width: 1199px) {
  .common-two-grid-alignment.modal-grid-gap {
    grid-template-columns: repeat(1, 1fr);
  }
}

.custom-bottom-alignment {
  padding: 32px 16px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  background: var(--box-dark-color-bg);
}

.video-box-alignment {
  width: 100%;
  height: 306px;
  position: relative;
}
@media (max-width: 576px) {
  .video-box-alignment {
    height: 200px;
  }
}
.video-box-alignment img {
  width: 100%;
  height: 100%;
  border-radius: 20px;
  -o-object-fit: cover;
     object-fit: cover;
}
.video-box-alignment .play-icon-alignment {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 50%;
}

.video-right-side-content-alignment .video-right-side-details h4 {
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  color: var(--black-color2);
  padding: 0 0 8px 0;
  margin: 0;
}
@media (max-width: 576px) {
  .video-right-side-content-alignment .video-right-side-details h4 {
    font-size: 14px;
    line-height: 21px;
  }
}
.video-right-side-content-alignment .video-right-side-details p {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  color: var(--black-color5);
  padding: 0;
  margin: 0;
}
.video-right-side-content-alignment .video-right-side-details svg {
  cursor: pointer;
}

.time-details-alignment {
  display: grid;
  grid-template-columns: 121px 1fr;
  align-items: center;
  gap: 24px;
  position: relative;
  top: 8px;
}
.time-details-alignment .time-add-more-alignment a {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  color: var(--voilet-color) !important;
  display: block;
  cursor: pointer;
  text-decoration: underline;
}

.rating-alignment a {
  font-family: "Cabin", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  display: block;
  color: var(--voilet-color);
}

.attedence-alignment {
  border: 1px solid var(--voilet-color);
  border-radius: 8px;
  padding: 6px 12px;
  cursor: pointer;
  display: inline-block;
}
.attedence-alignment a {
  font-family: "Cabin", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  color: var(--voilet-color);
}

.common-four-grid-alignment {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 32px 80px;
}
@media (max-width: 1199px) {
  .common-four-grid-alignment {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .common-four-grid-alignment {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}
@media (max-width: 576px) {
  .common-four-grid-alignment {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

.media-gallery-section {
  margin: 24px 0 0 0;
}
.media-gallery-section .media-gallery-grid {
  display: grid;
  grid-template-columns: 272px 1fr;
  gap: 24px;
  position: relative;
}
@media (max-width: 767px) {
  .media-gallery-section .media-gallery-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}
.media-gallery-section .media-gallery-grid .media-gallery-grid-item .media-right-side .media-heading-details-alignment {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
  margin: 0 0 20px 0;
}
.media-gallery-section .media-gallery-grid .media-gallery-grid-item .media-right-side .media-heading-details-alignment .media-search-section {
  width: 280px;
  height: 30px;
  background: var(--table-gray-color-bg);
  border-radius: 20px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 16px;
}
@media (max-width: 767px) {
  .media-gallery-section .media-gallery-grid .media-gallery-grid-item .media-right-side .media-heading-details-alignment .media-search-section {
    width: auto;
    padding: 0 8px;
  }
}
.media-gallery-section .media-gallery-grid .media-gallery-grid-item .media-right-side .media-heading-details-alignment .media-search-section input {
  width: 100%;
  height: 100%;
  border: none;
  background: transparent;
  font-family: "Cabin", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  color: var(--black-color3);
  cursor: pointer;
}
.media-gallery-section .media-gallery-grid .media-gallery-grid-item .media-right-side .media-heading-details-alignment .media-search-section input::-moz-placeholder {
  color: var(--black-color3);
  opacity: 0.5;
}
.media-gallery-section .media-gallery-grid .media-gallery-grid-item .media-right-side .media-heading-details-alignment .media-search-section input::placeholder {
  color: var(--black-color3);
  opacity: 0.5;
}
.media-gallery-section .media-gallery-grid .media-gallery-grid-item .media-right-side .media-heading-details-alignment .media-search-section input:focus {
  outline: none;
}
@media (max-width: 767px) {
  .media-gallery-section .media-gallery-grid .media-gallery-grid-item .media-right-side .media-heading-details-alignment .media-search-section input {
    display: none;
  }
}
.media-gallery-section .media-gallery-grid .media-gallery-grid-item .media-right-side .media-details-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px 20px;
}
@media (max-width: 1199px) {
  .media-gallery-section .media-gallery-grid .media-gallery-grid-item .media-right-side .media-details-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 576px) {
  .media-gallery-section .media-gallery-grid .media-gallery-grid-item .media-right-side .media-details-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}

.gallery-edit-details .modal-dialog {
  max-width: 900px;
  width: 94%;
}
.gallery-edit-details .modal-dialog.select-project-modal {
  max-width: 442px;
}
.gallery-edit-details .modal-dialog.add-project-modal {
  max-width: 442px;
}
.gallery-edit-details .modal-dialog.edit-details-modal .media-gallery-body-alignment {
  padding: 16px;
  border: 1px solid var(--course-border-color);
}
.gallery-edit-details .modal-dialog.edit-details-modal .media-gallery-body-alignment .media-gallery-edit-details {
  margin: 24px 0 0 0;
}
.gallery-edit-details .modal-dialog.edit-details-modal .media-gallery-body-alignment .media-gallery-edit-details .media-gallery-project-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
@media (max-width: 767px) {
  .gallery-edit-details .modal-dialog.edit-details-modal .media-gallery-body-alignment .media-gallery-edit-details .media-gallery-project-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 576px) {
  .gallery-edit-details .modal-dialog.edit-details-modal .media-gallery-body-alignment .media-gallery-edit-details .media-gallery-project-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
.gallery-edit-details .modal-dialog.edit-details-modal .media-gallery-body-alignment .media-gallery-edit-details .media-gallery-project-grid .media-gallery-project-grid-item .gallery-box {
  background: var(--gray-color-bg);
  height: 104px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 8px;
  cursor: pointer;
}
.gallery-edit-details .modal-dialog.edit-details-modal .media-gallery-body-alignment .media-gallery-edit-details .media-gallery-project-grid .media-gallery-project-grid-item .gallery-box.add-new-project {
  background: var(--orange-color2);
}
.gallery-edit-details .modal-dialog.edit-details-modal .media-gallery-body-alignment .media-gallery-edit-details .media-gallery-project-grid .media-gallery-project-grid-item .gallery-box h6 {
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  font-weight: 500;
  color: var(--black-color);
}
@media (max-width: 576px) {
  .gallery-edit-details .modal-dialog {
    margin: 8px auto;
  }
}
.gallery-edit-details .modal-dialog .modal-header {
  padding: 24px 24px 0 24px;
}
@media (max-width: 576px) {
  .gallery-edit-details .modal-dialog .modal-header {
    padding: 16px 16px 0 16px;
  }
}
.gallery-edit-details .modal-dialog .modal-header h5 {
  font-family: "Raleway", sans-serif;
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  color: var(--black-color2);
  padding: 0;
  margin: 0;
}
@media (max-width: 576px) {
  .gallery-edit-details .modal-dialog .modal-header h5 {
    font-size: 20px;
    line-height: 26px;
  }
}
@media (max-width: 576px) {
  .gallery-edit-details .modal-dialog .modal-header h5 {
    font-size: 18px;
    line-height: 24px;
  }
}
.gallery-edit-details .modal-dialog .modal-header .close-icon-alignment {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--gray-color-bg);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.gallery-edit-details .modal-dialog .modal-body {
  padding: 24px;
}
@media (max-width: 576px) {
  .gallery-edit-details .modal-dialog .modal-body {
    padding: 16px;
  }
}
.gallery-edit-details .modal-dialog .modal-body .media-edit-grid {
  display: grid;
  grid-template-columns: 362px 1fr;
  gap: 40px;
}
@media (max-width: 1199px) {
  .gallery-edit-details .modal-dialog .modal-body .media-edit-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .gallery-edit-details .modal-dialog .modal-body .media-edit-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}
.gallery-edit-details .modal-dialog .modal-body .media-edit-grid .media-edit-grid-item .media-edit-video-alignment {
  width: 100%;
  height: 219px;
}
.gallery-edit-details .modal-dialog .modal-body .media-edit-grid .media-edit-grid-item .media-edit-video-alignment img {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 20px;
}
.gallery-edit-details .modal-dialog .modal-body .select-project-box {
  background: var(--gray-color-bg);
  border-radius: 16px;
  width: 100%;
  height: 218px;
  padding: 12px;
}
.gallery-edit-details .modal-dialog .modal-body .select-project-box .folder-details-alignment .select-project-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
}
.gallery-edit-details .modal-dialog .modal-body .select-project-box .folder-details-alignment .select-project-main .refresh-icon-alignment {
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.gallery-edit-details .modal-dialog .modal-body .select-project-box .folder-details-alignment .select-project-main .select-folder-main-name-alignment {
  display: flex;
  align-items: center;
  gap: 10px;
}
.gallery-edit-details .modal-dialog .modal-body .select-project-box .folder-details-alignment .select-project-main .select-folder-main-name-alignment h6 {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
  color: var(--black-color2);
  padding: 0;
  margin: 0;
}
.gallery-edit-details .modal-dialog .modal-body .select-project-box .folder-details-alignment .child-folder-name-alignment {
  padding: 10px 16px;
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}
.gallery-edit-details .modal-dialog .modal-body .select-project-box .folder-details-alignment .child-folder-name-alignment p {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
  padding: 0;
  margin: 0;
  color: var(--course-list-name-color);
}
.gallery-edit-details .modal-dialog .modal-body .add-project-details-section {
  padding: 0 16px;
}

.add-collection-border {
  border: 1px solid var(--course-border-color);
  border-radius: 8px;
  padding: 10px;
}

.category-alignment {
  display: none;
}
@media (max-width: 767px) {
  .category-alignment {
    display: block;
  }
}

@media (max-width: 767px) {
  .media-left-side {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    width: 272px;
    transform: translateX(-200%);
  }
  .media-left-side.open {
    transform: translateX(0);
    transition: all 0.4s ease-in-out;
  }
}
.media-left-side .sidebar-box-alignment {
  background: var(--gray-color-bg);
  padding: 16px 16px 11px 16px;
  border-radius: 16px;
}
.media-left-side .sidebar-box-alignment .sidebar-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0 16px 0;
  border-bottom: 1px solid var(--course-active-menu-border);
}
.media-left-side .sidebar-box-alignment .sidebar-heading h4 {
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  font-weight: 600;
  color: var(--course-list-name-color);
  padding: 0;
  margin: 0;
}
@media (max-width: 576px) {
  .media-left-side .sidebar-box-alignment .sidebar-heading h4 {
    font-size: 14px;
    line-height: 21px;
  }
}
.media-left-side .sidebar-box-alignment .sidebar-menu-alignment {
  padding: 11px 0 0 0;
}
.media-left-side .sidebar-box-alignment .sidebar-menu-alignment ul {
  padding: 0;
  margin: 0;
}
.media-left-side .sidebar-box-alignment .sidebar-menu-alignment ul li {
  padding: 12px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 500;
  color: var(--black-color);
  cursor: pointer;
}
.media-left-side .sidebar-option-alignment {
  padding: 16px 0;
}

.video-editore-left-side-box {
  background: var(--white-color2);
}
.video-editore-left-side-box .video-editore-heding-alignment {
  padding: 16px;
  background: var(--course-menu-bg);
  border-radius: 16px 16px 0 0;
  display: flex;
  align-items: center;
  gap: 16px;
}
.video-editore-left-side-box .video-editore-heding-alignment .right-arrow-alignment {
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.video-editore-left-side-box .video-editore-heding-alignment h4 {
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  color: var(--black-color2);
  padding: 0;
  margin: 0;
}
.video-editore-left-side-box .video-option-details-alignment {
  padding: 16px;
  border-bottom: 1px solid var(--course-active-menu-border);
}
.video-editore-left-side-box .video-option-details-alignment span {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
  color: var(--text-color);
  display: block;
  padding: 0 0 4px 0;
}
.video-editore-left-side-box .video-option-details-alignment h6 {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  color: var(--black-color2);
  padding: 0;
  margin: 0;
}
@media (max-width: 576px) {
  .video-editore-left-side-box .video-option-details-alignment h6 {
    font-size: 14px;
    line-height: 21px;
  }
}
.video-editore-left-side-box .video-option-details-alignment .video-option-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}
.video-editore-left-side-box .video-option-details-alignment .video-option-grid .video-option-grid-item {
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: relative;
  transition: 0.4s ease-in-out;
}
.video-editore-left-side-box .video-option-details-alignment .video-option-grid .video-option-grid-item p {
  padding: 0;
  margin: 0;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 500;
  color: var(--black-color);
}
.video-editore-left-side-box .video-option-details-alignment .video-option-grid .video-option-grid-item:hover {
  transition: 0.4s ease-in-out;
}
.video-editore-left-side-box .video-option-details-alignment .video-option-grid .video-option-grid-item:hover::before {
  content: "";
  position: absolute;
  bottom: -16px;
  left: 0;
  width: 100%;
  height: 2px;
  background: var(--voilet-color);
}

.accordion-all-border-raduis {
  border-radius: 16px !important;
}

.top-raduis {
  border-radius: 16px !important;
}
.top-raduis .accordion-header {
  border-radius: 16px 16px 0 0 !important;
}

.top-raduis-second {
  border-radius: 16px 16px 0 0 !important;
}
.top-raduis-second .accordion-header {
  border-radius: 16px 16px 0 0 !important;
}

.dragging {
  opacity: 0.5;
}

.over {
  border: 2px dashed #000;
}

.student-view-section {
  padding: 40px 22px;
}
.student-view-section .content-creator-section .content-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0 32px 0;
}
.student-view-section .content-creator-section .content-heading h1 {
  font-family: "Poppins", sans-serif;
  font-size: 22px;
  line-height: 30px;
  font-weight: 700;
  color: var(--black-color);
}
.student-view-section .content-creator-section .content-creator-grid {
  display: grid;
  grid-template-columns: 1fr 264px;
  gap: 24px;
}
@media (max-width: 1199px) {
  .student-view-section .content-creator-section .content-creator-grid {
    grid-template-columns: 1fr;
  }
}
.student-view-section .content-creator-section .content-creator-grid .content-creator-grid-item.content-creator-height {
  height: 274px;
}
.student-view-section .content-creator-section .content-creator-grid .content-creator-grid-item .content-box-alignment {
  background: var(--gray-color-bg);
  border-radius: 24px;
}
.student-view-section .content-creator-section .content-creator-grid .content-creator-grid-item .content-box-alignment .content-box-top-details {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
  background: #5b507a;
  border-radius: 20px;
  padding: 16px;
}
.student-view-section .content-creator-section .content-creator-grid .content-creator-grid-item .content-box-alignment .content-box-top-details .content-profile-alignment {
  display: flex;
  align-items: center;
  gap: 8px;
}
.student-view-section .content-creator-section .content-creator-grid .content-creator-grid-item .content-box-alignment .content-box-top-details .content-profile-alignment .content-profile {
  width: 60px;
  height: 60px;
}
.student-view-section .content-creator-section .content-creator-grid .content-creator-grid-item .content-box-alignment .content-box-top-details .content-profile-alignment .content-profile img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  object-fit: cover;
}
.student-view-section .content-creator-section .content-creator-grid .content-creator-grid-item .content-box-alignment .content-box-top-details .content-profile-alignment .content-profile-names h6 {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  color: #fff;
  padding: 0 0 3px 0;
  margin: 0;
}
@media (max-width: 576px) {
  .student-view-section .content-creator-section .content-creator-grid .content-creator-grid-item .content-box-alignment .content-box-top-details .content-profile-alignment .content-profile-names h6 {
    font-size: 14px;
    line-height: 21px;
  }
}
.student-view-section .content-creator-section .content-creator-grid .content-creator-grid-item .content-box-alignment .content-box-top-details .content-profile-alignment .content-profile-names p {
  font-family: "Cabin", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  font-family: "Inter", sans-serif;
  color: #fff;
  padding: 0 0 3px 0;
  margin: 0;
}
.student-view-section .content-creator-section .content-creator-grid .content-creator-grid-item .content-box-alignment .content-box-top-details .content-profile-alignment .content-profile-names span {
  display: inline-block;
  padding: 3px 5px;
  background: var(--active-bg-color);
  font-family: "Poppins", sans-serif;
  font-size: 8px;
  line-height: 11px;
  font-weight: 400;
  color: #1b2021;
  border-radius: 10px;
}
.student-view-section .content-creator-section .content-creator-grid .content-creator-grid-item .content-box-alignment .content-box-top-details .content-right-main-side-alignment {
  display: flex;
  align-items: center;
  gap: 18px;
}
.student-view-section .content-creator-section .content-creator-grid .content-creator-grid-item .content-box-alignment .content-box-top-details .content-right-main-side-alignment .child-details-alignment {
  display: flex;
  align-items: center;
  gap: 9px;
}
.student-view-section .content-creator-section .content-creator-grid .content-creator-grid-item .content-box-alignment .content-box-top-details .content-right-main-side-alignment .child-details-alignment .prize-details-alignment span {
  font-family: Poppins;
  font-size: 10px;
  font-weight: 400;
  line-height: 14px;
  display: block;
  color: #bcb7c8;
}
.student-view-section .content-creator-section .content-creator-grid .content-creator-grid-item .content-box-alignment .content-box-top-details .content-right-main-side-alignment .child-details-alignment .prize-details-alignment P {
  padding: 0;
  margin: 0;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  font-weight: 500;
  color: #fff;
}
@media (max-width: 576px) {
  .student-view-section .content-creator-section .content-creator-grid .content-creator-grid-item .content-box-alignment .content-box-top-details .content-right-main-side-alignment .child-details-alignment .prize-details-alignment P {
    font-size: 14px;
    line-height: 21px;
  }
}
.student-view-section .content-creator-section .content-creator-grid .content-creator-grid-item .content-box-alignment .content-box-bottom-details {
  padding: 16px;
}
.student-view-section .content-creator-section .content-creator-grid .content-creator-grid-item .content-box-alignment .content-box-bottom-details .content-box-grid-alignment {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media (max-width: 1199px) {
  .student-view-section .content-creator-section .content-creator-grid .content-creator-grid-item .content-box-alignment .content-box-bottom-details .content-box-grid-alignment {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 767px) {
  .student-view-section .content-creator-section .content-creator-grid .content-creator-grid-item .content-box-alignment .content-box-bottom-details .content-box-grid-alignment {
    grid-template-columns: repeat(1, 1fr);
  }
}
.student-view-section .content-creator-section .content-creator-grid .content-creator-grid-item .content-right-side-alignment {
  background: var(--gray-color-bg);
  padding: 20px;
  border-radius: 24px;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.student-view-section .content-creator-section .content-creator-grid .content-creator-grid-item .content-right-side-alignment.second-content-creator {
  height: 274px;
}
.student-view-section .content-creator-section .content-creator-grid .content-creator-grid-item .content-right-side-alignment .content-right-img {
  width: 60px;
  height: 60px;
  margin: 0 auto;
}
.student-view-section .content-creator-section .content-creator-grid .content-creator-grid-item .content-right-side-alignment .content-right-img img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.student-view-section .content-creator-section .content-creator-grid .content-creator-grid-item .content-right-side-alignment h6 {
  margin: 12px 0 0 0;
  font-family: "Poppins";
  font-size: 17px;
  font-weight: 600;
  line-height: 23.8px;
  letter-spacing: 0.5px;
  text-align: center;
  color: var(--black-color2);
}
.student-view-section .content-creator-section .content-creator-grid .content-creator-grid-item .content-right-side-alignment span {
  display: block;
  margin: 4px 0 0 0;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  line-height: 16px;
  color: var(--black-color3);
}

.video-details-alignment .video-details-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media (max-width: 767px) {
  .video-details-alignment .video-details-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 576px) {
  .video-details-alignment .video-details-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}

.range-line-alignment {
  width: 94px;
  height: 7px;
  border-radius: 10px;
  background: var(--range-line-bg-color);
  position: relative;
}
.range-line-alignment .active-range {
  position: absolute;
  top: 0;
  left: 0;
  width: 47px;
  height: 100%;
  background: var(--range-active-line-bg-color);
  border-radius: 10px;
}

.courses-details-section {
  width: 225px;
}
.courses-details-section .course-top-details-img {
  width: 100%;
  height: 138px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--grey-color2);
}
.courses-details-section .course-top-details-img img {
  width: 58px;
  height: 58px;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 20px;
}
.courses-details-section .course-bottom-details-alignment {
  padding: 12px 0 0 0;
}
.courses-details-section .course-bottom-details-alignment .bottom-tag-alignment {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
}
.courses-details-section .course-bottom-details-alignment .bottom-tag-alignment .tag-box {
  padding: 7px 12px;
  background: var(--bg-label);
  border-radius: 10px;
}
.courses-details-section .course-bottom-details-alignment .bottom-tag-alignment .tag-box span {
  font-family: "Poppins";
  font-size: 10px;
  font-weight: 500;
  line-height: 14px;
  color: var(--white-color);
  display: block;
}
.courses-details-section .course-bottom-details-alignment .courses-details-alignment {
  padding: 12px 0 0 0;
}
.courses-details-section .course-bottom-details-alignment .courses-details-alignment h6 {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  line-height: 23px;
  font-weight: 600;
  letter-spacing: 0.5px;
  color: var(--black-color);
  margin: 0;
  padding: 0 0 4px 0;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.courses-details-section .course-bottom-details-alignment .courses-details-alignment p {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  color: var(--black-color);
  padding: 4px 0 0 0;
  margin: 0;
  display: -webkit-box;
  max-width: 225px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.courses-details-section .course-bottom-details-alignment .courses-details-alignment span {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  font-weight: 600;
  color: var(--black-color);
  display: block;
  padding: 4px 0 0 0;
}
.courses-details-section .course-bottom-details-alignment .courses-range-alignment {
  margin: 12px 0 0 0;
  display: flex;
  align-items: center;
  gap: 4px;
}
.courses-details-section .course-bottom-details-alignment .courses-range-alignment span {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  font-weight: 600;
  color: var(--black-color);
}

.company-assets-section .company-assets-box-alignment {
  background: var(--company-assests-bg-color);
  padding: 42px 28px;
  border-radius: 40px;
}
.company-assets-section .company-assets-box-alignment .company-assets-grid {
  display: grid;
  grid-template-columns: 272px 1fr;
  gap: 16px;
  align-items: center;
}
@media (max-width: 1199px) {
  .company-assets-section .company-assets-box-alignment .company-assets-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}
.company-assets-section .company-assets-box-alignment .company-assets-grid .company-assets-left-alignment h4 {
  font-family: "Raleway", sans-serif;
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
  color: #fff;
  padding: 0 0 8px 0;
  margin: 0;
}
@media (max-width: 1279px) {
  .company-assets-section .company-assets-box-alignment .company-assets-grid .company-assets-left-alignment h4 {
    font-size: 18px;
    line-height: 24px;
  }
}
@media (max-width: 576px) {
  .company-assets-section .company-assets-box-alignment .company-assets-grid .company-assets-left-alignment h4 {
    font-size: 16px;
    line-height: 21px;
  }
}
.company-assets-section .company-assets-box-alignment .company-assets-grid .company-assets-left-alignment p {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 500;
  color: #ffffff;
  padding: 0;
  margin: 0;
}
.company-assets-section .company-assets-box-alignment .company-assets-grid .company-assets-left-alignment .assets-add-new {
  padding: 24px 0 0 0;
}
.company-assets-section .company-assets-box-alignment .company-assets-grid .company-assets-left-alignment .assets-add-new a {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  font-family: "Raleway", sans-serif;
  color: #eeb543;
  text-decoration: underline;
  cursor: pointer;
}
@media (max-width: 576px) {
  .company-assets-section .company-assets-box-alignment .company-assets-grid .company-assets-left-alignment .assets-add-new a {
    font-size: 14px;
    line-height: 21px;
  }
}
.company-assets-section .company-assets-box-alignment .company-assets-grid .company-assets-right-alignment .company-assets-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media (max-width: 767px) {
  .company-assets-section .company-assets-box-alignment .company-assets-grid .company-assets-right-alignment .company-assets-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}
.company-assets-section .company-assets-box-alignment .company-assets-grid .company-assets-right-alignment .company-assets-grid .company-assets-grid-item {
  background: var(--white-color2);
  border-radius: 20px;
  width: 100%;
  height: 152px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.company-assets-section .company-assets-box-alignment .company-assets-grid .company-assets-right-alignment .company-assets-grid .company-assets-grid-item .company-assets-bottom-details {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 4px;
}
.company-assets-section .company-assets-box-alignment .company-assets-grid .company-assets-right-alignment .company-assets-grid .company-assets-grid-item .company-assets-bottom-details .bottom-right-side-details h5 {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  color: var(--black-color2);
  padding: 0 0 4px 0;
  margin: 0;
}
@media (max-width: 576px) {
  .company-assets-section .company-assets-box-alignment .company-assets-grid .company-assets-right-alignment .company-assets-grid .company-assets-grid-item .company-assets-bottom-details .bottom-right-side-details h5 {
    font-size: 14px;
    line-height: 21px;
  }
}
.company-assets-section .company-assets-box-alignment .company-assets-grid .company-assets-right-alignment .company-assets-grid .company-assets-grid-item .company-assets-bottom-details .bottom-right-side-details p {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  padding: 0;
  margin: 0;
  color: var(--black-color);
}
.company-assets-section .company-assets-box-alignment .company-assets-grid .company-assets-right-alignment .company-assets-grid .company-assets-grid-item .company-assets-bottom-details .icon-alignment {
  cursor: pointer;
}

.microlearning-courses-section .microlearning-courses-img {
  width: 100%;
  height: 261px;
  background: var(--box-bg);
  border-radius: 20px;
  position: relative;
}
.microlearning-courses-section .microlearning-courses-img img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 16px;
}
.microlearning-courses-section .microlearning-courses-img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 39.1%, rgba(0, 0, 0, 0.7) 78.96%);
  border-radius: 20px;
  z-index: 9;
}
.microlearning-courses-section .microlearning-courses-img .play-button-alignment {
  position: absolute;
  right: 18px;
  bottom: 18px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #edb443;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 99;
}
.microlearning-courses-section .microlearning-courses-img .play-button-alignment img {
  width: 10px;
  height: 13px;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}
.microlearning-courses-section .microlearning-bottom-details {
  text-align: left;
  padding: 16px 0 0 0;
}
.microlearning-courses-section .microlearning-bottom-details h4 {
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  color: var(--black-color);
  padding: 0 0 4px 0;
  margin: 0;
}
@media (max-width: 576px) {
  .microlearning-courses-section .microlearning-bottom-details h4 {
    font-size: 14px;
    line-height: 21px;
  }
}
.microlearning-courses-section .microlearning-bottom-details p {
  font-family: "Cabin", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  color: var(--black-color);
  padding: 0;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.podcasts-details-alignment {
  padding: 15px 0 0 0;
}
.podcasts-details-alignment .podcasts-grid-alignment {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
}
@media (max-width: 1199px) {
  .podcasts-details-alignment .podcasts-grid-alignment {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 576px) {
  .podcasts-details-alignment .podcasts-grid-alignment {
    grid-template-columns: repeat(1, 1fr);
  }
}
.podcasts-details-alignment .podcasts-grid-alignment .podcasts-grid-item {
  background: var(--gray-color-bg);
  width: 100%;
  border-radius: 16px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.podcasts-details-alignment .podcasts-grid-alignment .podcasts-grid-item .podcast-left-side {
  display: grid;
  grid-template-columns: 60px 1fr;
  align-items: center;
  gap: 16px;
}
@media (max-width: 767px) {
  .podcasts-details-alignment .podcasts-grid-alignment .podcasts-grid-item .podcast-left-side {
    grid-template-columns: 50px 1fr;
  }
}
.podcasts-details-alignment .podcasts-grid-alignment .podcasts-grid-item .podcast-left-side .podcast-icon {
  width: 100%;
  height: 60px;
  border-radius: 12px;
}
@media (max-width: 767px) {
  .podcasts-details-alignment .podcasts-grid-alignment .podcasts-grid-item .podcast-left-side .podcast-icon {
    height: 50px;
  }
}
.podcasts-details-alignment .podcasts-grid-alignment .podcasts-grid-item .podcast-left-side .podcast-icon img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
}
.podcasts-details-alignment .podcasts-grid-alignment .podcasts-grid-item .podcast-left-side .podcast-name-alignment h4 {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  color: var(--black-color2);
  padding: 0 0 4px 0;
  margin: 0;
}
@media (max-width: 576px) {
  .podcasts-details-alignment .podcasts-grid-alignment .podcasts-grid-item .podcast-left-side .podcast-name-alignment h4 {
    font-size: 14px;
    line-height: 21px;
  }
}
.podcasts-details-alignment .podcasts-grid-alignment .podcasts-grid-item .podcast-left-side .podcast-name-alignment p {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  line-height: 16px;
  color: var(--black-color);
  padding: 0 0 4px 0;
  margin: 0;
}
.podcasts-details-alignment .podcasts-grid-alignment .podcasts-grid-item .podcast-left-side .podcast-name-alignment span {
  display: block;
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  line-height: 16px;
  color: var(--grey-color);
}
.podcasts-details-alignment .podcasts-grid-alignment .podcasts-grid-item .podcast-right-side .play-button-alignment {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #edb443;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.podcasts-details-alignment .podcasts-grid-alignment .podcasts-grid-item .podcast-right-side .play-button-alignment img {
  width: 10px;
  height: 13px;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}

.other-courses-grid-alignment {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px 24px;
  margin: 20px 0 0 0;
}
@media (max-width: 1199px) {
  .other-courses-grid-alignment {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 767px) {
  .other-courses-grid-alignment {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 576px) {
  .other-courses-grid-alignment {
    grid-template-columns: repeat(1, 1fr);
  }
}
.video-details-grid-item.video-detail-width {
  width: 225px;
}
.video-details-grid-item .video-view-alignment {
  width: 100%;
  height: 138px;
  background: var(--box-bg);
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
}
.video-details-grid-item .video-view-alignment video {
  width: 100%;
  height: 100%;
  border-radius: 20px;
  background-size: cover;
  display: block;
}
.video-details-grid-item .video-view-alignment img {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  background-size: cover;
  display: block;
}
.video-details-grid-item .video-view-alignment .wishlist-alignment {
  position: absolute;
  top: 8px;
  right: 8px;
}
.video-details-grid-item .video-view-alignment .video-name-label-box {
  position: absolute;
  top: 8px;
  left: 8px;
}
.video-details-grid-item .video-view-alignment .video-name-label-box .video-label-box {
  padding: 7px 12px;
  background: var(--bg-label);
  border-radius: 10px;
}
.video-details-grid-item .video-view-alignment .video-name-label-box .video-label-box span {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  display: block;
  color: var(--white-color);
}
.video-details-grid-item h4 {
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  color: var(--black-color2);
  padding: 0 0 5px 0;
  margin: 0;
}
@media (max-width: 576px) {
  .video-details-grid-item h4 {
    font-size: 14px;
    line-height: 21px;
  }
}
.video-details-grid-item p {
  font-family: "Cabin", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  color: var(--black-color3);
  padding: 0;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.sales-zero-to-hero-section {
  background: url("../images/side-img2.png");
  border-radius: 20px;
  padding: 16px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 1199px) {
  .sales-zero-to-hero-section {
    width: 100%;
    height: 400px;
  }
}
.sales-zero-to-hero-section .sales-zero-top-grid-alignment {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 8px;
}
.sales-zero-to-hero-section .sales-zero-top-grid-alignment .sales-zero-top-grid-item {
  width: 100%;
  height: 4px;
  background: rgba(255, 255, 255, 0.5019607843);
  border-radius: 10px;
}
.sales-zero-to-hero-section .sales-zero-top-bottom-alignment {
  display: grid;
  grid-template-columns: 1fr 36px;
  gap: 16px;
}
.sales-zero-to-hero-section .sales-zero-top-bottom-alignment .sales-zero-top-bottom-left .label-box-alignment span {
  display: inline-block;
  padding: 7px 12px;
  border-radius: 10px;
  font-size: 10px;
  line-height: 14px;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
  color: #1b2021;
  background: #eeb543;
}
.sales-zero-to-hero-section .sales-zero-top-bottom-alignment .sales-zero-top-bottom-left .sales-zero-top-bottom-name-alignment {
  padding: 12px 0 0 0;
}
.sales-zero-to-hero-section .sales-zero-top-bottom-alignment .sales-zero-top-bottom-left .sales-zero-top-bottom-name-alignment h6 {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  padding: 0;
  margin: 0;
  color: #fff;
  cursor: pointer;
}
@media (max-width: 576px) {
  .sales-zero-to-hero-section .sales-zero-top-bottom-alignment .sales-zero-top-bottom-left .sales-zero-top-bottom-name-alignment h6 {
    font-size: 14px;
    line-height: 21px;
  }
}
.sales-zero-to-hero-section .sales-zero-top-bottom-alignment .sales-zero-top-bottom-left .sales-zero-top-bottom-name-alignment p {
  padding: 4px 0 0 0;
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  line-height: 16px;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: initial;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.sales-zero-to-hero-section .sales-zero-top-bottom-alignment .sales-zero-top-bottom-right img {
  cursor: pointer;
}

.cursur-pointer {
  cursor: pointer;
}

.input-error {
  font-family: "Cabin", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  display: block;
  padding: 6px 0 0 0;
  color: red;
}

.leaderBoard-details-alignment {
  margin: 15px 0 0 0;
}
.leaderBoard-details-alignment .leaderBoard-box-alignment {
  background: var(--gray-color-bg);
  border-radius: 16px;
  padding: 16px;
}
.leaderBoard-details-alignment .leaderBoard-box-alignment .you-box-alignment {
  padding: 16px;
  background: #5b507a;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.leaderBoard-details-alignment .leaderBoard-box-alignment .you-box-alignment .you-box-left-side-alignment {
  display: flex;
  align-items: center;
  gap: 32px;
}
.leaderBoard-details-alignment .leaderBoard-box-alignment .you-box-alignment .you-box-left-side-alignment span {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  font-weight: 500;
  color: #fff;
  display: block;
}
.leaderBoard-details-alignment .leaderBoard-box-alignment .you-box-alignment .you-box-left-side-alignment .name-box-alignment {
  width: 40px;
  height: 40px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.leaderBoard-details-alignment .leaderBoard-box-alignment .you-box-alignment .you-box-left-side-alignment .name-box-alignment span {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  font-weight: 500;
  color: #686868;
}
@media (max-width: 576px) {
  .leaderBoard-details-alignment .leaderBoard-box-alignment .you-box-alignment .you-box-left-side-alignment .name-box-alignment span {
    font-size: 14px;
    line-height: 21px;
  }
}
.leaderBoard-details-alignment .leaderBoard-box-alignment .you-box-alignment .you-box-left-side-alignment p {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  color: #fff;
  font-weight: 500;
  padding: 0;
  margin: 0;
}
@media (max-width: 576px) {
  .leaderBoard-details-alignment .leaderBoard-box-alignment .you-box-alignment .you-box-left-side-alignment p {
    font-size: 14px;
    line-height: 21px;
  }
}
.leaderBoard-details-alignment .leaderBoard-box-alignment .you-box-alignment .you-box-right-side-alignment {
  display: flex;
  align-items: center;
  gap: 8px;
}
.leaderBoard-details-alignment .leaderBoard-box-alignment .you-box-alignment .you-box-right-side-alignment h6 {
  padding: 0;
  margin: 0;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 500;
  letter-spacing: 0.5px;
  color: #fff;
  line-height: 21px;
}
.leaderBoard-details-alignment .leaderBoard-box-alignment .leaderBoard-bottom-details-alignment {
  margin: 24px 0 0 0;
}
.leaderBoard-details-alignment .leaderBoard-box-alignment .leaderBoard-bottom-details-alignment .leaderBoard-details-box {
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 20px;
  background: var(--leader-odd-bg-bolor);
  margin: 0 0 8px 0;
}
.leaderBoard-details-alignment .leaderBoard-box-alignment .leaderBoard-bottom-details-alignment .leaderBoard-details-box:nth-child(even) {
  background: var(--leader-even-bg-color);
}
.leaderBoard-details-alignment .leaderBoard-box-alignment .leaderBoard-bottom-details-alignment .leaderBoard-details-box .leaderBoard-left-side-alignment {
  display: flex;
  align-items: center;
  gap: 12px;
}
.leaderBoard-details-alignment .leaderBoard-box-alignment .leaderBoard-bottom-details-alignment .leaderBoard-details-box .leaderBoard-left-side-alignment span {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  font-weight: 500;
  color: var(--black-color2);
  display: block;
}
.leaderBoard-details-alignment .leaderBoard-box-alignment .leaderBoard-bottom-details-alignment .leaderBoard-details-box .leaderBoard-left-side-alignment .name-box-alignment {
  width: 40px;
  height: 40px;
  background: #d9d9d9;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.leaderBoard-details-alignment .leaderBoard-box-alignment .leaderBoard-bottom-details-alignment .leaderBoard-details-box .leaderBoard-left-side-alignment .name-box-alignment span {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  font-weight: 500;
  color: #a2a4a4;
}
@media (max-width: 576px) {
  .leaderBoard-details-alignment .leaderBoard-box-alignment .leaderBoard-bottom-details-alignment .leaderBoard-details-box .leaderBoard-left-side-alignment .name-box-alignment span {
    font-size: 14px;
    line-height: 21px;
  }
}
.leaderBoard-details-alignment .leaderBoard-box-alignment .leaderBoard-bottom-details-alignment .leaderBoard-details-box .leaderBoard-left-side-alignment p {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  color: var(--black-color2);
  font-weight: 500;
  padding: 0;
  margin: 0;
}
@media (max-width: 576px) {
  .leaderBoard-details-alignment .leaderBoard-box-alignment .leaderBoard-bottom-details-alignment .leaderBoard-details-box .leaderBoard-left-side-alignment p {
    font-size: 14px;
    line-height: 21px;
  }
}
.leaderBoard-details-alignment .leaderBoard-box-alignment .leaderBoard-bottom-details-alignment .leaderBoard-details-box .leaderBoard-right-side-alignment {
  display: flex;
  align-items: center;
  gap: 8px;
}
.leaderBoard-details-alignment .leaderBoard-box-alignment .leaderBoard-bottom-details-alignment .leaderBoard-details-box .leaderBoard-right-side-alignment h6 {
  padding: 0;
  margin: 0;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 500;
  letter-spacing: 0.5px;
  color: var(--black-color);
  line-height: 21px;
}

.content-creator-other-grid-alignment {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 80px;
}
@media (max-width: 576px) {
  .content-creator-other-grid-alignment {
    grid-template-columns: repeat(1, 1fr);
    gap: 32px;
  }
}
.content-creator-other-grid-alignment .content-creator-other-grid-item .content-heading {
  max-width: 352px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.content-creator-other-grid-alignment .content-creator-other-grid-item .content-heading h1 {
  font-family: "Poppins", sans-serif;
  font-size: 22px;
  line-height: 30px;
  font-weight: 700;
  color: var(--black-color);
}
.content-creator-other-grid-alignment .content-creator-other-grid-item .content-creator-learning-path-alignment {
  padding: 16px 0 0 0;
}
.content-creator-other-grid-alignment .content-creator-other-grid-item .content-creator-learning-path-alignment .content-creator-sales-hero-alignment {
  margin: 0 0 24px 0;
}
.content-creator-other-grid-alignment .content-creator-other-grid-item .content-creator-learning-path-alignment .content-creator-sales-hero-alignment:last-child {
  margin: 0;
}
.content-creator-other-grid-alignment .content-creator-other-grid-item .content-creator-learning-path-alignment .content-creator-sales-hero-alignment .content-creator-flex-alignment {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.content-creator-other-grid-alignment .content-creator-other-grid-item .content-creator-learning-path-alignment .content-creator-sales-hero-alignment .content-creator-flex-alignment p {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  padding: 0;
  margin: 0;
  color: var(--black-color2);
}
.content-creator-other-grid-alignment .content-creator-other-grid-item .content-creator-learning-path-alignment .content-creator-sales-hero-alignment .content-creator-flex-alignment span {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  line-height: 21px;
  opacity: 0.5;
  color: var(--black-color2);
}
.content-creator-other-grid-alignment .content-creator-other-grid-item .content-creator-learning-path-alignment .content-creator-sales-hero-alignment .range-line-alignment {
  width: 94px;
  height: 7px;
  border-radius: 10px;
  background: rgba(124, 124, 124, 0.2);
  position: relative;
}
.content-creator-other-grid-alignment .content-creator-other-grid-item .content-creator-learning-path-alignment .content-creator-sales-hero-alignment .range-line-alignment .active-range {
  position: absolute;
  top: 0;
  left: 0;
  width: 47px;
  height: 100%;
  background: #7c7c7c;
  border-radius: 10px;
}

.content-creator-statistics-grid {
  display: grid;
  grid-template-columns: 1fr 132px;
  gap: 32px;
}
.content-creator-statistics-grid .content-creator-statistics-grid-item .statistics-child {
  display: grid;
  grid-template-columns: 34px 1fr;
  gap: 10px;
  margin: 0 0 16px 0;
}
.content-creator-statistics-grid .content-creator-statistics-grid-item .statistics-child .statistics-child-item .statistics-icon-box {
  width: 100%;
  height: 34px;
  border-radius: 50%;
  background: #484848;
  display: flex;
  align-items: center;
  justify-content: center;
}
.content-creator-statistics-grid .content-creator-statistics-grid-item .statistics-child .statistics-child-item h6 {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  font-weight: 500;
  padding: 0 0 6px 0;
  margin: 0;
  color: var(--grey-color);
}
.content-creator-statistics-grid .content-creator-statistics-grid-item .statistics-child .statistics-child-item p {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  font-weight: 600;
  padding: 0;
  margin: 0;
  color: var(--black-color2);
  letter-spacing: 0.3px;
}
.content-creator-statistics-grid .content-creator-statistics-grid-item .statistics-child:nth-child(2) .statistics-child-item .statistics-icon-box {
  background: #808080;
}
.content-creator-statistics-grid .content-creator-statistics-grid-item .statistics-child:nth-child(3) .statistics-child-item .statistics-icon-box {
  background: #a4a4a4;
}

.add-new-courses .add-new-courses-box {
  border: 1px dashed var(--black-color);
  border-radius: 16px;
  background: var(--gray-color-bg);
  width: 100%;
  height: 138px;
  width: 138px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.add-new-courses h6 {
  padding: 12px 0 0 0;
  font-family: "Poppins";
  font-size: 17px;
  font-weight: 600;
  line-height: 23.8px;
  letter-spacing: 0.5px;
  text-align: left;
  color: var(--black-color);
}

.contentcreatoer-details-section .contentcreator-banner-alignmet {
  width: 100%;
  height: 225px;
  position: relative;
}
.contentcreatoer-details-section .contentcreator-banner-alignmet img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  border-radius: 0;
}
.contentcreatoer-details-section .contentcreator-banner-alignmet::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
}
.contentcreatoer-details-section .contentcreator-all-details-alignment {
  margin: -50px 0 0 16px;
  position: relative;
  z-index: 99;
}
@media (max-width: 767px) {
  .contentcreatoer-details-section .contentcreator-all-details-alignment {
    margin: -50px 0 0 0;
  }
}
.contentcreatoer-details-section .contentcreator-all-details-alignment .contentcreator-banner-profile-alignment {
  display: flex;
  align-items: flex-end;
  gap: 20px;
}
@media (max-width: 767px) {
  .contentcreatoer-details-section .contentcreator-all-details-alignment .contentcreator-banner-profile-alignment {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.contentcreatoer-details-section .contentcreator-all-details-alignment .contentcreator-banner-profile-alignment .banner-profile-img {
  width: 272px;
  height: 158px;
}
.contentcreatoer-details-section .contentcreator-all-details-alignment .contentcreator-banner-profile-alignment .banner-profile-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border: 7px solid #ffffff;
  border-radius: 16px;
}
.contentcreatoer-details-section .contentcreator-all-details-alignment .contentcreator-banner-profile-alignment .banner-profile-all-details-alignment h1 {
  font-family: "Raleway", sans-serif;
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  padding: 0 0 12px 0;
  margin: 0;
  color: var(--black-color2);
}
@media (max-width: 576px) {
  .contentcreatoer-details-section .contentcreator-all-details-alignment .contentcreator-banner-profile-alignment .banner-profile-all-details-alignment h1 {
    font-size: 20px;
    line-height: 26px;
  }
}
@media (max-width: 576px) {
  .contentcreatoer-details-section .contentcreator-all-details-alignment .contentcreator-banner-profile-alignment .banner-profile-all-details-alignment h1 {
    font-size: 18px;
    line-height: 24px;
  }
}
.contentcreatoer-details-section .contentcreator-all-details-alignment .contentcreator-notes-alignment {
  padding: 20px 0 0 0;
}
@media (max-width: 1279px) {
  .contentcreatoer-details-section .contentcreator-all-details-alignment .contentcreator-notes-alignment {
    padding: 16px;
  }
}
.contentcreatoer-details-section .contentcreator-all-details-alignment .contentcreator-notes-alignment p {
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  padding: 0;
  margin: 0;
  color: var(--black-color2);
}
.contentcreatoer-details-section .contentcreator-all-details-alignment .contentcreator-notes-alignment p.read-more {
  color: var(--black-color2);
}
.contentcreatoer-details-section .contentcreator-all-details-alignment .contentcreator-tag-alignment {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  padding: 32px 0 0 0;
}
.contentcreatoer-details-section .contentcreator-all-details-alignment .contentcreator-tag-alignment .tag-box-alignment {
  padding: 10px 20px;
  background: var(--black-color5);
  border-radius: 12px;
}
.contentcreatoer-details-section .contentcreator-all-details-alignment .contentcreator-tag-alignment .tag-box-alignment p {
  padding: 0;
  margin: 0;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 500;
  color: var(--white-color2);
}
.contentcreatoer-details-section .contentcreator-all-details-alignment .contentcreator-course-activity-alignment {
  padding: 32px 0 0 0;
}
@media (max-width: 1279px) {
  .contentcreatoer-details-section .contentcreator-all-details-alignment .contentcreator-course-activity-alignment {
    padding: 16px;
  }
}
.contentcreatoer-details-section .contentcreator-all-details-alignment .contentcreator-course-activity-alignment .contentcreator-course-box-alignment {
  background: var(--gray-color-bg);
  padding: 20px;
  border-radius: 24px;
}
.contentcreatoer-details-section .contentcreator-all-details-alignment .contentcreator-course-activity-alignment .contentcreator-course-box-alignment h2 {
  font-family: "Raleway", sans-serif;
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
  font-weight: 600;
  color: var(--black-color);
}
@media (max-width: 1279px) {
  .contentcreatoer-details-section .contentcreator-all-details-alignment .contentcreator-course-activity-alignment .contentcreator-course-box-alignment h2 {
    font-size: 18px;
    line-height: 24px;
  }
}
@media (max-width: 576px) {
  .contentcreatoer-details-section .contentcreator-all-details-alignment .contentcreator-course-activity-alignment .contentcreator-course-box-alignment h2 {
    font-size: 16px;
    line-height: 21px;
  }
}
.contentcreatoer-details-section .contentcreator-all-details-alignment .contentcreator-course-activity-alignment .contentcreator-course-box-alignment .contentcreator-course-details-alignment {
  margin: 20px 0 0 0;
}
.contentcreatoer-details-section .contentcreator-all-details-alignment .contentcreator-other-all-details-alignment {
  max-width: 885px;
}
@media (max-width: 1279px) {
  .contentcreatoer-details-section .contentcreator-all-details-alignment .contentcreator-other-all-details-alignment {
    max-width: 100%;
    padding: 16px;
  }
}
.contentcreatoer-details-section .contentcreator-all-details-alignment .contentcreator-other-all-details-alignment .contentcreator-summary-details-alignment {
  margin: 30px 0 0 0;
}
.contentcreatoer-details-section .contentcreator-all-details-alignment .contentcreator-other-all-details-alignment .contentcreator-summary-details-alignment .contentcreator-summary-flex-alignment {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px 32px;
  flex-wrap: wrap;
  border-bottom: 1px solid var(--input-border-color);
  padding: 24px 0;
}
.contentcreatoer-details-section .contentcreator-all-details-alignment .contentcreator-other-all-details-alignment .contentcreator-summary-details-alignment .contentcreator-summary-flex-alignment .contentcreator-summary-left-side-alignment .summay-video-view {
  width: 168px;
  min-width: 168px;
  height: 94px;
  position: relative;
}
.contentcreatoer-details-section .contentcreator-all-details-alignment .contentcreator-other-all-details-alignment .contentcreator-summary-details-alignment .contentcreator-summary-flex-alignment .contentcreator-summary-left-side-alignment .summay-video-view svg {
  width: 20px;
  height: 20px;
}
.contentcreatoer-details-section .contentcreator-all-details-alignment .contentcreator-other-all-details-alignment .contentcreator-summary-details-alignment .contentcreator-summary-flex-alignment .contentcreator-summary-left-side-alignment .summay-video-view img {
  width: 100%;
  height: 100%;
  background-size: cover;
  display: block;
  border-radius: 12px;
}
.contentcreatoer-details-section .contentcreator-all-details-alignment .contentcreator-other-all-details-alignment .contentcreator-summary-details-alignment .contentcreator-summary-flex-alignment .contentcreator-summary-left-side-alignment .summay-video-view::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5019607843);
  width: 100%;
  height: 100%;
  z-index: 9;
  border-radius: 12px;
}
.contentcreatoer-details-section .contentcreator-all-details-alignment .contentcreator-other-all-details-alignment .contentcreator-summary-details-alignment .contentcreator-summary-flex-alignment .contentcreator-summary-left-side-alignment .summay-video-view .play-button-alignment {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #edb443;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: absolute;
  z-index: 99;
}
.contentcreatoer-details-section .contentcreator-all-details-alignment .contentcreator-other-all-details-alignment .contentcreator-summary-details-alignment .contentcreator-summary-flex-alignment .contentcreator-summary-left-side-alignment .summay-video-view .play-button-alignment img {
  width: 10px;
  height: 13px;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}
.contentcreatoer-details-section .contentcreator-all-details-alignment .contentcreator-other-all-details-alignment .contentcreator-summary-details-alignment .contentcreator-summary-flex-alignment .contentcreator-summary-left-side-alignment .notes-alignment {
  max-width: 500px;
}
.contentcreatoer-details-section .contentcreator-all-details-alignment .contentcreator-other-all-details-alignment .contentcreator-summary-details-alignment .contentcreator-summary-flex-alignment:first-child {
  padding: 0 0 24px 0;
}
.contentcreatoer-details-section .contentcreator-all-details-alignment .contentcreator-other-all-details-alignment .contentcreator-summary-details-alignment .contentcreator-summary-flex-alignment:last-child {
  border-bottom: none;
}
.contentcreatoer-details-section .contentcreator-all-details-alignment .contentcreator-other-all-details-alignment .contentcreator-leaderboard-details-alignment {
  margin: 30px 0 0 0;
}
.contentcreatoer-details-section .contentcreator-all-details-alignment .contentcreator-other-all-details-alignment .contentcreator-trendline-details-alignment {
  margin: 30px 0 0 0;
}
.contentcreatoer-details-section .contentcreator-all-details-alignment .contentcreator-other-all-details-alignment .contentcreator-trendline-details-alignment .chart-box-alignment {
  background: var(--gray-color-bg);
  padding: 20px;
  border-radius: 24px;
  margin: 0 0 32px 0;
}
.contentcreatoer-details-section .contentcreator-all-details-alignment .contentcreator-other-all-details-alignment .contentcreator-trendline-details-alignment .chart-box-alignment .chat-box-heading-alignment {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.contentcreatoer-details-section .contentcreator-all-details-alignment .contentcreator-other-all-details-alignment .contentcreator-trendline-details-alignment .chart-box-alignment .chat-box-heading-alignment h6 {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  color: var(--black-color);
  padding: 0;
  margin: 0;
}
@media (max-width: 576px) {
  .contentcreatoer-details-section .contentcreator-all-details-alignment .contentcreator-other-all-details-alignment .contentcreator-trendline-details-alignment .chart-box-alignment .chat-box-heading-alignment h6 {
    font-size: 14px;
    line-height: 21px;
  }
}
.contentcreatoer-details-section .contentcreator-all-details-alignment .contentcreator-other-all-details-alignment .contentcreator-trendline-details-alignment .chart-box-alignment .chat-box-heading-alignment .download-alignment {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.contentcreatoer-details-section .contentcreator-all-details-alignment .contentcreator-other-all-details-alignment .contentcreator-trendline-details-alignment .chart-box-alignment .chat-box-heading-alignment .download-alignment p {
  padding: 0;
  margin: 0;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  color: var(--black-color);
}

.content-creator-grid-all-details {
  padding: 32px 0 0 0;
}
.content-creator-grid-all-details .content-creator-grid-card-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
@media (max-width: 1300px) {
  .content-creator-grid-all-details .content-creator-grid-card-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 767px) {
  .content-creator-grid-all-details .content-creator-grid-card-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 576px) {
  .content-creator-grid-all-details .content-creator-grid-card-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}

.view-assement-button {
  padding: 16px 0 0 0;
}
.view-assement-button a {
  cursor: pointer;
  font-family: "Cabin", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  color: #776e91;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 6px 0;
}

.fc-month-button {
  display: none !important;
}

.fc-basicWeek-button {
  display: none !important;
}

.fc-basicDay-button {
  display: none !important;
}

.fc-header-toolbar {
  flex-direction: row-reverse;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 767px) {
  .fc-header-toolbar {
    margin-bottom: 60px !important;
  }
}

.dt-container .dt-layout-row .dt-search::before {
  content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8Y2lyY2xlIGN4PSI3Ljg0Mzk0IiBjeT0iNy44NDM5NCIgcj0iNS45OTIzNyIgc3Ryb2tlPSIjN0I3RTdFIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXAgPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgogIDxwYXRoIGQ9Ik0xMi4wMTU2IDEyLjMyNDJMMTQuMzY1IDE0LjY2NzUiIHN0cm9rZT0iIzdCN0U3RSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4=");
  height: 100%;
  top: 19px;
  cursor: pointer;
}

.fc-clear {
  display: none;
}

.content-creator-assessment {
  position: relative;
}
.content-creator-assessment .dt-length {
  display: none !important;
}
.content-creator-assessment div.dt-container div.dt-layout-row div.dt-layout-cell.dt-layout-end {
  margin: 0;
}
.content-creator-assessment .dt-search {
  width: 608px !important;
}
@media (max-width: 767px) {
  .content-creator-assessment .dt-search {
    width: 50% !important;
  }
}
.content-creator-assessment .content-creator-option-alignment {
  display: flex;
  align-items: center;
  gap: 14px;
  position: absolute;
  top: 20px;
  right: 24px;
}
.content-creator-assessment .content-creator-option-alignment svg {
  cursor: pointer;
}

.grid-view-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 24px 0 0 0;
}
.grid-view-flex .table-search-section {
  width: 606px;
}
@media (max-width: 767px) {
  .grid-view-flex .table-search-section {
    width: 50% !important;
  }
}
.grid-view-flex .content-creator-option-alignment {
  display: flex;
  align-items: center;
  gap: 14px;
}
.grid-view-flex .content-creator-option-alignment a {
  display: block;
}
.grid-view-flex .content-creator-option-alignment svg {
  cursor: pointer;
}

.content-right-arrow {
  border-left: 1px solid #fff;
  padding: 0 0 0 16px;
}

.media-details-box {
  border: 1px solid var(--course-border-color);
  border-radius: 20px;
  cursor: pointer;
}
.media-details-box.second-bg {
  background: var(--white-color);
}
.media-details-box .media-top-img-alignment {
  width: 100%;
  height: 148px;
  border-radius: 20px 20px 0 0;
  position: relative;
  transition: 0.4s ease-in-out;
}
.media-details-box .media-top-img-alignment .hover-option-alignment {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  align-items: center;
  justify-content: center;
  gap: 12px;
  z-index: 99;
  display: none;
}
.media-details-box .media-top-img-alignment .hover-option-alignment .file-box-alignment {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.media-details-box .media-top-img-alignment .hover-option-alignment .file-box-alignment img {
  width: 24px;
  height: 24px;
  display: block;
}
.media-details-box .media-top-img-alignment img {
  width: 100%;
  height: 100%;
  border-radius: 20px 20px 0 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.media-details-box .media-top-img-alignment .play-button-alignment {
  position: absolute;
  right: 26px;
  bottom: -16px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--white-color);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 99;
}
.media-details-box .media-top-img-alignment .play-button-alignment .second-box {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #edb443;
  display: flex;
  align-items: center;
  justify-content: center;
}
.media-details-box .media-top-img-alignment .play-button-alignment .second-box img {
  width: 10px;
  height: 13px;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}
.media-details-box .media-top-img-alignment .time-alignment {
  position: absolute;
  top: 16px;
  left: 16px;
}
.media-details-box .media-top-img-alignment .time-alignment .time-box-alignment {
  padding: 3px 6px;
  background: #eeb543;
  border-radius: 7px;
  display: flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
}
.media-details-box .media-top-img-alignment .time-alignment .time-box-alignment p {
  font-family: Cabin;
  font-size: 10px;
  font-weight: 500;
  line-height: 13px;
  text-align: left;
  margin: 0;
  padding: 0;
  color: #1b2021;
}
.media-details-box .media-top-img-alignment .wish-list-box-alignment {
  width: 26px;
  height: 26px;
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 9;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.media-details-box .media-bottom-alignment {
  padding: 16px 12px 24px 12px;
}
.media-details-box .media-bottom-alignment h4 {
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  color: var(--black-color2);
  padding: 0 0 12px 0;
  margin: 0;
}
@media (max-width: 576px) {
  .media-details-box .media-bottom-alignment h4 {
    font-size: 14px;
    line-height: 21px;
  }
}
.media-details-box .media-bottom-alignment p {
  font-family: "Cabin", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  color: var(--gray-color3);
  padding: 0;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.media-details-box:hover {
  transition: 0.4s ease-in-out;
}
.media-details-box:hover .media-top-img-alignment::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5019607843);
  z-index: 9;
  border-radius: 20px 20px 0 0;
}
.media-details-box:hover .media-top-img-alignment .hover-option-alignment {
  display: flex;
}

.four-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}
@media (max-width: 1300px) {
  .four-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 767px) {
  .four-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 576px) {
  .four-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}

.five-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 24px;
}
@media (max-width: 1300px) {
  .five-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 767px) {
  .five-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 576px) {
  .five-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}

.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: var(--body-bg);
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.swiper-slide {
  width: 264px !important;
}

.swiper-slide:nth-child(2n) {
  width: 264px !important;
}

.swiper-slide:nth-child(3n) {
  width: 264px !important;
}

.mySwiper2 .swiper-slide {
  width: 206px !important;
}
.mySwiper2 .swiper-slide:nth-child(2n) {
  width: 206px !important;
}
.mySwiper2 .swiper-slide:nth-child(3n) {
  width: 206px !important;
}

.mySwiper3 .swiper-slide {
  width: 250px !important;
  background: var(--gray-color-bg) !important;
}
.mySwiper3 .swiper-slide:nth-child(2n) {
  width: 250px !important;
  background: var(--gray-color-bg) !important;
}
.mySwiper3 .swiper-slide:nth-child(3n) {
  width: 250px !important;
  background: var(--gray-color-bg) !important;
}

.mySwiper4 .swiper-slide:first-child {
  width: 140px !important;
}
.mySwiper4 .swiper-slide {
  width: 264px !important;
}
.mySwiper4 .swiper-slide:nth-child(2n) {
  width: 264px !important;
}
.mySwiper4 .swiper-slide:nth-child(3n) {
  width: 264px !important;
}

.mySwiper5 .swiper-slide {
  width: 264px !important;
}
.mySwiper5 .swiper-slide:nth-child(2n) {
  width: 264px !important;
}
.mySwiper5 .swiper-slide:nth-child(3n) {
  width: 264px !important;
}

.mySwiper6 .swiper-slide:first-child {
  width: 140px !important;
}
.mySwiper6 .swiper-slide {
  width: 200px !important;
}
.mySwiper6 .swiper-slide:nth-child(2n) {
  width: 200px !important;
}
.mySwiper6 .swiper-slide:nth-child(3n) {
  width: 200px !important;
}

.range-alignment {
  margin: 16px 0 0 0;
  display: flex;
  align-items: center;
  gap: 4px;
}
.range-alignment span {
  font-family: "Raleway", sans-serif;
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
  color: var(--range-number-color);
  font-family: "Inter", sans-serif;
}
@media (max-width: 1279px) {
  .range-alignment span {
    font-size: 18px;
    line-height: 24px;
  }
}
@media (max-width: 576px) {
  .range-alignment span {
    font-size: 16px;
    line-height: 21px;
  }
}
.range-alignment span.secong-span {
  font-size: 14px;
  line-height: 19px;
  font-weight: 700;
  font-family: "Cabin", sans-serif;
}

.bottom-tag-alignment {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
  padding: 0 0 16px 0;
}
.bottom-tag-alignment .tag-box {
  padding: 7px 12px;
  background: var(--tag-bg-color);
  border-radius: 10px;
}
.bottom-tag-alignment .tag-box span {
  font-family: "Poppins";
  font-size: 10px;
  font-weight: 500;
  line-height: 14px;
  color: var(--tag-name-color);
  display: block;
}

.learning-center-all-section {
  margin: 20px 0 0 0;
}

.pending-courses-all-section {
  background: var(--gray-color-bg);
  border: 1px solid var(--input-border-color);
  padding: 20px;
}

.documentviewalignment {
  background: var(--gray-color-bg);
  padding: 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 16px;
  cursor: pointer;
}
.documentviewalignment h4 {
  padding: 0;
  margin: 0;
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  color: var(--black-color);
}
@media (max-width: 576px) {
  .documentviewalignment h4 {
    font-size: 14px;
    line-height: 21px;
  }
}
.documentviewalignment p {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 500;
  padding: 4px 0 0 0;
  margin: 0;
  color: var(--black-color);
}

.calendar-container {
  width: 90%;
  margin: 20px auto;
  background-color: white;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 20px;
}

/* Calendar header */
.calendar-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 10px;
}

button {
  border: none;
  background-color: #f0f0f0;
  padding: 8px 12px;
  border-radius: 4px;
  cursor: pointer;
}

button.active {
  background-color: #f44336;
  color: white;
}

.calendar-search input {
  border: 1px solid #ddd;
  padding: 5px 10px;
  border-radius: 4px;
}

.calendar-search span {
  margin-left: 10px;
  color: grey;
}

/* Week View */
.calendar-week {
  display: flex;
}

.calendar-times {
  display: flex;
  flex-direction: column;
  padding-right: 20px;
  text-align: right;
}

.calendar-grid {
  display: flex;
  flex: 1;
  border-left: 1px solid #e0e0e0;
}

.day-column {
  flex: 1;
  border-right: 1px solid #e0e0e0;
  padding: 10px;
  position: relative;
}

.day-column:nth-child(even) {
  background-color: #fafafa;
}

.event {
  background-color: #add8e6;
  padding: 10px;
  border-radius: 4px;
  margin-top: 10px;
  font-size: 12px;
}

.fsq-accordion-section {
  margin: 20px 0 0 0;
}
.fsq-accordion-section .accordion .accordion-item {
  padding: 20px;
  border-radius: 20px;
  background-color: var(--gray-color-bg);
  margin-bottom: 10px;
}
.fsq-accordion-section .accordion .accordion-item:first-of-type {
  border-radius: 20px;
}
.fsq-accordion-section .accordion .accordion-item:last-of-type {
  border-radius: 20px;
}
.fsq-accordion-section .accordion .accordion-item .accordion-header .accordion-button {
  background-color: transparent;
  font-weight: 600;
  box-shadow: none;
}
.fsq-accordion-section .accordion .accordion-item .accordion-header .accordion-button::after {
  content: "+";
  background-image: none;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  font-weight: 300;
}
.fsq-accordion-section .accordion .accordion-item .accordion-body {
  padding-top: 0;
}
.fsq-accordion-section .accordion .accordion-item .accordion-header .accordion-button:focus {
  box-shadow: none;
}
.fsq-accordion-section .accordion-header .accordion-button {
  padding: 0;
  font-family: "Raleway", sans-serif;
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
  color: var(--black-color2);
  font-weight: 600;
}
@media (max-width: 1279px) {
  .fsq-accordion-section .accordion-header .accordion-button {
    font-size: 18px;
    line-height: 24px;
  }
}
@media (max-width: 576px) {
  .fsq-accordion-section .accordion-header .accordion-button {
    font-size: 16px;
    line-height: 21px;
  }
}
.fsq-accordion-section .accordion-body {
  padding: 8px 0 0 0 !important;
}
.fsq-accordion-section .accordion-body p {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
  padding: 0;
  margin: 0;
  color: var(--black-color2);
}

.student-view-back {
  position: absolute;
  top: 20px;
  left: 22px;
  z-index: 99;
}
.student-view-back p {
  color: #fff;
}

.learning-path-series-alignment {
  margin: 42px 0 0 0;
}
.learning-path-series-alignment .learning-path-grid {
  display: grid;
  grid-template-columns: 24px 1fr;
  gap: 24px;
  margin: 0 0 26px 0;
}
.learning-path-series-alignment .learning-path-grid .learning-path-round-alignment {
  width: 100%;
  height: 24px;
  border: 1px solid #eeb543;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
}
.learning-path-series-alignment .learning-path-grid .learning-path-round-alignment::before {
  position: absolute;
  content: "";
  top: 24px;
  width: 1px;
  height: 112px;
  border-left: 1px dashed #a2a4a4;
  right: 50%;
  transform: translateX(-50%);
}
@media (max-width: 576px) {
  .learning-path-series-alignment .learning-path-grid .learning-path-round-alignment::before {
    height: 198px;
  }
}
.learning-path-series-alignment .learning-path-grid .learning-path-round-alignment p {
  width: 10px;
  height: 10px;
  background: #eeb543;
  padding: 0;
  margin: 0;
  border-radius: 50%;
}
.learning-path-series-alignment .learning-path-grid .learning-path-right-side-alignment .learning-path-right-grid {
  display: grid;
  grid-template-columns: 165px 1fr;
  align-items: center;
  gap: 12px;
}
@media (max-width: 576px) {
  .learning-path-series-alignment .learning-path-grid .learning-path-right-side-alignment .learning-path-right-grid {
    grid-template-columns: 1fr;
  }
}
.learning-path-series-alignment .learning-path-grid .learning-path-right-side-alignment .learning-path-right-grid .learning-path-img-alignment {
  width: 100%;
  height: 110px;
}
.learning-path-series-alignment .learning-path-grid .learning-path-right-side-alignment .learning-path-right-grid .learning-path-img-alignment img {
  width: 100%;
  height: 100%;
  border-radius: 16px;
  background-size: cover;
  display: block;
}
.learning-path-series-alignment .learning-path-grid .learning-path-right-side-alignment .learning-path-right-grid .learning-right-side-alignment h4 {
  font-family: "Raleway", sans-serif;
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
  padding: 0 0 4px 0;
  margin: 0;
  color: var(--black-color4);
  cursor: pointer;
}
@media (max-width: 1279px) {
  .learning-path-series-alignment .learning-path-grid .learning-path-right-side-alignment .learning-path-right-grid .learning-right-side-alignment h4 {
    font-size: 18px;
    line-height: 24px;
  }
}
@media (max-width: 576px) {
  .learning-path-series-alignment .learning-path-grid .learning-path-right-side-alignment .learning-path-right-grid .learning-right-side-alignment h4 {
    font-size: 16px;
    line-height: 21px;
  }
}
.learning-path-series-alignment .learning-path-grid .learning-path-right-side-alignment .learning-path-right-grid .learning-right-side-alignment p {
  font-family: "Cabin", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  color: var(--black-color);
  padding: 0;
  margin: 0;
}
.learning-path-series-alignment .learning-path-grid .learning-path-right-side-alignment .learning-path-right-grid .learning-right-side-alignment .learning-path-bottom-alignment {
  display: flex;
  align-items: center;
  gap: 24px;
  margin: 16px 0 0 0;
}
.learning-path-series-alignment .learning-path-grid .learning-path-right-side-alignment .learning-path-right-grid .learning-right-side-alignment .learning-path-bottom-alignment .score-alignment {
  display: flex;
  align-items: center;
  gap: 4px;
}
.learning-path-series-alignment .learning-path-grid .learning-path-right-side-alignment .learning-path-right-grid .learning-right-side-alignment .learning-path-bottom-alignment .score-alignment span {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 500;
  color: var(--black-color);
  padding: 0;
  display: block;
  margin: 0;
}
.learning-path-series-alignment .learning-path-grid .learning-path-right-side-alignment .learning-path-right-grid .learning-right-side-alignment .learning-path-bottom-alignment .score-alignment p {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 500;
  color: var(--black-color);
  font-weight: 600;
  padding: 0;
  margin: 0;
}

.create-new-alignment {
  cursor: pointer;
}
.create-new-alignment .create-new-box-alignment {
  width: 100%;
  height: 140px;
  border: 1px dashed var(--voilet-color);
  border-radius: 20px;
  background: var(--gray-color-bg);
  display: flex;
  align-items: center;
  justify-content: center;
}
.create-new-alignment h4 {
  font-family: "Raleway", sans-serif;
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
  color: var(--black-color2);
  padding: 0;
  margin: 12px 0 0 0;
  text-align: left;
}
@media (max-width: 1279px) {
  .create-new-alignment h4 {
    font-size: 18px;
    line-height: 24px;
  }
}
@media (max-width: 576px) {
  .create-new-alignment h4 {
    font-size: 16px;
    line-height: 21px;
  }
}

.banner-profile-bottom-alignment {
  display: flex;
  align-items: center;
  gap: 24px;
  flex-wrap: wrap;
  padding: 0 0 7px 0;
}
.banner-profile-bottom-alignment span {
  font-family: "Cabin", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  display: block;
  color: var(--voilet-color);
  font-weight: 500;
}
.banner-profile-bottom-alignment p {
  margin: 0;
  font-family: "Cabin", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  padding: 0 0 0 24px;
  color: var(--black-color);
  border-left: 1px solid var(--black-color3);
}

.manage-division-box {
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
}
.manage-division-box .contentcreator-summary-left-side-alignment .video-details-grid-item .summay-video-view {
  width: 232px;
  height: 100px;
}
.manage-division-box .contentcreator-summary-left-side-alignment .video-details-grid-item .summay-video-view img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.manage-division-box .contentcreator-summary-left-side-alignment .video-details-grid-item .notes-alignment {
  width: 75%;
}

/* calender css */
.fc .fc-button-primary {
  background-color: transparent;
  border: none;
}

.fc-toolbar-chunk {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}

.fc-toolbar-chunk:nth-child(2) {
  display: none;
}

.fc-toolbar-title {
  display: none;
}

.fc .fc-toolbar.fc-header-toolbar {
  width: 60%;
}

.calendar-default {
  position: relative;
}
.calendar-default .fc-media-screen .fc-header-toolbar .fc-toolbar-chunk {
  background-color: transparent;
}
.calendar-default .fc-media-screen .fc-header-toolbar .fc-toolbar-chunk:first-child {
  position: absolute;
  left: 0;
}
.calendar-default .fc-media-screen .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-next-button {
  margin-left: 66px;
  color: #18181b;
  padding: 8px 10px;
  background-color: rgba(0, 0, 0, 0.1);
}
.calendar-default .fc-media-screen .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-prev-button {
  padding: 8px 10px;
  color: #18181b;
  background-color: rgba(0, 0, 0, 0.1);
}
.calendar-default .fc-media-screen .fc-header-toolbar .fc-toolbar-chunk .fc-today-button {
  padding: 8px 11px;
  margin-left: -108px;
  background-color: rgba(0, 0, 0, 0.1);
  color: #18181b;
  border-radius: 0;
}
.calendar-default .fc-timeGridWeek-button,
.calendar-default .fc-timeGridDay-button,
.calendar-default .fc-listWeek-button,
.calendar-default .fc-dayGridMonth-button {
  color: #71717a;
}
.calendar-default .fc-button-primary:not(:disabled).fc-button-active {
  background-color: red;
  color: #fff;
  border-radius: 6px;
  padding: 4px 8px;
}
.calendar-default .fc .fc-button {
  line-height: 1;
}
.calendar-default .fc .fc-button-primary:hover {
  background-color: red;
  color: #fff;
  border-radius: 6px;
}
.calendar-default .fc .fc-button-group {
  gap: 6px;
}

.tricog-modal-section {
  padding: 20px 0 0 0;
}
.tricog-modal-section h4 {
  font-family: "Raleway", sans-serif;
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
  font-weight: 500;
  color: var(--black-color2);
  padding: 0;
  margin: 0;
  text-align: center;
}
@media (max-width: 1279px) {
  .tricog-modal-section h4 {
    font-size: 18px;
    line-height: 24px;
  }
}
@media (max-width: 576px) {
  .tricog-modal-section h4 {
    font-size: 16px;
    line-height: 21px;
  }
}
.tricog-modal-section .tricog-range-alignment {
  margin: 40px auto 0 auto;
  max-width: 598px;
}
.tricog-modal-section .tricog-range-alignment .tricog-range-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.tricog-modal-section .tricog-range-alignment .tricog-range-flex .tricog-range-step {
  cursor: pointer;
  position: relative;
  z-index: 9;
}
.tricog-modal-section .tricog-range-alignment .tricog-range-flex .tricog-range-step .tricog-range-box {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #efeef2;
}
.tricog-modal-section .tricog-range-alignment .tricog-range-flex .tricog-range-step .tricog-range-box.active-box {
  background: #5b507a;
}
.tricog-modal-section .tricog-range-alignment .tricog-range-flex .tricog-range-step p {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
  padding: 8px 0 0 0;
  margin: 0;
  color: var(--black-color2);
  text-align: center;
}
.tricog-modal-section .tricog-range-alignment .tricog-range-flex::before {
  content: "";
  position: absolute;
  height: 4px;
  width: 100%;
  background: #efeef2;
  border-radius: 10px;
  top: 8px;
  left: 0;
  z-index: 0;
}

svg {
  cursor: pointer;
}

.custam-calendar {
  padding: 16px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  height: 390px;
}
.custam-calendar .fc-daygrid {
  height: 300px;
}
.custam-calendar .fc-h-event {
  display: none;
}
.custam-calendar .fc .fc-timegrid-slot {
  height: 3.5em;
}
.custam-calendar .fc-col-header-cell-cushion {
  width: 100%;
  text-align: start;
}
.custam-calendar .fc-col-header-cell-cushion span {
  display: block;
  font-weight: 300;
  font-size: 13px;
  color: var(--black-color6);
}
.custam-calendar a {
  color: var(--black-color2);
}
.custam-calendar .fc .fc-button-primary {
  background-color: transparent;
  border: none;
}
.custam-calendar .fc-toolbar-chunk {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}
.custam-calendar .fc-toolbar-chunk:nth-child(2) {
  display: none;
}
.custam-calendar .fc-toolbar-title {
  display: none;
}
.custam-calendar .fc .fc-toolbar.fc-header-toolbar {
  width: 60%;
}
.custam-calendar .calendar-default {
  position: relative;
}
.custam-calendar .calendar-default .fc-media-screen .fc-header-toolbar .fc-toolbar-chunk {
  background-color: transparent;
}
.custam-calendar .calendar-default .fc-media-screen .fc-header-toolbar .fc-toolbar-chunk:first-child {
  position: absolute;
  left: 0;
}
.custam-calendar .calendar-default .fc-media-screen .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-next-button {
  margin-left: 61px;
  color: #18181b;
  padding: 8px 10px;
  background-color: rgba(0, 0, 0, 0.1);
}
.custam-calendar .calendar-default .fc-media-screen .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-prev-button {
  padding: 8px 10px;
  color: #18181b;
  background-color: rgba(0, 0, 0, 0.1);
}
.custam-calendar .calendar-default .fc-media-screen .fc-header-toolbar .fc-toolbar-chunk .fc-today-button {
  padding: 11.5px 11px;
  margin-left: -108px;
  background-color: rgba(0, 0, 0, 0.1);
  color: #18181b;
  border-radius: 0;
}
.custam-calendar .calendar-default .fc-timeGridWeek-button,
.custam-calendar .calendar-default .fc-timeGridDay-button,
.custam-calendar .calendar-default .fc-listWeek-button,
.custam-calendar .calendar-default .fc-dayGridMonth-button {
  color: #71717a;
}
.custam-calendar .calendar-default .fc-button-primary:not(:disabled).fc-button-active {
  background-color: var(--active-bg-color);
  color: #fff;
  border-radius: 6px;
  padding: 4px 8px;
}
.custam-calendar .calendar-default .fc .fc-button {
  line-height: 1;
}
.custam-calendar .calendar-default .fc .fc-button-primary:hover {
  background-color: var(--active-bg-color);
  color: #fff;
  border-radius: 6px;
}
.custam-calendar .calendar-default .fc .fc-button-group {
  gap: 6px;
}

p.toogle-name {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  color: var(--black-color2);
}
@media (max-width: 767px) {
  p.toogle-name {
    font-size: 10px;
    line-height: 12px;
  }
  p.toogle-name span {
    display: none;
  }
}

@keyframes ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.active-sidebar {
  overflow: hidden;
}

.menu-header {
  background-color: #e9ecef;
  border-radius: 5px;
  cursor: pointer;
  padding: 10px;
  transition: background-color 0.3s;
}

.menu-header:hover {
  background-color: #dfe4ea;
}

.default-arrow {
  display: inline;
}

.active-arrow {
  display: none;
}

.submenu {
  display: none;
  margin-top: 10px;
}

.submenu a {
  display: block;
  transition: background-color 0.3s;
}

.active .submenu {
  display: block;
}

.active .default-arrow {
  display: none;
}

.active .active-arrow {
  display: inline;
}

.hover-table-alignment tbody tr:hover {
  background: var(--table-gray-color-bg);
  cursor: pointer;
}

.checkbox-alignment {
  width: 16px;
  height: 16px;
  cursor: pointer;
  display: flex;
}
.checkbox-alignment input[type=checkbox] {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}

.start-recording-box-alignment {
  width: 100%;
  height: 200px;
  border: 1px solid var(--input-border-color);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.start-recording-box-alignment p {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 500;
  color: var(--black-color3);
  padding: 10px 20px;
}

.fc .fc-view-harness-active > .fc-view {
  height: 300px !important;
}

.arrow-icon {
  transition: transform 0.3s ease; /* Smooth transition */
}

.active-arrow.rotate {
  transform: rotate(180deg); /* Rotate the arrow by 180 degrees */
}

.add-division-heading {
  padding: 24px 0 0 0;
}
.add-division-heading h2 {
  font-family: "Raleway", sans-serif;
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  color: var(--black-color2);
  padding: 0;
  margin: 0;
}
@media (max-width: 576px) {
  .add-division-heading h2 {
    font-size: 20px;
    line-height: 26px;
  }
}
@media (max-width: 576px) {
  .add-division-heading h2 {
    font-size: 18px;
    line-height: 24px;
  }
}

.quiz-assessment-section {
  padding: 24px 0 0 0;
}
.quiz-assessment-section .quiz-assessment-box-alinment {
  border: 1px solid #e8e9e9;
  padding: 20px 16px;
  border-radius: 0 0 16px 16px;
}
.quiz-assessment-section .quiz-assessment-box-alinment .quiz-assessment-heading {
  padding: 0 0 20px 0;
  border-bottom: 1px solid #e8e9e9;
}
.quiz-assessment-section .quiz-assessment-box-alinment .quiz-assessment-heading h3 {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  font-family: "Raleway", sans-serif;
  color: var(--black-color);
  padding: 0;
  margin: 0;
}
@media (max-width: 576px) {
  .quiz-assessment-section .quiz-assessment-box-alinment .quiz-assessment-heading h3 {
    font-size: 14px;
    line-height: 21px;
  }
}
.quiz-assessment-section .quiz-assessment-box-alinment .quiz-assessment-heading p {
  padding: 4px 0 0 0;
  margin: 0;
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
  color: var(--black-color);
}
.quiz-assessment-section .quiz-assessment-box-alinment .quiz-assessment-body-details-alignment {
  padding: 32px 0 0 0;
}
.quiz-assessment-section .quiz-assessment-box-alinment .quiz-assessment-body-details-alignment .quiz-assessment-question-details-alignment h4 {
  font-family: "Raleway", sans-serif;
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  font-weight: 400;
  color: var(--black-color);
  padding: 0;
  margin: 0;
}
@media (max-width: 576px) {
  .quiz-assessment-section .quiz-assessment-box-alinment .quiz-assessment-body-details-alignment .quiz-assessment-question-details-alignment h4 {
    font-size: 20px;
    line-height: 26px;
  }
}
@media (max-width: 576px) {
  .quiz-assessment-section .quiz-assessment-box-alinment .quiz-assessment-body-details-alignment .quiz-assessment-question-details-alignment h4 {
    font-size: 18px;
    line-height: 24px;
  }
}
.quiz-assessment-section .quiz-assessment-box-alinment .quiz-assessment-body-details-alignment .quiz-assessment-question-details-alignment .quiz-assessment-answer-alignment {
  padding: 32px 0 100px 0;
  border-bottom: 1px solid #e8e9e9;
}
.quiz-assessment-section .quiz-assessment-box-alinment .quiz-assessment-body-details-alignment .quiz-assessment-question-details-alignment .quiz-assessment-answer-alignment p {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  color: var(--black-color2);
  padding: 0;
  margin: 0;
}
.quiz-assessment-section .quiz-assessment-box-alinment .quiz-assessment-body-details-alignment .quiz-assessment-question-details-alignment .quiz-assessment-bottom-alignment {
  padding: 12px 0 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
.quiz-assessment-section .quiz-assessment-box-alinment .quiz-assessment-body-details-alignment .quiz-assessment-question-details-alignment .quiz-assessment-bottom-alignment .quiz-assessment-left {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}

.quiz-img-alignment {
  width: 90px;
  height: 88px;
  margin: 8px 0 0 0;
}
.quiz-img-alignment img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  background-size: cover;
  display: block;
}

.assign-video-heading-alignment {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.chat-discussion-form-section {
  margin: 32px 0 0 0;
}
.chat-discussion-form-section .chat-discussion-form-box {
  border: 1.25px solid #e8e9e9;
  border-radius: 20px;
}
.chat-discussion-form-section .chat-discussion-form-box .chat-discussion-form-top-details {
  padding: 18px;
}
.chat-discussion-form-section .chat-discussion-form-box .chat-discussion-form-top-details .chat-discussion-grid-alignment {
  display: grid;
  grid-template-columns: 44px 1fr;
  gap: 16px;
  border-bottom: 1px solid #e8e9e9;
  padding: 16px 0;
}
.chat-discussion-form-section .chat-discussion-form-box .chat-discussion-form-top-details .chat-discussion-grid-alignment:first-child {
  padding: 0 0 16px 0;
}
.chat-discussion-form-section .chat-discussion-form-box .chat-discussion-form-top-details .chat-discussion-grid-alignment:last-child {
  border-bottom: none;
  padding: 16px 0 0 0;
}
.chat-discussion-form-section .chat-discussion-form-box .chat-discussion-form-top-details .chat-discussion-grid-alignment .chat-discussion-img {
  width: 100%;
  height: 44px;
}
.chat-discussion-form-section .chat-discussion-form-box .chat-discussion-form-top-details .chat-discussion-grid-alignment .chat-discussion-img img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-size: cover;
  display: block;
  border-radius: 50%;
}
.chat-discussion-form-section .chat-discussion-form-box .chat-discussion-form-top-details .chat-discussion-grid-alignment .chat-discussion-right h6 {
  font-size: 14px;
  line-height: 19px;
  font-weight: 700;
  font-family: "Cabin", sans-serif;
  padding: 0 0 5px 0;
  margin: 0;
  color: var(--black-color);
}
.chat-discussion-form-section .chat-discussion-form-box .chat-discussion-form-top-details .chat-discussion-grid-alignment .chat-discussion-right p {
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  padding: 0 0 5px 0;
  margin: 0;
  color: var(--black-color);
}
.chat-discussion-form-section .chat-discussion-form-box .chat-discussion-form-top-details .chat-discussion-grid-alignment .chat-discussion-right span {
  font-size: 14px;
  line-height: 19px;
  font-weight: 700;
  font-family: "Cabin", sans-serif;
  font-weight: 400;
  color: var(--notes-text);
}
.chat-discussion-form-section .chat-discussion-form-box .chat-discussion-form-top-details .chat-discussion-grid-alignment .chat-discussion-right span b {
  color: var(--voilet-color);
}
.chat-discussion-form-section .chat-discussion-form-box .chat-discussion-form-bottom-details {
  background: var(--orange-color2);
  padding: 12px;
  border-radius: 0 0 20px 20px;
}
.chat-discussion-form-section .chat-discussion-form-box .chat-discussion-form-bottom-details .chat-discussion-form-bottom-grid {
  display: grid;
  grid-template-columns: 44px 1fr;
  gap: 16px;
}
.chat-discussion-form-section .chat-discussion-form-box .chat-discussion-form-bottom-details .chat-discussion-form-bottom-grid .chat-discussion-form-img {
  width: 100%;
  height: 44px;
}
.chat-discussion-form-section .chat-discussion-form-box .chat-discussion-form-bottom-details .chat-discussion-form-bottom-grid .chat-discussion-form-img img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-size: cover;
}
.chat-discussion-form-section .chat-discussion-form-box .chat-discussion-form-bottom-details .chat-discussion-form-bottom-grid .chat-discussion-right-side-alignment {
  display: grid;
  grid-template-columns: 1fr 44px;
  gap: 16px;
}
.chat-discussion-form-section .chat-discussion-form-box .chat-discussion-form-bottom-details .chat-discussion-form-bottom-grid .chat-discussion-right-side-alignment .chat-discussion-input-alignment {
  width: 100%;
  height: 44px;
  background: var(--white-color);
  border-radius: 32px;
}
.chat-discussion-form-section .chat-discussion-form-box .chat-discussion-form-bottom-details .chat-discussion-form-bottom-grid .chat-discussion-right-side-alignment .chat-discussion-input-alignment input {
  width: 100%;
  height: 100%;
  background: transparent;
  border-radius: 32px;
  padding: 0 10px;
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 600;
  color: var(--gray-color3);
  border: none;
}
.chat-discussion-form-section .chat-discussion-form-box .chat-discussion-form-bottom-details .chat-discussion-form-bottom-grid .chat-discussion-right-side-alignment .chat-discussion-input-alignment input:focus {
  outline: none;
}
.chat-discussion-form-section .chat-discussion-form-box .chat-discussion-form-bottom-details .chat-discussion-form-bottom-grid .chat-discussion-right-side-alignment .chat-discussion-send-box {
  width: 100%;
  height: 44px;
  background: #5b507a;
  border-radius: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

#dission-table thead {
  display: none;
}

.discussion-table-alignment h2 {
  font-family: "Raleway", sans-serif;
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
  font-weight: 500;
  padding: 0;
  margin: 0;
}
@media (max-width: 1279px) {
  .discussion-table-alignment h2 {
    font-size: 18px;
    line-height: 24px;
  }
}
@media (max-width: 576px) {
  .discussion-table-alignment h2 {
    font-size: 16px;
    line-height: 21px;
  }
}
.discussion-table-alignment p {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
  color: var(--black-color3);
  padding: 0;
  margin: 0;
}
.discussion-table-alignment .right-side-arrow-box {
  width: 44px;
  height: 44px;
  background: var(--orange-color);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.discussion-table-alignment tr {
  border-bottom: 1px solid var(--table-border-color);
}
.discussion-table-alignment tr td:last-child {
  float: right;
}

.assessment-table-section {
  padding: 24px 0 0 0 !important;
}
.assessment-table-section .dt-layout-row:first-child {
  padding: 0 !important;
}
.assessment-table-section .dt-layout-row:last-child {
  padding: 0 !important;
}

.quiz-assessment-grid-aligment {
  display: grid;
  grid-template-columns: 1fr 456px;
  gap: 16px;
}
@media (max-width: 1199px) {
  .quiz-assessment-grid-aligment {
    grid-template-columns: 1fr;
  }
}
.quiz-assessment-grid-aligment .quiz-assessment-left-side-alignment {
  border: 1px solid #e8e9e9;
  padding: 16px;
  border-radius: 16px;
}
.quiz-assessment-grid-aligment .quiz-assessment-left-side-alignment h4 {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 600;
  padding: 0 0 15px 0;
  margin: 0;
  color: var(--black-color2);
}
.quiz-assessment-grid-aligment .quiz-assessment-left-side-alignment .quiz-assessment-all-details {
  height: calc(100vh - 100px);
  overflow-y: auto;
}
.quiz-assessment-grid-aligment .quiz-assessment-left-side-alignment .quiz-assessment-all-details .child-details-alignment {
  margin: 0 0 16px 0;
}
.quiz-assessment-grid-aligment .quiz-assessment-left-side-alignment .quiz-assessment-all-details .child-details-alignment h5 {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  padding: 0;
  margin: 0;
  color: var(--black-color2);
}
@media (max-width: 576px) {
  .quiz-assessment-grid-aligment .quiz-assessment-left-side-alignment .quiz-assessment-all-details .child-details-alignment h5 {
    font-size: 14px;
    line-height: 21px;
  }
}
.quiz-assessment-grid-aligment .quiz-assessment-left-side-alignment .quiz-assessment-all-details .child-details-alignment p {
  padding: 12px 0 0 0;
  font-family: "Cabin", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  color: var(--black-color3);
  margin: 0;
}
.quiz-assessment-grid-aligment .quiz-assessment-left-side-alignment .quiz-assessment-all-details .child-details-alignment h6 {
  font-family: Cabin;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  color: var(--black-color2);
  padding: 0;
  margin: 0;
}
.quiz-assessment-grid-aligment .quiz-assessment-left-side-alignment .quiz-assessment-all-details .child-details-alignment ul {
  padding: 8px 0 0 16px;
}
.quiz-assessment-grid-aligment .quiz-assessment-left-side-alignment .quiz-assessment-all-details .child-details-alignment ul li {
  font-family: "Cabin", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  color: var(--black-color3);
  padding: 8px 0 0 0;
}
.quiz-assessment-grid-aligment .quiz-assessment-left-side-alignment .quiz-assessment-all-details .child-details-alignment ul li:first-child {
  padding: 0;
}

.quiz-assessment-top-details {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  padding: 0 0 16px 0;
}
.quiz-assessment-top-details p {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 500;
  color: var(--black-color);
  padding: 0;
  margin: 0;
}

.range-new-alignment {
  margin: 24px 0 0 0;
}
.range-new-alignment .range-new-box-alignment {
  background: var(--orange-color2);
  padding: 20px;
  border-radius: 20px;
  max-width: 528px;
}
.range-new-alignment .range-new-box-alignment .slider {
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: 6px;
  background: linear-gradient(to right, #5b4771 50%, #dedede 50%);
  border-radius: 4px;
  outline: none;
  margin: 10px 0;
  position: relative;
}
.range-new-alignment .range-new-box-alignment .slider::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  width: 16px;
  height: 16px;
  background-color: #5b4771;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}
.range-new-alignment .range-new-box-alignment .slider::-moz-range-thumb {
  width: 16px;
  height: 16px;
  background-color: #5b4771;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}
.range-new-alignment .range-new-box-alignment .labels-new {
  display: flex;
  justify-content: space-between;
  width: 100%;
  color: #333;
  font-size: 14px;
}

.discussion-dropdown-alignment {
  max-width: 528px;
}

.countdown-label {
  font: thin 15px Arial, sans-serif;
  color: var(--black-color3);
  text-align: center;
  text-transform: uppercase;
  display: inline-block;
  letter-spacing: 2px;
  margin-top: 9px;
}

#countdown {
  box-shadow: 0 1px 2px 0 rgba(1, 1, 1, 0.4);
  width: 240px;
  text-align: center;
  background: var(--white-color2);
  border-radius: 5px;
  font-size: 14px;
  margin: auto;
}

#countdown #tiles {
  color: #fff;
  position: relative;
  z-index: 1;
  text-shadow: 1px 1px 0px #ccc;
  display: inline-block;
  font-family: Arial, sans-serif;
  text-align: center;
  padding: 8px;
  border-radius: 5px 5px 0 0;
  font-size: 20px;
  line-height: 21px;
  font-weight: thin;
  display: block;
}

.color-full {
  background: #53bb74;
}

.color-half {
  background: #ebc85d;
}

.color-empty {
  background: #e5554e;
}

#countdown #tiles > span {
  position: relative;
}

#countdown .labels {
  width: 100%;
  height: 25px;
  text-align: center;
  position: absolute;
  bottom: 8px;
}/*# sourceMappingURL=style.css.map */