@charset "utf-8";


/* CSS Document */
:root {
  --bs-body-line-height: 1.35;
}

:root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #D23246;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #007bff;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;
}

:root {
  --desktop-header-bg: #2f3759;
  --desktop-header-link: #322959;
  --desktop-header-link-active: #461f00;
  --desktop-headings: #2f3757;
  --desktop-text: #2f3756;
  --desktop-link: #ffa842;
  --desktop-link-hover: #2f3755;
  --desktop-button-color: #ffa842;
  --desktop-button-color-hover-primary: #fe6a00;
  --desktop-button-color-hover-secondary: #a4e9d7;
  --desktop-button-text-primary: #2f3754;
  --desktop-button-text-secondary: #2f3753;
}

.row {
  --bs-gutter-x: 30px;
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  background-color: #fff;
  color: #a35a39;
}

.btn-primary::before,
.btn-secondary::before,
.btn-success::before {
  content: "";
}

/* html,body {
    overflow-x: hidden;
} */
body {
  background: #e9f8ff url("/themes/contrib/aristotle/dist/images/content/default-bg-pattern.png") center 106px no-repeat;
  background-size: 100%;
  color: #191919;
  font-size: 18px;
  font-family: Helvetica, 微軟正黑體, Microsoft JhengHei,
    PingFang TC 細明體_HKSCS-ExtB, "Ming(for ISO10646)ExtB", Arial, sans-serif;
  -webkit-overflow-scrolling: touch;
  line-height: 1.35;
  position: relative;
}

body.page-front {
  background-color: #fff;
  background-image: none;
}

ul:not(.field_name_body ul) li {
  list-style-type: none;
}

ol:not(.field_name_body ol),
ul:not(.field_name_body ul),
.about-olink-section2 ul,
.about-olink-ul {
  padding-left: 0;
}

.section-courses li::marker,
.footer li::marker,
.channels-nav-tabs ul li::marker,
.my-content-filter ul li::marker,
.about-olink-section2 ul li::marker {
  display: none !important;
  font-size: 0;
  color: transparent;
}

button,
input,
optgroup,
select,
textarea {
  color: #333;
}

a {
  color: #a35a39;
  transition: all 0.3s ease;
  text-decoration: none;
}

a:hover,
a:active,
a:focus {
  /* color: rgba(66, 135, 245, .75); */
  color: #B9572B;
}

#add-first-entity:focus,
#add-first-entity:hover,
#folder-add-content-links .folder-add-content-link a.focus,
#folder-add-content-links .folder-add-content-link a:focus,
#folder-add-content-links .folder-add-content-link a:hover,
#load-previous-messages:focus,
#load-previous-messages:hover,
.block-local_tasks_block ul a.focus,
.block-local_tasks_block ul a:focus,
.block-local_tasks_block ul a:hover,
.btn.focus,
.btn:focus,
.btn:hover,
.comment-comment-forum-form .focus.form-submit,
.comment-comment-forum-form .form-submit:focus,
.comment-comment-forum-form .form-submit:hover,
.focus#add-first-entity,
.focus#load-previous-messages,
.focus.tabledrag-toggle-weight,
.folder-menu-wrapper #tft-back-link:focus,
.folder-menu-wrapper #tft-back-link:hover,
.folder-menu-wrapper .focus#tft-back-link,
.tabledrag-toggle-weight:focus,
.tabledrag-toggle-weight:hover,
.ui-dialog-buttonset .focus.form-submit,
.ui-dialog-buttonset .form-submit:focus,
.ui-dialog-buttonset .form-submit:hover,
.view-opigno-calendar .content-box__info #today:focus,
.view-opigno-calendar .content-box__info #today:hover,
.view-opigno-calendar .content-box__info .focus#today,
form #edit-actions-delete:focus,
form #edit-actions-delete:hover,
form #edit-cancel:focus,
form #edit-cancel:hover,
form #edit-delete:focus,
form #edit-delete:hover,
form #edit-unpublish:focus,
form #edit-unpublish:hover,
form .focus#edit-actions-delete,
form .focus#edit-cancel,
form .focus#edit-delete,
form .focus#edit-unpublish,
form .focus.form-submit,
form .form-submit:focus,
form .form-submit:hover {
  /* background-color: var(--desktop-header-link-active); */
  background-color: #fe6a00;
  color: #fff;
}

#add-first-entity:not(:disabled):not(.disabled),
#folder-add-content-links .folder-add-content-link a:not(:disabled):not(.disabled),
#load-previous-messages:not(:disabled):not(.disabled),
.block-local_tasks_block ul a:not(:disabled):not(.disabled),
.btn:not(:disabled):not(.disabled),
.comment-comment-forum-form .form-submit:not(:disabled):not(.disabled),
.folder-menu-wrapper #tft-back-link:not(:disabled):not(.disabled),
.tabledrag-toggle-weight:not(:disabled):not(.disabled),
.ui-dialog-buttonset .form-submit:not(:disabled):not(.disabled),
.view-opigno-calendar .content-box__info #today:not(:disabled):not(.disabled),
form #edit-actions-delete:not(:disabled):not(.disabled),
form #edit-cancel:not(:disabled):not(.disabled),
form #edit-delete:not(:disabled):not(.disabled),
form #edit-unpublish:not(:disabled):not(.disabled),
form .form-submit:not(:disabled):not(.disabled) {
  background: var(--desktop-link);
  color: #461f00;
  border-radius: 0.625rem;
}

#add-first-entity:not(:disabled):not(.disabled):hover,
#folder-add-content-links .folder-add-content-link a:not(:disabled):not(.disabled):hover,
#load-previous-messages:not(:disabled):not(.disabled):hover,
.block-local_tasks_block ul a:not(:disabled):not(.disabled):hover,
.btn:not(:disabled):not(.disabled):hover,
.comment-comment-forum-form .form-submit:not(:disabled):not(.disabled):hover,
.folder-menu-wrapper #tft-back-link:not(:disabled):not(.disabled):hover,
.tabledrag-toggle-weight:not(:disabled):not(.disabled):hover,
.ui-dialog-buttonset .form-submit:not(:disabled):not(.disabled):hover,
.view-opigno-calendar .content-box__info #today:not(:disabled):not(.disabled):hover,
form #edit-actions-delete:not(:disabled):not(.disabled):hover,
form #edit-cancel:not(:disabled):not(.disabled):hover,
form #edit-delete:not(:disabled):not(.disabled):hover,
form #edit-unpublish:not(:disabled):not(.disabled):hover,
form .form-submit:not(:disabled):not(.disabled):hover {
  background-color: #fe6a00;
  color: #fff;
}

h6,
.h6,
h5,
.h5,
h4,
.h4,
h3,
.h3,
h2,
.h2,
h1,
.h1 {
  line-height: 1.35;
}

h1 {
  font-weight: 600;
  letter-spacing: 0.05em;
  color: #322959;
}

h2,
.block-page-title-block h2 span,
.block-page-title-block .js-quickedit-page-title {
  font-weight: 600;
  letter-spacing: 0.1em;
  color: #322959;
}

h3,
h4 {
  font-weight: 600;
  letter-spacing: 0.05em;
  color: #4b4e59;
}

h5,
h6 {
  font-weight: 600;
  letter-spacing: 0.05em;
  color: #4b4e59;
}

p {
  color: #686868;
  transition: all 0.3s ease;
  text-decoration: none;
  margin-bottom: 20px;
}

main {
  font-size: 18px;
}

.block-page-title-block h2 span,
.block-page-title-block .js-quickedit-page-title {
  margin: 50px auto 40px;
  text-align: center;
  font-weight: 600;
  line-height: 53px;
  letter-spacing: 0.1em;
  color: #322959;
  font-size: 40px;
  display: block;
}

.page-view-olink-channel-link-all-page-1 .block-page-title-block .js-quickedit-page-title,
.page-view-olink-channel-link-all-by-chann-name-page-1 .block-page-title-block .js-quickedit-page-title,
.page-view-olink-channel-link-latest-prog-page-1 .block-page-title-block .js-quickedit-page-title {
  font-size: 40px !important;
}

.h2 span {
  color: #322959;
  font-weight: 600;
  letter-spacing: 0.05em;
}

.section-catalogue .page-main {
  display: unset;
}

.cover-link {
  text-indent: -9999px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
}

table {
  font-size: 18px;
}

.section-none {
  display: none;
}

@media all and (min-width: 992px) {

  h1,
  .h1 {
    font-size: 45px;
  }

  h2,
  .h2,
  .block-page-title-block h2 span,
  .block-page-title-block .js-quickedit-page-title {
    font-size: 36px !important;
  }

  h3,
  .h3 {
    font-size: 22px;
  }

  h4,
  .h4 {
    font-size: 20px;
  }

  h5,
  .h5 {
    font-size: 18px;
  }

  h6,
  .h6 {
    font-size: 16px;
  }
}

@media all and (max-width: 991.98px) {

  h1,
  .h1 {
    font-size: 40px;
  }

  h2,
  .h2,
  .block-page-title-block h2 span,
  .block-page-title-block .js-quickedit-page-title {
    font-size: 32px;
  }

  .page-view-olink-channel-link-all-page-1 .block-page-title-block .js-quickedit-page-title,
  .page-view-olink-channel-link-all-by-chann-name-page-1 .block-page-title-block .js-quickedit-page-title,
  .page-view-olink-channel-link-latest-prog-page-1 .block-page-title-block .js-quickedit-page-title {
    font-size: 32px !important;
  }

  h3,
  .h3 {
    font-size: 20px;
  }

  h4,
  .h4 {
    font-size: 18px;
  }

  h5,
  .h5 {
    font-size: 16px;
  }

  h6,
  .h6 {
    font-size: 14px;
  }

  .block-page-title-block h2 span,
  .block-page-title-block .js-quickedit-page-title {
    margin: 0 auto;
  }
}

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  padding-left: 15px;
  padding-right: 15px;
}

.container .container {
  padding-left: 0;
  padding-right: 0;
}

@media (min-width: 576px) {

  .container,
  .container-fluid,
  .container-xxl,
  .container-xl,
  .container-lg,
  .container-md,
  .container-sm {
    max-width: none;
  }
}

@media (max-width: 576px) {

  h1,
  .h1 {
    font-size: 24px;
  }
}

@media (min-width: 768px) {

  .container,
  .container-fluid,
  .container-xxl,
  .container-xl,
  .container-lg,
  .container-md,
  .container-sm {
    padding-left: 50px;
    padding-right: 50px;
  }
}

.content-col {
  flex: 1 0 0%;
}

.content-col ul li span {
  font-size: 18px;
  line-height: 28px;
  color: #393939;
  margin-left: 10px;
}

.content-col ul li span a {
  color: #393939;
  text-decoration: none;
}

.content-col ul li.olink_score .icon {
  width: 25px;
  height: 24px;
  background-image: url("/themes/contrib/aristotle/dist/images/content/epartner/score.svg");
  background-repeat: no-repeat;
}

.content-col ul li.olink_score.active .icon {
  background-image: url("/themes/contrib/aristotle/dist/images/content/KOL_video_detail_live/olink_hover_score.svg");
}

.content-col ul li.olink_send_wts_from_tax .icon {
  width: 28px;
  height: 24px;
  background-image: url("/themes/contrib/aristotle/dist/images/content/KOL_video_detail_live/olink_whatsapp.svg");
  background-repeat: no-repeat;
}

.content-col ul li.olink_like img,
.content-col ul li.olink_like .icon {
  width: 28px;
  height: 24px;
  background-image: url("/themes/contrib/aristotle/dist/images/content/KOL_video_detail_live/olink_like.svg");
  background-repeat: no-repeat;
}

.content-col ul li.olink_rate img,
.content-col ul li.olink_rate .icon {
  width: 28px;
  height: 24px;
  background-image: url("/themes/contrib/aristotle/dist/images/content/KOL_video_detail_live/olink_like.svg");
  background-repeat: no-repeat;
}

.content-col ul li.olink_like.active .icon {
  background-image: url("/themes/contrib/aristotle/dist/images/content/KOL_video_detail_live/olink_hover_like.svg");
}

.content-col ul li.olink_rate.active .icon {
  background-image: url("/themes/contrib/aristotle/dist/images/content/KOL_video_detail_live/olink_hover_like.svg");
}

.olink_like {
  position: relative;
}

.olink_like span.like_count_tol {
  margin-left: 2px;
  color: #461f00;
}

.content-col ul li.olink_share img,
.content-col ul li.olink_share .icon {
  width: 23px;
  height: 24px;
  background-image: url("/themes/contrib/aristotle/dist/images/content/KOL_video_detail_live/olink_share.svg");
  background-repeat: no-repeat;
}

.content-col ul li.olink_share.active .icon {
  background-image: url("/themes/contrib/aristotle/dist/images/content/KOL_video_detail_live/olink_hover_share.svg");
}

.content-col ul li.olink_bookmark img,
.content-col ul li.olink_bookmark .icon {
  width: 28px;
  height: 24px;
  background-image: url("/themes/contrib/aristotle/dist/images/content/KOL_video_detail_live/olink_bookmark.svg");
  background-repeat: no-repeat;
}

.content-col ul li.olink_bookmark.active .icon {
  background-image: url("/themes/contrib/aristotle/dist/images/content/KOL_video_detail_live/olink_hover_bookmark.svg");
}

.content-col ul {
  margin-bottom: 0;
}

.content-col ul li {
  margin-left: 25px;
  cursor: pointer;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-50 {
  margin-bottom: 50px;
}

.back-btn a {
  display: none;
}

.hksa_logo {
  width: 185px;
}

#block-customcss {
  display: none;
}

.content-box__title {
  display: none;
}

.contextual-region {
  position: relative;
}

@media (min-width: 1510px) {

  .container-xxl,
  .container-xl,
  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: 1510px;
    margin: 0 auto;
  }

  header .container-xxl,
  header .container-xl,
  header .container-lg,
  header .container-md,
  header .container-sm,
  header .container {
    max-width: 1668px;
    margin: 0 auto;
  }
}

@media (max-width: 991.98px) {

  .layout--twocol-section.layout--twocol-section--33-67>.layout__region--second,
  .layout--twocol-section.layout--twocol-section--33-67>.layout__region--first,
  .layout--twocol-section.layout--twocol-section--67-33>.layout__region--second,
  .layout--twocol-section.layout--twocol-section--67-33>.layout__region--first
   {
    flex: 0 1 100%;
  }

  .block-page-title-block h2 {
    margin-top: 50px;
  }

  .content-col ul li span {
    /* display: none; */
  }

  .group-opigno-course .course-details-top-icon,
  .get-e123-ngo-info-to-product-details .e123-ngo-info {
    margin-bottom: 10px;
  }

  .content-col ul li {
    margin-left: 10px;
  }
}

body.role-authenticated-only header.page-header>div:nth-child(1),
body.role-isactivemember header.page-header>div:nth-child(1),
body.role-isstarmember header.page-header>div:nth-child(1),
body.role-isdiamondmember header.page-header>div:nth-child(1),
body.class-by-role-kol header.page-header>div:nth-child(1),
body.class-by-role-epartner header.page-header>div:nth-child(1) {
  display: none !important;
}

.form-textarea {
  width: 100%;
}

.btn-primary {
  border-color: var(--desktop-button-color);
  color: var(--desktop-button-text-primary);
  border: 2px solid var(--desktop-button-color);
  background-color: var(--desktop-button-color);
  background-color: var(--desktop-button-color);
  background-size: 30px;
  padding: 0.625rem 2rem;
  border-radius: 8px;
}

.btn-primary:focus {
  border-color: var(--desktop-button-color);
  box-shadow: 0 0 0 0.25rem var(--desktop-button-color);
}

/* sequence CSS ------------------------------------------------------------------------------*/
.paragraph--type--sequence-item {
  position: relative;
  padding-left: 1.4em;
  margin-bottom: 40px;
}

.paragraph--type--sequence-item p {
  margin-bottom: 0.75rem;
}

.paragraph--type--sequence-item .field_name_field_sorting {
  position: absolute;
  left: 0;
  top: 2px;
  font-size: 20px;
}

.paragraph--type--sequence-item .field_name_field_sequence_paragraph .paragraph--type--sequence-item {
  padding-left: 2.05em;
}

.paragraph--type--sequence-item .field_name_field_sequence_paragraph .field_name_field_sorting {
  top: 0px;
  font-size: 18px;
}

.paragraph--type--sequence-item .field_name_field_sequence_paragraph .paragraph--type--sequence-item .field_name_field_sequence_paragraph .paragraph--type--sequence-item {
  padding-left: 2.7em;
}

.paragraph--type--sequence-item .field_name_field_head {
  font-weight: bold;
}

/* form CSS ------------------------------------------------------------------------------*/
.comment-form .form-item .form-textarea {
  background: #fff;
  display: block;
  width: 100%;
}

.comment-form .container {
  padding: 0;
}

.comment-form .container .js-form-item {
  margin-right: 0;
}

.comment-form .js-form-wrapper {
  flex-direction: row-reverse !important;
  display: flex !important;
  margin-top: 20px;
}

form.comment-form .js-form-wrapper .form-submit {
  border-radius: 8px;
  padding: 13px 40px 13px 90px;
  background: #ffa842 url(/themes/contrib/aristotle/dist/images/content/KOL_video_detail_live/fluent_send.svg) no-repeat;
  background-position: right 38% bottom 45%;
  position: relative;
}

form.comment-form .js-form-wrapper .form-submit:hover {
  color: #fff;
  background: #fe6a00 url(/themes/contrib/aristotle/dist/images/content/KOL_video_detail_live/fluent_send_white.svg) no-repeat;
  background-position: right 38% bottom 45%;
}

.user-messages-auto-check .comment-form .js-form-wrapper {
  display: unset !important;
}

.user-messages-auto-check form.comment-form .js-form-wrapper .form-submit,
.private-message-add-form .form-submit {
  background-position: center;
  border: 2px solid var(--desktop-button-color);
  border-radius: 8px;
  min-height: 2.5rem;
  min-width: 9.75rem;
  padding-left: 2.5rem;
  text-indent: -9999px;
  width: auto;
  color: #461f00 !important;
}

.private-message-add-form .form-submit {
  margin-top: 20px;
}

.private-message-add-form .form-submit:hover {
  background-color: #ffa842;
}

.webform-confirmation__back {
  margin-top: 20px;
}

/* input CSS ------------------------------------------------------------------------------*/
/* .form-select.bootstrap-select>.dropdown-menu[x-placement^=bottom] {
    min-width: 13.625rem;
    width: 100%;
} */

.form-select {
  background-image: none;
  padding: 0;
  border: none;
  background-color: unset;
}

.form-select.bootstrap-select>.dropdown-toggle {
  background: #ffffff;
  border: 1px solid #d6d8eb;
  border-radius: 8px;
  padding: 8px 17px 8px 20px;
  min-width: auto;
  white-space: inherit;
}

.admin-learning-path .form-select.bootstrap-select>.dropdown-toggle,
.section-admin .form-select.bootstrap-select>.dropdown-toggle,
.admin-learning-path .form-number {
  background: #ffffff;
  border: 1px solid #d6d8eb;
  border-radius: 8px;
  padding: 12px 23px 12px 15px;
}

.admin-learning-path .form-select.bootstrap-select .dropdown-menu,
.section-admin .form-select.bootstrap-select .dropdown-menu {
  background-color: #fff;
}

.section-admin .field--name-field-certificate-expire .js-form-type-checkbox label.option,
.admin-learning-path .field--name-field-certificate-expire .js-form-type-checkbox .description {
  padding-left: 26px;
}

.admin-learning-path .form-item .description,
.section-admin .form-item {
  flex-wrap: wrap;
}

.admin-learning-path .form-item .description,
.section-admin .form-item .description {
  color: #676767;
  font-size: 14px;
  font-style: normal;
  flex: 0 1 100%;
  margin-top: 10px;
}

.views-exposed-form .form-items-group>.form-item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* -webkit-box-flex: unset;
    -ms-flex: unset;
    flex: unset; */
}

.page-kol .view-id-olink_programme_list .views-exposed-form .form-items-group>.form-item.form-item-sort-by,
.page-kol .view-id-olink_programme_list .views-exposed-form .form-items-group>.form-item.form-item-sort-order,
#views-exposed-form-olink-channel-link-all-page-1 .form-item.form-item-sort-by,
#views-exposed-form-olink-channel-link-all-page-1 .form-item.form-item-sort-order,
#views-exposed-form-olink-channel-link-all-page-1 .form-item.form-item-prog-t,
#views-exposed-form-olink-products-variation-list-block-1 .form-item-sort-by,
#views-exposed-form-olink-products-variation-list-block-1 .form-item-sort-order,
#views-exposed-form-olink-channel-link-latest-prog-page-1 .form-item-t,
#views-exposed-form-olink-channel-link-latest-prog-page-1 .form-item.form-item-sort-by,
#views-exposed-form-olink-channel-link-latest-prog-page-1 .form-item.form-item-sort-order {
  display: none !important;
}

#views-exposed-form-olink-channel-link-latest-prog-page-1 .js-form-item-epartner-active-tid select {
  font-size: .875rem;
  position: relative;
  width: 100%;
  white-space: nowrap;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background: #ffffff;
  border: 1px solid #d6d8eb;
  border-radius: 8px;
  padding: 8px 17px 8px 20px;
  min-width: auto;
  white-space: inherit;
  font-size: 18px;
}

#views-exposed-form-olink-channel-link-latest-prog-page-1 .js-form-item-epartner-active-tid select option {
  background-color: #fff;
  color: #686868;
  text-overflow: ellipsis;
}

.views-exposed-form .form-items-group>.form-item .label label {
  font-weight: 400;
  font-size: 22px;
  line-height: 29px;
  color: #686868;
  margin-right: 16px;
  margin-bottom: 0;
}

.views-exposed-form .form-items-group .form-search {
  background: #ffffff;
  border: 1px solid #d6d8eb;
  border-radius: 8px;
  height: 40px;
  min-width: none;
}

.views-exposed-form .form-items-group input[type="date"] {
  background: #ffffff;
  border: 1px solid #d6d8eb;
  border-radius: 8px;
  width: 100%;
  min-width: auto;
  padding: 8px;
  white-space: inherit;
}

#catalog-filter-parent .form-items-group .form-submit,
#block-opigno-training-catalog-filter #catalog-filter-parent .form-items-group .form-submit {
  background: #ffa842;
  background-image: url(/themes/contrib/aristotle/dist/images/content/epartner/search.svg);
  background-repeat: no-repeat;
  background-size: 20px;
  background-position-x: 50%;
  background-position-y: 50%;
  border-radius: 8px;
  color: #461f00;
  width: 40px;
  height: 40px;
  margin: 0;
  position: relative;
}

::-webkit-input-placeholder {
  color: #747474
}

::-moz-placeholder {
  color: #747474
}

:-ms-input-placeholder {
  color: #747474
}

:-moz-placeholder {
  color: #747474
}

/* color CSS ------------------------------------------------------------------------------*/
.bg-green {
  background: #f2f6e5;
  padding: 100px 0;
}

.bg-white {
  background: #fff;
  padding: 100px 0;
}

.bg-blue {
  background: #edf9ff;
  padding: 100px 0;
}

/* login CSS ------------------------------------------------------------------------------*/
body.user-not-logged-in #block-mainnavigation,
body.user-not-logged-in.page-node-channel_olink .layout-builder__layout .col-lg-9>div:last-child,
body.user-not-logged-in .channel-olink-comments {
  display: none;
}

/* block-tabs CSS ------------------------------------------------------------------------------*/
#block-tabs {
  position: fixed;
  bottom: 0;
  z-index: 999;
  background-color: #fff;
  margin: 15px;
  padding: 15px;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  border-radius: 15px;
}

#block-tabs>ul li {
  margin: 0;
  margin-left: 10px;
}

/* breadcrumb CSS ------------------------------------------------------------------------------*/
body:not(.page-front) .page-header::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  top: 50px;
  background: #d0efff;
  border-radius: 0px 0px 30px 30px;
}

.back-btn {
  top: 20px;
}

#block-breadcrumbs ol {
  display: flex;
  flex-direction: row;
  margin: 0;
  padding-top: 16px;
  padding-bottom: 16px;
  overflow-x: auto;
  overflow-y: hidden;
}

#block-breadcrumbs ol li {
  list-style-type: none;
  margin-right: 37px;
  position: relative;
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  letter-spacing: 0.05em;
  color: #575757;
  white-space: nowrap;
}

#block-breadcrumbs ol li::before {
  background: url(/themes/contrib/aristotle/dist/images/homepage/breadcrumb-arrow.svg) no-repeat;
  content: "";
  width: 9px;
  height: 16px;
  position: absolute;
  top: 2px;
  left: -23px;
}

#block-breadcrumbs ol li:nth-child(1):before {
  font-size: 0;
}

#block-breadcrumbs ol li a {
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  letter-spacing: 0.05em;
  color: #575757;
}

/* body.user-logged-in {
    padding-top: 79px;
}
body.user-logged-in .fixed-top {
    top: 79px;
}
header.page-header {
    position: fixed;
} */
/* header CSS ------------------------------------------------------------------------------*/
header.page-header {
  background-color: #fff;
  box-shadow: 0px 8px 8px rgb(67 118 179 / 20%);
  padding: 0 0 15px;
}

.page-front header.page-header {
  z-index: 100;
}

header.page-header .header-top {
  padding: 15px 0 13px 0;
  border-bottom: 1px solid #e0e7f0;
  margin-bottom: 15px;
  position: relative;
}

header.page-header .header-top img.logo {
  /* width: 188px; */
  width: 320px;
}

header.page-header .header-bottom-logo {
  margin-top: 10px;
}

header.page-header .header-bottom-logo span {
  font-weight: bold;
  font-size: 16px;
  color: #555555;
  display: block;
}

header.page-header .header-bottom-logo img {
  width: auto;
  height: 60px;
}

header.page-header .header-top>div:nth-child(1)>a:nth-child(1) {
  position: absolute;
  left: 0;
}

header.page-header .header-top>div:nth-child(1)>a:nth-child(2) {
  margin: auto;
}

header.page-header .header-top>div:nth-child(1)>a:nth-child(2) h1 {
  visibility: hidden;
  position: absolute;
}

header.page-header .header-top>div .header-right {
  position: absolute;
  right: 0;
}

header.page-header .header-top>div .header-right .header-olink-notif .dropdown-menu-right {
  padding: 22px 0;
  transform: none !important;
  top: 60px !important;
}

header.page-header .header-top>div .header-right .header-olink-notif .olink-notif-header {
  font-size: 22px;
  font-weight: 600;
}

header.page-header .header-top>div .header-right .header-olink-notif .olink-notif-list li {
  padding: 11px 22px;
}

header.page-header .header-top>div .header-right .header-olink-notif .olink-notif-list li a {
  font-size: 16px;
}

header.page-header .header-top>div .header-right .header-olink-notif .olink-notif-list-all a {
  background-color: var(--desktop-button-color);
  border-radius: 8px;
  color: #461f00;
  display: block;
  text-decoration: none;
  height: 42px;
  line-height: 20px;
  padding: 12px;
  text-align: center;
}

header.page-header .header-top>div .header-right .header-olink-notif .olink-notif-list-all a:hover {
  background-color: #fe6a00;
  color: #fff;
}

header.page-header .header-top>div .header-right .header-olink-notif .olink-notif-icon-wrapper-dropdown::before {
  background: url(../images/header/notice.svg) no-repeat;
  content: '';
  display: inline-block;
  width: 21px;
  height: 22px;
}

header.page-header .header-top .header-login {
  height: 48px;
  background-color: #fff5e9;
  border-radius: 30px;
  padding: 9px 16px;
  position: relative;
  transition: 0.3s ease;
}

header.page-header .header-top .header-login ul li span {
  display: flex;
  align-items: center;
  height: 100%;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #a35a39;
}

header.page-header .header-top .header-login ul li:nth-child(1) span {
  padding-left: 13px;
}

header.page-header .header-top .header-login ul li:nth-child(2) {
  margin: 0 10px;
}

header.page-header .header-top .header-login ul li a {
  height: 100%;
}

header.page-header .header-top .header-login ul li:nth-child(2) {
  height: 30px;
  width: 1px;
  background-color: #b57b60;
}

header.page-header .header-top .header-right a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  height: 100%;
  margin-right: 14px;
  position: relative;
}

header.page-header .header-top .header-right .have_dot a {
  position: relative;
}

header.page-header .header-top .header-right .have_dot a::after {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  background-color: red;
  z-index: 2;
  top: 8px;
  left: -2px;
  border-radius: 50%;
}

header.page-header .header-top .header-login>ul>li:nth-child(1) a {
  margin-right: 0;
}

header.page-header .header-top .header-right a span {
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  color: #3f3763;
  margin-left: 5px;
}

header.page-header .header-top .header-login>ul>li:nth-child(1) a img {
  width: 32px;
  height: 32px;
  border-radius: 50px;
  object-fit: cover;
}

body.user-logged-in header.page-header .header-top .header-login>ul>li:nth-child(3) a span {
  text-overflow: ellipsis;
  line-height: 32px;
  white-space: nowrap;
  display: block;
  width: 120px;
  overflow: hidden;
}

/* header-menu */
header.page-header .block-notifications .block-notifications__item--setup .notification-list>li>a {
  font-size: 16px;
  color: #000;
}

header.page-header .block-notifications .block-notifications__item--setup .notification-list>li {
  padding: 1rem 0;
  border-bottom: 1px solid;
}

header.page-header .block-notifications .block-notifications__item--setup .notification-list>li>ul>li {
  padding: 2px 0;
}

header.page-header .block-notifications .block-notifications__item--setup .notification-list>li>ul>li>a {
  padding: 0.5rem 0;
  font-size: 15px;
}

/* main-menu */
header.page-header .header-menu {
  position: relative;
}

header.page-header .header-menu .header-otherFunctions {
  position: absolute;
  right: 10px;
  width: 105px;
  height: 27px;
}

header.page-header .header-menu .header-otherFunctions ul {
  margin-bottom: 0;
}

header.page-header .header-menu .header-otherFunctions>ul>li:nth-child(2) {
  height: 24px;
  width: 1px;
  background-color: #e0e7f0;
}

header.page-header .header-menu .header-otherFunctions ul li .img-fluid {
  width: 22px;
  height: auto;
}

header.page-header .header-menu .header-otherFunctions ul>li>.dropdown>a {
  font-size: 18px;
  letter-spacing: 0.05em;
  color: #555555;
}

header.page-header .main-menu__link,
.main-menu__link span {
  font-weight: 400;
  font-size: 20px;
  line-height: 27px;
}

header.page-header .main-menu__link:focus {
  color: #B9572B;
}

header.page-header .region-main-menu .main-menu__item {
  cursor: pointer;
  padding: 0 15px;
  position: relative;
}

header.page-header .mobile-header .main-menu .main-menu__item ul {
  background-color: unset !important;
  /* padding-top: 0; */
  border: unset;
}

header.page-header .region-main-menu .main-menu>li.main-menu__item>ul {
  display: none;
  padding-left: 0;
  background-color: #fff;
  box-shadow: 0px 8px 8px rgb(67 118 179 / 20%);
  position: absolute;
  width: 100%;
  z-index: 101;
  min-width: 184px;
  border-radius: 4px;
  left: 0;
  top: 28px;
  overflow: hidden;
}

header.page-header .region-main-menu .main-menu>li.main-menu__item>ul>li {
  padding-left: 0;
  padding-right: 0;
}

header.page-header .region-main-menu .main-menu>li.main-menu__item>ul>li>a {
  text-align: left;
  padding: 10px 25px;
  display: block;
}

header.page-header .region-main-menu .main-menu>li.main-menu__item>ul>li>a>span {
  font-size: 18px;
}

header.page-header .region-main-menu .main-menu>li.main-menu__item>ul>li:hover,
header.page-header .region-main-menu .main-menu>li.main-menu__item>ul>li>a.is-active {
  background-color: #ffa842;
}

header.page-header .region-main-menu .main-menu>li.main-menu__item>ul>li:hover a span,
header.page-header .region-main-menu .main-menu>li.main-menu__item>ul>li>a.is-active {
  color: #fff;
}

header.page-header .region-main-menu .main-menu>li.main-menu__item:hover>ul {
  display: block;
}

.mobile-menu-btn {
  margin-top: -140px;
  width: 32px;
  height: 28px;
  right: 16px;
}

.mobile-menu-btn span {
  background: #45589b;
  height: 4px;
  width: 32px;
  border-radius: 1px;
  margin-bottom: 6px;
}

header.page-header .dropdown-menu.dropdown-menu-right.lang-selection-list {
  min-width: unset;
  padding: 0;
}

header.page-header .dropdown-menu.dropdown-menu-right.lang-selection-list li {
  display: inline-block;
  width: 100%;
}

header.page-header .dropdown-menu.dropdown-menu-right.lang-selection-list a {
  padding: 10px 35px;
  display: block;
  letter-spacing: 0.05em;
  color: #333;
  white-space: nowrap;
}

header.page-header .dropdown-menu.dropdown-menu-right.lang-selection-list a:hover {
  background-color: #ffa842;
  color: #461f00;
}

header.page-header .header-menu .mobile-header-wrapper .mobile-header ul.lang-selection-list li {
  width: 50%;
}

header.page-header .header-menu .mobile-header-wrapper .mobile-header ul.lang-selection-list li a {
  background-color: #fff5e9;
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
  border: 1px solid;
}

header.page-header .header-menu .mobile-header-wrapper .mobile-header ul.lang-selection-list li a:hover,
header.page-header .header-menu .mobile-header-wrapper .mobile-header ul.lang-selection-list li a:active,
header.page-header .header-menu .mobile-header-wrapper .mobile-header ul.lang-selection-list li a:focus {
  color: #A94012;
}

header.page-header .header-menu .mobile-header-wrapper .mobile-header ul.lang-selection-list li:nth-child(1) {
  display: none;
}

/* nav pager CSS ------------------------------------------------------------------------------*/
nav.pager {
  margin-top: 20px;
}

nav.pager ul li {
  background: #ffffff;
  padding: 8px 15px;
}

nav.pager ul li a {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  color: #354e73;
}

nav.pager ul li.is-active a {
  color: #2c69c4;
}

/* chat-bot CSS ------------------------------------------------------------------------------*/
.chat-bot {
  position: fixed;
  right: 0;
  bottom: 120px;
  z-index: 999;
  cursor: pointer;
  background-color: #fff;
  border-radius: 15px 0 0 15px;
  box-shadow: 0px 4px 4px rgba(241, 193, 139, 0.5);
  /* background: url(/themes/contrib/aristotle/dist/images/content/robot-bg.png) no-repeat;
  background-size: cover; */
  text-align: center;
  width: 114px;
  min-height: 104px;
}

.chat-bot img {
  width: 82px;
  position: absolute;
  left: calc(50% - 41px);
  top: -13px;
}

.chat-bot a {
  text-decoration: none;
}

.chat-bot p {
  color: #a35a39;
  font-size: 18px;
  margin-bottom: 0;
  margin-top: 49px;
  position: relative;
}

.chat-bot p span {
  font-size: 13px;
  display: block;
}

/* ion_reload CSS ------------------------------------------------------------------------------*/
.ion_reload button {
  border-color: #e0e0e0;
  font-weight: 400;
  font-size: 20px;
  line-height: 27px;
  letter-spacing: 0.05em;
  color: #461f00;
}

.ion_reload button:hover {
  background-color: #ffa842;
  border-color: #ffa842;
}

.ion_reload button img {
  display: inline-block;
  margin-right: 5px;
}

/* page-front CSS ------------------------------------------------------------------------------*/
.section_padding {
  padding: 7rem 0 8rem 0;
}

.dialog-off-canvas-main-canvas .page-main>.container {
  padding-top: 0;
}

.dialog-off-canvas-main-canvas .page-main>.container.meeting-start-soon {
  padding-top: 20px;
}

.page-front .contextual-region>h2 {
  display: none;
}

/* .page-front article>div {
    overflow: hidden;
} */

.page-front h2 {
  font-weight: 600;
  letter-spacing: 0.05em;
  margin-bottom: 45px;
}

.readMore {
  margin-top: 10px;
}

.readMore a {
  font-weight: 400;
  font-size: 22px;
  letter-spacing: 0.05em;
  color: #393939;
  width: 133px;
  position: relative;
  padding-left: 40px;
}

.readMore a::before {
  content: "\f11b";
  font-family: uicons-regular-rounded !important;
  font-style: normal;
  font-variant: normal;
  display: block;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 10px;
  font-size: 30px;
  font-weight: bold;
  display: inline-block;
  top: 0px;
  position: absolute;
  left: 0px;
}

.section-service .service-subcontent-2 .service-2 a img {
  object-fit: contain;
}

/* homepage-swiper CSS --------------------------------------*/
.view-homepage-swiper .content-box__title {
  display: none;
}

.homepageSwiper {
  height: auto;
  aspect-ratio: 16 / 9;
  /* margin-top: -50px; */
  background-color: #000;
}

.homepageSwiper .swiper-slide img {
  width: 100%;
  height: 100%;
}

.homepageSwiper .swiper-button-next,
.homepageSwiper .swiper-button-prev,
.swiper-channel-link-all-button-next,
.swiper-channel-link-all-button-prev {
  width: 50px;
  height: 50px;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: rgb(94 111 170 / 20%) 0px 7px 29px 0px;
}

.homepageSwiper .swiper-button-next:after,
.homepageSwiper .swiper-button-prev:after,
.swiper-channel-link-all-button-next:after,
.swiper-channel-link-all-button-prev:after {
  font-size: 28px;
  color: #5e6faa;
  font-weight: bold;
  top: 13px;
  position: absolute;
}

.homepageSwiper .swiper-button-next:after,
.swiper-channel-link-all-button-next:after {
  right: 15px;
}

.homepageSwiper .swiper-button-prev:after,
.swiper-channel-link-all-button-prev:after {
  left: 15px;
}

.homepageSwiper .swiper-button-next.swiper-button-disabled,
.homepageSwiper .swiper-button-prev.swiper-button-disabled,
.swiper-channel-link-all-button-next.swiper-button-disabled,
.swiper-channel-link-all-button-prev.swiper-button-disabled {
  opacity: 0.5;
}

.homepageSwiper .icon {
  position: absolute;
  bottom: 20px;
  right: 20px;
  z-index: 1;
}

.homepageSwiper .icon button {
  background-color: #fff;
  border: none;
  border-radius: 5px;
  box-shadow: 0px 3px 10px #dfdfdf;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}

.homepageSwiper .icon button img {
  width: auto;
  height: 20px;
}

/* .homepageSwiper .icon .swiper-button-play {
  display: none;
} */

/* homepage-search  CSS ------------------------------------*/
.section-search {
  background: -webkit-linear-gradient(180deg, #fff4d7 0%, #ffe0bc 100%);
  max-width: none;
}

.section-search>.layout__region--content {
  background: rgba(252, 254, 255, 0.85);
  box-shadow: 0px 3px 10px rgb(235 195 162 / 80%);
  backdrop-filter: blur(25px);
  border-radius: 15px;
  max-width: 1410px;
  width: auto;
  margin: 0 auto;
  margin-top: -90px;
  padding: 30px 40px 15px;
  position: relative;
  z-index: 99;
}

.section-search .view-id-popularsearches {
  display: flex;
  flex-direction: row;
}

.section-search .view-id-popularsearches .content-box__info {
  flex: 0 0 auto;
  margin-bottom: 0;
}

.section-search .view-id-popularsearches .item-list ul {
  margin-bottom: 0;
}

.section-search .view-id-popularsearches .item-list ul li {
  float: left;
}

.section-search .view-id-popularsearches .item-list ul li>div {
  display: block;
}

.section-search .view-id-popularsearches .content-box__info p {
  font-weight: 600;
  font-size: 20px;
  line-height: 27px;
  letter-spacing: 0.05em;
  color: #686868;
  margin-bottom: 0;
  padding: 8px 0;
}

.section-search .view-id-popularsearches .item-list ul li span {
  background: #e1f4ff;
  border-radius: 30px;
  display: block;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.05em;
  color: #4b4e59;
  margin-left: 15px;
  margin-bottom: 15px;
  padding: 8px 12px;
  cursor: pointer;
}

.section-search form.section-formSearch {
  margin-bottom: 30px;
}

.section-formSearch-item {
  margin-bottom: 20px;
}

.section-search form.section-formSearch>p {
  margin-bottom: 0;
}

.section-search form.section-formSearch>div:nth-child(1) select,
.section-search form.section-formSearch>div:nth-child(2) input {
  background-color: #fff;
  border: #d6d8eb 1px solid;
  border-radius: 8px;
  color: #a6a6a6;
  height: 50px;
  padding: 13px 19px;
}

.section-search form.section-formSearch .btn {
  background-color: #ffa842;
  border-radius: 8px;
  min-width: auto;
  height: 50px;
  padding-left: 50px;
  padding-right: 45px;
  transition: all 0.3s ease;
}

.section-search form.section-formSearch .btn:hover {
  background-color: #fe6a00;
  color: #fff;
}

.section-search form.section-formSearch .btn span {
  background: url(/themes/contrib/aristotle/dist/images/homepage/btn-search-icon.svg) center center no-repeat;
  display: inline-block;
  width: 26px;
  height: 26px;
  vertical-align: middle;
  margin-right: 10px;
}

.section-search form.section-formSearch label {
  font-weight: 600;
  font-size: 22px;
  line-height: 29px;
  letter-spacing: 0.1em;
  color: #686868;
}

/* homepage-courses CSS ------------------------------------*/
.section-courses {
  background: linear-gradient(180deg, #fff4d7 0%, #ffe0bc 100%);
  background: -webkit-linear-gradient(180deg, #fff4d7 0%, #ffe0bc 100%);
  background: -moz-linear-gradient(180deg, #fff4d7 0%, #ffe0bc 100%);
  background: -o-linear-gradient(180deg, #fff4d7 0%, #ffe0bc 100%);
  background: -ms-linear-gradient(180deg, #fff4d7 0%, #ffe0bc 100%);
  margin-top: -90px;
  padding-top: 180px;
  padding-bottom: 100px;
  position: relative;
}

.section-courses::before {
  content: "";
  background: url("/themes/contrib/aristotle/dist/images/homepage/courses-graphic1.svg") no-repeat;
  background-size: contain;
  position: absolute;
  width: 450px;
  height: 464px;
  right: 0;
  top: 0;
}

.section-courses::after {
  content: "";
  background: url("/themes/contrib/aristotle/dist/images/homepage/courses-graphic2.svg") no-repeat;
  background-size: contain;
  position: absolute;
  width: 450px;
  height: 372px;
  left: 0;
  bottom: -55px;
  z-index: 1;
}

.section-courses .courses-filter {
  margin-bottom: 40px;
}

.section-courses h2 {
  color: #6c3d28;
  margin-bottom: 20px;
}

.section-courses .courses-filter li {
  margin: 0 7.5px;
}

.section-courses .courses-filter li a {
  background-color: #fff;
  box-shadow: 0px 4px 4px rgba(241, 193, 139, 0.5);
  border-radius: 40px;
  color: #a35a39;
  font-weight: 400;
  font-size: 18px;
  letter-spacing: 0.05em;
  line-height: 40px;
  text-decoration: none;
  display: block;
  padding: 0 35px;
}

.section-courses .courses-filter li.active a,
.section-courses .courses-filter li:hover a {
  background-color: #ffa842;
  color: #461f00;
}

.section-courses .courses-content {
  position: relative;
  z-index: 2;
}

.section-courses .card {
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0px 3px 10px rgba(206, 153, 116, 0.6);
  backdrop-filter: blur(10px);
  border-radius: 15px;
  margin-bottom: 30px;
  overflow: hidden;
}

.section-courses .card .card-img-top {
  border-bottom: #d6d8eb 1px solid;
  overflow: hidden;
}

.section-courses .card .card-body time {
  font-weight: 400;
  font-size: 18px;
  line-height: 33px;
  letter-spacing: 0.05em;
  color: #949494;
}

.section-courses .card .card-body .card-tag {
  background: #ecf8e5;
  border-radius: 30px;
  padding: 6px 10px;
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  letter-spacing: 0.05em;
  color: #4b4e59;
  margin-bottom: 0;
}

.section-courses .frontpage-courses-1,
.section-courses .frontpage-courses-2,
.section-courses .frontpage-courses-3 {
  position: relative;
  z-index: 99;
}

.section-courses .frontpage-courses-2,
.section-courses .frontpage-courses-3 {
  display: none;
}

.section-courses .frontpage-courses-1>h2 {
  display: none;
}

/* section-kol CSS ------------------------------------*/
.page-front .section-kol {
  background-image: url(/themes/contrib/aristotle/dist/images/homepage/digital-graphic-kol.png),
    url(/themes/contrib/aristotle/dist/images/homepage/section-kol-bg.png),
    linear-gradient(180deg, #dcf7ff 0%, #fff 30%);
  background-position: center center, center 5%, center center;
  background-repeat: no-repeat;
  /* background: #DEF5FF url(/themes/contrib/aristotle/dist/images/homepage/digital-graphic.png) center center no-repeat; */
  padding-top: 33rem;
  position: relative;
}

.page-front .section-kol .view-footer {
  width: 100%;
}

/* section-service CSS ------------------------------------*/
.section-service {
  background-color: #ece3ff;
  border-radius: 0px 0px 0px 50px;
  margin-top: 160px;
  padding-bottom: 100px;
  /* padding: 90px 0;     */
  position: relative;
}

.section-service .service-subcontent-1 {
  width: 40%;
  /* width: calc(100% - 746px); */
  border-radius: 0px 50px 0px 0px;
}

.section-service .service-subcontent-1 img {
  border-radius: 0px 50px 0px 0px;
  box-shadow: 0px 4px 8px rgba(169, 126, 202, 0.25);
  width: calc(100% + 50px);
  margin-top: -70px;
  margin-left: -50px;
  max-width: none;
}

.section-service .service-subcontent-2 {
  width: 60%;
  padding-left: 60px;
  padding-top: 80px;
}

.section-service .service-subcontent-2 h2 {
  font-weight: 600;
  font-size: 40px;
  line-height: 53px;
  letter-spacing: 0.1em;
  color: #393939;
  margin-bottom: 12px;
}

.section-service .service-subcontent-2>p {
  font-weight: 400;
  font-size: 22px;
  line-height: 29px;
  letter-spacing: 0.25em;
  color: #686868;
  margin-bottom: 30px;
}

.section-service .service-subcontent-2 .service-1 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
}

.section-service .service-subcontent-2 .service-1 li:not(.d-flex) {
  background: #ffffff;
  box-shadow: 0px 3px 10px #ddd0f9;
  width: 170px;
  aspect-ratio: 1;
  display: block;
  border-radius: 50%;
  padding-top: 15px;
}

.section-service .service-subcontent-2 .service-1 li p {
  font-weight: 600;
  font-size: 20px;
  line-height: 27px;
  letter-spacing: 0.05em;
  color: #4b4e59;
}

.section-service .service-subcontent-2 .service-1 li p:nth-child(1) {
  margin-top: 17px;
}

.section-service .service-subcontent-2 .service-1 li .arrow {
  width: 54px;
  height: 54px;
  background: #f1a77e;
  box-shadow: 0px 3px 10px #ddd0f9;
  border-radius: 50%;
  margin: 10px;
  position: relative;
}

.section-service .service-subcontent-2 .service-1 li:nth-child(4) .arrow {
  background: #7fb3e3;
}

.section-service .service-subcontent-2 .service-1 li .arrow::after {
  color: #fff;
  content: "\f11b";
  font-family: uicons-regular-rounded !important;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  display: block;
  width: 100%;
  text-align: center;
  text-transform: none;
  line-height: 52px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 30px;
  position: absolute;
  left: 0px;
  top: 0px;
}

.section-service .service-subcontent-2 h3 {
  font-weight: 600;
  font-size: 22px;
  line-height: 29px;
  letter-spacing: 0.05em;
  color: #4b4e59;
}

.section-service .service-subcontent-2 .service-2 {
  display: flex;
  justify-content: space-around;
  margin-top: 32px;
}

.section-service .service-subcontent-2 .service-2 li a {
  background: url(/themes/contrib/aristotle/dist/images/homepage/service-more.svg) left center no-repeat;
  color: #393939;
  font-weight: 400;
  font-size: 20px;
  text-decoration: none;
  line-height: 27px;
  padding-left: 36px;
}

.section-service .service-subcontent-2 .service-2 li a:hover {
  color: #ff8a01;
}

.section-service .service-subcontent-2 .service-2 a img {
  object-fit: contain;
  margin-right: 10px;
}

/* section-product CSS ------------------------------------*/
.page-front .view-id-olink_products_variation_list {
  padding: 100px 0;
}

.page-front .view-id-olink_products_variation_list .service-product>p {
  font-weight: 400;
  font-size: 22px;
  line-height: 29px;
  letter-spacing: 0.25em;
  color: #686868;
  margin-bottom: 30px;
}

.page-front .view-id-olink_products_variation_list .service-product>h2 {
  margin-bottom: 10px;
}

.page-front .view-id-olink_products_variation_list .item-list ul {
  display: inline-block;
  margin: 0 -15px;
}

.page-front .view-id-olink_products_variation_list .item-list ul li {
  float: left;
  width: 25%;
  padding: 0 15px 0px 15px;
}

.page-front .view-id-olink_products_variation_list .item-list ul li:nth-child(1) .card .card-body {
  background: #ebf7ff;
}

.page-front .view-id-olink_products_variation_list .item-list ul li:nth-child(2) .card .card-body {
  background: #f7fce7;
}

.page-front .view-id-olink_products_variation_list .item-list ul li:nth-child(3) .card .card-body {
  background: #fff0e0;
}

.page-front .view-id-olink_products_variation_list .item-list ul li:nth-child(4) .card .card-body {
  background: #f5f4ff;
}

.page-front .view-id-olink_products_variation_list .item-list ul li:nth-child(5) .card .card-body {
  background: #fdfadf;
}

.page-front .view-id-olink_products_variation_list .item-list ul li .card-body h5 {
  font-size: 22px;
}

.section-product .service-product h2 {
  margin-bottom: 20px;
}

.section-product .service-product>p {
  font-weight: 400;
  font-size: 22px;
  line-height: 29px;
  letter-spacing: 0.25em;
  color: #686868;
  margin-bottom: 50px;
}

.section-product .service-product .card {
  position: relative;
}

.section-product .service-product ul li .card .card-body {
  padding: 20px 25px 0 25px;
}

.section-product .service-product .card .card-img-col>div {
  position: absolute;
  top: 0px;
  width: 100%;
}

.section-product .service-product .card .card-img-col span {
  font-style: normal;
  font-weight: 600;
  font-size: 22px;
  line-height: 30px;
  color: #88ba6b;
  margin-left: 7px;
  display: none;
}

.section-product .service-product .card .card-img-col {
  padding-top: 40px;
}

.section-product .service-product .card .card-img-col>div {
  padding: 15px;
}

.section-product .service-product .card .card-img-col img {
  border-radius: 15px 15px 0 0;
  object-fit: cover;
}

.section-product .service-product .card .card-body span {
  font-weight: 500;
  font-size: 24px;
  line-height: 30px;
  letter-spacing: 0.05em;
  color: #9b9a9a;
}

.section-product .service-product ul li:nth-child(1) {
  width: 50%;
}

.section-product .service-product ul li:nth-child(1) .card {
  border: 1px solid #c7e0f0;
  border-radius: 15px;
}

.section-product .service-product ul li:nth-child(2) .card {
  border: 1px solid #d4e897;
  border-radius: 15px;
}

.section-product .service-product ul li:nth-child(3) .card {
  border: 1px solid #ebc8a3;
  border-radius: 15px;
}

.section-product .service-product ul li:nth-child(4) .card {
  border: 1px solid #cecafa;
  border-radius: 15px;
}

.section-product .service-product ul li:nth-child(5) .card {
  border: 1px solid #ddd486;
  border-radius: 15px;
}

.section-product .service-product ul li:nth-child(1) .card-img-col>div {
  padding: 28px 28px 0 28px;
}

.section-product .service-product ul li:nth-child(1) .card-img-col {
  padding-top: 60px;
}

.section-product .service-product ul li:nth-child(1) .card-img-col span {
  display: block;
}

.section-product .service-product ul li:nth-child(1) .card .card-body {
  background: #ebf7ff;
  padding: 33px 33px 0 33px;
  border-radius: 0 0 15px 15px;
}

.section-product .service-product ul li:nth-child(2) .card .card-body {
  background: #d4e897;
  border-radius: 0 0 15px 15px;
}

.section-product .service-product ul li:nth-child(3) .card .card-body {
  background: #ebc8a3;
  border-radius: 0 0 15px 15px;
}

.section-product .service-product ul li:nth-child(4) .card .card-body {
  background: #cecafa;
  border-radius: 0 0 15px 15px;
}

.section-product .service-product ul li:nth-child(5) .card .card-body {
  background: #ddd486;
  border-radius: 0 0 15px 15px;
}

.section-product .service-product ul li {
  float: left;
  width: 25%;
  padding: 0 12px 24px 12px;
}

.section-product .service-product .readMore {
  padding-top: 50px;
}

/* section advertisement CSS ------------------------------------*/
.section-full-before-content {
  background: #ffffff;
}

.view-id-olink_ads>div {
  padding: 50px;
}

.section-full-before-content .view-id-olink_ads img {
  border: 1px solid rgba(0, 0, 0, 0.125);
}

.view-id-olink_ads.view-display-id-block_5,
.view-id-olink_ads.view-display-id-block_7 {
  margin-bottom: 30px;
}

.view-id-olink_ads.view-display-id-block_6,
.view-id-olink_ads.view-display-id-block_8 {
  margin-top: -20px;
  margin-bottom: 50px;
}

.view-id-olink_ads.view-display-id-block_5 .container,
.view-id-olink_ads.view-display-id-block_6 .container,
.view-id-olink_ads.view-display-id-block_7 .container,
.view-id-olink_ads.view-display-id-block_8 .container {
  padding: 0 15px;
}

.view-id-olink_ads.view-display-id-block_5 .container img,
.view-id-olink_ads.view-display-id-block_6 .container img,
.view-id-olink_ads.view-display-id-block_7 .container img,
.view-id-olink_ads.view-display-id-block_8 .container img {
  border-radius: 15px;
}

/* section-FindMore CSS ------------------------------------*/
.section-FindMore {
  background: url(/themes/contrib/aristotle/dist/images/homepage/FindMore_bg.jpg) center bottom no-repeat;
  background-size: cover;
  position: relative;
  padding: 100px 0 70px;
}

.section-FindMore .findMore-content {
  background-color: rgba(255, 255, 255, 0.85);
  box-shadow: 0 3px 10px #cdd9ca;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 172px;
  /* aspect-ratio: 55 / 21; */
  position: relative;
}

.section-FindMore .findMore-content:hover {
  background-color: #fff;
}

.section-FindMore .findMore-content a {
  text-indent: -9999px;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 0;
}

.section-FindMore .findMore-content a {
  font-size: 0;
}

body.display-via-webview.page-entity-bookable-calendar-canonical.section-bookable-calendar .layout__region--second>div .bookable-calendar-opening-instance:not(:last-child) {
  margin-bottom: 20px;
}

.section-FindMore .findMore-content img {
  height: 64px;
}

.section-FindMore .findMore-content p,
.section-FindMore .findMore-content h3 {
  font-weight: 600;
  font-size: 22px;
  line-height: 29px;
  letter-spacing: 0.1em;
  margin-top: 14px;
  color: #393939;
  margin-bottom: 0rem;
}

.section-FindMore h2 {
  margin-bottom: 30px;
}

.section-FindMore .view-id-ads H2 {
  display: none;
}

/* 傲齡匯-frontpage CSS ------------------------------------------------------------------------------*/
.page-guanyuaolinghui .dialog-off-canvas-main-canvas .page-main>.container {
  padding-top: 0;
}

/* Block-h2 */
.about-olink-section1 {
  background-image: url("/themes/contrib/aristotle/dist/images/content/adout_olink/about-olink-section1-bg.png"),
    linear-gradient(180deg, #fff4d7, #ffe0bc);
  background-repeat: no-repeat;
  background-position: left 61.4%;
  background-size: 22.63%, 100%;
  margin-top: 230px;
  padding-bottom: 90px;
}

.about-olink-section1 .container .row .col-12 {
  position: initial;
}

.about-olink-section1 .about-olink-ul li {
  margin-bottom: 20px;
  list-style-type: unset;
  padding-left: 10px;
}

.about-olink-section1 .about-olink-ul {
  padding-left: 20px;
}

.img-left-large-caption {
  color: #6c3d28;
  font-weight: 600;
  font-size: 100px;
  line-height: 1.33;
  letter-spacing: 0.05em;
  position: absolute;
  top: -75px;
  left: 0;
}

.img-left-large-caption span {
  color: #6c3d2800;
  -webkit-text-stroke: 1.5px #6c3d28;
}

.img-about-olink {
  border-top-left-radius: 50px;
  width: 100%;
  max-width: none;
  margin-bottom: 60px;
  margin-top: -190px;
}

.about-olink-section1 p,
.about-olink-section2 p {
  color: #686868;
  font-size: 18px;
}

.about-olink-section1 p.title,
.about-olink-section2 p.title {
  color: #4b4e59;
  font-weight: 600;
  font-size: 22px;
}

/* About Olink - contactus */
.about-olink-section2 {
  background-color: #fff;
  padding-top: 90px;
  padding-bottom: 90px;
}

.about-olink-section2 h2 {
  color: #393939;
  font-weight: 600;
  font-size: 40px;
  margin-bottom: 30px;
}

.about-olink-contact-list li {
  color: #686868;
  font-size: 18px;
  float: left;
  width: 50%;
}

.about-olink-section2 ul {
  display: flow-root;
}

.about-olink-section2 ul li {
  color: #686868;
  font-size: 18px;
  /* float: left;
    width: 50%; */
  margin-bottom: 25px;
}

.about-olink-section2 ul li.about-olink-address {
  width: 100%;
}

.about-olink-section2 ul.about-olink-contact-list li {
  margin-bottom: 18px;
  padding: 10px 10px 10px 52px;
}

.about-olink-contact-list .about-olink-tel {
  background: url("/themes/contrib/aristotle/dist/images/content/adout_olink/icon-phone.svg") left top no-repeat;
}

.about-olink-contact-list .about-olink-fax {
  background: url("/themes/contrib/aristotle/dist/images/content/adout_olink/icon-fax.svg") left top no-repeat;
}

.about-olink-contact-list .about-olink-email {
  background: url("/themes/contrib/aristotle/dist/images/content/adout_olink/icon-email.svg") 4px 7px no-repeat;
}

.about-olink-contact-list .about-olink-address {
  background: url("/themes/contrib/aristotle/dist/images/content/adout_olink/icon-address.svg") left top no-repeat;
}

.googlemap-wrap {
  aspect-ratio: 30 / 25;
  background-color: #d9d9d9;
  border-radius: 8px;
  display: block;
  width: 100%;
}

/* About Olink - webform submission to be partner */
.webform-submission-to-be-partner-webforms-form .form-required:after,
.webform-submission-to-be-partner-webforms-form #edit-processed-text p span {
  color: var(--red);
}

.webform-submission-to-be-partner-webforms-form input {
  max-width: 600px;
}

.webform-submission-to-be-partner-webforms-form #edit-final-text {
  margin-top: 25px;
}

/* Programme (KOL) CSS ------------------------------------------------------------------------------*/
.page-node-programme_kol .layout-builder__layout,
.page-node-programme_epartner .layout-builder__layout {
  padding-top: 100px;
  padding-bottom: 100px;
}

.page-node-programme_kol .layout-builder__layout>div:nth-child(2),
.page-node-channel_olink .layout-builder__layout>div:nth-child(2),
.page-node-programme_epartner .layout-builder__layout>div:nth-child(2) {
  padding: 30px;
}

.page-node-programme_kol .layout-builder__layout>div:nth-child(2),
.page-node-programme_kol .layout-builder__layout>div:nth-child(1)>div,
.page-node-channel_olink .layout-builder__layout>div:nth-child(2),
.page-node-channel_olink .layout-builder__layout>div:nth-child(1)>div,
.page-node-programme_epartner .layout-builder__layout>div:nth-child(2) {
  background: #ffffff;
  border-radius: 15px;
}

.page-node-channel_olink .layout-builder__layout>div:nth-child(1) {
  padding: 0;
}

.page-node-programme_kol .layout-builder__layout>div:nth-child(2) .olink_node_live_status,
.olink_node_live_status.live {
  background: #d7342a;
  display: inline-block !important;
  padding: 8px 11px;
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 16px;
  line-height: 30px;
  letter-spacing: 0.05em;
  color: #ffffff;
}

.page-node-programme_kol .layout-builder__layout>div:nth-child(2) .field_name_body .content-row_1,
.page-node-programme_epartner .layout-builder__layout>div:nth-child(2) .field_name_body .content-row_1 {
  margin-bottom: 17px;
}

.page-node-programme_kol .layout-builder__layout>div:nth-child(2) .field_name_body .content-row_2,
.page-node-programme_epartner .layout-builder__layout>div:nth-child(2) .field_name_body .content-row_2 {
  margin-top: 38px;
  margin-bottom: 25px;
}

.page-node-programme_kol .layout-builder__layout>div:nth-child(2) .field_name_body .content-row_2 .olink_kol_info img,
.page-node-programme_epartner .layout-builder__layout>div:nth-child(2) .field_name_body .content-row_2 .olink_epartner_info img {
  width: 40px;
  height: 40px;
}

.page-node-programme_kol .layout-builder__layout>div:nth-child(2) .field_name_body .content-row_2 .olink_kol_info .kol_name,
.page-node-programme_epartner .layout-builder__layout>div:nth-child(2) .field_name_body .content-row_2 .olink_epartner_info .epartner_name {
  line-height: 40px;
  font-size: 20px;
  letter-spacing: 0.05em;
  color: #8b8e9a;
  margin-left: 10px;
}

.page-node-programme_epartner .field_name_field_rel_epartner {
  display: none;
}

.page-node-programme_kol .layout-builder__layout>div:nth-child(2) .field_name_body .content-row_2 .olink_send_coffee,
.page-node-programme_epartner .layout-builder__layout>div:nth-child(2) .field_name_body .content-row_2 .olink_send_coffee {
  background: #ffa842;
  border-radius: 8px;
  padding: 10px 40px;
  cursor: pointer;
}

.page-node-programme_kol .layout-builder__layout>div:nth-child(2) .field_name_body .content-row_2 .olink_send_coffee span,
.page-node-programme_epartner .layout-builder__layout>div:nth-child(2) .field_name_body .content-row_2 .olink_send_coffee span {
  font-size: 20px;
  line-height: 27px;
  letter-spacing: 0.05em;
  color: #461f00;
  margin-left: 6px;
}

.page-node-programme_kol .layout-builder__layout>div:nth-child(2) .layout__region--first>div:nth-child(2),
.page-node-programme_kol .layout-builder__layout>div:nth-child(2) .layout__region--first>div:nth-child(3) {
  display: none;
}

.page-node-programme_kol .layout-builder__layout>div:nth-child(2) .layout__region--first .field_name_field_display_title h1 {
  margin-bottom: 15px;
  font-size: 30px;
}

.page-node-programme_kol .layout-builder__layout>div:nth-child(2) .field_name_body p {
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.05em;
  color: #686868;
}

.page-node-programme_kol .layout-builder__layout>div:nth-child(2) .layout__region--first>div:nth-child(8) .field_name_body>div>div:nth-child(1) {
  font-weight: 600;
  font-size: 22px;
  line-height: 29px;
  letter-spacing: 0.05em;
  color: #4b4e59;
  margin-bottom: 10px;
}

.page-node-programme_kol .layout-builder__layout>div:nth-child(2) .content-row_3,
.page-node-channel_olink .layout-builder__layout>div:nth-child(2) .content-row_3,
.page-node-programme_epartner .layout-builder__layout>div:nth-child(2) .content-row_3 {
  margin-top: 36px;
}

.page-node-programme_kol .layout-builder__layout>div:nth-child(2) .content-row_3 .title,
.page-node-channel_olink .layout-builder__layout>div:nth-child(2) .content-row_3 .title,
.page-node-programme_epartner .layout-builder__layout>div:nth-child(2) .content-row_3 .title {
  font-weight: 600;
  font-size: 18px;
  line-height: 33px;
  letter-spacing: 0.05em;
  color: #4b4e59;
  margin-right: 10px;
}

.page-node-programme_kol .layout-builder__layout>div:nth-child(2)>div:nth-child(3) {
  display: none;
}

.page-node-programme_kol .layout-builder__layout>div:nth-child(2) .content-row_3 .olink_programme_type>div,
.page-node-channel_olink .layout-builder__layout>div:nth-child(2) .content-row_3 .olink_programme_type>div,
.page-node-programme_epartner .layout-builder__layout>div:nth-child(2) .content-row_3 .olink_programme_type>div {
  background: #ffdcc9;
  border-radius: 30px;
  font-size: 16px;
  line-height: 21px;
  letter-spacing: 0.05em;
  color: #4b4e59;
  padding: 6px 10px;
  margin-right: 10px;
}

.page-node-programme_kol .layout-builder__layout>div:nth-child(1),
.page-node-channel_olink .layout-builder__layout>div:nth-child(1),
.page-node-programme_epartner .layout-builder__layout>div:nth-child(1) {
  width: 0;
  padding: 0;
}

.page-node-programme_kol .layout-builder__layout>div:nth-child(2) .content-row_3 .content-length,
.page-node-channel_olink .layout-builder__layout>div:nth-child(2) .content-row_3 .content-length,
.page-node-programme_epartner .layout-builder__layout>div:nth-child(2) .content-row_3 .content-length {
  margin-right: 20px;
}

.page-node-programme_kol .layout-builder__layout>div:nth-child(2) .content-row_3 .olink_length_of,
.page-node-programme_kol .layout-builder__layout>div:nth-child(2) .content-row_3 .olink_datetime_start,
.page-node-channel_olink .layout-builder__layout>div:nth-child(2) .content-row_3 .olink_length_of,
.page-node-channel_olink .layout-builder__layout>div:nth-child(2) .content-row_3 .olink_datetime_start,
.page-node-programme_epartner .layout-builder__layout>div:nth-child(2) .content-row_3 .olink_length_of,
.page-node-programme_epartner .layout-builder__layout>div:nth-child(2) .content-row_3 .olink_datetime_start {
  font-size: 18px;
  letter-spacing: 0.05em;
  color: #686868;
  line-height: 33px;
}

.page-node-programme_kol .bg-green {
  padding-bottom: 50px;
  padding-top: 50px;
}

.page-node-programme_kol .layout--onecol.bg-green .container>h2,
.page-node-programme_epartner .layout--onecol.bg-green .container>h2 {
  text-align: center;
  margin-bottom: 20px;
}

.page-node-programme_kol .layout--onecol.bg-green .container section,
.page-node-programme_epartner .layout--onecol.bg-green .container section {
  background: #ffffff;
  box-shadow: 0px 3px 10px #e6ecd1;
  border-radius: 14px;
  padding: 30px;
}

.page-node-programme_kol .layout--onecol.bg-green .container section>h2,
.page-node-programme_kol .layout--onecol.bg-green section .js-form-type-textarea .label,
.page-node-programme_epartner .layout--onecol.bg-green .container section>h2,
.page-node-programme_epartner .layout--onecol.bg-green section .js-form-type-textarea .label {
  display: none;
}

.page-node-programme_kol .layout--onecol.bg-green .comment-form .form-item,
.page-node-programme_epartner .layout--onecol.bg-green .comment-form .form-item {
  margin-right: 0;
}

.page-node-programme_kol .layout--onecol.bg-green .comment-form,
.page-node-programme_epartner .layout--onecol.bg-green .comment-form {
  margin-bottom: 45px;
}

.page-node-programme_kol .layout--onecol.bg-green article.contextual-region,
.page-node-programme_epartner .layout--onecol.bg-green article.contextual-region {
  border-bottom: 1px solid #d6d8eb;
  padding: 26px 0;
}

.page-node-programme_kol .layout--onecol.bg-green article.contextual-region:last-child,
.page-node-programme_epartner .layout--onecol.bg-green article.contextual-region:last-child {
  border-bottom: unset;
}

.page-node-programme_kol .layout--onecol.bg-green article.contextual-region footer a .body,
.page-node-programme_epartner .layout--onecol.bg-green article.contextual-region footer a .body {
  display: none;
}

.page-node-programme_kol .layout--onecol.bg-green article.contextual-region footer a img,
.page-node-programme_epartner .layout--onecol.bg-green article.contextual-region footer a img {
  border-radius: 50%;
  width: 40px;
  height: 40px;
}

.page-node-programme_kol .layout--onecol.bg-green article.contextual-region footer a:nth-child(3),
.page-node-programme_kol .layout--onecol.bg-green article.contextual-region>div h3,
.page-node-programme_kol .layout--onecol.bg-green article.contextual-region>div .field_name_field_comment>div>div:nth-child(1),
.page-node-programme_epartner .layout--onecol.bg-green article.contextual-region footer a:nth-child(3),
.page-node-programme_epartner .layout--onecol.bg-green article.contextual-region>div h3,
.page-node-programme_epartner .layout--onecol.bg-green article.contextual-region>div .field_name_field_comment>div>div:nth-child(1) {
  display: none;
}

/* products frontpage CSS ------------------------------------------------------------------------------*/
.page-products .dialog-off-canvas-main-canvas .page-main {
  padding-bottom: 50px;
}

.page-products .layout-builder__layout .col-lg-3 .views-exposed-form .form-items-group {
  display: unset;
  position: relative;
}

.page-products .layout-builder__layout .col-lg-3 .layout__region--first>div {
  padding-right: 24px;
}

.page-products .col-lg-3 #views-exposed-form-olink-products-variation-list-block-1 {
  background: #ffffff;
  box-shadow: 0px 3px 10px #d1e6ef;
  border-radius: 15px;
  padding: 22px;
  padding-bottom: 64px;
  position: relative;
  margin-bottom: 50px;
}

.page-products .col-lg-3 #views-exposed-form-olink-products-variation-list-block-1>.container {
  padding: 0;
}

.page-products .col-lg-3 #views-exposed-form-olink-products-variation-list-block-1 .js-form-item {
  margin-bottom: 30px !important;
  margin-right: 0;
}

.page-products .col-lg-3 #views-exposed-form-olink-products-variation-list-block-1 .js-form-item.js-form-item-store {
  cursor: pointer;
}

/* .page-products .view-display-id-block_1 {
    margin: 0 auto 90px;
    justify-content: center;
    display: flex;
} */

.page-products .form-select.bootstrap-select>.dropdown-toggle {
  min-width: unset;
  width: 100%;
}

.page-products .col-lg-3 #views-exposed-form-olink-products-variation-list-block-1 .js-form-item.js-form-item-store .field {
  border: 1px solid #d6d8eb;
  border-radius: 8px;
  color: var(--desktop-text);
  font-weight: 600;
  min-height: 0;
  /* min-width: 13.625rem; */
  transition: none;
  padding: 8px 17px 8px 20px;
  position: relative;
  cursor: pointer;
  background-color: #fff;
  width: 100%;
}

.page-products .col-lg-3 #views-exposed-form-olink-products-variation-list-block-1 .js-form-item.js-form-item-store .field .select-for-edit-store {
  background: url(/themes/contrib/aristotle/dist/images/cart/form-select-dropdown-arrow.svg) right center no-repeat;
  border: unset;
  font-weight: bold;
  position: relative;
  width: 100%;
  color: #686868;
  font-weight: 400;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

.page-products .col-lg-3 #views-exposed-form-olink-products-variation-list-block-1 .js-form-item.js-form-item-store .field .select-for-edit-store option:focus-visible,
.page-products .col-lg-3 #views-exposed-form-olink-products-variation-list-block-1 .js-form-item.js-form-item-store .field .select-for-edit-store:focus-visible {
  outline: unset;
  cursor: pointer;
}

/* .page-products .col-lg-3 #views-exposed-form-olink-products-variation-list-block-1 .js-form-item.js-form-item-store .field::after {
    margin-left: 10px;
    border: none;
    content: "\f10f";
    position: absolute;
    font-size: 1.5rem;
    font-weight: 400;
    color: #A6A6A6;
    width: 24px;
    height: 24px;
    font-family: uicons-regular-rounded !important;
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    -o-transition: transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
    background-color: #fff;
    right: 21px;
    top: 7px;
    cursor: pointer;
} */
.page-products .col-lg-3 #views-exposed-form-olink-products-variation-list-block-1 #edit-submit-olink-products-variation-list {
  background: #ffa842;
  border: none;
  border-radius: 8px;
  font-weight: 400;
  font-size: 18px;
  line-height: 42px;
  color: #461f00;
  min-height: auto;
  min-width: auto;
  padding: 0 10px;
  width: calc(50% - 5px);
  /* position: absolute;
    right: 0; */
  margin: 0px;
  float: right;
}

.page-products .col-lg-3 #views-exposed-form-olink-products-variation-list-block-1 #edit-submit-olink-products-variation-list:hover {
  background-color: #ff8a00;
  color: #fff;
}

.page-products .col-lg-3 #views-exposed-form-olink-products-variation-list-block-1 .reset-btn a {
  background-color: #fff;
  border: 1px solid #d6d8eb;
  border-radius: 8px;
  color: #4b4e59;
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
  line-height: 40px;
  min-height: auto;
  width: calc(50% - 27px);
  padding: 0 10px;
  position: absolute;
  left: 22px;
}

.page-products .col-lg-3 #views-exposed-form-olink-products-variation-list-block-1 .reset-btn a:hover {
  background-color: #e7e7e7;
}

.page-products .col-lg-3 #views-exposed-form-olink-products-variation-list-block-1 .js-form-item label {
  margin-bottom: 10px;
}

.page-products .col-lg-3 #views-exposed-form-olink-products-variation-list-block-1 .form-select.bootstrap-select {
  width: 100% !important;
}

.card-products {
  background: #ffffff;
  box-shadow: 0px 3px 10px #d8d8d8;
  border-radius: 15px;
  margin-bottom: 30px;
  overflow: hidden;
  cursor: pointer;
}

.card-products .card-img-col {
  position: relative;
}

.card-products .card-icon {
  /* position: absolute; */
  width: 100%;
  /* padding: 19px 22px 0 22px; */
  z-index: 10;
}

.card-products .card-icon .get-epartner-or-kol-info-by-product-id {
  position: absolute;
  bottom: 0;
  z-index: 9;
}

.card-products .card-icon .get-epartner-or-kol-info-by-product-id .epartner-or-kol-name {
  position: relative;
  top: -23px;
  left: 36px;
  color: #cfcfcf;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 0;
}

.card-products .card-filter .epartner-or-kol-name {
  color: #a35a39;
  font-size: 14px;
  line-height: 30px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.card-products .get-epartner-or-kol-info-by-product-id:hover .epartner-or-kol-name {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 1;
}

.card-products .card-img-top {
  background-color: #fff;
  border-bottom: #d8d8d8 1px solid;
  display: flex;
  overflow: hidden;
}

.card-products .card-img-top img {
  object-fit: contain;
  width: 100%;
  aspect-ratio: 1;
  transition: all 0.3s ease;
}

.card-products:hover .card-img-top img {
  transform: scale(1.1);
}

.card-products .card-body {
  background-color: #fbfbfb;
  min-height: 150px;
  padding: 36px 22px 24px 22px;
  position: relative;
}

.card-products .card-body .card-title a,
.card-products .card-body .card-title {
  font-size: 20px;
  letter-spacing: 0.05em;
  color: #4b4e59;
  height: 58px;
  margin-bottom: 5px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.card-products .card-body>img {
  margin-bottom: 5px;
}

.card-products .card-body span {
  font-size: 20px;
  color: #6e6e6e;
}

.card-products .card-body p {
  margin-bottom: 0;
}

.card-products .card-body .original_price {
  position: relative;
}

.card-products .card-body .current_price {
  color: #2c69c4;
  font-weight: 600;
  margin-left: 10px;
}

.card-products .card-body .original_price::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #6e6e6e;
  border-radius: 10px;
  left: -3px;
  top: 50%;
}

.card-products .get-epartner-or-kol-info-by-product-id .epartner-or-kol-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5px 8px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0px 4px 8px rgb(112 122 147 / 25%);
  backdrop-filter: blur(10px);
  border-radius: 8px;
  width: fit-content;
  margin: 0 22px;
  position: relative;
  left: 0;
  top: 18px;
}

.card-products .get-epartner-or-kol-info-by-product-id .epartner-or-kol-icon>img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  flex: 1 0 auto;
  aspect-ratio: 1/1;
  border: 1px solid #e7e7e7;
  border-radius: 4px;
  object-fit: contain;
}

.card-products .get-epartner-or-kol-info-by-product-id .epartner-or-kol-icon.epartner {
  background: url(/themes/contrib/aristotle/dist/images/content/products/epartner-icon.png) no-repeat;
}

.card-products .get-epartner-or-kol-info-by-product-id .epartner-or-kol-icon.kol {
  background: url(/themes/contrib/aristotle/dist/images/content/products/kol-icon.png) no-repeat;
}

.card-products .get-epartner-or-kol-info-by-product-id .epartner-or-kol-icon>span {
  color: #686868;
  font-size: 14px;
  line-height: 30px;
  padding-left: 10px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* products detail CSS ------------------------------------------------------------------------------*/
body.page-entity-commerce-product-canonical .block-page-title-block {
  display: none;
}

/* body.page-entity-commerce-product-canonical .block-page-title-block h2 {
    opacity: 0;
} */
.get-e123-ngo-info-to-product-details {
  margin-top: 90px;
}

.get-e123-ngo-info-to-product-details article>div:nth-child(1) {
  margin-bottom: 90px;
}

.get-e123-ngo-info-to-product-details .e123-ngo-images {
  background-color: #fff;
  width: 70px;
  /* background-repeat: no-repeat; */
  /* background-image: url(/themes/contrib/aristotle/dist/images/default/my/product_default.jpg); */
  aspect-ratio: 16 / 9;
  border: 1px solid #e7e7e7;
  border-radius: 4px;
  object-fit: contain;
}

.get-e123-ngo-info-to-product-details .e123-ngo-info {
  display: flex;
}

.get-e123-ngo-info-to-product-details .content-col {
  flex: 1 0 60%;
}

.get-e123-ngo-info-to-product-details .e123-ngo-name {
  font-weight: 400;
  font-size: 18px;
  color: #686868;
  display: flex;
  align-items: center;
  margin-left: 11px;
}

@media screen and (min-width: 992px) {
  .get-e123-ngo-info-to-product-details article>div:nth-child(1) .layout__region--second {
    padding-left: 30px;
  }
}

.get-e123-ngo-info-to-product-details .layout--twocol-section--33-67 .field_name_field_main_image {
  /* background: #FFFFFF;
    border-radius: 15px; */
  overflow: hidden;
  margin-bottom: 30px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.get-e123-ngo-info-to-product-details .layout--twocol-section--33-67 .field_name_field_main_image .product-details-swiper {
  cursor: pointer;
}

.get-e123-ngo-info-to-product-details .layout--twocol-section--33-67 .field_name_field_main_image .product-details-swiper .productSwiper2 {
  border-radius: 30px;
  margin-bottom: 25px;
}

.get-e123-ngo-info-to-product-details .layout--twocol-section--33-67 .field_name_field_main_image .product-details-swiper .productSwiper2 img {
  width: 100%;
  object-fit: contain;
  aspect-ratio: 1;
}

.get-e123-ngo-info-to-product-details .layout--twocol-section--33-67 .field_name_field_main_image .product-details-swiper .swiper-slide {
  aspect-ratio: 1;
  background-color: #fff;
}

.get-e123-ngo-info-to-product-details .layout--twocol-section--33-67 .field_name_field_main_image .product-details-swiper .swiper-slide.swiper-slide-thumb-active {
  border: 2px solid #ffa842;
  border-radius: 10px;
}

.get-e123-ngo-info-to-product-details .layout--twocol-section--33-67 .field_name_field_main_image .product-details-swiper .productSwiper .swiper-slide img {
  border-radius: 10px;
  object-fit: cover;
  aspect-ratio: 1;
}

.get-e123-ngo-info-to-product-details .layout--twocol-section--33-67 .field_name_field_main_image>div {
  display: none;
}

.get-e123-ngo-info-to-product-details .layout--twocol-section--33-67 .field_name_field_main_image div.product-details-swiper {
  display: block;
  max-width: 465.3px;
  width: 100%;
}

/* .get-e123-ngo-info-to-product-details .layout--twocol-section--33-67 .field_name_field_main_image>div>div:nth-child(1) img {
    width: 100%;
    object-fit: contain;
    aspect-ratio: 1;
} */

.get-e123-ngo-info-to-product-details .field_name_body .content-row_1 {
  padding-bottom: 20px;
  border-bottom: 1px solid #d6d8eb;
  align-items: flex-start;
}

.get-e123-ngo-info-to-product-details .field_name_field_product_cat {
  margin: 20px 0;
}

.get-e123-ngo-info-to-product-details .field_name_field_product_cat>div>div {
  display: inline-block;
}

.get-e123-ngo-info-to-product-details .field_name_field_product_cat a {
  background: #ffffff;
  border-radius: 30px;
  color: #4b4e59;
  display: block;
  height: 33px;
  font-weight: 400;
  font-size: 16px;
  padding: 6px 10px;
}

.get-e123-ngo-info-to-product-details .field_name_title {
  font-weight: 600;
  font-size: 30px;
  color: #322959;
  margin-bottom: 20px;
}

.get-e123-ngo-info-to-product-details .field_name_body {
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
  color: #686868;
}

.get-e123-ngo-info-to-product-details .field_name_body ul {
  padding-left: 0;
  flex-wrap: wrap;
  margin-top: 3px;
}

.get-e123-ngo-info-to-product-details .field_name_body ul li {
  list-style: initial;
  margin-bottom: 5px;
  list-style: none;
}

.get-e123-ngo-info-to-product-details .layout--twocol-section--33-67 .layout__region--second>div:nth-child(5),
.get-e123-ngo-info-to-product-details .layout--twocol-section--33-67 .layout__region--second>div:nth-child(6) {
  display: inline-block;
}

.get-e123-ngo-info-to-product-details .layout--twocol-section--33-67 .layout__region--second>div:nth-child(6) {
  margin-left: 20px;
}

.get-e123-ngo-info-to-product-details .field_name_list_price {
  display: inline-block;
  margin-top: 20px;
}

.get-e123-ngo-info-to-product-details .field_name_list_price>div,
.get-e123-ngo-info-to-product-details .field_name_price>div {
  font-weight: 600;
  font-size: 42px;
  color: #707070;
  position: relative;
}

.get-e123-ngo-info-to-product-details .field_name_price>div {
  color: #2c69c4;
}

.get-e123-ngo-info-to-product-details .field_name_list_price>div::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  background-color: #707070;
  border-radius: 10px;
  left: -3px;
  top: 50%;
}

.button--add-to-cart.form-submit {
  background-color: #ffa842;
  border: none;
  color: #461f00;
  font-size: 18px;
}

.button--add-to-cart.form-submit:hover {
  background-color: #ff8a00;
  color: #fff;
}

.get-e123-ngo-info-to-product-details article>div:nth-child(2) {
  padding: 90px 0;
}

.get-e123-ngo-info-to-product-details article>div:nth-child(2) h2 {
  font-size: 22px;
  color: #4b4e59;
  margin-bottom: 50px;
}

.get-e123-ngo-info-to-product-details article>div:nth-child(2) .store-info-wrapper {
  padding-left: 120px;
  padding-bottom: 50px;
  border-bottom: 1px solid #bcbcbc;
  margin-bottom: 100px;
}

.get-e123-ngo-info-to-product-details article>div:nth-child(2) .store-info-wrapper .store-type img,
.get-e123-ngo-info-to-product-details article>div:nth-child(2) .store-info-wrapper .go-to-epartner-product-page img {
  display: inline-block;
}

.get-e123-ngo-info-to-product-details article>div:nth-child(2) .store-info-wrapper .store-type p {
  font-weight: 600;
  font-size: 20px;
  line-height: 36px;
  letter-spacing: 0.05em;
  color: #2c3360;
  display: inline-block;
  margin-left: 10px;
}

.get-e123-ngo-info-to-product-details article>div:nth-child(2) .store-info-wrapper .go-to-epartner-link a {
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  color: #4b4e59;
  margin-bottom: 14px;
}

.get-e123-ngo-info-to-product-details article>div:nth-child(2) .store-info-wrapper .e123-ngo-desc p,
.get-e123-ngo-info-to-product-details article>div:nth-child(2) .field_name_field_product_desc p {
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
  color: #686868;
}

.get-e123-ngo-info-to-product-details article>div:nth-child(2) .store-info-wrapper .go-to-epartner-product-page img {
  margin-right: 10px;
}

.get-e123-ngo-info-to-product-details article>div:nth-child(2) .store-info-wrapper .go-to-epartner-product-page a {
  font-weight: 400;
  font-size: 20px;
  line-height: 27px;
  letter-spacing: 0.05em;
  color: #393939;
}

.get-e123-ngo-info-to-product-details .field_name_field_product_desc {
  padding-left: 120px;
  padding-bottom: 30px;
  border-bottom: 1px solid #d6d8eb;
  margin-bottom: 80px;
}

.get-e123-ngo-info-to-product-details .field_name_field_product_desc ul {
  padding-left: 1.25rem;
}

.get-e123-ngo-info-to-product-details .field_name_field_product_desc ul li {
  list-style: initial;
}

.get-e123-ngo-info-to-product-details .bg-green section>h2 {
  display: none;
}

.comment-form .form-item label {
  font-weight: 600;
  font-size: 22px;
  line-height: 29px;
  color: #4b4e59;
  position: absolute;
  top: -56px;
  left: 0;
  z-index: -2;
  display: none;
}

.bg-green .layout__region--content .comment-form {
  position: unset;
}

.get-e123-ngo-info-to-product-details .bg-green .layout__region--content section {
  background: #ffffff;
  box-shadow: 0px 3px 10px #e6ecd1;
  border-radius: 14px;
  padding: 30px 40px;
  position: relative;
}

.get-e123-ngo-info-to-product-details .bg-green .layout__region--content section .form-item {
  margin-right: 0;
  width: 100%;
}

.get-e123-ngo-info-to-product-details .view-id-olink_products_variation_list {
  padding: 90px 0;
}

.profile-pic img,
.profile-pic .field_name_user_picture {
  width: 40px;
  height: 40px;
  display: inline-block;
  margin-right: 10px;
  border-radius: 50%;
}

article.js-comment {
  border-bottom: 1px solid #d6d8eb;
  padding-bottom: 26px;
  margin-bottom: 26px;
  margin-top: 26px;
}

article.js-comment footer>p {
  margin-top: 10px;
}

article.js-comment footer>a,
article.js-comment>div>h3,
article.js-comment>div .field_name_field_comment>div>div:nth-child(1) {
  display: none;
}

article.js-comment footer>a.contextual-region {
  display: block;
}

article.js-comment .field_name_field_comment>div>div {
  word-wrap: break-word;
}

.get-e123-ngo-info-to-product-details form.commerce-order-item-add-to-cart-form {
  margin-top: 20px;
}

.get-e123-ngo-info-to-product-details form.commerce-order-item-add-to-cart-form #edit-purchased-entity-wrapper {
  display: none;
}

.get-e123-ngo-info-to-product-details form.commerce-order-item-add-to-cart-form>.container {
  width: 100%;
  max-width: 100%;
  padding: 0;
}

.product-content .views-infinite-scroll-content-wrapper {
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  max-width: none;
  width: calc(100% + 30px);
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}

.product-content .views-infinite-scroll-content-wrapper>.views-row {
  padding-left: 15px;
  padding-right: 15px;
}

.product-content {
  padding-bottom: 50px;
}

.product-content .js-pager__items .pager__item {
  margin: 20px auto 0;
  padding: 0;
}

.product-content .js-pager__items .pager__item .btn.btn-load-more {
  border: 0;
  margin: 0;
}

.get-e123-ngo-info-to-product-details .button--add-to-cart {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  margin: 0;
  padding: 12px;
}

.get-e123-ngo-info-to-product-details .field_name_field_external_url .btn {
  font-size: 18px;
  min-width: 155px;
  margin-top: 20px;
  padding: 12px;
}

/* .get-e123-ngo-info-to-product-details .field_name_field_content_hashtag > div > div:first-child {
  margin-bottom: 10px;
} */

.get-e123-ngo-info-to-product-details .field_name_field_content_hashtag {
  margin-top: 20px;
}

.get-e123-ngo-info-to-product-details .field_name_field_content_hashtag>div {
  display: flex;
  flex-wrap: wrap;
}

.get-e123-ngo-info-to-product-details .field_name_field_content_hashtag>div>div:not(:first-child) {
  margin-left: 15px;
}

.get-e123-ngo-info-to-product-details .field_name_field_content_hashtag a {
  background: #ffffff;
  border-radius: 30px;
  color: #4b4e59;
  font-weight: 400;
  font-size: 16px;
  display: block;
  height: 33px;
  padding: 6px 10px;
}

.get-e123-ngo-info-to-product-details .field_name_field_content_hashtag a::before {
  content: '#';
}

.get-e123-ngo-info-to-product-details .layout--twocol-section.layout--twocol-section--33-67>.layout__region--second #edit-quantity-0-value {
  margin-left: 1px;
}

.view-olink-list-by-hashtag {
  padding-top: 50px;
  padding-bottom: 50px;
}

/* course frontpage CSS ------------------------------------------------------------------------------*/
.page-course .view-id-opigno_training_catalog .list-unstyled,
.page-catalogue .view-id-opigno_training_catalog .list-unstyled,
.page-epartner-course .view-id-opigno_training_catalog .list-unstyled {
  display: none !important;
}

.page-catalogue .block-page-title-block h2,
.page-catalogue #block-breadcrumbs ol li:last-child {
  display: none;
}

.page-course .view-id-opigno_training_catalog .view-style>a,
.page-catalogue .view-id-opigno_training_catalog .view-style>a,
.page-epartner-course .view-opigno-training-catalog .view-style>a {
  background-color: var(--desktop-button-color);
  border: 1px solid #d6d8eb;
  border-radius: 8px;
  color: #461f00;
  padding: 0.625rem 0.9375rem;
}

.page-course .view-id-opigno_training_catalog .view-style>a:hover,
.page-catalogue .view-id-opigno_training_catalog .view-style>a:hover {
  background-color: var(--desktop-button-color-hover-primary);
  color: #fff;
}

.view-opigno-training-catalog .top-wrapper {
  position: unset;
  transition: unset;
  -webkit-transition: unset;
}

.view-opigno-training-catalog .views-row:hover .top-wrapper {
  -webkit-transform: unset;
  -ms-transform: unset;
  transform: unset;
}

/* .view-opigno-training-catalog .view-style ul {
    align-items: center;
} */

body.user-logged-in.page-course #sidebar-first>div .my-course-button,
body.user-logged-in.page-catalogue #sidebar-first>div .my-course-button {
  background-color: var(--desktop-button-color);
  border: 1px solid #d6d8eb;
  border-radius: 8px;
  color: #461f00;
  padding: 0.625rem 0.9375rem;
  width: 100%;
  margin-bottom: 15px;
  font-size: 22px;
  font-weight: bold;
}

body.user-logged-in.page-course #sidebar-first>div .my-course-button:hover,
body.user-logged-in.page-catalogue #sidebar-first>div .my-course-button:hover {
  background-color: var(--desktop-button-color-hover-primary);
  color: #fff;
}

body.role-epartner_content.page-course #sidebar-first>div .my-course-button,
body.role-epartner_content.page-catalogue #sidebar-first>div .my-course-button,
body.role-epartner_admin.admin-learning-path .step-list-aside-wrapper .step-list-aside>li:nth-child(3),
body.role-epartner_admin.admin-learning-path .lateral-panel .step-container .mat-radio-group>#mat-radio-2 {
  display: none;
}

#block-opigno-training-catalog-filter {
  background: #ffffff;
  box-shadow: 0px 3px 10px #d1e6ef;
  border-radius: 15px;
  padding: 22px;
  margin-bottom: 3.125rem;
}

#block-opigno-training-catalog-filter .container {
  padding-left: 0;
  padding-right: 0;
}

#block-opigno-training-catalog-filter .container .filter-section-title {
  height: 44px;
}

#block-opigno-training-catalog-filter .container .filter-section-title h2 {
  display: none;
}

#block-opigno-training-catalog-filter .container .fieldgroup {
  box-shadow: unset;
  -webkit-box-shadow: unset;
  padding: 0;
  margin-top: 30px;
  margin-bottom: 10px;
}

#block-opigno-training-catalog-filter .container .fieldgroup>legend {
  font-size: 22px;
  font-weight: 400;
  color: #686868;
  text-align: left;
  margin-bottom: 10px;
}

#block-opigno-training-catalog-filter .views-exposed-form .form-items-group>.form-item .label label {
  text-indent: -9999px;
  display: block;
  height: 0;
  overflow: hidden;
}

#block-opigno-training-catalog-filter .views-exposed-form .form-item label.option {
  border-radius: 8px;
  padding: 10px 20px;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  color: #4b4e59;
}

#block-opigno-training-catalog-filter .views-exposed-form .form-item.hidden label.option,
.views-exposed-form .form-item input[type="radio"]:checked~label.option {
  color: #461f00 !important;
}

#block-opigno-training-catalog-filter input[type="checkbox"]:checked~label.option,
#block-opigno-training-catalog-filter .views-exposed-form .form-item label.option.active {
  background-color: var(--desktop-button-color);
  color: #461f00;
}

#block-opigno-training-catalog-filter .views-exposed-form .form-item label.option.active:before {
  opacity: 1;
}

#block-opigno-training-catalog-filter #catalog-filter-parent input {
  border: 1px solid #d6d8eb;
  border-radius: 8px;
  color: #4b4e59;
  font-size: 18px;
  font-weight: 400;
  padding: 0 20px;
  line-height: 40px;
  min-height: auto;
}

#block-opigno-training-catalog-filter #catalog-filter-parent input.btn-reset-filter {
  color: #461f00;
}

#block-opigno-training-catalog-filter #catalog-filter-parent .btn-reset-filter:hover {
  background-color: #e7e7e7;
}

#block-opigno-training-catalog-filter #catalog-filter-parent .apply-catalog-filters {
  color: #461f00;
  border: none;
}

#block-opigno-training-catalog-filter #catalog-filter-parent .apply-catalog-filters:hover {
  background-color: #ff8a00;
  color: #fff;
}

#block-opigno-training-catalog-filter input#edit-reset--2 {
  border-color: #d6d8eb;
  color: #4b4e59;
}

#block-opigno-training-catalog-filter #edit-status--2--wrapper {
  display: none;
}

#block-opigno-training-catalog-filter .bef-checkboxes {
  margin-bottom: 20px;
}

.view-opigno-training-catalog .view-header {
  background-color: #f4fbff;
  border: #c9d5ff 1px solid;
  border-radius: 15px;
  margin-bottom: 20px;
  padding: 12px 15px;
}

.page-epartner-course .view-opigno-training-catalog .view-header {
  display: block;
}

.page-epartner-course .view-opigno-training-catalog .view-header .view-style {
  display: block;
}

.view-opigno-training-catalog .view-style {
  margin-bottom: 0;
}

.view-opigno-training-catalog .views-infinite-scroll-content-wrapper {
  margin: 0 -15px;
}

.view-opigno-training-catalog .views-row,
.view-opigno-training-catalog.style-line .views-row {
  background: none;
  box-shadow: none;
  border-radius: 0;
  overflow: inherit;
  flex: 0 0 calc(33.333% - 30px);
  max-width: calc(33.333% - 30px);
  margin: 0 15px 25px;
}

.view-opigno-training-catalog.style-line .progress-wrapper {
  display: unset;
  margin-left: unset;
}

.view-opigno-training-catalog .form-select.bootstrap-select>.dropdown-menu li:nth-last-child(1),
.view-opigno-training-catalog .form-select.bootstrap-select>.dropdown-menu li:nth-last-child(2) {
  display: none;
}

.courses-card {
  background: #ffffff;
  box-shadow: 0px 3px 10px #d1e6ef;
  border-radius: 15px;
  overflow: hidden;
}

.courses-card a {
  text-decoration: none;
  cursor: pointer;
}

.courses-card .card-img-top {
  border-bottom: #d6d8eb 1px solid;
  overflow: hidden;
}

.courses-card .card-img-top img {
  object-fit: contain;
  width: 100%;
  aspect-ratio: 16 / 9;
  /* old value 25 / 15 */
  transition: all 0.3s ease;
}

.courses-card a:hover .card-img-top img {
  transform: scale(1.1);
}

.courses-card .card-body {
  position: relative;
  padding-top: 2rem;
}

.page-course .courses-card .card-body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 36px 22px 24px 22px;
  position: relative;
}

.courses-card .card-filter {
  padding: 5px 8px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0px 4px 8px rgba(112, 122, 147, 0.25);
  backdrop-filter: blur(10px);
  border-radius: 8px;
  display: block;
  width: fit-content;
  margin: 0 22px;
  position: absolute;
  left: 0;
  top: -20px;
}

.courses-card .card-filter img {
  width: 30px;
  flex: 1 0 auto;
  aspect-ratio: 1/1;
  border-radius: 4px;
  object-fit: contain;
}

.courses-card .card-filter span a {
  color: #686868;
  font-size: 14px;
  line-height: 30px;
  padding-left: 10px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.courses-card .card-title {
  margin-bottom: 10px;
}

.courses-card .card-title h3,
.kol-view .card-title h3 {
  color: #4b4e59;
  font-weight: 600;
  font-size: 22px;
  letter-spacing: 0.05em;
  height: 58px;
  margin-bottom: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.3s ease;
}

.courses-card a:hover .card-title h3 {
  color: #6c3d28;
}

.page-front .courses-card .card-title::after {
  display: none;
}

.courses-card .card-title::after {
  content: "";
  background: url(/themes/contrib/aristotle/dist/images/content/rating.png) no-repeat;
  position: absolute;
  width: 112px;
  height: 21px;
  bottom: -21px;
  left: 0px;
}

.courses-card .views-field-field-learning-path-spent-time {
  font-weight: 400;
  font-size: 18px;
  color: #686868;
}

.courses-card .views-field-field-learning-path-spent-time,
.courses-card .views-field-field-learning-path-category {
  margin: 0;
  line-height: 33px;
}

.courses-card .views-field-field-learning-path-category {
  flex: 0 0 auto;
  margin-left: 10px;
}

.courses-card .views-field-field-learning-path-spent-time .field_name_field_learning_path_duration {
  font-weight: 400;
  font-size: 18px;
  line-height: 33px;
  letter-spacing: 0.05em;
  color: #949494;
}

.courses-card .views-field-field-learning-path-category .field_name_field_learning_path_category,
.courses-card .views-field-field-learning-path-category a {
  background: #ffa842;
  border-radius: 30px;
  padding: 6px 10px;
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  letter-spacing: 0.05em;
  color: #4B4B4B;
  margin-bottom: 0;
}

.courses-card [data-tid="10"] .field_name_field_learning_path_category {
  background-color: #cfe5fd;
}

.courses-card [data-tid="11"] .field_name_field_learning_path_category {
  background-color: #ecf8e5;
}

.courses-card [data-tid="21"] .field_name_field_learning_path_category {
  background-color: #ffdcc9;
}

.courses-card [data-tid="38"] .field_name_field_learning_path_category {
  background-color: #f6ceeb;
}

.courses-card [data-tid="41"] .field_name_field_learning_path_category {
  background-color: #fcf5d4;
}

.courses-card [data-tid="118"] .field_name_field_learning_path_category {
  background-color: #93c7ff;
}

.btn.btn-load-more {
  background-color: #fff;
  border: 1px solid #d6d8eb;
  border-radius: 8px;
  box-shadow: none;
  color: #461f00;
  line-height: 40px;
  padding: 0;
}

.btn.btn-load-more:hover {
  background-color: #e7e7e7;
}

/* .page-epartner-course #views-exposed-form-olink-learnings-list-by-tid-block-1 .form-items-group {
  margin-bottom: 20px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin-right: 0.625rem;
  margin-bottom: 0 !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
} */

.page-epartner-course #views-exposed-form-olink-learnings-list-by-tid-block-1 .form-group {
  margin-bottom: 2rem;
}

/* .page-epartner-course #views-exposed-form-olink-learnings-list-by-tid-block-1>.container {
  padding-left: 0;
  padding-right: 0;
  background-color: #f4fbff;
  border: #c9d5ff 1px solid;
  border-radius: 15px;
  padding: 12px 15px;
  margin-bottom: 3rem;
} */

/* .page-epartner-course #views-exposed-form-olink-learnings-list-by-tid-block-1 .label {
  display: none;
} */

.page-epartner-course #views-exposed-form-olink-learnings-list-by-tid-block-1>.container .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 100% !important;
}

.page-epartner-course .view-id-olink_learnings_list_by_tid .courses-card {
  margin-bottom: 2rem;
}

.page-epartner-course .view-olink-learnings-list-by-tid div.views-infinite-scroll-content-wrapper {
  --bs-gutter-x: 30px;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
}

.courses-card .field_name_field_district {
  float: left;
  line-height: 30px;
}

.courses-card .field_name_field_district>div {
  color: #4b4e59;
}

.courses-card .progress-wrapper-data {
  height: 52px;
}

.courses-card .progress-wrapper-data>div {
  font-size: 22px;
  font-weight: bold;
  color: #2c69c4;
}

.courses-card .progress-wrapper-data .enrolled {
  color: #767676;
}

.courses-card .progress-wrapper-time {
  min-height: 33px;
}

.courses-card .progress-wrapper-type {
  border-bottom: 1px solid #e7e7e7;
  justify-content: end;
  height: 100%;
  margin-bottom: 15px;
  padding-bottom: 15px;
}

/* .courses-card .progress-wrapper-type>div {
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.05em;
  color: #4b4e59;
  margin-bottom: 0;
  line-height: 25px;
  font-size: 22px;
} */

.courses-card .field-few-places {
  border: #ffa842 1px solid;
  border-radius: 30px;
  color: #fe6400;
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  height: 33px;
  margin-right: auto;
  margin-bottom: 0;
  padding: 6px 10px;
}

.courses-card .field_name_field_enrollment_deadline {
  font-weight: 400;
  font-size: 18px;
  color: #686868;
  line-height: 33px;
}

/* course detail CSS ------------------------------------------------------------------------------*/
.group-opigno-course .content-box {
  overflow: unset;
}

.page-entity-group-canonical .block-page-title-block,
.page-entity-taxonomy-term-canonical .block-page-title-block {
  display: none;
}

/* .page-entity-group-canonical .block-page-title-block h2,
.page-entity-taxonomy-term-canonical .block-page-title-block h2 {
    font-size: 0;
} */
.page-entity-taxonomy-term-canonical #block-views-block-olink-e-partner-view-news-block-1 {
  background: #f2f6e5;
  margin-top: 50px;
}

.group-opigno-course .course-details-top-icon {
  display: flex;
  flex: 0 0 auto;
}

.group-opigno-course .course-details-top-icon .e123-ngo-name {
  font-weight: 400;
  font-size: 18px;
  line-height: 40px;
  color: #686868;
}

.group-opigno-course .course-details-top-icon img {
  width: auto;
  height: 40px;
  margin-right: 10px;
  aspect-ratio: 16 / 9;
  border: 1px solid #e7e7e7;
  border-radius: 4px;
  object-fit: contain;
}

.group-opigno-course .flagging-wrapper {
  min-width: 390px;
}

.group-opigno-learning-course {
  margin-bottom: 70px;
  margin-top: 90px;
}

.group-opigno-learning-course .content-box,
.group-opigno-learning-course .content-box.get-e123-ngo-info-to-group .row,
.channel-olink-comments {
  background: #ffffff;
  box-shadow: 0px 3px 10px #d1e6ef;
  border-radius: 15px;
  margin-bottom: 30px;
  padding: 30px;
  position: relative;
}

.group-opigno-learning-course .content-box .message-logo {
  width: 34%;
  margin: auto;
  margin-bottom: 40px;
}

.group-opigno-learning-course .content-box .lp-forum a {
  position: relative;
}

.group-opigno-learning-course .content-box .lp-forum a>span {
  font-size: 22px;
}

.group-opigno-learning-course .content-box .lp-forum a>i.fi:before {
  position: absolute;
  right: 0;
  top: 12px;
}

.group-opigno-learning-course .content-box .lp-forum .see-all {
  background: var(--desktop-link);
  color: #461f00;
  border-radius: 0.625rem;
  padding: 6px 20px;
}

.group-opigno-learning-course .content-box .lp-forum .see-all:hover a {
  color: #fff;
}

.group-opigno-learning-course .content-box .lp-forum .see-all>a {
  color: #461f00;
  font-size: 22px;
}

.channel-olink-comments {
  max-width: 1080px;
  margin: auto;
  margin-bottom: 80px;
}

.group-opigno-learning-course .content-box.get-e123-ngo-info-to-group .row {
  padding-bottom: 60px;
}

.group-opigno-learning-course .content-box.get-e123-ngo-info-to-group {
  background: none;
  box-shadow: none;
  padding: 0 65px;
}

.group-opigno-learning-course .content-box .col-lg-4.lp-image {
  padding: 0;
}

.group-opigno-learning-course .content-box .field_name_field_learning_path_media_image img {
  border-radius: 8px;
  width: 100%;
  aspect-ratio: 16 / 9;
  /* old value 65 / 40 */
  object-fit: contain;
  border: 1px solid #e7e7e7;
  margin: 30px auto 16px;
}

.group-opigno-learning-course .content-box .col-lg-4.lp-image .learning_course_tab {
  float: none;
}

.group-opigno-learning-course .content-box .col-lg-4.lp-image .field-few-places {
  border: #ffa842 1px solid;
  border-radius: 30px;
  color: #fe6400;
  font-size: 22px;
  display: block;
  width: fit-content;
  margin: 30px auto;
  padding: 10px 15px;
}

.group-opigno-learning-course .content-box .course-details-top {
  border-bottom: 1px solid #d6d8eb;
  padding: 0 0 20px;
}

.group-opigno-learning-course .content-box .lp-content__top h2 {
  margin: 30px 0;
  font-size: 30px;
  letter-spacing: 0.05em;
  color: #322959;
  padding-right: 62px;
}

.group-opigno-learning-course .content-box .lp-content__bottom {
  margin-bottom: 0;
  padding-bottom: 150px;
  position: initial;
}

.group-opigno-learning-course .content-box .lp-content__bottom .layout--onecol {
  clear: both;
  padding: 0;
}

.group-opigno-learning-course .content-box .lp-content__bottom .layout--onecol ul {
  padding-left: 1.25rem;
}

.group-opigno-learning-course .content-box .lp-content__bottom .layout--onecol ul li {
  list-style: initial;
}

.group-opigno-learning-course .content-box .lp-content__bottom>a {
  display: none;
}

.group-opigno-learning-course .field_name_field_district {
  width: 50%;
  float: left;
}

.group-opigno-learning-course .content-box .lp-content__bottom .layout__region--content>div:nth-child(1) {
  display: inline-block;
  margin-top: 20px;
}

.group-opigno-learning-course .content-box .lp-content__bottom .layout__region--content>div:nth-child(2) {
  display: block;
}

.group-opigno-learning-course .content-box .lp-content__bottom .layout--onecol:nth-child(1) .layout__region--content>div:nth-child(2) {
  position: absolute;
  right: 27px;
  top: 40px;
}

.group-opigno-learning-course .content-box .lp-content__bottom .layout__region--content>div:nth-child(3) {
  margin-top: 40px;
}

.group-opigno-learning-course .content-box .lp-content__bottom .layout__region--content>div:nth-child(2) .dropdown {
  position: relative;
}

.group-opigno-learning-course .content-box .lp-content__bottom .layout__region--content>div:nth-child(2) .dropdown .dropdown-toggle::after {
  position: absolute;
  right: -20px;
  top: 11px;
}

.group-opigno-learning-course .content-box .lp-content__bottom .layout__region--content>div:nth-child(2) .dropdown ul {
  padding: 0;
  background-color: #fff;
  left: 124px !important;
  padding-top: 10px;
}

.group-opigno-learning-course .content-box .lp-content__bottom .layout__region--content>div:nth-child(2) .dropdown ul .dropdown-item-text {
  padding: 0;
}



.group-opigno-learning-course .field_name_field_learning_path_category>div,
.group-opigno-learning-course .field_name_field_type>div,
.group-opigno-learning-course .field_name_field_date>div,
.group-opigno-learning-course .field_name_field_trainer>div,
.group-opigno-learning-course .field_name_field_certificate>div,
.group-opigno-learning-course .field_name_field_quota>div,
.group-opigno-learning-course .field_name_field_instructor_info>div,
.group-opigno-learning-course .field_name_field_session>div,
.group-opigno-learning-course .field_name_field_address>div,
/* .group-opigno-learning-course .field_name_field_enrollment_deadline>div, */
.group-opigno-learning-course .field_name_field_auto_joined_user_count>div,
.group-opigno-learning-course .field_name_field_district>div,
.group-opigno-learning-course .field_name_field_user_mem_lvl_allowed>div,
.group-opigno-learning-course .field_name_field_course_type>div {
  display: flex;
}

.group-opigno-learning-course .field_name_field_user_mem_lvl_allowed,
.group-opigno-learning-course .field_name_field_course_type {
  clear: both;
}

.group-opigno-learning-course .field_name_field_learning_path_category>div>div:nth-child(1),
.group-opigno-learning-course .field_name_field_type>div>div:nth-child(1),
.group-opigno-learning-course .field_name_field_date>div>div:nth-child(1),
.group-opigno-learning-course .field_name_field_trainer>div>div:nth-child(1),
.group-opigno-learning-course .field_name_field_certificate>div>div:nth-child(1),
.group-opigno-learning-course .field_name_field_quota>div>div:nth-child(1),
.group-opigno-learning-course .field_name_field_instructor_info>div>div:nth-child(1),
.group-opigno-learning-course .field_name_field_session>div>div:nth-child(1),
.group-opigno-learning-course .field_name_field_address>div>div:nth-child(1),
.group-opigno-learning-course .field_name_field_enrollment_deadline>div>div:nth-child(1),
.group-opigno-learning-course .field_name_field_auto_joined_user_count>div>div:nth-child(1),
.group-opigno-learning-course .field_name_field_district>div>div:nth-child(1),
.group-opigno-learning-course .field_name_field_user_mem_lvl_allowed>div>div:nth-child(1),
.group-opigno-learning-course .field_name_field_course_type>div>div:nth-child(1) {
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.05em;
  color: #4b4e59;
  min-width: 76px;
  margin-bottom: 20px;
  margin-right: 20px;
  white-space: nowrap;
}

.group-opigno-learning-course .field_name_field_learning_path_category>div>div:nth-child(2),
.group-opigno-learning-course .field_name_field_type>div>div:nth-child(2),
.group-opigno-learning-course .field_name_field_date>div>div:nth-child(2),
.group-opigno-learning-course .field_name_field_trainer>div>div:nth-child(2),
.group-opigno-learning-course .field_name_field_certificate>div>div:nth-child(2),
.group-opigno-learning-course .field_name_field_quota>div>div:nth-child(2),
.group-opigno-learning-course .field_name_field_instructor_info>div>div:nth-child(2),
.group-opigno-learning-course .field_name_field_session>div>div:nth-child(2),
.group-opigno-learning-course .field_name_field_address>div>div:nth-child(2),
.group-opigno-learning-course .field_name_field_enrollment_deadline>div>div:nth-child(2),
.group-opigno-learning-course .field_name_field_auto_joined_user_count>div>div:nth-child(2),
.group-opigno-learning-course .field_name_field_district>div>div:nth-child(2),
.group-opigno-learning-course .field_name_field_user_mem_lvl_allowed>div>div:nth-child(2),
.group-opigno-learning-course .field_name_field_course_type>div>div:nth-child(2) {
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.05em;
  margin-bottom: 20px;
  color: #686868;
}

.group-opigno-learning-course .field_name_field_instructor_info>div>div:nth-child(2)>div:not(:last-child) {
  margin-bottom: 5px;
}

.group-opigno-learning-course .field_name_field_enrollment_deadline {
  position: absolute;
  bottom: -5px;
  left: 190px;
}

.group-opigno-learning-course .field_name_field_enrollment_deadline.epartner-join-only {
  left: auto;
}

.group-opigno-learning-course .field_name_field_enrollment_deadline>div>div {
  width: fit-content;
  margin-bottom: 0 !important;
}

/* .group-opigno-learning-course .epartner-other-info .go-to-epartner-link {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 10;
} */

.group-opigno-learning-course .epartner-other-info .go-to-epartner-link a {
  font-weight: 400;
  font-size: 20px;
  line-height: 27px;
  letter-spacing: 0.05em;
  color: #393939;
  padding-left: 29px;
  position: relative;
}

.group-opigno-learning-course .epartner-other-info .go-to-epartner-link a::before {
  content: "";
  background: url("/themes/contrib/aristotle/dist/images/content/direction.svg") no-repeat;
  position: absolute;
  width: 27px;
  height: 22px;
  left: 0;
  top: 0;
}

.group-opigno-learning-course .field_name_field_zoom_link {
  position: absolute;
  left: auto;
  bottom: 102px;
  z-index: 9;
}

.group-opigno-learning-course .field_name_field_zoom_link a {
  background: #ffa842;
  border-radius: 8px;
  font-weight: 400;
  font-size: 20px;
  line-height: 27px;
  letter-spacing: 0.05em;
  color: #461f00;
  min-width: auto;
  width: 155px;
  display: block;
  text-align: center;
  padding: 6px 12px;
}

.group-opigno-learning-course .field_name_field_zoom_link a:hover {
  background-color: #fe6a00;
  color: #fff;
  text-decoration: none;
}

.group-opigno-course .lp-image img {
  aspect-ratio: unset;
  width: 100%;
}

/* .group--learning-path #sidebar-first #forum {
    display: none;
} */

/* .group-opigno-learning-course .content-box .lp-content__bottom .dropdown {
  position: absolute;
  right: 0;
  top: -68px;
  display: none;
}

.group-opigno-learning-course .content-box .lp-content__bottom .dropdown .dropdown-toggle::after {
  display: none;
} */

.group-opigno-learning-course .content-box .lp-content__bottom .field_name_field_learning_path_description p,
.group-opigno-learning-course .group-opigno-learning-course-bottom #content p {
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.05em;
  color: #686868;
}

.group-opigno-learning-course .group-opigno-learning-course-bottom #content p,
.group-opigno-learning-course .group-opigno-learning-course-date p {
  font-weight: 600;
  font-size: 22px;
  line-height: 29px;
  color: #4b4e59;
}

.group-opigno-learning-course .group-opigno-learning-course-bottom {
  margin-bottom: 100px;
}

.group-opigno-learning-course .content-box .lp-content__bottom .field_name_field_learning_path_description p:last-child {
  margin-bottom: 1rem;
}

.group-opigno-learning-course .content-box .lp-content__bottom .field_name_field_learning_path_media_image {
  margin-bottom: 1rem;
}

.group-opigno-learning-course .content-box .lp-content__bottom .layout__region--content>div section {
  box-shadow: 0px 3px 10px #d1e6ef;
  border-radius: 15px;
  padding: 40px;
  margin-top: 30px;
}

.group-opigno-learning-course .content-box .lp-content__bottom .layout__region--content>div section form .js-form-item {
  width: 100%;
}

.group-opigno-learning-course .layout--onecol section>h2 {
  display: none;
}

.group-opigno-learning-course .comment-form .form-item label {
  position: unset;
}

.group-opigno-learning-course .lp-info {
  justify-content: flex-end;
  /* margin-top: 40px; */
  margin-top: -100px;
}

.group-opigno-learning-course .lp-info .action-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 0 !important;
  padding-top: 60px;
  position: relative;
}

.group-opigno-learning-course .lp-info .field_name_field_remote_link a {
  font-weight: 400;
  font-size: 20px;
  line-height: 27px;
  letter-spacing: 0.05em;
  color: #461f00;
  padding: 10px 23px;
  border: 1px solid #d6d8eb;
  border-radius: 8px;
}

.group-opigno-learning-course #course-tnc-box {
  clear: both;
  margin-bottom: 20px;
}

.group-opigno-learning-course .lp-info .action-wrapper .price {
  font-weight: 600;
  font-size: 38px;
  line-height: 48px;
  color: #2c69c4;
  text-align: left;
  left: 0;
  right: auto;
}

.group-opigno-learning-course .lp-info .action-wrapper a {
  background: #ffa842;
  border-radius: 8px;
  font-weight: 400;
  font-size: 20px;
  line-height: 27px;
  letter-spacing: 0.05em;
  color: #461f00;
  min-width: auto;
  width: 155px;
  margin-top: 10px;
  margin-left: 0 !important;
}

.group-opigno-learning-course .lp-info .action-wrapper a.epartner-join-only {
  display: none;
}

.group-opigno-learning-course .lp-info .action-wrapper .course_submit_disabled_hint {
  color: red;
  position: absolute;
  bottom: -26px;
  right: 0px;
  font-size: 15px;
}

.group-opigno-learning-course .lp-docs a.btn {
  background: none;
  border-color: #D6D8EB;
  text-align: left;
  min-height: auto;
}

.group-opigno-learning-course .lp-docs a.btn:hover {
  background-color: #D0D0D0;
}

.group-opigno-learning-course .lp-docs a.btn .fi {
  float: left;
  margin-right: 0.625rem;
}

.group-opigno-learning-course .lp-docs .see-all a {
  background: #ffa842;
  border-radius: 8px;
  color: #461f00;
  font-size: 20px;
  text-align: center;
  text-decoration: none;
  display: block;
  width: 155px;
  min-width: auto;
  padding: 0.375rem 0.75rem;
}

.group-opigno-learning-course .lp-docs .see-all a:hover {
  background-color: #fe6a00;
  color: #fff;
}

.lp-global-progress-title {
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  color: #4b4e59;
}

.lp-global-progress .progress-bar {
  height: 10px;
}

.lp-global-progress .progress-value {
  font-weight: 600;
  font-size: 22px;
  line-height: 28px;
  color: #2c69c4;
}

.icon_state_pending span {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  color: #686868;
}

.lp-global-progress .progress-wrapper+.icon_state .date {
  font-style: unset;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  color: #686868;
}

.statistics-table thead th,
.statistics-table thead th.progress {
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.05em;
  color: #4b4e59;
  border-bottom: 1px solid #d6d8eb;
}

.statistics-table h4 a {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.05em;
  color: #4b4e59;
}

.lp-table-wrapper .table> :not(:first-child) {
  border-top: unset;
}

.lp-table .type {
  width: unset;
}

.page-entity-group-canonical main>div:last-child {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  flex-wrap: nowrap;
  flex-direction: column !important;
}

.page-entity-group-canonical main>div:last-child>div:last-child {
  order: 1;
}

.page-entity-group-canonical main>div:last-child #block-views-block-olink-training-catalogue-detail-block-2 {
  order: 2;
  padding: 100px 0;
  background-color: #fff;
  margin-top: 50px;
}

body.section-group .get-e123-ngo-info-to-group .lp-content__bottom>a,
body.section-course .get-e123-ngo-info-to-group .lp-content__bottom>a {
  display: none;
}

body.section-group #sidebar-first #ChatRoom img,
body.section-course #sidebar-first #ChatRoom img {
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
}

body.section-group #sidebar-first #ChatRoom p,
body.section-course #sidebar-first #ChatRoom p {
  margin-bottom: 0;
  font-weight: bold;
  font-size: 22px;
  color: #4b4e59;
  text-align: center;
}

body.section-group #sidebar-first #ChatRoom a.content-box,
body.section-course #sidebar-first #ChatRoom a.content-box {
  display: block;
}

body.section-group #sidebar-first #forum .see-all {
  display: none;
}

body.section-group #sidebar-first #forum .lp-forum a.btn {
  margin-bottom: 0;
}

body.section-group #sidebar-first #forum .lp-forum a.btn>i {
  display: none;
}

body.section-group #sidebar-first #forum .lp-forum img.message-logo {
  margin: auto;
  margin-bottom: 10px;
}

body.section-group #sidebar-first #forum a .label {
  font-weight: bold;
  font-size: 22px;
  color: #4b4e59;
}

.group-opigno-learning-course .content-box .lp-content__bottom .learning-course-comments,
body.section-group #sidebar-first #CommentRoom h2 {
  display: none;
}

body.section-group .view-live-chat-training #private-message-page .mobile-message {
  display: none;
}

body.section-group a.current-step-5 {
  margin-top: 40px;
}

body.section-group a.current-step-5 i::before {
  display: inline-block;
}

.group-opigno-learning-course #CommentRoom h2 {
  display: none;
  text-align: center;
}

.group-content-learning-path-group-membership-group-join-form .container {
  padding-left: 0;
  padding-right: 0;
}

.group-content-learning-path-group-membership-group-join-form .js-form-type-language-select {
  display: none;
}

#CommentRoom {
  box-shadow: 0px 3px 10px #d1e6ef;
  border-radius: 15px;
  padding: 30px;
  background-color: #fff;
  margin-bottom: 40px;
}

#CommentRoom footer>a.contextual-region {
  position: relative;
}

#CommentRoom footer>a.contextual-region .profile-pic {
  position: absolute;
}

#CommentRoom footer>a.contextual-region span.body {
  display: none;
}

#CommentRoom footer>p {
  padding-left: 50px;
  padding-top: 10px;
  font-size: 16px;
  margin-bottom: 30px;
}

#CommentRoom .non-member #comment-form {
  display: none;
}

#private-message-page .private-message-thread-full .private-message-thread-messages {
  background-color: #fff;
}

#opigno-achievements-content .tab-content .statistics-table thead>tr>th:nth-child(4) {
  text-align: center;
}

#opigno-achievements-content .tab-content .statistics-table thead>tr>th:nth-child(3),
#opigno-achievements-content .tab-content .statistics-table td.share {
  display: none !important;
}

#opigno-achievements-content .tab-content .statistics-table td.download a {
  padding: 8px 10px;
}

.page-opigno-statistics-user-achievements-page #opigno-achievements-content h2 {
  display: none;
}

/* training statistic CSS -------------------------------------------------------------------------*/
.page-opigno-learning-path-training .content-box.container {
  width: calc(100% - 100px);
  max-width: 1410px;
  padding: 30px;
}

.page-opigno-learning-path-training .content-box.container .training .training__container {
  padding: 0 0 0 20px;
}

.page-opigno-learning-path-training .activity-container .activity-table {
  padding: 0.875rem 1.25rem;
}

.page-opigno-learning-path-training .content-box.container .activity-info .activity-info__item .label {
  flex: 1 0 auto;
}

.page-opigno-learning-path-training .content-box.container .activity-info .activity-info__link {
  display: none;
}

/* kol frontpage CSS ------------------------------------------------------------------------------*/
.page-kol .field_name_field_display_title {
  display: none;
}

.page-front .kol-view>.content-box__info {
  width: 100%;
}

.kol-view .card {
  background: #ffffff;
  box-shadow: 0px 3px 10px #dfdfdf;
  border-radius: 15px;
  border: none;
  margin-bottom: 30px;
  overflow: hidden;
  cursor: pointer;
}

.kol-view .card .card-img-top {
  border-bottom: #e7e8f3 1px solid;
  overflow: hidden;
  position: relative;
}

.kol-view .card .card-img-top img {
  object-fit: contain;
  width: 100%;
  aspect-ratio: 16 / 9;
  transition: all 0.3s ease;
}

.kol-view .card .card-img-top .olink_node_live_status.live {
  position: absolute;
  bottom: 0;
  background-color: #d7342a;
  font-weight: 700;
  font-size: 16px;
  color: #ffffff;
  right: 0;
  padding: 8px 10px;
}

.kol-view .card .card-img-top .olink_node_live_status.live span:nth-child(1) {
  padding-top: 2px;
}

.kol-view .card:hover .card-img-top img {
  transform: scale(1.1);
}

.kol-view .card .card-img-top .olink_node_live_status.live span img {
  padding-right: 4px;
  transform: scale(1);
}

.kol-view .views-row,
.view-olink-learnings-list-by-tid .views-row {
  --bs-gutter-x: 30px;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

.page-front .kol-view {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}

/* .kol-view .views-row .card-title a {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0.05em;
    color: #4B4E59;
    margin-bottom: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    max-height: 64px;
    min-height: 62px;
} */
.kol-view .card .card-avatar {
  margin-top: 16px;
}

.kol-view .card .card-avatar .kol-title img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
}

.kol-view .card .card-avatar .kol-title a {
  font-weight: 400;
  font-size: 16px;
  line-height: 40px;
  letter-spacing: 0.05em;
  color: #686868;
  margin-left: 10px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  /* width: 260px; */
}

.kol-view .card .card-body {
  padding: 24px 27px 24px;
}

.kol-view .card .card-body time {
  color: #686868;
}

.kol-view .views-infinite-scroll-content-wrapper,
.view-olink-learnings-list-by-tid .views-infinite-scroll-content-wrapper {
  --bs-gutter-x: 30px;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 30px);
  max-width: initial;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}

.kol-tag {
  min-height: 28px;
}

.kol-tag a {
  background: #ffdcc9;
  border-radius: 30px;
  color: #4B4B4B;
  font-size: 16px;
  display: inline-block;
  letter-spacing: 0.05em;
  white-space: nowrap;
  line-height: 20px;
  /* margin-bottom: 10px; */
  padding: 4px 10px;
}

.style1 a {
  background: #cfe5fd;
}

.style2 a {
  background: #ecf8e5;
}

.style3 a {
  background: #ffdcc9;
}

.style4 a {
  background: #ece3ff;
}

/* .kol-view .kol-tag>div {
  margin-bottom: 20px;
} */

.kol-view .view-empty {
  font-size: 22px;
  text-align: center;
  padding-bottom: 90px;
}

/* epartner frontpage CSS ------------------------------------------------------------------------------*/
.view-olink-e-partner-list,
.view-social-services {
  margin-bottom: 85px;
}

#views-exposed-form-olink-e-partner-list-block-1 .form-items-group>input {
  height: 16px;
  margin: 15px 0;
}

.view-olink-e-partner-list .container,
.view-olink-programme-list-epartner .container,
.page-kol .view-id-olink_programme_list .container,
.view-social-services .container {
  padding: 0;
}

.view-olink-e-partner-list .form-group .views-exposed-form,
.view-olink-programme-list-epartner .form-group .views-exposed-form,
.page-kol .view-id-olink_programme_list .form-group .views-exposed-form,
.view-social-services .form-group .views-exposed-form,
.view-olink-learnings-list-by-tid .form-group .views-exposed-form,
.view-id-olink_channel_link_all.view-display-id-page_1 .views-exposed-form,
.view-id-olink_channel_link_all.view-display-id-page_2 .views-exposed-form,
.view-id-olink_channel_link_all.view-display-id-block_1 .views-exposed-form,
.view-olink-channel-link-all-by-chann-name.view-display-id-page_1 .views-exposed-form,
.view-id-olink_channel_link_latest_prog.view-display-id-page_1 .views-exposed-form,
.view-olink-channel-link-features-by-chann-name.view-display-id-page_1 .views-exposed-form {
  background: #f4fbff;
  border: 1px solid #c9d5ff;
  border-radius: 15px;
  margin-bottom: 25px;
  padding: 0 20px;
}

.view-olink-e-partner-list .views-exposed-form .form-items-group,
.view-olink-programme-list-epartner .views-exposed-form .form-items-group,
.page-kol .view-id-olink_programme_list .views-exposed-form .form-items-group,
.view-social-services .views-exposed-form .form-items-group,
.view-olink-learnings-list-by-tid .views-exposed-form .form-items-group,
.view-olink-channel-link-features-by-chann-name.view-display-id-page_1 .views-exposed-form .form-items-group {
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-bottom: 0;
}

.view-olink-e-partner-list .views-exposed-form .form-items-group>.form-item,
.view-olink-programme-list-epartner .views-exposed-form .form-items-group>.form-item,
.page-kol .view-id-olink_programme_list .views-exposed-form .form-items-group>.form-item,
.view-social-services .views-exposed-form .form-items-group>.form-item,
.view-olink-learnings-list-by-tid .views-exposed-form .form-items-group>.form-item,
.view-id-olink_channel_link_all.view-display-id-page_1 .form-items-group>.js-form-item,
.view-id-olink_channel_link_all.view-display-id-page_2 .form-items-group>.js-form-item,
.view-id-olink_channel_link_all.view-display-id-block_1 .form-items-group>.js-form-item,
.view-olink-channel-link-all-by-chann-name.view-display-id-page_1 .form-items-group>.js-form-item,
.view-id-olink_channel_link_latest_prog.view-display-id-page_1 .form-items-group>.js-form-item,
.view-olink-channel-link-features-by-chann-name.view-display-id-page_1 .form-items-group>.js-form-item,
.view-olink-my-olink-notif .views-exposed-form .form-items-group>.form-item {
  display: flex !important;
  margin-right: 20px;
  padding: 15px 0;
  justify-content: space-between;
  align-items: flex-start;
}

.view-olink-my-olink-notif .views-exposed-form .form-items-group>.form-item:first-child {
  flex: 0 0 auto;
}

.view-olink-e-partner-list .views-exposed-form .form-items-group>.form-item .label,
.view-olink-programme-list-epartner .views-exposed-form .form-items-group>.form-item .label,
.page-kol .view-id-olink_programme_list .views-exposed-form .form-items-group>.form-item .label,
.view-social-services .views-exposed-form .form-items-group>.form-item .label,
.view-olink-learnings-list-by-tid .views-exposed-form .form-items-group>.form-item .label,
.view-olink-my-olink-notif .views-exposed-form .form-items-group>.form-item .label {
  flex: 0 0 auto;
}

.view-olink-e-partner-list .views-exposed-form .form-items-group>.form-item .field,
.view-olink-programme-list-epartner .views-exposed-form .form-items-group>.form-item .field,
.page-kol .view-id-olink_programme_list .views-exposed-form .form-items-group>.form-item .field,
.view-social-services .views-exposed-form .form-items-group>.form-item .field,
.view-olink-learnings-list-by-tid .views-exposed-form .form-items-group>.form-item .field,
.view-olink-my-olink-notif .views-exposed-form .form-items-group>.form-item .field {
  flex: 1 1 auto;
}

.view-olink-e-partner-list .views-exposed-form .form-items-group>.form-item .field .form-select.bootstrap-select,
.view-olink-programme-list-epartner .views-exposed-form .form-items-group>.form-item .field .form-select.bootstrap-select,
.page-kol .view-id-olink_programme_list .views-exposed-form .form-items-group>.form-item .field .form-select.bootstrap-select,
.view-social-services .views-exposed-form .form-items-group>.form-item .field .form-select.bootstrap-select,
.view-olink-learnings-list-by-tid .views-exposed-form .form-items-group>.form-item .field .form-select.bootstrap-select,
.view-olink-my-olink-notif .views-exposed-form .form-items-group>.form-item .field .form-select.bootstrap-select {
  width: 100% !important;
}

.view-olink-e-partner-list .epartner-view,
.view-social-services .social-view {
  background: #ffffff;
  box-shadow: 0px 3px 10px #d1e6ef;
  border-radius: 15px;
  margin-bottom: 15px;
  padding: 20px 35px;
}

.view-olink-e-partner-list #edit-submit-olink-e-partner-list,
.view-olink-programme-list-epartner #edit-submit-olink-programme-list-epartner,
.page-kol .view-id-olink_programme_list .form-items-group>input,
.view-social-services #edit-submit-social-services,
.view-olink-learnings-list-by-tid #edit-submit-olink-learnings-list-by-tid,
.view-id-olink_channel_link_all.view-display-id-page_1 .form-items-group>input:last-child,
.view-id-olink_channel_link_all.view-display-id-page_2 .form-items-group>input:last-child,
.view-id-olink_channel_link_all.view-display-id-block_1 .form-items-group>input:last-child,
.view-olink-channel-link-all-by-chann-name.view-display-id-page_1 .form-items-group>input:last-child,
.view-id-olink_channel_link_latest_prog.view-display-id-page_1 .form-items-group>input:last-child,
.view-olink-channel-link-features-by-chann-name.view-display-id-page_1 .form-items-group>input:last-child,
.view-olink-my-olink-notif .views-exposed-form .form-items-group>input:last-child {
  font-size: 0;
  min-width: 45px;
  min-height: 45px;
  background: #ffa842 !;
  border-radius: 8px;
  position: relative;
  background-image: url(/themes/contrib/aristotle/dist/images/content/epartner/search.svg);
  background-repeat: no-repeat;
  background-size: 25px;
  background-position-x: 50%;
  background-position-y: 50%;
  margin-top: 15px;
  margin-bottom: 15px;
  width: 45px;
  height: 45px;
}

.page-kol .view-id-olink_programme_list .form-items-group>input {
  font-size: 0 !important;
  min-width: 45px !important;
  min-height: 45px !important;
  background: #ffa842 !important;
  border-radius: 8px !important;
  position: relative !important;
  background-image: url(/themes/contrib/aristotle/dist/images/content/epartner/search.svg) !important;
  background-repeat: no-repeat !important;
  background-size: 25px !important;
  background-position-x: 50% !important;
  background-position-y: 50% !important;
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

#views-exposed-form-olink-channel-link-latest-prog-page-1 .js-form-item-ep-status,
#views-exposed-form-olink-channel-link-latest-prog-page-1 .form-item-epartner-active-tid {
  min-width: 48%;
}

.view-olink-e-partner-list .form-group .views-exposed-form .form-items-group>.form-item .label label,
#views-exposed-form-olink-programme-list-block-1 .label label,
#views-exposed-form-olink-channel-link-all-page-1 .label label,
#views-exposed-form-olink-channel-link-latest-prog-page-1 .label label,
.view-olink-my-olink-notif .views-exposed-form .form-items-group>.form-item .label label {
  margin-top: 5px;
}

.view-id-olink_channel_link_all.view-display-id-page_1 .content-box__info {
  text-align: left;
}

.view-id-olink_channel_link_all.view-display-id-page_1 .form-items-group,
.view-id-olink_channel_link_all.view-display-id-page_2 .form-items-group,
.view-id-olink_channel_link_all.view-display-id-block_1 .form-items-group,
.view-olink-channel-link-all-by-chann-name.view-display-id-page_1 .form-items-group,
.view-id-olink_channel_link_latest_prog.view-display-id-page_1 .form-items-group,
.view-olink-channel-link-features-by-chann-name.view-display-id-page_1 .form-items-group {
  margin-bottom: 0;
  flex-wrap: wrap;
}

.view-id-olink_channel_link_all.view-display-id-page_1 .form-items-group>.js-form-item,
.view-id-olink_channel_link_all.view-display-id-page_2 .form-items-group>.js-form-item,
.view-olink-channel-link-all-by-chann-name.view-display-id-page_1 .form-items-group>.js-form-item,
.view-id-olink_channel_link_latest_prog.view-display-id-page_1 .form-items-group>.js-form-item,
.view-olink-channel-link-features-by-chann-name.view-display-id-page_1 .form-items-group>.js-form-item {
  margin-top: 0;
  min-width: 250px;
}

.view-id-olink_channel_link_all.view-display-id-page_1 .form-items-group .field,
.view-id-olink_channel_link_all.view-display-id-page_2 .form-items-group .field,
.view-id-olink_channel_link_all.view-display-id-block_1 .form-items-group .field,
.view-olink-channel-link-all-by-chann-name.view-display-id-page_1 .form-items-group .field,
.view-olink-channel-link-latest-prog.view-display-id-page_1 .form-items-group .field,
.view-olink-channel-link-features-by-chann-name.view-display-id-page_1 .form-items-group .field {
  flex: 1 1 auto;
}

.view-id-olink_channel_link_all.view-display-id-page_1 .form-items-group .field .bootstrap-select,
.view-id-olink_channel_link_all.view-display-id-page_2 .form-items-group .field .bootstrap-select,
.view-id-olink_channel_link_all.view-display-id-block_1 .form-items-group .field .bootstrap-select,
.view-olink-channel-link-all-by-chann-name.view-display-id-page_1 .form-items-group .field>input,
.view-olink-channel-link-latest-prog.view-display-id-page_1 .form-items-group .field .bootstrap-select,
.view-olink-channel-link-features-by-chann-name.view-display-id-page_1 .form-items-group .field .bootstrap-select {
  width: 100% !important;
}

.view-id-olink_channel_link_all.view-display-id-page_1 .form-items-group>.js-form-item .field>select#edit-prog-name-active-nid--selectbox,
.view-id-olink_channel_link_all.view-display-id-page_1 .form-items-group>.js-form-item .field>input,
.view-id-olink_channel_link_all.view-display-id-page_2 .form-items-group>.js-form-item .field>select#edit-prog-name-nid--selectbox,
.view-id-olink_channel_link_all.view-display-id-page_2 .form-items-group>.js-form-item .field>input,
.view-id-olink_channel_link_all.view-display-id-block_1 .form-items-group>.js-form-item .field>select#edit-prog-name-nid--selectbox,
.view-id-olink_channel_link_all.view-display-id-block_1 .form-items-group>.js-form-item .field>input,
.view-id-olink_channel_link_latest_prog.view-display-id-page_1 .form-items-group>.js-form-item .field>input {
  background: #ffffff;
  border: 1px solid #d6d8eb;
  border-radius: 8px;
  padding: 8px 17px 8px 20px;
  min-width: auto;
  white-space: inherit;
}

.view-id-olink_channel_link_all.view-display-id-page_1 .form-items-group>.js-form-item .field>select#edit-prog-name-active-nid--selectbox,
.view-id-olink_channel_link_all.view-display-id-page_1 .form-items-group>.js-form-item .field>input,
.view-id-olink_channel_link_all.view-display-id-page_2 .form-items-group>.js-form-item .field>select#edit-prog-name-nid--selectbox,
.view-id-olink_channel_link_all.view-display-id-page_2 .form-items-group>.js-form-item .field>input,
.view-id-olink_channel_link_all.view-display-id-block_1 .form-items-group>.js-form-item .field>select#edit-prog-name-nid--selectbox,
.view-id-olink_channel_link_all.view-display-id-block_1 .form-items-group>.js-form-item .field>input {
  width: 100%;
}

.view-id-olink_channel_link_all.view-display-id-page_1 .form-items-group>.js-form-item .field>select#edit-prog-name-active-nid--selectbox,
.view-id-olink_channel_link_all.view-display-id-page_2 .form-items-group>.js-form-item .field>select#edit-prog-name-nid--selectbox,
.view-id-olink_channel_link_all.view-display-id-block_1 .form-items-group>.js-form-item .field>select#edit-prog-name-nid--selectbox {
  background: url(/themes/contrib/aristotle/dist/images/cart/form-select-dropdown-arrow.svg) right center no-repeat;
  background-position-x: calc(100% - 25px);
  background-color: #fff;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

.view-social-services .social-view .information {
  display: flex;
  flex: 1 1 auto;
}

.view-social-services .social-view .information .social-view-img {
  font-size: 20px;
  display: flex;
  align-items: center;
  width: 35%;
  margin-right: 16px;
}

.view-social-services .social-view .information>div:nth-child(2) {
  width: 100%;
}

.view-social-services .social-view .information>div:nth-child(2) img {
  background-color: #fff;
  width: 220px;
  object-fit: contain;
  aspect-ratio: 16 / 9;
  border: 1px solid #e7e7e7;
  float: left;
  margin-right: 30px;
}

.view-social-services .social-view .information p {
  margin-bottom: 0;
}

.user-logged-in .view-social-services .social-view .action-wrapper {
  display: none;
}

.view-social-services .social-view .social-view-btn a {
  background: var(--desktop-link);
  border-radius: 8px;
  display: block;
  color: #461f00;
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
  line-height: 40px;
  width: 155px;
  padding: 0 10px;
}

.view-social-services .social-view .social-view-btn a:hover {
  background-color: #fe6a00;
  color: #fff;
}

.view-olink-e-partner-list .epartner-view .information img.e123-ngo-images {
  width: auto;
  height: 80px;
  margin-right: 16px;
  aspect-ratio: 16 / 9;
  border: 1px solid #e7e7e7;
  border-radius: 4px;
  object-fit: contain;
}

.view-social-services .social-view .information .social-view-img img {
  width: auto;
  height: 40px;
  margin-right: 16px;
  aspect-ratio: 16 / 9;
  border: 1px solid #e7e7e7;
  border-radius: 4px;
  object-fit: contain;
}

.view-olink-e-partner-list .epartner-view .epartner-view-info span {
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0.05em;
  color: #686868;
  margin-left: 7px;
  min-width: 25px;
  white-space: nowrap;
}

.view-olink-e-partner-list .epartner-view .epartner-view-info span a {
  white-space: nowrap;
}

.epartner-view-info .epartner-view-wts img {
  width: 24px;
  height: 24px;
}

.view-olink-e-partner-list .epartner-view .epartner-view-location,
.view-olink-e-partner-list .epartner-view .epartner-view-phone {
  margin-right: 30px;
}

.view-olink-e-partner-list .epartner-view .information {
  flex: 0 0 auto;
  width: 50%;
}

/* .view-olink-e-partner-list .epartner-view ul.existing-content {
  flex: 0 0 auto;
} */

.view-olink-e-partner-list .epartner-view ul.existing-content li a {
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.05em;
  color: #4b4e59;
  background: #f3f3f3;
  border-radius: 30px;
  padding: 6px 15px;
  padding-left: 40px;
  position: relative;
  margin-bottom: 15px;
  margin-left: 15px;
}

.view-olink-e-partner-list .epartner-view ul.existing-content li:nth-child(1) a {
  width: 96px;
  height: 36px;
}

.view-olink-e-partner-list .epartner-view ul.existing-content li:nth-child(2) a {
  width: 96px;
  height: 36px;
}

.view-olink-e-partner-list .epartner-view ul.existing-content li:nth-child(3) a {
  width: 134px;
  height: 36px;
}

.view-olink-e-partner-list .epartner-view ul.existing-content li:nth-child(4) a {
  width: 134px;
  height: 36px;
}

.view-olink-e-partner-list .epartner-view ul.existing-content li a::before {
  content: "";
  background-image: url("/themes/contrib/aristotle/dist/images/content/epartner/Frame.svg");
  height: 24px;
  width: 24px;
  display: inline-block;
  background-size: cover;
  position: absolute;
  top: 3px;
  left: 15px;
}

.view-olink-e-partner-list .epartner-view ul.existing-content li.existing_courses a::before {
  background-image: url("/themes/contrib/aristotle/dist/images/content/epartner/heroicons_book-open.svg");
}

.view-olink-e-partner-list .epartner-view ul.existing-content li.existing_products a::before {
  background-image: url("/themes/contrib/aristotle/dist/images/content/epartner/Frame.svg");
}

.view-olink-e-partner-list .epartner-view ul.existing-content li.existing_social_service a::before {
  background-image: url("/themes/contrib/aristotle/dist/images/content/epartner/la_hands-helping.svg");
}

.view-olink-e-partner-list .epartner-view ul.existing-content li.existing_video a::before {
  background-image: url("/themes/contrib/aristotle/dist/images/content/epartner/video-camera.svg");
}

.view-olink-e-partner-list .epartner-view ul.existing-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-left: -7px;
  margin-right: -7px;
  padding-top: 5px;
}

.view-olink-e-partner-list .epartner-view ul.existing-content li a {
  display: block;
  margin: 0 7px;
}

.view-olink-e-partner-list .epartner-view ul.existing-content li::before {
  left: 7px;
}

.view-olink-e-partner-list .epartner-view ul.existing-content li {
  position: relative;
  margin-top: 7px;
  margin-bottom: 7px;
}

.view-olink-e-partner-list .epartner-view h3 {
  margin-bottom: 20px;
}

.view-olink-e-partner-list .epartner-view h3 a {
  font-weight: 600;
  font-size: 22px;
  line-height: 29px;
  letter-spacing: 0.05em;
  color: #4b4e59;
}

/* epartner details CSS ------------------------------------------------------------------------------*/
.page-entity-taxonomy-term-canonical .block-page-title-block .js-quickedit-page-title {
  font-size: 0;
  margin-bottom: 0;
}

.page-entity-taxonomy-term-canonical main>div:last-child {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  flex-wrap: nowrap;
  flex-direction: column !important;
}

.page-entity-taxonomy-term-canonical main>div:last-child>div:last-child {
  order: 1;
}

.page-entity-taxonomy-term-canonical main>div:last-child #block-views-block-olink-e-partner-view-news-block-1 {
  order: 2;
  padding: 100px 0;
}

.page-entity-taxonomy-term-canonical main>div:last-child #block-views-block-olink-training-catalogue-detail-block-1 {
  order: 3;
  padding: 100px 0;
  background-color: #fff;
}

.page-entity-taxonomy-term-canonical main>div:last-child #block-views-block-olink-products-variation-list-block-5 {
  order: 4;
  padding: 100px 0;
  background-color: #fff;
}

.page-entity-taxonomy-term-canonical main>div:last-child #block-views-block-olink-kol-view-news-block-1 {
  order: 5;
  padding: 100px 0;
  background-color: #f2f6e5;
}

.epartner-info-details-wrapper {
  background: #ffffff;
  box-shadow: 0px 3px 10px #d1e6ef;
  border-radius: 15px;
  padding: 70px 36px 34px 36px;
  margin-top: 90px;
  margin-bottom: 50px;
  position: relative;
}

.details-wrapper {
  background: #ffffff;
  box-shadow: 0px 3px 10px #d1e6ef;
  border-radius: 5px;
  padding: 10px 20px;
  margin-bottom: 100px;
  position: relative;
}

.field_name_field_image_single img {
  aspect-ratio: 16 / 9;
  object-fit: contain;
  margin: 0 auto;
}

.section-epartner .epartner-info-details-wrapper {
  margin-top: 100px;
}

.epartner-info-details-wrapper .layout__region--second,
.details-wrapper .layout__region--second {
  padding-left: 44px;
}

.epartner-info-details-wrapper .field_name_field_e123_ngo_tid {
  display: none;
}

.epartner-info-details-wrapper .epartner-info-details-top {
  margin-bottom: 20px;
}

.epartner-info-details-wrapper .info-details-top .epartner-icon p.name {
  text-align: left;
  font-weight: 600;
  font-size: 20px;
  line-height: 27px;
  letter-spacing: 0.05em;
  color: #2c3360;
  margin-bottom: 0;
}

.epartner-info-details-wrapper .layout__region--second>div:nth-child(2),
.epartner-info-details-wrapper .layout__region--second>div:nth-child(3),
.epartner-info-details-wrapper .layout__region--second>div:nth-child(5),
.epartner-info-details-wrapper .layout__region--second>div:nth-child(6) {
  display: inline-block;
}

.epartner-info-details-wrapper .epartner-info-company {
  display: inline-block;
}

.epartner-info-details-wrapper .epartner-info-details-subwrapper .icon img {
  border: 1px solid #e7e7e7;
  width: 100px;
  aspect-ratio: 16 / 9;
  margin-right: 35px;
  border-radius: 4px;
  object-fit: contain;
}

.epartner-info-details-wrapper .layout__region--second .field_name_field_image_1 img {
  border: 1px solid #e7e7e7;
  width: 100px;
  aspect-ratio: 1/1;
  margin-right: 35px;
  border-radius: 4px;
  object-fit: contain;
}

.epartner-info-details-wrapper .layout__region--second>div:nth-child(3) {
  position: absolute;
}

.epartner-info-details-wrapper .epartner-name {
  display: inline-block;
  font-weight: 600;
  font-size: 30px;
  line-height: 40px;
  letter-spacing: 0.05em;
  color: #322959;
  text-align: left;
  position: absolute;
}

.epartner-info-details-wrapper .epartner-info-body,
.epartner-info-details-wrapper .epartner-info-contact {
  text-align: left;
}

.epartner-info-details-wrapper .epartner-info-details-subwrapper h3 {
  margin-top: 30px;
}

.epartner-info-details-wrapper .right {
  padding-left: 20px;
}

.epartner-info-details-wrapper .epartner-info-image img {
  border-radius: 8px;
}

.epartner-info-details-wrapper .epartner-info-body p,
.kol-info-details-wrapper .field_name_field_short_desc_3 div>div:nth-child(2) {
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.05em;
  color: #686868;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 3;
  margin-bottom: 1rem;
}

.epartner-info-contact li {
  display: inline-block;
  width: 50%;
  float: left;
  margin-top: 28px;
  padding-left: 40px;
  position: relative;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.epartner-info-contact li:nth-child(3),
.epartner-info-contact li:nth-child(4),
.epartner-info-contact li:nth-child(5) {
  width: 100%;
}

.epartner-info-contact li span,
.epartner-info-contact li p {
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0.05em;
  color: #686868;
  margin-bottom: 0;
}

.epartner-info-contact li span {
  white-space: nowrap;
}

.epartner-info-contact li p {
  display: inline-block;
  /* white-space: nowrap; */
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 300px;
}

.epartner-info-contact li::before {
  content: "";
  background-image: url("/themes/contrib/aristotle/dist/images/content/epartner/whatsapp.svg");
  height: 28px;
  width: 28px;
  display: inline-block;
  background-size: cover;
  position: absolute;
  left: 0;
  background-repeat: no-repeat;
}

.epartner-info-contact li.tel:before {
  background-image: url("/themes/contrib/aristotle/dist/images/content/epartner/cil_phone.svg");
}

.epartner-info-contact li.fax:before {
  background-image: url("/themes/contrib/aristotle/dist/images/content/epartner/cil_fax.svg");
}

.epartner-info-contact li.address:before {
  background-image: url("/themes/contrib/aristotle/dist/images/content/epartner/cil_location-pin.svg");
}

.epartner-info-contact li.email:before {
  background-image: url("/themes/contrib/aristotle/dist/images/content/epartner/cil_email.svg");
  width: 24px;
  height: 19.76px;
  left: 6px;
  top: 3px;
}

.epartner-info-contact li.website:before {
  background-image: url("/themes/contrib/aristotle/dist/images/content/epartner/cil_website.svg");
}

.epartner-info-details-wrapper .layout__region--second>div:nth-child(5) h2 {
  font-size: 18px;
}

.epartner-info-details-wrapper .layout__region--second>div:nth-child(6) {
  position: absolute;
  right: 0;
}

.epartner-info-details-wrapper .layout__region--second>div:nth-child(6) .info-footer-data {
  padding-right: 36px;
}

.kol-info-details-wrapper {
  width: calc(100% - 100px);
  max-width: 1410px;
}

.kol-info-details-wrapper .kol-tag--details-page .field_name_field_kol_type {
  display: flex;
}

.kol-info-details-wrapper .kol-tag--details-page .field_name_field_kol_type>div {
  margin-bottom: 10px;
}

.kol-info-details-wrapper .kol-tag--details-page .field_name_field_kol_type>div:not(:first-child) {
  margin-left: 15px;
}

.kol-info-details-wrapper .kol-tag--details-page .field_name_field_kol_type a {
  background: #ffdcc9;
  border-radius: 30px;
  color: #4b4e59;
  display: block;
  font-size: 16px;
  line-height: 21px;
  letter-spacing: 0.05em;
  padding: 6px 10px;
}

.page-node-programme_epartner .block-page-title-block span {
  display: none;
}

.view-id-olink_programme_list {
  /* padding-top: 100px; */
  padding-bottom: 100px;
}

.view-olink-learnings-list-by-tid {
  padding: 100px 0;
}

.view-olink-learnings-list-by-tid .courses-card {
  margin-bottom: 30px;
}

/* .view-olink-learnings-list-by-tid .courses-card .card-title {
  margin-bottom: 0;
}

.view-olink-learnings-list-by-tid .courses-card .progress-wrapper .d-flex {
  min-height: 66px;
  align-items: flex-end;
} */

/* social services CSS ------------------------------------------------------------------------------*/
.section-bookable-calendar .layout--twocol-section {
  background: #ffffff;
  box-shadow: 0px 3px 10px #d1e6ef;
  border-radius: 15px;
  padding: 70px 36px 54px 36px;
  margin-top: 40px;
  margin-bottom: 50px;
  position: relative;
}

.section-bookable-calendar .layout__region--second {
  padding-left: 44px;
}

.section-bookable-calendar .layout__region--second>div:last-child {
  margin-top: 50px;
}

.section-bookable-calendar .field_name_field_featured_image img {
  border: 1px solid #e7e7e7;
  border-radius: 8px;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: contain;
}

.section-bookable-calendar .field_name_title {
  margin: 30px 0;
  font-size: 30px;
  font-weight: 600;
  letter-spacing: 0.05em;
  color: #322959;
}

.section-bookable-calendar .layout__region--second>div h3 {
  border-top: #D7D7D7 1px solid;
  margin-top: 15px;
  margin-bottom: 15px;
  padding-top: 25px;
}

.section-bookable-calendar .layout__region--second>div .bookable-calendar-opening-instance {
  padding: 10px 0;
  grid-template-columns: 1fr 1fr;
}

.section-bookable-calendar .layout__region--second>div .bookable-calendar-opening-instance .field_name_date {
  display: flex;
  align-items: center;
}

.section-bookable-calendar .layout__region--second>div .bookable-calendar-opening-instance a {
  background: var(--desktop-link);
  border-radius: 8px;
  display: block;
  color: #461f00;
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
  line-height: 40px;
  width: 155px;
  padding: 0 10px;
}

.section-bookable-calendar .layout__region--second>div .bookable-calendar-opening-instance a:hover {
  background-color: #fe6a00;
  color: #fff;
}

.section-bookable-calendar .bookable-calendar-opening-instance a.fully-booked {
  color: #A6A6A6;
  pointer-events: none;
}

.section-bookable-calendar .layout--twocol-section .field_name_field_district a {
  color: #686868;
  pointer-events: none;
}

/* social services - bookable calendar booking contact-----------------------------------------------*/
.booking-contact-add-form .container,
.booking-contact-result .container {
  background: #ffffff;
  box-shadow: 0px 3px 10px #d1e6ef;
  border-radius: 15px;
  padding: 70px 36px 54px 36px;
  margin-bottom: 50px;
  position: relative;
}

.booking-contact-add-form .container .description {
  margin-top: 10px;
}

.booking-contact-result .container>div:not(:last-child) {
  margin-bottom: 25px;
}

.booking-contact-result .container>div .booking-contact-label {
  color: #4b4e59;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 0.05em;
  margin-bottom: 10px;
}

.booking-contact-result .container>div:not(:first-child) .booking-contact-label {
  border-top: #D7D7D7 1px solid;
  margin-top: 15px;
  padding-top: 25px;
}

.booking-contact-result .layout--twocol-section .booking-contact-label {
  padding-right: 15px;
  font-weight: bold;
  font-size: larger;
}

/* Bookable Calendar Contact */
.page-entity-booking-canonical .booking-contact-container>div {
  background: #ffffff;
  box-shadow: 0px 3px 10px #d1e6ef;
  border-radius: 15px;
  padding: 70px 36px 54px 36px;
  margin-bottom: 50px;
}

.booking-contact-container .field_name_booking_calendar a {
  margin: 30px 0;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 0.05em;
}

.booking-contact-container .field_name_booking_instance>div>div:first-child {
  color: #4b4e59;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 0.05em;
  margin-bottom: 10px;
}

.booking-contact-container .field_name_contact>div>div:first-child,
.booking-contact-container .field_name_booking_date>div>div:first-child,
.booking-contact-container .field_name_created>div>div:first-child {
  border-top: #D7D7D7 1px solid;
  color: #4b4e59;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 0.05em;
  margin-bottom: 10px;
  margin-top: 15px;
  padding-top: 25px;
}

/* Bookable Calendar Contact detail */
.page-entity-booking-contact-canonical .booking-contact-result .container {
  margin-bottom: 50px;
  padding: 36px;
}

.page-entity-booking-contact-canonical .section-FindMore {
  margin-top: 100px;
}

.page-entity-booking-contact-canonical .block-page-title-block h2 {
  display: none;
}

.page-entity-booking-contact-canonical .field_name_booking_instance {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 30px;
}

.page-entity-booking-contact-canonical.section-bookable-calendar .layout--twocol-section {
  box-shadow: none;
  margin: 0;
  padding: 0;
}

.page-entity-booking-contact-canonical.section-bookable-calendar .layout__region--second>div:last-child {
  margin-top: 0;
}

.page-entity-booking-contact-canonical.section-bookable-calendar .field_name_booking,
.page-entity-booking-contact-canonical.section-bookable-calendar .field_name_field_enquiry_type,
.page-entity-booking-contact-canonical.section-bookable-calendar .field_name_uid,
.page-entity-booking-contact-canonical.section-bookable-calendar .field_name_field_name,
.page-entity-booking-contact-canonical.section-bookable-calendar .field_name_field_phone,
.page-entity-booking-contact-canonical.section-bookable-calendar .field_name_email {
  margin-bottom: 15px;
}

.page-entity-booking-contact-canonical.section-bookable-calendar .field_name_booking>div,
.page-entity-booking-contact-canonical.section-bookable-calendar .field_name_field_enquiry_type>div,
.page-entity-booking-contact-canonical.section-bookable-calendar .field_name_field_remark>div,
.page-entity-booking-contact-canonical.section-bookable-calendar .field_name_uid>div,
.page-entity-booking-contact-canonical.section-bookable-calendar .field_name_field_name>div,
.page-entity-booking-contact-canonical.section-bookable-calendar .field_name_field_phone>div,
.page-entity-booking-contact-canonical.section-bookable-calendar .field_name_email>div {
  display: flex;
}

.page-entity-booking-contact-canonical.section-bookable-calendar .booking-contact-result .container>div:not(:first-child) .booking-contact-label {
  border-top: none;
  font-size: 18px;
  min-width: 130px;
  margin: 0;
  padding-right: 10px;
  padding-top: 0;
}

.page-entity-booking-contact-canonical.section-bookable-calendar .layout__region--second {
  background: url(../images/design/hr.svg) left top repeat-y;
  padding-left: 30px;
}

.page-entity-booking-contact-canonical.section-bookable-calendar .layout__region--first .field_name_body p,
.page-entity-booking-contact-canonical.section-bookable-calendar .layout__region--second .field_name_body p {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 30px;
}

.page-entity-booking-contact-canonical.section-bookable-calendar .field_name_email a {
  word-break: break-word;
}

.page-entity-booking-contact-canonical .booking-contact-result>.container>div:not(:first-child, :nth-child(2)) {
  display: inline-block;
}

.page-entity-booking-contact-canonical .booking-contact-result .container .container {
  box-shadow: none;
  margin-bottom: 0;
  padding: 0;
}

.page-entity-booking-contact-canonical .view-id-my_bookings.view-display-id-block_3 {
  display: none;
}

.page-entity-booking-contact-canonical .booking-contact-result .container .container a,
.page-entity-booking-contact-canonical .zoom-link {
  background-color: var(--desktop-button-color);
  border-radius: 8px;
  color: #461f00;
  padding: 0.625rem 0.9375rem;
  display: inline-block;
  margin-top: 10px;
}

.page-entity-booking-contact-canonical .zoom-link {
  margin-right: 25px;
}

.page-entity-booking-contact-canonical .booking-contact-result .container .container a:hover,
.page-entity-booking-contact-canonical .zoom-link:hover {
  background-color: #fe6a00;
  color: #fff;
  text-decoration: none;
}

.page-entity-booking-contact-canonical .booking-contact-result>.layout {
  padding: 36px;
  background: #ffffff;
  box-shadow: 0px 3px 10px #d1e6ef;
  border-radius: 15px;
  position: relative;
}

/* welfare resources quick enquiry -----------------------------------------------*/
.page-cognitive-aptitude-test-intro .layout__region--content ol {
  padding-left: 2rem;
}

.local-questionnaire {
  margin-bottom: 100px;
}

.local-questionnaire h3 {
  margin-bottom: 20px;
}

.local-questionnaire p {
  line-height: 1.65;
}

/* .questionnaire-step-list {
  display: flex;
  flex-direction: column;
} */
.questionnaire-step-list a,
.questionnaire-link {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 3px 10px #D1E6EF;
  color: #461F00;
  font-size: 18px;
  line-height: 1.35;
  text-align: center;
  text-decoration: none;
  display: block;
  /* width: 50vw; */
  width: 100%;
  margin: 0 auto 30px;
  padding: 15px;
}

.questionnaire-link {
  background: #fff url(../images/svg/fi-rr-angle-small-right.svg) right 5px center no-repeat;
  background-size: 25px;
}

.questionnaire-step-list a.back-to-previous {
  background: #fff url(../images/svg/fi-rr-angle-small-left.svg) left 5px center no-repeat;
  background-size: 25px;
  text-align: center;
}

.questionnaire-step-list a.back-to-home {
  background: #fff url(../images/svg/fi-rr-angle-double-small-left.svg) left 5px center no-repeat;
  background-size: 25px;
  text-align: center;
}

.questionnaire-step-list a:hover,
.questionnaire-link:hover {
  background-color: #FFA842;
  color: #461F00;
  text-decoration: none;
}

.local-questionnaire h1 {
  font-size: 28px;
  color: #2d2d2d;
  font-weight: 400;
  text-align: center;
  padding-bottom: 20px;
}

.local-questionnaire .btn a {
  min-width: 200px;
  background-color: #108371;
  border-radius: 15px;
  margin-top: 5px;
  margin-bottom: 5px;
  color: #ffffff;
  font-size: 22px;
  display: inline-block;
  height: 48px;
  padding-top: 8px;
}

.questionnaire-intro-begin-box .guest-box .row>div {
  display: flex;
  margin-bottom: 30px;
}

.questionnaire-intro-begin-box .line {
  background-color: #374780;
  display: block;
  height: 100%;
  width: 1px;
  margin: 0 auto;
}

.questionnaire-intro-begin-box .login-e123-link-box {
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 3px 10px #d1e6ef;
  text-align: center;
  width: 100%;
  padding: 20px 35px;
}

.questionnaire-intro-begin-box .login-e123-link-box a {
  background-color: var(--desktop-button-color);
  border-radius: 8px;
  color: #461f00;
  font-size: 20px;
  line-height: 1;
  text-decoration: none;
  text-align: center;
  display: block;
  width: 155px;
  height: 42px;
  margin: 0 auto;
  padding: 12px;
}

.questionnaire-intro-begin-box .tmp-register-box {
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 3px 10px #d1e6ef;
  width: 100%;
  padding: 20px 35px;
}

.questionnaire-intro-begin-box .tmp-register-box .js-form-item-nickname {
  margin-bottom: 30px;
}

.questionnaire-intro-begin-box #edit-actions {
  margin-bottom: 50px;
}

.questionnaire-intro-begin-box #edit-actions #edit-submit {
  background: var(--desktop-link);
  border: none;
  border-radius: 0.625rem;
  color: #461f00;
  display: block;
  margin: 0 auto;
}

.questionnaire-intro-begin-box .login-e123-link-box a:hover,
.questionnaire-intro-begin-box #edit-actions #edit-submit:hover {
  background-color: #fe6a00;
  color: #fff;
}

/* .page-cognitive-aptitude-test-intro .layout__region--content > div
.page-cognitive-aptitude-test-intro .layout__region--content .login-e123-link-box {
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 3px 10px #d1e6ef;
} */
/* .page-cognitive-aptitude-test-intro .questionnaire-intro-begin-box .form-item {
  margin-bottom: 15px;
} */


/* cognitive aptitude test -----------------------------------------------*/
#webform-submission-olink-questionnaire-1-add-form {
  margin-bottom: 50px;
}

#webform-submission-olink-questionnaire-1-add-form .fieldgroup {
  background-color: #fff;
  margin-bottom: 30px;
  padding: 35px;
}

#webform-submission-olink-questionnaire-1-add-form label {
  margin-bottom: 0;
}

#webform-submission-olink-questionnaire-1-add-form .js-webform-radios {
  padding-left: 30px;
}

#webform-submission-olink-questionnaire-1-add-form .form-item:not(.fieldgroup) {
  margin-bottom: 15px !important;
}

#webform-submission-olink-questionnaire-1-add-form .form-item:not(.fieldgroup):last-child {
  margin-bottom: 0 !important;
}

.webform-confirmation {
  background: #ffffff;
  box-shadow: 0px 3px 10px #d1e6ef;
  border-radius: 15px;
  padding: 35px;
}

.webform-element-more--link {
  margin-top: 30px;
}

.webform-element-more--content {
  margin-top: 10px;
}

.webform-confirmation .webform-confirmation__message {
  font-size: 20px;
  margin-bottom: 0;
}

.webform-confirmation .webform-confirmation__message .score-summary {
  font-size: 24px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 0;
}

/* flippy details CSS ------------------------------------------------------------------------------*/
ul.flippy {
  position: relative;
  margin-bottom: 30px;
  height: 52px;
}

ul.flippy li>a {
  margin: 0;

  display: inline;
  list-style-type: none;
  list-style-image: none;
  white-space: nowrap;
  width: 100px;
  position: absolute;
  border-radius: 4px;
  left: 0;
  top: 0;
  background-color: var(--desktop-button-color-hover-primary);
  color: #fff;
  border: 1px solid #d6d8eb;
  border-radius: 8px;
  padding: 0.625rem 0.9375rem;
}

ul.flippy li.flippy-next>a {
  left: unset;
  right: 0;
  top: 0;
  padding-right: 33px;
}

ul.flippy li.flippy-previous>a {
  padding-left: 33px;
}

ul.flippy li.flippy-previous>a::before {
  content: '\2190 ';
  color: #fff;
  position: absolute;
  left: 12px;
  top: 7px
}

.flippy li.flippy-next>a::after {
  content: '\2192 ';
  position: absolute;
  color: #fff;
  right: 8px;
  top: 7px
}

/* kol details CSS ------------------------------------------------------------------------------*/
.section-kol .content-box__info article ul.links {
  display: none;
}

.section-kol .contextual-region,
.section-epartner .contextual-region {
  position: unset;
}

.kol-info-details-wrapper .field_name_field_short_desc_3 div>div:nth-child(1) {
  margin-top: 30px;
  font-weight: 600;
  line-height: 29px;
  letter-spacing: 0.05em;
  color: #393939;
  font-size: 22px;
}

.info-details-top {
  position: absolute;
  width: 100%;
  top: 0;
  z-index: 9;
  left: 0;
  padding: 20px 36px;
}

.kol-info-details-wrapper .kol-info-footer {
  margin-top: 30px;
}

.kol-info-details-wrapper .kol-info-footer .kol-info-footer-tag {
  text-align: left;
  margin-bottom: 20px;
}

.kol-info-details-wrapper .kol-info-footer .kol-tag span {
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.05em;
  color: #4B4B4B;
  margin-right: 20px;
}

.kol-info-details-wrapper .kol-info-footer .kol-tag a {
  background: #ffdcc9;
  border-radius: 30px;
  padding: 6px 10px;
  font-size: 16px;
  line-height: 21px;
  letter-spacing: 0.05em;
  color: #4B4B4B;
}

.kol-info-details-wrapper .info-footer-data li {
  text-align: left;
  margin-bottom: 20px;
}

.kol-info-details-wrapper .info-footer-data li:nth-child(1) {
  margin-right: 50px;
}

.kol-info-details-wrapper .info-footer-data li span:nth-child(1) {
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.05em;
  color: #4b4e59;
  margin-right: 20px;
}

.kol-info-details-wrapper .kol-info-footer .kol-info-footer-data li span:nth-child(2) {
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.05em;
  color: #686868;
}

.view-olink-kol-view-news .new-card .new-card-img ul {
  margin-bottom: 0;
}

.view-olink-kol-view-news .new-card .new-card-img img {
  background-color: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 8px;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: contain;
  transition: all 0.3s ease;
}

/* New-card CSS ------------------------------------------------------------------------------*/
.new-card {
  background-color: unset;
  border: unset;
  border-bottom: 1px solid #374780;
  border-radius: unset;
  padding-bottom: 20px;
}

.new-header {
  border-bottom: 2px solid #374780;
  padding-bottom: 30px;
  position: relative;
}

.block-header {
  position: relative;
  padding-bottom: 30px;
}

.new-header img,
.block-header img {
  height: 24px;
  width: 26px;
  margin-right: 10px;
}

.new-header a,
.block-header a {
  font-weight: 400;
  font-size: 22px;
  line-height: 29px;
  letter-spacing: 0.05em;
  color: #393939;
  position: absolute;
  right: 0;
  bottom: 34px;
}

.new-header h2,
.block-header h2 {
  color: #393939;
  font-weight: 600;
  font-size: 40px;
  line-height: 1.325;
  margin-bottom: 0;
}

.new-card .new-card-img img {
  border-radius: 12px;
  max-width: 100%;
  height: auto;
  width: 100%;
  border-radius: 4px;
  object-fit: contain;
  max-height: 255px;
}

.new-card .card-title a {
  font-weight: 600;
  font-size: 22px;
  line-height: 29px;
  letter-spacing: 0.05em;
  color: #4b4e59;
}

.new-card .card-title-time time {
  font-weight: 400;
  font-size: 18px;
  line-height: 23px;
  letter-spacing: 0.05em;
  color: #686868;
}

.new-card .card-text {
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.05em;
  color: #686868;
  margin-top: 5px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 6;
}

/* page-about CSS ------------------------------------------------------------------------------*/
/* .page-node-117 .field_name_body, */
.page-about-disclaimer .layout--onecol .field_name_body,
.page-about-privacy .layout--onecol .field_name_body,
.page-about-copyright .layout--onecol .field_name_body,
.page-node-42 .layout--onecol .field_name_body,
.page-node-106 .layout--onecol .field_name_body,
.page-node-121 .layout--onecol .field_name_body,
.page-node-123 .layout--onecol .field_name_body,
.page-node-124 .layout--onecol .field_name_body,
.page-node-125 .layout--onecol .field_name_body,
.page-node-256 .layout--onecol .field_name_body,
.page-about-overview .layout--onecol .field_name_body,
.page-about-sitemap .layout--onecol .field_name_body,
.page-about-accessibility .layout--onecol .field_name_body,
.page-about-sponsor .layout--onecol .field_name_body,
.page-sitemap-page .sitemap {
  background: #ffffff;
  box-shadow: 0px 3px 10px #d1e6ef;
  border-radius: 15px;
  padding: 20px 35px;
  margin-bottom: 50px;
}

.page-about-to-be-partner .layout--onecol .field_name_body {
  background: #ffffff;
  box-shadow: 0px 3px 10px #d1e6ef;
  border-radius: 15px 15px 0 0;
  padding: 35px 35px 20px;
}

.page-about-to-be-partner .layout--onecol form {
  background: #ffffff;
  box-shadow: 0px 8px 10px #d1e6ef;
  border-radius: 0 0 15px 15px;
  padding: 20px 35px;
  margin-bottom: 50px;
}

.page-about-disclaimer .layout--onecol .field_name_body p,
.page-about-privacy .layout--onecol .field_name_body p,
.page-about-copyright .layout--onecol .field_name_body p,
.page-node-42 .layout--onecol .field_name_body p,
.page-node-106 .layout--onecol .field_name_body p,
.page-node-121 .layout--onecol .field_name_body p,
.page-node-123 .layout--onecol .field_name_body p,
.page-node-124 .layout--onecol .field_name_body p,
.page-node-125 .layout--onecol .field_name_body p,
.page-node-256 .layout--onecol .field_name_body p {
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.05em;
  color: #686868;
}

[class*='page-about-'] .dialog-off-canvas-main-canvas .page-main {
  padding-bottom: 50px;
}

.page-about-to-be-partner .dialog-off-canvas-main-canvas .page-main {
  padding-bottom: 100px;
}

.page-about-overview .layout--onecol .field_name_body ul {
  padding-left: 2rem;
}

.page-about-overview .layout--onecol .field_name_body ul li {
  list-style-type: initial;
}

/* member CSS ------------------------------------------------------------------------------*/
.section-my .layout-builder__layout {
  padding-bottom: 100px;
}

.member_platform {
  /* margin-bottom: 100px; */
  width: auto;
}

.my-menu,
.my-manage-menu,
nav#block-mymenu,
#block-mymenucontentmanagement {
  background: #ffffff;
  box-shadow: 0px 3px 10px #d1e6ef;
  border-radius: 15px;
  margin-bottom: 30px;
}

.my-platform-user-basic-info {
  border-bottom: #d7d7d7 1px solid;
  padding: 22px 22px 26px;
  text-align: center;
}

.my-platform-user-basic-info img,
.my-platform-kol-epartner-basic-info img {
  border-radius: 4px;
  height: 120px;
  object-fit: contain;
  margin: 0 auto 20px;
  aspect-ratio: 16 / 9;
  border: 1px solid #e7e7e7;
  background-color: #fff;
}

.e123_display_name {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 5px;
}

.my-platform-user-basic-info .email_veri_status {
  display: none;
}

.my-platform-user-basic-info .e123_display_name .email_veri_status {
  display: unset;
  font-size: 16px;
  display: block;
}

.my-platform-user-basic-info .e123_display_name .email_veri_status.active {
  color: #4351da;
}

.my-platform-user-basic-info .e123_display_name .email_veri_status.non-active {
  color: red;
}

.e123_user_level {
  padding-left: 22px;
  margin: 0 auto 20px;
  width: fit-content;
}

.e123_user_level.lvl_51 {
  background: url(/themes/contrib/aristotle/dist/images/member/member-level-leaf.svg) left top 1px no-repeat;
}

.e123_user_level.lvl_471 {
  background: url(/themes/contrib/aristotle/dist/images/member/member-level-leaf.svg) left top 1px no-repeat;
}

.e123_user_level.lvl_52 {
  background: url(/themes/contrib/aristotle/dist/images/member/member-level-star.svg) left top 1px no-repeat;
}

.e123_user_level.lvl_53 {
  background: url(/themes/contrib/aristotle/dist/images/member/member-level-diamond.svg) left top 1px no-repeat;
}

.e123_user_points {
  background: url(/themes/contrib/aristotle/dist/images/member/member-points.svg) left top 1px no-repeat;
  font-size: 22px;
  font-weight: 600;
  padding-left: 32px;
  margin: 0 auto 30px;
  width: fit-content;
}

.e123_link_to_user_page,
.apply_kol_link,
.apply_digi_volunteer_link {
  padding-top: 10px;
  padding-bottom: 10px;
}

.e123_link_to_user_page a,
.apply_kol_link a,
.apply_digi_volunteer_link a {
  background-color: var(--desktop-button-color);
  border-radius: 8px;
  color: #461f00;
  display: block;
  text-decoration: none;
  height: 42px;
  line-height: 1;
  padding: 12px;
}

.e123_link_to_user_page a:hover,
.apply_kol_link a:hover,
.apply_digi_volunteer_link a:hover {
  background-color: #fe6a00;
  color: #fff;
}

.e123_sync_user_data_to_olink a {
  background-color: var(--desktop-button-color);
  border-radius: 8px;
  color: #461f00;
  display: block;
  text-decoration: none;
  height: 60px;
  line-height: 1;
  padding: 12px;
  margin: 12px 0;
}

.e123_sync_user_data_to_olink a>span {
  font-size: 15px;
  line-height: 26px;
  color: #4351da;
}

.e123_sync_user_data_to_olink a:hover {
  background-color: #fe6a00;
  color: #fff;
}

.my-menu ul,
.my-manage-menu ul,
#block-mymenu ul,
#block-mymenucontentmanagement ul {
  margin-bottom: 0;
  padding: 22px;
}

.my-manage-menu>ul {
  padding-left: 22px !important;
}

.my-menu ul li:not(:last-child),
.my-manage-menu ul li:not(:last-child),
#block-mymenu ul li:not(:last-child),
#block-mymenucontentmanagement ul li:not(:last-child) {
  margin-bottom: 15px;
}

.my-menu ul li a,
#block-mymenu ul li a {
  color: #4b4e59;
  font-size: 22px;
  text-decoration: none;
  line-height: 30px;
  display: block;
  padding-left: 16px;
  position: relative;
}

.my-menu ul li a:hover,
#block-mymenu ul li a:hover,
#block-mymenucontentmanagement ul li a:hover {
  color: #ffa842;
}

.page-my-trainings .my-menu ul li:nth-child(2) a,
.my-menu ul li a.is-active,
#block-mymenu li a.is-active {
  color: #461f00;
  font-weight: 600;
}

.page-my-trainings .my-menu ul li:nth-child(2) a::before,
.my-menu ul li a.is-active::before,
#block-mymenu ul li a.is-active::before {
  background-color: #ffa842;
  content: "";
  width: 5px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
}

.my-platform-kol-epartner-basic-info {
  border-bottom: #d7d7d7 1px solid;
  padding: 22px 22px 26px;
  text-align: center;
}

.my-platform-kol-epartner-basic-info .name {
  color: #322959;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 5px;
}

.rating_avg {
  display: flex;
  justify-content: space-between;
  width: 112px;
  margin: 0 auto 20px;
}

.rating_avg span {
  background: url(/themes/contrib/aristotle/dist/images/member/rating-star-icon.svg) center center no-repeat;
  display: block;
  width: 20px;
  height: 20px;
}

.rating_avg span.active {
  background: url(/themes/contrib/aristotle/dist/images/member/rating-star-icon-active.svg) center center no-repeat;
}

.kol_epartner_type {
  display: block;
  margin: 0 auto 20px;
  padding-left: 40px;
  width: fit-content;
}

.kol_epartner_type.kol {
  background: url(/themes/contrib/aristotle/dist/images/member/kol-type-icon.svg) left top no-repeat;
}

.kol_epartner_type.partner {
  background: url(/themes/contrib/aristotle/dist/images/member/epartner-type-icon.svg) left top no-repeat;
}

.kol_epartner_type P {
  color: #2c3360;
  font-weight: 600;
  line-height: 34px;
  margin: 0;
}

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

.link_to_page a {
  background-color: #ffa842;
  border-radius: 8px;
  color: #461f00;
  text-decoration: none;
  display: block;
  width: calc(50% - 10px);
  height: 42px;
  line-height: 1;
  padding: 12px;
}

.link_to_page a:hover {
  background-color: #fe6a00;
  color: #fff;
}

.my-manage-menu ul li a,
#block-mymenucontentmanagement ul li a {
  color: #4b4e59;
  font-size: 22px;
  text-decoration: none;
  line-height: 30px;
  display: block;
  padding-right: 22px;
}

.my-manage-menu ul li a.to-backend,
#block-mymenucontentmanagement ul li a.to-backend {
  background: url(/themes/contrib/aristotle/dist/images/member/to-backend-icon.svg) right center no-repeat;
}

.my-manage-menu ul li a:hover {
  color: #ffa842;
}

.page-commerce-order-address-book-add-form form.profile-customer-address-book-add-form {
  background: #ffffff;
  box-shadow: 0px 3px 10px #d1e6ef;
  border-radius: 15px;
  padding: 40px 20px;
  margin-top: 20px;
  margin-bottom: 100px;
}

/* member - dashboard CSS ------------------------------------------------------------------------------*/
.my_dashboard {
  background: #ffffff;
  box-shadow: 0px 3px 10px #d1e6ef;
  border-radius: 15px;
  color: #686868;
  padding: 40px 22px;
  text-align: center;
}

.membership_lvl_flowchart_wrapper {
  border-bottom: #d7d7d7 1px solid;
  margin-bottom: 40px;
  padding-bottom: 40px;
}

.my_dashboard h2 {
  font-size: 30px;
  margin-bottom: 30px;
}

.membership_lvl_flowchart {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 648px;
  margin: 0 auto 40px;
  position: relative;
  overflow-x: auto;
}

/* .membership_lvl_flowchart::before {
    background-color: #F2F2F2;
    content: '';
    height: 2px;
    position: absolute;
    left: 25px;
    right: 25px;
    top: 30px;
} */
.membership_lvl_flowchart>div span {
  display: block;
  width: 60px;
  height: 60px;
  margin: 0 auto 9px;
  position: relative;
  z-index: 1;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  margin: auto 20px 10px 20px;
}

.membership_lvl_flowchart .lvl_51 span {
  background: url(/themes/contrib/aristotle/dist/images/member/member-flowchart-leaf.svg) 100% 100% no-repeat;
}

.membership_lvl_flowchart .lvl_51_to_52 {
  background: url(/themes/contrib/aristotle/dist/images/member/member-flowchart-to-star.svg) center center no-repeat;
  display: block;
  width: 154px;
  height: 14px;
  margin-top: 24px;
  position: relative;
  z-index: 1;
}

.membership_lvl_flowchart .lvl_51_to_52.active {
  background: url(/themes/contrib/aristotle/dist/images/member/member-flowchart-to-star-active.svg) center center no-repeat;
}

.membership_lvl_flowchart .lvl_471 span {
  background: url(/themes/contrib/aristotle/dist/images/member/member-flowchart-to-dynamic.svg) 100% 100% no-repeat;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  -moz-background-size: 100% 100%;
}

.membership_lvl_flowchart .lvl_471.active span {
  background: url(/themes/contrib/aristotle/dist/images/member/member-flowchart-to-dynamic-active.svg) 100% 100% no-repeat;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  -moz-background-size: 100% 100%;
}

.membership_lvl_flowchart .lvl_52 span {
  background: url(/themes/contrib/aristotle/dist/images/member/member-flowchart-star.svg) 100% 100% no-repeat;
}

.membership_lvl_flowchart .lvl_52.active span {
  background: url(/themes/contrib/aristotle/dist/images/member/member-flowchart-star-active.svg) 100% 100% no-repeat;
}

.membership_lvl_flowchart .lvl_52_to_53 {
  background: url(/themes/contrib/aristotle/dist/images/member/member-flowchart-to-diamond.svg) center center no-repeat;
}

.membership_lvl_flowchart .lvl_52_to_53.active {
  background: url(/themes/contrib/aristotle/dist/images/member/member-flowchart-to-diamond-active.svg) center center no-repeat;
}

.membership_lvl_flowchart .lvl_53 span {
  background: url(/themes/contrib/aristotle/dist/images/member/member-flowchart-diamond.svg) 100% 100% no-repeat;
}

.membership_lvl_flowchart .lvl_53.active span {
  background: url(/themes/contrib/aristotle/dist/images/member/member-flowchart-diamond-active.svg) 100% 100% no-repeat;
}

.membership_lvl_flowchart .lvl_to {
  height: 3px;
  width: 100%;
  background-color: #f2f2f2;
  position: relative;
  top: -13px;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.membership_lvl_flowchart_wrapper .desc strong {
  color: #4351da;
  font-size: 30px;
}

.membership_content_count {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 653px;
  margin: 0 auto;
}

.membership_content_count h3 {
  color: #4351da;
  font-size: 45px;
  font-weight: 600;
  margin-bottom: 0;
}

/* Back To Top CSS ------------------------------------------------------------------------------*/
.back-to-top {
  background: url(/themes/contrib/aristotle/dist/images/design/btn-arrow-top.svg) center center no-repeat;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0px 3px 10px #dfdfdf;
  text-indent: -999px;
  display: none;
  height: 40px;
  width: 40px;
  overflow: hidden;
  position: fixed;
  bottom: 50px;
  right: 50px;
  cursor: pointer;
  z-index: 999;
  transition: all 0.3s ease;
}

.back-to-top:hover {
  background-color: #ffa842;
}

/* page-footer CSS ------------------------------------------------------------------------------*/
header.page-header .page-footer {
  margin-top: 0;
}

.page-footer {
  background-color: #fff;
  padding: 0 0 25px 0;
  border-top: 1px solid #e0e7f0;
  margin-top: 0;
}

.page-footer nav {
  margin-left: unset;
}

.page-footer nav#block-mainnavigation-2 ul.main-menu li.management {
  display: none;
}

.page-footer nav#block-mainnavigation-2 ul.main-menu li a span {
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #322959;
}

.page-footer nav#block-mainnavigation-2 ul.main-menu li a:hover span {
  color: #461f00;
}

.page-footer nav#block-mainnavigation-2 ul.main-menu li {
  margin-right: 0;
  padding-right: 20px;
  padding-left: 0;
}

.page-footer nav#block-mainnavigation-2 ul.main-menu li>ul {
  display: none;
}

.page-footer .footer-content-top {
  padding: 40px 0 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e0e7f0;
}

.page-footer .page-footer-download {
  margin-top: 40px;
}

.page-footer ul {
  margin-bottom: 0;
  padding-left: 0 !important;
}

.footer-content-bottom .col-lg:nth-child(2)>div,
.footer-content-bottom .col-lg:nth-child(2)>div>div,
.footer-content-bottom .col-lg:nth-child(2)>div>div .field_name_body,
.footer-content-bottom .col-lg:nth-child(2)>div>div .field_name_body>div {
  height: 100%;
}

.footer-content-bottom-Word {
  color: #686868;
  /* flex: 1 0 40%; */
}

.page-footer .footer-logo img {
  height: 50px;
}

.page-footer p {
  font-weight: bold;
  font-size: 16px;
}

/* Block Page Title CSS ------------------------------------------------------------------------------*/
.block-page-title-block,
.content-box__info {
  margin-top: 80px;
  margin-bottom: 32px;
}

.block-page-title-block h2,
.channel-view .content-box__info h2 {
  text-align: center;
  margin: 0;
}

/* Form CSS ------------------------------------------------------------------------------*/
form label {
  color: #101010;
  font-size: 18px;
  margin-bottom: 10px;
}

form:not(.views-exposed-form):not(.group-content-form):not(.tft-add-term-form) .form-item:not(.fieldgroup) {
  margin-bottom: 25px !important;
}

.form-text,
.admin-learning-path .form-text,
.form-email,
.form-tel {
  background-color: #fff;
  border: #d6d8eb 1px solid;
  border-radius: 8px;
  color: #686868;
  font-family: Helvetica, 微軟正黑體, Microsoft JhengHei,
    PingFang TC 細明體_HKSCS-ExtB, "Ming(for ISO10646)ExtB", Arial, sans-serif;
  font-size: 18px;
  line-height: 40px;
  margin-top: 0;
  padding: 0 20px;
}

.form-email {
  width: 100%;
}

.bootstrap-select .dropdown-toggle .filter-option {
  line-height: 22px;
  font-size: 18px;
  font-weight: 400;
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  background-color: #fff;
  color: #686868;
  text-overflow: ellipsis;
}

.bootstrap-select .dropdown-menu li {
  font-size: 18px;
}

.form-select.bootstrap-select>.dropdown-toggle:after {
  background: url(/themes/contrib/aristotle/dist/images/cart/form-select-dropdown-arrow.svg) no-repeat;
  content: "";
  width: 28px;
  height: 9px;
}

.form-select.bootstrap-select .active {
  color: var(--desktop-header-link-active);
  font-weight: 400;
}

/* Hide address option + Company */
.form-item-payment-information-billing-information-address-0-address-address-line2 .option {
  display: none;
}

.form-item-payment-information-billing-information-address-0-address-organization {
  display: none;
}

form .form-submit {
  border-radius: 8px;
  min-width: 155px;
}

form .form-submit:hover {
  color: #fff;
}

.section-admin .js-form-type-checkbox label.option:before {
  border: 1px #d6d8eb solid;
  top: 3px;
}

/* Add image field */
fieldset#edit-field-learning-path-media-image,
fieldset[id*="edit-field-learning-path-media-image-"] {
  margin-top: 50px;
}
fieldset#edit-field-learning-path-media-image>legend,
fieldset[id*="edit-field-learning-path-media-image-"]>legend {
  padding-top: 12px;
  padding-bottom: 12px;
}
fieldset#edit-field-learning-path-media-image>.fieldset-wrapper,
fieldset[id*="edit-field-learning-path-media-image-"]>.fieldset-wrapper {
  flex: 1 1 80% !important;
}
fieldset#edit-field-learning-path-media-image>.fieldset-wrapper>fieldset>legend,
fieldset#edit-field-learning-path-media-image>.fieldset-wrapper>fieldset>.fieldset-wrapper .field--type-image ~ *,
fieldset[id*="edit-field-learning-path-media-image-"]>.fieldset-wrapper>fieldset>legend,
fieldset[id*="edit-field-learning-path-media-image-"]>.fieldset-wrapper>fieldset>.fieldset-wrapper .field--type-image ~ * {
  display: none;
}
form:not(.views-exposed-form):not(.group-content-form):not(.tft-add-term-form) fieldset#edit-field-learning-path-media-image .form-item:not(.fieldgroup),
form:not(.views-exposed-form):not(.group-content-form):not(.tft-add-term-form) fieldset[id*="edit-field-learning-path-media-image-"] .form-item:not(.fieldgroup) {
  margin-top: 0 !important;
}

/* Shopping Cart CSS ------------------------------------------------------------------------------*/
.cart-list-items {
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 3px 10px #d1e6ef;
  margin-bottom: 40px;
  overflow: hidden;
}

.view-commerce-cart-form:last-child .cart-list-items {
  margin-bottom: 80px;
}

.cart-list-items .content-box__info {
  background-color: #f6faff;
  margin-bottom: 0;
  padding: 15px 40px;
}

.cart-list-items .content-box__info h3 {
  text-align: left;
  margin-bottom: 0;
}

.cart-list-items .views-form .container {
  padding: 0;
}

.cart-list-items .views-form .container .content-box {
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-bottom: 20px;
  padding: 0;
}

.commerce-cart-form-default {
  font-size: 18px;
}

.commerce-cart-form-default thead {
  border-bottom: 1px #ebebeb solid;
}

.commerce-cart-form-default thead th {
  font-weight: 400;
  padding: 12px;
}

.commerce-cart-form-default thead th:first-child {
  padding-left: 40px;
}

.commerce-cart-form-default tbody {
  position: relative;
}

.commerce-cart-form-default tbody::before {
  background-color: #fff;
  content: "";
  width: 24px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
}

.commerce-cart-form-default tbody::after {
  background-color: #fff;
  content: "";
  width: 24px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
}

.commerce-cart-form-default tbody td {
  padding: 20px 12px;
}

.commerce-cart-form-default tbody td:first-child {
  padding-left: 40px;
}

.commerce-cart-form-default tbody td:first-child .field_name_price {
  margin-right: 30px;
}

.commerce-cart-form-default tbody tr:last-child td {
  border-bottom: 1px solid #d5d5d5;
}

.view-commerce-checkout-order-summary .content-box {
  box-shadow: none;
}

.commerce-cart-form-default tbody td.views-field-field-main-image img {
  min-width: 80px;
}

.commerce-cart-form-default tbody td.views-field-purchased-entity>div,
.commerce-checkout-order-summary-default tbody td.views-field-purchased-entity>div {
  display: flex;
}

.commerce-cart-form-default tbody td.views-field-purchased-entity .field_name_field_image,
.commerce-checkout-order-summary-default tbody td.views-field-purchased-entity .field_name_field_image {
  border: #e9e9e9 1px solid;
  margin-right: 20px;
  width: 80px;
}

.commerce-cart-form-default tbody td.views-field-purchased-entity .field_name_field_image img,
tbody td.views-field-purchased-entity .field_name_field_image img {
  aspect-ratio: 1;
  object-fit: contain;
}

.commerce-cart-form-default tbody td.views-field-purchased-entity .field_name_product_id {
  min-width: 200px;
}

.field_name_list_price>div>div:not(:first-child) {
  color: #949494;
}

.commerce-cart-form-default .views-field-unit-price__number {
  text-align: center;
  min-width: 105px;
}

.commerce-cart-form-default .views-field-edit-quantity,
.commerce-cart-form-default .views-field-remove-button {
  text-align: center;
  min-width: 60px;
}

.commerce-cart-form-default .views-field-purchased-entity {
  width: 55%;
}

.commerce-cart-form-default .views-field-total-price__number {
  text-align: right;
  min-width: 155px;
  padding-right: 60px;
}

form:not(.views-exposed-form):not(.group-content-form):not(.tft-add-term-form) .commerce-cart-form-default .form-item:not(.fieldgroup) {
  margin-bottom: 0 !important;
}

form .commerce-cart-form-default .form-submit[id*="remove"] {
  background-color: #f3f3f3 !important;
  border: none;
  min-width: 90px;
  min-height: 36px;
  padding: 9px 15px;
}

form .commerce-cart-form-default .form-submit[id*="remove"]:hover {
  background-color: #949494 !important;
}

.cart-list-items .field_name_total_price {
  font-size: 18px;
  margin-bottom: 20px;
  padding: 0 30px;
}

.cart-list-items .order-total-line__adjustment {
  padding-top: 10px;
}

.order-total-line__total {
  padding-top: 10px;
  font-weight: 400;
}

.order-total-line-value {
  width: 120px;
}

.order-total-line__total .order-total-line-value {
  color: #2c69c4;
  font-weight: 600;
}

.cart-list-items .form-actions {
  text-align: right;
  margin-bottom: 30px;
  padding: 0 30px;
}

.cart-list-items form .form-submit {
  border-radius: 8px;
  font-size: 18px;
  font-weight: 400;
}

.cart-list-items #edit-update-cart {
  background-color: #fff;
  border: #d6d8eb 1px solid;
  color: #461f00;
  padding: 12px;
}

.cart-list-items #edit-update-cart:hover {
  background-color: #d6d8eb;
  color: #fff;
}

.cart-list-items #edit-submit {
  border: none;
  color: #461f00;
  padding: 12px;
}

.cart-list-items #edit-submit:hover {
  background-color: #fe6a00;
  color: #fff;
}

.cart-list-items form .form-submit~.button,
form .form-submit~.form-submit {
  margin-left: 20px;
}

.veri-email-status-access-denied,
.veri-email-status-access-denied .link {
  padding-top: 10px;
}

.veri-email-status-access-denied .link a {
  background: var(--desktop-link);
  border-radius: 0.625rem;
  color: #461f00;
  text-align: center;
  display: inline-block;
  min-width: 155px;
  margin: 5px;
  padding: 12px;
}

.veri-email-status-access-denied .link a:hover {
  background-color: #fe6a00;
  color: #fff;
  text-decoration: none;
}

/* Check Out CSS ------------------------------------------------------------------------------*/
.layout-checkout-form {
  background-color: #fff;
  border-radius: 15px;
  margin-bottom: 130px;
  padding: 24px;
  position: relative;
}

.layout-region-checkout-main {
  margin-bottom: 40px;
}

.fieldgroup>legend {
  text-align: left;
}

.layout-checkout-form .fieldset-legend,
.layout-region-checkout-secondary h3 {
  color: #322959;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 30px;
}

.layout-region-checkout-secondary .view-commerce-checkout-order-summary .views-field-field-main-image img,
.page-entity-commerce-order-user-view .section-customer-information .content-box .views-field-field-learning-path-media-image img {
  min-width: 100px;
}

#edit-payment-information-payment-method--wrapper {
  background-color: #fafafa;
  border-radius: 8px;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-bottom: 30px;
}

#edit-payment-information-payment-method--wrapper .fieldset-legend {
  font-size: 20px;
}

form .form-item-payment-information-payment-method,
form .form-item-payment-information-payment-method label {
  /* width: calc(100% - 17px); */
  margin-bottom: 0 !important;
}

form .form-item-payment-information-payment-method label {
  width: calc(100% - 17px);
}

form .form-item-payment-information-payment-method label::after {
  background: url(/themes/contrib/aristotle/dist/images/cart/payment-icon.png) no-repeat;
  background-size: contain;
  content: "";
  display: block;
  width: calc(100% + 17px);
  max-width: 330px;
  height: 20px;
  margin-left: -17px;
  margin-top: 20px;
}

#edit-review-payment-information .profile--view-mode--default {
  margin-top: 10px;
  padding-top: 20px;
  position: relative;
}

#edit-review-payment-information .profile--view-mode--default::before {
  background: url(/themes/contrib/aristotle/dist/images/cart/payment-icon.png) no-repeat;
  background-size: contain;
  content: "";
  width: 100%;
  max-width: 330px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 0;
}

.layout-checkout-form .form-select.bootstrap-select {
  width: 100% !important;
}

.field_name_address {
  border-top: #d7d7d7 1px solid;
  border-bottom: #d7d7d7 1px solid;
  margin-top: 26px;
  margin-bottom: 26px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.field_name_address .address {
  color: #4b4e59;
  font-size: 18px;
  line-height: 1.35;
  margin: 0;
}

.checkout-order-summary {
  margin-bottom: 30px;
  overflow-x: auto;
}

.checkout-order-summary table {
  margin-bottom: 10px;
}

.checkout-order-summary tbody tr td {
  padding: 20px 25px;
}

.checkout-order-summary tbody tr:first-child td {
  padding-top: 0;
}

.checkout-order-summary tbody tr:last-child td {
  border-bottom: 1px solid #d5d5d5;
}

.checkout-order-summary tbody tr td:last-child {
  text-align: right;
  padding-left: 0;
  padding-right: 10px;
}

.checkout-order-summary .field_name_field_image {
  border: #e9e9e9 1px solid;
  margin-bottom: 20px;
  width: 80px;
}

.checkout-order-summary .field_name_field_image img {
  aspect-ratio: 1;
  object-fit: contain;
}

.checkout-order-summary .order-total-line {
  font-size: 18px;
  padding: 10px 0 0;
}

.checkout-pane-coupon-redemption {
  background-color: #fafafa;
  border-radius: 8px;
  padding: 18px 22px;
  text-align: right;
}

form:not(.views-exposed-form):not(.group-content-form):not(.tft-add-term-form) .form-item:not(.fieldgroup).form-item-sidebar-coupon-redemption-form-code {
  margin-bottom: 15px !important;
}

.form-item-sidebar-coupon-redemption-form-code label {
  text-align: left;
  width: 100%;
}

.form-item-sidebar-coupon-redemption-form-code .view-my-active-coupon,
.form-item-sidebar-coupon-redemption-form-code .or-input-coupon-code-title {
  margin-bottom: 5px;
}

.form-item-sidebar-coupon-redemption-form-code #select-coupon-for-using {
  border: 1px solid #d6d8eb;
  border-radius: 8px;
  text-overflow: ellipsis;
  max-width: 100%;
  margin-bottom: 20px;
  padding: 8px 17px 8px 20px;
}

.form-item-sidebar-coupon-redemption-form-code .form-text {
  background-color: #fff;
}

#edit-sidebar-coupon-redemption-form p {
  margin-top: 15px;
}

#edit-sidebar-coupon-redemption-form-apply {
  background-color: #fff;
  border: 1px #d6d8eb solid;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

#edit-sidebar-coupon-redemption-form-apply:hover {
  background-color: #d6d8eb;
  color: #fff;
}

.layout-region-checkout-footer {
  text-align: right;
  width: 100%;
  padding: 0;
  /* position: absolute;
  right: 0;
  bottom: -70px; */
}

#commerce-checkout-flow-multistep-default #edit-actions-next {
  background-color: #ffa842 !important;
  border: none;
  border-radius: 8px;
  color: #461f00;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  margin: 0;
}

#commerce-checkout-flow-multistep-default #edit-actions-next:hover {
  background-color: #fe6a00 !important;
  color: #fff;
}

.epartner-info-in-order-info-page {
  display: flex;
  margin-bottom: 30px;
}

.epartner-info-in-order-info-page img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-right: 8px;
}

.epartner-info-in-order-info-page .name {
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
  color: #686868;
}

/* Check Out - epartner */
.layout-checkout-form .field_name_product_id {
  width: 100%;
}

.layout-checkout-form .field_name_product_id .group-info-in-edit-order-summary {
  display: flex;
  flex-wrap: wrap;
}

.layout-checkout-form .field_name_product_id .group-info-in-edit-order-summary .name {
  width: 100%;
  margin-bottom: 15px;
}

.layout-checkout-form .field_name_product_id .group-info-in-edit-order-summary .image {
  border: #d6d8eb 1px solid;
}

/* Review Payment CSS ------------------------------------------------------------------------------*/
#edit-review-payment-information .field_name_address {
  margin-top: 20px;
  margin-bottom: 20px;
}

#commerce-checkout-flow-multistep-default #edit-actions-next {
  float: right;
  margin-left: 20px;
}

#commerce-checkout-flow-multistep-default #edit-actions-next+a {
  background-color: #fff;
  border: #d6d8eb 1px solid;
  border-radius: 8px;
  color: #461f00;
  display: inline-block;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  min-width: 155px;
  margin: 0;
  padding: 0.625rem 0.9375rem;
  text-align: center;
  text-decoration: none;
  transition: 0.3s ease-out;
}

#commerce-checkout-flow-multistep-default #edit-actions-next+a:hover {
  background-color: #d6d8eb;
  color: #fff;
}

/* Create Course CSS ------------------------------------------------------------------------------*/
.step-list-aside-wrapper {
  background: #ffffff;
  box-shadow: 0px 3px 10px #d1e6ef;
  border-radius: 15px;
  padding: 22px;
}

.content-box {
  background: #ffffff;
  box-shadow: 0px 3px 10px #d1e6ef;
  border-radius: 15px;
  color: #676767;
  margin-bottom: 0;
}

.step-list-aside a,
.step-list-aside span {
  color: #4b4e59;
  font-size: 18px;
  padding: 8px 15px;
}

.step-list-aside .active a,
.step-list-aside .active span {
  color: #461f00;
}

.step-list-aside li {
  margin-bottom: 10px;
}

.lp_step_explanation {
  margin-bottom: 25px;
  padding: 20px 30px 20px 90px;
}

.lp_step_explanation:before {
  background: #d9d9d9 url(/themes/contrib/aristotle/dist/images/course/explain-icon.svg) center center no-repeat;
  content: "";
  width: 45px;
  height: 45px;
  left: 30px;
}

.course-content-box {
  padding: 40px 30px;
}

.admin-learning-path .group-form,
.course-content-box .container {
  padding: 0;
}

.admin-learning-path .course-content-box .form-item>.label {
  padding: 12px 0;
  width: 20%;
}

.admin-learning-path .course-content-box .form-item>.field {
  width: 80%;
  max-width: none;
}

.course-content-box form .label label {
  margin: 0;
}

.members-modal .class_members_row td.class_member_delete_wrapper {
  cursor: pointer;
}

.members-modal .class_members_row td.class_member_delete_wrapper i {
  font-size: 24px;
}

.course-content-box .class_members_row td:first-child i,
.users-results .users-results-list td.user i {
  font-size: 14px;
  color: var(--desktop-text);
}

.cke_chrome {
  border-color: #d6d8eb !important;
  border-radius: 8px;
  overflow: hidden;
}

.cke_top {
  background-color: #fff !important;
  border-bottom: 1px solid #d6d8eb !important;
}

.cke_bottom {
  background: #fff !important;
  border-top: 1px solid #d6d8eb !important;
}

#edit-field-learning-path-description-0-format-help {
  margin-bottom: 10px;
}

.admin-learning-path .form-select.bootstrap-select>.dropdown-toggle:after,
.section-admin .form-select.bootstrap-select>.dropdown-toggle:after {
  content: "" !important;
}

.section-admin .group-form .field--name-field-learning-path-description .js-filter-wrapper,
.admin-learning-path .group-form .field--name-field-learning-path-media-image .fieldset-wrapper,
.admin-learning-path .group-form .form-item>.field,
.admin-learning-path .group-form .form-item>.fieldset-wrapper,
.section-admin .group-form .form-item>.field,
.section-admin .group-form .form-item>.fieldset-wrapper {
  max-width: none !important;
}

.admin-learning-path .js-filter-wrapper .form-item>.label {
  flex: 1 0 90px;
}

.admin-learning-path .js-filter-wrapper .form-item>.field {
  width: calc(100% - 90px);
}

.admin-learning-path .form-item>.label,
.admin-learning-path .form-item>legend,
.section-admin .form-item>.label,
.section-admin .form-item>legend {
  color: #101010;
  font-size: 18px;
  padding-right: 10px;
}

.admin-learning-path .group-form .form-item>.fieldset-wrapper h4,
.admin-learning-path .group-form .form-item>.fieldset-wrapper input {
  color: #676767;
  min-width: 124px;
}

#group-learning-path-edit-form .js-form-item-field-learning-path-enable-forum-value222,
#group-learning-path-edit-form .js-form-item-field-member-only-value222,
#group-learning-path-edit-form .js-form-item-field-certificate-expire-value,
#group-learning-path-edit-form .js-form-item-field-send-olink-notif-when-edit-value,
#group-learning-path-edit-form .js-form-item-agreement {
  margin-left: 20%;
}

#group-learning-path-edit-form .js-form-item-field-learning-path-enable-forum-value label[for="edit-field-learning-path-enable-forum-value"] {
  padding-left: 1.625rem !important;
}


.admin-learning-path .field--name-field-anonymous-visibility,
.admin-learning-path .field--name-field-requires-validation,
.section-admin .field--name-field-anonymous-visibility,
.section-admin .field--name-field-requires-validation {
  margin-left: 0;
}


/* Calendar CSS ------------------------------------------------------------------------------*/

.view-opigno-calendar {
  background: #ffffff;
  box-shadow: 0px 3px 10px #d1e6ef;
  border-radius: unset;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  color: #686868;
  margin-top: 30px;
  margin-bottom: 86px;
  padding: 0;
}

.view-opigno-calendar .content-box__info {
  line-height: 58px;
  background: #f6faff;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  padding: 10px 0px;
}

.view-opigno-calendar .content-box__info h3 {
  line-height: 35px;
}

.view-opigno-calendar .content-box__info .pager__item--previous,
.view-opigno-calendar .content-box__info .pager__item--next {
  background: #ffffff;
  box-shadow: 0px 4px 8px rgba(29, 18, 99, 0.25);
  border-radius: 50%;
}

.view-opigno-calendar .content-box__info .pager__item--previous {
  left: calc(50% - 80px);
}

.view-opigno-calendar .content-box__info .pager__item--next {
  right: calc(50% - 80px);
  left: unset;
}

.view-opigno-calendar .content-box__info .pager__item a:before {
  font-size: 40px;
  height: 50px;
  width: 50px;
  line-height: 50px;
}

.view-opigno-calendar .content-box__info .btn-add {
  right: 53px;
  top: 22px;
}

.view-opigno-calendar[class*="month"] td.single-day.single-day-active .inner {
  top: calc(100%);
  box-shadow: 0px 3px 10px #d1e6ef;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
}

.view-opigno-calendar[class*="month"] td.single-day.single-day-active .date-box {
  border-right: unset;
  -webkit-box-orient: unset;
  -ms-flex-direction: unset;
  flex-direction: unset;
  margin-bottom: 30px;
  margin-top: 30px;
}

.view-opigno-calendar[class*="month"] td.single-day.single-day-active .date-box>span {
  font-weight: 500;
  font-size: 30px;
  color: #4b4e59;
  margin: 0 4px;
}

.view-opigno-calendar .calendar-calendar .date-box.selected-date .inner {
  background: #4351da;
}

.view-opigno-calendar .calendar-calendar .date-box.selected-date {
  color: #fff;
}

.view-opigno-calendar[class*="month"] td.single-day.single-day-active .inner:before {
  border-bottom: 1px solid #d7d7d7;
  top: 0px;
  height: 0px;
}

.view-opigno-calendar[class*="month"] td.single-day.single-day-active .inner:after {
  display: none;
}

.btn-add a:before {
  color: var(--orange);
}

.btn-add a:hover {
  background: var(--desktop-link-hover);
}

.view-opigno-calendar[class*="month"] td.single-day.single-day-active .inner>.items {
  max-height: unset;
  overflow-y: unset;
  padding-left: 0;
}

.view-opigno-calendar[class*="month"] td.single-day.single-day-active .inner>.items>a {
  display: none;
}

.view-opigno-calendar[class*="month"] td.single-day.single-day-active .inner>.items>.item {
  border-bottom: 1px solid #d7d7d7;
  margin-bottom: 25px;
}

.view-opigno-calendar[class*="month"] td.single-day.single-day-active .event-info>div {
  width: 100%;
}

.view-opigno-calendar[class*="month"] td.single-day.single-day-active .event-info>div .field_name_place {
  margin-top: 20px;
}

.view-opigno-calendar[class*="month"] td.single-day.single-day-active .event-info>div .field_name_place>div>div:nth-child(1) {
  margin-bottom: 10px;
}

.view-opigno-calendar[class*="month"] td.single-day.single-day-active .type {
  color: #4b4e59;
}

/* page-node-42 CSS ------------------------------------------------------------------------------*/
.page-node-42 .layout--onecol .field_name_body ol {
  padding-left: 20px;
}

/* order-address-book page CSS ------------------------------------------------------------------------------*/
.page-commerce-order-address-book-overview .address-book__container {
  margin-bottom: 100px;
}

.page-commerce-order-address-book-overview .address-book__container .address-book__profile {
  background: #ffffff;
  box-shadow: 0px 3px 10px #d1e6ef;
  border-radius: 15px;
  padding: 20px;
  margin-top: 20px;
}

.page-commerce-order-address-book-overview .address-book__container .address-book__add-link,
.page-commerce-order-address-book-overview .address-book__container .address-book__operations>a {
  background-color: var(--desktop-button-color);
  border: 1px solid #d6d8eb;
  border-radius: 8px;
  color: #461f00;
  padding: 0.625rem 0.9375rem;
  display: inline-block;
  margin-right: 20px;
  margin-top: 10px;
}

.page-commerce-order-address-book-overview .address-book__container .address-book__profiles {
  display: unset;
  flex-flow: unset;
  justify-content: unset;
}

.profile-customer-address-book-edit-form {
  background: #ffffff;
  box-shadow: 0px 3px 10px #d1e6ef;
  border-radius: 15px;
  padding: 20px;
}

/* orders series CSS ------------------------------------------------------------------------------*/
.my-bookmarks-2,
.my-bookmarks-3,
.my-bookmarks-4,
.my-messages-2,
.my-comments-2,
.my-comments-3,
.my-followed-2,
.my-orders-2,
.my-coupons-2,
.my-coupons-3 {
  display: none;
}

.my-section .view .views-row:last-child .my-card,
.my-section .my-bookmarks-1 .view .my-card:last-child {
  border-bottom: unset;
  padding-bottom: unset;
}

.my-content-filter {
  margin-bottom: 30px;
}

.my-content-filter ul {
  padding-left: 0;
}

.my-content-filter ul li {
  width: 30%;
  background: #ffffff;
  box-shadow: 0px 3px 10px #d1e6ef;
  border-radius: 8px;
  text-align: center;
}

.my-bookmarks-filter ul li {
  width: 22%;
}

.my-content-filter-2 ul li {
  width: 48%;
}

.my-content-filter ul li.active {
  background: #ffa842;
}

.my-content-filter ul li a {
  padding: 15px 0;
  display: block;
  font-size: 22px;
  letter-spacing: 0.05em;
  color: #461f00;
}

.my-bookmarks-1,
.my-bookmarks-2,
.my-bookmarks-3,
.my-bookmarks-4,
.my-messages-1,
.my-messages-2,
.my-comments-1,
.my-comments-2,
.my-comments-3,
.my-orders-1,
.my-orders-2,
.my-followed-1,
.my-followed-2,
.my-trainings .empty-content,
.my-trainings .view-my-trainings>div.row {
  background: #ffffff;
  box-shadow: 0px 3px 10px #d1e6ef;
  border-radius: 15px;
  padding: 22px 26px 10px 26px;
  margin-bottom: 100px;
}

.my-card {
  border: unset;
  border-bottom: 1px solid #d7d7d7;
  padding-bottom: 22px;
  border-radius: 0;
}

.my-card .card-mark-as-read.active {
  border-radius: 50%;
  border: 3px solid red;
  background-color: unset;
}

.my-card .card-mark-as-read.active:hover {
  background-color: red;
}

.my-card .card-body {
  padding: unset;
  position: relative;
}

.my-card .card-body .card-content .my-card-title {
  min-height: 38px;
  margin-top: 16px;
  margin-right: 35px;
}

.my-card .card-body .card-content .my-card-title>img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-right: 8px;
}

.my-card .card-body .card-content .my-card-title .card-title,
.my-card .card-body .card-content .my-card-title .card-title a {
  font-size: 20px;
  line-height: 30px;
  font-weight: normal;
  color: #686868;
}

.my-card .card-body .card-content .card-course-name a {
  margin-top: 20px;
  font-weight: 600;
  font-size: 22px;
  letter-spacing: 0.05em;
  color: #4b4e59;
}

.my-card .card-time {
  font-size: 22px;
  color: #4b4e59;
  margin-bottom: 10px;
}

.my-card .col-md-4 .archive-status {
  color: #4351da;
  font-weight: 600;
}

.my-card .field_name_field_image {
  border: #e9e9e9 1px solid;
  margin-right: 20px;
  width: 130px;
  margin: auto;
  border-radius: 8px;
  overflow: hidden;
}

.my-card .field_name_field_image img {
  aspect-ratio: 1;
  object-fit: contain;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.my-card .card-course-del {
  background: none;
  border-radius: 50%;
  border: 1px solid #d7d7d7;
  color: #666;
  font-size: 17px;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  display: block;
  width: 30px;
  padding: 5px 5px 6px;
  position: absolute;
  right: 0;
  top: 0px;
  transition: all 0.3s ease;
  z-index: 1;
}

.my-card .card-course-del:hover,
.my-card .card-course-del:focus {
  background-color: #666;
  border: 1px solid #666;
  color: #fff;
}

[class*="my-bookmarks-"] .flag_delete_succ_msg {
  border-bottom: 1px solid #d7d7d7;
  padding-bottom: 22px;
  margin-bottom: 16px;
}

.card-followed {
  width: 19%;
  display: inline-block;
  padding: 0 15px;
  margin-bottom: 30px;
}

.card-followed .card-subfollowed {
  background: #ffffff;
  box-shadow: 0px 3px 10px #d1e6ef;
  border-radius: 15px;
  text-align: center;
  padding-top: 41px;
  padding-bottom: 47px;
  position: relative;
}

.card-followed .card-subfollowed.is-new {
  background: none !important;
}

.card-followed .card-subfollowed.is-new::before {
  background-color: #ffa842;
  border-radius: 50%;
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  position: absolute;
  left: 12px;
  top: 12px;
}

.card-followed .card-subfollowed .delete_flagging_in_list {
  background: none;
  border-radius: 50%;
  border: 1px solid #d7d7d7;
  color: #666;
  font-size: 17px;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  display: block;
  width: 30px;
  padding: 5px 5px 6px;
  position: absolute;
  right: 12px;
  top: 12px;
  transition: all 0.3s ease;
  z-index: 1;
}

.card-followed img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.card-followed .card-followed-name {
  margin-top: 20px;
}

.card-followed .card-followed-name a {
  font-weight: 600;
  font-size: 20px;
  letter-spacing: 0.05em;
  color: #4b4e59;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: fit-content;
  min-height: 72px;
}

.card-delivery-date {
  margin-bottom: 10px;
}

.card-delivery-date span img {
  display: inline-block;
}

.card-delivery-date span {
  line-height: 34px;
  font-weight: 400;
  font-size: 18px;
}

.card-delivery-date span:nth-child(2) {
  color: #686868;
  margin-left: 10px;
  margin-right: 20px;
}

.card-delivery-date span:nth-child(3),
.card-delivery-date span:nth-child(5) {
  letter-spacing: 0.05em;
  color: #949494;
}

.card-delivery-date span:nth-child(4) {
  color: #d7d7d7;
  margin-left: 14px;
  margin-right: 18px;
}

.card-product-price span:nth-child(1) {
  font-size: 18px;
  line-height: 24px;
  color: #686868;
  margin-right: 10px;
}

.card-product-price {
  font-weight: 500;
  font-size: 22px;
  line-height: 28px;
  letter-spacing: 0.05em;
  color: #4351da;
}

.my-card .get-e123-ngo-info-to-order {
  position: initial;
}

.card-product-price .link_to_order {
  font-size: 18px;
  text-align: right;
  margin-top: 12px;
}

.card-product-price .link_to_order a {
  text-indent: -9999px;
  text-align: left;
  overflow: hidden;
  position: absolute;
  left: -10px;
  right: -10px;
  top: -40px;
  bottom: 0;
}


.empty-content .content {
  text-align: center;
  padding-top: 116px;
  padding-bottom: 140px;
}

.empty-content .content img {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.empty-content .content p {
  font-weight: 400;
  font-size: 22px;
  letter-spacing: 0.05em;
  color: #4b4e59;
  margin-top: 10px;
}

.my-messages-1 .my-card .card-body .card-content .my-card-title,
.my-messages-2 .my-card .card-body .card-content .my-card-title,
.my-comments-1 .my-card .card-body .card-content .my-card-title,
.my-comments-2 .my-card .card-body .card-content .my-card-title,
.my-comments-3 .my-card .card-body .card-content .my-card-title,
.my-orders-1 .my-card .card-body .card-content .my-card-title,
.my-orders-2 .my-card .card-body .card-content .my-card-title {
  margin-top: 0;
}

.my-messages-1 .my-card .col-md-8 .card-time,
.my-messages-2 .my-card .col-md-8 .card-time {
  font-weight: 400;
  font-size: 18px;
  letter-spacing: 0.05em;
  color: #949494;
  margin-top: 10px;
}

.my-bookmarks-1 .my-card .card-body>img,
.my-bookmarks-3 .my-card .card-body>img,
.my-bookmarks-4 .my-card .card-body>img,
.my-trainings .view-my-trainings>div.row .my-card .card-body>img {
  width: 210px;
  height: 130px;
  object-fit: cover;
  border-radius: 8px;
  margin-right: 30px;
}

.my-bookmarks-1 .my-card .card-body .card-content a,
.my-bookmarks-3 .my-card .card-body .card-content a,
.my-bookmarks-4 .my-card .card-body .card-content a,
.my-trainings .view-my-trainings>div.row .my-card .card-body .card-content a {
  font-weight: 600;
  font-size: 22px;
  letter-spacing: 0.05em;
  color: #4b4e59;
}

.my-bookmarks-2 .my-card .col-md-4 img {
  width: 130px;
  height: 130px;
  object-fit: cover;
  border-radius: 8px;
}

.my-bookmarks-2 .card-product-price {
  font-weight: 500;
  font-size: 22px;
  line-height: 28px;
  letter-spacing: 0.05em;
  color: #4351da;
}

.my-orders-1 .my-card .card-body .card-content .card-course-name,
.my-orders-2 .my-card .card-body .card-content .card-course-name {
  margin-top: 10px;
  margin-bottom: 10px;
}

.my-orders-1 .my-card .card-body .card-content .card-course-name span,
.my-orders-2 .my-card .card-body .card-content .card-course-name span {
  font-weight: 600;
  font-size: 16px;
  line-height: 29px;
  letter-spacing: 0.05em;
  color: #4b4e59;
}

.my-orders-1 .my-card .card-body .card-content .card-course-name span:first-child,
.my-orders-2 .my-card .card-body .card-content .card-course-name span:first-child {
  font-size: 22px;
  margin-right: 10px;
}

/* my-messages CSS ------------------------------------------------------------------------------*/
#views-exposed-form-olink-my-olink-notif-block-1 .js-form-item-key {
  display: flex;
}

/* my-trainings CSS ------------------------------------------------------------------------------*/
.my-trainings-2,
.my-trainings-3 {
  display: none;
}

.my-trainings {
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

.my-trainings .view-my-trainings .content-box__info {
  display: none;
}

.my-trainings .form-group {
  display: none;
}

/* orders achievements CSS ------------------------------------------------------------------------------*/
.page-opigno-statistics-user-achievements-page .col-lg-9 .col-12:nth-child(1) .content-box {
  display: none;
}

.page-opigno-statistics-user-achievements-page .block-page-title-block {
  visibility: hidden;
}

/* feed new CSS ------------------------------------------------------------------------------*/
.page-epartner-feed .view-olink-e-partner-feed-page,
.page-olink-feed .view-id-olink_feed_page,
.page-kol-feed .view-olink-kol-feed-page,
.page-kol-kol-feed .view-olink-kol-feed-page {
  /* border-top: 1px solid #374780; */
  padding-top: 20px;
  margin-bottom: 100px;
  position: relative;
}

.page-epartner-feed .view-olink-e-partner-feed-page::before,
.page-olink-feed .view-id-olink_feed_page::before,
.page-kol-feed .view-olink-kol-feed-page::before,
.page-kol-kol-feed .view-olink-kol-feed-page::before {
  background-color: #374780;
  content: '';
  display: block;
  height: 2px;
  position: absolute;
  left: 50px;
  right: 50px;
  top: -2px;
}

.page-kol-kol-feed .view-olink-kol-feed-page .content-box__info {
  display: none;
}

.page-epartner-feed .view-olink-e-partner-feed-page .new-card,
.page-olink-feed .view-id-olink_feed_page .new-card,
.page-kol-feed .view-olink-kol-feed-page .new-card,
.page-kol-kol-feed .view-olink-kol-feed-page .new-card {
  margin-bottom: 20px !important;
}

.page-epartner-feed .view-olink-e-partner-feed-page .new-card .new-card-img ul {
  margin-bottom: 0;
}

.view-olink-e-partner-view-news-blcok .new-card .new-card-img img,
.page-epartner-feed .view-olink-e-partner-feed-page .new-card .new-card-img img,
.page-olink-feed .view-id-olink_feed_page .new-card .new-card-img img,
.page-kol-feed .view-olink-kol-feed-page .new-card .new-card-img img,
.page-kol-kol-feed .view-olink-kol-feed-page .new-card .new-card-img img {
  background-color: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 8px;
  aspect-ratio: 16 / 9;
  object-fit: contain;
}

.new-flagging-wrapper {
  border-bottom: 1px solid #374780;
  margin-bottom: 50px;
  padding-bottom: 12px;
}

.new-flagging-wrapper ul li {
  margin-left: 25px;
  cursor: pointer;
}

.new-flagging-wrapper ul li img {
  margin-right: 10px;
}

.page-node-feed_epartner .block-page-title-block span,
.page-node-feed_epartner .block-page-title-block,
.page-node-feed_olink .block-page-title-block,
.page-node-feed_olink .block-page-title-block span,
.page-node-feed_kol .block-page-title-block,
.page-node-feed_kol .block-page-title-block span {
  visibility: hidden;
  margin: 0;
}

.page-node-feed_epartner .content-row_1,
.page-node-feed_olink .content-row_1,
.page-node-feed_kol .content-row_1 {
  border-bottom: 1px solid #d6d8eb;
  padding-bottom: 20px;
  margin-bottom: 30px;
}

.page-node-feed_epartner .layout-builder__layout,
.page-node-feed_olink .layout-builder__layout,
.page-node-feed_kol .layout-builder__layout {
  margin-bottom: 100px;
}

.page-node-feed_epartner .layout-builder__layout .col-lg-6 .field_name_field_image img,
.page-node-feed_epartner .layout-builder__layout .col-lg-6 .field_name_field_images img,
.page-node-feed_olink .layout-builder__layout .col-lg-6 .field_name_field_image img,
.page-node-feed_olink .layout-builder__layout .col-lg-6 .field_name_field_images img,
.page-node-feed_kol .layout-builder__layout .col-lg-6 .field_name_field_image img,
.page-node-feed_kol .layout-builder__layout .col-lg-6 .field_name_field_images img {
  background-color: #fff;
  border: 1px solid #e7e7e7;
  aspect-ratio: 16 / 9;
  object-fit: contain;
  width: 100%;
  border-radius: 8px;
  margin-bottom: 20px;
}

.page-node-feed_epartner .layout-builder__layout .col-lg-6:nth-child(2)>div:nth-child(1),
.page-node-feed_olink .layout-builder__layout .field_name_field_display_title,
.page-node-feed_kol .layout-builder__layout .col-lg-6:nth-child(2)>div:nth-child(1) {
  font-weight: 600;
  font-size: 30px;
  letter-spacing: 0.05em;
  color: #322959;
  margin-bottom: 10px;
}

.layout-builder__layout .field_name_field_date_only,
.layout-builder__layout .field_name_field_new_author {
  display: inline-block;
}

.layout-builder__layout .field_name_field_new_author>div,
.layout-builder__layout .field_name_field_date_only time {
  font-size: 18px;
  letter-spacing: 0.05em;
  color: #686868;
  margin-bottom: 20px;
  display: block;
}

.page-node-feed_epartner .layout-builder__layout .field_name_body p,
.page-node-feed_epartner .layout-builder__layout .field_name_body div,
.page-node-feed_olink .layout-builder__layout .field_name_body p,
.page-node-feed_olink .layout-builder__layout .field_name_body div,
.page-node-feed_kol .layout-builder__layout .field_name_body p,
.page-node-feed_kol .layout-builder__layout .field_name_body div {
  font-size: 18px;
  letter-spacing: 0.05em;
  color: #686868;
}

.page-node-feed_epartner .layout-builder__layout .field_name_body>div,
.page-node-feed_olink .layout-builder__layout .field_name_body>div,
.page-node-feed_kol .layout-builder__layout .field_name_body>div {
  margin-top: 10px;
}

.page-node-feed_epartner .layout-builder__layout .news-col,
.page-node-feed_olink .layout-builder__layout .news-col,
.page-node-feed_kol .layout-builder__layout .news-col {
  display: inline-block;
}

.page-node-feed_epartner ul.flippy,
.page-node-feed_olink ul.flippy,
.page-node-feed_kol ul.flippy {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  height: auto;
  margin-bottom: 0;
}

.page-node-feed_epartner ul.flippy li,
.page-node-feed_olink ul.flippy li,
.page-node-feed_kol ul.flippy li {
  font-size: 0;
}

.page-node-feed_epartner ul.flippy li.flippy-next>a,
.page-node-feed_epartner ul.flippy li.flippy-previous>a,
.page-node-feed_olink ul.flippy li.flippy-next>a,
.page-node-feed_olink ul.flippy li.flippy-previous>a,
.page-node-feed_kol ul.flippy li.flippy-next>a,
.page-node-feed_kol ul.flippy li.flippy-previous>a {
  background-color: #ffa842;
  color: #461f00;
  font-size: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: none;
  display: block;
  width: 100%;
  max-width: 260px;
  position: relative;
}

.page-node-feed_epartner ul.flippy li.flippy-previous>a::before,
.page-node-feed_olink ul.flippy li.flippy-previous>a::before,
.page-node-feed_kol ul.flippy li.flippy-previous>a::before,
.page-node-feed_epartner ul.flippy li.flippy-next>a::after,
.page-node-feed_olink ul.flippy li.flippy-next>a::after,
.page-node-feed_kol ul.flippy li.flippy-next>a::after {
  color: #461f00;
  transition: all 0.3s ease;
}

.page-node-feed_epartner ul.flippy li.flippy-next>a:hover,
.page-node-feed_epartner ul.flippy li.flippy-previous>a:hover,
.page-node-feed_olink ul.flippy li.flippy-next>a:hover,
.page-node-feed_olink ul.flippy li.flippy-previous>a:hover,
.page-node-feed_kol ul.flippy li.flippy-next>a:hover,
.page-node-feed_kol ul.flippy li.flippy-previous>a:hover {
  background-color: #ff8a00;
  color: #fff;
}

.page-node-feed_epartner ul.flippy li.flippy-previous>a:hover::before,
.page-node-feed_olink ul.flippy li.flippy-previous>a:hover::before,
.page-node-feed_kol ul.flippy li.flippy-previous>a:hover::before,
.page-node-feed_epartner ul.flippy li.flippy-next>a:hover::after,
.page-node-feed_olink ul.flippy li.flippy-next>a:hover::after,
.page-node-feed_kol ul.flippy li.flippy-next>a:hover::after {
  color: #fff;
}

.page-node-lecturer_epartner .field_name_field_image_single {
  padding-right: 30px;
}

/* private-message-page CSS ------------------------------------------------------------------------------*/
#private-message-page .private-message-form {
  margin-bottom: unset;
  padding-bottom: 10px;
}

#private-message-page .private-message-thread-full .private-message-recipients .profile-pic {
  margin-right: 0;
}

#private-message-page .private-message-thread-full .private-message-add-form>.container {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#private-message-page .private-message-form .field--name-message {
  margin-right: 0;
}

#private-message-page .private-message-wrapper .private-message-author-self {
  background: #E1F4FF;
  color: #4B4E59;
}

#private-message-page .private-message-wrapper .private-message-author-self:after {
  border-color: #E1F4FF rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}

.view-live-chat>.row>.views-row #private-message-page .private-message-thread-full .private-message-recipients .dropdown {
  display: none;
}

#private-message-page .private-message-form .form-submit {
  background: var(--desktop-link) url(../images/design/btn-chat-send.svg) calc(50% + 15px) center no-repeat;
  border-radius: 0.625rem;
  text-indent: -24px;
  font-size: 1rem;
  padding: 0.625rem 0.9375rem;
}

#private-message-page .private-message-form .form-submit:hover {
  background: #fe6a00 url(../images/design/btn-chat-send-white.svg) calc(50% + 15px) center no-repeat;
  color: #fff !important;
}

#private-message-page .private-message-form .form-submit:disabled {
  opacity: .5;
}

/* filter CSS ------------------------------------------------------------------------------*/
.filter_logo {
  display: inline-block;
}

.card-filter {
  cursor: pointer;
}

.card-filter-header {
  background: #f4fbff;
  border: 1px solid #c9d5ff;
  border-radius: 15px;
  display: none;
}

.card-filter-header>div>div {
  padding-top: 16px;
  padding-bottom: 14px;
}

body:not(.section-products, .section-epartner, .section-kol) .card-filter #collapsefilter {
  display: none !important;
}

.page-olink-channel-all .card-filter.view-filters {
  display: none !important;
}

.card-filter.hasShow #collapsefilter {
  display: block !important;
}

.section-products .view-display-id-block_7 {
  margin-bottom: 0;
}

/* default CSS ------------------------------------------------------------------------------*/
/* .view-olink-e-partner-list .epartner-view .information img.e123-ngo-images */
/* .card-products
  .get-epartner-or-kol-info-by-product-id
  .epartner-or-kol-icon
  > img,
.epartner-info-details-wrapper .epartner-info-details-subwrapper .icon img {
  background-image: url("/themes/contrib/aristotle/dist/images/default/my/product_default.jpg");
  background-repeat: no-repeat;
} */

/* Time Table CSS ------------------------------------------------------------------------------*/
.page-olink-channel .contextual-region .field_name_body>div.quickedit-field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.date_navigation {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 400px;
  margin-top: -10px;
  margin-bottom: 30px;
  padding: 0 15px;
  width: 400px;
}

.date_navigation a {
  border-radius: 50%;
  box-shadow: 0 4px 4px rgba(29, 18, 99, 0.25);
  width: 40px;
  height: 40px;
  overflow: hidden;
  text-indent: -999px;
  background-color: #fff;
  position: relative;
}

.date_navigation a.prev_date {
  background: #fff url(/themes/contrib/aristotle/dist/images/design/date-nav-btn-prev.svg) center center no-repeat;
}

.date_navigation a.next_date {
  background: #fff url(/themes/contrib/aristotle/dist/images/design/date-nav-btn-next.svg) center center no-repeat;
}

.date_navigation a.prev_date_step_10::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(/themes/contrib/aristotle/dist/images/content/channel/date_step_10.svg) center center no-repeat;
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.date_navigation a.next_date_step_10::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(/themes/contrib/aristotle/dist/images/content/channel/date_step_10.svg) center center no-repeat;
}

.date_navigation a.prev_date:hover,
.date_navigation a.prev_date_step_10:hover {
  margin-left: -6px;
  margin-right: 6px;
}

.date_navigation a.next_date:hover,
.date_navigation a.next_date_step_10:hover {
  margin-left: 6px;
  margin-right: -6px;
}

.date_navigation .target_date {
  color: #4b4e59;
  font-size: 28px;
  font-weight: 600;
}

.view-olink-olink-channel-list.container {
  margin-bottom: 130px;
}

.view-olink-olink-channel-list .views-row {
  background-color: #fff;
  border-radius: 15px;
  box-shadow: 0 3px 10px #d1e6ef;
  display: flex;
  align-items: center;
  width: calc(100% - 30px);
  margin: 0 15px 20px;
  padding: 30px;
  position: relative;
}

.views-field-field-datetime-start {
  color: #757575;
  padding-right: 15px;
  position: relative;
}

.views-field-field-datetime-start::after {
  content: "-";
  position: absolute;
  top: -2px;
  right: 5px;
}

.views-field-field-datetime-end {
  color: #757575;
}

.view-olink-olink-channel-list .views-field-nothing {
  width: calc(100% - 104px);
  padding-left: 6%;
}

.view-olink-olink-channel-list .views-field-nothing .field-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.olink-channel-list-title {
  width: calc(100% - 92px);
}

.olink-channel-list-title h3,
.olink-channel-list-title h3 a {
  color: #4b4e59;
  margin: 0;
  text-decoration: none;
}

.olink-channel-list-title h3 a:hover {
  color: #6c3d28;
}

.olink-channel-list-img img {
  width: auto;
  max-height: 80px;
  aspect-ratio: 16 / 9;
  border: 1px solid #e7e7e7;
  border-radius: 4px;
  object-fit: contain;
}

.olink-channel-list-title .existing-content li .olink_node_is_now_playing_status {
  color: #461f00;
  background: #fff url(/themes/contrib/aristotle/dist/images/design/channel-status-playing.svg) left 13px center no-repeat;
  border: #ffa842 1px solid;
  border-radius: 8px;
  font-size: 16px;
  line-height: 33px;
  padding: 0px 10px 0 38px;
}

.olink-channel-list-title .existing-content li.existing_courses span {
  color: #fff;
  background: #d7342a url(/themes/contrib/aristotle/dist/images/design/channel-status-live.svg) left 7px center no-repeat;
  border-radius: 8px;
  display: block;
  font-size: 16px;
  line-height: 33px;
  /* margin-left: 15px; */
  padding: 0px 10px 0 37px;
}

.olink-channel-list-title .information {
  width: 64%;
}

.olink-channel-list-title .existing-content li {
  margin-right: 15px;
}

.programme_type {
  background-color: #ecf8e5;
  border-radius: 17px;
  color: #4b4e59;
  line-height: 33px;
  padding: 0px 10px;
}

.channel-notice {
  text-align: center;
  padding-top: 33px;
}

.channel-notice .text {
  display: inline;
  background: #ffffff;
  box-shadow: 0px 3px 10px #d1e6ef;
  border-radius: 15px;
  padding: 22px;
  margin-bottom: 3.125rem;
}

/* Node - Channel Olink ------------------------------------------------------------------------------*/
.page-node-channel_olink .layout-builder__layout {
  padding-top: 100px;
  padding-bottom: 100px;
}

.page-node-channel_olink .block-page-title-block {
  display: none;
}

.page-node-channel_olink .olink_node_live_status .d-flex {
  background-color: #d7342a;
  color: #fff;
  align-items: center;
  width: fit-content;
  height: 33px;
  /* margin-bottom: 15px; */
  padding: 0 10px;
}

.olink_node_live_status .d-flex span {
  font-size: 16px;
}

.page-node-channel_olink .content-row-video {
  margin-bottom: 38px;
  margin-top: 20px;
}

.page-node-channel_olink .programme_coming_soon p {
  font-weight: bold;
  font-size: 36px;
  color: #d7342a;
}

/* Chat Room ------------------------------------------------------------------------------*/
#views-exposed-form-private-message-block-all .container {
  padding: 0;
}

#views-exposed-form-private-message-block-all .form-items-group {
  background-color: #f4fbff;
  border: #c9d5ff 1px solid;
  border-radius: 15px;
  display: flex;
  margin-bottom: 20px;
  padding: 12px 15px;
}

#views-exposed-form-private-message-block-all .form-items-group>.form-item {
  flex: 1 1 auto;
  margin-bottom: 0 !important;
}

.view-private-message .form-items-group .form-submit {
  border-radius: 8px;
  background: #ffa842 url(/themes/contrib/aristotle/dist/images/content/epartner/search.svg) center center no-repeat;
  width: 40px;
  height: 40px;
}

.view-private-message .form-items-group .form-submit:hover {
  background: #ff8a00 url(/themes/contrib/aristotle/dist/images/content/epartner/search.svg) center center no-repeat;
}

.view-private-message .view-header {
  background: #ffffff;
  box-shadow: 0px 0 10px #d1e6ef;
  border-radius: 15px 15px 0 0;
  padding: 15px;
}

.view-private-message .view-header h2 {
  font-size: 22px;
  font-weight: 400;
  color: #686868;
}

.view-private-message .view-header .btn-add a {
  border-color: #322959;
  color: #322959;
}

.view-private-message .view-header .btn-add a:hover {
  background-color: #322959;
  color: #fff;
}

.view-private-message .view-header .btn-add a:before {
  color: #322959;
}

.view-private-message .view-header .btn-add a:hover:before {
  color: #fff;
}

.view-private-message .views-infinite-scroll-content-wrapper {
  background: #ffffff;
  box-shadow: 0px 3px 10px #d1e6ef;
  border-radius: 0 0 15px 15px;
  padding: 0 15px 15px;
}

.page-entity-private-message-thread-canonical #private-message-page .private-message-thread-full {
  webkit-filter: drop-shadow(0px 0 10px #d1e6ef);
  filter: drop-shadow(0px 0 10px #d1e6ef);
}

.page-entity-private-message-thread-canonical #private-message-page .private-message-thread-full .private-message-recipients {
  box-shadow: none;
  border-radius: 15px 15px 0 0;
  border-bottom: #e7e8f3 1px solid;
}

.page-entity-private-message-thread-canonical #private-message-page .private-message-thread-full .private-message-recipients .comment-item__edit-btn {
  display: none;
}

.page-entity-private-message-thread-canonical #sidebar-first,
.page-entity-private-message-thread-canonical .block-page-title-block h2 {
  display: none;
}

.page-entity-private-message-thread-canonical #private-message-page .private-message-form .field--name-message .form-item,
#private-message-page .private-message-form .field--name-message .form-item {
  margin-bottom: 0 !important;
  height: 130px;
}

.live-chat-training #private-message-page .private-message-form .field--name-message .form-item,
.page-opigno-module-group-answer-form #private-message-page .private-message-form .field--name-message .form-item {
  min-height: 150px;
}

#private-message-page .private-message-form {
  min-height: 4.0625rem;
}

.page-entity-private-message-thread-canonical .form-textarea {
  width: 100%;
}

.page-entity-private-message-thread-canonical.section-private-messages .page-main>.container>.row>.col-lg-9 {
  width: 100%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.page-entity-private-message-thread-canonical #private-message-page .private-message-thread-full .private-message-thread-messages {
  background-color: #fff;
  box-shadow: none;
}

.page-entity-private-message-thread-canonical #private-message-page .private-message-thread-full .private-message-form {
  border-top: #e7e8f3 1px solid;
  border-radius: 0 0 15px 15px;
  box-shadow: none;
  margin-top: -1px;
  margin-bottom: 100px;
}

.page-entity-private-message-thread-canonical #private-message-page .private-message-wrapper .private-message-author-self {
  background-color: #ffdcc9;
}

.page-entity-private-message-thread-canonical #private-message-page .private-message-wrapper .private-message-author-self:after {
  border-color: #ffdcc9 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}

.page-entity-private-message-thread-canonical #private-message-page .private-message-wrapper p {
  color: #4b4e59;
}

.page-entity-private-message-thread-canonical #private-message-page .private-message-thread-full .private-message-form::before {
  content: none;
}

.page-entity-private-message-thread-canonical #private-message-page .private-message-thread-full .private-message-form .form-submit {
  /* background: #FFA842 url(/themes/contrib/aristotle/dist/images/design/btn-chat.svg) center center no-repeat;
    background-position: 65% center; */
  background-size: 24px;
  border: none;
  float: right;
  margin-top: 20px;
  transition: all 0.2s ease;
}

/* .page-entity-private-message-thread-canonical #private-message-page .private-message-thread-full .private-message-form .form-submit:hover {
    background: #FF8A00 url(/themes/contrib/aristotle/dist/images/design/btn-chat.svg) center center no-repeat;
    background-position: 65% center;
    background-size: 24px;
} */

.view-live-chat-channel .private-message-recipients>.dropdown,
.view-id-live_chat_channel .private-message-recipients h3 {
  display: none;
}

.page-node-channel_olink .comment-olink-comments-form {
  margin-bottom: 40px;
}

/* course detail CSS ------------------------------------------------------------------------------*/
.group-opigno-learning-course .content-box .lp-content__bottom .layout--onecol .layout__region .contextual-region {
  clear: both;
}

/* course answer CSS ------------------------------------------------------------------------------*/
.page-opigno-module-group-answer-form .lp_progress_wrapper {
  display: none;
}

.page-opigno-module-group-answer-form .opigno_activity__wrapper {
  margin-bottom: 160px;
}

.opigno_activity__wrapper .form-actions #edit-back {
  background-color: #fff;
  border: unset;
}

.opigno_activity__wrapper .form-actions #edit-back:hover {
  background-color: var(--desktop-button-color);
}

/* course answer CSS ------------------------------------------------------------------------------*/
.status-message.status {
  background-color: #ffa842;
  color: #461f00;
  font-size: 20px;
  font-weight: 600;
}

.status-message.status .container {
  position: relative;
}

.status-message.status a {
  color: #461f00;
}

.status-message.status .fi {
  display: none;
  top: 0;
  left: 15px;
}

/* custom CSS  ------------------------------------------------------------------------------*/
.login-btn-on-add-to-cart-form,
.login-btn-on-entering-chat-room {
  padding-top: 40px;
  display: flex;
  justify-content: end;
}

.login-btn-on-entering-chat-room {
  justify-content: left;
}

.login-btn-on-add-to-cart-form a {
  background: #ffa842;
  border-radius: 8px;
  color: #461f00;
  font-size: 20px;
  display: block;
  width: 155px;
  text-align: center;
  text-decoration: none;
  padding: 0.375rem 0.75rem;
}

.login-btn-on-entering-chat-room a {
  background: #ffa842;
  border-radius: 8px;
  color: #461f00;
  font-size: 18px;
  display: block;
  width: 310px;
  text-align: center;
  text-decoration: none;
  padding: 0.375rem 0.75rem;
}



div#catalog-filter-parent #edit-status--3--wrapper {
  display: none;
}

.kol_Chatroom {
  display: none;
}

/* info-to-product-details */
.get-e123-ngo-info-to-product-details .layout--twocol-section--33-67 .layout__region--second>div:nth-child(5),
.get-e123-ngo-info-to-product-details .layout--twocol-section--33-67 .layout__region--second>div:nth-child(6) {
  display: initial;
}

.get-e123-ngo-info-to-product-details [class*="product--variation-field--variation_price__"] {
  display: inline-block !important;
}

/* private-message-page CSS ------------------------------------------------------------------------------*/
#private-message-page.message-fixed {
  position: fixed;
  bottom: 0;
  background-color: #fff;
  width: 100%;
  left: 0;
  z-index: 999;
}

#private-message-page.message-fixed .private-message-recipients,
#private-message-page.message-fixed .private-message-thread-full .private-message-thread-messages,
#private-message-page.message-fixed .private-message-form {
  padding: 0.6rem;
}

#private-message-page.message-fixed .private-message-recipients {
  height: 56px;
}

#private-message-page.message-fixed .private-message-form .field--name-message .form-item {
  height: 72px;
}

.page-opigno-module-group-answer-form #private-message-page.message-fixed .private-message-form .field--name-message .form-item {
  height: 168px;
}

#private-message-page.message-fixed .private-message-form .form-textarea {
  height: 62px;
}

#private-message-page.message-fixed .private-message-thread-full .private-message-thread-messages {
  height: calc(100vh - 660px);
}

.section-private-messages #private-message-page {
  margin-bottom: 100px;
}

/* live-chat-section CSS ------------------------------------------------------------------------------*/
.page-opigno-module-group-answer-form .opigno_activity__wrapper .opigno_activity {
  padding: 0;
  border: unset;
  padding-bottom: 2rem;
}

.view-live-chat.view-id-live_chat {
  display: block;
}

.page-opigno-module-group-answer-form .opigno_activity__wrapper .module-title {
  font-size: 1.5rem;
}

.live-chat-section>div>div:nth-child(1) {
  margin-bottom: 50px;
}

.live-chat-section>div>div:nth-child(1).video-fixed {
  top: 0;
  position: fixed;
  height: auto;
  width: 100%;
  left: 0;
  z-index: 999;
}

.live-chat-section .private-message-recipients .dropdown {
  display: none;
}

.page-opigno-module-group-answer-form #block-lp-steps-block {
  margin-bottom: 20px;
}

.page-opigno-module-group-answer-form #block-lp-steps-block .opigno-lp-step-ilt>div {
  display: none;
}

.page-opigno-module-group-answer-form #block-lp-steps-block .live-chat-section #edit-actions--2 {
  -webkit-box-orient: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

/* .live-chat-section #edit-actions--2 .form-submit {
  border-color: var(--desktop-button-color);
  color: var(--desktop-button-text-primary);
  border: 2px solid var(--desktop-button-color);
  padding: 0.625rem 2rem;
  position: relative;
  border-radius: 8px;
  background: url(/themes/contrib/aristotle/dist/images/content/send.svg) 19px 11px/24px no-repeat;
  background-color: var(--desktop-button-color);
  background-size: 30px;
} */

.page-opigno-module-group-answer-form form .form-submit {
  background-color: #fff;
  border: unset;
}

.page-opigno-module-group-answer-form form .form-submit:hover {
  background-color: var(--desktop-button-color);
}

/* .page-opigno-module-group-answer-form .view-id-live_chat_training #edit-actions--2 .form-submit {
  background-image: unset;
  margin-top: 0;
  position: unset;
} */

/* .view-live-chat-training .private-message-form>.container>div:last-child>input {
  border-color: var(--desktop-button-color);
  color: var(--desktop-button-text-primary);
  border: 2px solid var(--desktop-button-color);
  padding: 0.625rem 2rem;
  position: relative;
  border-radius: 8px;
  background: url(/themes/contrib/aristotle/dist/images/content/send.svg) 19px 11px/24px no-repeat;
  background-color: var(--desktop-button-color);
  background-size: 30px;
  margin-top: 0;
  background-image: unset;
  margin-top: 0;
  position: unset;
} */

.view-live-chat-training .private-message-form>.container>div:last-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 1.25rem;
  position: unset;
  left: 0;
  top: 100%;
  width: 100%;
  -webkit-box-orient: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

/* .page-opigno-module-group-answer-form .opigno_activity__wrapper #private-message-page {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999;
} */

.chat_content #private-message-page {
  display: none;
}

.user-logged-in .chat_content #private-message-page {
  display: block;
}

.user-logged-in .chat_content #private-message-page .offcanvas-bottom {
  height: 30vh;
}

.user-logged-in .chat_content #private-message-page .offcanvas-header .btn-close {
  border-radius: 50%;
  background-color: #fff;
}

.page-opigno-module-group-answer-form .live-chat-offcanvas .field--name-message .form-item {
  height: unset;
  min-height: unset;
}

.page-opigno-module-group-answer-form #private-message-page .private-message-form .field--name-message .form-item {
  height: unset;
  min-height: unset;
}

.page-opigno-module-group-answer-form #private-message-page .private-message-form .field--name-message .form-item .form-textarea {
  display: block;
}

.live-chat-offcanvas.offcanvas-start {
  width: 22%;
}

.live-chat-offcanvas .offcanvas-body {
  padding: 0;
}

.live-chat-offcanvas .offcanvas-header {
  position: absolute;
  z-index: 99;
  right: 15px;
}

#private-message-page .private-message-thread-full .live-chat-offcanvas .private-message-recipients {
  border-radius: 0;
  padding: 0.5rem;
  height: 54px;
}

.opigno_activity__wrapper .btn-primary::before {
  display: none;
}

.user-logged-in .chat_content #private-message-page .offcanvas {
  min-width: 250px;
  min-height: 275px;
}

/* complete CSS ------------------------------------------------------------------------------*/
.user-messages-auto-check #edit-path-to-training>div {
  display: none;
}

/* commerce-order--user CSS ------------------------------------------------------------------------------*/
.page-entity-commerce-order-user-view .section-customer-information {
  background-color: #fff;
  border-radius: 15px;
  margin-bottom: 130px;
  position: relative;
  padding: 20px 24px;
}

.page-entity-commerce-order-user-view .customer-information,
.page-entity-commerce-order-user-view .order-epartner-information,
.page-entity-commerce-order-user-view .order-information {
  max-width: 100%;
  margin-bottom: 0px;
  box-shadow: unset;
  border-radius: unset;
}

.page-entity-commerce-order-user-view #block-primaryadminactions,
.page-entity-commerce-order-user-view .section-customer-information .field_name_placed,
.page-entity-commerce-order-user-view .views-field-total-price__number,
.page-entity-commerce-order-user-view .views-field-variation-id,
.page-entity-commerce-order-user-view .print__wrapper--pdf {
  display: none !important;
}

.page-entity-commerce-order-user-view .section-customer-information .content-box {
  box-shadow: unset;
  border-radius: unset;
}

.page-entity-commerce-order-user-view .section-customer-information .field_name_mail>div>div:nth-child(1),
.page-entity-commerce-order-user-view .section-customer-information .order-epartner-information>div:nth-child(1),
.page-entity-commerce-order-user-view .section-customer-information .field_name_completed>div>div:nth-child(1),
.page-entity-commerce-order-user-view .section-customer-information .field_name_state>div>div:nth-child(1) {
  color: #322959;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 10px;
}

.page-entity-commerce-order-user-view .section-customer-information .order-epartner-information>div:nth-child(1),
.page-entity-commerce-order-user-view .section-customer-information .field_name_state>div>div:nth-child(1) {
  margin-top: 30px;
}

.page-entity-commerce-order-user-view .section-customer-information .order-epartner-information {
  margin-bottom: 30px;
}

.group-opigno-coursegroup-opigno-learning-course .e123-ngo-info,
.page-entity-commerce-order-user-view .section-customer-information .e123-ngo-info {
  display: flex;
  margin-bottom: 10px;
}

.group-opigno-coursegroup-opigno-learning-course .e123-ngo-info img,
.page-entity-commerce-order-user-view .section-customer-information .e123-ngo-info img {
  width: 40px;
  height: 40px;
}

.group-opigno-coursegroup-opigno-learning-course .e123-ngo-name,
.page-entity-commerce-order-user-view .section-customer-information .e123-ngo-name {
  line-height: 40px;
  margin-left: 20px;
}

.page-entity-commerce-order-user-view .section-customer-information .field_name_state>div>div:nth-child(2) {
  margin-bottom: 20px;
  border-bottom: #d7d7d7 1px solid;
  padding-bottom: 30px;
}

.page-entity-commerce-order-user-view .section-customer-information table {
  margin-bottom: 40px;
}

/* share funtion CSS ------------------------------------------------------------------------------*/
/* .share-modal {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 999;
  display: none;
}

.share-modal h2 {
  margin-top: 3px;
}

.share-modal p {
  color: #666666;
  padding: 0.5rem 5rem;
  font-size: 20px;
  line-height: 30px;
}

.share-modal .modal-container p:nth-of-type(1) {
  margin-top: 10px;
}

.share-modal .share-close {
  text-align: right;
  font-size: 32px;
  color: #fff;
  position: fixed;
  top: 10px;
  right: 10px;
  cursor: pointer;
}

.share-modal .modal-container {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  box-sizing: border-box;
  border-radius: 6px;
  padding: 1.5em;
  display: table;
} */
/* #shareModal .modal-content {
  background-color: unset;
  border: unset;
  box-shadow: unset;
}

#shareModal .btn-close {
  background: unset;
  padding: 0;
  margin: 0;
  width: unset;
  height: unset;
  text-align: right;
  font-size: 32px;
  color: #fff;
  position: fixed;
  top: 10px;
  right: 10px;
  cursor: pointer;
  opacity: 1;
}

#shareModal ul li {
  padding: 20px;
  width: 30%;
  box-shadow: unset;
}

#shareModal ul li img {
  cursor: pointer;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#shareModal .modal-header {
  border-bottom: unset;
}

#shareModal .show-url {
  position: fixed;
  background: #fff;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
  width: 240px;
  border-radius: 5px;
  display: none;
}

#shareModal .show-url p {
  text-align: center;
  margin: 12px 0;
  padding: 0;
} */
.content-col ul li.olink_share {
  position: relative;
}

.content-col .share-content ul li {
  margin-left: unset;
}

.content-col ul li.olink_share .share-content {
  width: 248px;
  left: -90px;
  margin-top: 36px;
  display: none;
  position: absolute;
  box-shadow: 0px 3px 10px #d1e6ef;
  background: #fff;
  padding: 20px;
  z-index: 99;
}

.content-col ul li.olink_share .share-content img {
  background-image: unset;
  width: 48px;
  height: 48px;
}

.show-url {
  position: fixed;
  background: #fff;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
  width: 240px;
  border-radius: 5px;
  display: none;
}

.show-url p {
  text-align: center;
  margin: 12px 0;
  padding: 0;
}

*/

/* modal CSS ------------------------------------------------------------------------------*/
.modal-open .dialog-off-canvas-main-canvas {
  -webkit-filter: unset;
  filter: unset;
}

.modal-page-load .modal-content {
  padding: 0;
  border: unset;
  border-radius: 10px;
}

.modal-page-load .modal-content .modal-header {
  margin-bottom: 0;
}

.modal-page-load .modal-content .modal-body p.modal-subtitle {
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 600;
}

.modal-page-load .modal-content .modal-body p.modal-subtitle {
  margin-bottom: 10px;
  margin-top: 20px;
}

.modal-page-load .modal-header .modal-title {
  font-size: 24px;
  margin-bottom: 10px;
}

.modal-page-load .modal-content .modal-body p {
  font-size: 16px;
  margin-bottom: 15px;
  line-height: 1.5;
}

.modal-page-load .modal-footer button {
  background-color: #ffa842;
  color: #461f00;
  box-shadow: 0px 4px 4px rgba(241, 193, 139, 0.5);
  border-radius: 40px;
  letter-spacing: 0.05em;
  line-height: 40px;
  text-decoration: none;
  padding: 0 35px;
  border: unset;
  font-size: 20px;
  font-weight: 700;
}

.modal-page-load .modal-footer button:hover {
  background-color: #ff8a00;
  color: #fff;
}

.modal-page-load .modal-footer button.btn-secondary::before {
  content: "";
}

.modal-backdrop.show {
  opacity: 0.8;
}

/* ConfirmDeletionModal CSS */
#ConfirmDeletionModal .modal-content {
  position: relative;
}

#ConfirmDeletionModal .modal-content .btn-close {
  position: absolute;
  right: 20px;
  top: 10px;
  z-index: 99;
}

#ConfirmDeletionModal .modal-content .modal-body {
  font-size: 22px;
  font-weight: bold;
  padding-top: 50px;
}

#ConfirmDeletionModal .modal-content .modal-footer>button {
  min-width: unset;
}

/* loader CSS ------------------------------------------------------------------------------*/
#loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(255, 255, 255);
  z-index: 200;
}

/* @keyframes spin {
    100% {
        transform: rotate(360deg);
    }
}
*/

.spinner {
  animation: rotator 1.4s linear infinite;
}

@keyframes rotator {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(270deg);
  }
}

.path {
  stroke-dasharray: 187;
  stroke-dashoffset: 0;
  transform-origin: center;
  animation: dash 1.4s ease-in-out infinite, colors 6.4s ease-in-out infinite;
}

@keyframes colors {
  0% {
    stroke: #ffa842;
  }

  25% {
    stroke: #de3e35;
  }

  50% {
    stroke: #f7c223;
  }

  75% {
    stroke: #1b9a59;
  }

  100% {
    stroke: #ffa842;
  }
}

@keyframes dash {
  0% {
    stroke-dashoffset: 187;
  }

  50% {
    stroke-dashoffset: 46.75;
    transform: rotate(135deg);
  }

  100% {
    stroke-dashoffset: 187;
    transform: rotate(450deg);
  }
}

.center .spinner {
  /* border: 12px solid #f3f3f3;
    border-radius: 50%;
    border-top: 12px solid #444444;
    width: 70px;
    height: 70px; */
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  /* animation: spin 1s linear infinite; */
}

/* 興趣班組及課程 頭部filter */
#districts-box {
  margin-top: 30px;
}

#districts-box label {
  font-size: 22px;
  font-weight: 400;
  color: #686868;
}

#districts-box .form-select.bootstrap-select {
  width: 100% !important;
}

#districts-box .form-select.bootstrap-select>.dropdown-toggle {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

#districts-box .form-select.bootstrap-select>.dropdown-menu {
  transform: translate3d(0px, 40px, 0px) !important;
}

#pnl-date-filter {
  color: #686868;
  display: flex;
  flex-wrap: wrap;
  font-size: 22px;
  line-height: 30px;
  margin-bottom: 20px;
}

#pnl-date-filter span {
  margin-right: 20px;
}

#pnl-date-filter .btn-date-filter {
  background-color: #fff;
  border-radius: 8px;
  color: #461f00;
  font-size: 16px;
  line-height: 18px;
  display: block;
  padding: 6px 10px;
  cursor: pointer;
}

#pnl-date-filter .btn-date-filter.active,
#pnl-date-filter .btn-date-filter:hover {
  background-color: var(--desktop-link);
}

/* User edit email verification */
.i2-custom-email-veri-main-form .messages {
  margin: 15px 0;
}

.i2-custom-email-veri-main-form .form-item-current-mail {
  display: none;
}

.i2-custom-email-veri-main-form #send-veri-code {
  border-radius: 8px;
  color: #461f00;
  text-align: center;
  line-height: 1;
  margin: 15px 0;
  padding: 12px;
}

/* Own Epartner Membership */
.view-olink-my-own-epartner-mem>.row {
  margin-left: 0;
  margin-right: 0;
}

.view-olink-my-own-epartner-mem .content-box__info .desktop_button_color {
  width: 155px;
  margin-bottom: 30px;
}

.view-olink-my-own-epartner-mem .content-box__info .desktop_button_color:hover {
  background-color: #fe6a00;
  color: #fff;
  text-decoration: none;
}

table.olink-my-own-epartner-mem-block-1 th,
table.olink-my-own-epartner-mem-block-1 td {
  padding: 0.375rem 1rem;
}

table.olink-my-own-epartner-mem-block-1 th.views-field-field-rel-epartner {
  min-width: 160px;
}

table.olink-my-own-epartner-mem-block-1 th.views-field-field-card-exp-date-ts {
  min-width: 140px;
}

table.olink-my-own-epartner-mem-block-1 th.views-field-field-remarks {
  min-width: 240px;
}

table.olink-my-own-epartner-mem-block-1 th.views-field-field-active-status,
table.olink-my-own-epartner-mem-block-1 th.views-field-field-approval-status {
  word-break: keep-all;
}

table.olink-my-own-epartner-mem-block-1 th:not(.tabledrag-hide) {
  color: #461f00;
  font-size: 20px;
}

table.olink-my-own-epartner-mem-block-1 .views-field-field-active-status.red {
  color: red;
}

/* Olink Coupons */
.olink-coupons-redeem-form-link {
  margin-bottom: 30px;
}

.olink-coupons-redeem-form-link a {
  background: #ffa842;
  border-radius: 8px;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  display: block;
  font-weight: 400;
  font-size: 20px;
  line-height: 27px;
  letter-spacing: 0.05em;
  color: #461f00;
  text-align: center;
  min-width: auto;
  width: 155px;
}

.olink-coupons-redeem-form-link a:hover {
  background-color: #fe6a00;
  color: #fff;
  text-decoration: none;
}

.view-olink-my-olink-coupons .my-card {
  padding-top: 16px;
}

.view-olink-my-olink-coupons .my-card .row {
  margin: 0;
}

.my-coupons-2 .view-olink-my-olink-coupons .my-card .col-md-4 {
  display: none;
}

.view-olink-my-olink-coupons .my-card .col-md-4 .card-time {
  font-size: 18px;
}

.view-olink-my-olink-coupons .my-card .card-body .card-content .my-card-title {
  margin-top: 0;
}

.view-olink-my-olink-coupons .my-card .card-body .card-content .my-card-title .card-title {
  font-size: 18px;
  line-height: 24px;
}

.add_to_google_calendar,
.add_booking_to_google_calendar {
  z-index: 99;
  position: relative;
  /* background: #ffa842; */
  box-shadow: 0px 3px 10px #d1e6ef;
  border-radius: 4px;
  text-align: center;
  padding: 10px;
  width: 100%;
  max-width: 220px !important;
}

.add_to_google_calendar:hover,
.add_booking_to_google_calendar:hover {
  background: #ffa842;
}

.add_to_google_calendar>a,
.add_booking_to_google_calendar>a {
  font-size: 18px !important;
  font-weight: unset !important;
  color: #4b4e59 !important;
}

.view-olink-my-olink-coupons .my-card .coupon-icon {
  display: initial;
  height: 90px;
  width: auto;
}

body:not(.role-administrator) .form-item-uid-0-target-id {
  display: none;
}

#olink-coupon-redeem-main-form {
  margin-bottom: 60px;
}

#olink-coupon-redeem-main-form .coupon-icon {
  margin: 0 auto;
}

.olink-coupon-redeem-main-form .container label:not(.option) {
  font-size: 0;
  margin-bottom: 0;
  overflow: hidden;
  text-indent: -999px;
}

#olink-coupon-redeem-main-form .js-form-item-confirm-submit span {
  font-size: initial;
}

.olink-coupon-redeem-main-form .back_link {
  margin-top: 20px;
  margin-bottom: -25px;
}

.olink-coupon-redeem-main-form .back_link a {
  background: var(--desktop-link);
  border-radius: 0.625rem;
  color: #461f00;
  font-weight: 400;
  display: inline-block;
  min-width: 155px;
  padding: 12px;
}

.olink-coupon-redeem-main-form .back_link a:hover {
  background-color: #fe6a00;
  color: #fff;
  text-decoration: none;
}

.page-my-olink-coupons-redeem-form #edit-confirm-submit--description {
  color: #686868;
  height: auto;
}

/* My Booking */
.view-my-bookings .content-box {
  border-radius: 0;
  box-shadow: none;
  padding: 0;
}

.view-my-bookings [class*='my-bookings-block-'] th,
.view-my-bookings [class*='my-bookings-block-'] td:last-child {
  white-space: nowrap;
}

.view-my-bookings [class*='my-bookings-block-'] th,
.view-my-bookings [class*='my-bookings-block-'] td {
  padding: 10px;
}

.view-my-bookings [class*='my-bookings-block-'] td.views-field-booking-target-id {
  min-width: 50px;
}

.view-my-bookings [class*='my-bookings-block-'] td.views-field-nothing {
  min-width: 200px;
}

.view-my-bookings [class*='my-bookings-block-'] td.views-field-field-featured-image,
.view-my-bookings [class*='my-bookings-block-'] td.views-field-delete-booking-contact {
  min-width: 100px;
}

.view-my-bookings [class*='my-bookings-block-'] .views-field-delete-booking-contact>a {
  background-color: var(--desktop-button-color);
  border-radius: 8px;
  color: #461f00;
  display: block;
  text-decoration: none;
  height: 42px;
  line-height: 1;
  padding: 12px;
  text-align: center;
}

.view-my-bookings [class*='my-bookings-block-'] .e123-ngo-data-get {
  display: flex;
}

.view-my-bookings [class*='my-bookings-block-'] .e123-ngo-images {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-right: 8px;
}

.view-my-bookings [class*='my-bookings-block-'] .e123-ngo-name {
  font-size: 20px;
  line-height: 30px;
  font-weight: normal;
  color: #686868;
}

.view-my-bookings [class*='my-bookings-block-'] .views-field-field-featured-image img {
  /* width: 210px;
  min-width: 210px; */
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: 8px;
}

.view-my-bookings [class*='my-bookings-block-'] .views-field-nothing,
.view-my-bookings [class*='my-bookings-block-'] .views-field-title,
.view-my-bookings [class*='my-bookings-block-'] .views-field-date {
  width: 180px;
  min-width: 180px;
}

/* Bookable Calendar */
.page-entity-bookable-calendar-canonical .e123-ngo-data-get-by-tid {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  margin-bottom: 15px;
}

.page-entity-bookable-calendar-canonical .epartner_name {
  color: #686868;
  font-size: 20px;
  line-height: 30px;
}

.page-entity-bookable-calendar-canonical .epartner_e123-ngo-images img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-right: 8px;
}

/* channels */
.channels-nav-tabs ul {
  display: flex;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-bottom: 0;
  padding-left: 0;
}

.channels-nav-tabs ul li {
  background-color: #fff;
  border-radius: 15px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 10px 20px;
  margin-bottom: 20px;
  padding: 6px 10px;
  cursor: pointer;
}

.channels-nav-tabs ul li:first-child {
  background-color: #fdead3;
}

.channels-nav-tabs ul li.active,
.channels-nav-tabs ul li:hover {
  background-color: #ff8a00;
  /* color: #fff; */
}

.page-olink-channels .dialog-off-canvas-main-canvas .page-main {
  padding-bottom: 30px;
}

[id*='views-exposed-form-olink-channel-link-by-prog-type-block-'] {
  background: #f4fbff;
  border: 1px solid #c9d5ff;
  border-radius: 15px;
  max-width: 400px;
  margin-left: auto;
  margin-bottom: 25px;
  padding: 15px 20px;
}

[id*='views-exposed-form-olink-channel-link-by-prog-type-block-'] .container {
  padding: 0;
}

[id*='views-exposed-form-olink-channel-link-by-prog-type-block-'] .form-items-group {
  align-items: center;
  padding: 0;
  margin: 0;
}

[id*='views-exposed-form-olink-channel-link-by-prog-type-block-'] .form-items-group>.form-item {
  margin-right: 20px;
}

[id*='views-exposed-form-olink-channel-link-by-prog-type-block-'] label {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.channel-view {
  margin-bottom: 70px;
}

/* .channel-view .content-box__info {
  margin-bottom: 40px;
} */

.channel-view .col-xl-3 .card {
  margin-bottom: 30px;
}


#edit-submit-olink-channel-link-by-prog-type,
#edit-submit-olink-channel-link-by-prog-type--2,
#edit-submit-olink-channel-link-by-prog-type--3,
#edit-submit-olink-channel-link-by-prog-type--4,
#edit-submit-olink-channel-link-by-prog-type--5,
#edit-submit-olink-channel-link-by-prog-type--6,
#edit-submit-olink-channel-link-by-prog-type--7,
#edit-submit-olink-channel-link-by-prog-type--8,
#edit-submit-olink-channel-link-by-prog-type--9,
#edit-submit-olink-channel-link-by-prog-type--10,
#edit-submit-olink-channel-link-by-prog-type--11,
#edit-submit-olink-channel-link-by-prog-type--12,
#edit-submit-olink-channel-link-by-prog-type--13,
#edit-submit-olink-channel-link-by-prog-type--14,
#edit-submit-olink-channel-link-by-prog-type--15,
#edit-submit-olink-channel-link-by-prog-type--16,
#edit-submit-olink-channel-link-by-prog-type--17,
#edit-submit-olink-channel-link-by-prog-type--18 {
  background: #ffa842;
  background-image: url(/themes/contrib/aristotle/dist/images/content/epartner/search.svg);
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: center center;
  border: 0;
  border-radius: 8px;
  color: #461f00;
  font-size: 18px;
  font-weight: 400;
  line-height: 40px;
  text-indent: -999px;
  width: 45px;
  height: 45px;
  min-width: auto;
  min-height: auto;
  margin: 0;
  padding: 0 20px;
  position: relative;
}

/* [class*="swiper-channel-link-by-"] {
  height: 1000px;
} */

[class*="swiper-channel-link-by-"] .swiper-slide {
  height: auto;
}

[class*="swiper-channel-link-by-"],
[class*="swiper-channel-link-feature-"],
[class*="swiper-channel-coming-soon-by-"] {
  margin-left: -15px;
  margin-right: -15px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 50px;
}

[class*="swiper-channel-link-by-"] .swiper-button-next,
[class*="swiper-channel-link-by-"] .swiper-button-prev,
[class*="swiper-channel-link-feature-"] .swiper-button-next,
[class*="swiper-channel-link-feature-"] .swiper-button-prev,
[class*="swiper-channel-coming-soon-by-"] .swiper-button-next,
[class*="swiper-channel-coming-soon-by-"] .swiper-button-prev {
  width: 50px;
  height: 50px;
  background-color: #747474;
  border-radius: 50%;
  box-shadow: rgb(94 111 170 / 20%) 0px 7px 29px 0px;
}

[class*="swiper-channel-link-by-"] .swiper-button-next,
[class*="swiper-channel-link-feature-"] .swiper-button-next,
[class*="swiper-channel-coming-soon-by-"] .swiper-button-next {
  padding-left: 3px;
  right: 0;
}

[class*="swiper-channel-link-by-"] .swiper-button-prev,
[class*="swiper-channel-link-feature-"] .swiper-button-prev,
[class*="swiper-channel-coming-soon-by-"] .swiper-button-prev {
  padding-right: 3px;
  left: 0;
}

[class*="swiper-channel-link-by-"] .swiper-button-next:after,
[class*="swiper-channel-link-by-"] .swiper-button-prev:after,
[class*="swiper-channel-link-feature-"] .swiper-button-next:after,
[class*="swiper-channel-link-feature-"] .swiper-button-prev:after,
[class*="swiper-channel-coming-soon-by-"] .swiper-button-next:after,
[class*="swiper-channel-coming-soon-by-"] .swiper-button-prev:after {
  font-size: 28px;
  color: #fff;
  font-weight: bold;
}

[class*="swiper-channel-link-by-"] .swiper-slide .views-field-field-rel-epartner-1 {
  display: none;
}

[class*="swiper-channel-link-by-"] .card,
[class*="swiper-channel-link-feature-"] .card,
[class*="swiper-channel-coming-soon-by-"] .card,
.channel-view .card {
  background: #ffffff;
  box-shadow: 0px 3px 10px #d1e6ef;
  border-radius: 15px;
  overflow: hidden;
  height: 480px;
}

[class*="swiper-channel-link-by-"] .card {
  height: 495px;
}

[class*="swiper-channel-link-by-"] .card .card-img-top,
[class*="swiper-channel-link-feature-"] .card .card-img-top,
[class*="swiper-channel-coming-soon-by-"] .card .card-img-top,
.channel-view .card .card-img-top {
  border-bottom: #d6d8eb 1px solid;
  overflow: hidden;
}

[class*="swiper-channel-link-by-"] .card .card-img-top img,
[class*="swiper-channel-link-feature-"] .card .card-img-top img,
[class*="swiper-channel-coming-soon-by-"] .card .card-img-top img,
.channel-view .card .card-img-top img {
  object-fit: contain;
  width: 100%;
  aspect-ratio: 16 / 9;
  transition: all 0.3s ease;
}

[class*="swiper-channel-link-by-"] .card:hover .card-img-top img,
[class*="swiper-channel-link-feature-"] .card:hover .card-img-top img,
[class*="swiper-channel-coming-soon-by-"] .card:hover .card-img-top img,
.channel-view .card:hover .card-img-top img {
  transform: scale(1.1);
}

[class*="swiper-channel-link-by-"] .card .olink_node_live_status.live,
[class*="swiper-channel-link-feature-"] .card .olink_node_live_status.live,
[class*="swiper-channel-coming-soon-by-"] .card .olink_node_live_status.live,
.channel-view .card .olink_node_live_status.live {
  line-height: 1.25;
  position: absolute;
  transform: translateY(-50%);
}

[class*="swiper-channel-link-by-"] .card .olink_node_live_status .d-flex,
[class*="swiper-channel-link-feature-"] .card .olink_node_live_status .d-flex,
[class*="swiper-channel-coming-soon-by-"] .card .olink_node_live_status .d-flex,
.channel-view .card .olink_node_live_status .d-flex {
  align-items: center;
}

/* [class*="swiper-channel-link-by-"] .card .card-body,
[class*="swiper-channel-link-feature-"] .card .card-body {
  position: relative;
  padding-top: 2rem;
} */

[class*="swiper-channel-link-by-"] .card .card-body,
[class*="swiper-channel-link-feature-"] .card .card-body,
[class*="swiper-channel-coming-soon-by-"] .card .card-body,
.channel-view .card .card-body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 286px;
  padding: 24px 27px;
  position: relative;
}

.channel-view .card .card-body {
  height: auto;
}

[class*="swiper-channel-link-by-"] .card h3,
[class*="swiper-channel-link-feature-"] .card h3,
[class*="swiper-channel-coming-soon-by-"] .card h3,
.channel-view .card h3 {
  color: #4b4e59;
  font-weight: 600;
  font-size: 22px;
  letter-spacing: 0.05em;
  height: 58px;
  margin-bottom: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.3s ease;
}

[class*="swiper-channel-link-by-"] .card .card-body>div:not(.card-avatar),
[class*="swiper-channel-link-feature-"] .card .card-body>div:not(.card-avatar),
[class*="swiper-channel-coming-soon-by-"] .card .card-body>div:not(.card-avatar) {
  min-height: 1.35em;
}

[class*="swiper-channel-link-by-"] .card .card-body>div.card-title,
[class*="swiper-channel-link-feature-"] .card .card-body>div.card-title,
[class*="swiper-channel-coming-soon-by-"] .card .card-body>div.card-title,
.channel-view .card .card-body>div.card-title {
  min-height: 60px;
}

/* [class*="swiper-channel-link-by-"] .card .card-body>div:nth-child(3), */
[class*="swiper-channel-link-by-"] .card .card-body>div.card-subtitle,
[class*="swiper-channel-link-feature-"] .card .card-body>div:nth-child(3),
[class*="swiper-channel-coming-soon-by-"] .card .card-body>div:nth-child(3),
.channel-view swiper:not([class*="swiper-channel-link-by-"]) .card .card-body>div:nth-child(3),
.channel-view .views-infinite-scroll-content-wrapper .card .card-body>div:nth-child(3) {
  color: #4b4e59;
  letter-spacing: 0.05em;
  min-height: 2.7em;
  margin-bottom: auto;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.3s ease;
}

/* [class*="swiper-channel-link-by-"] .card .card-body>div:nth-child(2),
[class*="swiper-channel-link-feature-"] .card .card-body>div:nth-child(2),
[class*="swiper-channel-coming-soon-by-"] .card .card-body>div:nth-child(2),
.channel-view .card .card-body>div:nth-child(2) {
  min-height: 50px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
} */

[class*="swiper-channel-link-by-"] .card .card-avatar,
[class*="swiper-channel-link-feature-"] .card .card-avatar,
[class*="swiper-channel-coming-soon-by-"] .card .card-avatar,
.channel-view .card .card-avatar {
  min-height: 40px;
  margin-top: 16px;
}

[class*="swiper-channel-link-by-"] .card .card-avatar .channels-title img,
[class*="swiper-channel-link-feature-"] .card .card-avatar .channels-title img,
[class*="swiper-channel-coming-soon-by-"] .card .card-avatar .channels-title img,
.channel-view .card .card-avatar .channels-title img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
}

[class*="swiper-channel-link-by-"] .card .card-avatar .channels-title a,
[class*="swiper-channel-link-feature-"] .card .card-avatar .channels-title a,
[class*="swiper-channel-coming-soon-by-"] .card .card-avatar .channels-title a,
.channel-view .card .card-avatar .channels-title a {
  font-weight: 400;
  font-size: 16px;
  line-height: 40px;
  letter-spacing: 0.05em;
  color: #686868;
  margin-left: 10px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.channel-tag {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  min-height: 28px;
}

.card-avatar .color_93c7ff a {
  background-color: #93c7ff;
}

.card-avatar .color_ece3ff a {
  background-color: #ece3ff;
}

.card-avatar .color_ffa842 a {
  background-color: #ffa842;
}

.card-avatar .color_cfe5fd a {
  background-color: #cfe5fd;
}

.channel-tag a {
  color: #461f00;
  background: #ffdcc9;
  border-radius: 30px;
  display: inline-block;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.05em;
  white-space: nowrap;
  padding: 4px 10px;
}

.channel-view h2 {
  text-align: left;
  margin-bottom: 30px;
}

.channel-view h2 .title {
  color: #322959;
}

.channel-view a {
  text-decoration: none;
}

.channel-view h2 .status-button {
  background-color: #6FA64E;
  color: #fff;
  font-size: 22px;
  padding: 8px 10px;
  border-radius: 8px;
  position: relative;
  top: -6px;
  max-width: 97px;
  white-space: nowrap;
}

.channel-view h2 .status-button.running {
  background-color: #6FA64E;
}

.channel-view h2 .status-button.ended {
  background-color: #D7342A;
}

/* web view */
body.display-via-webview .channel-view h2 .title {
  display: block;
  margin-bottom: 5px;
}

body.display-via-webview .channel-view .status-button {
  line-height: 28px;
  text-align: center;
  display: block;
  padding: 10px 10px 8px;
  top: auto;
}

body.display-via-webview .block-page-title-block {
  display: none !important;
}

/* Catalogue Group TFT --------------------------------------------------------------------*/
#folder-content-container {
  padding-bottom: 100px;
}

#folder-content-container .folder-menu-wrapper #folder-menu-container,
#folder-content-container .folder-menu-wrapper .folder-add-content-link #add-child-folder {
  display: none;
}

#folder-content-container .documents-table th,
#folder-content-container .documents-table td {
  padding: 0.375rem 0.625rem;
}

#folder-content-container .documents-table .folder-folder-link .fi {
  background: none;
  width: auto;
  min-width: auto;
  height: auto;
}

/* TermsModal --------------------------------------------------------------------*/
#TermsModal p {
  font-size: 20px;
}

/* Site Map ----------------------------------------------------------------------*/
.page-sitemap-page .sitemap .sitemap-item,
.page-sitemap-page .sitemap .sitemap-item>div>ul {
  margin-bottom: 0;
}

.page-sitemap-page .sitemap .sitemap-item>div>ul>li a {
  display: block;
}

.page-sitemap-page .sitemap .sitemap-item>div>ul>li a {
  margin-bottom: 15px;
}

.page-sitemap-page .sitemap .sitemap-item>div>ul>li>a {
  font-size: 20px;
  font-weight: bold;
}

.page-sitemap-page .sitemap .sitemap-item>div>ul ul {
  padding-left: 20px;
}

.page-sitemap-page .sitemap .sitemap-item>div>ul ul li {
  list-style-type: initial;
}

/* 2024-10-29 report ----------------------------------------------------------------------*/
article.js-comment {
  position: relative;
}

article.js-comment .report-dropdown {
  position: absolute;
  right: 0;
  top: 0;
}

article.js-comment .report-dropdown .dropdown-toggle::after {
  display: none;
}

article.js-comment .report-dropdown .dropdown-menu {
  padding: 0;
}

.report-dropdown .report_spam_init_btn {
  text-align: center;
}

.rpt_spam_form_wrapper .loader {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

/* My Olink not if ----------------------------------------------------------------------*/
.view-olink-my-olink-notif #deleteBtn {
  background-color: #FFFFFF;
  border: #FFA842 1px solid;
  border-radius: 60px;
  color: #461F00;
  line-height: 42px;
  width: 50%;
  max-width: 220px;
  height: 60px;
  margin-left: -110px;
  padding: 9px;
  position: fixed;
  left: 50%;
  bottom: 120px;
  top: auto;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

.view-olink-my-olink-notif .delete-btn i {
  background: url(../images/content/trash-bin.png) left center no-repeat;
  color: #461F00;
  font-style: normal;
  display: inline-block;
  padding-left: 47px;
}

/* confirm Modal, intro Modal ----------------------------------------------------------------------*/
#confirmModal.show,
#introModal.show {
  display: flex !important;
  align-items: center;
  padding: 10px;
}

#confirmModal .modal-dialog,
#introModal .modal-dialog {
  max-width: 800px;
  width: 90%;
  margin: 0 auto;
}

#confirmModal .modal-content,
#introModal .modal-content {
  border-radius: 15px;
  padding: 50px 20px;
}

#confirmModal .modal-header,
#introModal .modal-header {
  justify-content: center;
  border-bottom: none;
  padding: 0;
  margin-bottom: 30px;
}

#confirmModal .modal-header #confirmModalLabel,
#introModal .modal-header #confirmModalLabel {
  color: #322959;
  font-size: 30px;
}

#confirmModal .modal-header .btn-close,
#introModal .modal-header .btn-close {
  display: none;
}

#confirmModal .modal-body {
  background-color: #F6FAFF;
  border-radius: 8px;
  color: #686868;
  font-size: 18px;
  text-align: center;
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  padding: 20px;
}

#introModal .modal-body {
  padding: 0;
}

#introModal .modal-body #introMessage {
  color: #686868;
  font-size: 18px;
  text-align: center;
  margin-bottom: 10px;
}

#introModal .modal-body #introDescription {
  background-color: #F6FAFF;
  border-radius: 8px;
  color: #686868;
  font-size: 18px;
  text-align: center;
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  padding: 20px;
}

#confirmModal .modal-footer,
#introModal .modal-footer {
  border-top: none;
  justify-content: center;
  row-gap: 20px;
  margin-top: 30px;
  padding: 0;
}

#confirmModal .modal-footer>.btn,
#introModal .modal-footer>.btn {
  border: none;
  margin: 0 10px;
  min-width: 155px;
}

#confirmModal .modal-footer>.btn::before,
#introModal .modal-footer>.btn::before {
  content: none;
}

#confirmModal .modal-footer>.btn-secondary {
  background-color: #fff;
  border: #D6D8EB 1px solid;
}

#confirmModal .modal-footer>.btn-secondary:hover {
  background-color: #d6d8eb;
  color: #fff;
}

/* intro Modal */
#introDescription ul {
  display: inline-block;
  margin-bottom: 0;
  padding-left: 20px;
}

#introDescription ul li {
  text-align: left;
  list-style: inherit;
}

/* media CSS ------------------------------------------------------------------------------*/
@media (max-width: 1350.98px) {
  .views-exposed-form .form-items-group {
    display: unset !important;
  }

  [id*='views-exposed-form-olink-channel-link-by-prog-type-block-'] .form-items-group {
    display: flex !important;
  }

  .view-id-olink_channel_link_all.view-display-id-page_1 .form-items-group>input:last-child,
  .view-id-olink_channel_link_all.view-display-id-page_2 .form-items-group>input:last-child,
  .view-id-olink_channel_link_all.view-display-id-block_1 .form-items-group>input:last-child,
  .view-olink-channel-link-all-by-chann-name.view-display-id-page_1 .form-items-group>input:last-child,
  .view-olink-channel-link-latest-prog .form-items-group>input:last-child,
  .view-id-olink_channel_link_features_by_chann_name .form-items-group>input:last-child {
    width: 100%;
  }

  .view-id-olink_channel_link_all.view-display-id-page_1 .form-items-group>.js-form-item,
  .view-id-olink_channel_link_all.view-display-id-page_2 .form-items-group>.js-form-item,
  .view-id-olink_channel_link_all.view-display-id-block_1 .form-items-group>.js-form-item,
  .view-olink-channel-link-all-by-chann-name.view-display-id-page_1 .form-items-group>.js-form-item,
  .view-id-olink_channel_link_latest_prog.view-display-id-page_1 .form-items-group>.js-form-item,
  .view-olink-channel-link-features-by-chann-name.view-display-id-page_1 .form-items-group>.js-form-item {
    margin-right: 0;
  }
}

@media (min-width: 1200px) {
  .checkout-order-summary tbody tr td:nth-child(2)>div {
    display: flex;
    min-width: 352px;
  }

  .checkout-order-summary .field_name_field_image {
    margin-bottom: 0;
    margin-right: 20px;
  }
}

@media (min-width: 1351px) {
  /* .view-id-olink_channel_link_all.view-display-id-page_1 .form-items-group>.js-form-item .field>select#edit-prog-name-nid--selectbox {
    max-width: 180px;
  } */

  /* .view-id-olink_channel_link_all.view-display-id-page_1 .form-items-group>.js-form-item .field>input, */
  .view-id-olink_channel_link_all.view-display-id-block_1 .form-items-group>.js-form-item .field>input {
    max-width: 230px;
  }

  .view-id-olink_channel_link_features_by_chann_name .form-items-group>.js-form-item .field>input {
    max-width: 170px;
  }

  .views-exposed-form .form-items-group input[type="date"] {
    width: 140px;
  }
}

@media (min-width: 1510px) {
  .page-front .section-kol::before {
    background-image: linear-gradient(180deg, #dcf7ff 0%, #fff 30%);
    content: "";
    width: calc((100vw - 1410px) * 0.5);
    position: absolute;
    left: calc((100vw - 1410px) * -0.5);
    top: 0;
    bottom: 0;
  }

  .page-front .section-kol::after {
    background-image: linear-gradient(180deg, #dcf7ff 0%, #fff 30%);
    content: "";
    width: calc((100vw - 1410px) * 0.5);
    position: absolute;
    right: calc((100vw - 1410px) * -0.5);
    top: 0;
    bottom: 0;
  }

  .section-service::after {
    background-color: #ece3ff;
    content: "";
    width: calc((100vw - 1410px) * 0.5);
    position: absolute;
    right: calc((100vw - 1410px) * -0.5);
    top: 0;
    bottom: 0;
  }

  .section-service .service-subcontent-1 img {
    width: calc(100% + ((100vw - 1410px) * 0.5));
    margin-left: calc((100vw - 1410px) * -0.5);
  }

  .img-about-olink {
    width: calc(100% + (100vw - 1510px) * 0.5 + 42px);
  }
}

@media (max-width: 1730.98px) {
  .page-products .layout--twocol-section--25-75 .layout__region--first {
    margin-bottom: 30px;
  }

  .page-products .layout--twocol-section.layout--twocol-section--25-75>.layout__region--second {
    padding-left: 30px;
  }

  .page-products .layout--twocol-section--25-75 .layout__region--first>div {
    padding-right: 0;
  }
}

@media (max-width: 1530px) {
  /* .get-e123-ngo-info-to-product-details article>div:nth-child(1) .layout__region--second {
    padding-left: 0;
  } */

  .get-e123-ngo-info-to-product-details .layout--twocol-section--33-67 .field_name_field_main_image {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .get-e123-ngo-info-to-product-details .layout--twocol-section--33-67 .field_name_field_main_image div.product-details-swiper {
    max-width: 380px;
    width: 100%;
  }

  .get-e123-ngo-info-to-product-details .layout--twocol-section.layout--twocol-section--33-67>.layout__region--first {
    flex: 0 0 380px;
  }

  .get-e123-ngo-info-to-product-details .layout--twocol-section.layout--twocol-section--33-67>.layout__region--second {
    flex: 1 1 calc(100% - 380px) !important;
  }

  /* .layout--twocol-section.layout--twocol-section--67-33>.layout__region--second,
  .get-e123-ngo-info-to-product-details article>div:nth-child(1) .layout__region--second {
    flex: 0 1 100%;
    margin-bottom: 40px;
  } */
  .section-bookable-calendar .layout--twocol-section.layout--twocol-section--33-67>.layout__region--first {
    flex: 0 1 33%;
  }
}

@media (max-width: 1509px) {
  .card-followed {
    width: 24%;
  }

  /* channels */
  /* [class*="swiper-channel-link-by-"] {
    height: calc((100vw - 190px) * 0.29 + 620px);
  } */
}

@media (max-width: 1399.98px) {

  /* header CSS */
  body.user-logged-in header.page-header .header-top .header-login>ul>li:nth-child(3) {
    display: none;
  }

  header.page-header .main-menu__link span,
  header.page-header .header-menu .header-otherFunctions ul>li>.dropdown>a {
    font-size: 18px;
  }
}

@media screen and (min-width: 1200px) and (max-width: 1300px) {
  .section-service .service-subcontent-2 {
    padding-left: 30px;
  }

  .section-service .service-subcontent-2 .service-1 li:not(.d-flex) {
    width: 160px;
  }

  .section-service .service-subcontent-2 .service-1 li p:nth-child(1) {
    margin: 10px auto;
  }

  .section-service .service-subcontent-2 .service-1 li .arrow {
    width: 40px;
    height: 40px;
  }

  .section-service .service-subcontent-2 .service-1 li .arrow::after {
    font-size: 24px;
    line-height: 40px;
  }
}

/* @media screen and (orientation: landscape) and (min-width: 1200px) {
  .homepageSwiper {
    height: calc(100vh - 108px);
    aspect-ratio: inherit;
  }
} */

@media (max-width: 1199.98px) {

  /* header CSS end */

  .olink-channel-list-title .information {
    width: 100%;
    margin-bottom: 12px;
  }

  .page-front .view-id-olink_products_variation_list .item-list ul li:nth-child(1) {
    width: 50%;
  }

  .page-front .view-id-olink_products_variation_list .item-list ul li {
    width: 50%;
  }

  .page-products .layout--twocol-section.layout--twocol-section--25-75>.layout__region--second {
    flex: 0 1 64%;
    padding-left: 30px;
  }

  .card-products .card-body .card-title a {
    min-height: 55px;
  }

  .main-menu__item {
    padding: 0 6px;
  }

  .section-service .service-subcontent-1,
  .section-service .service-subcontent-2 {
    width: 100%;
    padding: 0;
  }

  .section-service .service-subcontent-1 ul {
    justify-content: space-around;
  }

  .section-service .service-subcontent-1 img {
    width: calc(60% + 50px);
    margin-bottom: 40px;
  }

  .section-service .service-subcontent-2 .service-2 a {
    margin: 0 14px;
  }

  .kol-view .views-row .card-title a {
    font-size: 22px;
  }

  .kol-view .views-row .kol-title {
    margin-bottom: 20px;
  }

  .page-front .section-kol {
    padding-top: 26rem;
    background-image: url(/themes/contrib/aristotle/dist/images/homepage/digital-graphic-kol.png),
      url(/themes/contrib/aristotle/dist/images/homepage/section-kol-bg.png),
      linear-gradient(180deg, #dcf7ff 0%, #fff 30%);
    background-position: center 0, center 50%, center center;
  }

  /* course frontpage CSS ------------------------------------------------------------------------------*/
  .view-opigno-training-catalog .views-row {
    flex: 0 0 calc(50% - 30px);
    max-width: calc(50% - 30px);
  }

  /* channels */
  [class*="swiper-channel-link-by-"] {
    /* height: calc((100vw - 140px) * 0.37 + 620px); */
    height: auto;
  }

  [class*="swiper-channel-link-by-"] .swiper-slide {
    margin-top: 0 !important;
  }

  [class*="swiper-channel-link-by-"] .card,
  [class*="swiper-channel-link-feature-"] .card,
  [class*="swiper-channel-coming-soon-by-"] .card,
  .channel-view .card {
    height: 531px;
  }

  [class*="swiper-channel-link-by-"] .card .card-avatar,
  [class*="swiper-channel-link-feature-"] .card .card-avatar,
  [class*="swiper-channel-coming-soon-by-"] .card .card-avatar {
    display: flex;
    flex-direction: column-reverse;
    min-height: 88px;
  }

  [class*="swiper-channel-link-by-"] .card .card-avatar .channels-title,
  [class*="swiper-channel-link-feature-"] .card .card-avatar .channels-title,
  [class*="swiper-channel-coming-soon-by-"] .card .card-avatar .channels-title,
  .channel-view .card .card-avatar .channels-title {
    margin-bottom: 20px;
  }

}

@media (min-width: 992px) and (max-width: 1099.98px) {
  header.page-header .header-top img.logo {
    width: 233px;
  }
}

@media (min-width: 992px) {
  .section-formSearch-item {
    margin-right: 20px;
    margin-bottom: 0;
  }

  .section-search form.section-formSearch>div:nth-child(1) {
    flex: 0 1 466px;
  }

  .section-search form.section-formSearch>div:nth-child(2) {
    flex: 1 1 589px;
  }

  .footer-content-bottom {
    font-size: 16px;
  }

  .layout-checkout-form {
    display: flex;
    flex-wrap: wrap;
    padding: 0 24px;
  }

  .layout-region-checkout-main {
    border-right: 1px #d7d7d7 solid;
    width: 50%;
    padding: 20px 30px 20px 0;
    margin-bottom: 0;
  }

  .layout-region-checkout-secondary {
    float: none;
    width: 50%;
    padding: 20px 0 20px 30px;
  }

  /* Check Out - epartner */
  .layout-checkout-form .field_name_product_id .group-info-in-edit-order-summary .image {
    margin-right: 20px;
  }

  .footer-copyright {
    margin-top: -25px;
  }

  /* live chat CSS ------------------------------------------------------------------------------*/
  /* .view-live-chat-training {
        position: fixed;
        left: 0;
        bottom: 0;
        z-index: 99;
        max-width: 600px;
        width: 29%;
    }

    .live-chat-section #edit-actions--2 {
        position: unset;
    }

    .live-chat-section #private-message-page .private-message-thread-full .private-message-thread-messages {
        height: 39vh;
    }

    .live-chat-section #private-message-page .private-message-thread-full .private-message-recipients {
        padding: 0.5rem 0.75rem 0 0.75rem;
    } */
}

@media (max-width: 991.98px) {
  .view-live-chat>.row>.views-row {
    padding: 0;
  }

  header.page-header {
    position: relative;
    transition: 0.3s ease;
  }

  .views-exposed-form {
    margin-bottom: 30px;
  }

  /* .views-exposed-form .form-items-group>.form-item {
        width: 100%;
        display: inline-block;
        margin-bottom: 30px !important;
    } */

  body:not(.page-front) .page-header {
    z-index: unset;
  }

  header.page-header .header-top {
    border-bottom: unset;
    margin-bottom: 0;
  }

  header.page-header .header-top>div:first-child {
    min-height: 48px;
  }

  header.page-header.active .header-top .home-link {
    display: none;
  }

  header.page-header .mobile-menu-btn {
    margin-top: -140px;
  }

  header.page-header .header-top .header-left-logo img {
    width: auto;
    height: 48px;
  }

  header.page-header .header-top .home-link:not(.header-left-logo) img {
    width: auto;
    height: 48px;
  }

  /* header.page-header .header-bottom-logo:nth-child(2) {
    flex: 1 1 auto;
    margin-left: 10px;
  } */

  header.page-header .header-bottom-logo img {
    width: auto;
    height: 50px;
  }

  header.page-header {
    padding-bottom: 10px;
  }

  header.page-header .header-menu .mobile-header-wrapper .mobile-header .block-notifications,
  header.page-header .header-menu .mobile-header-wrapper .mobile-header .block-profile,
  header.page-header .header-menu .mobile-header-wrapper .mobile-header .block-profile__link,
  header.page-header .header-menu .mobile-header-wrapper .mobile-header .user-menu-list {
    display: none;
  }

  header.page-header .header-menu .mobile-header-wrapper,
  header.page-header .header-menu .mobile-header-wrapper nav {
    width: 100%;
  }

  header.page-header>.justify-content-between {
    padding: 20px 0 12px 4px;
  }

  header.page-header>.justify-content-between .block-profile .block-profile__link .profile-name {
    margin-right: 10px;
    font-size: 1rem;
  }

  header.page-header .block-notifications {
    margin-bottom: 0;
  }

  header.page-header .block-notifications__item {
    margin: 0 10px;
  }

  header.page-header .header-top .header-login,
  header.page-header .header-top .header-shopping,
  header.page-header .header-top .header-olink-notif {
    display: none;
  }

  header.page-header .header-top .header-right {
    margin-left: auto;
    margin-right: 65px;
  }

  header.page-header .header-top .header-right.active {
    position: unset;
  }

  header.page-header .header-top .header-right.active .header-login,
  header.page-header .header-top .header-right.active .header-olink-notif {
    display: block;
  }

  header.page-header .header-top>div .header-right .header-olink-notif .dropdown-menu-right {
    min-width: 316px;
    left: 50% !important;
    top: 60px !important;
    transform: translateX(-50%) !important;
  }

  header.page-header .mobile-header .main-menu {
    text-align: left;
    margin-top: 40px;
  }

  header.page-header .mobile-header .main-menu__link,
  header.page-header .mobile-header .main-menu__link span {
    font-weight: 600;
    font-size: 26px;
    line-height: 30px;
    letter-spacing: 0.05em;
    position: relative;
    z-index: 33;
  }

  header.page-header .mobile-header .main-menu .main-menu__item {
    margin-bottom: 1rem;
    position: relative;
  }

  header.page-header .mobile-header .main-menu .main-menu__item .dropdown-toggle {
    position: absolute;
    right: 0;
    top: -22px;
  }

  header.page-header .mobile-header .main-menu .main-menu__item .dropdown-toggle::after {
    content: '+';
    border: unset !important;
    color: #ffa842;
    font-size: 2rem;
    -webkit-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    transition: .3s ease-out;
  }

  header.page-header .mobile-header .main-menu .main-menu__item .dropdown-toggle.show::after {
    content: '-';
  }

  header.page-header .mobile-header .main-menu .main-menu__item ul {
    margin-top: 1rem;
    position: unset !important;
  }

  header.page-header .mobile-header .main-menu .main-menu__item ul li {
    padding-left: 1.6rem;
    position: relative;
    text-align: left;
  }

  header.page-header .mobile-header .main-menu .main-menu__item ul li::before {
    color: #ffa842;
    content: '-';
    display: block;
    position: absolute;
    top: 0;
    left: 8px;
  }

  header.page-header .mobile-header {
    padding: 0 0 11rem;
  }

  .page-front .section-kol {
    background-image: url(/themes/contrib/aristotle/dist/images/homepage/digital-graphic-kol.png),
      url(/themes/contrib/aristotle/dist/images/homepage/section-kol-bg.png),
      linear-gradient(180deg, #dcf7ff 0%, #fff 30%);
    background-position: center 0, center -50%, center center;
  }

  .dialog-off-canvas-main-canvas .page-main {
    padding-top: 0;
  }

  .section-service .service-subcontent-2 .service-2 a {
    margin: 0 14px;
  }

  .about-olink-section1 {
    margin-top: 200px;
    padding-bottom: 40px;
  }

  .img-left-large-caption {
    font-size: 64px;
    top: -45px;
  }

  .img-about-olink {
    margin-top: -150px;
  }

  .about-olink-section2 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .page-node-programme_kol .layout-builder__layout>div:nth-child(2),
  .page-node-channel_olink .layout-builder__layout>div:nth-child(2),
  .page-node-programme_epartner .layout-builder__layout>div:nth-child(2) {
    margin-bottom: 60px;
  }

  .page-node-programme_kol .layout-builder__layout>div:nth-child(1) {
    background: #ffffff;
    border-radius: 15px;
  }

  .page-node-programme_kol .layout--onecol.bg-green .comment-form .js-form-wrapper {
    display: block !important;
  }

  .page-node-programme_kol .layout-builder__layout,
  .page-node-channel_olink .layout-builder__layout,
  .page-node-programme_epartner .layout-builder__layout {
    padding: 0px 15px;
  }

  .page-products .layout--twocol-section--25-75 .layout__region--first #edit-submit-olink-products-variation-list {
    bottom: -95px;
  }

  .page-products .layout.container {
    max-width: 1200px;
  }

  article.js-comment>div:nth-child(1) .layout__region--second {
    padding-left: 0;
    padding-top: 30px;
  }

  body.page-entity-commerce-product-canonical .block-page-title-block h2 {
    display: none;
  }

  article.js-comment>div:nth-child(2) .store-info-wrapper,
  .get-e123-ngo-info-to-product-details .field_name_field_product_desc,
  .get-e123-ngo-info-to-product-details article>div:nth-child(2) .store-info-wrapper {
    padding-left: 0;
  }

  .view-olink-e-partner-list .epartner-view .information {
    width: 100%;
  }

  .view-olink-e-partner-list .epartner-view ul.existing-content {
    justify-content: flex-start;
    margin-top: 20px;
    padding-top: 0;
  }

  .view-olink-e-partner-list .epartner-view ul.existing-content li a {
    margin: 0 5px;
  }

  .view-social-services .social-view .social-view-btn {
    margin-top: 25px;
  }

  .view-olink-e-partner-list .epartner-view {
    padding-right: var(--bs-gutter-x, 0.75rem);
    padding-left: var(--bs-gutter-x, 0.75rem);
    margin-right: auto;
    margin-left: auto;
  }

  .views-exposed-form .form-items-group,
  .page-kol .view-id-olink_programme_list .views-exposed-form .form-items-group {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .view-olink-e-partner-list .views-exposed-form .form-items-group,
  .view-olink-programme-list-epartner .views-exposed-form .form-items-group,
  .page-kol .view-id-olink_programme_list .views-exposed-form .form-items-group,
  .view-olink-my-olink-notif .views-exposed-form .form-items-group {
    flex-direction: column;
  }

  .view-olink-e-partner-list .views-exposed-form .form-items-group>.form-item,
  .view-olink-programme-list-epartner .views-exposed-form .form-items-group>.form-item,
  .page-kol .view-id-olink_programme_list .views-exposed-form .form-items-group>.form-item,
  .view-olink-my-olink-notif .views-exposed-form .form-items-group>.form-item {
    display: block !important;
    width: 100%;
  }

  .view-olink-e-partner-list .views-exposed-form .form-items-group>.form-item .label label,
  .view-olink-programme-list-epartner .views-exposed-form .form-items-group>.form-item .label label,
  .page-kol .view-id-olink_programme_list .views-exposed-form .form-items-group>.form-item .label label,
  .view-olink-my-olink-notif .views-exposed-form .form-items-group>.form-item .label label {
    margin-bottom: 10px;
  }

  /* .view-olink-e-partner-list .views-exposed-form .form-items-group>.form-item,
    .page-kol .view-id-olink_programme_list .views-exposed-form .form-items-group>.form-item {
        margin-bottom: 20px !important;
    } */

  .view-olink-e-partner-list #edit-submit-olink-e-partner-list,
  .view-olink-programme-list-epartner #edit-submit-olink-programme-list-epartner,
  .page-kol .view-id-olink_programme_list input,
  .view-id-olink_channel_link_all.view-display-id-page_1 .form-items-group>input:last-child,
  .view-id-olink_channel_link_all.view-display-id-page_2 .form-items-group>input:last-child,
  .view-id-olink_channel_link_all.view-display-id-block_1 .form-items-group>input:last-child,
  .view-olink-channel-link-all-by-chann-name.view-display-id-page_1 .form-items-group>input:last-child,
  .view-olink-channel-link-latest-prog .form-items-group>input:last-child,
  #views-exposed-form-olink-channel-link-latest-prog-page-1 .form-items-group>input:last-child,
  #views-exposed-form-olink-programme-list-block-1 .form-items-group>input:last-child,
  .view-olink-my-olink-notif .views-exposed-form .form-items-group>input:last-child {
    width: 100%;
  }

  .kol-info-details-wrapper,
  .info-details-top,
  /* .page-entity-taxonomy-term-canonical main>div:last-child, */
  .page-node-lecturer_epartner main>div:last-child {
    padding-left: 15px;
    padding-right: 15px;
  }

  .page-node-lecturer_epartner .field_name_field_image_single {
    padding-right: 0;
  }

  .epartner-info-details-wrapper .layout__region--first,
  .section-bookable-calendar .layout__region--first,
  .details-wrapper .layout__region--first {
    width: 100%;
    flex: 0 1 100% !important;
    margin-bottom: 40px;
  }

  .epartner-info-details-wrapper .layout__region--second,
  .section-bookable-calendar .layout__region--second,
  .details-wrapper .layout__region--second {
    padding-left: 0;
  }

  .epartner-info-details-wrapper .epartner-info-company {
    margin-top: 30px;
    position: relative;
  }

  .epartner-info-contact li {
    width: 100%;
  }

  .epartner-info-details-wrapper .epartner-info-details-subwrapper .icon {
    position: absolute;
    width: 50px;
    height: 50px;
    top: -38px;
  }

  .epartner-info-details-wrapper .epartner-info-details-subwrapper .icon img {
    width: 50px;
    height: 50px;
  }

  .epartner-info-details-wrapper .epartner-info-company .title-n-rating h2 div {
    font-size: 24px;
  }

  .epartner-info-details-wrapper .epartner-info-details-subwrapper .icon img {
    margin-right: 10px;
  }

  .epartner-info-details-wrapper .epartner-name {
    font-size: 24px;
  }

  .epartner-info-details-wrapper .epartner-info-details-subwrapper h3 {
    margin-top: 50px;
  }

  .epartner-info-details-wrapper .right {
    padding-left: calc(var(--bs-gutter-x) * 0.5);
  }

  .epartner-info-details-wrapper .epartner-name {
    padding-left: 62px;
  }

  .epartner-info-details-wrapper .layout__region--second>div:nth-child(6) {
    display: block;
    position: unset;
    margin-top: 30px;
  }

  /* page-footer CSS ------------------------------------*/
  .page-footer .page-footer-download {
    margin-bottom: 20px;
  }

  .page-footer .footer-content-right {
    display: none;
  }

  .page-footer nav>ul {
    flex-direction: column;
  }

  .page-footer nav#block-mainnavigation-2 ul.main-menu li.main-menu__item {
    font-size: 20px;
    padding-right: 0px;
    margin-bottom: 0px;
    margin-top: 10px;
  }

  .page-footer nav#block-mainnavigation-2 ul.main-menu li span {
    font-weight: 400;
    font-size: 20px;
    line-height: 27px;
    letter-spacing: 0.05em;
    color: #322959;
  }

  .page-footer #block-footercontentbottomright .field_name_body .justify-content-lg-end {
    display: block !important;
  }

  .page-footer #block-footercontentbottomright .field_name_body .justify-content-lg-end ul {
    margin-top: 25px;
  }

  .page-footer #block-footercontentbottomright .field_name_body .justify-content-lg-end ul li:nth-child(1) {
    padding-left: 0 !important;
  }

  .page-footer #block-footercontentbottomright .field_name_body .justify-content-lg-end>.order-lg-1 {
    display: block !important;
    margin-top: 25px;
  }

  .page-footer #block-footercontentbottomright .field_name_body .justify-content-lg-end>.order-lg-1 {
    height: unset !important;
  }

  body.page-node-50 .row,
  body.page-node-51 .row,
  body.page-node-52 .row,
  body.page-node-53 .row,
  body.page-node-54 .row,
  body.page-node-55 .row {
    --bs-gutter-x: unset;
  }

  .my-bookmarks-2 .card-product-price {
    margin-top: 20px;
  }

  .checkout-order-summary tbody tr td:nth-child(2)>div {
    display: flex;
    min-width: 352px;
  }

  .checkout-order-summary .field_name_field_image {
    margin-bottom: 0;
    margin-right: 20px;
  }

  .card-product-price .link_to_order {
    text-align: left;
  }

  #block-footercontentbottomright-2 .field_name_body>div>div>.footer-content-bottom-Word {
    padding-left: 1.5rem;
  }

  #block-footercontentbottomleft-3 {
    margin-bottom: 20px;
  }

  .view-opigno-training-catalog .view-header {
    display: none;
  }

  #catalog-filter-parent .catalog-filter {
    height: calc(100vh - 82px);
    position: fixed;
    top: 82px;
    padding: 0 50px 30px;
    z-index: 1000;
  }

  #catalog-filter-parent .form-items-group .show-filter {
    display: inline-block;
    flex: 0 0 auto;
  }

  #catalog-filter-parent .form-items-group .show-filter i {
    float: left;
  }

  #views-exposed-form-opigno-training-catalog-training-catalogue,
  #views-exposed-form-opigno-training-catalog-training-catalogue .form-items-group {
    margin-bottom: 0;
  }

  /* #block-opigno-training-catalog-filter {
    padding-bottom: 0;
  } */

  #block-opigno-training-catalog-filter #catalog-filter-parent input.btn-reset-filter {
    display: block;
  }

  .view-opigno-training-catalog {
    padding-top: 2rem;
  }

  .card-filter-header {
    display: block;
  }

  /* Check Out - epartner */
  .layout-checkout-form .field_name_product_id .group-info-in-edit-order-summary .image {
    margin-bottom: 15px;
  }

  /* Time Table CSS */
  .view-olink-olink-channel-list .views-row {
    padding: 20px;
  }

  .olink-channel-list-title h3 {
    margin-bottom: 15px;
  }

  /* Node - Channel Olink */
  .page-node-channel_olink .layout-builder__layout {
    padding-left: 12px;
    padding-right: 12px;
  }

  /* live chat room CSS ------------------------------------------------------------------------------*/
  .page-node-channel_olink .view-live-chat-channel {
    margin-top: 30px;
  }

  .page-node-channel_olink .view-live-chat-channel>.row>.views-row {
    padding-left: 0;
    padding-right: 0;
  }

  /* course detail CSS ------------------------------------------------------------------------------*/
  .show-activity-list .lp-title i {
    display: none;
  }

  .group-opigno-learning-course .content-box.get-e123-ngo-info-to-group .row .lp-content {
    padding: 0;
  }

  /* cognitive aptitude test intro -----------------------------------------------*/
  .questionnaire-step-list a,
  .questionnaire-link {
    width: 100%;
  }

  /* Bookable Calendar Contact detail */
  .page-entity-booking-contact-canonical.section-bookable-calendar .layout__region--first {
    margin-bottom: 0;
    padding-bottom: 30px;
  }

  .page-entity-booking-contact-canonical.section-bookable-calendar .layout__region--second {
    background: url(../images/design/hr-mob.svg) left top repeat-x;
    flex: 0 1 auto;
    width: 100%;
    padding-left: 0;
    padding-top: 30px;
  }

  /* channels */
  #views-exposed-form-olink-channel-link-by-prog-type-block-1,
  #views-exposed-form-olink-channel-link-by-prog-type-block-2,
  #views-exposed-form-olink-channel-link-by-prog-type-block-3,
  #views-exposed-form-olink-channel-link-by-prog-type-block-4,
  #views-exposed-form-olink-channel-link-by-prog-type-block-5,
  #views-exposed-form-olink-channel-link-by-prog-type-block-6,
  #views-exposed-form-olink-channel-link-by-prog-type-block-7 {
    max-width: none;
    margin-left: 0;
  }

  [class*="swiper-channel-link-by-"] {
    height: auto;
  }

  [class*="swiper-channel-link-by-"] .swiper-slide {
    margin-top: 0 !important;
  }

  [class*="swiper-channel-link-by-"] .card,
  [class*="swiper-channel-link-feature-"] .card,
  [class*="swiper-channel-coming-soon-by-"] .card,
  .channel-view .card {
    height: 556px;
  }

  [class*="swiper-channel-link-by-"] .card .card-body,
  [class*="swiper-channel-link-feature-"] .card .card-body,
  [class*="swiper-channel-coming-soon-by-"] .card .card-body {
    height: auto;
  }

  /* Product Details CSS ------------------------------------------------------------------------------*/
  .get-e123-ngo-info-to-product-details .layout--twocol-section--33-67 .field_name_field_main_image {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .get-e123-ngo-info-to-product-details .layout--twocol-section--33-67 .field_name_field_main_image div.product-details-swiper {
    max-width: calc(100vw - 100px);
  }  
                                        
  .get-e123-ngo-info-to-product-details .layout--twocol-section.layout--twocol-section--33-67>.layout__region--first,
  .get-e123-ngo-info-to-product-details .layout--twocol-section.layout--twocol-section--33-67>.layout__region--second {
    flex: 0 0 100%;
  }

  /* section advertisement CSS ------------------------------------*/
  .view-id-olink_ads.view-display-id-block_6,
  .view-id-olink_ads.view-display-id-block_8 {
    margin-top: 0;
  }
}

/* message popup  CSS ------------------------------------------------------------------------------*/
.message-popup {
  position: fixed;
  background: #fff;
  left: 0;
  right: 0;
  top: 50px;
  margin: auto;
  width: 240px;
  border-radius: 5px;
  display: none;
  z-index: 999;
  box-shadow: 0px 8px 8px rgb(67 118 179 / 20%);
}

.message-popup p {
  text-align: center;
  margin: 12px 0;
  padding: 0;
  font-weight: bold;
  color: #322959;
  font-size: 22px;
}

@media (max-width: 865px) {
  .page-products .layout--twocol-section--25-75 .layout__region--first {
    width: 100%;
    flex: 0 1 100%;
    margin-bottom: 30px;
  }

  .page-products .layout--twocol-section.layout--twocol-section--25-75>.layout__region--second {
    flex: 0 1 100%;
    padding-left: 0;
  }
}

@media screen and (min-width: 768px) {
  .img-about-olink {
    width: calc(100% + 50px);
  }

  .learning_course_tab,
  .field_name_field_instructor_info {
    width: 100%;
    float: left;
  }
}

@media (max-width: 767.98px) {

  .add_to_google_calendar,
  .add_booking_to_google_calendar {
    margin-top: 20px;
  }

  .page-front header.page-header {
    z-index: 1000;
  }

  header.page-header .header-top .header-left-logo img {
    height: 43.25px;
  }

  header.page-header .header-top .home-link:not(.header-left-logo) img {
    height: 43.25px;
    /* margin-left: 16%; */
  }

  header.page-header .header-bottom-logo {
    padding: 0 5px;
  }

  header.page-header .header-bottom-logo img {
    width: auto;
    height: 36px;
    object-fit: contain;
  }

  header.page-header .header-bottom-logo span {
    font-size: 14px;
  }

  header.page-header .mobile-menu-btn {
    margin-top: -127px;
  }

  /* header logo CSS ------------------------------------*/
  header.page-header .header-bottom-logo:nth-child(2)>span {
    height: 21.59px;
  }

  /* homepage-courses CSS ------------------------------------*/
  .section-courses {
    padding-bottom: 80px;
    overflow: hidden;
  }

  .section-courses::before {
    width: 281px;
    height: 290px;
    right: -140px;
    top: 105px;
  }

  .section-courses::after {
    width: 209px;
    height: 222px;
    left: -120px;
    bottom: -55px;
  }

  /* page-about CSS ------------------------------------------------------------------------------*/
  .page-node-117 .field_name_body,
  .page-about-disclaimer .layout--onecol .field_name_body,
  .page-about-privacy .layout--onecol .field_name_body,
  .page-about-copyright .layout--onecol .field_name_body,
  .page-node-42 .layout--onecol .field_name_body,
  .page-node-106 .layout--onecol .field_name_body,
  .page-node-121 .layout--onecol .field_name_body,
  .page-node-123 .layout--onecol .field_name_body,
  .page-node-124 .layout--onecol .field_name_body,
  .page-node-125 .layout--onecol .field_name_body,
  .page-node-256 .layout--onecol .field_name_body,
  .page-about-overview .layout--onecol .field_name_body,
  .page-about-sitemap .layout--onecol .field_name_body,
  .page-about-accessibility .layout--onecol .field_name_body,
  .page-about-sponsor .layout--onecol .field_name_body,
  .page-about-to-be-partner .layout--onecol .field_name_body,
  .page-about-to-be-partner .layout--onecol form,
  .page-sitemap-page .sitemap {
    padding: 20px;
  }

  /* section-product CSS ------------------------------------*/
  .page-front .view-id-olink_products_variation_list {
    padding: 60px 0;
  }

  /* --------------------------- */
  .page-front .view-id-olink_products_variation_list .item-list ul li:nth-child(1) {
    width: 100%;
  }

  .page-front .view-id-olink_products_variation_list .item-list ul li {
    width: 100%;
  }

  .section-FindMore .col-md {
    margin-bottom: 15px;
  }

  .about-olink-section1 {
    margin-top: 115px;
  }

  .img-left-large-caption {
    left: 15px;
    top: 167px;
  }

  .img-about-olink {
    margin-top: -80px;
    margin-bottom: 230px;
  }

  .about-olink-section2 ul li {
    float: none;
    width: 100%;
  }

  .view-social-services .social-view .information {
    flex-direction: column;
  }

  .view-social-services .social-view .information .social-view-img {
    width: 100%;
    margin-right: 0;
    margin-bottom: 25px;
  }

  .new-header h2,
  .block-header h2 {
    padding-bottom: 44px;
    font-size: 32px;
  }

  .new-header a,
  .block-header a {
    font-size: 18px;
    bottom: 24px;
  }

  .membership_lvl_flowchart .lvl_51_to_52,
  .membership_lvl_flowchart .lvl_52_to_53 {
    display: none;
  }

  .membership_content_count {
    flex-wrap: wrap;
    justify-content: space-around;
  }

  .membership_content_count div {
    width: 30%;
  }

  .cart-list-items #edit-update-cart,
  .cart-list-items #edit-submit {
    min-width: 130px;
  }

  .view-opigno-calendar .content-box__info .btn-add {
    position: unset;
  }

  .view-opigno-calendar .content-box__info .btn-add a {
    width: 5.625rem;
    background: var(--desktop-link-hover);
    color: #fff;
    margin-left: 20px;
  }

  .view-opigno-calendar .content-box__info .pager__item--previous {
    left: calc(50% - 50px);
  }

  .view-opigno-calendar .content-box__info .pager__item--next {
    right: calc(50% - 50px);
  }

  .card-followed {
    width: 32%;
  }

  #block-footercontentbottomright-2 .field_name_body>div>div>.footer-content-bottom-Word {
    padding-left: 0;
  }

  /* epartner frontpage CSS ------------------------------------------------------------------------------*/
  .view-social-services .social-view .information>div:nth-child(2) img {
    float: none;
    margin: 0 auto 30px;
  }

  .view-olink-e-partner-list .epartner-view .information img.e123-ngo-images {
    height: 60px;
    position: absolute;
  }

  .view-olink-e-partner-list .epartner-view h3 {
    min-height: 60px;
    padding-left: 128px;
  }

  .view-olink-e-partner-list .epartner-view .epartner-view-info {
    display: unset;
  }

  .view-olink-e-partner-list .epartner-view .epartner-view-info>div {
    margin-bottom: 20px;
  }

  /* course detail CSS ------------------------------------*/
  .group-opigno-learning-course .content-box.get-e123-ngo-info-to-group {
    padding: 0 30px;
  }

  .group-opigno-learning-course .content-box.get-e123-ngo-info-to-group .row {
    padding-left: 30px;
    padding-right: 30px;
  }

  .group-opigno-learning-course .content-box.get-e123-ngo-info-to-group .row .lp-image,
  .group-opigno-learning-course .content-box.get-e123-ngo-info-to-group .row .lp-content {
    padding: 0;
  }

  .group-opigno-learning-course .lp-info .action-wrapper {
    /* justify-content: space-between; */
  }

  .group-opigno-learning-course .lp-info .action-wrapper a,
  .group-opigno-learning-course .field_name_field_zoom_link a {
    width: 130px;
  }

  .group-opigno-learning-course .epartner-other-info .go-to-epartner-link {
    bottom: -37px;
  }

  /* training statistic CSS ----------------------------*/
  .page-opigno-learning-path-training .content-box.container {
    width: calc(100% - 30px);
  }

  .page-opigno-learning-path-training .content-box.container .training__image {
    flex: 1 0 auto;
    max-width: 100%;
    margin-bottom: 30px;
  }

  .page-opigno-learning-path-training .content-box.container .statistics-table th,
  .page-opigno-learning-path-training .content-box.container .statistics-table td {
    padding: 10px 15px;
  }

  /* Time Table CSS ------------------------------------*/
  .view-olink-olink-channel-list .views-row {
    flex-wrap: wrap;
  }

  .view-olink-olink-channel-list .views-field-nothing {
    width: 100%;
    padding-left: 0;
  }

  .olink-channel-list-title {
    width: 100%;
    margin-top: 20px;
  }

  .olink-channel-list-title .existing-content li {
    float: left;
  }

  .programme_type {
    position: absolute;
    top: 17px;
    right: 20px;
  }

  #private-message-page.message-fixed .private-message-form .field--name-message .form-item {
    height: 145px;
  }

  .private-message-add-form .form-submit {
    margin-top: 10px;
  }

  /* live-chat CSS */
  .page-opigno-module-group-answer-form #private-message-page .private-message-thread-full .live-chat-offcanvas .private-message-thread-messages {
    height: calc(100vh - 540px);
  }

  .live-chat-offcanvas.offcanvas-bottom {
    height: 54vh;
  }

  .live-chat-offcanvas.offcanvas-bottom .offcanvas-header .btn-close {
    border-radius: 50%;
    background-color: #fff;
    opacity: 1;
  }

  .page-opigno-module-group-answer-form .opigno_activity__wrapper .btn-primary {
    min-width: unset;
  }

  .olink-channel-list-title .existing-content li.existing_courses span {
    /* margin-top: 10px; */
  }

  .olink-channel-list-title h3 {
    margin-bottom: 0;
  }

  .user-logged-in .chat_content #private-message-page .offcanvas-bottom {
    height: 54vh;
  }

  #private-message-page .private-message-form .field--name-message .form-item {
    height: 70px;
  }

  #private-message-page .private-message-thread-full .private-message-thread-messages {
    height: calc(100vh - 440px);
  }

  .olink-channel-list-img img {
    max-height: unset;
    margin-bottom: 6px;
  }

  .get-e123-ngo-info-to-product-details .layout--twocol-section--33-67 .field_name_field_main_image div.product-details-swiper {
    max-width: calc(100vw - 30px);
  }

  /* 興趣班組及課程 頭部filter */
  #districts-box .form-select.bootstrap-select>.dropdown-menu {
    max-height: 25vh !important;
  }

  /* Bookable Calendar Contact detail */
  .page-entity-booking-contact-canonical .booking-contact-result .container {
    padding: 20px;
  }

  /* welfare resources quick enquiry */
  .questionnaire-intro-begin-box .line {
    height: 1px;
    width: 100%;
  }

  /* chat-bot CSS */
  .chat-bot {
    width: 88px;
    min-height: 78px;
  }

  .chat-bot p {
    font-size: 14px;
  }

  .chat-bot p span {
    display: none;
  }

  /* kol detail CSS ------------------------------------*/
  .kol-info-details-wrapper .info-details-top .epartner-icon {
    margin-bottom: 10px;
  }

  .kol-info-details-wrapper {
    width: calc(100% - 30px);
    padding: 105px 15px 54px 15px;
  }

  /* channels */
  .channels-nav-tabs ul li {
    font-size: 20px;
    margin: 0 8px 15px;
  }

  [class*="swiper-channel-link-by-"] {
    /* height: calc((100vw - 30px) * 1.1 + 163px); */
    height: auto;
  }

  [class*="swiper-channel-link-by-"] .swiper-slide {
    margin-top: 0 !important;
  }

  [class*="swiper-channel-link-by-"] .swiper-button-next,
  [class*="swiper-channel-link-feature-"] .swiper-button-next,
  [class*="swiper-channel-coming-soon-by-"] .swiper-button-next {
    right: 10px;
  }

  [class*="swiper-channel-link-by-"] .swiper-button-prev,
  [class*="swiper-channel-link-feature-"] .swiper-button-prev,
  [class*="swiper-channel-coming-soon-by-"] .swiper-button-prev {
    left: 10px;
  }

  .swiper-by-1-pagination {
    display: none;
  }

  /* feed new CSS --------------------------------------*/
  .page-epartner-feed .view-olink-e-partner-feed-page::before,
  .page-olink-feed .view-id-olink_feed_page::before,
  .page-kol-feed .view-olink-kol-feed-page::before {
    left: 15px;
    right: 15px;
  }

  .page-node-feed_epartner ul.flippy,
  .page-node-feed_olink ul.flippy,
  .page-node-feed_kol ul.flippy {
    display: block;
  }

  .page-node-feed_epartner ul.flippy li:not(:first-child),
  .page-node-feed_olink ul.flippy li:not(:first-child),
  .page-node-feed_kol ul.flippy li:not(:first-child) {
    margin-top: 15px;
  }

  .page-node-feed_epartner ul.flippy li.flippy-next>a,
  .page-node-feed_epartner ul.flippy li.flippy-previous>a,
  .page-node-feed_olink ul.flippy li.flippy-next>a,
  .page-node-feed_olink ul.flippy li.flippy-previous>a,
  .page-node-feed_kol ul.flippy li.flippy-next>a,
  .page-node-feed_kol ul.flippy li.flippy-previous>a {
    text-align: center;
    max-width: none;
    padding: 10px 33px;
  }

  /* orders series CSS ------------------------------------------------------------------------------*/
  .my-card .card-body .card-content .my-card-title {
    min-height: auto;
    margin-right: 0;
  }

  .my-card .card-course-del {
    top: 0;
  }
}

@media screen and (min-width: 780px),
(orientation: landscape) and (min-device-height: 780px) {

  .layout-region-checkout-main,
  .layout-region-checkout-secondary {
    width: 100%;
  }

  .address-container-inline {
    display: flex;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }

  .address-container-inline>.form-item:first-child {
    margin-right: 30px;
  }

  .address-container-inline>.form-item:nth-child(2) {
    margin-right: 0;
  }
}

@media screen and (min-width: 1350px) {
  #views-exposed-form-olink-my-olink-notif-block-1 .js-form-item-key .label {
    width: 93px;
  }

  #views-exposed-form-olink-my-olink-notif-block-1 .js-form-item-key .field {
    width: 100%;
  }

  #views-exposed-form-olink-my-olink-notif-block-1 .form-search {
    width: 100%;
  }
}

@media (max-width: 1350.98px) {
  #views-exposed-form-olink-my-olink-notif-block-1 .form-items-group {
    display: flex !important;
  }
}

@media (max-width: 767.98px) {
  #views-exposed-form-olink-my-olink-notif-block-1 .form-items-group {
    display: unset !important;
  }

  #views-exposed-form-olink-my-olink-notif-block-1 .form-items-group input {
    width: 100%;
    margin: 10px 0;
  }

  #views-exposed-form-olink-my-olink-notif-block-1 .js-form-item-key .label {
    width: 98px;
  }

  #views-exposed-form-olink-my-olink-notif-block-1 .js-form-item-key .field {
    width: 100%;
  }
}

@media screen and (min-width: 40em) {
  .page-products .layout--twocol-section.layout--twocol-section--25-75>.layout__region--second {
    flex: 0 1 73%;
  }
}

@media (max-width: 576.98px) {
  .homepageSwiper {
    /* aspect-ratio: 1; */
    margin-top: 0;
  }

  .section-search>.layout__region--content {
    margin-top: -40px;
    padding: 30px 20px 15px;
  }

  .section-search .view-id-popularsearches {
    flex-direction: column;
  }

  .section-search .view-id-popularsearches .item-list ul {
    margin-left: -10px;
  }

  .section-search .view-id-popularsearches .item-list ul li span {
    margin-left: 10px;
  }

  .section-courses .courses-filter li a {
    padding: 0 20px;
  }

  .section-service {
    padding-bottom: 50px;
  }

  .section-service .service-subcontent-1 img {
    width: calc(100% + 15px);
    margin-left: -15px;
  }

  .section-service .service-subcontent-2 .service-1 {
    flex-direction: column;
    align-items: center;
  }

  .section-service .service-subcontent-2 .service-1 li .arrow::after {
    content: "\f11c";
  }

  .section-service .service-subcontent-2 .service-2 {
    justify-content: start;
    flex-wrap: wrap;
    margin-top: 20px;
  }

  .section-service .service-subcontent-2 .service-2 li {
    margin-bottom: 10px;
  }

  .page-front .section-kol {
    padding-top: 21rem;
    background-image: url(/themes/contrib/aristotle/dist/images/homepage/digital-graphic-kol.png),
      url(/themes/contrib/aristotle/dist/images/homepage/section-kol-bg.png),
      linear-gradient(180deg, #dcf7ff 0%, #fff 30%);
    background-position: center 70px, 110% 70px, center center;
    background-size: 144%;
  }

  .view-olink-e-partner-list .epartner-view h3 a {
    font-size: 18px;
  }

  .view-olink-e-partner-list .epartner-view {
    padding: 12px;
  }

  .view-olink-e-partner-list .form-group .views-exposed-form,
  .page-kol .view-id-olink_programme_list .view-olink-e-partner-list .form-group .views-exposed-form {
    padding-right: var(--bs-gutter-x, 0.75rem);
    padding-left: var(--bs-gutter-x, 0.75rem);
    margin-right: auto;
    margin-left: auto;
  }

  .views-exposed-form .form-items-group>.form-item .label label,
  .page-kol .view-id-olink_programme_list .views-exposed-form .form-items-group>.form-item .label label,
  .view-olink-my-olink-notif .views-exposed-form .form-items-group>.form-item .label label {
    white-space: nowrap;
  }

  .page-kol .view-id-olink_programme_list .views-exposed-form .form-items-group>.form-item .label label,
  .view-olink-my-olink-notif .views-exposed-form .form-items-group>.form-item .label label {
    width: 68px;
  }

  .epartner-info-details-wrapper .epartner-info-details-subwrapper .icon {
    top: -20px;
  }

  .card-followed {
    width: 49%;
  }

  /* course frontpage CSS ------------------------------------------------------------------------------*/
  #catalog-filter-parent .catalog-filter {
    padding: 0 15px 200px;
  }

  .view-opigno-training-catalog .views-row {
    flex: 0 0 calc(100% - 30px);
    max-width: calc(100% - 30px);
  }

  .product-content .views-infinite-scroll-content-wrapper {
    max-width: 100%;
    padding: 0;
    margin: 0;
  }

  .view-live-chat>.row>.views-row {
    padding-left: 0;
    padding-right: 0;
  }

  /* .page-epartner-course #views-exposed-form-olink-learnings-list-by-tid-block-1 .form-items-group {
    display: unset !important;
  } */

  /* .page-epartner-course #views-exposed-form-olink-learnings-list-by-tid-block-1 .form-items-group>div {
    margin-bottom: 20px !important;
  } */

  .view-olink-learnings-list-by-tid .views-exposed-form .form-items-group>.form-item {
    margin-right: 0;
  }

  .view-olink-learnings-list-by-tid .views-exposed-form .form-items-group>input {
    width: 100%;
    margin: 15px auto;
  }

  .page-opigno-module-group-answer-form #private-message-page .private-message-thread-full .private-message-recipients {
    padding: 0.5rem;
  }

  .page-opigno-module-group-answer-form #private-message-page .private-message-thread-full .private-message-thread-messages {
    height: calc(100vh - 640px);
  }

  .page-node-channel_olink .programme_coming_soon p {
    font-size: 22px;
  }

  /* 興趣班組及課程 頭部filter */
  #pnl-date-filter {
    margin-bottom: -10px;
  }

  #pnl-date-filter span {
    margin-bottom: 10px;
    margin-right: 10px;
  }

  #pnl-date-filter span:first-child {
    width: 100%;
  }

  .my-bookmarks-filter>ul {
    flex-flow: row wrap;
    justify-content: unset !important;
  }

  .my-bookmarks-filter ul li:nth-child(odd) {
    margin-right: 5px;
  }

  .my-bookmarks-filter ul li:nth-child(even) {
    margin-left: 5px;
  }

  .my-bookmarks-filter ul li {
    width: calc(50% - 5px);
    margin-bottom: 10px;
  }

  /* checkou */
  form:not(.views-exposed-form):not(.group-content-form):not(.tft-add-term-form) .form-item:not(.fieldgroup) {
    margin-top: 20px;
  }

  .layout-region-checkout-footer>div {
    display: flex;
    justify-content: space-between;
  }

  #commerce-checkout-flow-multistep-default #edit-actions-next {
    margin-left: 0;
  }

  /* orders series CSS ------------------------------------------------------------------------------*/
  .my-bookmarks-1,
  .my-bookmarks-2,
  .my-bookmarks-3,
  .my-bookmarks-4,
  .my-messages-1,
  .my-messages-2,
  .my-comments-1,
  .my-comments-2,
  .my-comments-3,
  .my-orders-1,
  .my-orders-2,
  .my-followed-1,
  .my-followed-2,
  .my-trainings .empty-content,
  .my-trainings .view-my-trainings>div.row {
    padding: 20px 10px;

  }
}

/* uat hide section CSS ------------------------------------------------------------------------------*/

/* 課程評分 */
.card-products .card-body>img {
  display: none !important;
}

/* 去掉英語語言 */
header.page-header .dropdown-menu.dropdown-menu-right.lang-selection-list li:nth-child(1) {
  display: none !important;
}

/* footer 下載app部分 */
/* #block-pagefooterdownload-2 {
  display: none !important;
} */

/* footer 無障礙圖片 */
#block-footercontentrightimg-2 {
  display: none !important;
}

/* 廣告 */
.view-id-ads {
  display: none !important;
}

/* 搜索功能 */
header.page-header .header-menu .header-otherFunctions>ul>li:nth-child(2),
header.page-header .header-menu .header-otherFunctions>ul>li:nth-child(3) {
  display: none !important;
}

/* landing 服務部分 */
.section-service {
  display: none !important;
}

/* 點贊 分享 */
/* .flagging-wrapper,
li.olink_like,
li.olink_share,
li.olink_bookmark {
  display: none !important;
} */

li.olink_score,
.rate_permiss_checking {
  display: none !important;
}

.flag-olink-rate-node {
  display: none;
}

/* li.olink_share,
li.olink_score {
    display: none !important;
} */

/* 搜索功能 */
header.page-header .header-menu .header-otherFunctions {
  width: unset;
}

/* calendar */
.page-calendar-event-add-opigno_calendar_event #edit-members.private_message_members_widget_default_wrapper {
  display: none !important;
}

/* calendar */
.courses-card .card-title::after {
  content: none;
}

/* 興趣班組及課程 頭部filter */
.view-opigno-training-catalog .view-header .view-style .form-select.bootstrap-select>.dropdown-menu li:nth-child(3) .dropdown-item,
.view-opigno-training-catalog .view-header .view-style .form-select.bootstrap-select>.dropdown-menu li:nth-child(4) .dropdown-item {
  display: none !important;
}

/* 網上產品 收藏 */
.card-products .card-icon>div:nth-child(2) {
  display: none !important;
}

/* 興趣課程 文件 */
/* .section-group #documents {
  display: none !important;
} */

/* modal */
.modal-header .close-x {
  display: none;
}

/* My Calendar */
.view-opigno-calendar[class*="month"] td.single-day.single-day-active .event-info>div .field_name_place {
  display: none;
}

/* 打賞 */
.olink_send_coffee {
  display: none !important;
}

/* calendar 增加按鈕 */
.view-opigno-calendar .content-box__info .btn-add {
  display: none !important;
}

/* filter 隱藏 */
#block-opigno-training-catalog-filter .container .fieldgroup:nth-child(2),
#block-opigno-training-catalog-filter .container .catalog-filter>.form-item-past-trainings {
  display: none !important;
}

/* group 隱藏 */
.page-opigno-learning-path-membership-overview .class .class_members th:nth-child(3),
.page-opigno-learning-path-membership-overview .class .class_members th:nth-child(4),
.page-opigno-learning-path-membership-overview #edit-members tbody tr td:nth-child(3),
.page-opigno-learning-path-membership-overview #edit-members tbody tr td:nth-child(4) {
  display: none !important;
}

/* global link */
.desktop_button_color {
  background-color: var(--desktop-button-color);
  border-radius: 8px;
  color: #461f00;
  display: block;
  text-decoration: none;
  height: 42px;
  line-height: 1;
  padding: 12px;
}



/* 2024/1/11 */
@media (max-width: 576.98px) {
  .get-e123-ngo-info-to-product-details .bg-green .layout__region--content section {
    padding: 20px;
  }

  .commerce-cart-form-default thead,
  .commerce-cart-form-default tbody td,
  .commerce-cart-form-default tbody::after {
    display: none !important;
  }

  article.js-comment .report-dropdown {
    right: -2px;
  }

  .view-id-commerce_cart_form .views-responsive-table-wrapper {
    padding: 20px 6% 0 6%;
  }

  .view-id-commerce_cart_form .commerce-card-view .commerce-card {
    background: #ffffff;
    box-shadow: 0px 3px 10px #d8d8d8;
    border-radius: 15px;
    margin-bottom: 30px;
    overflow: hidden;
    cursor: pointer;
  }

  .view-id-commerce_cart_form .commerce-card-view .commerce-card .card-img-top {
    aspect-ratio: 16 / 9;
    object-fit: cover;
  }

  .view-id-commerce_cart_form .commerce-card-view .commerce-card .card-title {
    font-size: 20px;
    letter-spacing: 0.05em;
    color: #4b4e59;
    height: 58px;
    margin-bottom: 5px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 55px;
  }

  .view-id-commerce_cart_form .commerce-card-view .commerce-card .card-price>span {
    font-size: 22px;
    color: #6e6e6e;
  }

  .view-id-commerce_cart_form .commerce-card-view .commerce-card .card-price .original_price {
    font-size: 22px;
    color: #6e6e6e;
    position: relative;
  }

  .view-id-commerce_cart_form .commerce-card-view .commerce-card .card-price .original_price::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #6e6e6e;
    border-radius: 10px;
    left: -3px;
    top: 48%;
  }

  .view-id-commerce_cart_form .commerce-card-view .commerce-card .card-price .current-price {
    color: #2c69c4;
    font-weight: 600;
    margin-left: 10px;
    font-size: 22px;
  }

  .view-id-commerce_cart_form .commerce-card-view .commerce-card .number {
    font-size: 22px;
    margin-top: 10px;
  }

  .view-id-commerce_cart_form .commerce-card-view .commerce-card .number>span {
    font-weight: bold;
    color: #2c69c4;
  }

  .view-id-commerce_cart_form .commerce-card-view .commerce-card .sum {
    font-size: 22px;
    margin-top: 10px;
  }

  .view-id-commerce_cart_form .commerce-card-view .commerce-card .sum>span {
    font-weight: bold;
    color: #2c69c4;
  }

  .view-id-commerce_cart_form .commerce-card-view .commerce-card .remove>button {
    margin-top: 15px;
    font-size: 18px;
    min-width: 130px;
    padding: 12px;
    line-height: 1;
  }

  .cart-list-items .field_name_total_price {
    border-top: 1px solid rgba(0, 0, 0, .125);
    padding-top: 33px;
  }

  /* confirm Modal, intro Modal ----------------------------------------------------------------------*/
  #confirmModal .modal-dialog,
  #introModal .modal-dialog {
    width: 100%;
  }
}

@media (max-width: 413.98px) {
  .views-exposed-form .form-items-group>.form-item .label label {
    font-size: 18px;
  }
}