.My-learning {
  color: var(--neutral-colors-jungle-blk, #0e1b1b) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding-right: 4px !important;
}
.my-learning-list {
  position: absolute;
  width: 320px;
  overflow: hidden;
  overflow-x: clip !important;
  right: 0px;
  top: 69px;
  background: #fff;
  border: 1px solid #eceded;
  box-shadow: 0 4px 8px rgba(14, 27, 27, 0.1);
  border-radius: 4px;
  display: block;
  padding: 0;
}
.my-learning-reg {
  padding: 16px;
}
.learning-reg-info p,
.form-of-notify-me h4 {
  color: var(--neutral-colors-space, #3e4949);
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding-bottom: 10px;
}
.learning-reg-info {
  display: flex;
  gap: 12px;
  padding-bottom: 16px;
  border-bottom: solid 1px #d8dbdb;
}
.line-between-the-div {
  height: 1px;
  background-color: #eceded;
}
.learning-reg-info-img {
  width: 86px;
  height: 76px;
  border-radius: 4px;
}
.learning-reg-info a {
  color: var(--primary-colors-algea, #0c838f);
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
}

.my-learning-list .learning-reg-info:not(:first-child) {
  padding-top: 16px;
}
.btn-go-to-My-learning {
  display: flex;
  height: 40px;
  padding: 16px 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 4px;
  background: var(--primary-colors-algea, #0c838f);
  color: var(--neutral-colors-white, #fff) !important;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  margin-top: 16px;
  cursor: pointer;
}
.my-learning-card {
  padding: 24px;
  border-radius: 12px;
  border: 1px solid var(--neutral-colors-platinum, #eceded);
  display: flex;
  gap: 16px;
  flex-direction: column;
  position: relative;
  min-width: 415px;
  min-height: 450px;
}
.my-learning-card-img {
  width: 100%;
  height: 200px;
  max-height: 200px;
  border-radius: 4px;
}
.my-learning-card h3 {
  color: var(--neutral-colors-jungle-blk, #0e1b1b) !important;
  font-family: Inter;
  font-size: 21px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.course-instructor h4 {
  color: var(--neutral-colors-jungle-blk, #0e1b1b);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.course-instructor-card {
  padding: 12px 0px 16px 0px;
  border-bottom: 1px solid #eceded;
}
.my-learning-card-btn {
  padding: 12px 32px;
  border-radius: 4px;
  border: 1px solid var(--algea, #0c838f);
  background: var(--neutral-colors-white, #fff);
  color: var(--primary-colors-algea, #0c838f);
  font-weight: 600;
}
.my-learning-card-last {
  display: flex;
  height: 44px;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 24px;
  width: 88%;
}
.my-learning-card-exam,
.my-learning-card-exam span {
  color: var(--neutral-colors-silver, #9fa4a4);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.my-learning-card-format {
  text-align: center;
  border-radius: 4px;
  background: #eff5fc;
  padding: 4px 12px;
  color: var(--info-blue, #2d7dd2);
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
}
.my-learning-card-type {
  text-align: center;
  border-radius: 4px;
  background: #f0f0f0;
  height: 25px;
  color: var(--space, #3e4949);
  font-size: 14px;
  padding: 4px 12px;
  font-weight: 500;
  line-height: normal;
}
.my-learning-card-lable {
  display: flex;
  gap: 10px;
  position: absolute;
  right: 36px;
  top: 36px;
}
/* .myLearnPage .slick-next {
  background-image: none !important;
} */
.myLearnPage .slick-slide {
  max-width: 437px !important;
}
.join-course-section-gift {
  border-radius: 8px;
  background: var(--neutral-colors-space, #3e4949);
  display: flex;
  padding: 32px;
  align-items: center;
  justify-content: space-between;
  margin-top: 56px;
}
.gift-image-text h3 {
  color: var(--neutral-colors-white, #fff) !important;
  /* Main Heading/H7 */
  font-family: Inter;
  font-size: 21px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.gift-image-text {
  display: flex;
  gap: 16px;
  align-items: center;
}
.join-course-section-gift a {
  border-radius: 4px;
  background: var(--primary-colors-mandarin, #f25f5c);
  display: flex;
  height: 44px;
  padding: 16px 40px;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  color: var(--neutral-colors-white, #fff);
  max-width: 205px;
}
.section-gift-link {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.date-selected-gift {
  border-radius: 20px;
  background: var(--primary-colors-mandarin, #f25f5c);
  padding: 5px 12px;
  position: absolute;
  top: -14px;
  display: flex;
  gap: 6px;
}
.date-selected-gift p {
  color: var(--neutral-colors-white, #fff);
  text-align: center;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.date-gift {
  border: 2px solid var(--primary-colors-mandarin, #f25f5c);
  cursor: pointer;
}
.date-gift:hover {
  background: var(--primary-colors-skin, #fbdada);
}
.date-gift-click {
  background: var(--primary-colors-skin, #fbdada);
}
.modal-gift {
  background-color: rgba(0, 0, 0, 0.5);
}
.modal-gift .modal-content {
  max-width: 630px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 24px;
  max-height: 90%;
}
#giftModal .modal-content {
  overflow-y: scroll;
}
.modal-gift .close {
  display: flex;
  width: 32px;
  color: #0e1b1b;
  border-radius: 100px;
  background: var(--neutral-colors-glass, #f5f6f6);
  height: 32px;
  padding: 8px;
  align-items: center;
}
.modal-header-gift {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
.modal-header-gift p {
  color: var(--neutral-colors-jungle-blk, #0e1b1b);
  font-family: Inter;
  font-size: 20px;
  font-weight: 800;
}
.modal-header-gift img {
  cursor: pointer;
}
.gift-modal-card {
  display: flex;
  gap: 16px;
  border-radius: 8px;
  border: 1px solid var(--neutral-colors-platinum, #eceded);
  background: var(--neutral-colors-white, #fff);
  padding: 12px;
  margin-bottom: 12px;
}
.gift-modal-card img {
  width: 110px;
  height: 110px;
  border-radius: 4px;
}
.gift-modal-card:hover {
  background: var(--neutral-colors-glass, #f5f6f6);
}
.course-title:hover {
  cursor: pointer;
  text-decoration-line: underline;
}
.new-forgot-password a:hover {
  cursor: pointer;
  text-decoration-line: underline;
}

.info-gift {
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* gap: 8px; */
  gap: 12px;
}
.info-gift p {
  color: var(--neutral-colors-jungle-blk, #0e1b1b);
  /* Title/T8 */
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
}
.price-gift {
  display: flex;
  gap: 6px;
  align-items: center;
}
.price-gift span {
  color: var(--neutral-colors-gray, #787f7f);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: line-through;
}
.price-gift h3 {
  color: var(--neutral-colors-space, #3e4949) !important;
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: 150%;
}
.one-course-gift {
  display: flex;
  gap: 16px;
}
.one-course-gift img {
  width: 110px;
  height: 110px;
  border-radius: 4px;
}
.select-option-join-course-modal {
  display: flex;
  min-height: 76px;
  background: #ffffff;
  border: 1px solid #d8dbdb;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-top: 16px;
  cursor: pointer;
}
.course-gift-details {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.course-gift-details img {
  width: auto;
  height: auto;
}
.course-gift-details p,
.course-gift-details span {
  font-size: 12px;
  color: var(--neutral-colors-jungle-blk, #0e1b1b);
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
}
.main-gift-div {
  padding-bottom: 24px;
  border-bottom: solid 1px #eceded;
}
.cancel-gift {
  padding-top: 24px;
}
.cancel-gift p,
.cancel-gift-and-add-to-cart p {
  color: var(--neutral-colors-gray, #787f7f);
  text-align: center;
  /* Main Heading/H9 */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  cursor: pointer;
}
.bundle-compleated {
  display: flex;
  padding: 8px 16px;
  border-radius: 4px;
  background: var(--accent-feedback-colors-light-green-2, #edfffa);
  justify-content: center;
  margin: 16px 0px 0px 0px;
  text-align: center;
}
.bundle-compleated p {
  color: var(--accent-feedback-colors-success-dark-green, #0e805e);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.access-to-bundle-line {
  display: flex;
  /* align-content: center; */
  align-items: center;
  margin-bottom: 24px;
}
.access-to-bundle-line img {
  height: 32px;
}
.line-of-access {
  position: relative;
  width: 100%;
  height: 7px;
  background: var(--neutral-colors-platinum, #eceded);
}
.percentage-access {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  border-radius: 16px 0 0 16px;
  background: var(--primary-colors-algea, #0c838f);
}
.access-to-bundle-line-cart {
  margin-top: 24px;
}
.access-to-bundle-line-cart img {
  height: 24px;
}
.access-to-bundle-line-cart .line-of-access {
  height: 5px;
}
.myLearnPage .title {
  border-top: none !important;
}
.date-main-gift {
  padding: 24px 0 0 0;
  border-bottom: none;
}
.title-learn {
  font-size: 32px !important;
}
.modal-header-course-title-gift p {
  color: var(--neutral-colors-space, #3e4949);
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 800;
}
.cancel-gift-and-add-to-cart {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 24px;
  margin-bottom: 8px;
}
.warning-bundle {
  border-radius: 4px;
  background: var(--accent-feedback-colors-light-orange-2, #fff7f0);
  padding: 8px 16px;
  color: var(--accent-feedback-colors-warning-dark-orange, #a55914);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  margin-top: 24px;
}
.card-course-box {
  padding: 24px;
  border-radius: 8px;
  border: 1px solid var(--neutral-colors-grain, #d8dbdb);
  margin-top: 24px;
}
span.new-cart-span-parent-data-last {
  padding-bottom: 15px;
  display: flex;
  gap: 12px;
}
.complete-bundle {
  display: flex;
  justify-content: space-between;
  border-radius: 4px;
  background: var(--accent-feedback-colors-light-green-2, #edfffa);
  padding: 8px 4px;
  margin-top: 24px;
}
.complete-bundle p {
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  color: var(--accent-feedback-colors-success-dark-green, #0e805e);
}
.complete-bundle a {
  color: var(--accent-feedback-colors-success-dark-green, #0e805e);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-decoration-line: underline;
}
.warning-bundle-modal p {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.warning-bundle-modal {
  margin-top: 16px;
  text-align: center;
}
.modal-remove-from-cart .modal-content {
  max-width: 400px;
}
.modal-remove-from-cart .modal-header-gift {
  display: flex;
  align-items: flex-start;
  margin-bottom: 24px;
}
.remove-cart-content {
  color: var(--neutral-colors-jungle-blk, #0e1b1b);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.remove-from-cart {
  cursor: pointer;
  border-radius: 4px;
  border: 1px solid var(--accent-feedback-colors-error-dark-red, #c10c00);
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.remove-from-cart a {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  color: var(--accent-feedback-colors-error-dark-red, #c10c00);
}
.cancle-remove-from-cart {
  cursor: pointer;
  border-radius: 4px;
  height: 44px;
  display: flex;
  background: var(--primary-colors-algea, #0c838f);
  align-items: center;
  justify-content: center;
  width: 100%;
}
.close-session-time-out,
.close-submit-eid {
  cursor: pointer;
}
.cancle-remove-from-cart p {
  color: var(--neutral-colors-white, #fff) !important;
  text-align: center;
  font-family: Inter;
  font-size: 16px;
  border-radius: 4px;
  font-weight: 700;
}
.padding-left {
  padding-left: 0px !important;
}
.padding-right {
  padding-right: 0px !important;
}
.claim-bundle-compleated {
  margin: 0px 0px 16px 0px;
}
.number-courses-compleated p {
  color: var(--neutral-colors-jungle-blk, #0e1b1b);
  text-align: center;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.view-cart-suc-modal {
  border-top: 1px solid #eceded;
}
#sucsessDiscount .modal-content {
  width: 360px;
}
.min-height-Box {
  min-height: 315px;
}
.warning-box-exam a {
  font-weight: 600;
}
.new-certificate-section {
  display: flex;
  height: 200px;
  padding: 0px 47px 0px 32px;
  border-radius: 8px;
  border: 1px solid #eceded;
  /* background: linear-gradient(
    270deg,
    #f5f6f6 0%,
    rgba(236, 237, 237, 0.62) 39.59%,
    rgba(236, 237, 237, 0) 61.75%
  ) !important;
  background-image: url("../lineCertificate.png") ; */
  background: linear-gradient(
      270deg,
      #f5f6f6 0%,
      rgba(236, 237, 237, 0.62) 39.59%,
      rgba(236, 237, 237, 0) 61.75%
    ),
    url("../lineCertificate.png") no-repeat !important;
  margin-top: 50px 0px;
  justify-content: space-between;
  align-items: center;

  background-repeat: no-repeat;
}
.new-certificate-section img {
  z-index: 1;
  width: 370px;
  background: white;
  box-shadow: 0px 1px 3px 0px;
}
.certificate-text h3 {
  color: var(--neutral-colors-space, #3e4949) !important;
  font-family: Inter;
  font-size: 21px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.certificate-text p {
  color: var(--neutral-colors-space, #3e4949);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 16px !important;
}
/* .editInfoErrorDiv p{
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: var(--neutral-colors-gray, #787f7f);
}
.editInfoErrorDiv label{
  color: var(--neutral-colors-jungle-blk, #0E1B1B);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
} */
.contact-us-edit-info {
  border-top: 1px solid #eceded;
  display: flex;
  justify-content: center;
  gap: 8px;
  padding-top: 24px;
  margin-top: 24px;
}
.contact-us-edit-info p {
  color: #000;
  text-align: center;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
}
.contact-us-edit-info a {
  color: var(--primary-colors-algea, #0c838f);
  text-align: center;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
}
#EditInfoMyAcountForm [readonly] {
  background: var(--neutral-colors-glass, #f5f6f6);
  /* background-color: #fff; */
}
.new-certificate-section-parent {
  margin: 0 0 48px 0px;
  border-radius: 24px;
background: var(--Neutrals-Glass, #F5F6F6);
padding: 32px;
}
.new-certificate-section-parent img{
  border-radius: 18px;
}
.gy-4{
  row-gap: 9px;
}
.new-home-gray-img-last img {
  margin: 0px 24px;
}
.new-home-gray-img-last {
  display: flex;
  justify-content: center;
}

.line-image {
  width: 1px;
  background: #c5c8c8;
}
/* .first-logo {
  max-width: 190px;
} */
.hover-4:hover {
  border-radius: 50%;
  /* filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(127deg) brightness(104%) contrast(102%); */
  background-color: #0c838f;
}
.nav-item-categorie:hover,
.nav-item-categorie:hover > .nav-link {
  color: #0c838f !important;
}
/* .navbar .navbar-nav .nav-item .nav-link:hover.dropdown-toggle::after{
  background-image: url(../images_new/new-menu-arrow-downHover.svg);
} */
.icon-color {
  filter: brightness(0) saturate(100%) invert(94%) sepia(9%) saturate(1%)
    hue-rotate(58deg) brightness(93%) contrast(92%);
}

/* .hover-3:hover {
  filter: brightness(0) saturate(100%) invert(35%) sepia(88%) saturate(442%)
    hue-rotate(137deg) brightness(98%) contrast(95%); 
} */
.hover-3:hover,
.hover-5:hover {
  fill: #0c838f !important;
}

.hover-3:hover path {
  fill: #ffff !important;
}
.hover-5:hover path {
  stroke: #ffff !important;
}
.login-dropdown .new-login-have-account a {
  font-size: 12px !important;
}
.login-dropdown .control__indicator {
  width: 13px;
  height: 13px;
}
.login-dropdown .login-rember-forgot-all {
  line-height: normal;
}
.new-share-icon {
  width: 48px !important;
}
.test-search {
  width: 100%;
  background-color: beige;
  position: absolute;
  top: 71px;
  padding: 32px 47px;
  border-radius: 4px;
  border: 1px solid var(--neutral-colors-platinum, #eceded);
  background: var(--neutral-colors-white, #fff);
  box-shadow: 0px 4px 8px 0px rgba(14, 27, 27, 0.1);
  z-index: 10000;
  /* visibility: hidden;
   */
  display: none;
}
.search-bar {
  position: relative;
}
.search-bar input {
  height: 50px;
  padding-left: 42px;
}
.search-bar img {
  position: absolute;
  top: 16px;
  left: 14px;
}
.test-search h3,
.popular-searches h3 {
  color: var(--neutral-colors-jungle-blk, #0e1b1b) !important;
  font-family: Inter;
  font-size: 21px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.link-popular-searches a {
  color: var(--primary-colors-algea, #0c838f);
  text-align: center;
  /* Main Heading/H9 */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  cursor: pointer;
}
.link-popular-searches {
  display: flex;
  /* margin-top: 24px; */
  gap: 32px;
}
/* .popular-searches {
  margin-top: 24px;
}
  */
.courses-result,
.resources-result {
  width: 50%;
}
.card-course-result {
  display: flex;
  gap: 12px;
  align-items: center;
}
.result-of-search {
  margin-top: 24px;
  display: flex;
}
.courses-result {
  padding-right: 24px;
  border-right: 1px solid #eceded;
}
.card-course-result {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-top: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--neutral-colors-platinum, #eceded);
  padding-left: 16px;
}
.resources-result {
  padding-left: 24px;
}
.resources-result h3,
.courses-result h3 {
  padding-left: 16px;
}
.info-course-search a {
  color: var(--neutral-colors-space, #3e4949);
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  cursor: pointer;
}
.info-course-search span {
  font-weight: 700;
}
.label-cat p {
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.label-cat {
  margin-top: 4px;
  display: flex;
  gap: 8px;
}
.line-between-cat {
  width: 1px;
  background-color: #c5c8c8;
}
.card-course-result img {
  max-width: 105px;
}
.dev-of-search-loading {
  height: 100px;
  text-align: center;
  padding-top: 40px;
}
.spinner-border-search {
  width: 35px;
  height: 35px;
}
.no-resource-results,
.no-course-results,
.no-results {
  /* padding-left: 16px;
  padding-top: 24px;
  border-top: 1px solid #eceded; */
  margin-top: 16px;
  color: var(--Neutral-Colors-Gray, #787F7F) !important;
  font-family: Inter;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 0;
}
.forget-new {
  color: var(--primary-colors-algea, #0c838f) !important;
  text-align: right;
  font-family: Inter;
  font-size: 12px !important;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.recorse-info h2 {
  font-family: Inter;
  font-size: 21px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 12px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.recorse-info p {
  color: #0e1b1b;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 16px !important;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.rescourse-card {
  display: flex;
  gap: 24px;
}
.rescourse-card img {
  max-width: 200px;
  height: 155px;
  border-radius: 4px;
}
.course-slider .slick-slide {
  max-width: 515px;
}
.read-more-link img {
  height: auto !important;
}
.read-more-link {
  display: flex;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  gap: 6px;
  align-items: center;
  color: #206c74 !important;
}

.progressCircleRes {
  height: 150px;
}
/* .recorse-info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
} */
.course-slider-new .slick-next {
  /* background: #fff url(/arrowRec.svg) no-repeat right 1.25rem center/auto 8px; */
  margin-top: -115px;
  height: 107%;
}
.see-more-courses-link,
.see-more-resources-link {
  padding: 16px;
  border-bottom: 1px solid var(--neutral-colors-platinum, #eceded);
}
.select-sort-by {
  display: flex;
  height: 32px;
  padding: 3px 12px;
  justify-content: space-between;
  align-items: center;
  color: var(--primary-eerie-black, #141414);
  align-self: stretch;
  width: 200px;
}
.plp-top-search-page-2024 input{
  border-radius: 4px;
border: 1px solid var(--Neutral-Colors-Platinum, #ECEDED);
background: var(--Neutral-Colors-White, #FFF);
}
.new-select-sort {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: flex-end;
}
.line-of-ins {
  width: 1px;
  margin: 0px 8px;
  background: #d8dbdb;
}
.course-instructor h3 {
  font-size: 14px;
  line-height: normal;
  display: table-caption;
}
.arrow-3:hover path,
.arrow-3:hover path {
  fill: #ffff;
}
.login-dropdown .control--checkbox .control__indicator:after {
  left: 5px;
  top: 1.7px;
  width: 3.5px;
  height: 8px;
}
.new-space-header {
  gap: 24px;
}
.sub-header .new-space-header{
  gap: 32px;
}

/* .arrow2:hover path,
.arrow1:hover path {
  fill: #ffff; 
} */
.image-slider-new {
  transform: translate(0px, 0px);
  opacity: 1;
  position: absolute;
  height: 530px;
  right: 0px;
  top: -80px;
  right: -100px;
  max-width: 650px;
  border-radius: 0px !important;
}
.pointerSlider {
  z-index: 22;
}

.textSlide span {
  font-size: 18px !important;
}
.gap-of-pointer {
  gap: 6px;
}
.hero-partnership-section {
  border-radius: 16px;
  background: linear-gradient(90deg, #158590 0%, #64c298 87.5%);
  color: #fff;
  padding: 24px;
  display: flex;
  align-items: center;
  gap: 64px;
  min-height: 230px;
}
.text-hero-partnership-section h3 {
  color: var(--neutral-colors-white, #fff) !important;
  font-family: Inter;
  font-size: 24px !important;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.text-hero-partnership-section h4 {
  color: var(--neutral-colors-white, #fff) !important;
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.text-hero-partnership-section {
  width: 47%;
}
.image-hero-partnership-section {
  display: flex;
  gap: 24px;
}
.tabs-partnership {
  padding: 40px 0px 32px 0px;
}
.tabs-partnership .nav-tabs .nav-link {
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  cursor: pointer;
}
.tabs-partnership .nav-tabs .nav-link:hover {
  cursor: pointer;
}
.tabs-partnership .nav-tabs .nav-link.active {
  font-family: Inter;
  font-size: 21px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.ratings {
  gap: 6px;
}
.ratings p {
  color: #fb8b24 !important;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.main-ratings-div p {
  color: var(--neutral-colors-space, #3e4949);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.main-ratings-div {
  gap: 4px;
  margin-top: 24px;
}
.rating-course-card {
  display: flex;
  gap: 8px;
  margin-bottom: 12px;
}
.rating-course-card span {
  color: var(--neutral-colors-gray, #787f7f);
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.card-ratings {
  display: flex;
  gap: 4px;
  align-items: center;
}
.card-ratings span {
  color: var(--accent-feedback-colors-warning-orange, #fb8b24);
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.main-chat-div {
  width: 408px;
  height: 552px;
  border-radius: 4px;
  background: var(--neutral-colors-white, #fff);
  box-shadow: 0px 4px 24px 0px rgba(14, 27, 27, 0.1);
  position: relative;
}
.main-chat-div-full-screen {
  width: 624px;
}

.header-ai-chat {
  display: flex;
  background: var(--primary-colors-algea, #0c838f);
  justify-content: space-between;
  padding: 16px 24px;
  align-items: flex-start;
}
.header-ai-chat img {
  width: 24px;
}
.chat-header-text h2 {
  color: var(--neutral-colors-white, #fff) !important;
  font-family: Inter;
  font-size: 21px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.chat-header-text p {
  color: var(--neutral-colors-white, #fff);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 8px !important;
}
.send-div {
  position: absolute;
  padding: 24px;
  box-shadow: 0px 4px 24px 0px rgba(14, 27, 27, 0.1);
  width: 100%;
  bottom: 0;
}
.send-div img {
  position: absolute;
  right: 40px;
  top: 38px;
  height: 18px;
}
.send-div input {
  height: 44px;
  color: var(--neutral-colors-gray, #787f7f);
  font-family: Inter;
  font-size: 14px;
}
.new-select-sort label {
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 0px !important;
}
.filter-mob a {
  color: #333 !important;
  margin-bottom: 0;
  font-size: 14px;
  font-family: "Inter-Medium";
}
.text-container {
  max-height: 2.6em; /* Two lines with a bit of extra space */
  overflow: hidden;
}
.text {
  margin: 0;
  transition: max-height 0.3s ease-out;
}
.read-more-btn {
  color: var(--primary-colors-algea, #0c838f);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-decoration-line: underline;
}
.show-phone-list {
  display: flex;
  height: 48px;
  padding: 13px 5px 13px 8px;
  align-items: flex-start;
  gap: 8px;
  border-radius: 4px 0px 0px 4px;
  border: 1px solid var(--neutral-colors-grain, #d8dbdb);
  background: var(--neutral-colors-glass, #f5f6f6);
  width: 58px;
}
.activateAccountForm .show-phone-list{
  border-radius: 94px 0px 0px 94px;
  padding: 13px 5px 13px 12px;
  width: 62px;
  align-items: center;
}
.activateAccountForm .country-code{
  left: 78px;
  top :5px;
}
.activateAccountForm .phoneCrateN, .pdpRevampModal .phoneCrateN{
  padding-left: 115px !important; 
}
.phoneRegisterErrorDiv {
  overflow: initial !important;
}
.country-image {
  height: 16px;
}
.country-option {
  display: flex;
  padding: 8px 10px;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  border-bottom: 1px solid var(--neutral-colors-grain, #d8dbdb);
  background: #fff;
  cursor: pointer;
}
.country-option-span {
  color: rgba(6, 17, 10, 0.5);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
}
.dropdown-menu-phone {
  border-radius: 0px 0px 8px 8px;
  border-right: 1px solid var(--neutral-colors-grain, #d8dbdb);
  border-bottom: 1px solid var(--neutral-colors-grain, #d8dbdb);
  border-left: 1px solid var(--neutral-colors-grain, #d8dbdb);
  background: #fff;
  padding: 0px;
  max-height: 190px;
  overflow-y: scroll;
}

.dropdown-menu-phone::-webkit-scrollbar {
  display: none; /* Webkit (Chrome, Safari, etc.) */
}
.dropdown-phone {
  position: absolute;
  top: 0;
}
.search-phone-input {
  border-radius: unset !important;
}
.default-chat-content {
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin-top: 40px;
}
.content-chat {
  padding: 0px 24px 12px 24px;
}
.texet-option h3 {
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.texet-option p {
  margin-top: 8px !important;
  color: var(--neutral-colors-jungle-blk, #0e1b1b);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.option-search-ai {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.user-message,
.ai-message {
  display: flex;
  justify-content: flex-end;
  gap: 4px;
  align-items: flex-start;
}
.ai-message {
  justify-content: flex-start;
}
/* .message-conent{
  text-align: right;
} */
.user-message p,
.ai-message p {
  border-radius: 16px 0px 16px 16px;
  border: 1px solid var(--accent-feedback-colors-light-blue, #bcd5f1);
  background: var(--accent-feedback-colors-light-blue-2, #f4f9ff);
  padding: 16px;
  color: var(--neutral-colors-jungle-blk, #0e1b1b);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.ai-message p {
  border-radius: 0px 16px 16px 16px;
  border: 1px solid var(--neutral-colors-platinum, #eceded);
  background: var(--neutral-colors-white, #fff);
}
.user-message span,
.ai-message span {
  margin-top: 4px;
  color: var(--neutral-colors-space, #3e4949);
  /* Body/B12 */
  font-family: Inter;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: block;
}
.send-message-btn {
  cursor: pointer;
}
.user-message span {
  float: right;
}

.chat-between-user-and-ai {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.loading-color {
  color: #0c838f;
  width: 16px;
  height: 16px;
}
.content-chat {
  overflow-y: scroll; /* Webkit (Chrome, Safari, etc.) */
  height: 360px;
}
.message-image {
  width: 30px;
}
.content-chat::-webkit-scrollbar {
  display: none; /* Webkit (Chrome, Safari, etc.) */
}
.main-chat-div {
  position: absolute;
  right: 69px;
  bottom: 0;
}
.open-ai-chat,
.close-ai-chat,
.show-full-screen {
  cursor: pointer;
}
.text-chat-send {
  padding-right: 40px !important;
}
.phoneCrateN {
  padding-left: 105px !important;
  padding-top: 14px !important;
}
.country-code {
  color: var(--neutral-colors-jungle-blk, #0e1b1b);
  position: absolute;
  left: 68px;
  top: 14px;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  margin-bottom: 0;
}
.search-country-code {
  border-radius: 0 !important;
  padding: 10px;
  border: 1px solid #d8dbdb !important;
}
.show-phone-list-pdp {
  height: 44px;
}
.country-code-pdp {
  top: 11px;
}
.dropdown-menu-phone {
  bottom: auto !important;
}
.phoneList {
  top: 0;
}
.showPhoneMenu {
  overflow: unset;
}
.unsetPosition {
  position: unset !important;
}
/* .textSlide {
  height: 430px;
} */
.margin-phone-list {
  margin-right: 16px;
  margin-left: 0px;
}
.basic-information {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  row-gap: unset;
}
.basic-information .inp {
  width: 48.9%;
  margin-bottom: 24px !important;
}
.basic-information-mob .inp {
  width: 100%;
  margin-bottom: 24px !important;
}
.editUserInfoBTN {
  border-radius: 4px;
  height: 44px;
}
.upload-eid-div {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.upload-eid-div button {
  max-width: 250px;
}
.reupload-edit-info {
  width: 100%;
  border-top: 1px solid #eceded;
  padding-top: 24px;
  display: flex;
  gap: 16px;
  margin-top: 12px;
}
.reupload-edit-info p {
  color: #000 !important;
  font-family: Inter;
  font-size: 16px !important;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 0px !important;
}
.reupload-edit-info span {
  color: var(--accent-feedback-colors-info-blue, #2d7dd2);
  text-align: center;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-decoration-line: underline;
  cursor: pointer;
}
.my-account-certificate-box-data {
  border-radius: 16px;
  background: var(--neutral-colors-white, #fff);
  box-shadow: 0px 2px 24px 0px rgba(14, 27, 27, 0.06);
  padding: 24px;
}
.label-certificate {
  padding: 4px 12px;
  border-radius: 4px;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 12px;
}
.pending-certificate {
  background: rgba(251, 139, 36, 0.08);
  color: var(--accent-feedback-colors-warning-orange, #fb8b24);
}
.ready-certificate {
  background: rgba(23, 177, 132, 0.08);
  color: var(--accent-feedback-colors-success-green, #17b184);
}

.label-certificate-div {
  text-align: right;
  margin-bottom: 12px;
}
.pdp-course-share-item {
  display: flex;
  gap: 6px;
}
.pdp-course-share-item a {
  margin: 0px;
}
.pdp-course-share-new {
  display: flex;
  gap: 32px;
}
.blurImage {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(4px);
}
.modal-header-session-timeout p {
  color: var(--neutral-colors-jungle-blk, #0e1b1b);
  /* Main Heading/H7 */
  font-family: Inter;
  font-size: 21px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.modal-header-session-timeout {
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
  align-items: center;
}
.session-timeout-content {
  color: var(--neutral-colors-jungle-blk, #0e1b1b);
  text-align: center;
  /* Body/B9 */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.session-login-btn {
  display: flex;
  height: 44px;
  padding: 10px;
  justify-content: center;
  align-items: center;
  /* gap: 8px; */
  border-radius: 4px;
  cursor: pointer;
}
.session-home-btn {
  display: flex;
  height: 44px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
  border-radius: 4px;
  border: 1px solid var(--primary-colors-algea, #0c838f);
  background: var(--neutral-colors-white, #fff);
  border-radius: 4px;
  border: 1px solid var(--primary-colors-algea, #0c838f);
  background: var(--neutral-colors-white, #fff);
  cursor: pointer;
}
.session-time-out-btn-div {
  display: flex;
  gap: 16px;
  margin-top: 32px;
}
.session-login-btn a {
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  color: var(--neutral-colors-white, #fff);
}
.session-home-btn a {
  color: var(--primary-colors-algea, #0c838f);
  text-align: center;
  /* Main Heading/H9 */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.new-main-course-box-design .course-old-price {
  margin-left: 0px !important;
}
.change-password-message p {
  margin-bottom: 0px !important;
  color: #0e805e !important;
}
.my-account-error-box1 a {
  color: var(--accent-feedback-colors-error-dark-red, #c10c00);
}
.my-account-error-box1 p {
  color: var(--accent-feedback-colors-error-dark-red, #c10c00);
}
.add-information-btn-new {
  border-radius: 4px;
  border: 1px solid var(--accent-feedback-colors-error-dark-red, #c10c00);
  font-weight: 600;
}
.my-account-error-box1 {
  border-radius: 4px;
  background: var(--accent-feedback-colors-light-red-2, #fff4f3);
  padding: 8px 16px !important;
}
.padding-message {
  padding: 0px !important;
}
.course-old-price-new {
  color: var(--neutral-colors-silver, #9fa4a4) !important;
  font-family: Inter;
  font-size: 10px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: normal !important;
}
.price-after-discount h3 {
  font-family: Inter !important;
  font-style: normal;
  font-weight: 700 !important;
  line-height: normal;
  color: var(--primary-colors-mandarin, #f25f5c) !important;
  display: flex;
  align-items: center;
  gap: 4px;
}
.read-data-after-upload .form-control[readonly] {
  border: 1px solid var(--neutral-colors-grain, #d8dbdb) !important;
  background: var(--neutral-colors-glass, #f5f6f6) !important;
}
#submitEID .session-time-out-btn-div {
  margin-top: 24px;
}
#submitEID .btn {
  min-width: 170px !important;
}
#submitEID .session-timeout-content {
  text-align: unset;
}
.reupload-edit-info .btn {
  min-width: 175px;
  width: 170px;
}
.submit-eid-function {
  position: relative;
}
.spinner-submit {
  color: #fff !important;
}
.wizard-w-100 {
  max-width: 100%;
}
.radio-border {
  padding-bottom: 24px;
  border-bottom: 2px solid #eceded;
}
.checkout-form-data-border {
  margin-top: 6px;
  padding-top: 24px;
  border-top: 2px solid #eceded;
}
.new-company-f .inp {
  margin-bottom: 16px;
}
.company-name-msg {
  display: flex;
  padding: 8px 15px;
  align-items: center;
  gap: 8px;
  border-radius: 4px;
  background: var(--accent-feedback-colors-light-blue-2, #f4f9ff);
  align-self: stretch;
  margin-top: 8px;
}
.company-name-msg p {
  color: var(--Accent-Feedback-Colors-Info-Dark-blue, #1266bf);
  font-family: Inter !important;
  font-size: 14px !important;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.authorized-by-footer {
  display: flex;
  flex-direction: column;
  gap: 24px;    
  max-width: 228px;
  margin-left: auto;
}
.authorized-by-footer-sub p {
  color: var(--Neutral-Colors-Space, #3e4949);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal; 
  margin-bottom: 8px !important;
  white-space: nowrap;
}
.authorized-by-footer span {
  color: var(--Neutral-Colors-Gray, #787F7F);
  font-size: 14px;
  font-weight: 400;
  margin-top: 8px;
}
.authorized-by-footer-sub {
  display: flex;
  align-items: center;
  gap: 12px;
}
.cart-price-item-new {
  display: grid;
  grid-template-columns: auto auto;
  column-gap: 34px;
  row-gap: 8px;
  margin-top: 8px;
}
.cart-price-item-new p {
  color: var(--Neutral-Colors-Gray, #787f7f);
  font-family: Inter;
  font-size: 12px !important;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.cart-price-item-new span {
  color: var(--Neutral-Colors-Jungle-blk, #0e1b1b);
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.new-cart-price h3 {
  color: var(--Neutral-Colors-Jungle-blk, #0e1b1b);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding-top: 16px;
}
.spinner-border-checkout {
  width: 16px;
  height: 16px;
}
#FillTheForm .inp .form-control,
#FillTheForm .btn {
  padding: 13px 16px;
}
#EditInfoMyAcountForm2 .form-control[readonly] {
  background-color: #f5f6f6 !important;
}
.cart-icon {
  position: absolute;
  right: 30px;
}
.remove-from-cart:hover {
  background: #eceded;
  color: var(--accent-feedback-colors-error-dark-red, #c10c00) !important;
}
.passAdressRegisterErrorDiv {
  text-align: start !important;
}
.international-designation {
  align-items: center;
}
.international-designation h1 {
  color: var(--Neutral-Colors-Jungle-blk, #0e1b1b);
  font-family: Inter;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.international-designation p {
  color: var(--Neutral-Colors-Jungle-blk, #0e1b1b);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
  margin-top: 16px !important;
  margin-bottom: 24px !important;
}
.image-background-div {
  background-repeat: no-repeat !important;
  height: 441px;
}
.image-background-div img {
  /* border-radius: 50%; */
  position: absolute;
  z-index: -22222;
  top: 10px;
  left: 22px;
}
.video-link {
  width: 100%;
  /* height: 400px; */
  border-radius: 10px;
}
.div-save-and-cancle {
  display: flex;
  gap: 20px;
}
.pdp-tab-overview-data p {
  margin-top: 24px !important;
}
.close-no-seats-modal {
  display: flex;
  justify-content: flex-end;
}
.close-no-seats-modal img {
  width: 24px;
}
.no-seats-modal {
  max-width: 515px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* padding: 24px; */
  height: auto;
}
.no-seats-modal .modal-content {
  padding: 24px;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0px 4px 24px 0px rgba(14, 27, 27, 0.1);
}
.no-seats-modal-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 16px;
}
.no-seats-modal-text h4 {
  text-align: center;
  font-family: Inter;
  font-size: 21px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.no-seats-modal-text p {
  color: var(--Neutral-Colors-Jungle-blk, #0e1b1b);
  text-align: center;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.card-of-session-main-div {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  margin: 16px 0px;
  max-height: 300px;
  overflow-y: scroll;
}
.removeFullRegId img{
  cursor: pointer;
}
.sessions-available-div {
  padding-top: 16px;
  margin-top: 16px;
  border-top: solid 1px #eceded;
}
.sessions-available-div h3 {
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
}
.card-of-session {
  border-radius: 16px;
  border: 1px solid #eceded;
  padding: 16px;
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
.card-of-session h1 {
  color: var(--Accent-Feedback-Colors-Info-blue, #2d7dd2) !important;
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.card-of-session p {
  font-family: Inter;
  font-size: 12px;
  line-height: normal;
}
.card-of-session span {
  color: var(--Neutral-Colors-Jungle-blk, #0e1b1b);
  /* Title/T11 */
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.price-of-sessions-available {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 8px;
}

.price-of-sessions-available h4,
.info-of-session h3 {
  color: var(--Neutral-Colors-Jungle-blk, #0e1b1b);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.price-of-sessions-available .btn {
  border-radius: 4px;
  min-width: 140px;
}
.contact-us-available-sessions {
  display: flex;
  justify-content: center;
  padding-top: 16px;
  border-top: 1px solid #eceded;
}
.contact-us-available-sessions p {
  color: #0e1b1b;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.contact-us-available-sessions a {
  color: var(--Accent-Feedback-Colors-Info-blue, #2d7dd2);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-decoration-line: underline;
}
.form-of-notify-me {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  margin-top: 16px;
}
.course-available-sessions-props-icon {
  grid-template-columns: 0.5fr 1fr !important;
  margin-bottom: 0px !important;
}
.course-available-sessions-label {
  border-radius: 4px;
  background: var(--Neutral-Colors-Glass, #f5f6f6);
  height: 21px;
  padding: 3px 12px;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  width: max-content;
  margin-bottom: 6px;
}
.info-of-session-img {
  width: 120px;
}
.info-of-session {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.info-of-session-main-div {
  display: flex;
  margin-bottom: 16px;
  gap: 16px;
}
.verifyNotifyPhoneErrorDivposition {
  position: relative;
}
.plp-left-menu{
  list-style: none;
  padding: 0px;
  margin-bottom: 0px;
}
.list-of-sort p{
  color: var(--Neutral-Colors-Jungle-blk, #0E1B1B);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    position: relative;
    display: inline-block;
    width: 100%;
}
.list-of-sort label{
  color: var(--Neutral-Colors-Jungle-blk, #0E1B1B);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 0 !important;
}
.collapse-flex{
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.list-of-sort{
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(236, 237, 237, 1);
}
.list-of-sort:last-child{
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
.dropdown-menu-plp-sort{
  padding: 0px !important;
  padding-top: 16px !important;
  box-shadow: unset;
  position: relative !important;
  transform: none !important;
    will-change: transform;
}
.type-of-sort{
  cursor: pointer;
}
.plp-left-menu .type-of-sort::before {
  content: "";
  background-image: url(../images_new/mobile-course-down-arrow.svg);
  transform: rotate(180deg) !important;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  width: 15px;
  height: 10px;
  background-size: contain;
  margin-top: 6px;
  right: 0;
}
.list-of-sort .type-of-sort.collapsed::before {
  transform: rotate(0deg) !important;
}
.new-home-course-all-box-data-last{
  padding: 16px;
  border-radius: 16px;
border: 1px solid var(--Neutral-Colors-Platinum, #ECEDED);
background: var(--Neutral-Colors-White, #FFF);
}
.new-home-course-all-box-data-last .btn{
  border-radius: 4px;
    border: 1px solid var(--Algea, #0C838F);
    background: var(--Neutral-Colors-White, #FFF);
    display: flex;
    height: 44px;
    padding: 12px 32px;
    justify-content: center;
    align-items: center;
}
.plp-course-box-new .course-box-details-text h3 a{
  color: var(--Neutral-Colors-Space, #3E4949);
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.course-home-props-icon p {
  overflow: hidden;
}
.main-filter-checkbox{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #ECEDED;
  padding-bottom: 12px;
  margin-bottom: 24px;
}
.filter-image{
  display: flex;
  gap: 8px;
}
.filter-image h2{
  color: var(--Neutral-Colors-Jungle-blk, #0E1B1B);
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.plp-filter-modal-item .dropdown-menu{ 
  position: relative !important;
    transform: none !important;
    box-shadow: none;
    padding: 5px 0;
    margin-top: 10px;
    width: 100%;
    border-bottom: 1px solid #eceded;
    margin-bottom: 16px;
}
.plp-filter-modal-item .control--checkbox{
  color: var(--Neutral-Colors-Jungle-blk, #0E1B1B);
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-bottom: 12px;
}
.plp-filter-modal-item li{
  list-style: none;

}
.list-of-sort .show-filter{
  color: var(--Accent-Feedback-Colors-Info-blue, #2D7DD2);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  cursor: pointer;
}
.list-of-sort .show-filter::before{
  content: "";
  background-image: url(../chevron-down.svg);
  background-repeat: no-repeat !important;
  background-position: center !important;
  position: absolute;
  width: 14px;
  height: 14px;
  background-size: contain !important;
  margin-top: 3px;
  left:80px;
}
.list-of-sort .show-filter.show-less-filter::before{
  rotate: 180deg;
}
.list-of-sort .show-filter.show-less-filter{
  margin-top: 12px !important;
}
.dropdown-menu-plp-sort :last-child{
  margin-bottom: 0 !important;
}
.plp-filter-modal-item-header{
  border-bottom: 1px solid #ECEDED !important;
  margin-bottom: 0px !important;
  padding-bottom: 8px !important;
}
.plp-filter-modal-item .control__indicator{
top: 0;
}
.mobile-header-inner-course-a::before {
  content: "";
  background-image: url(../chevron-down-modal.svg) !important;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  width: 18px;
  height: 18px;
  background-size: contain;
  margin-top: 6px;
  right: 0;
}
.show .mobile-header-inner-course-a ::before{
  transform: rotate(180deg);
}
.mobile-header-inner-course-li.show .mobile-header-inner-course-a::before{
  transform: rotate(180deg);
}
/* ul.course-home-props-icon {
  gap: 15px;
} */
.plp-mobile-search-modal{
  width: 90%;
}
.clear-filter-des{
  color: var(--Accent-Feedback-Colors-Info-blue, #2D7DD2);
    text-align: center;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    cursor: pointer;
}
.pdp-filter-select .plp-ul-flex {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  /* justify-content: flex-end !important; */
  margin-bottom: 24px;
  gap: 16px;
}
.plp-search-results-item-2024{
  border-bottom:1px solid #ECEDED;
  padding: 16px 0px;
  cursor: pointer;
}
.plp-search-box-data-box-data{
  padding: 0px 16px;
}
.plp-pageination-new{
margin-top: 32px;
margin-bottom: 0px;
}
.plp-pageination-new .pagination{
  margin-bottom: 0 !important;
}
.pdp-btn-clear{
margin-left: 0px !important;
padding: 9px 12px !important;
}
.input-without-focus-place .form-control {
  padding-top: 13px !important;
  padding-left: 42px;
}
.new-plp-search{
  position: relative;
}
.new-plp-search img{
  position: absolute;
    left: 16px;
    top: 14px;
}
.select-sort-by{
  border-radius: 4px !important;
border: 1px solid var(--Neutral-Colors-Platinum, #ECEDED)!important;
cursor: pointer;
}
.plp-filter-drop-parent-data .dropdown-menu-sort-by{
margin-top: 0px;
width: 180px;
left: -60px !important;
position: absolute;
top: 10px !important;
z-index: 11111111;
border-radius: 4px;
border: 1px solid var(--Neutral-Colors-Platinum, #ECEDED);
background: #FFF;
box-shadow: 0px 2px 2px 0px rgba(33, 37, 41, 0.06);
padding: 16px 12px;
left: auto;
}
.dropdown-menu-sort-by li{
  color: var(--Neutral-Colors-Jungle-blk, #0E1B1B);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border-bottom: 1px solid #ECEDED;
  margin-right: 0px !important;
  padding: 12px 0px;
}
.dropdown-menu-sort-by :first-child{
  padding-top: 0px;
}
.dropdown-menu-sort-by :last-child{
  border-bottom:unset;
}
.pdp-filter-select .dropdown-menu-sort-by {
  display: none ;
}
.selected-option{
  width: 100%;
}
.dropdown-menu-sort-by.show{
  display: block;
}
.pdp-btn-clear {
  color: #2D7DD2;
}
.pdp-new-notifiy-form input {
  margin-left: 5px;
  margin-right: 5px;
}
.dropdown-menu-sort-by :last-child {
  padding-bottom: 0px;
}
@media (max-width: 1350px) {
  .plp-filter-drop-parent-data .dropdown-menu-sort-by {
      left: -15px !important;
  }
}
@media (max-width: 1199px) {
  /* .filter-image h2{
    color: var(--Neutral-Colors-Jungle-blk, #0E1B1B);
text-align: right;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
  }
  .filter-image {
    display: flex;
    padding: 8px 12px;
    align-items: center;
    gap: 8px;
    border-radius: 4px;
    border: 1px solid var(--Neutral-Colors-Platinum, #ECEDED);
} */
  .filter-image img{width: 18px;
  height: 18px;}
  .pdp-new-notifiy-form input{
    margin-right: 0px;
    }
  /* .pdp-filter-select .plp-ul-flex {
    justify-content: space-between !important;
} */
.pdp-filter-select .dropdown-menu-sort-by {
  display: none ;
}
  .plp-parent-modal-btn-apply,.plp-mobile-search-modal{
left: auto;
right: 0px;
  }
  .image-background-div img {
    width: 93%;
    left: 13px;
    top: 13px;
  }
  .international-designation h1 {
    font-size: 21px;
    line-height: normal;
  }
  .international-designation p {
    color: var(--Neutral-Colors-Jungle-blk, #0e1b1b) !important;
    font-size: 16px;
  }
  .image-background-div {
    position: relative;
    background-size: 100% !important;
    height: 470px;
  }
  .padd-cart {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  #sessionTimeout .modal-content {
    padding: 16px;
    width: 87%;
  }
  .radio-payment {
    padding-top: 0px;
  }
  .CompanyInvoiceForm-new {
    margin: 0px;
    padding: 16px 0px 10px 0px;
    border-bottom: 2px solid #eceded;
  }
  .checkout-form-data-border-mob {
    margin-top: 0px;
    padding-top: 0px;
    border-top: unset;
  }
  #orderSummary.checkout-order-summary.checkout-order-summary-mob-mar {
    padding: 26px !important;
    margin-top: 10px;
  }
  .payment-method-radio h3 {
    margin-bottom: 16px;
  }
  .checkout-email-form-new {
    padding-bottom: 17px;
    border-bottom: 2px solid #eceded;
    padding-top: 0px;
  }
  .checkout-radio-items.checkout-new-company-tax {
    border-bottom: 2px solid #eceded;
    padding-bottom: 14px;
    margin-bottom: 0px;
  }
  .radio-payment {
    border-bottom: unset;
  }
  .text-hero-partnership-section {
    width: 100%;
  }
  .hero-partnership-section {
    padding: 16px;
    gap: 24px;
    flex-direction: column;
  }
  .open-submit-eid,
  .reupload-EID {
    width: 49%;
    margin-top: 0px !important;
  }
  .new-footer-payment-all-last {
    margin: 16px 0;
  }
  .authorized-by-footer {
    gap: 16px;
    align-items: unset;
    flex-direction: column;
  }
  .new-footer-payment-img {
    width: 100%;
    padding-bottom: 16px;
    padding-top: 16px;
  }
  
  .plp-filter-drop-parent-data .dropdown-menu-sort-by{
    margin-top: 0px;
    width: 180px;
    right: 35px;
    position: absolute;
    top: 33px !important;
    z-index: 11111111;
    border-radius: 4px;
    border: 1px solid var(--Neutral-Colors-Platinum, #ECEDED);
    background: #FFF;
    box-shadow: 0px 2px 2px 0px rgba(33, 37, 41, 0.06);
    padding: 16px 12px;
    }
    .dropdown-menu-sort-by.show{
      display: block;
    }
    .plp-filter-drop-parent-data .dropdown-menu-sort-by {
      left: -5px !important;
      }
  }

@media (max-width: 991px) {
  .new-home-course-prop-price .btn-outline-green {
    padding: 8px 10px;
  }
  .pdp-tab-overview-data p {
    margin-top: 16px !important;
  }
  .image-background-div {
    position: relative;
    background-size: 100% !important;
    height: 320px;
  }
  .new-home-top-banner h2 {
    font-size: 24px;
  }
  .textSlideEvent {
    height: 260px;
    display: flex;
    align-content: space-between;
  }
  .content-chat {
    overflow-y: scroll;
    height: 80%;
  }
  .plp-filter-drop-parent-data .dropdown-menu-sort-by {
    margin-top: 0px;
    width: 180px;
    left: 0px !important;
    }
}
@media (max-width: 768px) {
  .all-partnerships-section .partnerships-section {
    padding-bottom: 16px;
    border-bottom: #eceded solid 1px;
  }
  .partnerships-section {
    padding-top: 16px;
  }
  .image-background-div {
    height: 776px;
  }
  .international-designation a {
    width: 100% !important;
  }
  .cart-image {
    width: 80px;
    min-width: 70px;
  }
  .cart-price-item-new {
    display: grid;
    grid-template-columns: auto;
    column-gap: 34px;
    row-gap: 8px;
    margin-top: 8px;
  }
  .my-account-verfiy-box > p {
    align-items: flex-start;
  }
  .reupload-edit-info p {
    font-size: 14px !important;
  }
  .reupload-edit-info span {
    font-size: 14px;
  }
  .reupload-edit-info {
    gap: 2px;
    align-items: center;
  }
  .partnerships-section p {
    font-family: Inter;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
  }
  .upload-eid-div button {
    max-width: unset;
  }
  .error-upload-msg p,
  .error-upload-clear p {
    line-height: normal !important;
    color: var(--accent-feedback-colors-error-dark-red, #c10c00) !important;
  }

  /* .partnerships-section p::after {
    content: '\2026'; 
    display: inline-block;
    vertical-align: bottom;
  } */

  .select-sort-by {
    height: 33px;
    width: 180px;
    margin-right: 0px !important;
  }
  .new-select-sort {
    margin-right: 0px !important;
  }
  .tabs-partnership .nav-tabs .nav-link {
    font-size: 14px;
  }
  .tabs-partnership .nav-tabs .nav-link.active {
    font-size: 14px;
    font-weight: 600;
  }
  .text-hero-partnership-section h4 {
    font-size: 16px;
  }
  .text-hero-partnership-section h3 {
    font-size: 21px !important;
  }
  .pointer-slider span {
    width: 30px;
    height: 4px;
  }
  .hero-partnership-section {
    gap: 12px;
  }
  .arrow2:hover,
  .arrow1:hover {
    filter: none;
    /* background-color: #44bec9; */
  }
  .arrow_slide2 {
    height: auto;
  }
  .new-mobile-image {
    border-radius: 0px !important;
  }
  .padd-image {
    padding: 0px !important;
  }
  .arrow_slide-new {
    height: auto;
  }
  .arrow2,
  .arrow1 {
    width: 33px;
  }
  .instructors-view-mobile {
    flex-wrap: wrap;
    row-gap: 8px;
  }
  .see-all-div-new {
    margin-top: 24px;
  }
  .course-slider-new h3.title {
    border-top: none;
  }
  .courses-result {
    padding-left: 0px;
    border-left: none;
    padding-right: 0;
    border-right: none;
  }
  .resources-result {
    padding-right: 0px;
    padding-left: 0;
  }
  .no-resource-results,
  .no-course-results,
  .no-results {
    padding-top: 12px;
    margin-top: 12px;
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
  }
  .no-results {
    margin-top: 0px;
    padding-bottom: 24px;
    border-bottom: 1px solid #eceded;
    border-top: none;
    padding-top: 24px;
  }
  .spinner-border-search {
    width: 25px;
    height: 25px;
  }
  .dev-of-search-loading {
    height: 50px;
    text-align: center;
    padding-top: 20px;
  }

  .modal-search-content,
  .search-bar {
    padding-bottom: 16px !important;
    margin-bottom: 0px !important;
    border-bottom: 1px solid #eceded !important;
  }
  .card-course-result img {
    max-width: 95px;
  }
  .courses-result,
  .resources-result {
    width: 100%;
  }
  .info-course-search a {
    font-size: 14px;
    font-weight: 700;
  }
  .test-search {
    padding: 0px;
    box-shadow: none;
    border-radius: 0px;
    border: none;
    position: revert;
  }
  .courses-result {
    padding-right: 0px;
    border-right: none;
  }
  .resources-result {
    padding-left: 0px;
    padding-top: 24px;
  }
  .result-of-search {
    margin-top: 24px;
    flex-direction: column;
  }
  .search-bar input {
    font-size: 14px;
  }
  .link-popular-searches a {
    font-size: 12px;
    font-weight: 500;
  }
  .link-popular-searches {
    margin-top: 16px;
    /* gap: 12px; */
    margin-bottom: 24px;
    flex-wrap: wrap;
    column-gap: 32px;
    row-gap: 12px;
  }
  .test-search h3,
  .popular-searches h3 {
    font-size: 18px !important;
  }
  .popular-searches {
    margin-top: 12px;
  }
  .search-bar img {
    top: 10px;
  }
  .search-bar input {
    height: 40px;
  }

  /* .cart-number-circle-header-new {
    right: 36px !important;
  } */
  .pdp-course-attr-details .new-home-course-price h3 {
    line-height: normal !important;
  }
  .remove-padding {
    padding: 0px !important;
  }
  /* .certificate-text {
    padding-bottom: 75px;
  } */
  .new-certificate-section img {
    /* position: absolute;
    bottom: -150px;
    left: 0;
    right: 0;
    width: 254px; */
    margin: auto;
  }
  .new-certificate-section {
    flex-direction: column;
    padding: 32px 47px 0px 32px;
    gap: 25px;
    align-items: flex-start;
    position: relative;
    height: auto;
  }
  /* .new-certificate-section-parent {
    margin-bottom: 48px;
  } */
  .gift-image-text h3 {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  .gift-image-text img {
    height: 38px;
  }
  .join-course-section-gift a {
    margin-top: 16px;
    max-width: none;
  }
  .join-course-section-gift {
    padding: 16px;
  }
  .section-gift-link {
    display: block;
  }
  .my-learning-card {
    min-width: auto;
    border: none;
  }
  .plp-filter-drop-parent-data .dropdown-menu-sort-by {
    margin-top: 0px;
    min-width: 180px;
    left: 6px !important;
    top: 34px !important;
}
.pdp-new-notifiy-form input ,.plp-main-title{
  margin-left: 5px;
  margin-right: 5px;
}
}

@media (max-width: 575.98px) {
  .no-seats-modal {
    max-width: 95% !important;
  }
  .image-background-div {
    height: 506px;
  }
  .international-designation h1 {
    margin-top: 30px;
  }
  .image-background-div {
    position: relative;
    background-size: 100% !important;
    height: 420px;
  }
  .new-home-gray-img-last img {
    margin: 0px 12px;
    /* height: 55px; */
  }
  .new-home-gray-img-last img:first-child {
    margin-left: 0px;
  }
  .new-home-gray-img-last img:last-child {
    margin-right: 0px;
  }
  .textSlideEvent {
    height: 375px;
  }
  .height-chat {
    height: 100% !important;
  }
  .new-home-gray-img-last img {
    height: 60px;
  }
  .plp-pageination-new .pagination .page-item {
    margin: 0;
    margin-right: 5px;
  }
}
@media (max-width: 401px) {
  .image-background-div {
    position: relative;
    background-size: 100% !important;
    height: 350px;
  }
  .new-footer-payment-img {
    display: flex;
    gap: 5px;
    float: right;
    align-items: center;
    flex-direction: row;
    justify-content: flex-start;
  }
  .new-upload-div {
    justify-content: space-between;
  }
  #submitEID .modal-content {
    width: 97%;
    margin: auto;
  }
  #submitEID .btn {
    min-width: 95% !important;
  }
  .reupload-edit-info .btn {
    min-width: 48%;
    width: 119px;
  }
  .course-card-select h4 {
    width: 90%;
  }
  .height-chat {
    height: 100%;
  }
  .image-hero-partnership-section {
    display: flex;
    gap: 18px;
  }
  .new-home-gray-img-last img:first-child {
    margin-left: 0px;
  }
  .new-home-gray-img-last img:last-child {
    margin-right: 0px;
  }
  .plp-filter-drop-parent-data .dropdown-menu-sort-by {
    min-width: 150px;
    width: 150px;
}
.select-sort-by {
  width: 150px;
}
.plp-pageination-new .pagination .page-item {
  margin: 0;
  margin-right: 5px;
}
}

.breadcrumb .breadcrumb-item a, .partnerships-section a, .read-more-btn {
   color: var(--Accent-Feedback-Colors-Info-blue, #2d7dd2);
}