/* GENERAT AUTOMAT din app.css de build-app-css.php - NU edita direct.
   Rebuild: php facelift/v2/assets/css/build-app-css.php */

/* ===== modules/utilities.css ===== */
.flex {
  display: flex;
}

.flex_column {
  flex-direction: column;
}

.flex_align_center {
  align-items: center;
}

.flex_align_start {
  align-items: flex-start;
}

.flex_align_end {
  align-items: flex-end;
}

.flex_align_stretch {
  align-items: stretch;
}

.flex_justify_center {
  justify-content: center;
}

.flex_justify_start {
  justify-content: flex-start;
}

.flex_justify_end {
  justify-content: flex-end;
}

.flex_justify_between {
  justify-content: space-between;
}

.flex_wrap {
  flex-wrap: wrap;
}

.base_section {
  padding-left: var(--side-padding);
  padding-right: var(--side-padding);
}

.max_width_container {
  max-width: 1440px;
  margin: 0 auto;
}

.full_size_img_wrapper {
  position: relative;
  overflow: hidden;
}

.full_size_img_wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .2s ease-in-out;
}

.full_size_img_wrapper:hover img {
  transform: scale(1.1);
}

.section_title_box {
  position: relative;
}

.section_h3 {
  color: transparent;
  -webkit-text-stroke: 1px var(--grey-2);
  font-size: 11.5rem;
  font-weight: 900;
  font-family: var(--font-family-secondary);
  text-transform: uppercase;
}

.section_h2 {
  font-family: var(--font-family-secondary);
  font-size: 3.2rem;
  font-weight: 700;
}

.section_h2 span {
  color: var(--green-1);
}

.section_title_box .section_h2 {
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: 2.3rem;
}

.section_title_box_centered_h2 .section_h2 {
  text-align: center;
  bottom: 1rem;
}

label {
  font-size: 1.4rem;
  display: block;
  font-weight: 500;
  color: #364153;
}

.label_margin_bottom {
  margin-bottom: 0.8rem;
}

input,
textarea {
  background-color: var(--white);
  display: block;
  width: 100%;
  padding: 1.3rem 1.6rem;
  border-radius: 6px;
  border: 1px solid var(--grey-1);
  color: var(--black);
  font-family: inherit;
  font-size: 1.6rem;
}

input::placeholder,
textarea::placeholder {
  color: #6a7282;
  font-family: inherit;
}

textarea {
  resize: none;
  height: 14.4rem;
}

.password_input {
  position: relative;
}

.password_input button {
  position: absolute;
  top: 1rem;
  right: 1.3rem;
}

.password_input input {
  padding-right: 4rem;
}

.custom_radio {
  width: 1.6rem;
  height: 1.6rem;
  position: relative;
  cursor: pointer;
}

.custom_radio input,
.custom_radio > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.custom_radio input {
  z-index: 2;
  opacity: 0;
  cursor: pointer;
}

.custom_radio > div {
  z-index: 1;
  background-color: var(--white);
  border: 1px solid var(--grey-1);
  border-radius: 50%;
  transition: all 0.2s;
}

.custom_radio > div > div {
  width: 0.6rem;
  height: 0.6rem;
  background-color: var(--white);
  border-radius: 50%;
}

.custom_radio input:checked + div {
  background-color: var(--green-1);
  border-color: var(--green-1);
}

.hide_by_display {
  display: none;
}

.checkbox_group-coantainer {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.checkbox_group {
  gap: 1.5rem;
}

.checkbox_group label {
  font-size: 1.6rem;
  color: #0a0a0a80;
}

.checkbox_group label a {
  color: var(--green-1);
  text-decoration: underline;
  transition: all .2s ease-in-out;
}

.checkbox_group label a:hover {
  color:var(--hover-green);
}

.checkbox_custom {
  width: 2.5rem;
  height: 2.5rem;
  position: relative;
  flex-shrink: 0;
}

.checkbox_custom input,
.checkbox_custom > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.checkbox_custom input {
  cursor: pointer;
  z-index: 2;
  opacity: 0;
}

.checkbox_custom > div {
  border: 1px solid var(--grey-1);
  border-radius: 5px;
  z-index: 1;
  transition: all 0.2s;
}

.checkbox_custom > div > div {
  width: 1.7rem;
  height: 1.7rem;
  border-radius: 3px;
  transition: all 0.2s;
}

.checkbox_custom input:checked + div {
  border-color: var(--green-1);
}

.checkbox_custom input:checked + div > div {
  background-color: var(--green-1);
}

.small_input_groups {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}

.custom_file_input {
  height: 14.4rem;
  position: relative;
}

.custom_file_input input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 2;
}

.custom_file_input div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--white);
  color: #6a7282;
  border: 1px dashed var(--grey-1);
  gap: 1rem;
  font-size: 1.6rem;
  border-radius: 6px;
  text-align: center;
}

.custom_file_input div p {
  max-width: 45rem;
}

.cta_auth {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 2.5rem;
  margin-bottom: 2rem;
}

.cta_auth > div {
  border-radius: 20px;
  padding: 2.4rem;
  padding-bottom: 2rem;
}

.cta_auth > div > div {
  margin-bottom: 2rem;
  gap: 0.4rem;
}

.cta_auth > div > div > div {
  gap: 2.6rem;
}

.cta_auth > div > div > div > div {
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 16px;
  flex-shrink: 0;
}

.cta_auth > div > div > div > h3 {
  font-family: var(--font-family-secondary);
  font-size: 2rem;
  font-weight: 700;
  max-width: 320px;
}

.cta_auth > div > div > a {
  gap: 1rem;
  font-size: 1.6rem;
  padding: 1.1rem 2.8rem;
  border-radius: 6px;
  color: var(--white);
  flex-shrink: 0;
}

.cta_auth > div > p {
  font-size: 1.4rem;
  font-weight: 300;
}

.cta_auth > div:nth-of-type(1) {
  background-color: #88bd3f40;
  border: 1px solid #88bd3fbf;
}

.cta_auth > div:nth-of-type(1) > div > a {
  background-color: var(--green-1);
}

.cta_auth > div:nth-of-type(1) > div > div > div {
  background-color: #e6f7f1;
  border: 1px solid var(--green-1);
}

.cta_auth > div:nth-of-type(2) {
  background-color: var(--white);
  border: 1px solid var(--grey-1);
}

.cta_auth > div:nth-of-type(2) > div > div > div {
  background-color: #eef5f1;
  border: 1px solid var(--grey-1);
}

.cta_auth > div:nth-of-type(2) > div > a {
  background-color: var(--dark-blue-2);
}

.breadcrumbs {
  margin-bottom: 2.4rem;
  padding-top: 1.4rem;
  gap: 1rem;
  flex-wrap: wrap;
}

.breadcrumbs a {
  font-size: 1.4rem;
  line-height: 22px;
}

.breadcrumbs a:last-of-type {
  color: var(--green-1);
}

.search_input {
  position: relative;
}

.search_input button {
  position: absolute;
  z-index: 2;
  top: 1rem;
  right: 1.3rem;
}

.search_input input {
  padding-right: 4.7rem;
}

.btn-blue-hover-efect,
.btn-green-hover-efect,
.btn-transparent-hover-efect,
.btn-black-hover-efect {
  transition: background-color 0.2s ease;
}

.btn-blue-hover-efect:hover {
  background-color: var(--dark-blue-3) !important;
  border-color: var(--dark-blue-3) !important;
}

.btn-green-hover-efect:hover {
  background-color: var(--hover-green) !important;
  border-color: var(--hover-green) !important;
}

.btn-transparent-hover-efect:hover {
  background-color: rgba(136 ,189, 63, 0.08) !important;
}

.btn-black-hover-efect:hover {
  background-color: #333 !important;
}


@media only screen and (max-width: 1300px) {
  .cta_auth {
    gap: 1.5rem;
  }

  .cta_auth > div > div > div {
    gap: 1.4rem;
  }
}

@media only screen and (max-width: 1024px) {
  .breadcrumbs {
    margin-bottom: 1.3rem;
  }

  .section_h2 {
    font-size: 2rem;
  }
}

@media only screen and (max-width: 700px) {
  .checkbox_group label {
    font-size: 1.6rem;
    line-height: 2rem;
  }
  
  .breadcrumbs {
    gap: 0;
  }

  .breadcrumbs a {
    font-size: 1.2rem;
  }
}

@media only screen and (max-width: 500px) {
  .custom_file_input div p {
    max-width: 30rem;
  }
}

/* ===== modules/header.css ===== */
.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: var(--white);
  box-shadow: 0 4px 10px 0 #d1d5dc40;
  z-index: 99999;
}

/* Spacer-ul header-ului fix: rezerva inaltimea DIN CSS (fallback) ca sa NU sara continutul
   pana ruleaza JS-ul (headerPlaceholderHeight.js seteaza --header-placeholder-height exact).
   Fara asta, spacer-ul are inaltime 0 la load -> continutul sta sub header, apoi e impins in jos.
   Desktop: logo 80px + padding 2rem*2 = 12rem. Mobil (<=1200px) override mai jos. */
#header_placeholder {
  height: var(--header-placeholder-height, 12rem);
}

.header-shell {
  position: relative;
}

.header-desktop-row,
.header-mobile-row,
.header-brand-group,
.header-desktop-nav,
.header-actions,
.header-auth-link,
.header-nav-item,
.header-action-button,
.header-card,
.mobile-menu-section-trigger,
.mobile-menu-card,
.mobile-menu-auth-link,
.mobile-menu-social-link,
.header-search-form,
.header-search-submit {
  display: flex;
  align-items: center;
}

.header-desktop-row,
.header-mobile-row,
.header-search-form {
  justify-content: space-between;
}

.header-desktop-row-wrapper {
  position: relative;
  z-index: 99999;
  box-shadow: 0 4px 10px 0 #d1d5dc40;
}

.header-desktop-row {
  position: relative;
  z-index: 2;
  padding-top: 2rem;
  padding-bottom: 2rem;
  z-index: 99999;
}

.header-brand-group {
  gap: 3.6rem;
  width: 100%;
}

.header-logo-link {
  flex-shrink: 0;
}

.header-logo-image {
  display: block;
  width: 80px;
  height: auto;
}

.header-desktop-navigation {
  position: relative;
  width: calc(100% - 15rem);
}

.header-desktop-nav {
  gap: 3rem;
  width: 100%;
  justify-content: center;
}

.header-nav-item {
  position: relative;
  gap: 0.8rem;
  padding-bottom: 0.6rem;
  font-size: 13px;
  text-align: left;
  color: #111927;
}

.header-nav-item::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #c6dd9d;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.2s ease;
}

.header-nav-item.is-active,
.header-nav-item:hover {
  color: var(--green-1);
}

.header-nav-item.is-active::after,
.header-nav-item:hover::after {
  transform: scaleX(1);
}

.header-nav-item-label {
  display: block;
  width: fit-content;
  /* max-width: 120px; */
}

.header-nav-item_compact .header-nav-item-label {
  /* max-width: 90px; */
}

.header-nav-item_wide .header-nav-item-label {
  /* max-width: 100px; */
}

.header-nav-item-chevron {
  width: 0.9rem;
  height: 0.9rem;
  flex-shrink: 0;
  transition: transform 0.2s ease;
}

.header-nav-item:hover .header-nav-item-chevron {
  filter: invert(62%) sepia(53%) saturate(499%) hue-rotate(43deg) brightness(99%) contrast(85%);
}

.header-nav-item.is-active .header-nav-item-chevron {
  transform: rotate(180deg);
  filter: invert(62%) sepia(53%) saturate(499%) hue-rotate(43deg) brightness(99%) contrast(85%);
}


.header-account-panel,
.header-language-panel,
.header-search-panel,
.header-desktop-dropdowns {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 5;
  /* pointer-events: none; */
  background-color: #fff;
  /* box-shadow: 0 4px 10px 0 #d1d5dc40; */
}

.header-dropdown {
  padding-top: 40px;
  padding-bottom: 40px;
}

/* .header-dropdown-panel,
.header-search-form {
  box-shadow: 0 10px 30px #d1d5dc1f;
} */

.header-dropdown-panel {
  display: grid;
  gap: 15px;
  background-color: var(--white);
}

.header-dropdown-panel_grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.header-dropdown-panel_grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.header-dropdown-panel_grid-2 {
  grid-template-columns: repeat(2, minmax(18rem, 1fr));
}

.header-dropdown-panel_centered {
  justify-content: center;
  max-width: 58rem;
  margin: 0 auto;
}
.header-dropdown-panel_centered.header-dropdown-panel_grid-2 {
  max-width: 48rem;
}

.header-language-card {
  min-height: 55px;
  padding: 0 1.6rem;
}

.header-card.header-language-card.active-lang {
  border-color: var(--green-1)
}


.header-language-card .header-card-icon {
  width: 25px;
  height: 25px;
}

.header-card,
.mobile-menu-card {
  gap: 1rem;
  width: 100%;
  padding: 0 1.6rem;
  border: 1px solid #e4e7ec;
  border-radius: 4px;
  background-color: var(--white);
}

.header-card {
  min-height: 48px;
  transition: all .2s ease;
}

.header-card:hover {
  border-color: var(--green-1)
}

.header-card-icon,
.mobile-menu-card-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.header-card-icon {
  width: 25px;
  height: 25px;
}

.header-card-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.header-card-label,
.mobile-menu-card-label {
  font-size: 16px;
  color: #2a5b99;
}

.header-dropdown-panel_grid-3 .header-card,
.header-dropdown-panel_grid-2 .header-card {
  flex-direction: column;
  height: auto;
  display: flex;
  align-items: center;
  text-align: center;
  padding: 2rem 1.6rem;
}

.header-dropdown-panel_grid-3 .header-card .header-card-icon,
.header-dropdown-panel_grid-2 .header-card .header-card-icon {
  width: 50px;
  height: 50px;
}

.header-actions {
  gap: 1rem;
}

.header-action-button {
  justify-content: center;
  width: 4.4rem;
  height: 4.4rem;
  border-radius: 8px;
  flex-shrink: 0;
}

.header-action-button.is-active,
.header-action-button:hover {
  background-color: #edf4df;
}

.header-auth-link {
  justify-content: center;
  gap: 1rem;
  min-width: 10.3rem;
  padding: 0 2rem;
  height: 44px;
  border-radius: 6px;
  background-color: var(--green-1);
  color: var(--white);
  font-size: 1.4rem;
  flex-shrink: 0;
  transition: all .2s ease;
}

.header-auth-link:hover {
  background-color: var(--hover-green);
}

.header-auth-link_member {
  display: none;
}

.header[data-auth-state="member"] .header-auth-link_guest {
  display: none;
}

.header[data-auth-state="member"] .header-auth-link_member {
  display: flex;
}

.mobile-menu-auth-link_member {
  display: none;
}

.header[data-auth-state="member"] .mobile-menu-auth-link_guest {
  display: none;
}

.header[data-auth-state="member"] .mobile-menu-auth-link_member {
  display: flex;
}

.header-auth-link_member.is-active {
  background-color: var(--hover-green);
}

.header-auth-link_member.is-active .header-auth-link-chevron {
  transform: rotate(180deg);
}

.header-auth-link-chevron {
  width: 1rem;
  height: 1rem;
    filter: invert(100%) sepia(0%) saturate(2802%) hue-rotate(328deg) brightness(3702%) contrast(1603%);
  transition: transform 0.2s ease;
}

.header-search-panel {
  background-color: var(--white);
}

.header-mobile-sheet {
  background-color: var(--white);
}

.header-mobile-sheet-title {
  display: none;
  font-size: 2rem;
  font-weight: 600;
  color: #111927;
}

.header-search-form {
  gap: 2rem;
  background-color: var(--white);
}

.header-search-input {
  position: relative;
  flex: 1;
  font-size: 16px;
}

.header-search-input img {
  position: absolute;
  top: 50%;
  left: 1.6rem;
  transform: translateY(-50%);
  height: 24px;
  width: 24px;
}

.header-search-input input {
  height: 48px;
  padding-left: 50px;
  font-size: inherit;
  transition: all 0.2s ease;
}

.header-search-input input:focus {
  border-color: var(--green-1);
}

.header-search-submit {
  justify-content: center;
  gap: 0.8rem;
  min-width: 11rem;
  padding: 0 10px;
  height: 48px;
  border-radius: 6px;
  background-color: var(--green-1);
  color: var(--white);
}

.header-search-submit img {
  filter: invert(100%) sepia(0%) saturate(2802%) hue-rotate(328deg) brightness(3702%) contrast(1603%);
    height: 24px;
    width: 24px;
}

.header-mobile-row {
  display: none;
  padding-top: 14px;
  padding-bottom: 12px;
}

.mobile-menu-button.is-active {
  background-color: #edf4df;
}

.mobile-menu-button-icon {
  position: relative;
  display: block;
  width: 23px;
  height: 24px;
  border-radius: 4px;
  box-shadow: inset 0 0 0 1.3px #2b2523;
}

.mobile-menu-button-bar {
  position: absolute;
  left: 4px;
  height: 1.6px;
  border-radius: 999px;
  background-color: #2b2523;
  transition: transform 0.2s ease, opacity 0.2s ease;
}

.mobile-menu-button-bar_top {
  top: 5px;
  width: 12px;
}

.mobile-menu-button-bar_middle {
  top: 10px;
  width: 12px;
}

.mobile-menu-button-bar_bottom {
  top: 15px;
  width: 8px;
}

.header_mobile_open .mobile-menu-button-bar_top {
  top: 11px;
  width: 13px;
  left: 5px;
  transform: rotate(45deg);
}

.header_mobile_open .mobile-menu-button-bar_middle {
  opacity: 0;
}

.header_mobile_open .mobile-menu-button-bar_bottom {
  top: 11px;
  width: 100%;
  left: 5px;
  width: 13px;
  transform: rotate(-45deg);
}

.mobile-menu-panel {
  display: none;
}

.mobile-menu-open {
  overflow: hidden;
}

@media only screen and (max-width: 1330px) {
  .header-desktop-nav {
    gap: 1.4rem;
  }
}

@media only screen and (max-width: 1200px) {
  /* Mobil: logo 60px + padding (14px+12px) = 8.6rem (vezi #header_placeholder de sus). */
  #header_placeholder {
    height: var(--header-placeholder-height, 8.6rem);
  }

  .header-desktop-row,
  .header-account-panel,
  .header-desktop-dropdowns {
    display: none;
  }

  .header-search-panel,
  .header-language-panel {
    border-top: 1px solid #dfdfdf;
    box-shadow: 0 4px 10px 0 #d1d5dc40;
  }

  .header-mobile-row {
    display: flex;
  }

  .header-logo-image {
    width: 60px;
  }

  .header.header_mobile_open {
    height: 100vh;
  }

  .header_mobile_open .mobile-menu-panel {
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding-top: 10px;
    padding-bottom: 20px;
  }

  .mobile-menu-sections {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 250px);
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 0.5rem;
  }

  .mobile-menu-section-trigger,
  .mobile-menu-link {
    width: 100%;
    justify-content: space-between;
    padding: 16px 0;
    font-size: 16px;
    color: #111927;
    text-align: left;
  }

  .mobile-menu-section-trigger {
    background-color: transparent;
  }

  .mobile-menu-section-panel {
    padding-bottom: 12px;
  }

  .mobile-menu-section-content {
    display: grid;
    gap: 8px;
  }

  .mobile-menu-section-chevron {
    transition: transform 0.2s ease;
  }

  .mobile-menu-section.is-open .mobile-menu-section-chevron {
    transform: rotate(180deg);
  }

  .mobile-menu-card {
    padding: 11px 12px;
  }

  .mobile-menu-card-icon {
    width: 20px;
    height: 20px;
  }

  .mobile-menu-card-icon img {
    width: 16px;
    height: 16px;
    object-fit: contain;
  }

  .mobile-menu-card-label {
    font-size: 13px;
    line-height: 1.5;
  }

  .mobile-menu-footer {
    margin-top: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    padding-bottom: 8px;
  }

  .mobile-menu-auth-link {
    justify-content: center;
    gap: 8px;
    width: 100%;
    max-width: 240px;
    padding: 12px 16px;
    border-radius: 6px;
    background-color: var(--green-1);
    color: var(--white);
    font-size: 15px;
  }

  .mobile-menu-auth-link_member {
    background-color: var(--white);
    color: #2a5b99;
    border: 1px solid #2a5b99;
  }

  .mobile-menu-auth-link_member img {
    width: 18px;
    height: 18px;
  }

  .mobile-menu-socials {
    display: flex;
    align-items: center;
    gap: 12px;
  }

  .mobile-menu-social-link {
    justify-content: center;
    width: 35px;
    height: 35px;
    border-radius: 8px;
    background-color: #edf4df;
  }

  .mobile-menu-social-link img {
    width: 17px;
    height: 17px;
  }
}

@media only screen and (max-width: 800px) {
  .header-dropdown-panel_grid-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .header-search-panel.header-search-panel,
  .header-language-panel.header-language-panel {
    position: fixed;
    top: auto;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: 1000;
    padding: 0;
    background-color: transparent;
    border-top: 0;
    box-shadow: none;
  }
  
  .header-search-panel.header-search-panel::after,
  .header-language-panel.header-language-panel::after {
    content: "";
    position: fixed;
    top: var(--header-placeholder-height, 0px);
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    z-index: 999;
    background-color: rgba(0, 0, 0, 0.5);
  }

  .header-language-panel .header-mobile-sheet-title {
    margin-bottom: 2rem;
  }

  .header-search-panel > .base_section,
  .header-language-panel > .base_section {
    position: relative;
    z-index: 1000;
    padding: 0;
  }

  .header-mobile-sheet {
    position: relative;
    z-index: 1000;
    border-radius: 1.6rem 1.6rem 0 0;
    padding: 1.4rem var(--side-padding) 1.2rem;
    box-shadow: 0 -8px 24px rgba(17, 24, 39, 0.14);
  }

  .header-mobile-sheet-title {
    display: block;
    margin-bottom: 1rem;
    font-size: 1.6rem;
  }

  .header-search-form {
    flex-direction: column;
    align-items: stretch;
    gap: 1.2rem;
    padding-top: 0;
    padding-bottom: 0;
  }

  .header-search-input,
  .header-search-submit {
    width: 100%;
  }

  .header-search-submit {
    min-width: 0;
  }

  .header-language-panel-content {
    grid-template-columns: 1fr;
    gap: 1rem;
  }

  .header-language-card {
    position: relative;
    min-height: 5.2rem;
    padding: 0 1.2rem;
    border: 0;
    border-radius: 0.6rem;
    justify-content: flex-start;
    background-color: var(--white);
  }

  .header-language-card::after {
    content: "";
    width: 1.4rem;
    height: 1.4rem;
    margin-left: auto;
    border: 1px solid #93bf45;
    border-radius: 50%;
    background-color: var(--white);
    box-sizing: border-box;
  }

  .header-card.header-language-card.active-lang {
    border-color: transparent;
    background-color: #edf4df;
  }

  .header-card.header-language-card.active-lang::after {
    border-width: 0.45rem;
    background-color: var(--white);
  }

  .header-language-card .header-card-icon {
    width: 2.4rem;
    height: 2.4rem;
  }

  .header-language-card .header-card-label {
    color: #111927;
    font-size: 1.3rem;
    line-height: 1.8rem;
  }
}

@media only screen and (max-width: 500px) {
  .header-dropdown {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .header-dropdown-panel_grid-4 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

/* ===== modules/footer.css ===== */
.footer {
  background-color: var(--dark-blue);
  padding: 5rem 0;
}

.footer-container {
  color: var(--off-white);
}

.footer-main {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 3rem;
  /* padding-bottom: 3rem;
  margin-bottom: 2rem;
  border-bottom: 1px solid var(--green-1); */
}

.footer-brand,
.footer-section {
  min-width: 0;
}

.footer-logo-link {
  display: block;
  margin-bottom: 2rem;
}

.footer-brand-text {
  font-size: 1.6rem;
  line-height: 1.55;
  margin-bottom: 2rem;
}

.footer-contact-row {
  gap: 1.2rem;
  font-size: 1.6rem;
  margin-bottom: 15px;
}

.footer-contact-row:nth-of-type(3) {
  margin-bottom: 1.6rem;
}

.footer-contact-row:nth-of-type(4) {
  margin-bottom: 2.6rem;
}

.footer-contact-copy a,
.footer-contact-copy p {
  color: inherit;
}

.footer-socials-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 2rem;
  padding-bottom: 3rem;
  margin-top: 20px;
  margin-bottom: 2rem;
  border-bottom: 1px solid var(--green-1);
}


.footer-socials {
  gap: 1.6rem;
}

.footer-socials.mobile {
  display: none;
}

.footer-social-link {
  width: 4rem;
  height: 4rem;
  border-radius: 10px;
  background-color: var(--green-1);
  transition: all 0.2s ease;
}


.footer-social-link img {
  filter: invert(501%) sepia(1000%) saturate(7600%) hue-rotate(1347deg)
    brightness(817%) contrast(117%);
}

.footer-section-trigger {
  width: 100%;
  display: block;
  padding: 0;
  border: 0;
  margin-bottom: 1.7rem;
  text-align: left;
  color: var(--white);
  text-transform: uppercase;
  font-size: 1.6rem;
  font-weight: 600;
  font-family: inherit;
  cursor: pointer;
  background: transparent;
}

.footer-section-chevron {
  display: none;
}

.footer-links-list,
.footer-contact-details {
  gap: 1.2rem;
}

.footer-links-list a,
.footer-link {
  font-size: 1.4rem;
  font-weight: 400;
  transition: all 0.2s ease;
}

.footer-links-list a:hover,
.footer-link:hover {
  color: var(--hover-green);
}

.footer-contact-details {
  font-size: 1.4rem;
  font-weight: 400;
}

.footer-payment-grid {
  display: grid;
  grid-template-columns: 50px 44px 50px 44px 44px;
  /* grid-template-rows: 2.5rem; */
  gap: 1rem;
  margin-bottom: 1.6rem;
}

.footer-payment-item {
  background-color: var(--white);
  border-radius: 4px;
  height: 30px;
}

.footer-section-panel {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.footer-utility-links {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1.2rem;
}

.footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 3rem;
}

.footer-bottom-copy {
  font-size: 1.4rem;
  line-height: 1.55;
}

.footer-bottom-links {
  gap: 4rem;
}

.footer-bottom-links a {
  color: var(--green-1);
  font-size: 1.4rem;
  transition: all 0.2s ease;
}

.footer-bottom-links a:hover {
  color: var(--white);
}

@media only screen and (max-width: 1200px) {
  .footer-main {
    gap: 1rem;
  }
  
  .footer-payment-grid {
    grid-template-columns: repeat(3, 1fr);
  }

}

@media only screen and (max-width: 1024px) {
  .footer {
    padding: 2rem 0;
  }
  
  .footer-container {
    /* padding: 3.4rem 2rem 2.8rem; */
  }

  .footer-main {
    display: flex;
    flex-direction: column;
    gap: 2.8rem;
  }
  
  .footer-socials-container {
    padding-bottom: 2.4rem;
    margin: 0;
    border: none;
  }

  .footer-logo-link img {
    width: 7.5rem;
    height: auto;
  }

  .footer-brand-text {
    /* font-size: 1.3rem; */
    line-height: 1.55;
    margin-bottom: 3rem;
    max-width: 40rem;
  }

  .footer-contact-row {
    align-items: flex-start;
    gap: 1.4rem;
  }

  .footer-contact-row img {
    width: 2.4rem;
    height: 2.4rem;
    object-fit: contain;
  }

  .footer-contact-row:nth-of-type(3) {
    margin-bottom: 2rem;
  }

  .footer-contact-row:nth-of-type(4) {
    margin-bottom: 2.8rem;
  }

  .footer-contact-copy {
    display: grid;
    gap: 0.4rem;
  }

  /* .footer-contact-copy p,
  .footer-contact-copy a {
    font-size: 1.2rem;
    line-height: 1.45;
  } */

  .footer-contact-row:last-of-type .footer-contact-copy p:last-child {
    text-decoration: underline;
  }

  .footer-socials {
    gap: 2rem;
  }

  .footer-section {
    border-bottom: none;
  }

  .footer-section-trigger {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0;
    padding: 0;
  }

  .footer-section-chevron {
    display: block;
    width: 1.4rem;
    height: 1.4rem;
    filter: invert(69%) sepia(39%) saturate(569%) hue-rotate(38deg)
      brightness(89%) contrast(86%);
    transition: transform 0.2s ease;
  }

  .footer-section_open .footer-section-chevron {
    transform: rotate(180deg);
  }

  .footer-section-panel {
    padding-top: 2rem;
  }

  .footer-section:not(.footer-section_open) .footer-section-panel {
    display: none;
  }

  .footer-section.footer-section_open .footer-section-panel {
    display: flex;
    flex-direction: column;
  }

  .footer-links-list,
  .footer-contact-details {
    gap: 2rem;
  }

  /* .footer-links-list a,
  .footer-link,
  .footer-contact-details p {
    font-size: 1.2rem;
    line-height: 1.45;
  } */

  .footer-payment-grid {
    grid-template-columns: repeat(5, minmax(0, max-content));
    grid-template-rows: none;
    gap: 1rem;
    margin-bottom: 2.4rem;
  }

  .footer-payment-item {
    min-width: 6rem;
    min-height: 3rem;
    padding: 0 0.8rem;
  }

  .footer-payment-item img {
    max-width: 100%;
    height: auto;
  }

  .footer-utility-links {
    gap: 1.6rem;
  }

  /* .footer-utility-link img {
    width: 21.5rem;
    max-width: 100%;
    height: auto;
    display: block;
  } */

  .footer-bottom {
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 1.8rem;
  }

  .footer-bottom-links {
    width: 100%;
    flex-wrap: wrap;
    gap: 1.6rem 2rem;
    padding-bottom: 1.8rem;
    border-bottom: 1px solid var(--green-1);
  }

  .footer-bottom-copy {
    font-size: 1.2rem;
    line-height: 1.6;
    color: #b6bdd0;
  }
}

@media only screen and (max-width: 700px) {
  .footer-socials {
    display: none;
  }

  .footer-socials.mobile {
    display: flex;
  }

  .footer-utility-links {
    flex-direction: column;
    gap: 1rem;
  }
}

/* ===== modules/home.css ===== */
.hero {
  position: relative;
  padding: 9.6rem 0 10rem;
  margin-bottom: 30rem;
}

.hero_img_wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.hero_img_wrapper img,
.hero_img_wrapper video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.hero_gradient {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 60%;
  background: linear-gradient(
    to right,
    #001c2d,
    #00568cd9,
    #4288674d,
    #88bd3f00
  );
  z-index: 2;
}

.hero_content {
  position: relative;
  z-index: 3;
  color: var(--white);
}

.hero_content h2 {
  font-family: var(--font-family-secondary);
  font-weight: 700;
  font-size: 3rem;
  color: var(--green-2);
  margin-bottom: 2rem;
}

.hero_content h1 {
  font-family: var(--font-family-secondary);
  font-weight: 700;
  font-size: 4.2rem;
  margin-bottom: 2rem;
  max-width: 550px;
}

.hero_content > p {
  font-size: 1.8rem;
  margin-bottom: 3.5rem;
  max-width: 550px;
}

.hero_content div {
  gap: 3.1rem;
}

.hero_content div a,
.hero_content div button {
  gap: 1rem;
  padding: 1.1rem 2.8rem;
  border-radius: 6px;
  font-size: 1.6rem;
}

.hero_content div a:nth-of-type(1) {
  background-color: var(--green-1);
  color: var(--white);
  border: 1px solid var(--green-1);
}

.hero_content div button {
  border: 1px solid var(--white);
  color: var(--white);
}

.hero_cards {
  position: absolute;
  z-index: 3;
  width: calc(100% - (var(--side-padding) + var(--side-padding)));
  top: calc(100% - 6.4rem);
  left: 50%;
  transform: translateX(-50%);
}

.hero_cards_swiper {
  overflow: visible;
  min-height: 24rem;
  opacity: 1;
  transition: opacity 0.2s ease-in-out;
}

.hero_cards_swiper:not(.swiper-initialized) {
  opacity: 0;
}

.hero_cards .swiper-wrapper {
  align-items: stretch;
}

.hero_cards .swiper-slide {
  height: auto;
}

.hero_card {
  height: 24rem;
  background-color: var(--white);
  border: 1px solid var(--grey-1);
  padding: 2rem;
  border-radius: 5px;
  padding-bottom: 3.1rem;
  cursor: pointer;
  transition: all .2s ease-in-out;
}

.hero_card:hover {
  transform: translateY(-10px);
  background-color: var(--green-1);
  border: 1px solid var(--green-1);
  color: #fff !important;
}

.hero_card:hover div img {
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(5deg) brightness(302%) contrast(102%);
}

.hero_card > div {
  flex-grow: 1;
}

.hero_card > div img {
  margin-bottom: 1rem;
}

.hero_card > div h2 {
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 1rem;
  text-transform: uppercase;
}

.hero_card > div p {
  font-size: 1.4rem;
}

.hero_card a {
  width: 100%;
  color: var(--dark-blue-2);
  font-size: 1.4rem;
  font-weight: 500;
  transition: all .2s ease-in-out;
}

.hero_card a img {
  width: 2.4rem;
  height: 2.4rem;
}

.hero_card:hover a {
  color: #fff;
}

.hero_card:hover a img {
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(5deg) brightness(302%) contrast(102%);
}

.hero_cards_footer {
  margin-top: 2rem;
  gap: 2rem;
}

.hero_cards_pagination {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}

.hero_cards_pagination .swiper-pagination-bullet {
  width: 1rem;
  height: 1rem;
  margin: 0 !important;
  background-color: var(--grey-1);
  opacity: 1;
}

.hero_cards_pagination .swiper-pagination-bullet-active {
  background-color: var(--green-1);
}

.hero_cards_navigation {
  gap: 1rem;
}

.hero_cards_button {
  width: 4.4rem;
  height: 4.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--grey-1);
  border-radius: 999px;
  background-color: var(--white);
}

.hero_cards_button img {
  width: 1.6rem;
}

.hero_cards_button_prev img {
  transform: rotate(180deg);
}

.hero_cards_button.swiper-button-disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.about {
  margin-bottom: 4.8rem;
}

.about > div:nth-of-type(1) {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 3rem;
  margin-bottom: 7.6rem;
}

.about > div:nth-of-type(1) > div:nth-of-type(1) > p {
  font-size: var(--font-family-secondary);
  font-size: 1.8rem;
  margin-bottom: 6rem;
}

.about > div:nth-of-type(1) > div:nth-of-type(1) a {
  padding: 1.2rem 2.8rem;
  background-color: var(--dark-blue-2);
  color: var(--white);
  border-radius: 6px;
  font-size: 1.6rem;
  width: 24.6rem;
}

.about > div:nth-of-type(1) > div:nth-of-type(2) {
  border-radius: 8px;
  min-height: 36.2rem;
}

.about_card-container {
  padding-left: calc(9.2rem - var(--side-padding));
  padding-right: calc(9.2rem - var(--side-padding));
}

.about_cards_swiper .swiper-wrapper {
  align-items: stretch;
}

.about_cards_swiper .swiper-slide {
  display: block;
  height: auto;
  min-width: 0;
}

.about_cards_footer {
  margin-top: 2rem;
  gap: 2rem;
}

.about_card {
  padding-top: 1rem;
  padding-right: 1.4rem;
  padding-bottom: 2rem;
  padding-left: 1.8rem;
  border: 1px solid var(--grey-1);
  border-radius: 5px;
  transition: all .2s ease-in-out;
}

.about_cards_swiper .swiper-slide .about_card:hover {
  background-color: var(--green-1);
  color: #fff;
}

.about_card > div {
  margin-bottom: 1.1rem;
}

.about_card:hover img {
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(5deg) brightness(302%) contrast(102%);
}

.about_card img {
  transition: all .2s ease-in-out;
}

.about_card > div h4 {
  font-family: var(--font-family-secondary);
  font-weight: 700;
  font-size: 2.2rem;
}

.about_card p {
  font-size: 1.6rem;
  font-family: var(--font-family-secondary);
}

.about_cards_pagination {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}

.about_cards_pagination .swiper-pagination-bullet {
  width: 1rem;
  height: 1rem;
  margin: 0 !important;
  background-color: var(--grey-1);
  opacity: 1;
}

.about_cards_pagination .swiper-pagination-bullet-active {
  background-color: var(--green-1);
}

.about_cards_navigation {
  gap: 1rem;
}

.about_cards_button {
  width: 4.4rem;
  height: 4.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--grey-1);
  border-radius: 999px;
  background-color: var(--white);
}

.about_cards_button img {
  width: 1.6rem;
}

.about_cards_button_prev img {
  transform: rotate(180deg);
}

.about_cards_button.swiper-button-disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.courses {
  margin-bottom: 6rem;
}

.courses > div:nth-of-type(1) {
  margin-bottom: 5.5rem;
}

.courses_categories {
  margin-bottom: 5.5rem;
}

.courses_categories > div:nth-of-type(1) {
  margin-bottom: 4rem;
}

.courses_categories > div:nth-of-type(1) > p {
  font-size: 1.8rem;
  line-height: 28px;
  max-width: 620px;
}

.courses_categories > div:nth-of-type(1) a {
  font-size: 1.6rem;
  color: var(--dark-blue-2);
  font-weight: 600;
  transition: all .2s ease-in-out;
}

.courses_categories > div:nth-of-type(1) a:hover {
  color: var(--hover-green);
}

.courses_categories > div:nth-of-type(1) a:hover img {
  filter: invert(61%) sepia(40%) saturate(685%) hue-rotate(43deg) brightness(94%) contrast(83%);
}

.courses_categories > div:nth-of-type(2) {
  display: grid;
  grid-template-columns: repeat(4, 316fr);
  grid-template-rows: 365px;
  gap: 2rem;
}

.courses_categories_card {
  padding: 3.2rem;
  background-color: var(--grey-3);
  border-radius: 8px;
}

.courses-curriculum-img-container {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.courses-curriculum-img {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--white);
  border-radius: 16px;
  width: 5.6rem;
  height: 5.6rem;
  box-shadow: 0px 1px 2px 0px #0000000d;
  flex-shrink: 0;
  transition: all .2s ease-in-out;
}

.courses_categories_card:hover .courses-curriculum-img {
  background-color: var(--green-1);
}

.courses-curriculum-img img {
  transition: all .2s ease-in-out;
}

.courses_categories_card:hover .courses-curriculum-img img {
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(5deg) brightness(302%) contrast(102%);
}

.courses_categories_card > div:nth-of-type(2) {
  flex-grow: 1;
}

.courses-curriculum-img-text {
  font-family: var(--font-family-secondary);
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 32px;
  margin-bottom: 1.1rem;
  height: 8rem;
  display: flex;
  align-items: center;
}

.courses_categories_card > div:nth-of-type(2) p {
  font-size: 1.4rem;
  line-height: 22px;
  height: 65px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.courses_categories_card > div:nth-of-type(3) {
  width: 100%;
  padding-top: 2.4rem;
  border-top: 1px solid var(--grey-4);
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.courses_categories_card > div:nth-of-type(3) p,
.courses_categories_card > div:nth-of-type(3) img {
  transition: all .2s ease-in-out;
}

.courses_categories_card:hover  > div:nth-of-type(3) p {
  color: var(--green-1);
}

.courses_categories_card:hover  > div:nth-of-type(3) img {
  filter: invert(61%) sepia(40%) saturate(685%) hue-rotate(43deg) brightness(94%) contrast(83%);
}

.courses_grid {
  display: grid;
  grid-template-columns: repeat(4, 311fr);
  column-gap: 2.5rem;
  row-gap: 4.5rem;
}

.courses_card {
  border-radius: 8px;
  background-color: var(--white);
  border: 1px solid var(--grey-1);
  overflow: hidden;
}

.courses_card > div:nth-of-type(1) {
  height: 19.2rem;
}

.courses_card > div:nth-of-type(1) > div {
  z-index: 2;
  position: absolute;
  left: 1.5rem;
}

.courses_card > div:nth-of-type(1) > div:nth-of-type(1) {
  top: 1.5rem;
  padding: 0.4rem 1.2rem;
  background-color: var(--white);
  color: var(--dark-blue-2);
  font-size: 1.4rem;
  font-weight: 500;
  border-radius: 20rem;
}

.courses_card > div:nth-of-type(1) > div:nth-of-type(2) {
  top: 5.3rem;
  background-color: var(--dark-blue-2);
  color: var(--white);
  padding: 0.4rem 2.4rem;
  font-size: 1.4rem;
  font-weight: 500;
  border-radius: 20rem;
}

.courses_card > div:nth-of-type(2) {
  padding: 2rem;
}

.courses_card > div:nth-of-type(2) h4 {
  height: 5.6rem;
  margin-bottom: 2rem;
  font-size: 2rem;
  line-height: 28px;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.courses_card > div:nth-of-type(2) > p {
  font-size: 1.6rem;
  line-height: 26px;
  margin-bottom: 2.4rem;
}

.courses_card > div:nth-of-type(2) > div {
  margin-bottom: 2.2rem;
}

.courses_card > div:nth-of-type(2) > div > div:nth-of-type(1) {
  gap: 0.4rem;
  font-size: 1.4rem;
  line-height: 20px;
  color: var(--grey-5);
}

.courses_card > div:nth-of-type(2) > div > div:nth-of-type(2) {
  color: var(--dark-blue-2);
  gap: 0.6rem;
  font-family: var(--font-family-secondary);
}

.courses_card
  > div:nth-of-type(2)
  > div
  > div:nth-of-type(2)
  > p:nth-of-type(1) {
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 32px;
}

.courses_card
  > div:nth-of-type(2)
  > div
  > div:nth-of-type(2)
  > p:nth-of-type(2) {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 32px;
}

.courses_card > div:nth-of-type(2) > a {
  width: 100%;
  background-color: var(--green-1);
  padding: 1.2rem 1rem;
  border-radius: 6px;
  font-size: 1.6rem;
  color: var(--white);
  gap: 1rem;
  border: 1px solid var(--green-1);
}

.courses_card:hover div:nth-of-type(2) > a {
  background-color: var(--hover-green) !important;
  border-color: var(--hover-green) !important;
}

.courses_card_unavailable > div:nth-of-type(2) > a {
  background-color: transparent;
  color: #c72e1f;
  border-color: #c72e1f;
}

.courses_card_unavailable.courses_card:hover > div:nth-of-type(2) > a {
  background-color: transparent !important;
  color: #c72e1f !important;
  border-color: #c72e1f !important;
}

.courses_card_eoliene {
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid var(--grey-1);
}

.courses_card_eoliene > div:nth-of-type(1) {
  height: 19.2rem;
}

.courses_card_eoliene > div:nth-of-type(1) > div {
  position: absolute;
  z-index: 2;
  top: 1.5rem;
  left: 1.5rem;
  background-color: #fffffff2;
  padding: 0.4rem 1.2rem;
  border-radius: 20rem;
  color: var(--dark-blue-2);
  font-size: 1.4rem;
  font-weight: 500;
}

.courses_card_eoliene > div:nth-of-type(2) {
  padding: 2rem;
  gap: 1rem;
}

.courses_card_eoliene > div:nth-of-type(2) > div,
.courses_card_eoliene > div:nth-of-type(2) > a,
.courses_card_eoliene > div:nth-of-type(2) > span {
  width: 100%;
}

.courses_card_eoliene > div:nth-of-type(2) > div:nth-of-type(1) {
  height: 5.9rem;
  border-bottom: 1px solid var(--grey-2);
}

.courses_card_eoliene > div:nth-of-type(2) > div:nth-of-type(1) h4 {
  font-size: 1.8rem;
  font-weight: 700;
  font-family: var(--font-family-secondary);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.courses_card_eoliene > div:nth-of-type(2) > div:nth-of-type(2),
.courses_card_eoliene > div:nth-of-type(2) > div:nth-of-type(3) {
  border-bottom: 1px solid var(--grey-2);
}

.courses_card_eoliene > div:nth-of-type(2) > div:nth-of-type(2) h5,
.courses_card_eoliene > div:nth-of-type(2) > div:nth-of-type(3) h5 {
  font-size: 1.4rem;
  font-weight: 700;
  font-family: var(--font-family-secondary);
  text-align: center;
  margin-bottom: 0.5rem;
}

.courses_card_eoliene > div:nth-of-type(2) > div:nth-of-type(2) > p,
.courses_card_eoliene > div:nth-of-type(2) > div:nth-of-type(3) > p {
  font-size: 1.4rem;
  margin-bottom: 0.5rem;
}

.courses_card_eoliene
  > div:nth-of-type(2)
  > div:nth-of-type(2)
  > div
  > div:nth-of-type(1),
.courses_card_eoliene
  > div:nth-of-type(2)
  > div:nth-of-type(3)
  > div
  > div:nth-of-type(1) {
  gap: 0.4rem;
  font-size: 1.4rem;
  color: #6a7282;
}

.courses_card_eoliene
  > div:nth-of-type(2)
  > div:nth-of-type(2)
  > div
  > div:nth-of-type(2),
.courses_card_eoliene
  > div:nth-of-type(2)
  > div:nth-of-type(3)
  > div
  > div:nth-of-type(2) {
  gap: 1rem;
  color: var(--dark-blue-2);
  font-family: var(--font-family-secondary);
  font-weight: 700;
  font-size: 1.2rem;
}

.courses_card_eoliene
  > div:nth-of-type(2)
  > div:nth-of-type(2)
  > div
  > div:nth-of-type(2)
  span,
.courses_card_eoliene
  > div:nth-of-type(2)
  > div:nth-of-type(3)
  > div
  > div:nth-of-type(2)
  span {
  font-size: 1.6rem;
  line-height: 32px;
}

.courses_card_eoliene > div:nth-of-type(2) a {
  background-color: var(--green-1);
  color: var(--white);
  border-radius: 6px;
  padding: 1rem 2rem;
  font-size: 1.6rem;
  gap: 1rem;
}

.courses_card_eoliene > div:nth-of-type(2) > span {
  color: #aba8a8;
  font-size: 1.2rem;
  text-align: center;
}

.partners {
  background-color: var(--grey-2);
}

.partners > div {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3rem;
  align-items: center;
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.partners h2 {
  margin-bottom: 2.4rem;
}

.partners > div > div:nth-of-type(1) > p {
  font-size: 1.8rem;
  line-height: 29px;
  margin-bottom: 2.4rem;
}

.partners > div > div:nth-of-type(1) a {
  background-color: var(--green-1);
  border-radius: 6px;
  color: var(--white);
  font-size: 1.6rem;
  gap: 1rem;
  padding: 1.2rem 2.8rem;
  width: 27.1rem;
}

.partners > div > div:nth-of-type(2) {
  display: grid;
  grid-template-columns: repeat(3, 204fr);
  gap: 0.4rem;
}

.partners > div > div:nth-of-type(2) > div {
  background-color: var(--white);
  padding-bottom: 1rem;
}

.partners > div > div:nth-of-type(2) > div h5 {
  font-size: 1.2rem;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 1px;
  color: var(--grey-5);
  text-align: center;
}

.media {
  background-color: var(--dark-blue-2);
}

.media > div {
  padding-top: 6rem;
  padding-bottom: 6rem;
  color: var(--white);
  margin-bottom: 3rem;
}

.media > div > div:nth-of-type(1) {
  margin-bottom: 3rem;
}

.media > div > div:nth-of-type(1) h2 {
  font-size: 3.2rem;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  line-height: 40px;
}

.media > div > div:nth-of-type(1) a {
  gap: 2rem;
  font-size: 1.4rem;
  font-weight: 500;
}

.media > div > div:nth-of-type(1) a,
.media > div > div:nth-of-type(1) a img {
  transition: all .2s ease-in-out;
}

.media > div > div:nth-of-type(1) a:hover {
  color:var(--hover-green);
}

.media > div > div:nth-of-type(1) a:hover img {
  filter: invert(40%) sepia(40%) saturate(685%) hue-rotate(43deg) brightness(94%) contrast(83%);
}

.media > div > div:nth-of-type(2) {
  display: grid;
  grid-template-columns: 864fr 408fr;
  column-gap: 4.8rem;
}

.media > div > div:nth-of-type(2) > div:nth-of-type(1) {
  gap: 4.8rem;
}

.media_card {
  display: grid;
  grid-template-columns: 416fr 416fr;
  column-gap: 3.2rem;
  transition: all .2s ease-in-out;
}

/* .media_card:hover > div:nth-of-type(2) > div:nth-of-type(1) h4,
.media_card:hover > div:nth-of-type(2) > div:nth-of-type(1) p,
.media_card:hover > div:nth-of-type(2) > div:nth-of-type(2) > p {
  color: var(--green-1);
} */

.media_card img {
  transition: all .2s ease-in-out;
}

.media_card:hover .full_size_img_wrapper img {
  transform: scale(1.1);
}

.media_card > div:nth-of-type(1) {
  height: 21.4rem;
  border-radius: 8px;
}

.media_card > div:nth-of-type(1) > div {
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 15px;
  color: var(--white);
  position: absolute;
  z-index: 2;
  top: 1.2rem;
  left: 1.5rem;
  background-color: var(--green-1);
  padding: 0.4rem 0.8rem;
  border-radius: 6px;
}

.media_card > div:nth-of-type(2) > div {
  width: 100%;
}

.media_card > div:nth-of-type(2) > div:nth-of-type(1) {
  flex-grow: 1;
}

.media_card > div:nth-of-type(2) > div:nth-of-type(1) h4 {
  font-family: var(--font-family-secondary);
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 32px;
  margin-bottom: 1.2rem;
  transition: all .2s ease-in-out;
}

.media_card > div:nth-of-type(2) > div:nth-of-type(1) p {
  color: var(--grey-2);
  font-size: 1.4rem;
  line-height: 22px;
  transition: all .2s ease-in-out;
}

.media_card > div:nth-of-type(2) > div:nth-of-type(2) > p {
  color: var(--grey-6);
  font-size: 1.2rem;
  transition: all .2s ease-in-out;
}

.media_card > div:nth-of-type(2) > div:nth-of-type(2) a p {
  font-weight: 600;
  font-size: 1.6rem;
}

.media_card > div:nth-of-type(2) > div:nth-of-type(2) a p,
.media_card > div:nth-of-type(2) > div:nth-of-type(2) a img {
  transition: all .2s ease-in-out;
}

.media_card:hover > div:nth-of-type(2) > div:nth-of-type(2) a p {
  color: var(--green-1);
}

.media_card:hover > div:nth-of-type(2) > div:nth-of-type(2) a img {
  filter: invert(40%) sepia(40%) saturate(685%) hue-rotate(43deg) brightness(94%) contrast(83%);
}

.media_card_on_white_bg > div:nth-of-type(2) > div:nth-of-type(1) p {
  color: #4a5565;
}

.media_card_on_white_bg > div:nth-of-type(2) > div:nth-of-type(2) > p {
  color: #4a5565;
}

.media_card_on_white_bg > div:nth-of-type(2) > div:nth-of-type(2) a p {
  color: var(--dark-blue-2);
}

.media_trending {
  background-color: var(--grey-3);
  padding: 3.2rem;
  border-radius: 15px;
  color: var(--black-2);
  gap: 7rem;
}

.media_trending > div:nth-of-type(1) {
  flex-grow: 1;
}

.media_trending > div:nth-of-type(1) > div:nth-of-type(1) {
  gap: 0.8rem;
  margin-bottom: 3.2rem;
}

.media
  > div
  > div:nth-of-type(2)
  > div:nth-of-type(2)
  > div:nth-of-type(1)
  > div:nth-of-type(1)
  h3,
.media_trending h3 {
  color: var(--dark-blue-3);
  font-weight: 700;
  font-family: var(--font-family-secondary);
  line-height: 28px;
  font-size: 2rem;
}

.media_trending > div:nth-of-type(1) > div:nth-of-type(2) {
  gap: 3.2rem;
}

.trending_row > h4 {
  font-size: 1rem;
  text-transform: uppercase;
  line-height: 15px;
  letter-spacing: 1px;
  font-weight: 600;
  color: var(--green-3);
  margin-bottom: 0.4rem;
}

.trending_row > p {
  font-size: 1.4rem;
  font-weight: 600;
  margin-bottom: 0.8rem;
}

.trending_row > span {
  font-size: 1rem;
  color: #414750;
}

.media_trending form {
  background-color: var(--dark-blue-2);
  padding: 2.4rem;
  width: 100%;
  color: var(--white);
  border-radius: 10px;
}

.media_trending form h4 {
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 0.8rem;
}

.media_trending form > p {
  font-size: 1.2rem;
  color: var(--light-blue);
  margin-bottom: 1.6rem;
}

.media_trending form input {
  width: 100%;
  background-color: var(--dark-blue-4);
  padding: 0rem 1.2rem;
  height: 5rem;
  border-radius: 4px;
  font-family: inherit;
  font-size: 1.4rem;
  color: var(--white);
  margin-bottom: 0.8rem;
  border: none;
}

.media_trending form input::placeholder {
  color: var(--white);
}

.media_trending form button {
  width: 100%;
  background-color: var(--green-1);
  color: var(--white);
  gap: 1rem;
  border-radius: 6px;
  padding: 1.3rem 2rem;
  font-size: 1.6rem;
  transition: all .2s ease;
}

.media_trending form button:hover {
  background-color: var(--hover-green);
}

.centers {
  margin-bottom: 5rem;
  display: grid;
  /* grid-template-columns: 645fr 632fr; */
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
  gap: 3rem;
}

.small-mb-centers .centers {
  margin-bottom: 2rem;
}

.centers_tabs {
  gap: 0.6rem;
}

.centers_tabs > div {
  width: 100%;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  overflow: hidden;
}

.centers_tabs > div button {
  width: 100%;
  padding: 1rem 2.4rem;
  font-family: var(--font-family-secondary);
  font-size: 1.8rem;
  font-weight: 600;
}

.centers_tabs > div button > div {
  gap: 1.2rem;
}

.training-center-tab-heading {
  gap: 1.2rem;
  flex-wrap: wrap;
}

.training-center-tab-icon {
  width: 4rem;
  height: 4rem;
  background-color: #88bd3f40;
  border-radius: 50%;
  transition: all 0.2s;
}

.training-center-tab-icon_mobile {
  background-color: rgba(77, 173, 239, 0.18);
}

.centers_tabs > div button:hover .training-center-tab-icon-image,
.training-center-tab-icon_mobile .training-center-tab-icon-image {
  filter: brightness(0) saturate(100%) invert(45%) sepia(79%) saturate(1038%) hue-rotate(170deg) brightness(97%) contrast(95%);
}

.centers_tabs > div button:hover .training-center-tab-icon-image,
.training-center-tab-icon-image.is-active {
  transition: all 0.2s;
  filter: brightness(0) invert(1);
}

.centers_tabs > div button > img {
  width: 1.5rem;
  height: 1.5rem;
  transition: all 0.2s;
}

.centers_tabs > div button:hover .training-center-tab-icon,
.training-center-tab-icon.is-active {
  background-color: var(--green-1);
}

.centers_tabs > div button:hover .training-center-tab-icon_mobile,
.training-center-tab-icon_mobile.is-active {
  background-color: #4dacef;
}

.centers_tabs > div.centers_tabs_active button > img {
  transform: rotate(180deg);
}

.centers_tabs > div > div {
  display: none;
}

.centers_tabs > div.centers_tabs_active > div {
  display: block;
  padding: 1.8rem 2.4rem;
  background-color: #f9fafb;
  border-top: 1px solid #e5e7eb;
}

.centers_tabs > div.centers_tabs_active > div h5 {
  color: #99a1af;
  font-size: 1.6rem;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 2rem;
}

.centers_tabs > div.centers_tabs_active > div > div {
  gap: 1rem;
}

.centers_tabs > div.centers_tabs_active > div > div > div {
  gap: 0.8rem;
}

.centers_tabs > div.centers_tabs_active > div > div > div a {
  color: var(--green-1);
  font-size: 1.6rem;
  font-weight: 500;
}

.centers_tabs > div.centers_tabs_active > div > div > div p {
  font-size: 1.6rem;
  font-weight: 500;
  color: var(--black-2);
}

.training-center-type-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.8rem;
  padding: 0.4rem 1.2rem;
  border-radius: 0.6rem;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
}

.training-center-type-badge_mobile {
  background-color: #e7f3fd;
  color: #4dacef;
}

.contact {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 3rem;
  margin-bottom: 4rem;
}

.contact > div:nth-of-type(1) > div:nth-of-type(1) {
  height: 55.7rem;
  border-radius: 6px;
  margin-bottom: 3rem;
}

.contact_faq > div:nth-of-type(1) > div:nth-of-type(1) {
  height: auto;
  border-radius: 0;
  margin-bottom: 3rem;
}

.contact_faq > div:nth-of-type(1) > div:nth-of-type(2) {
  height: 59.6rem;
  border-radius: 6px;
}

.contact > div:nth-of-type(1) h2 {
  margin-bottom: 3rem;
}

.contact > div:nth-of-type(1) p {
  font-size: 1.8rem;
  line-height: 29px;
}

.contact > form {
  background-color: var(--grey-7);
  border: 1px solid var(--grey-1);
  border-radius: 8px;
  padding: 32px;
}

.contact > form h2 {
  margin-bottom: 2.4rem;
}

.contact > form > div:nth-of-type(1) {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.5rem;
  margin-bottom: 3.8rem;
}

.contact > form > div:nth-of-type(2) {
  margin-bottom: 3.8rem;
  gap: 1.5rem;
}

.contact > form button {
  width: 100%;
  background-color: var(--green-1);
  color: var(--white);
  border-radius: 6px;
  margin-bottom: 2rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  gap: 1rem;
  font-size: 1.6rem;
}

.contact > form > div:nth-of-type(3) {
  color: #6a7282;
  font-size: 1.4rem;
}

.contact_full_width_group {
  grid-column: 1 / -1;
}

.newsletter {
  background-color: var(--green-1);
}

.newsletter > div {
  padding-top: 4.8rem;
  padding-bottom: 4.8rem;
  /* background-color: var(--green-1); */
  color: var(--white);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.newsletter > div > div > div:nth-of-type(1) {
  gap: 1.2rem;
  margin-bottom: 1.2rem;
}

.newsletter > div > div > div:nth-of-type(1) > div {
  width: 4.8rem;
  height: 4.8rem;
  background-color: #a0ca65;
  border-radius: 50%;
}

.newsletter > div > div > div:nth-of-type(1) h2 {
  font-size: 3rem;
  font-weight: 700;
  font-family: var(--font-family-secondary);
}

.newsletter > div > div > p {
  font-size: 1.6rem;
  margin-bottom: 1.4rem;
}

.newsletter > div > div > div:nth-of-type(2) {
  font-size: 1.4rem;
  gap: 1.2rem;
}

.newsletter > div > div > div:nth-of-type(2) > div {
  gap: 0.8rem;
}

.newsletter > div form {
  display: grid;
  grid-template-columns: 325px 181px;
  gap: 1.2rem;
}

.newsletter > div form button {
  background-color: var(--black);
  color: var(--white);
  border-radius: 6px;
  padding: 1.2rem 2.8rem;
  font-size: 1.6rem;
}

/* .training-center-map-image {
  margin-top: 14rem;
} */

.training-center-map-image img {
  width: 100%;
}

.training-center-map-visual {
  position: relative;
}

.training-center-map-image .svg-map {
  display: block;
  width: 100%;
  height: auto;
}

.training-center-map-image .svg-map text {
  display: none;
  pointer-events: none;
}

.training-center-map-image .svg-map path {
  fill: #0a5f96;
  stroke: rgba(255, 255, 255, 0.35);
  stroke-width: 2;
  cursor: pointer;
  transition:
    fill 0.2s ease,
    stroke 0.2s ease,
    filter 0.2s ease;
  filter: contrast(1) brightness(1);
}

.training-center-map-image .svg-map path:hover {
  filter: contrast(0.8) brightness(1.5);
}

.training-center-map-image .svg-map path.has-center {
  fill: #8dc63f;
  stroke: #ffffff;
}

.training-center-map-image .svg-map path.training-center-county_mobile.has-center {
  fill: #4dacef;
}

/* .training-center-map-image .svg-map path.training-center-county_outline {
  fill: #ffffff;
  stroke: #8dc63f;
  stroke-width: 5;
} */

.training-center-map-image .svg-map path.has-center.is-selected {
  filter: brightness(0.95) saturate(1.05);
}

.training-center-map-image .svg-map path.training-center-county_mobile.has-center.is-selected {
  filter: brightness(0.96) saturate(1.08);
}

/* .training-center-map-image .svg-map path.training-center-county_outline.is-selected {
  fill: #ffffff;
  stroke: #8dc63f;
} */

.training-center-map-markers {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.training-center-marker {
  position: absolute;
  transform: translate(-50%, -50%);
  width: 3.5rem;
  height: 3.5rem;
  border: 0;
  border-radius: 999px;
  /* background: #8dc63f; */
  color: #ffffff;
  /* border: 1px solid #8dc63f; */
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  pointer-events: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
  
}

/* .training-center-marker:hover, */
/* .training-center-marker.is-selected {
  transform: translate(-50%, -50%) scale(1.06);
  border: 1px solid #fff;
} */

/* .training-center-marker_outline {
  background: #ffffff;
  color: #8dc63f;
  border: 3px solid #8dc63f;
} */


@media only screen and (max-width: 1440px) {
  .hero_cards {
    padding: 0;
  }
}

@media only screen and (max-width: 1300px) {
  .section_h3 {
    font-size: 8.9rem;
  }
  
  .about .section_title_box {
    margin-bottom: 2rem;
  }

  .section_title_box .section_h2 {
    bottom: 0.5rem;
  }
  
  .courses .section_title_box {
    max-width: 500px;
    width: 100%;
    text-align: center;
  }

  .courses .section_title_box .section_h2 {
    bottom: -1.5rem;
  }

  .courses-curriculum-img-text {
    font-size: 2rem;
  }

  .media > div > div:nth-of-type(2) {
    gap: 2rem;
    grid-template-columns: 813fr 459fr;
  }

  .media_card {
    display: grid;
    grid-template-columns: 250fr 416fr;
    column-gap: 3rem;
  }
}

@media only screen and (max-width: 1200px) {
  .centers {
    grid-template-columns: minmax(0, 1fr) minmax(0, 0.9fr);
    column-gap: 2.4rem;
    margin-bottom: 6rem;
  }

  .centers_tabs > div button {
    padding: 1rem 1.6rem;
    font-size: 1.6rem;
  }

  .centers_tabs > div.centers_tabs_active > div {
    padding: 1.6rem;
  }

  .centers_tabs > div.centers_tabs_active > div h5,
  .centers_tabs > div.centers_tabs_active > div > div > div a,
  .centers_tabs > div.centers_tabs_active > div > div > div p {
    font-size: 1.4rem;
  }

  .courses_categories > div:nth-of-type(2) {
    grid-template-columns: repeat(3, 1fr);
  }

  .courses_grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media only screen and (max-width: 1024px) {
  .hero {
    padding: 3.6rem 0 10rem;
    margin-bottom: 19rem;
  }

  .hero_content h2 {
    font-size: 2rem;
  }
  
  .hero_content h1 {
    font-size: 3.2rem;
  }
  
  .hero_content > p {
    font-size: 1.6rem;
  }

  .hero_card {
    height: 18rem;
    padding: 1.5rem;
  }

  .hero_cards_swiper {
    min-height: 18rem;
  }

  .hero_card > div img {
    width: 3.5rem;
    height: 4.5rem;
    transition: all .2s ease-in-out;
  }

  .hero_card > div h2 {
    font-size: 1.4rem;
  }
  
  .hero_card > div p {
    font-size: 1.2rem;
  }

  .section_title_box .section_h3 {
    font-size: 4rem;
  }

  .section_title_box .section_h2 {
    font-size: 2rem;
    bottom: -0.5rem;
  }

  .about > div:nth-of-type(1) > div:nth-of-type(1) > p {
    font-size: 1.6rem;
  }

  .about_card {
    height: 8rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .about_card > div {
    align-items: flex-start;
  }

  .about_card > div img {
    width: 2rem;
    height: 2rem;
  }

  .about_card > div h4 {
    font-size: 1.8rem;
    margin-top: 1rem;
  }

  .about_card p {
    font-size: 1.4rem;
    margin-top: auto;
  }

  .courses > div:nth-of-type(1) {
    margin-bottom: 2rem;
  }

  .courses .section_title_box {
    max-width: 100%;
  }
  
  .courses .section_title_box .section_h2 {
    bottom: 0rem;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
  }

  .courses_categories > div:nth-of-type(1) > p {
    font-size: 1.6rem;
  }

  .partners > div {
    grid-template-columns: repeat(1, 1fr);
  }

  .section_h2 {
    font-size: 2rem;
    margin-bottom: 2rem;
  }

  .media > div > div:nth-of-type(2) {
    grid-template-columns: repeat(1, 1fr);
  }

  .centers .section_title_box {
    margin-bottom: 1.5rem;
  }

  .section_title_box .section_h2 {
    margin-bottom: 0;
  }
  
  .contact {
    grid-template-columns: 1fr;
    row-gap: 2rem;
  }
}

@media only screen and (max-width: 900px) {
  .hero {
    padding-bottom: 16rem;
    margin-bottom: 18rem;
  }

  .hero_gradient {
    width: 100%;
  }

  .hero_content h1 br,
  .hero_content > p br {
    display: none;
  }

  .hero_content div {
    flex-wrap: wrap;
  }

  .section_title_box .section_h2 {
    font-size: 2rem;
    bottom: 0rem;
    margin-bottom: 0rem;
  }

  .about > div:nth-of-type(1) {
    grid-template-columns: repeat(1, 1fr);
    gap: 1.7rem;
    margin-bottom: 4rem;
  }

  .about > div:nth-of-type(1) > div:nth-of-type(1) > p {
    margin-bottom: 2.2rem;
    line-height: 2.3rem;
    word-spacing: 0.3rem;
  }

  .about > div:nth-of-type(1) > div:nth-of-type(1) a {
    width: 100%;
    justify-content: center;
  }

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

  .about {
    margin-bottom: 3rem;
  }

  .courses_categories > div:nth-of-type(1) {
    flex-direction: column;
  }

  .courses_categories > div:nth-of-type(1) > p {
    max-width: 100%;
  }
  
  .courses_categories > div:nth-of-type(1) a {
    margin-left: auto;
    margin-top: 2rem;
  }
  
  .courses_categories {
    margin-bottom: 2rem;
  }

  .courses_categories > div:nth-of-type(2) {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: unset;
  }

  .courses-curriculum-img-container {
    flex-direction: row;
    align-items: center;
    margin-bottom: 1rem;
  }

  .courses-curriculum-img-text {
    line-height: unset;
    font-size: 1.8;
  }
  
  .courses-curriculum-img {
    border-radius: 10px;
    width: 6.7rem;
    height: 4.5rem;
  }

  .courses-curriculum-img img {
    width: 2rem;
    height: 2rem;
  }

  .courses-curriculum-img-text {
    height: fit-content;
    margin-bottom: 0;
  }

  .courses_categories_card > div:nth-of-type(3) {
    margin-top: 1.4rem;
    padding-top: 1.4rem;
  }

  
  .courses_grid {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: unset;
  }

  .newsletter > div form {
    grid-template-columns: 1fr;
    width: 100%;
  }
}

@media only screen and (max-width: 700px) {
  .centers {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin-bottom: 4rem;
  }
  
  .small-mb-centers .centers {
    margin-bottom: 0rem;
  }

  .centers > div:nth-of-type(1) {
    display: contents;
  }

  .centers .section_title_box {
    order: 1;
    margin-bottom: 0.8rem;
  }

  .centers .section_title_box .section_h3 {
    text-align: center;
  }

  .centers .section_title_box .section_h2 {
    margin-bottom: -0.5rem;
    text-align: center;
    width: 100%;
  }

  .training-center-map-image {
    order: 2;
  }

  .training-center-map-image img {
    width: calc(100% + 40px);
    margin-left: -20px;
  }

  .training-center-marker {
    min-width: 3.8rem;
    height: 3.6rem;
    font-size: 1.3rem;
  }

  .centers_tabs {
    order: 3;
    gap: 0.8rem;
  }

  .centers_tabs > div button {
    padding: 0.9rem 1.4rem;
    font-size: 1.6rem;
  }

  .centers_tabs > div button > div {
    gap: 1rem;
  }

  .training-center-tab-icon {
    width: 3.6rem;
    height: 3.6rem;
  }

  .centers_tabs > div.centers_tabs_active > div {
    padding: 1.6rem 1.4rem;
  }

  .centers_tabs > div.centers_tabs_active > div h5 {
    font-size: 1.2rem;
    margin-bottom: 1.6rem;
  }

  .centers_tabs > div.centers_tabs_active > div > div {
    gap: 1.2rem;
  }

  .centers_tabs > div.centers_tabs_active > div > div > div a,
  .centers_tabs > div.centers_tabs_active > div > div > div p {
    font-size: 1.4rem;
  }

  .media > div > div:nth-of-type(1) {
    margin-bottom: 2.4rem;
    align-items: flex-start;
  }

  .media > div > div:nth-of-type(1) h2 {
    font-size: 2.4rem;
    line-height: 3rem;
  }

  .media > div > div:nth-of-type(1) a {
    display: none;
  }

  .media > div > div:nth-of-type(2) {
    grid-template-columns: 1fr;
    row-gap: 2rem;
  }

  .media > div > div:nth-of-type(2) > div:nth-of-type(1) {
    gap: 1.6rem;
  }

  .media_card {
    grid-template-columns: minmax(0, 19rem) minmax(0, 1fr);
    column-gap: 1.4rem;
    align-items: stretch;
  }

  .courses_categories > div:nth-of-type(2) {
    grid-template-columns: repeat(1, 1fr);
  }

  .courses_categories_card {
    padding: 2.3rem 2rem;
  }

  .courses_categories_card > div:nth-of-type(2) p {
    height: auto;
  }
  
  .courses_grid {
    grid-template-columns: repeat(1, 1fr);
  }

  .courses_card > div:nth-of-type(1) > div:nth-of-type(2) {
    top: 1.5rem;
    right: 1.5rem;
    left: unset;
  }
  .courses {
    margin-bottom: 3rem;
  }

  .partners > div > div:nth-of-type(2) {
    grid-template-columns: repeat(2, 1fr);
  }

  .partners > div > div:nth-of-type(1) a {
    width: 100%;
    justify-content: center;
  }

  .partners > div {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .media > div {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .media_card > div:nth-of-type(1) {
    height: 13rem;
    min-width: 0;
  }

  .media_card > div:nth-of-type(2) > div:nth-of-type(1) h4 {
    font-size: 1.6rem;
    line-height: 2.2rem;
    margin-bottom: 0.8rem;
  }

  .media_card > div:nth-of-type(2) > div:nth-of-type(1) p {
    display: none;
  }

  .media_card > div:nth-of-type(2) {
    min-width: 0;
  }

  .media_card > div:nth-of-type(2) > div:nth-of-type(2) {
    margin-top: 1rem;
    align-items: flex-start;
    justify-content: flex-start;
  }

  .media_card > div:nth-of-type(2) > div:nth-of-type(2) a {
    display: none;
  }

  .media_trending {
    padding: 1.6rem;
    gap: 2.4rem;
    border-radius: 1.6rem;
  }

  .media_trending > div:nth-of-type(1) > div:nth-of-type(1) {
    margin-bottom: 2.4rem;
  }

  .media_trending > div:nth-of-type(1) > div:nth-of-type(2) {
    gap: 2.4rem;
  }

  .media_trending form {
    padding: 2rem;
  }

  .media_trending form > p br {
    display: none;
  }


  .contact > div:nth-of-type(1) > div:nth-of-type(1) {
    height: 34rem;
    margin-bottom: 2rem;
  }

  .contact > div:nth-of-type(1) h2 {
    font-size: 3rem;
    line-height: 3.6rem;
    margin-bottom: 1.4rem;
  }

  .contact > div:nth-of-type(1) p {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }

  .contact > form {
    padding: 2rem 1.6rem 1.6rem;
  }

  .contact > form h2 {
    font-size: 2rem;
    line-height: 3rem;
    margin-bottom: 2rem;
  }

  .contact > form > div:nth-of-type(1) {
    grid-template-columns: 1fr;
    gap: 1.6rem;
    margin-bottom: 2.4rem;
  }

  .contact > form > div:nth-of-type(2) {
    margin-bottom: 2rem;
    align-items: center;
  }

  .contact_full_width_group {
    grid-column: auto;
  }

  .checkbox_group {
    gap: 1rem;
  }

  .newsletter > div {
    padding-top: 2rem;
    padding-bottom: 2rem;
    grid-template-columns: 1fr;
    row-gap: 2rem;
  }

  .newsletter > div > div > div:nth-of-type(1) > div {
    width: 3.6rem;
    height: 3.6rem;
  }

  .newsletter > div > div > div:nth-of-type(1) h2 {
    font-size: 2rem;
    line-height: 2.8rem;
  }

  .newsletter > div > div > p {
    font-size: 1.4rem;
    line-height: 2.4rem;
  }

  .newsletter > div > div > div:nth-of-type(2) {
    display: none;
  }

  .newsletter > div form {
    grid-template-columns: 1fr;
    row-gap: 1rem;
    width: 100%;
  }

  .newsletter > div form button {
    width: 100%;
    justify-content: center;
    padding: 1.2rem 1.6rem;
    font-size: 1.4rem;
  }
}

@media only screen and (max-width: 600px) {
  .hero_content div a:nth-of-type(1),
  .hero_content div button {
    width: 100%;
    justify-content: center;
  }

  .contact > div:nth-of-type(1) h2 {
    font-size: 2rem;
    line-height: 3rem;
  }

  .contact > div:nth-of-type(1) p {
    font-size: 1.4rem;
    line-height: 2.4rem;
  }

  .contact > form {
    padding: 1.6rem 1.2rem 1.4rem;
  }

  .contact > form button {
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
    margin-bottom: 1.4rem;
  font-size: 1.4rem;
  }

  .newsletter > div > div > div:nth-of-type(1) {
    margin-bottom: 1rem;
  }

  .newsletter > div > div > div:nth-of-type(1) h2 {
    font-size: 1.8rem;
  }

  .newsletter > div > div > p {
    font-size: 1.3rem;
    line-height: 2.2rem;
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 408px) {
  .courses > div:nth-of-type(1) {
      margin-bottom: 3.2rem;
  }

  .courses .section_title_box .section_h2 {
      bottom: -2.4rem;
  }
}



/* ===== v2 (CMS): taiere text carduri media pe randuri (responsive) =====
   Desktop: titlu 2 randuri, descriere 3 randuri. Mobil (<=700px): descriere 2 randuri.
   "..." e adaugat automat de line-clamp. Se aplica si la .media_card_on_white_bg (au si clasa .media_card). */
.media_card > div:nth-of-type(2) > div:nth-of-type(1) h4 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.media_card > div:nth-of-type(2) > div:nth-of-type(1) p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media only screen and (max-width: 700px) {
  .media_card > div:nth-of-type(2) > div:nth-of-type(1) p {
    -webkit-line-clamp: 2;
    line-clamp: 2;
  }
}


/* ===== v2 (CMS): cardurile de cursuri eoliene au N cursuri din DB, dar designul stiliza doar 2
   (nth-of-type(2) si (3)). Aplicam aceleasi stiluri TUTUROR blocurilor de curs (nth-of-type(n+2)). ===== */
.courses_card_eoliene > div:nth-of-type(2) > div:nth-of-type(n+2) {
  border-bottom: 1px solid var(--grey-2);
}
.courses_card_eoliene > div:nth-of-type(2) > div:nth-of-type(n+2) h5 {
  font-size: 1.4rem;
  font-weight: 700;
  font-family: var(--font-family-secondary);
  text-align: center;
  margin-bottom: 0.5rem;
}
.courses_card_eoliene > div:nth-of-type(2) > div:nth-of-type(n+2) > p {
  font-size: 1.4rem;
  margin-bottom: 0.5rem;
}
.courses_card_eoliene > div:nth-of-type(2) > div:nth-of-type(n+2) > div > div:nth-of-type(1) {
  gap: 0.4rem;
  font-size: 1.4rem;
  color: #6a7282;
}
.courses_card_eoliene > div:nth-of-type(2) > div:nth-of-type(n+2) > div > div:nth-of-type(2) {
  gap: 1rem;
  color: var(--dark-blue-2);
  font-family: var(--font-family-secondary);
  font-weight: 700;
  font-size: 1.2rem;
}
.courses_card_eoliene > div:nth-of-type(2) > div:nth-of-type(n+2) > div > div:nth-of-type(2) span {
  font-size: 1.6rem;
  line-height: 32px;
}

/* ===== v2 (CMS): descrierea cardului de curs se taie la max 5 randuri (inaltime fixa),
   ca toate cardurile sa aiba aceeasi inaltime de descriere -> pretul si butonul raman
   ALINIATE pe tot randul, iar butonul e mereu jos de tot. Asa textul se vede pana la 5
   randuri (apoi "..."), fara carduri uriase de 600px. ===== */
.courses_card {
  display: flex;
  flex-direction: column;
}
.courses_card > div:nth-of-type(2) {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
.courses_card > div:nth-of-type(2) > p {
  height: 13rem; /* 5 randuri x 26px line-height */
  margin-bottom: 2rem;
  display: -webkit-box;
  line-clamp: 5;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.courses_card > div:nth-of-type(2) > a {
  margin-top: auto;
}

/* idem pentru cardurile de cursuri eoliene (butonul + nota raman jos) */
.courses_card_eoliene {
  display: flex;
  flex-direction: column;
}
.courses_card_eoliene > div:nth-of-type(2) {
  flex: 1 1 auto;
}
.courses_card_eoliene > div:nth-of-type(2) > a {
  margin-top: auto;
}

/* ===== v2 (CMS): descrierea cursului (pagina de detaliu) vine din DB cu markup de Word
   (clasa MsoNormal + style inline: margin-left/text-indent 0.5in). Designul stiliza doar <p>
   copil direct al coloanei, dar noi o impachetam in .course_details_description, deci reaplicam
   aici tipografia designului si neutralizam indentarile Word (inline -> nevoie de !important). ===== */
.course_details_description {
  font-size: 1.6rem;
  font-weight: 300;
  font-family: var(--font-family-secondary);
  line-height: 26px;
  color: var(--dark-blue-2);
  margin-bottom: 2.8rem; /* spatiu fata de butoanele Book for Training (erau prea aproape) */
}
.course_details_description p,
.course_details_description li,
.course_details_description span {
  /* DB-ul are stiluri inline de Word (font-size:11pt; font-family:Calibri) direct pe <p>/<span>;
     inline-ul bate CSS-ul normal -> fortam tipografia designului cu !important. */
  font-size: 1.6rem !important;
  font-weight: 300;
  font-family: var(--font-family-secondary) !important;
  line-height: 26px !important;
  margin: 0 0 1.4rem 0 !important;
  text-indent: 0 !important;
}
.course_details_description strong,
.course_details_description b {
  font-weight: 700;
}
.course_details_description ul,
.course_details_description ol {
  margin: 0 0 1.4rem 2rem;
  padding-left: 1.2rem;
}
.course_details_description ul li {
  list-style: disc;
}
.course_details_description a {
  color: var(--green-1);
  text-decoration: underline;
}

/* ===== v2 (CMS): titlurile/imaginile cardurilor de curs sunt acum link-uri spre detaliu.
   La eoliene, regula butonului ".courses_card_eoliene > div:nth-of-type(2) a" (selector descendent)
   prindea si link-ul din titlu -> fundal verde + text alb. Resetam complet aspectul de buton si
   crestem specificitatea (selectorul butonului e 0,2,2; folosim 0,2,3) ca titlul sa ramana text simplu. ===== */
.courses_card h4 a,
.courses_card .full_size_img_wrapper a,
.courses_card_eoliene > div:nth-of-type(1) a,
.courses_card_eoliene > div:nth-of-type(2) h4 a {
  color: inherit;
  text-decoration: none;
  background: transparent;
  background-color: transparent;
  padding: 0;
  border: 0;
  border-radius: 0;
  font: inherit;
}

.courses_card:hover .full_size_img_wrapper img {
  transform: scale(1.1);
} 

/* ===== v2 (CMS): FAQ - categoria selectata din stanga (filtrul e in-place, JS). ===== */
.faq_categories a {
  transition: all .2s ease-in-out;
}

.faq_categories a.faq_category_active,
.faq_categories a:hover {
  border-color: var(--green-1);
  background-color: #88bd3f14;
}
.faq_categories a.faq_category_active > div:nth-of-type(2),
.faq_categories a:hover > div:nth-of-type(2) {
  background-color: var(--green-1);
  color: var(--white);
}
/* textul intrebarii aliniat la stanga: <button> are default text-align:center, mostenit de <p>
   (la intrebarile lungi din DB, care se desfac pe mai multe randuri, se vedea centrat). */
.faq_question > button,
.faq_question > button p {
  text-align: left;
}
/* spatiu intre grupurile de categorii cand sunt afisate toate ("Toate") */
.faq_questions_content {
  gap: 3.2rem;
}

/* ===== modules/auth.css ===== */
.auth_grid {
  display: grid;
  grid-template-columns: 517fr 923fr;
  transition: all 0.2s;
}

.auth_grid:hover .full_size_img_wrapper img {
  transform: scale(1);
}

.auth_grid_wide_form {
  grid-template-columns: 417fr 1024fr;
}

.auth_grid > div:nth-of-type(1) {
  padding-left: var(--side-padding);
  padding-right: var(--side-padding);
  position: relative;
}

.auth_grid > div:nth-of-type(1) > div:nth-of-type(1) {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.auth_grid > div:nth-of-type(1) > div:nth-of-type(1)::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--dark-blue-2);
  opacity: 85%;
}

.auth_grid > div:nth-of-type(1) > div:nth-of-type(2) {
  position: relative;
  z-index: 2;
  color: var(--white);
}

.auth_grid > div:nth-of-type(1) > div:nth-of-type(2) h2 {
  font-size: 3.6rem;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  margin-bottom: 3.2rem;
}

.auth_grid > div:nth-of-type(1) > div:nth-of-type(2) h2 span {
  color: var(--green-1);
}

.auth_grid > div:nth-of-type(1) > div:nth-of-type(2) p {
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 26px;
}

.auth_grid > div:nth-of-type(2) {
  padding-top: 3.3rem;
  padding-right: 6rem;
  padding-bottom: 5rem;
  padding-left: 3rem;
  border-left: 1px solid var(--grey-1);
}

.auth_grid > div:nth-of-type(2) > div {
  margin: 0 auto;
}

.login_active {
  max-width: 63rem;
  width: 100%;
}

.signup_active {
  max-width: 125rem;
  width: 100%;
}

.auth_grid > div:nth-of-type(2) > div > div:nth-of-type(1) {
  margin-bottom: 2rem;
}

.auth_login_signup_toggle {
  padding: 0.8rem 2.2rem;
  background-color: var(--grey-2);
  border-radius: 8px;
}

.auth_login_signup_toggle button {
  padding: 0.6rem 2rem;
  line-height: 38px;
  font-size: 1.6rem;
  transition: all 0.2s;
  border-radius: 8px;
}

.auth_login_signup_toggle_active_btn {
  background-color: var(--white);
  box-shadow: 0px 4px 4px 0px #d1d5dc4f;
}

.login_form,
.signup_form,
.reset_pass_form,
.register_form,
.upload_form {
  padding: 3.2rem;
  background-color: #f9fafb;
  border: 1px solid var(--grey-1);
  margin-bottom: 2rem;
  border-radius: 8px;
}

.reset_pass_form {
  width: 63rem;
  margin: 0 auto;
  margin-top: 3.3rem;
  margin-bottom: 9.3rem;
}

.reset_pass {
  padding-top: 3.3rem;
  padding-bottom: 5rem;
}

.login_form h1,
.signup_form h1,
.reset_pass_form h1,
.register_form h1,
.upload_form h1 {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 32px;
  margin-bottom: 2.4rem;
}

.login_form h1 span,
.signup_form h1 span,
.reset_pass_form h1 span,
.register_form h1 span,
.upload_form h1 span {
  color: var(--green-1);
}

.login_form > div,
.signup_form > div,
.reset_pass_form > div,
.register_form > div,
.upload_form > div {
  gap: 2rem;
}

.login_form > div > div,
.signup_form > div > div,
.reset_pass_form > div > div,
.register_form > div > div,
.upload_form > div > div,
.login_form > div > p,
.signup_form > div > p,
.reset_pass_form > div > p,
.login_form > div > a,
.reset_pass_form > div > a,
.login_form > div > button,
.signup_form > div > button,
.reset_pass_form > div > button,
.register_form > div > button,
.general-btn,
.project_register_submit,
.upload_form > div > button {
  width: 100%;
}

.login_form > div > p {
  text-align: center;
}

.login_form > div > div:nth-of-type(1),
.signup_form > div > div:nth-of-type(1),
.register_form > div > div:nth-of-type(1) {
  gap: 6.2rem;
}

.login_form > div > div:nth-of-type(1) > div,
.signup_form > div > div:nth-of-type(1) > div,
.register_form > div > div:nth-of-type(1) > div {
  gap: 1.4rem;
}

.login_form > div > div:nth-of-type(1) > div label,
.signup_form > div > div:nth-of-type(1) > div label,
.register_form > div > div:nth-of-type(1) > div label {
  font-size: 1.6rem;
}

.login_form > div > button,
.signup_form > div > button,
.reset_pass_form > div > button,
.register_form > div > button,
.project_register_submit,
.general-btn ,
.upload_form > div > button {
  background-color: var(--green-1);
  color: var(--white);
  padding: 1.2rem 2rem;
  gap: 1rem;
  font-size: 1.6rem;
  border-radius: 6px;
}

.login_form > div > p,
.signup_form > div > p,
.signup_form > div > p button,
.reset_pass_form > div > p {
  font-size: 1.4rem;
  color: #6a7282;
  transition: all .2s ease-in-out;
}

.signup_form > div > p button:hover {
  color:var(--hover-green);
}

.reset_pass_form > div > p {
  text-align: center;
}

.signup_form > div > p {
  text-align: center;
}

.login_form > div > p a,
.signup_form > div > p a {
  color: var(--green-1);
}

.login_form > div > a,
.reset_pass_form > div > a {
  text-align: center;
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--dark-blue-2);
  transition: all .2s ease-in-out;
}

.login_form > div > a:hover,
.reset_pass_form > div > a:hover {
  color:var(--hover-green);
}

.signup_form > div > div:nth-of-type(2) {
/* .register_form > div > div:nth-of-type(2) { */
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}

.auth_select_field {
  position: relative;
}

.auth_select_field::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1.6rem;
  width: 0.9rem;
  height: 0.9rem;
  border-right: 1.5px solid #a3a7ab;
  border-bottom: 1.5px solid #a3a7ab;
  transform: translateY(-65%) rotate(45deg);
  pointer-events: none;
}

.auth_select_field select {
  width: 100%;
  padding: 1.3rem 4rem 1.3rem 1.6rem;
  border: 1px solid var(--grey-1);
  border-radius: 6px;
  background-color: var(--white);
  color: #6a7282;
  font-family: inherit;
  font-size: 1.6rem;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
}

.auth_select_field select:focus {
  outline: none;
}

.auth_select_field select:valid {
  color: var(--black);
}

.auth_password_toggle {
  transition: opacity 0.2s ease;
}

.auth_password_field_visible .auth_password_toggle {
  opacity: 0.7;
}

.auth_grid > div:nth-of-type(2) > div > div:nth-of-type(2) {
  font-size: 1.6rem;
  color: var(--grey-1);
  text-transform: uppercase;
  gap: 2rem;
  margin-bottom: 2.5rem;
}

.auth_grid > div:nth-of-type(2) > div > div:nth-of-type(2) > div {
  flex-grow: 1;
  height: 1px;
  background-color: var(--grey-1);
}

.auth_grid > div:nth-of-type(2) > div > a {
  font-size: 1.6rem;
  line-height: 22px;
  background-color: #f9fafb;
  border-radius: 8px;
  border: 1px solid var(--green-1);
  padding: 2rem 1.6rem;
  gap: 1rem;
}

@media only screen and (max-width: 1100px) {
  .auth_grid {
    grid-template-columns: 460fr 980fr;
  }

  .auth_grid_wide_form {
    grid-template-columns: 360fr 1080fr;
  }

  .auth_grid > div:nth-of-type(1) {
    padding-left: 3.6rem;
    padding-right: 3.6rem;
  }

  .auth_grid > div:nth-of-type(1) > div:nth-of-type(2) h2 {
    font-size: 3.2rem;
    margin-bottom: 2.4rem;
  }

  .auth_grid > div:nth-of-type(1) > div:nth-of-type(2) p {
    font-size: 1.5rem;
    line-height: 2.4rem;
  }

  .auth_grid > div:nth-of-type(2) {
    padding-right: 3.6rem;
    padding-left: 2.4rem;
  }

  .signup_active {
    max-width: 98rem;
  }
}

@media only screen and (max-width: 900px) {
  .reset_pass {
    padding-top: 2.4rem;
    padding-bottom: 2.4rem;
  }

  .auth_grid,
  .auth_grid_wide_form {
    grid-template-columns: 1fr;
  }

  .auth_grid > div:nth-of-type(1) {
    display: none;
  }

  .auth_grid > div:nth-of-type(2) {
    padding-top: 2.4rem;
    padding-right: var(--side-padding);
    padding-bottom: 2.4rem;
    padding-left: var(--side-padding);
    border-left: 0;
  }

  .login_active,
  .signup_active {
    max-width: 68rem;
  }

  .auth_grid > div:nth-of-type(2) > div > div:nth-of-type(1) {
    margin-bottom: 1.6rem;
  }

  .auth_login_signup_toggle {
    width: 100%;
    max-width: 38rem;
    padding: 0.6rem;
  }

  .auth_login_signup_toggle button {
    width: 50%;
  }

  .login_form,
  .signup_form,
  .reset_pass_form,
  .register_form,
  .upload_form {
    padding: 2.2rem;
    margin-bottom: 1.6rem;
  }

  .reset_pass_form {
    width: 100%;
    margin-top: 2.4rem;
    margin-bottom: 0;
    max-width: 68rem;
  }

  .login_form h1,
  .signup_form h1,
  .reset_pass_form h1,
  .register_form h1,
  .upload_form h1 {
    font-size: 2rem;
    line-height: 2.8rem;
    margin-bottom: 1.4rem;
  }

  .login_form > div,
  .signup_form > div,
  .reset_pass_form > div,
  .register_form > div,
  .upload_form > div {
    gap: 1.6rem;
  }

  .login_form > div > div:nth-of-type(1),
  .signup_form > div > div:nth-of-type(1),
  .register_form > div > div:nth-of-type(1) {
    gap: 2.4rem;
    flex-wrap: wrap;
  }

  .login_form > div > div:nth-of-type(1) > div,
  .signup_form > div > div:nth-of-type(1) > div,
  .register_form > div > div:nth-of-type(1) > div {
    gap: 1rem;
  }

  .login_form > div > div:nth-of-type(1) > div label,
  .signup_form > div > div:nth-of-type(1) > div label,
  .register_form > div > div:nth-of-type(1) > div label {
    font-size: 1.5rem;
  }

  .signup_form > div > div:nth-of-type(2),
  .register_form > div > div:nth-of-type(2) {
    grid-template-columns: 1fr 1fr;
    gap: 1.6rem;
  }

  .login_form > div > button,
  .signup_form > div > button,
  .reset_pass_form > div > button,
  .register_form > div > button,
  .project_register_submit,
  .general-btn ,
  .upload_form > div > button {
    padding: 1.2rem 1.6rem;
    font-size: 1.5rem;
  }

  .login_form > div > p,
  .signup_form > div > p,
  .reset_pass_form > div > p,
  .login_form > div > a,
  .reset_pass_form > div > a {
    font-size: 1.4rem;
  }

  .auth_grid > div:nth-of-type(2) > div > a {
    padding: 1.6rem 1.4rem;
  }
}

@media only screen and (max-width: 700px) {
  .reset_pass {
    padding-top: 1.6rem;
    padding-bottom: 2rem;
  }

  .auth_grid > div:nth-of-type(2) {
    padding-top: 1.6rem;
    padding-bottom: 2rem;
  }

  .auth_login_signup_toggle {
    max-width: 100%;
    border-radius: 0.8rem;
  }

  .login_form,
  .signup_form,
  .reset_pass_form,
  .register_form,
  .upload_form {
    padding: 1.6rem 1.4rem;
    border-radius: 0.8rem;
  }

  .login_form > div,
  .signup_form > div,
  .reset_pass_form > div,
  .register_form > div,
  .upload_form > div {
    gap: 1.4rem;
  }

  .login_form > div > div:nth-of-type(1),
  .signup_form > div > div:nth-of-type(1),
  .register_form > div > div:nth-of-type(1) {
    gap: 1.8rem;
  }

  .login_form > div > div:nth-of-type(1) > div label,
  .signup_form > div > div:nth-of-type(1) > div label,
  .register_form > div > div:nth-of-type(1) > div label {
    font-size: 1.4rem;
  }

  .signup_form > div > div:nth-of-type(2),
  .register_form > div > div:nth-of-type(2) {
    grid-template-columns: 1fr;
    gap: 1.2rem;
  }

  .login_form > div > button,
  .signup_form > div > button,
  .reset_pass_form > div > button,
  .register_form > div > button,
  .project_register_submit,
  .general-btn,
  .upload_form > div > button {
    padding: 1rem 1.2rem;
    gap: 0.8rem;
    font-size: 1.4rem;
  }

  .login_form > div > a,
  .reset_pass_form > div > a {
    font-size: 1.4rem;
  }

  .auth_grid > div:nth-of-type(2) > div > div:nth-of-type(2) {
    margin-bottom: 1.6rem;
  }

  .auth_grid > div:nth-of-type(2) > div > a {
    padding: 1.4rem 1.2rem;
    gap: 0.8rem;
  }

  .reset_pass_form {
    max-width: 39rem;
    margin-top: 0;
  }
}

@media only screen and (max-width: 480px) {
  .reset_pass {
    padding-top: 1.2rem;
    padding-bottom: 1.6rem;
  }

  .auth_grid > div:nth-of-type(2) {
    padding-top: 1.2rem;
    padding-bottom: 1.6rem;
  }


  .login_form,
  .signup_form,
  .reset_pass_form,
  .register_form,
  .upload_form {
    padding: 1.4rem 1.2rem;
  }

  .login_form > div > div:nth-of-type(1),
  .signup_form > div > div:nth-of-type(1),
  .register_form > div > div:nth-of-type(1) {
    flex-direction: row;
    align-items: flex-start;
    gap: 1.4rem;
  }

  .reset_pass_form {
    max-width: 100%;
  }
}

/* ===== modules/authPartners.css ===== */
.auth_partners_grid {
  display: grid;
  grid-template-columns: 417fr 1023fr;
}

.auth_partners_grid .full_size_img_wrapper:hover img {
  transform: scale(1);
}

.auth_partners_grid > div:nth-of-type(1) {
  padding: var(--side-padding);
  position: relative;
}

.auth_partners_grid > div:nth-of-type(1) > div:nth-of-type(1) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.auth_partners_grid > div:nth-of-type(1) > div:nth-of-type(1)::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(0, 86, 140, 0.8);
}

.auth_partners_grid > div:nth-of-type(1) > div:nth-of-type(2) {
  position: relative;
  z-index: 2;
  color: var(--white);
}

.auth_partners_grid > div:nth-of-type(1) > div:nth-of-type(2) > h2:nth-of-type(1) {
  font-size: 3rem;
  font-weight: 700;
  font-family: var(--font-family-secondary);
  color: var(--green-2);
  margin-bottom: 2rem;
}

.auth_partners_grid > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(1) {
  gap: 2rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid var(--white);
  margin-bottom: 2rem;
}

.auth_partners_grid > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(1) > div {
  gap: 2rem;
  opacity: 70%;
}

.auth_partners_grid > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(1) > div.auth_partners_active_step {
  opacity: 100%;
}

.auth_partners_grid > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(1) > div > div:nth-of-type(1) {
  width: 2.6rem;
  height: 2.6rem;
  background-color: var(--green-1);
  border-radius: 50%;
  font-size: 1.6rem;
  font-weight: 600;
  font-family: var(--font-family-secondary);
  color: var(--white);
  flex-shrink: 0;
}

.auth_partners_grid > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(1) > div h3 {
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 2.5rem;
}

.auth_partners_grid > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(1) > div p {
  font-size: 1.4rem;
  line-height: 2rem;
}

.auth_partners_grid > div:nth-of-type(1) > div:nth-of-type(2) > h2:nth-of-type(2) {
  font-size: 1.6rem;
  font-weight: 300;
  font-family: var(--font-family-secondary);
  margin-bottom: 1.6rem;
}

.auth_partners_grid > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(2) {
  gap: 2rem;
  width: 21rem;
}

.auth_partners_grid > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(2) a {
  gap: 1rem;
  background-color: var(--green-1);
  color: var(--black);
  padding: 1.1rem 1.5rem;
  border-radius: 10px;
  font-size: 1.6rem;
  font-weight: 300;
  font-family: var(--font-family-secondary);
}

.auth_partners_grid > div:nth-of-type(2) {
  padding: 3.8rem 3rem;
}

.auth_partners_grid > div:nth-of-type(2) > div:nth-of-type(1) {
  margin-bottom: 3.8rem;
}

.auth_partners_grid > div:nth-of-type(2) > div:nth-of-type(1) a {
  padding: 1.3rem 2.8rem;
  border: 1px solid var(--dark-blue-2);
  color: var(--dark-blue-2);
  border-radius: 6px;
  font-size: 1.6rem;
  gap: 1rem;
}

.auth_partners_grid > div:nth-of-type(2) > div:nth-of-type(2) {
  border-radius: 8px;
  background-color: #f9fafb;
  border: 1px solid var(--grey-1);
  padding: 3.2rem;
}

.auth_partners_grid > div:nth-of-type(2) > div:nth-of-type(2) h2 {
  font-size: 2.4rem;
  font-weight: 700;
  margin-bottom: 2.4rem;
}

.auth_partners_grid > div:nth-of-type(2) > div:nth-of-type(2) h2 span {
  color: var(--green-1);
}

.auth_partners_grid > div:nth-of-type(2) > div:nth-of-type(2) > div {
  margin-bottom: 2rem;
  gap: 1.5rem;
  padding-left: 1.6rem;
  padding-right: 1.6rem;
}

.auth_partners_grid > div:nth-of-type(2) > div:nth-of-type(2) > div button {
  width: 100%;
  background-color: #f4f4f4;
  border-radius: 8px;
  border: 1px solid var(--grey-1);
  padding: 1rem 1.2rem;
  transition: all 0.2s;
}

.auth_partners_grid > div:nth-of-type(2) > div:nth-of-type(2) > div button:hover,
.auth_partners_grid > div:nth-of-type(2) > div:nth-of-type(2) > div button.auth_partners_selected_project_btn {
  background-color: #88bd3f40;
}

.auth_partners_grid > div:nth-of-type(2) > div:nth-of-type(2) > div button > div {
  gap: 1.4rem;
}

.auth_partners_grid > div:nth-of-type(2) > div:nth-of-type(2) > div button > div > div:nth-of-type(1) {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 5px;
  border: 1px solid var(--black);
}

.auth_partners_grid > div:nth-of-type(2) > div:nth-of-type(2) > div button > div > div:nth-of-type(2) {
  text-align: left;
}

.auth_partners_grid > div:nth-of-type(2) > div:nth-of-type(2) > div button > div > div:nth-of-type(2) p {
  font-size: 1.8rem;
  font-weight: 600;
}

.auth_partners_grid > div:nth-of-type(2) > div:nth-of-type(2) > div button > div > div:nth-of-type(2) span {
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 22px;
  /* descrierea proiectului: maxim 2 randuri, restul taiat cu "..." (ca butonul de detalii sa ramana inline) */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.auth_partners_grid > div:nth-of-type(2) > div:nth-of-type(2) > div button a {
  color: var(--dark-blue-2);
  font-weight: 500;
  font-size: 1.4rem;
  gap: 1.5rem;
  /* "Vezi detalii proiect" mereu pe un singur rand, fara sa se micsoreze */
  flex-shrink: 0;
  white-space: nowrap;
}

.auth_partners_grid > div:nth-of-type(2) > div:nth-of-type(2) > button {
  background-color: var(--green-1);
  color: var(--white);
  gap: 1rem;
  width: 100%;
  border-radius: 6px;
  padding: 1.3rem 2rem;
  font-size: 1.6rem;
}

@media only screen and (max-width: 1100px) {
  .auth_partners_grid {
    grid-template-columns: 360fr 1080fr;
  }

  .auth_partners_grid > div:nth-of-type(1) {
    padding: 3.6rem;
  }

  .auth_partners_grid > div:nth-of-type(2) {
    padding: 3.2rem 2.4rem;
  }

  .auth_partners_grid > div:nth-of-type(2) > div:nth-of-type(2) > div {
    padding-left: 0;
    padding-right: 0;
  }
}

@media only screen and (max-width: 900px) {
  .auth_partners_grid {
    grid-template-columns: 1fr;
  }

  .auth_partners_grid > div:nth-of-type(1) {
    padding: 2.4rem var(--side-padding);
    min-height: 0;
  }

  .auth_partners_grid > div:nth-of-type(1) > div:nth-of-type(2) > h2:nth-of-type(1) {
    font-size: 2.6rem;
    margin-bottom: 1.6rem;
  }

  .auth_partners_grid > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(1) {
    gap: 1.6rem;
    padding-bottom: 1.6rem;
    margin-bottom: 1.6rem;
  }

  .auth_partners_grid > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(1) > div {
    gap: 1.6rem;
  }

  .auth_partners_grid > div:nth-of-type(1) > div:nth-of-type(2) > h2:nth-of-type(2) {
    font-size: 1.5rem;
    margin-bottom: 1.2rem;
  }

  .auth_partners_grid > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(2) {
    width: 100%;
    max-width: 32rem;
    gap: 1.2rem;
  }

  .auth_partners_grid > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(2) a {
    font-size: 1.5rem;
    padding: 1rem 1.4rem;
  }

  .auth_partners_grid > div:nth-of-type(2) {
    padding: 2.4rem var(--side-padding);
  }

  .auth_partners_grid > div:nth-of-type(2) > div:nth-of-type(1) {
    margin-bottom: 2rem;
    gap: 1rem;
    flex-direction: column-reverse;
    align-items: stretch;
  }

  .auth_partners_grid > div:nth-of-type(2) > div:nth-of-type(2) {
    padding: 2.2rem;
  }

  .auth_partners_grid > div:nth-of-type(2) > div:nth-of-type(2) h2 {
    font-size: 2rem;
    margin-bottom: 1.8rem;
  }

  .auth_partners_grid > div:nth-of-type(2) > div:nth-of-type(2) > div {
    margin-bottom: 1.6rem;
    gap: 1.2rem;
    padding-left: 0;
    padding-right: 0;
  }

  .auth_partners_grid > div:nth-of-type(2) > div:nth-of-type(2) > div button {
    padding: 1rem 1.2rem;
  }

  .auth_partners_grid > div:nth-of-type(2) > div:nth-of-type(2) > div button > div > div:nth-of-type(2) p {
    font-size: 1.6rem;
  }

  .auth_partners_grid > div:nth-of-type(2) > div:nth-of-type(2) > div button > div > div:nth-of-type(2) span {
    font-size: 1.4rem;
    line-height: 2rem;
  }

  .auth_partners_grid > div:nth-of-type(2) > div:nth-of-type(2) > div button a {
    gap: 1rem;
  }
}

@media only screen and (max-width: 700px) {
  .auth_partners_grid > div:nth-of-type(1) {
    padding: 1.7rem var(--side-padding);
  }

  .auth_partners_grid > div:nth-of-type(1) > div:nth-of-type(2) > h2:nth-of-type(1) {
    font-size: 2rem;
    margin-bottom: 0.8rem;
  }

  .auth_partners_grid > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(1) {
    gap: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
  }

  .auth_partners_grid > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(1) > div {
    display: none;
  }

  .auth_partners_step_1 > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(1),
  .auth_partners_step_2 > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(2),
  .auth_partners_step_3 > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(3) {
    display: flex;
  }

  .auth_partners_grid > div:nth-of-type(1) > div:nth-of-type(2) > h2:nth-of-type(2) {
    display: none;
  }

  .auth_partners_grid > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(2) {
    display: none;
  }

  .auth_partners_grid > div:nth-of-type(2) {
    display: flex;
    flex-direction: column;
    padding: 1.2rem var(--side-padding) 2rem;
  }

  .auth_partners_grid > div:nth-of-type(2) > div:nth-of-type(1) {
    order: 2;
    margin-bottom: 0;
    margin-top: 1.2rem;
    gap: 0.8rem;
    align-items: stretch;
  }


  .auth_partners_grid > div:nth-of-type(2) > div:nth-of-type(2) {
    order: 1;
    padding: 1.4rem 1.2rem;
    border-radius: 0.8rem;
  }

  .auth_partners_grid > div:nth-of-type(2) > div:nth-of-type(2) > div {
    gap: 0.8rem;
    margin-bottom: 1.2rem;
  }

  .auth_partners_grid > div:nth-of-type(2) > div:nth-of-type(2) > div button {
    padding: 1rem;
    display: block;
  }

  .auth_partners_grid > div:nth-of-type(2) > div:nth-of-type(2) > div button > div {
    width: 100%;
    gap: 0.8rem;
  }

  .auth_partners_grid > div:nth-of-type(2) > div:nth-of-type(2) > div button > div > div:nth-of-type(1) {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 0.4rem;
  }

  .auth_partners_grid > div:nth-of-type(2) > div:nth-of-type(2) > div button a {
    width: 100%;
    justify-content: space-between;
    margin-top: 0.8rem;
    gap: 0.8rem;
  }
  
  .auth_partners_grid > div:nth-of-type(2) > div:nth-of-type(1) a,
  .auth_partners_grid > div:nth-of-type(2) > div:nth-of-type(2) > button {
    font-size: 1.4rem;
  }
}

@media only screen and (max-width: 480px) {
  .auth_partners_grid > div:nth-of-type(2) > div:nth-of-type(2) {
    padding: 1.4rem 1.2rem;
  }
}

/* ===== modules/courses.css ===== */
.courses_top-side {
  display: flex;
  flex-direction: column;
}
/* User LOGAT: sectiunea CTA (.courses_intro_section) e ascunsa -> grid-ul devine primul copil.
   Ii dam inapoi spatiul de sus (venea din padding-ul intro-ului) ca sa nu se lipeasca de titlu.
   Regula e pe DOM (:first-child) -> la NELOGAT grid-ul e al 2-lea copil, deci nu se aplica (inclusiv mobil). */
.courses_top-side > .courses_page_grid:first-child {
  padding-top: 4.4rem;
}
.courses_intro_section {
  padding-top: 3rem;
  padding-bottom: 4.4rem;
  width: 100%;
}

.courses_header_section > div:nth-of-type(1) {
  margin-top: 3rem;
}

.courses_intro_section-container {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
  gap: 2.5rem;
  align-items: start;
}

.courses_intro_section-phone-app {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}

.courses_intro_section-phone-app-content {
  display: grid;
  grid-template-columns: 1fr 15rem;
  gap: .5rem 2.4rem;
  align-items: center;
  padding: 3rem 3.5rem 3rem 3.5rem;
  border-radius: 2rem;
  background: linear-gradient(180deg, #232764 0%, #355c97 100%);
  overflow: hidden;
  min-height: 30rem;
}

.courses_intro_section-phone-app.full-banner .courses_intro_section-phone-app-content {
  display: flex;
  flex-direction: row;
  border-radius: 0;
  gap: 7rem;
  padding-left: 0;
  padding-right: 0;
}

.courses_intro_section-phone-app-text {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.courses_intro_section-phone-app.full-banner .courses_intro_section-phone-app-text {
  max-width: 85rem;
}

.courses_intro_section-phone-app-text-h3 {
  margin-bottom: 2.4rem;
  color: var(--white);
  font-family: var(--font-family-secondary);
  font-size: 2.7rem;
  line-height: 3.5rem;
  font-weight: 700;
  max-width: 44rem;
}


.full-banner .courses_intro_section-phone-app-text-h3 {
  max-width: 100%;
  font-size: 3.5rem;
}

.courses_intro_section-phone-app-text-h3 span {
  color: var(--green-1);
}

.courses_intro_section-phone-app-text-p-list {
  display: flex;
  flex-direction: column;
  gap: .8rem;
  margin: 2.5rem 0;
}

.courses_intro_section-phone-app-text-p {
  max-width: 49rem;
  color: #fff;
  font-size: 1.5rem;
  line-height: 2.2rem;
  font-weight: 400;
}

.courses_intro_section-phone-app.full-banner .courses_intro_section-phone-app-text-p {
  font-size: 1.8rem;
  max-width: 100%;
}

.courses_intro_section-phone-app-text-p-list .courses_intro_section-phone-app-text-p {
  font-weight: 600;
  display: flex;
  flex-direction: row;
  gap: 1rem;
  padding-left: 1rem;
}

.courses_intro_section-phone-app-downloads {
  display: flex;
  flex-wrap: wrap;
  grid-column: 1 / -1;
  gap: 1.6rem;
}

.courses_intro_section-phone-app-downloads a {
  display: inline-flex;
  transition: transform .2s ease-in-out;
}

.courses_intro_section-phone-app-downloads a:hover {
  transform: translateY(-2px);
}

.courses_intro_section-phone-app-downloads img {
  width: 15.2rem;
  height: auto;
  display: block;
}

.courses_intro_section-phone-app-image {
  align-self: start;
}

.full-banner .courses_intro_section-phone-app-image {
  width: 100%;
  max-width: 26rem;
  height: 100%;
  max-height: 34rem;
}

.courses_intro_section-phone-app-image.mobile {
  display: none;
}

.courses_intro_section-phone-app-image img {
  width: 100%;
  height: 100%;
  display: block;
}


.cta-auth-container {
  display: flex;
  flex-direction: column;
  grid-column: 2;
  grid-row: 1;
}

.courses_intro_section-platform-benefits {
  padding: 1rem;
  border: 1px solid var(--grey-1);
  border-radius: 1.2rem;
  font-size: 1.3rem;
  justify-content: center;
  gap: 1rem;
  justify-content: space-between;
}

.courses_intro_section-platform-benefits.mobile {
  display: none;
}

.courses_intro_section-platform-benefits > div {
  gap: 0.8rem;
}

.courses_intro_section-platform-benefits > div > div {
  width: 2.8rem;
  height: 2.8rem;
  background-color: #eef5f1;
  border: 1px solid var(--grey-1);
  border-radius: 10px;
  flex-shrink: 0;
}

.cta_auth_text {
  /* text-align: center; */
  font-size: 1.4rem;
  margin-top: 2rem;
}

.cta_auth_text a {
  color: var(--dark-blue-2);
  transition: all .2s ease-in-out;
  font-weight: 500;
}

.cta_auth_text a:hover {
  color: var(--hover-green);
}

.courses_page_grid {
  margin-bottom: 5rem;
  width: 100%;
}

.courses_table_section {
  margin-bottom: 4rem;
}

.courses_table_section h2 {
  margin-bottom: 2rem;
}

.courses_table {
  border-collapse: collapse;
  width: 100%;
  border: 1px solid var(--grey-2);
}

.courses_table tr {
  width: 100%;
  display: grid;
  grid-template-columns: 85fr 106fr 846fr 110fr 155fr;
}

.courses_table thead tr th {
  padding-top: 1.1rem;
  padding-bottom: 1.1rem;
  background-color: #e7f4fd;
  color: #7e80af;
  font-family: var(--font-family-secondary);
  text-transform: uppercase;
  font-size: 1.4rem;
  font-weight: 500;
}

.courses_table tbody tr {
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
}

.courses_table tbody tr:nth-child(even) {
  background-color: #eeeeee;
}

.courses_table tbody tr:nth-child(odd) {
  background-color: var(--white);
}

.courses_table tbody tr td:nth-of-type(1) {
  font-size: 1.6rem;
}

.courses_table tbody tr td:nth-of-type(2) {
  font-size: 1.6rem;
  font-weight: 600;
  color: var(--green-1);
}

.courses_table tbody tr td:nth-of-type(3) {
  font-size: 1.6rem;
}

.courses_table tbody tr td:nth-of-type(4) {
  font-size: 1.6rem;
}

.courses_table tbody tr td:nth-of-type(5) {
  gap: 0.8rem;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  color: var(--dark-blue-2);
  font-size: 1.2rem;
  line-height: 32px;
}

.courses_table tbody tr td:nth-of-type(5) span {
  font-size: 1.6rem;
}

@media only screen and (max-width: 1300px) {
  .courses_intro_section-container {
    gap: 1.5rem;
  }
}

@media only screen and (max-width: 1200px) {

  .courses_intro_section-phone-app-content {
    padding: 2.4rem;
    grid-template-columns: 1fr 9.7rem;
    gap: 1rem;
    min-height: 22rem;
  }
  
  .courses_intro_section-phone-app-text-h3 {
    font-size: 2rem;
    line-height: unset;
  }

  .full-banner .courses_intro_section-phone-app-text-h3 {
    font-size: 2.4rem;
    line-height: 3rem;
  }

  .courses_intro_section-phone-app.full-banner .courses_intro_section-phone-app-text-p {
    font-size: 1.4rem;
  }
}

@media only screen and (max-width: 900px) {
  .courses_top-side {
    flex-direction: column-reverse;
  }

  .courses_intro_section-phone-app {
    margin-bottom: 3rem;
  }

  .courses_intro_section-phone-app.full-banner {
    margin-bottom: 0rem;
  }

  .courses_intro_section-container {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .cta-auth-container,
  .courses_intro_section-platform-benefits,
  .cta_auth_text {
    grid-column: auto;
    grid-row: auto;
  }

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

  .courses_intro_section {
    padding-top: 2.4rem;
    padding-bottom: 2.3rem;
  }

  .courses_header_section > div:nth-of-type(1) {
    margin-top: 2rem;
  }

  .cta_auth {
    grid-template-columns: 1fr;
    gap: 1.2rem;
    margin-bottom: 1rem;
  }

  .cta_auth > div {
    border-radius: 2rem;
    padding: 1.6rem;
  }

  .cta_auth > div > div {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.2rem;
    margin-bottom: 1.2rem;
  }

  .cta_auth > div > div > div {
    gap: 1.2rem;
  }

  .cta_auth > div > div > div > div {
    width: 4rem;
    height: 4rem;
    border-radius: 1.2rem;
  }
  .courses_intro_section-phone-app-text-h3,
  .cta_auth > div > div > div > h3 {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }


  .cta_auth > div > div > a {
    width: 100%;
    justify-content: center;
    padding: 1.2rem 1.6rem;
    font-size: 1.4rem;
    display: none;
  }

  .cta_auth > div > p {
    font-size: 1.4rem;
    line-height: 2.2rem;
  }

  .courses_intro_section-platform-benefits {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.2rem 1.6rem;
    padding: 1.6rem;
    border-radius: 1.6rem;
    margin-bottom: 1rem;
    border: 0;
    max-width: 500px;
  }
  
  .courses_intro_section-platform-benefits.mobile {
    display: none;
  }

  .courses_intro_section-platform-benefits > div {
    justify-content: flex-start;
  }

  .courses_intro_section-platform-benefits > div p {
    font-size: 1.4rem;
    line-height: 2rem;
  }

  .cta_auth_text {
    font-size: 1.4rem;
    line-height: 2.2rem;
  }

  .courses_page_grid {
    grid-template-columns: 1fr;
    gap: 1.6rem;
    margin-bottom: 1.2rem;
  }

  .courses_card_eoliene {
    max-width: 60rem;
    width: 100%;
    margin: 0 auto;
  }

  .courses_table_section {
    margin-bottom: 2.5rem;
  }

  .courses_table_section h2 {
    font-size: 2.6rem;
    margin-bottom: 1.6rem;
  }

  .courses_table {
    border: 1px solid var(--grey-2);
  }

  .courses_table thead {
    display: none;
  }

  .courses_table tbody {
    display: block;
  }

  .courses_table tbody tr {
    display: grid;
    grid-template-columns: 2.4rem 4.8rem minmax(0, 1fr);
    grid-template-areas:
      "nr code title"
      "duration duration price";
    gap: 0.6rem 1rem;
    align-items: start;
    padding: 1.4rem 1.6rem;
  }

  .courses_table tbody tr td {
    min-width: 0;
    padding: 0;
    justify-content: flex-start;
  }

  .courses_table tbody tr td:nth-of-type(1) {
    grid-area: nr;
    font-size: 1.4rem;
  }

  .courses_table tbody tr td:nth-of-type(2) {
    grid-area: code;
    font-size: 1.4rem;
  }

  .courses_table tbody tr td:nth-of-type(3) {
    grid-area: title;
    font-size: 1.4rem;
    line-height: 2.1rem;
  }

  .courses_table tbody tr td:nth-of-type(4) {
    grid-area: duration;
    font-size: 1.4rem;
    color: #111927;
  }

  .courses_table tbody tr td:nth-of-type(5) {
    grid-area: price;
    justify-content: flex-end;
    text-align: right;
    font-size: 1.4rem;
    line-height: 2.1rem;
  }

  .courses_table tbody tr td:nth-of-type(5) span {
    font-size: 1.6rem;
  }

  .courses_intro_section-phone-app-text-p-wrapper {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 1rem;
    margin: 1.5rem 0;
  }

  .full-banner .courses_intro_section-phone-app-image.desktop {
    display: none;
  }

  .full-banner .courses_intro_section-phone-app-image.mobile {
    display: flex;
    max-width: 14rem;
    max-height: 20rem;
  }

  .courses_intro_section-phone-app-text-p-list {
    margin: 0;
  }

  .courses_intro_section-phone-app-text-h3 {
    margin-bottom: 1.4rem;
  }
  
  .courses_intro_section-phone-app-text-p {
    font-size: 1.4rem;
  }

  .courses_intro_section-platform-benefits.desktop {
    display: none;
  }

  .courses_intro_section-platform-benefits.mobile {
    display: grid;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 700px) {
  .courses_intro_section .section_h2 {
    font-size: 3.2rem;
    line-height: 3.8rem;
  }

  .courses_card_eoliene > div:nth-of-type(1) {
    height: 17.2rem;
  }

  .courses_card_eoliene > div:nth-of-type(1) > div {
    top: 1rem;
    left: 1rem;
    padding: 0.4rem 1rem;
    font-size: 1.2rem;
  }

  .courses_card_eoliene > div:nth-of-type(2) {
    padding: 1.4rem 1.2rem 1.2rem;
    gap: 0.8rem;
  }

  .courses_card_eoliene > div:nth-of-type(2) > div:nth-of-type(1) {
    height: auto;
    padding-bottom: 0.8rem;
  }

  .courses_card_eoliene > div:nth-of-type(2) > div:nth-of-type(1) h4 {
    font-size: 1.7rem;
    line-height: 2.3rem;
    text-align: center;
  }

  .courses_card_eoliene > div:nth-of-type(2) > div:nth-of-type(2) h5,
  .courses_card_eoliene > div:nth-of-type(2) > div:nth-of-type(3) h5 {
    font-size: 1.4rem;
    margin-bottom: 0.5rem;
  }

  .courses_card_eoliene > div:nth-of-type(2) > div:nth-of-type(2) > p,
  .courses_card_eoliene > div:nth-of-type(2) > div:nth-of-type(3) > p {
    font-size: 1.4rem;
    margin-bottom: 0.6rem;
  }

  .courses_card_eoliene
    > div:nth-of-type(2)
    > div:nth-of-type(2)
    > div
    > div:nth-of-type(1),
  .courses_card_eoliene
    > div:nth-of-type(2)
    > div:nth-of-type(3)
    > div
    > div:nth-of-type(1) {
    font-size: 1.4rem;
  }

  .courses_card_eoliene
    > div:nth-of-type(2)
    > div:nth-of-type(2)
    > div
    > div:nth-of-type(2),
  .courses_card_eoliene
    > div:nth-of-type(2)
    > div:nth-of-type(3)
    > div
    > div:nth-of-type(2) {
    gap: 0.5rem;
    font-size: 1.5rem;
  }

  .courses_card_eoliene
    > div:nth-of-type(2)
    > div:nth-of-type(2)
    > div
    > div:nth-of-type(2)
    span,
  .courses_card_eoliene
    > div:nth-of-type(2)
    > div:nth-of-type(3)
    > div
    > div:nth-of-type(2)
    span {
    font-size: 1.5rem;
  }

  .courses_card_eoliene > div:nth-of-type(2) a {
    padding: 0.9rem 1.2rem;
    font-size: 1.4rem;
    gap: 0.6rem;
  }

  .courses_card_eoliene > div:nth-of-type(2) > span {
    font-size: 1.2rem;
    line-height: 1.7rem;
    max-width: 350px;
  }

  .courses_table_section h2 {
    font-size: 1.8rem;
    margin-bottom: 1.4rem;
  }

  .courses_table tbody tr {
    grid-template-columns: 2.2rem 4.2rem minmax(0, 1fr);
    gap: 0.5rem 0.8rem;
    padding: 1.2rem;
  }

  .courses_table tbody tr td:nth-of-type(1) {
    font-size: 1.3rem;
  }

  .courses_table tbody tr td:nth-of-type(2) {
    font-size: 1.3rem;
  }

  .courses_table tbody tr td:nth-of-type(3) {
    font-size: 1.4rem;
    line-height: 1.9rem;
  }

  .courses_table tbody tr td:nth-of-type(4) {
    font-size: 1.3rem;
    color: #111927;
  }

  .courses_table tbody tr td:nth-of-type(5) {
    font-size: 1.3rem;
    line-height: 1.9rem;
  }

  .courses_table tbody tr td:nth-of-type(5) span {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

@media only screen and (max-width: 480px) {
  .courses_intro_section .section_h2 {
    font-size: 2.8rem;
    line-height: 3.4rem;
  }

  .cta_auth > div {
    padding: 1.4rem;
  }

  .courses_intro_section-platform-benefits {
    grid-template-columns: 1fr 1fr;
    gap: 1rem 1.2rem;
    padding: 1.2rem;
  }

  .courses_intro_section-platform-benefits > div > div {
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 0.8rem;
  }

  .courses_intro_section-platform-benefits > div p {
    font-size: 1.3rem;
  }

  .courses_table tbody tr {
    grid-template-columns: 1.8rem 3.6rem minmax(0, 1fr);
    gap: 0.4rem 0.7rem;
    padding: 1rem;
  }

  .courses_intro_section-phone-app-content {
    padding: 2rem;
    grid-template-columns: 1fr 9.7rem;
    gap: 1rem 2rem;
  }

  .courses_intro_section-phone-app-text-p {
    line-height: 2rem;
  }

  .courses_intro_section-phone-app-downloads {
    margin-top: 1.5rem;
  }

  .courses_intro_section-phone-app-downloads img {
    width: 12rem;
  }

  .full-banner .courses_intro_section-phone-app-downloads img {
    width: 15.2rem;
  }
}

/* ===== modules/recalificare.css ===== */
.recalificare {
  padding-top: 2rem;
  padding-bottom: 8rem;
}

.recalificare_logos {
  margin-bottom: 3rem;
}

.recalificare_intro {
  gap: 1.4rem;
  margin-bottom: 3rem;
  text-align: center;
}

.recalificare_intro p {
  font-size: 1.8rem;
  color: #aba8a8;
}

.recalificare_cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4rem;
}

.recalificare_card {
  border: 1px solid var(--grey-1);
  border-radius: 0.8rem;
  padding: 2rem;
}

.recalificare_card_title {
  min-height: 10rem;
  margin-bottom: 2rem;
  border-bottom: 1px solid var(--grey-1);
}

.recalificare_card_title h3 {
  font-size: 2rem;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  color: #1f2937;
}

.recalificare_card_body {
  gap: 1.8rem;
  margin-bottom: 2rem;
}

.recalificare_card_body > p {
  font-size: 1.6rem;
  color: #4a5565;
  font-weight: 500;
}

.recalificare_card_code {
  gap: 1.5rem;
  font-size: 1.6rem;
  font-weight: 500;
}

.recalificare_card_code p:first-child {
  text-transform: uppercase;
  color: #aba8a8;
}

.recalificare_card_code p:last-child {
  font-weight: 600;
  color: #1f2937;
}

.recalificare_card_duration {
  font-size: 1.4rem;
  color: #6a7282;
}

.recalificare_card_duration > div {
  gap: 0.6rem;
  margin-bottom: 0.5rem;
}

.recalificare_card_cta {
  gap: 1rem;
  border-radius: 0.6rem;
  background-color: var(--green-1);
  padding: 1.1rem 2.8rem;
  font-size: 1.6rem;
  color: var(--white);
}

@media only screen and (max-width: 1024px) {
  .recalificare_intro .section_h2 {
    margin: 0;
  }
}

@media only screen and (max-width: 1100px) {
  .recalificare_cards {
    gap: 2.4rem;
  }

  .recalificare_card_title {
    min-height: 11rem;
  }
}

@media only screen and (max-width: 900px) {
  .recalificare {
    padding-top: 1.6rem;
    padding-bottom: 3.2rem;
  }

  .recalificare_logos {
    margin-bottom: 2rem;
  }

  .recalificare_logos img:first-child {
    max-width: 18rem;
  }

  .recalificare_logos img:last-child {
    max-width: 5rem;
  }

  .recalificare_intro {
    gap: 1rem;
    margin-bottom: 2.4rem;
  }

  .recalificare_intro p {
    font-size: 1.6rem;
  }

  .recalificare_cards {
    grid-template-columns: 1fr;
    gap: 1.6rem;
    max-width: 56rem;
    margin: 0 auto;
  }

  .recalificare_card {
    padding: 1.8rem;
  }

  .recalificare_card_title {
    min-height: auto;
    margin-bottom: 1.6rem;
    padding-bottom: 1.6rem;
  }

  .recalificare_card_title h3 {
    font-size: 1.9rem;
  }

  .recalificare_card_body {
    gap: 1.4rem;
    margin-bottom: 1.6rem;
  }

  /* .recalificare_card_body > p,
  .recalificare_card_code {
    font-size: 1.5rem;
  } */

  .recalificare_card_cta {
    width: 100%;
    justify-content: center;
    font-size: 1.5rem;
  }
}

@media only screen and (max-width: 700px) {
  .recalificare {
    padding-top: 1.2rem;
    padding-bottom: 2.4rem;
  }

  .recalificare_logos {
    margin-bottom: 1.6rem;
  }

  .recalificare_logos img:first-child {
    max-width: 16rem;
  }

  .recalificare_logos img:last-child {
    max-width: 4.4rem;
  }

  .recalificare_card {
    padding: 1.4rem;
  }

  .recalificare_card_title {
    margin-bottom: 1.4rem;
    padding-bottom: 0.5rem;
  }

  .recalificare_card_title h3 {
    font-size: 1.8rem;
  }

  .recalificare_card_cta {
    padding: 1rem 1.6rem;
    font-size: 1.4rem;
  }
}

@media only screen and (max-width: 480px) {
  .recalificare_logos img:first-child {
    max-width: 14.5rem;
  }

  .recalificare_card_title h3 {
    font-size: 1.7rem;
  }
}

.studygreen_page {
  padding-bottom: 4.8rem;
}

.studygreen_page_logos {
  margin-bottom: 1.4rem;
}

.studygreen_page_title {
  margin-bottom: 3rem;
  text-align: center;
}

.studygreen_page_top {
  display: grid;
  grid-template-columns: 882fr 408fr;
  gap: 3rem;
  margin-bottom: 3.9rem;
}

.studygreen_page_main {
  min-width: 0;
}

.studygreen_page_content {
  min-width: 0;
}


.studygreen_project_details > h3,
.studygreen_courses_section > h3 {
  font-size: 2rem;
  font-weight: 700;
  color: var(--dark-blue-2);
  margin-bottom: 0.9rem;
}

.studygreen_project_details_grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5rem;
}

.studygreen_project_detail {
  padding: 1.7rem 1.5rem;
  border-radius: 0.6rem;
  background-color: #f4f4f4;
}

.studygreen_project_detail h4 {
  font-size: 1.5rem;
  font-weight: 500;
  color: #6A7282;
  margin-bottom: 0.5rem;
}

.studygreen_project_detail p {
  font-size: 1.6rem;
  font-weight: 500;
  color: #1F1A17;
  line-height: 2.3rem;
}

.studygreen_project_detail_full {
  grid-column: 1 / -1;
}

.studygreen_sidebar_news > div:nth-of-type(1) {
  margin-bottom: 1.2rem;
  gap: 0.8rem;
}

.studygreen_sidebar_news > div:nth-of-type(1) h3 {
  font-size: 2rem;
  font-weight: 700;
  color: var(--dark-blue-2);
}

.studygreen_sidebar_news > div:nth-of-type(2) {
  gap: 1.5rem;
}

.studygreen_accordion_group {
  margin-bottom: 2.4rem;
}

.studygreen_accordion_item {
  border: 1px solid var(--grey-1);
  border-radius: 0.8rem;
  background-color: var(--white);
  overflow: hidden;
}

.special-studygreen_accordion_item.studygreen_accordion_item {
  border: 0;
  margin-bottom: 3.2rem;
}

.studygreen_accordion_item + .studygreen_accordion_item {
  margin-top: 1.6rem;
}

.studygreen_accordion_btn {
  width: 100%;
  padding: 1.4rem 1.6rem;
  color: var(--dark-blue-2);
}

.special-studygreen_accordion_item .studygreen_accordion_btn {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.studygreen_accordion_btn > div {
  gap: 0.8rem;
}

.studygreen_accordion_btn h3 {
  font-size: 1.8rem;
  font-weight: 700;
  text-align: left;
}

.studygreen_accordion_btn > img {
  width: 2.2rem;
  height: 2.2rem;
  transition: transform 0.2s ease;
}

.special-studygreen_accordion_item .studygreen_accordion_btn > img {
  display: none;
}

.studygreen_accordion_item_active .studygreen_accordion_btn > img {
  transform: rotate(180deg);
}

.studygreen_accordion_panel {
  display: none;
  padding: 0 1.2rem 1.2rem;
}

.special-studygreen_accordion_item .studygreen_accordion_panel {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.studygreen_accordion_item_active .studygreen_accordion_panel {
  display: block;
}

.studygreen_info_box {
  padding: 1.2rem;
  border-radius: 0.6rem;
  background-color: #edf4df;
}

.studygreen_info_box + .studygreen_info_box {
  margin-top: 1rem;
}

.studygreen_info_box h4 {
  font-size: 1.4rem;
  font-weight: 600;
  color: #4c4a47;
  margin-bottom: 0.8rem;
}

.studygreen_info_box p {
  font-size: 1.4rem;
  font-weight: 400;
  color: #6a7282;
}

.studygreen_info_box_grey {
  background-color: #f4f4f4;
}

/* .studygreen_info_box_grey h4 {
  color: #4c4a47;
} */

.studygreen_courses_table_wrap {
  overflow-x: auto;
  border: 1px solid var(--grey-2);
  border-radius: 0.6rem;
}

.studygreen_courses_table {
  width: 100%;
  min-width: 68rem;
  border-collapse: collapse;
}

.studygreen_courses_table th {
  padding: 1rem 1.2rem;
  background-color: #f4f4f4;
  color: #6A7282;
  font-size: 1.4rem;
  font-weight: 500;
  text-align: left;
}

.studygreen_courses_table td {
  padding: 1rem 1.2rem;
  border-top: 1px solid var(--grey-2);
  border-right: 1px solid var(--grey-2);
  font-size: 1.4rem;
  color: #000;
  font-weight: 500;
}

.studygreen_courses_table td:first-of-type,
.studygreen_courses_table tr:first-of-type td:last-of-type {
  border-right: unset;
}

.studygreen_table_centered {
  text-align: center;
  vertical-align: middle;
  font-weight: 600;
}

.studygreen_table_remaining span {
  display: inline-block;
  padding-bottom: 0.2rem;
  border-bottom: 2px solid var(--green-1);
}

.studygreen_courses_note {
  margin-top: 1rem;
  font-size: 1.6rem;
  color: #6A7282;
  text-align: center;
}

.studygreen_courses_note a {
  text-decoration: underline;
  transition: all .3s ease-in-out;
}

.studygreen_courses_note a:hover {
  color:var(--hover-green);
}

.studygreen_courses_mobile_summary {
  display: none;
}

.studygreen_courses_image {
  width: 100%;
  height: 53rem;
  object-fit: contain;
  margin-top: 2rem;
}

.studygreen_accordion_btn > div > img:first-child {
  flex-shrink: 0;
}

@media only screen and (max-width: 1100px) {
  .studygreen_page_top {
    grid-template-columns: minmax(0, 1fr) minmax(0, 34rem);
    gap: 2rem;
  }
}

@media only screen and (max-width: 900px) {
  .studygreen_page {
    padding-top: 1.2rem;
    padding-bottom: 3rem;
  }

  .studygreen_page_logos {
    margin-bottom: 1.3rem;
  }

  .studygreen_page_logos img:first-child {
    max-width: 16rem;
  }

  .studygreen_page_logos img:last-child {
    max-width: 4.4rem;
  }

  .studygreen_page_title {
    margin-bottom: 2rem;
  }

  .studygreen_page_top {
    grid-template-columns: 1fr;
    gap: 1.6rem;
    margin-bottom: 1.8rem;
  }

  .studygreen_page_sidebar {
    order: 2;
  }

  .studygreen_page_content {
    display: flex;
    flex-direction: column;
    gap: 1.8rem;
  }

  .studygreen_accordion_group {
    margin-bottom: 0;
  }

  .studygreen_project_details > h3,
  .studygreen_courses_section > h3 {
    font-size: 1.8rem;
    margin-bottom: 1rem;
  }

  .studygreen_project_details_grid {
    grid-template-columns: 1fr 1fr;
  }

  .studygreen_project_detail {
    padding: 1.1rem 1.2rem;
  }

  .studygreen_project_detail p {
    font-size: 1.3rem;
  }

  .studygreen_sidebar_news > div:nth-of-type(1) h3 {
    font-size: 1.8rem;
  }

  .studygreen_accordion_item + .studygreen_accordion_item {
    margin-top: 1.2rem;
  }

  .studygreen_accordion_btn {
    padding: 1.2rem;
  }

  .studygreen_accordion_btn h3 {
    font-size: 1.6rem;
  }

  .studygreen_accordion_panel {
    padding: 0 1rem 1rem;
  }

  .studygreen_info_box {
    padding: 1rem;
  }

  .studygreen_courses_table td,
  .studygreen_courses_table th {
    padding: 0.9rem 1rem;
  }

  .studygreen_courses_note {
    margin-top: 0.8rem;
    font-size: 1.4rem;
  }

  .studygreen_courses_image {
    height: 36rem;
    margin-top: 1.4rem;
  }

  .special-studygreen_accordion_item.studygreen_accordion_item {
    margin-bottom: 2rem;
  }
}

@media only screen and (max-width: 700px) {
  .studygreen_page_top {
    gap: 1.2rem;
    margin-bottom: 1.4rem;
  }

  .studygreen_page_logos img:first-child {
    max-width: 14.5rem;
  }

  .studygreen_page_logos img:last-child {
    max-width: 4rem;
  }

  .studygreen_page_title {
    margin-bottom: 1.6rem;
  }

  .studygreen_page_content {
    gap: 1.4rem;
  }

  .studygreen_project_details_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
  }

  .studygreen_project_detail_full {
    grid-column: 1 / -1;
  }

  .studygreen_project_detail h4 {
    font-size: 1.2rem;
    margin-bottom: 0.2rem;
  }

  .studygreen_project_detail p {
    font-size: 1.4rem;
  }

  .studygreen_sidebar_news > div:nth-of-type(1) {
    margin-bottom: 0.8rem;
  }

  .studygreen_courses_table_wrap {
    overflow: hidden;
  }

  .studygreen_courses_table {
    min-width: 100%;
  }

  .studygreen_courses_section:not(.renewjobs_courses_section) .studygreen_courses_table thead,
  .studygreen_courses_section:not(.renewjobs_courses_section) .studygreen_courses_table tbody,
  .studygreen_courses_section:not(.renewjobs_courses_section) .studygreen_courses_table tr,
  .renewjobs_courses_table thead,
  .renewjobs_courses_table tbody,
  .renewjobs_courses_table tr {
    display: block;
  }

  .studygreen_courses_section:not(.renewjobs_courses_section) .studygreen_courses_table thead tr,
  .renewjobs_courses_table thead tr {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    /* gap: 0.6rem 1rem; */
  }

  .studygreen_courses_section:not(.renewjobs_courses_section) .studygreen_courses_table thead th,
  .renewjobs_courses_table thead th {
    padding: 1rem 1.2rem;
    border-right: 0;
  }

  .studygreen_courses_section:not(.renewjobs_courses_section) .studygreen_courses_table th:nth-child(1),
  .renewjobs_courses_table th:nth-child(1) {
    grid-column: 1;
    grid-row: 1;
  }

  .studygreen_courses_section:not(.renewjobs_courses_section) .studygreen_courses_table th:nth-child(2),
  .renewjobs_courses_table th:nth-child(2) {
    grid-column: 2;
    grid-row: 1;
    text-align: right;
  }

  .renewjobs_courses_table th:nth-child(3) {
    grid-column: 1;
    grid-row: 2;
    padding-top: 0;
  }

  .renewjobs_courses_table th:nth-child(4) {
    grid-column: 2;
    grid-row: 2;
    padding-top: 0;
    text-align: right;
  }

  .studygreen_courses_section:not(.renewjobs_courses_section) .studygreen_courses_table th:nth-child(3),
  .studygreen_courses_section:not(.renewjobs_courses_section) .studygreen_courses_table th:nth-child(4),
  .studygreen_courses_section:not(.renewjobs_courses_section) .studygreen_courses_table td:nth-child(3),
  .studygreen_courses_section:not(.renewjobs_courses_section) .studygreen_courses_table td:nth-child(4) {
    display: none;
  }

  .studygreen_courses_section:not(.renewjobs_courses_section) .studygreen_courses_table tbody tr,
  .renewjobs_courses_table tbody tr {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.8rem 1rem;
    padding: 1rem 1.2rem;
    border-top: 1px solid var(--grey-2);
  }

  .studygreen_courses_section:not(.renewjobs_courses_section) .studygreen_courses_table td,
  .renewjobs_courses_table td {
    padding: 0;
    border-top: 0;
    border-right: 0;
  }

  .studygreen_courses_section:not(.renewjobs_courses_section) .studygreen_courses_table td:nth-child(2),
  .renewjobs_courses_table td:nth-child(2) {
    font-size: 1.3rem;
    font-weight: 700;
    white-space: nowrap;
  }

  .studygreen_courses_section:not(.renewjobs_courses_section) .studygreen_courses_table td:nth-child(2) {
    justify-self: end;
  }

  .studygreen_courses_mobile_summary {
    display: block;
    margin-top: 1rem;
    border: 1px solid var(--grey-2);
    border-radius: 0.6rem;
    overflow: hidden;
  }

  .studygreen_courses_mobile_summary_header,
  .studygreen_courses_mobile_summary_values {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.8rem 1rem;
    padding: 1rem 1.2rem;
  }

  .studygreen_courses_mobile_summary_header {
    background-color: #f4f4f4;
  }

  .studygreen_courses_mobile_summary_header p {
    font-size: 1.4rem;
    font-weight: 500;
    color: #6a7282;
  }

  .studygreen_courses_mobile_summary_header p:last-child,
  .studygreen_courses_mobile_summary_values p:last-child {
    text-align: right;
  }

  .studygreen_courses_mobile_summary_values .renewjobs_table_remaining {
    min-width: 16rem;
  }

  .studygreen_courses_mobile_summary_values p {
    font-size: 1.4rem;
    font-weight: 600;
    color: #4c4a47;
  }

  .studygreen_courses_mobile_summary_remaining span {
    display: inline-block;
    padding-bottom: 0.2rem;
    border-bottom: 2px solid var(--green-1);
  }

  .studygreen_courses_image {
    height: 24rem;
    object-fit: cover;
  }

  .small_media_card > div:nth-of-type(1) > div {
    font-size: 0.8rem;
  }
}

@media only screen and (max-width: 480px) {
  .studygreen_page {
    padding-top: 1rem;
    padding-bottom: 2.4rem;
  }

  .studygreen_page_title {
    margin-bottom: 1.6rem;
  }

  .studygreen_project_details > h3,
  .studygreen_courses_section > h3 {
    font-size: 1.6rem;
  }

  .studygreen_project_detail {
    padding: 1rem;
  }

  .studygreen_project_details_grid {
    gap: 0.8rem;
  }

  .studygreen_sidebar_news > div:nth-of-type(1) h3 {
    font-size: 1.6rem;
  }

  .studygreen_accordion_btn {
    padding: 0.9rem 1rem;
  }

  .studygreen_accordion_btn > div {
    gap: 0.6rem;
  }

  .studygreen_accordion_panel {
    padding: 0 0.8rem 0.8rem;
  }

  .studygreen_info_box {
    padding: 0.9rem;
  }

  .studygreen_courses_image {
    height: 18rem;
    margin-top: 1rem;
  }
}

.renewjobs_results_grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.renewjobs_result_card {
  padding: 1.2rem;
  border-radius: 0.6rem;
  background-color: #e6efd0;
  border: 1px solid #D1D5DC
}

.renewjobs_result_card h4 {
  font-size: 2.4rem;
  font-weight: 700;
  color: #000;
  margin-bottom: 0.6rem;
}

.renewjobs_result_card p {
  font-size: 1.4rem;
  color: #6a7282;
}

.renewjobs_courses_table td:last-child,
.renewjobs_courses_table th:last-child {
  min-width: 10rem;
}

.renewjobs_table_remaining {
  text-align: center;
}

.renewjobs_table_remaining_value {
  margin-bottom: 0.6rem;
  font-weight: 600;
}

.renewjobs_table_remaining span {
  display: block;
  width: 6.6rem;
  height: 0.2rem;
  margin: 0 auto;
  background-color: #e5e7eb;
  background-image:
    linear-gradient(
      to right,
      var(--renewjobs-progress-color, var(--green-1)) 0,
      var(--renewjobs-progress-color, var(--green-1)) var(--renewjobs-progress, 100%),
      transparent var(--renewjobs-progress, 100%),
      transparent 100%
    );
}

.renewjobs_table_remaining span[style*="--renewjobs-progress: 0%"] {
  background-color: #EF7467;
  background-image: none;
}

@media only screen and (max-width: 900px) {
  .renewjobs_results_grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media only screen and (max-width: 700px) {
  .renewjobs_results_grid {
    grid-template-columns: 1fr 1fr;
    gap: 0.8rem;
  }

  .renewjobs_result_card {
    padding: 1rem;
  }

  .renewjobs_result_card h4 {
    font-size: 1.6rem;
  }

  .renewjobs_courses_table td:nth-child(3) {
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
    font-size: 1.4rem;
    font-weight: 500;
    color: #6a7282;
    white-space: nowrap;
  }

  .renewjobs_courses_table td:nth-child(4) {
    grid-column: 2;
    grid-row: 2;
    justify-self: stretch;
    min-width: 12rem;
  }

  .renewjobs_table_remaining {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.8rem;
    text-align: right;
  }

  .renewjobs_table_remaining_value {
    order: 2;
    margin-bottom: 0;
    font-size: 1.4rem;
    font-weight: 700;
    color: #4c4a47;
  }

  .renewjobs_table_remaining span {
    order: 1;
    width: 100%;
    margin: 0;
    height: 0.3rem;
  }
}

@media only screen and (max-width: 480px) {
  .renewjobs_results_grid {
    grid-template-columns: 1fr;
  }

  .renewjobs_result_card {
    padding: 1rem;
  }

  .renewjobs_courses_table td:nth-child(3) {
    font-size: 1.2rem;
  }

  .renewjobs_courses_table td:nth-child(4) {
    min-width: 13rem;
  }
}

/* ===== modules/notFound.css ===== */
.not_found,
.no_results {
  padding-top: 2rem;
  padding-bottom: 7.2rem;
}

.not_found h1,
.no_results h1 {
  font-weight: 700;
  font-size: 2.4rem;
  margin-bottom: 1rem;
}

.not_found > p,
.no_results > p {
  font-size: 1.6rem;
  color: #aba8a8;
  margin-bottom: 2rem;
}

.not_found > div,
.no_results > div {
  gap: 4.4rem;
}

.not_found > div img,
.no_results > div img {
  max-width: 100%;
  height: auto;
}

.not_found > div a,
.no_results > div a {
  gap: 1rem;
  color: var(--white);
  background-color: var(--green-1);
  padding: 1.1rem 2.8rem;
  border-radius: 6px;
  font-size: 1.6rem;
}

@media only screen and (max-width: 900px) {
  .not_found,
  .no_results {
    padding-top: 1.8rem;
    padding-bottom: 8rem;
  }

  .not_found h1,
  .no_results h1 {
    font-size: 2.2rem;
    margin-bottom: 0.8rem;
  }

  .not_found > p,
  .no_results > p {
    max-width: 56rem;
    margin-bottom: 2.5rem;
  }
}

@media only screen and (max-width: 700px) {
  .not_found,
  .no_results {
    padding-top: 1.2rem;
  }

  .not_found h1,
  .no_results h1 {
    font-size: 2rem;
    margin-bottom: 0.6rem;
  }

  .not_found > div img,
  .no_results > div img {
    max-width: 28rem;
  }

  .not_found > div a,
  .no_results > div a {
    width: 100%;
    max-width: 25rem;
    justify-content: center;
    font-size: 1.4rem;
    padding: 1rem 1.8rem;
  }
}

@media only screen and (max-width: 480px) {
  .not_found h1,
  .no_results h1 {
    margin-bottom: 0.5rem;
  }

  .not_found > div img,
  .no_results > div img {
    max-width: 24rem;
  }
}

/* ===== modules/courseDetails.css ===== */
.course_details_intro {
  margin-bottom: 5.8rem;
}

.course_details_intro > div:nth-of-type(1) {
  margin-bottom: 4rem;
}

.course_details_intro > div:nth-of-type(2) {
  display: grid;
  grid-template-columns: 411fr 872fr;
  column-gap: 3.8rem;
}

.course_details_intro > div:nth-of-type(2) > div:nth-of-type(1) {
  height: 32rem;
  border-radius: 8px;
}

.course_details_intro > div:nth-of-type(2) > div:nth-of-type(2) h3 {
  font-size: 1.8rem;
  font-weight: 600;
  font-family: var(--font-family-secondary);
  margin-bottom: 1.5rem;
}

.course_details_intro > div:nth-of-type(2) > div:nth-of-type(2) > p {
  font-size: 1.6rem;
  font-weight: 300;
  font-family: var(--font-family-secondary);
  margin-bottom: 2.2rem;
  line-height: 26px;
}

.course_details_intro > div:nth-of-type(2) > div:nth-of-type(2) div {
  gap: 1.8rem;
}

.course_details_intro > div:nth-of-type(2) > div:nth-of-type(2) div a {
  gap: 1rem;
  padding: 1.1rem 2.8rem;
  border: 1px solid transparent;
  border-radius: 6px;
  font-size: 1.6rem;
}

.course_details_intro
  > div:nth-of-type(2)
  > div:nth-of-type(2)
  div
  a:nth-of-type(1) {
  color: var(--dark-blue-2);
  border-color: var(--dark-blue-2);
}

.course_details_intro
  > div:nth-of-type(2)
  > div:nth-of-type(2)
  div
  a:nth-of-type(1)
  img {
  transform: rotate(180deg);
}

.course_details_intro
  > div:nth-of-type(2)
  > div:nth-of-type(2)
  div
  a:nth-of-type(2) {
  color: var(--white);
  background-color: var(--green-1);
  border-color: var(--green-1);
}

.course_details_cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2.6rem;
}

.course_details_card {
  padding: 2rem;
  border: 1px solid var(--grey-1);
  border-radius: 8px;
}

.course_details_card > div:nth-of-type(1) {
  height: 6rem;
}

.course_details_card > div:nth-of-type(1) h4 {
  font-size: 1.8rem;
  font-weight: 700;
  font-family: var(--font-family-secondary);
}

.course_details_card > div:nth-of-type(2) {
  padding-top: 1rem;
  padding-bottom: 0.8rem;
  margin-bottom: 1rem;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
}

.course_details_card > div:nth-of-type(2) > p:nth-of-type(1) {
  text-align: center;
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

.course_details_card > div:nth-of-type(2) > p:nth-of-type(2) {
  font-size: 1.4rem;
  margin-bottom: 0.5rem;
  font-weight: 500;
}

.course_details_card > div:nth-of-type(2) > div > div:nth-of-type(1) {
  gap: 0.4rem;
  font-size: 1.4rem;
  color: #6a7282;
}

.course_details_card > div:nth-of-type(2) > div > div:nth-of-type(2) {
  color: var(--dark-blue-2);
  gap: 0.8rem;
  font-family: var(--font-family-secondary);
}

.course_details_card > div:nth-of-type(2) > div > div:nth-of-type(2) span {
  font-size: 1.6rem;
  font-weight: 700;
}

.course_details_card > div:nth-of-type(2) > div > div:nth-of-type(2) p {
  font-size: 1.2rem;
  font-weight: 700;
}

.course_details_card > p {
  text-align: center;
  color: #aba8a8;
  font-size: 1.2rem;
}

@media only screen and (max-width: 1024px) {
  .course_details_intro > div:nth-of-type(1) {
    margin-bottom: 0rem;
  }
}

@media only screen and (max-width: 1100px) {
  .course_details_intro {
    margin-bottom: 4rem;
  }

  .course_details_intro > div:nth-of-type(2) {
    grid-template-columns: minmax(0, 36rem) minmax(0, 1fr);
    column-gap: 2.4rem;
  }

  .course_details_cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 2rem;
  }
}

@media only screen and (max-width: 900px) {
  .course_details_intro {
    margin-bottom: 2.4rem;
  }

  .course_details_intro > div:nth-of-type(2) {
    grid-template-columns: 1fr;
    gap: 1.6rem;
    max-width: 100%;
    margin: 0 auto;
  }

  .course_details_intro > div:nth-of-type(2) > div:nth-of-type(1) {
    height: 32rem;
  }

  .course_details_intro > div:nth-of-type(2) > div:nth-of-type(2) h3 {
    margin-bottom: 1.2rem;
  }

  .course_details_intro > div:nth-of-type(2) > div:nth-of-type(2) > p {
    margin-bottom: 1.6rem;
  }

  .course_details_intro > div:nth-of-type(2) > div:nth-of-type(2) div {
    flex-direction: column;
    gap: 1rem;
  }

  .course_details_intro > div:nth-of-type(2) > div:nth-of-type(2) div a {
    width: 100%;
    justify-content: center;
    padding: 1.2rem 1.6rem;
    font-size: 1.5rem;
  }

  .course_details_cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.6rem;
  }

  .course_details_card {
    padding: 1.6rem;
  }

  .course_details_card > div:nth-of-type(1) {
    height: auto;
    min-height: 4.6rem;
  }

  .course_details_card > div:nth-of-type(2) > p:nth-of-type(1),
  .course_details_card > div:nth-of-type(2) > p:nth-of-type(2),
  .course_details_card > div:nth-of-type(2) > div > div:nth-of-type(1) {
    font-size: 1.4rem;
  }

  .course_details_card > div:nth-of-type(2) > p:nth-of-type(2) {
    margin-bottom: 1rem;
  }
}

@media only screen and (max-width: 700px) {
  .course_details_intro {
    margin-bottom: 2rem;
  }

  .course_details_intro .section_h2 {
    font-size: 2.2rem;
    line-height: 2.8rem;
    text-align: center;
  }

  .course_details_intro > div:nth-of-type(2) {
    gap: 1.2rem;
  }

  .course_details_intro > div:nth-of-type(2) > div:nth-of-type(1) {
    height: 23.4rem;
    border-radius: 0.6rem;
  }

  .course_details_intro > div:nth-of-type(2) > div:nth-of-type(2) h3 {
    font-size: 1.6rem;
  }

  .course_details_intro > div:nth-of-type(2) > div:nth-of-type(2) div {
    gap: 0.8rem;
  }

  .course_details_intro > div:nth-of-type(2) > div:nth-of-type(2) div a {
    padding: 1rem 1.2rem;
    font-size: 1.4rem;
    gap: 0.8rem;
  }

  .course_details_cards {
    grid-template-columns: 1fr;
    gap: 1rem;
  }

  .course_details_card {
    padding: 1.4rem 1.2rem 1.2rem;
    border-radius: 0.8rem;
  }

  .course_details_card > div:nth-of-type(1) {
    min-height: 0;
    margin-bottom: 0.5rem;
  }

  .course_details_card > div:nth-of-type(2) {
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
    margin-bottom: 0.8rem;
  }

  .course_details_card > div:nth-of-type(2) > div > div:nth-of-type(2) {
    gap: 0.5rem;
  }
}

@media only screen and (max-width: 480px) {
  .course_details_intro .section_h2 {
    font-size: 2rem;
    line-height: 2.5rem;
  }

  .course_details_intro > div:nth-of-type(2) > div:nth-of-type(1) {
    height: 19.2rem;
  }


  .course_details_card {
    padding: 1.2rem 1rem 1rem;
  }
}

/* ===== modules/searchResults.css ===== */
.search_results_intro_section {
  padding-top: 2rem;
  margin-bottom: 1.8rem;
}

.search_results_intro_section h1 {
  font-size: 2.4rem;
  font-weight: 700;
  margin-bottom: 1rem;
}

.search_results_intro_section p {
  font-size: 1.6rem;
  color: #aba8a8;
}

.search_results_intro_section p span {
  font-weight: 700;
  color: var(--black);
}

.search_results_groups {
  gap: 4rem;
  margin-bottom: 5rem;
}

.search_results_group {
  width: 100%;
}

.search_results_group_header {
  margin-bottom: 2.6rem;
}

.search_results_group_header h2 {
  font-size: 1.6rem;
  color: #4c4a47;
}

.search_results_group_header a {
  gap: 5.2rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--green-1);
}

.search_results_group_list {
  gap: 1.2rem;
}

.search_results_card {
  width: 100%;
  padding: 1rem;
  border: 1px solid var(--grey-1);
  border-radius: 0.6rem;
  gap: 2rem;
}

.search_results_card_main {
  gap: 2rem;
  min-width: 0;
}

.search_results_card_image {
  width: 8.8rem;
  height: 5.8rem;
  border-radius: 0.4rem;
  flex-shrink: 0;
}

.search_results_card_image.mobile {
  display: none;
}

.search_results_card_content h3 {
  font-size: 1.8rem;
  font-weight: 500;
  color: #4c4a47;
  margin-bottom: 0.4rem;
}

.search_results_card_content p {
  font-size: 1.4rem;
  color: #aba8a8;
}

.search_results_card_link {
  flex-shrink: 0;
  gap: 4.4rem;
  font-size: 1.4rem;
  color: var(--dark-blue-2);
  font-weight: 500;
}

@media only screen and (max-width: 900px) {
  .search_results_intro_section {
    padding-top: 1.8rem;
    margin-bottom: 1.6rem;
  }

  .search_results_intro_section h1 {
    font-size: 2.2rem;
    margin-bottom: 0.8rem;
  }

  .search_results_groups {
    gap: 2.4rem;
    margin-bottom: 3rem;
  }

  .search_results_group_header {
    margin-bottom: 1.4rem;
    align-items: flex-start;
  }

  .search_results_group_header h2 {
    font-size: 1.4rem;
    max-width: 72%;
  }

  .search_results_group_header a {
    gap: 1rem;
  }

  .search_results_card {
    align-items: flex-start;
    flex-direction: column;
    gap: 1.2rem;
  }

  .search_results_card_main {
    align-items: flex-start;
    gap: 1.2rem;
    width: 100%;
  }

  .search_results_card_link {
    width: 100%;
    justify-content: flex-end;
    gap: 1rem;
  }
}

@media only screen and (max-width: 700px) {
  .search_results_intro_section {
    padding-top: 1.2rem;
    margin-bottom: 1.2rem;
  }

  .search_results_intro_section h1 {
    font-size: 2rem;
  }

  .search_results_groups {
    gap: 2rem;
    margin-bottom: 2.4rem;
  }

  .search_results_group_header {
    margin-bottom: 1rem;
  }

  .search_results_group_header h2 {
    max-width: 68%;
  }

  .search_results_card {
    padding: 0.8rem;
    gap: 1rem;
  }

  .search_results_card_main {
    gap: 1rem;
  }

  .search_results_card_content {
    display: grid;
    grid-template-columns: 7rem minmax(0, 1fr);
    align-items: start;
    column-gap: 1rem;
    row-gap: 0.8rem;
    width: 100%;
  }

  .search_results_card_image {
    display: none;
  }

  .search_results_card_image.mobile {
    display: flex;
    grid-column: 1;
    grid-row: 1;
  }

  .search_results_card_image {
    width: 7rem;
    height: 4.8rem;
  }

  .search_results_card_content h3 {
    grid-column: 2;
    grid-row: 1;
    font-size: 1.6rem;
    margin-bottom: 0;
  }

  .search_results_card_content p {
    grid-column: 1 / -1;
  }

  .search_results_card_content_no_image {
    grid-template-columns: 1fr;
  }

  .search_results_card_content_no_image h3 {
    grid-column: 1 / -1;
  }
}

@media only screen and (max-width: 480px) {
  .search_results_intro_section h1 {
    margin-bottom: 0.5rem;
  }

  .search_results_group_header h2 {
    max-width: 15.5rem;
  }
}

/* ===== modules/media.css ===== */
.media_articles {
  /* padding-top: 2.5rem; */
  padding-bottom: 6.8rem;
}

.media_articles > h2 {
  margin-bottom: 2.5rem;
}

/* .media_articles > div {
  display: grid;
  grid-template-columns: 408fr 883fr;
  column-gap: 3rem;
} */

.media_articles_layout {
  display: grid;
  grid-template-columns: 408fr 883fr;
  column-gap: 3rem;
}

.media_articles_sidebar,
.media_articles_list {
  min-width: 0;
}

.media_articles_sidebar {
  align-self: start;
  width: 100%;
}

.media_articles_sidebar-scroll.is-floating {
  position: fixed;
  top: var(--media-sidebar-top, calc(var(--header-placeholder-height, 0px) + 2rem));
  left: var(--media-sidebar-left, auto);
  width: var(--media-sidebar-width, 100%);
  overflow-y: auto;
  height: calc(100vh - 176px);
  border-radius: 1.5rem;
  padding-right: .5rem;
}

.media_categories {
  margin-bottom: 2rem;
  padding: 3.2rem;
  background-color: #f2f4f7;
  border-radius: 1.5rem;
}

.media_categories > div:nth-of-type(1) {
  margin-bottom: 3.2rem;
  gap: 0.8rem;
}

.media_categories > div:nth-of-type(1) h3 {
  color: #004976;
  font-size: 2rem;
  font-weight: 700;
  font-family: var(--font-family-secondary);
}

.media_categories > div:nth-of-type(2) {
  gap: 2rem;
}

.media_categories > div:nth-of-type(2) a {
  width: 100%;
  font-size: 1.4rem;
  font-weight: 500;
}
.media_categories > div:nth-of-type(2) a > * {
  transition: all .2s ease-in-out;
}

.media_categories > div:nth-of-type(2) a:hover,
.media_categories > div:nth-of-type(2) a.media_active_category {
  color: var(--green-1);
}

.media_categories > div:nth-of-type(2) a:hover img {
  filter: invert(61%) sepia(40%) saturate(685%) hue-rotate(43deg) brightness(94%) contrast(83%);
}

.media_articles > div > div:nth-of-type(2) {
  gap: 2rem;
}

.media_trending.mobile {
  display: none;
}

@media only screen and (max-width: 1100px) {
  .media_articles {
    /* padding-top: 2rem; */
    padding-bottom: 4.8rem;
  }

  .media_articles_layout {
    grid-template-columns: minmax(0, 32rem) minmax(0, 1fr);
    column-gap: 2rem;
  }

  .media_categories {
    padding: 2.4rem;
  }
}

@media only screen and (max-width: 900px) {
  .media_articles {
    /* padding-top: 1.6rem; */
    padding-bottom: 3.2rem;
  }

  .media_articles > h2 {
    margin-bottom: 2rem;
    text-align: center;
  }

  .media_articles_layout {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
  }

  .media_articles_sidebar {
    display: contents;
  }

  .media_articles_sidebar-scroll.is-floating {
    position: static;
    top: auto;
  }

  .media_categories {
    order: 1;
    margin-bottom: 0;
    padding: 2rem;
    border-radius: 1.6rem;
  }

  .media_articles_list {
    order: 2;
    gap: 1.2rem;
    align-items: flex-start !important;
  }

  .media_card.media_card_on_white_bg {
    width: 100%;
  }

  .media_trending.desktop {
    display: none;
  }

  .media_trending.mobile {
    order: 3;
    display: flex;
  }

  .media_categories > div:nth-of-type(1) {
    margin-bottom: 2rem;
  }

  .media_categories > div:nth-of-type(1) h3 {
    font-size: 2.4rem;
  }

  .media_categories > div:nth-of-type(2) {
    gap: 1.6rem;
  }

  .media_articles_list .media_card > div:nth-of-type(1) {
    height: 15rem;
    min-width: 0;
    border-radius: 0.8rem;
  }

  .media_articles_list .media_card > div:nth-of-type(1) > div {
    top: 0.8rem;
    left: 0.8rem;
    padding: 0.4rem 0.8rem;
  }

  .media_articles_list .media_card > div:nth-of-type(1) > div p {
    font-size: 1rem;
  }

  .media_articles_list .media_card > div:nth-of-type(2) {
    min-width: 0;
    gap: 0.8rem;
  }

  .media_articles_list .media_card > div:nth-of-type(2) > div:nth-of-type(1) h4 {
    font-size: 2rem;
  }

  .media_articles_list .media_card > div:nth-of-type(2) > div:nth-of-type(1) p {
    display: none;
  }

  .media_articles_list .media_card > div:nth-of-type(2) > div:nth-of-type(2) {
    margin-top: auto;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0.8rem;
  }

  .media_articles_list .media_card > div:nth-of-type(2) > div:nth-of-type(2) > p {
    font-size: 1.2rem;
  }

  .media_articles_list .media_card > div:nth-of-type(2) > div:nth-of-type(2) a {
    display: none;
  }

  .media_trending {
    padding: 2rem;
    gap: 2rem;
    border-radius: 1.6rem;
  }

  .media_trending h3 {
    font-size: 2.2rem;
  }

  .trending_row > h4 {
    font-size: 1.1rem;
  }

  .trending_row > p {
    font-size: 1.5rem;
  }

  .trending_row > span {
    font-size: 1rem;
  }

  .media_trending form {
    padding: 2rem;
  }

  .media_trending form h4 {
    font-size: 2.2rem;
  }

  .media_trending form > p {
    font-size: 1.3rem;
  }

  .media_trending form input {
    font-size: 1.4rem;
  }
}

@media only screen and (max-width: 700px) {
  .media_categories {
    padding: 1.8rem 1.6rem;
  }

  .media_categories > div:nth-of-type(1) h3 {
    font-size: 2rem;
  }

  .media_articles_list .media_card {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 1.2rem;
    align-items: stretch;
    width: 100%;
  }

  .media_articles_list .media_card > div:nth-of-type(1) {
    height: 12rem;
  }

  .media_articles_list .media_card > div:nth-of-type(2) > div:nth-of-type(1) h4 {
    font-size: 1.8rem;
  }

  .media_articles_list .media_card > div:nth-of-type(2) > div:nth-of-type(2) > p {
    font-size: 1.1rem;
  }

  .media_trending {
    padding: 1.6rem;
  }

  .media_trending h3 {
    font-size: 2rem;
  }

  .trending_row > p {
    font-size: 1.4rem;
  }

  .media_trending form {
    padding: 1.6rem;
  }

  .media_trending form h4 {
    font-size: 2rem;
  }
}

@media only screen and (max-width: 480px) {
  .media_articles {
    padding-bottom: 2rem;
  }

  .media_categories {
    padding: 1.6rem 1.4rem;
  }

  .media_categories > div:nth-of-type(2) {
    gap: 1.4rem;
  }

  .media_articles_list .media_card > div:nth-of-type(2) > div:nth-of-type(1) h4 {
    font-size: 1.6rem;
  }

  .media_trending h3 {
    font-size: 1.8rem;
  }

  .trending_row > p {
    font-size: 1.3rem;
  }

  .media_trending form h4 {
    font-size: 1.6rem;
  }

  .media_trending form > p,
  .media_trending form input,
  .media_trending form button p {
    font-size: 1.3rem;
  }
  
  .media_articles_list .media_card > div:nth-of-type(1) > div p {
    font-size: 0.8rem;
  }
}

/* ===== modules/jobs.css ===== */
.jobs {
  margin-bottom: 4rem;
}

.jobs > div:nth-of-type(1) {
  text-align: center;
  margin-bottom: 4rem;
}

.jobs > div:nth-of-type(1) h2 {
  margin-bottom: 1.5rem;
}

.jobs > div:nth-of-type(1) h3 {
  color: #aba8a8;
  font-size: 1.8rem;
}

.jobs > div:nth-of-type(2) {
  gap: 1.5rem;
}

.job {
  display: grid;
  grid-template-columns: 1105fr 165fr;
  column-gap: 15rem;
  padding: 2rem;
  border: 1px solid var(--grey-2);
  border-radius: 8px;
}

.job > div:nth-of-type(1) > div:nth-of-type(1) {
  margin-bottom: 0.5rem;
  gap: 3rem;
}

.job > div:nth-of-type(1) > div:nth-of-type(1) h4 {
  font-size: 2rem;
  font-weight: 700;
  font-family: var(--font-family-secondary);
  color: var(--green-1);
  line-height: 40px;
}

.job > div:nth-of-type(1) > div:nth-of-type(1) > div {
  border: 1px solid var(--grey-1);
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  border-radius: 15px;
  font-family: var(--font-family-secondary);
  font-weight: 500;
  color: var(--dark-blue-2);
  line-height: 40px;
  font-size: 1.6rem;
}

.job > div:nth-of-type(1) > div:nth-of-type(2) {
  gap: 2rem;
  margin-bottom: 0.5rem;
}

.job > div:nth-of-type(1) > div:nth-of-type(2) > div {
  font-size: 1.4rem;
  line-height: 22px;
}

.job > div:nth-of-type(1) > div:nth-of-type(2) > div img {
  margin-right: 0.6rem;
}

.job > div:nth-of-type(1) > div:nth-of-type(2) > div p {
  margin-right: 1.2rem;
}

.job > div:nth-of-type(1) > div:nth-of-type(2) > div span {
  color: var(--dark-blue-2);
}

.job > div:nth-of-type(1) > p {
  font-size: 1.4rem;
  line-height: 22px;
}

.job > div:nth-of-type(2) a {
  background-color: var(--green-1);
  color: var(--white);
  gap: 1rem;
  border-radius: 6px;
  padding: 1.2rem 2.8rem;
  font-size: 1.6rem;
}

.job > div:nth-of-type(2) a p {
  flex-shrink: 0;
}

.jobs_why {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 3rem;
  margin-bottom: 7rem;
}

.jobs_why > div:nth-of-type(1) {
  height: 42.4rem;
  border-radius: 8px;
}

.jobs_why > div:nth-of-type(2) {
  gap: 1.8rem;
}

.jobs_why > div:nth-of-type(2) p {
  font-size: 1.6rem;
  line-height: 26px;
}

.jobs_why > div:nth-of-type(2) h4 {
  font-size: 1.8rem;
  line-height: 26px;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

.jobs_auth_cta {
  margin-bottom: 2rem;
}

.job_details_about {
  margin-bottom: 5rem;
}

.job_details_about > div:nth-of-type(1) {
  text-align: center;
  margin-bottom: 4rem;
}

.job_details_about > div:nth-of-type(2) {
  display: grid;
  grid-template-columns: 645fr 616fr;
  column-gap: 3.2rem;
}

.job_details_about > div:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(1) {
  height: 32.7rem;
  border-radius: 8px;
  margin-bottom: 3rem;
}

.job_details_about > div:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(2) {
  gap: 1.8rem;
}

.job_details_about > div:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(2) p {
  font-size: 1.6rem;
  line-height: 2.6rem;
}

.job_details_about > div:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(2) ul {
  padding-left: 2rem;
  font-size: 1.6rem;
  line-height: 2.6rem;
}

.job_details_form_wrap.mobile {
  display: none;
}

.job_details_form {
  background-color: #f9fafb;
  border: 1px solid var(--grey-1);
  padding: 3.2rem;
  border-radius: 8px;
}

.job_details_form_title {
  font-size: 2.4rem;
  font-weight: 700;
  margin-bottom: 2.4rem;
}

.job_details_form_title span {
  color: var(--green-1);
}

.job_details_form_fields {
  gap: 2rem;
  margin-bottom: 3.6rem;
}

.job_details_form_field {
  width: 100%;
}

.job_details_form .checkbox_group {
  margin-bottom: 4rem;
}

.job_details_form_submit {
  width: 100%;
  background-color: var(--green-1);
  gap: 1rem;
  padding: 1.2rem 2.8rem;
  margin-bottom: 2rem;
  color: var(--white);
  font-size: 1.6rem;
  border-radius: 6px;
}

.job_details_form_note {
  color: #6a7282;
  font-size: 1.4rem;
  text-align: center;
}

.job_details_info {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3.5rem;
  margin-bottom: 2.2rem;
}

.job_details_about > div:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(2) h4,
.job_details_info h4 {
  color: #1f1a17;
  font-size: 1.6rem;
  line-height: 2.6rem;
  font-weight: 700;
  margin-bottom: 1.4rem;
}

.job_details_info ul {
  padding-left: 2.8rem;
  font-size: 1.6rem;
  line-height: 2.6rem;
}

@media only screen and (max-width: 1100px) {
  .job {
    grid-template-columns: minmax(0, 1fr) 16rem;
    column-gap: 4rem;
  }

  .jobs_why {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    column-gap: 2rem;
    margin-bottom: 5rem;
  }

  .jobs_why > div:nth-of-type(1) {
    height: 36rem;
  }

  .job_details_about > div:nth-of-type(2) {
    grid-template-columns: minmax(0, 1fr) minmax(0, 44rem);
    column-gap: 2.4rem;
  }

  .job_details_about
    > div:nth-of-type(2)
    > div:nth-of-type(1)
    > div:nth-of-type(1) {
    height: 28rem;
    margin-bottom: 2.4rem;
  }

  .job_details_info {
    gap: 2.4rem;
  }
}

@media only screen and (max-width: 1024px) {
  .jobs {
    margin-bottom: 3.2rem;
  }

  .jobs > div:nth-of-type(1) {
    margin-bottom: 2rem;
  }

  .jobs > div:nth-of-type(1) h2 {
    text-align: center;
    margin-bottom: 0.6rem;
  }

  .jobs > div:nth-of-type(1) h3 {
    font-size: 1.6rem;
  }

  .jobs > div:nth-of-type(2) {
    gap: 1.2rem;
  }

  .job {
    grid-template-columns: 1fr;
    row-gap: 1.4rem;
    padding: 1.8rem;
  }

  .job > div:nth-of-type(1) > div:nth-of-type(1) {
    gap: 1.4rem;
    flex-wrap: wrap;
  }


  .job > div:nth-of-type(1) > div:nth-of-type(1) > div {
    font-size: 1.4rem;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
  }

  .job > div:nth-of-type(1) > div:nth-of-type(2) {
    gap: 1.4rem;
    flex-wrap: wrap;
  }

  .job > div:nth-of-type(1) > div:nth-of-type(2) > div {
    font-size: 1.3rem;
  }

  .job > div:nth-of-type(1) > p {
    font-size: 1.4rem;
  }

  .job > div:nth-of-type(2) {
    justify-content: flex-start;
  }

  .job > div:nth-of-type(2) a {
    padding: 1.1rem 2rem;
    font-size: 1.4rem;
  }

  .jobs_why {
    grid-template-columns: 1fr;
    row-gap: 1.6rem;
    margin-bottom: 4rem;
  }

  .jobs_why > div:nth-of-type(1) {
    height: 30rem;
    border-radius: 0.8rem;
  }

  .jobs_why > div:nth-of-type(2) {
    gap: 1.4rem;
  }

  .job_details_about {
    margin-bottom: 3.6rem;
  }

  .job_details_about > div:nth-of-type(1) {
    margin-bottom: 2.4rem;
  }

  .job_details_about > div:nth-of-type(2) {
    grid-template-columns: 1fr;
    row-gap: 2rem;
  }

  .job_details_about > div:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(1) {
    height: 24rem;
    margin-bottom: 2rem;
  }

  .job_details_about > div:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(2) {
    gap: 1.4rem;
  }

  .job_details_about > div:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(2) p,
  .job_details_about > div:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(2)
    ul {
    font-size: 1.4rem;
  }

  .job_details_form_wrap {
    display: none;
  }

  .job_details_form_wrap.mobile {
    display: flex;
  }

  .job_details_form {
    padding: 2.4rem;
    width: 100%;
  }

  .job_details_form_title {
    font-size: 2.2rem;
    margin-bottom: 2rem;
  }

  .job_details_form_fields {
    gap: 1.6rem;
    margin-bottom: 2.4rem;
  }

  .job_details_form .checkbox_group {
    margin-bottom: 2.8rem;
  }

  .job_details_form_submit {
    font-size: 1.5rem;
  }

  .job_details_info {
    grid-template-columns: 1fr;
    gap: 2rem;
    margin-bottom: 1.8rem;
  }

  .job_details_about > div:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(2) h4,
  .job_details_info h4,
  .job_details_info ul {
    font-size: 1.4rem;
  }
}

@media only screen and (max-width: 700px) {
  .jobs {
    margin-bottom: 2.8rem;
  }

  .jobs > div:nth-of-type(1) h3 {
    font-size: 1.5rem;
  }

  .job {
    padding: 1.4rem;
    row-gap: 1.2rem;
  }

  .job > div:nth-of-type(1) > div:nth-of-type(1) {
    gap: 1rem;
    margin-bottom: 0.8rem;
  }

  .job > div:nth-of-type(1) > div:nth-of-type(1) h4 {
    font-size: 1.8rem;
  }

  .job > div:nth-of-type(1) > div:nth-of-type(2) {
    gap: 0.8rem;
    margin-bottom: 0.8rem;
    flex-direction: column;
    align-items: flex-start;
  }

  .job > div:nth-of-type(1) > div:nth-of-type(2) > div {
    font-size: 1.2rem;
    flex-wrap: wrap;
  }

  .job > div:nth-of-type(1) > div:nth-of-type(2) > div p {
    margin-right: 0.6rem;
  }

  .job > div:nth-of-type(1) > p {
    font-size: 1.3rem;
  }

  .job > div:nth-of-type(2) a {
    min-width: 12rem;
    padding: 1rem 1.6rem;
    font-size: 1.3rem;
  }

  .jobs_why {
    row-gap: 1.2rem;
    margin-bottom: 3.2rem;
  }

  .jobs_why > div:nth-of-type(1) {
    height: 20rem;
  }

  .job_details_about {
    margin-bottom: 3rem;
  }

  .job_details_about > div:nth-of-type(1) {
    margin-bottom: 2rem;
  }

  /* .job_details_about > div:nth-of-type(1) h2 {
    font-size: 3.2rem;
  } */

  .job_details_about
    > div:nth-of-type(2)
    > div:nth-of-type(1)
    > div:nth-of-type(1) {
    height: 20rem;
    margin-bottom: 1.6rem;
  }

  .job_details_about
    > div:nth-of-type(2)
    > div:nth-of-type(1)
    > div:nth-of-type(2)
    p,
  .job_details_about
    > div:nth-of-type(2)
    > div:nth-of-type(1)
    > div:nth-of-type(2)
    ul {
    font-size: 1.6rem;
  }

  .job_details_form {
    padding: 1.8rem 1.4rem;
  }

  .job_details_form_title {
    font-size: 1.9rem;
    margin-bottom: 1.8rem;
  }

  .job_details_form_submit {
    padding: 1.1rem 1.6rem;
    font-size: 1.4rem;
  }

  .job_details_form_note {
    font-size: 1.2rem;
  }

  .job_details_info {
    gap: 1.6rem;
    margin-bottom: 1.4rem;
  }

  .job_details_about > div:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(2) h4,
  .job_details_info h4,
  .job_details_info ul {
    font-size: 1.6rem;
    margin-bottom: 0.5rem;
  }
}

@media only screen and (max-width: 480px) {
  .jobs > div:nth-of-type(1) h3 {
    font-size: 1.4rem;
  }

  .job {
    padding: 1.2rem;
  }

  .job > div:nth-of-type(1) > div:nth-of-type(1) h4 {
    font-size: 1.6rem;
  }

  .job > div:nth-of-type(1) > div:nth-of-type(1) > div {
    padding-left: 1rem;
    padding-right: 1rem;
    line-height: 29px;
    font-size: 1.3rem;
  }

  .job > div:nth-of-type(1) > div:nth-of-type(2) > div,
  .job > div:nth-of-type(1) > p {
    font-size: 1.4rem;
  }

  .jobs_why > div:nth-of-type(1) {
    height: 24.5rem;
  }

  /* .job_details_about > div:nth-of-type(1) h2 {
    font-size: 2.8rem;
  } */

  .job_details_about > div:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(1) {
    height: 16rem;
  }

  .job_details_form_title {
    font-size: 1.7rem;
  }

  .job_details_form_submit {
    font-size: 1.3rem;
  }
}

/* ===== modules/articleDetails.css ===== */
.article_details {
  display: grid;
  grid-template-columns: 882fr 408fr;
  column-gap: 3rem;
  margin-bottom: 5rem;
}

.article_details > div:nth-of-type(1) > div:nth-of-type(1) {
  height: 34rem;
  border-radius: 8px;
  margin-bottom: 2rem;
}

.article_details > div:nth-of-type(1) > div:nth-of-type(2) {
  margin-bottom: 2.2rem;
}

.article_details > div:nth-of-type(1) > div:nth-of-type(2) h2 {
  margin-bottom: 1rem;
}

.article_details > div:nth-of-type(1) > div:nth-of-type(2) > p {
  font-size: 1.6rem;
  line-height: 3.2rem;
  color: #969494;
  margin-bottom: 1rem;
}

.article_details > div:nth-of-type(1) > div:nth-of-type(2) > div {
  background-color: var(--green-1);
  color: var(--white);
  font-size: 1.4rem;
  font-weight: 500;
  padding: 1rem 1.5rem;
  border-radius: 6px;
  text-transform: uppercase;
  display: inline-block;
}

.article_details > div:nth-of-type(1) > div:nth-of-type(3) {
  margin-bottom: 1.5rem;
}

.article_details > div:nth-of-type(1) > div:nth-of-type(3) > p {
  font-size: 1.8rem;
  line-height: 2.5rem;
  margin-bottom: 2rem;
  font-family: var(--font-family-secondary);
}

.article_details > div:nth-of-type(1) > div:nth-of-type(3) > div {
  gap: 0.6rem;
  font-family: var(--font-family-secondary);
}

.article_details > div:nth-of-type(1) > div:nth-of-type(3) > div p {
  font-size: 1.6rem;
  line-height: 2.5rem;
  font-weight: 300;
}

.article_details > div:nth-of-type(1) > div:nth-of-type(3) > div h4 {
  font-size: 1.6rem;
  line-height: 2.5rem;
  font-weight: 600;
}

.article_details > div:nth-of-type(1) > div:nth-of-type(4) {
  padding: 1rem;
  gap: 2rem;
}

.article_details > div:nth-of-type(1) > div:nth-of-type(4) p {
  font-size: 1.8rem;
  line-height: 3.2rem;
  font-weight: 600;
}

.article_details > div:nth-of-type(1) > div:nth-of-type(4) > div {
  gap: 1rem;
}

.article_details > div:nth-of-type(1) > div:nth-of-type(4) > div a {
  width: 3.6rem;
  height: 3.6rem;
  border-radius: 50%;
  background-color: transparent;
  transition:
    transform 0.2s ease,
    background-color 0.2s ease,
    box-shadow 0.2s ease;
}

.article_details > div:nth-of-type(1) > div:nth-of-type(4) > div a img {
  transition:
    transform 0.2s ease,
    filter 0.2s ease,
    opacity 0.2s ease;
}

.article_details > div:nth-of-type(1) > div:nth-of-type(4) > div a:hover {
  transform: translateY(-2px);
  background-color: #eef5f1;
  box-shadow: 0 6px 14px rgba(17, 24, 39, 0.08);
}

.article_details > div:nth-of-type(1) > div:nth-of-type(4) > div a:hover img {
  transform: scale(1.05);
  filter: brightness(0) saturate(100%) invert(42%) sepia(66%) saturate(509%)
    hue-rotate(45deg) brightness(96%) contrast(91%);
}

.article_details > div:nth-of-type(2) > div:nth-of-type(1) {
  margin-bottom: 2rem;
}

.article_details > div:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(1) {
  margin-bottom: 1.5rem;
  gap: 0.8rem;
}

.article_details
  > div:nth-of-type(2)
  > div:nth-of-type(1)
  > div:nth-of-type(1)
  h3 {
  font-size: 2rem;
  line-height: 28px;
  font-weight: 700;
  font-family: var(--font-family-secondary);
}

.article_details
  > div:nth-of-type(2)
  > div:nth-of-type(1)
  > div:nth-of-type(2) {
  gap: 1.5rem;
}

.small_media_card {
  display: grid;
  grid-template-columns: 183fr 202fr;
  column-gap: 1.5rem;
}

.small_media_card > div:nth-of-type(1) {
  height: 10.3rem;
  border-radius: 8px;
}

.small_media_card > div:nth-of-type(1) > div {
  background-color: var(--green-1);
  color: var(--white);
  text-transform: uppercase;
  font-size: 0.8rem;
  font-weight: 600;
  padding: 0.4rem 0.8rem;
  border-radius: 6px;
  position: absolute;
  z-index: 2;
  top: 0.8rem;
  left: 0.8rem;
}

.small_media_card h4 {
  font-weight: 700;
  font-family: var(--font-family-secondary);
  font-size: 1.6rem;
  transition: all .2s ease-in-out;
}

.small_media_card:hover h4,
  .small_media_card:hover div:nth-of-type(2) > p {
  color: var(--green-1);
}

.small_media_card:hover .full_size_img_wrapper img {
  transform: scale(1.1);
}

.small_media_card > div:nth-of-type(2) > p {
  font-size: 1rem;
  line-height: 16px;
  color: #4a5565;
  transition: all .2s ease-in-out;
}

.article_details_share a {
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 6px;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}

.article_details_share a:hover {
  background-color: #edf4df;
}

.article_details_share a img {
  width: 70%;
  height: 70%;
}

@media only screen and (max-width: 1100px) {
  .article_details {
    grid-template-columns: minmax(0, 1fr) minmax(0, 34rem);
    column-gap: 2rem;
  }

  .article_details > div:nth-of-type(1) > div:nth-of-type(1) {
    height: 30rem;
  }
}

@media only screen and (max-width: 900px) {
  .article_details {
    grid-template-columns: 1fr;
    row-gap: 2rem;
    margin-bottom: 3.2rem;
  }

  .article_details_sidebar {
    display: contents;
  }

  .article_details_related {
    order: 2;
  }

  .article_details .media_trending {
    order: 3;
  }

  .article_details > div:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(1) {
    display: none;
  }

  .article_details > div:nth-of-type(1) > div:nth-of-type(1) {
    height: 24rem;
    margin-bottom: 1.6rem;
  }

  .article_details > div:nth-of-type(1) > div:nth-of-type(2) {
    margin-bottom: 1.6rem;
  }

  .article_details > div:nth-of-type(1) > div:nth-of-type(2) h2 {
    font-size: 3rem;
  }

  .article_details > div:nth-of-type(1) > div:nth-of-type(2) > p {
    font-size: 1.4rem;
    margin-bottom: 0.8rem;
  }

  .article_details > div:nth-of-type(1) > div:nth-of-type(2) > div {
    font-size: 1.2rem;
    padding: 0.8rem 1.2rem;
  }

  .article_details > div:nth-of-type(1) > div:nth-of-type(3) > p {
    font-size: 1.5rem;
    margin-bottom: 1.6rem;
  }

  .article_details > div:nth-of-type(1) > div:nth-of-type(3) > div p,
  .article_details > div:nth-of-type(1) > div:nth-of-type(3) > div h4 {
    font-size: 1.4rem;
  }

  .article_details > div:nth-of-type(1) > div:nth-of-type(4) {
    padding: 0;
    gap: 1.2rem;
  }

  .article_details > div:nth-of-type(1) > div:nth-of-type(4) p {
    font-size: 1.6rem;
  }

  /* .article_details > div:nth-of-type(1) > div:nth-of-type(4) > div {
    gap: 1.6rem;
    flex-wrap: wrap;
  } */

  .article_details_related {
    margin-top: 0.4rem;
  }

  .article_details_related > div:nth-of-type(1) {
    margin-bottom: 1.6rem;
  }

  .article_details_related
    > div:nth-of-type(1)
    > div:nth-of-type(1)
    h3 {
    font-size: 2.2rem;
  }

  .article_details_related
    > div:nth-of-type(1)
    > div:nth-of-type(2) {
    gap: 1rem;
  }

  .small_media_card {
    grid-template-columns: 250fr 416fr;
    column-gap: 3rem;
    width: 100%;
  }

  .small_media_card > div:nth-of-type(1) {
    height: 15rem;
    min-width: 0;
    border-radius: 0.8rem;
  }

  .small_media_card > div:nth-of-type(1) > div {
    top: 0.8rem;
    left: 0.8rem;
    padding: 0.4rem 0.8rem;
    font-size: 1rem;
  }

  .small_media_card h4 {
    font-size: 2rem;
  }

  .small_media_card > div:nth-of-type(2) > p {
    font-size: 1.2rem;
  }

  .article_details .media_trending {
    padding: 2rem;
    gap: 2rem;
    border-radius: 1.6rem;
  }

  .article_details .media_trending h3 {
    font-size: 2rem;
  }

  .article_details .trending_row > h4 {
    font-size: 1.1rem;
  }

  .article_details .trending_row > p {
    font-size: 1.4rem;
  }

  .article_details .trending_row > span {
    font-size: 1rem;
  }

  .article_details .media_trending form {
    padding: 1.8rem;
  }

  .article_details .media_trending form h4 {
    font-size: 2rem;
  }

  .article_details .media_trending form > p,
  .article_details .media_trending form input,
  .article_details .media_trending form button p {
    font-size: 1.3rem;
  }
}

@media only screen and (max-width: 700px) {
  .article_details > div:nth-of-type(1) > div:nth-of-type(1) {
    height: 20rem;
  }

  .article_details > div:nth-of-type(1) > div:nth-of-type(2) h2 {
    font-size: 2.4rem;
  }

  .article_details > div:nth-of-type(1) > div:nth-of-type(3) > p,
  .article_details > div:nth-of-type(1) > div:nth-of-type(3) > div p,
  .article_details > div:nth-of-type(1) > div:nth-of-type(3) > div h4 {
    font-size: 1.6rem;
  }

  .small_media_card {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 1.2rem;
    align-items: stretch;
    width: 100%;
  }

  .small_media_card > div:nth-of-type(1) {
    height: 11rem;
  }

  .small_media_card h4 {
    font-size: 1.8rem;
  }

  .article_details .media_trending {
    padding: 1.6rem;
  }

  .article_details .media_trending h3,
  .article_details .media_trending form h4 {
    font-size: 1.8rem;
  }
}

@media only screen and (max-width: 480px) {
  .article_details {
    row-gap: 1.6rem;
    margin-bottom: 2rem;
  }

  .article_details > div:nth-of-type(1) > div:nth-of-type(1) {
    height: 16rem;
    border-radius: 0.8rem;
    margin-bottom: 1.2rem;
  }

  .article_details > div:nth-of-type(1) > div:nth-of-type(2) {
      margin-bottom: 1rem;
  }

  .article_details > div:nth-of-type(1) > div:nth-of-type(2) h2 {
    font-size: 2rem;
    margin-bottom: 0;
  }
  
  .article_details > div:nth-of-type(1) > div:nth-of-type(2) > p {
    font-size: 1.2rem;
    margin-bottom: 0.5rem;
  }

  .article_details > div:nth-of-type(1) > div:nth-of-type(2) > div {
    font-size: 1rem;
    padding: 0.7rem 1rem;
  }

  .small_media_card h4 {
    font-size: 1.6rem;
  }

  .small_media_card > div:nth-of-type(1) > div {
    font-size: 0.8rem;
  }

  .article_details .media_trending h3,
  .article_details .media_trending form h4 {
    font-size: 1.7rem;
  }

  .article_details .trending_row > p {
    font-size: 1.3rem;
  }
}

/* ===== modules/faq.css ===== */
.faq_intro {
  background-color: #00568c;
  padding-bottom: 4rem;
  padding-top: 1.4rem;
}

.faq_intro .breadcrumbs {
  margin-top: 0;
}

.faq_intro .breadcrumbs a {
  color: var(--white);
}

.faq_intro h2,
.faq_intro h3 {
  text-align: center;
}

.faq_intro h2 {
  color: var(--white);
  margin-bottom: 1rem;
}

.faq_intro h3 {
  color: #aba8a8;
  font-size: 1.8rem;
  margin-bottom: 4rem;
  font-weight: 400;
}

.faq_intro .search_input {
  width: 58rem;
  margin: 0 auto;
}

.faq_questions {
  padding-top: 2.5rem;
  padding-bottom: 5rem;
  background-color: #f4f4f4;
  margin-bottom: 3rem;
}

.faq_questions_layout {
  display: grid;
  grid-template-columns: 391fr 898fr;
  column-gap: 3.1rem;
}

.faq_categories {
  gap: 1rem;
}

.faq_categories a {
  width: 100%;
}

.faq_categories a {
  padding: 0.8rem 1rem;
  background-color: var(--white);
  border-radius: 8px;
  border: 1px solid #eeeeee;
}

.faq_categories a > div:nth-of-type(1) {
  gap: 1.2rem;
  font-size: 1.6rem;
  font-weight: 600;
  font-family: var(--font-family-secondary);
}

.faq_categories a > div:nth-of-type(1) div {
  width: 3rem;
  height: 3rem;
  background-color: #88bd3f40;
  border-radius: 50%;
}

.faq_categories a > div:nth-of-type(2) {
  width: 3.7rem;
  height: 2.8rem;
  border-radius: 4px;
  background-color: var(--grey-2);
  font-size: 1.4rem;
  font-weight: 600;
  font-family: var(--font-family-secondary);
  color: var(--dark-blue-2);
  transition: all .2s ease-in-out;
}

.faq_questions_content > div {
  width: 100%;
}

.faq_questions_group_header {
  margin-bottom: 1.6rem;
  gap: 1.6rem;
}

.faq_questions_group_header > div:nth-of-type(1) {
  width: 4rem;
  height: 4rem;
  background-color: #88bd3f40;
  border-radius: 50%;
}

.faq_questions_group_header h5 {
  font-family: var(--font-family-secondary);
  font-size: 1.8rem;
  font-weight: 700;
  color: #0f1f14;
}

.faq_questions_group_header p {
  color: #6a7282;
  font-size: 1.6rem;
}

.faq_questions_group > div:nth-of-type(2) {
  gap: 1rem;
}

.faq_questions_group > div:nth-of-type(2) > div {
  width: 100%;
}

.faq_question > button {
  width: 100%;
  padding: 1rem 1.5rem;
  background-color: var(--white);
  font-family: var(--font-family-secondary);
  font-size: 1.6rem;
  font-weight: 600;
  border: 1px solid var(--grey-2);
  border-radius: 8px;
  transition: all 0.2s;
}

.faq_question > button img {
  transition: all 0.2s;
}

.faq_question > div {
  display: none;
  background-color: var(--white);
  padding: 1.5rem;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  font-size: 1.6rem;
}

.faq_question_active > button {
  background-color: #88bd3f24;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.faq_question_active > button img {
  transform: rotate(180deg);
}

.faq_question_active > div {
  display: block;
}

@media only screen and (max-width: 1100px) {
  .faq_intro {
    padding-bottom: 3.6rem;
  }

  .faq_questions_layout {
    grid-template-columns: minmax(0, 32rem) minmax(0, 1fr);
    column-gap: 2.4rem;
  }
}

@media only screen and (max-width: 900px) {
  .faq_intro {
    padding-top: 1rem;
    padding-bottom: 2.8rem;
  }

  .faq_intro .breadcrumbs {
    overflow-x: auto;
    white-space: nowrap;
    padding-bottom: 0.2rem;
  }

  .faq_intro h2 {
    margin-bottom: 0.8rem;
  }

  .faq_intro h3 {
    max-width: 56rem;
    margin: 0 auto 2.4rem;
    font-size: 1.6rem;
  }

  .faq_intro .search_input {
    width: 100%;
    max-width: 58rem;
  }

  .faq_questions {
    padding-top: 1.8rem;
    padding-bottom: 3rem;
    margin-bottom: 2.4rem;
  }

  .faq_questions_layout {
    grid-template-columns: 1fr;
    gap: 1.6rem;
  }

  .faq_categories {
    order: 1;
  }

  .faq_questions_content {
    order: 2;
  }

  .faq_categories a {
    padding: 0.9rem 1rem;
  }

  .faq_categories a > div:nth-of-type(1) {
    font-size: 1.5rem;
  }

  .faq_questions_group_header {
    margin-bottom: 1.2rem;
    gap: 1.2rem;
  }

  .faq_questions_group_header > div:nth-of-type(1) {
    width: 3.6rem;
    height: 3.6rem;
  }

  .faq_questions_group_header h5 {
    font-size: 1.7rem;
  }

  .faq_questions_group_header p {
    font-size: 1.4rem;
  }

  .faq_question > button {
    padding: 1rem 1.2rem;
    font-size: 1.5rem;
  }

  .faq_question > div {
    padding: 1.2rem;
    font-size: 1.5rem;
  }

  .contact_faq {
    grid-template-columns: 1fr;
    gap: 2rem;
    margin-bottom: 2.4rem;
  }

  .contact_faq > div {
    order: 1;
  }

  .contact_faq > form {
    order: 2;
  }

  .contact_faq > div > div:nth-of-type(1) {
    margin-bottom: 2rem;
  }

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

@media only screen and (max-width: 700px) {

  .faq_intro h3 {
    font-size: 1.5rem;
    margin-bottom: 2rem;
  }

  .faq_categories {
    gap: 0.8rem;
  }

  .faq_categories a {
    padding: 0.8rem 0.9rem;
  }

  .faq_categories a > div:nth-of-type(1) {
    gap: 1rem;
    font-size: 1.4rem;
  }

  .faq_categories a > div:nth-of-type(1) div {
    width: 2.8rem;
    height: 2.8rem;
  }

  .faq_categories a > div:nth-of-type(2) {
    width: 3.2rem;
    height: 2.6rem;
    font-size: 1.3rem;
  }

  .faq_questions_group_header h5 {
    font-size: 1.6rem;
  }

  .faq_questions_group_header p {
    font-size: 1.3rem;
  }

  .faq_question > button {
    font-size: 1.4rem;
  }

  .faq_question > div {
    font-size: 1.4rem;
  }

  .contact_faq > div > div:nth-of-type(1) p {
    font-size: 1.5rem;
  }
}

@media only screen and (max-width: 480px) {
  .faq_intro {
    padding-bottom: 2.4rem;
  }

  .faq_intro h3 {
    font-size: 1.4rem;
  }

  .faq_questions {
    padding-top: 1.4rem;
    padding-bottom: 2.4rem;
  }

  .faq_categories a > div:nth-of-type(1) {
    font-size: 1.3rem;
  }

  .faq_categories a > div:nth-of-type(2) {
    font-size: 1.2rem;
  }

  .faq_question > button {
    padding: 0.9rem 1rem;
    font-size: 1.3rem;
  }

  .faq_question > div {
    padding: 1rem;
    font-size: 1.3rem;
  }
}

/* ===== modules/affiliations.css ===== */
.affiliations_intro {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 56rem);
  column-gap: 4.8rem;
  padding-top: 1rem;
  padding-bottom: 6rem;
  background: #eeeeee;
  margin-bottom: 3rem;
}

.affiliations_intro_content {
  padding-top: 6rem;
}

.affiliations_intro_content h2 {
  margin-bottom: 2.4rem;
}

.affiliations_intro_lead {
  max-width: 52rem;
  font-size: 1.8rem;
  color: #374151;
}

.affiliations_logo_grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.4rem;
}

.affiliations_logo_card {
  min-height: 13rem;
  padding: 2rem 1.6rem 1.4rem;
  background-color: var(--white);
  border: 1px solid #e5e7eb;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.6rem;
}

.affiliations_logo_card img {
  max-width: 12.6rem;
  max-height: 4.4rem;
  object-fit: contain;
}

.affiliations_logo_card p {
  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-align: center;
  color: #6a7282;
}

.affiliations_cards_section {
  padding-bottom: 6rem;
}

.affiliations_cards_grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.6rem;
}

.affiliations_cards_column {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}

.affiliations_card {
  min-width: 0;
  padding: 3rem 2.8rem 1.6rem;
  border: 1px solid #dfe3e8;
  border-radius: 0.8rem;
  background-color: var(--white);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.affiliations_card_brand {
  display: flex;
  align-items: center;
  gap: 1.8rem;
  margin-bottom: 2.4rem;
}

.affiliations_card_brand img {
  max-width: 10rem;
  max-height: 3.6rem;
  object-fit: contain;
}

.affiliations_card_brand h3 {
  font-size: 2rem;
  font-weight: 700;
  font-family: var(--font-family-secondary);
  color: #1f2937;
}

.affiliations_card > p {
  margin-bottom: 3.2rem;
  font-size: 1.5rem;
  color: #3b4451;
}

.affiliations_card_summary p {
  font-size: 1.6rem;
  color: #3b4451;
}

.affiliations_card_summary {
  margin-bottom: 2.4rem;
  height: var(--affiliations-summary-collapsed-height, 7.2rem);
  overflow: hidden;
  transition: height 0.32s ease;
}

.affiliations_card_summary p {
  margin-bottom: 2rem;
}

.affiliations_card_summary p:last-child {
  margin-bottom: 2.4rem;
}

.affiliations_card_toggle {
  margin-top: auto;
  gap: 1rem;
  font-size: 1.3rem;
  font-weight: 500;
  color: var(--green-1);
  cursor: pointer;
  border: 0;
  background-color: transparent;
}

.affiliations_card_toggle,
.affiliations_card_toggle img {
  transition: all .2s ease-in-out;
}

.affiliations_card_toggle:hover {
  color:var(--hover-green);
}

.affiliations_card_toggle:hover img {
  filter: invert(50%) sepia(40%) saturate(685%) hue-rotate(43deg) brightness(94%) contrast(83%);
}

.affiliations_card_toggle img {
  width: 1.6rem;
  height: 1.6rem;
  transition: all .2s ease-in-out;
}

.affiliations_card.is-expanded .affiliations_card_toggle img {
  transform: rotate(-90deg);
}

@media only screen and (max-width: 1100px) {
  .affiliations_intro {
    grid-template-columns: minmax(0, 1fr) minmax(0, 46rem);
    column-gap: 2.4rem;
    padding-bottom: 4.8rem;
  }

  .affiliations_intro_content {
    padding-top: 3.2rem;
  }
}

@media only screen and (max-width: 900px) {
  .affiliations_intro {
    grid-template-columns: 1fr;
    row-gap: 2rem;
    padding-top: 0.4rem;
    padding-bottom: 3.6rem;
  }

  .affiliations_intro_content {
    padding-top: 0;
    text-align: left;
  }

  .affiliations_intro_lead {
    max-width: 100%;
    margin: 0;
    font-size: 1.6rem;
  }

  .affiliations_logo_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .affiliations_cards_section {
    padding-bottom: 4rem;
  }

  .affiliations_cards_grid {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
  }

  .affiliations_card {
    padding: 2.4rem 2rem 1.6rem;
  }

  .affiliations_card_brand {
    margin-bottom: 2rem;
  }

  .affiliations_card_brand h3 {
    font-size: 1.9rem;
  }

  /* .affiliations_card_summary p {
    font-size: 1.5rem;
  } */

  /* .affiliations_card_summary p {
    margin-bottom: 2.4rem;
  } */
}

@media only screen and (max-width: 700px) {
  .affiliations_intro {
    row-gap: 1.6rem;
    padding-bottom: 3rem;
  }

  .affiliations_intro_content h2 {
    margin-bottom: 2rem;
    font-size: 3.2rem;
  }

  .affiliations_intro_lead {
    font-size: 1.5rem;
  }

  .affiliations_logo_card {
    min-height: 10.8rem;
    padding: 1.6rem 1rem 1.2rem;
    gap: 1.2rem;
  }

  .affiliations_logo_card img {
    max-width: 9.6rem;
    max-height: 3.4rem;
  }

  .affiliations_logo_card p {
    font-size: 1rem;
  }

  .affiliations_card {
    padding: 2rem 1.6rem 1.4rem;
  }

  .affiliations_card_brand {
    gap: 1.2rem;
    margin-bottom: 1.6rem;
  }

  .affiliations_card_brand img {
    max-width: 8.8rem;
    max-height: 3.2rem;
  }

  .affiliations_card_brand h3 {
    font-size: 1.7rem;
  }

  /* .affiliations_card_summary p {
    font-size: 1.4rem;
  } */

  /* .affiliations_card_toggle {
    font-size: 1.2rem;
  } */

  /* .affiliations_card_summary p {
    margin-bottom: 2rem;
  } */
}

@media only screen and (max-width: 480px) {
  .affiliations_intro_content h2 {
    font-size: 2.8rem;
  }

  .affiliations_intro_lead {
    font-size: 1.4rem;
  }

  .affiliations_logo_card {
    min-height: 10rem;
  }

  .affiliations_card_brand {
    align-items: center;
    flex-direction: row;
    gap: 1rem;
  }

  .affiliations_card_brand h3 {
    font-size: 1.6rem;
  }

  /* .affiliations_card_summary p {
    font-size: 1.3rem;
  } */

  .affiliations_card_summary {
    margin-bottom: 1rem;
  }
}

/* ===== modules/centersPage.css ===== */
.centers_page {
  padding-top: 2rem;
  padding-bottom: 4.8rem;
}

.centers_page_title {
  margin-bottom: 4rem;
  text-align: center;
}

.centers_page_layout {
  display: grid;
  grid-template-columns: minmax(0, 52rem) minmax(0, 1fr);
  align-items: start;
  gap: 4rem;
}

.centers_page_tabs {
  width: 100%;
}

.centers_page_map {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 1.6rem;
}

.centers_page_map img {
  width: 100%;
  max-width: 47rem;
  height: auto;
}

.centers_page_auth {
  padding-bottom: 4rem;
}

.centers_page_auth_cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 3rem;
  margin-bottom: 1.2rem;
}

.centers_page_auth_cards > div {
  padding: 1.6rem 1.8rem;
  border: 1px solid var(--grey-1);
  border-radius: 1.6rem;
}

.centers_page_auth_cards > div:nth-of-type(1) {
  background-color: #eef7df;
  border-color: #b7d67f;
}

.centers_page_auth_cards > div:nth-of-type(2) {
  background-color: var(--white);
}

.centers_page_auth_cards > div > div {
  margin-bottom: 1.2rem;
  gap: 1.6rem;
}

.centers_page_auth_cards > div > div > div {
  gap: 1.2rem;
}

.centers_page_auth_cards > div > div > div > div {
  width: 3.8rem;
  height: 3.8rem;
  background-color: #f8fbf3;
  border: 1px solid #dfe3e8;
  border-radius: 1rem;
  flex-shrink: 0;
}

.centers_page_auth_cards > div > div > div h3 {
  font-size: 1.8rem;
  font-weight: 700;
  color: #1f2937;
}

.centers_page_auth_cards > div > div > a {
  min-width: 11.5rem;
  justify-content: center;
  gap: 0.8rem;
  padding: 1.1rem 1.8rem;
  border-radius: 0.8rem;
  font-size: 1.4rem;
  color: var(--white);
}

.centers_page_auth_cards > div:nth-of-type(1) > div > a {
  background-color: var(--green-1);
}

.centers_page_auth_cards > div:nth-of-type(2) > div > a {
  background-color: var(--dark-blue);
}

.centers_page_auth_cards > div > p {
  max-width: 46rem;
  font-size: 1.4rem;
  color: #4b5563;
}

.centers_page .cta_auth_text {
  text-align: center;
  font-size: 1.2rem;
  color: #6a7282;
}

.centers_page_auth .cta_auth_text {
  text-align: center;
  font-size: 1.2rem;
  color: #6a7282;
}

.centers_page_auth .cta_auth_text a {
  color: var(--dark-blue-2);
}

@media only screen and (max-width: 1100px) {
  .centers_page_layout {
    grid-template-columns: minmax(0, 1fr) minmax(0, 0.95fr);
    gap: 2.8rem;
  }

  .centers_page_map img {
    max-width: 42rem;
  }
}

@media only screen and (max-width: 900px) {
  .centers_page {
    padding-top: 1.8rem;
    padding-bottom: 3.2rem;
  }

  .centers_page_title {
    margin-bottom: 2.4rem;
  }

  .centers_page_layout {
    grid-template-columns: 1fr;
    gap: 2.4rem;
  }

  .centers_page_map {
    order: -1;
    padding-top: 0;
  }

  .centers_page_map img {
    max-width: 41rem;
  }

  .centers_page_auth {
    padding-bottom: 2.6rem;
  }

  .centers_page_auth_cards {
    grid-template-columns: 1fr;
    gap: 1.2rem;
    margin-bottom: 1rem;
  }

  .centers_page_auth_cards > div {
    border-radius: 2rem;
    padding: 1.6rem;
  }

  .centers_page_auth_cards > div > div {
    align-items: flex-start;
    gap: 1.2rem;
    margin-bottom: 1.2rem;
  }

  .centers_page_auth_cards > div > div > div > div {
    width: 4rem;
    height: 4rem;
    border-radius: 1.2rem;
  }

  .centers_page_auth_cards > div > div > div h3 {
    font-size: 1.8rem;
  }

  .centers_page_auth_cards > div > div > a {
    display: none;
  }

  .centers_page_auth_cards > div > p {
    font-size: 1.4rem;
  }
}

@media only screen and (max-width: 700px) {
  .centers_page {
    padding-top: 1.2rem;
    padding-bottom: 2.4rem;
  }

  .centers_page_title {
    margin-bottom: 1.8rem;
  }

  .centers_page_map img {
    max-width: 100%;
  }

  .centers_page_auth_cards > div {
    padding: 1.4rem;
  }

  .centers_page_auth_cards > div > div {
    margin-bottom: 1rem;
  }

  .centers_page_auth_cards > div > div > div {
    gap: 1rem;
  }

  .centers_page_auth_cards > div > div > div h3 {
    font-size: 1.7rem;
  }

  .centers_page_auth_cards > div > p {
    font-size: 1.3rem;
  }

  .centers_page_auth .cta_auth_text {
    font-size: 1.2rem;
  }
}

@media only screen and (max-width: 480px) {
  .centers_page_layout {
    gap: 2rem;
  }

  .centers_page_auth_cards > div {
    padding: 1.4rem 1.2rem;
  }

  .centers_page_auth_cards > div > div > div h3 {
    font-size: 1.6rem;
  }

  .centers_page_auth_cards > div > p {
    font-size: 1.3rem;
  }
}

/* ===== modules/terms.css ===== */
.terms_page {
  padding-bottom: 5rem;
}

.terms_page_intro {
  margin-bottom: 3rem;
}

.terms_page_intro h1 {
  font-size: 3.2rem;
  font-weight: 700;
  color: #1f1a17;
  margin-bottom: 0.8rem;
}

.terms_page_intro p {
  font-size: 1.6rem;
  color: #000;
}

.terms_page_layout {
  display: grid;
  grid-template-columns: 360fr 904fr;
  gap: 3.2rem;
  align-items: start;
}

.terms_page_sidebar {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  min-width: 0;
}

.terms_toc,
.terms_useful_links {
  padding: 1.6rem;
  border-radius: 1.6rem;
  background-color: #f5f7fa;
}

.terms_toc > div,
.terms_useful_links > div {
  gap: 0.4rem;
}

.terms_toc a,
.terms_useful_links a {
  gap: 1rem;
  padding: 1.1rem 0;
  border-bottom: 1px solid #e5e7eb;
}

.terms_toc a:last-child,
.terms_useful_links a:last-child {
  border-bottom: 0;
}

.terms_toc a p,
.terms_useful_links a p {
  font-size: 1.4rem;
}

.terms_toc_active p {
  color: var(--green-1);
}

.terms_useful_links h3 {
  font-size: 2rem;
  font-weight: 700;
  color: var(--dark-blue-2);
  margin-bottom: 1.4rem;
}

.terms_useful_links a {
  padding: 1.2rem 1.4rem;
  border: 1px solid var(--grey-1);
  border-radius: 0.8rem;
  background-color: var(--white);
}

.terms_useful_links a p {
  font-size: 1.2rem;
  text-transform: uppercase;
  font-weight: 600;
  color: #101828;
}

.terms_page_content {
  min-width: 0;
}

.terms_content_section {
  scroll-margin-top: calc(var(--header-placeholder-height, 0px) + 2rem);
}

.terms_content_section + .terms_content_section {
  margin-top: 3rem;
}

.terms_content_section h2 {
  font-size: 2.4rem;
  font-weight: 700;
  color: #101828;
  margin-bottom: 1.6rem;
}

.terms_content_section p {
  font-size: 1.6rem;
  color: #000;
  line-height: 2.5rem;
}

.terms_content_section p + p {
  margin-top: 1rem;
}

.terms_content_section a {
  color: var(--dark-blue-2);
  text-decoration: underline;
}

@media only screen and (max-width: 1100px) {
  .terms_page_layout {
    /* grid-template-columns: 320fr 1fr; */
    gap: 2.4rem;
  }
}

@media only screen and (max-width: 900px) {
  .terms_page {
    padding-bottom: 3rem;
  }

  .terms_page_intro {
    margin-bottom: 2rem;
  }

  .terms_page_intro h1 {
    font-size: 2.6rem;
    margin-bottom: 0.6rem;
  }

  .terms_page_layout {
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  .terms_page_sidebar {
    display: contents;
  }

  .terms_toc {
    order: 1;
  }

  .terms_page_content {
    order: 2;
  }

  .terms_useful_links {
    order: 3;
  }

  .terms_toc,
  .terms_useful_links {
    padding: 1.4rem;
    border-radius: 1.2rem;
  }

  .terms_content_section h2 {
    font-size: 2rem;
    margin-bottom: 1.2rem;
  }

}

@media only screen and (max-width: 700px) {
  .terms_page {
    padding-bottom: 2.4rem;
  }

  .terms_page_intro {
    margin-bottom: 1.6rem;
  }

  .terms_page_intro h1 {
    font-size: 2rem;
  }

  .terms_toc,
  .terms_useful_links {
    padding: 1.2rem;
    border-radius: 0.8rem;
  }

  .terms_toc a {
    padding: 0.9rem 0;
  }

  .terms_useful_links a {
    padding: 1rem 1.2rem;
  }

  .terms_toc a p {
    font-size: 1.2rem;
  }

  .terms_useful_links h3 {
    font-size: 1.6rem;
    margin-bottom: 1rem;
  }

  .terms_useful_links a p {
    font-size: 1.1rem;
  }

  .terms_content_section + .terms_content_section {
    margin-top: 2rem;
  }

  .terms_content_section h2 {
    font-size: 1.8rem;
    margin-bottom: 1rem;
  }
}

@media only screen and (max-width: 480px) {
  .terms_page_intro h1 {
    font-size: 2rem;
  }

  .terms_toc a p {
    font-size: 1.4rem;
  }
}

/* ===== modules/academies.css ===== */
.academies_page {
  padding-top: 2rem;
  padding-bottom: 5rem;
}

.academies_intro {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3rem;
  align-items: center;
  margin-bottom: 1rem;
  padding-bottom: 5rem;
}

.academies_intro_title {
  font-size: 3.1rem;
  font-weight: 700;
  color: #1f1a17;
  margin-bottom: 0.5rem;
}

.academies_intro_title_accent {
  color: var(--green-1);
}

.academies_intro_subtitle {
  font-size: 1.8rem;
  font-weight: 400;
  color: #4d5564;
  margin-bottom: 2rem;
}

.academies_intro_description {
  font-size: 1.6rem;
  color: #4d5564;
  line-height: 2.4rem;
}

.academies_intro_image {
  min-height: 36rem;
  border-radius: 0.8rem;
  overflow: hidden;
}

.pocu-academies_intro_image .full_size_img_wrapper img {
  position: unset;
}

.pocu-academies_intro_image .full_size_img_wrapper:hover img {
  transform: scale(1);
}

.academies_cards {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 2rem;
  margin-bottom: 3rem;
}

.academies_card {
  position: relative;
  padding: 2rem;
  border-radius: 0.8rem;
  background-color: #f5f7fa;
  cursor: pointer;
  transition: all .2s ease-in-out;
}

.academies_card:hover {
  background-color: var(--green-1);
  transform: translateY(-10px);
}

.academies_card:hover .academies_card_title,
.academies_card:hover .academies_card_description {
  color: #fff;
}

.academies_card_logo {
  width: 5rem;
  height: 5rem;
  margin-bottom: 2.5rem;
  padding: 0.7rem;
  background-color: var(--white);
  border-radius: 1.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.academies_card_logo img {
  max-width: 100%;
  max-height: 100%;
}

.academies_card_title {
  font-size: 2rem;
  font-weight: 700;
  color: #1f1a17;
  margin-bottom: 1rem;
  transition: all .2s ease-in-out;
}

.academies_card_description {
  min-height: 4.4rem;
  font-size: 1.4rem;
  color: #414750;
  margin-bottom: 2.5rem;
  transition: all .2s ease-in-out;
}

.academies_card_btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid var(--grey-4);
  padding-top: 1.5rem;
  transition: all .2s ease-in-out;
}

.academies_card:hover .academies_card_btn {
  border-top: 1px solid #fff;
}

.academies_card_btn > * {
  transition: all .2s ease-in-out;
}

.academies_card:hover .academies_card_btn .academies_card_link {
  color: #fff !important;
}

.academies_card:hover .academies_card_btn img {
  filter: invert(61%) sepia(40%) saturate(685%) hue-rotate(43deg) brightness(94%) contrast(83%);
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(5deg) brightness(302%) contrast(102%);
}

.academies_card_link {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--black-2);
  text-transform: uppercase;
}

.academies_text_grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 3rem;
  margin-bottom: 3rem;
}

.academies_text_title,
.academies_image_split_title {
  font-size: 1.8rem;
  font-weight: 700;
  color: #1f1a17;
  margin-bottom: .5rem;
}

.academies_text_paragraph,
.academies_image_split_paragraph,
.academies_accordion_paragraph,
.academies_accordion_list_item,
.academies_text_list_item {
  font-size: 1.6rem;
  color: #1F1A17;
  line-height: 2.2rem;
}

.academies_text_paragraph + .academies_text_paragraph,
.academies_image_split_paragraph + .academies_image_split_paragraph {
  margin-top: 1rem;
}

.academies_text_list {
  margin-top: 1rem;
  padding-left: 2rem;
}
.academies_project_story_content-felx .academies_text_list {
  margin-top: 0rem;
}

.academies_image_split {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 3rem;
  align-items: start;
  margin-bottom: 3rem;
}

.academies_image_split_media {
  min-height: 28rem;
  border-radius: 0.8rem;
  overflow: hidden;
}

.academies_accordions {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.academies_accordion_item {
  border: 1px solid var(--grey-1);
  border-radius: 0.8rem;
  background-color: var(--white);
  overflow: hidden;
}

.academies_accordion_summary {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.5rem 1.8rem;
  cursor: pointer;
}

.academies_accordion_summary::-webkit-details-marker {
  display: none;
}

.academies_accordion_summary_main {
  display: flex;
  align-items: center;
  gap: .4rem;
  min-width: 0;
}

.academies_accordion_summary_badge {
  width: 2.4rem;
  height: 2.4rem;
  flex-shrink: 0;
}

.academies_accordion_summary_badge img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.academies_accordion_summary_text {
  font-size: 1.8rem;
  font-weight: 600;
  color: var(--dark-blue-2);
}

.academies_accordion_item[open] .academies_accordion_summary_icon {
  transform: rotate(180deg);
}

.academies_accordion_summary_icon {
  transition: transform 0.2s ease;
}

.academies_accordion_content {
  padding: 0 1.8rem 1.6rem;
}

.academies_accordion_list {
  padding-left: 1.8rem;
}

.academies_accordion_detailed_list {
  list-style: none;
}

.academies_accordion_detailed_item {
  padding: 1.8rem;
  padding-right: 0rem;
  border-top: 1px solid #e9edf3;
}

.academies_accordion_detailed_item:first-child {
  border-top: none;
  padding-top: 0;
}

.academies_accordion_detailed_item:last-child {
  padding-bottom: 0;
}

.academies_accordion_detailed_title-container {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  margin-bottom: 0.8rem;
}

.academies_accordion_detailed_title {
  font-size: 1.5rem;
  font-weight: 700;
  color: #1f1a17;
}

.academies_accordion_detailed_text {
  font-size: 1.4rem;
  color: #6a7282;
  line-height: 2rem;
}

.academies_project_page {
  padding-top: 3.2rem;
}

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

.academies_project_logo_card {
  width: 20rem;
  height: 12rem;
  border-radius: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 2rem;
  flex-shrink: 0;
}

.academies_project_logo_card img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.academies_project_intro_title {
  margin-bottom: 1.6rem;
}

.academies_project_intro_image_no-radius {
  border-radius: 0;
  background: transparent;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.academies_project_intro_caption {
  text-align: center;
  max-width: 62rem;
  margin: 2rem auto 0;
}

.academies_section_title_center {
  text-align: center;
  font-size: 2rem;
  line-height: 1.3;
  margin-bottom: 2.4rem;
  color: #1f1a17;
}

.academies_section_title_center span {
  color: #9bc53d;
}

.academies_project_plan_image.full_size_img_wrapper {
  border-radius: 0.8rem;
  overflow: hidden;
  max-height: 70rem;
}

.academies_project_plan_image.full_size_img_wrapper img {
  position: unset;
  height: auto;
}

.academies_project_plan_image.full_size_img_wrapper:hover img {
  transform: scale(1);
}

.academies_project_text_grid {
  gap: 4rem;
  margin-bottom: 4rem;
}

.academies_project_gallery {
  margin-bottom: 2.4rem;
}

.academies_project_gallery_track {
  align-items: stretch;
}

.academies_project_gallery_card {
  min-height: 20.5rem;
  border-radius: 0.8rem;
  overflow: hidden;
  height: auto;
}

.academies_project_gallery .swiper {
  overflow: hidden;
}

.academies_project_gallery .swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding-top: 1.6rem;
  position: static;
}

.academies_project_gallery .swiper-pagination-bullet {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  border: 1px solid #c9d2df;
  background-color: transparent;
  opacity: 1;
  margin: 0 !important;
}

.academies_project_gallery .swiper-pagination-bullet-active {
  border-color: #7caee8;
  background-color: #ffffff;
}

.academies_project_cta_auth {
  margin-bottom: 1.8rem;
}

.academies_project_sellers {
  gap: 2rem;
  padding: 1.6rem 2.4rem;
  border: 1px solid var(--grey-1);
  border-radius: 1.2rem;
  margin-bottom: 1.2rem;
}

.academies_project_sellers > div {
  gap: 1rem;
}

.academies_project_sellers > div > div {
  width: 3.2rem;
  height: 3.2rem;
}

.academies_project_sellers > div > p {
  font-size: 1.4rem;
  color: #1f1a17;
}

.academies_project_cta_text {
  margin-bottom: 4rem;
}

.academies_project_center_cta {
  margin-bottom: 3.2rem;
}

.academies_project_center_cta_btn {
  padding: 1.3rem 3rem;
  border-radius: 0.6rem;
  color: var(--white);
  gap: 1rem;
}

.academies_project_center_title {
  margin-bottom: 3.2rem;
  text-align: center;
  font-size: 2.2rem;
  font-weight: 700;
  color: #1f1a17;
}

.academies_project_center_title-mt {
  margin-top: 3.3rem;
}

.academies_project_center_title span {
  color: var(--green-1);
}

.academies_project_center_title_partners {
  margin-top: 1rem;
}

.academies_project_story {
  margin-bottom: 3.2rem;
}

.academies_project_story_image {
  min-height: 38rem;
}

.academies_project_story_content-felx {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.rezolv-media-section {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr);
  gap: 3rem;
  align-items: start;
  margin-bottom: 3.2rem;
}

.rezolv-video-card {
  position: relative;
  display: block;
  width: 100%;
}

.rezolv-video-card_media {
  /* min-height: 49.6rem; */
  min-height: 42.4rem;
  border-radius: 0.8rem;
  overflow: hidden;
}

.full_size_img_wrapper.rezolv-video-card_media:hover img {
  transform: scale(1);
}

.rezolv-video-card_play {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 7.8rem;
  height: 7.8rem;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: rgba(148, 189, 64, 0.82);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  cursor: pointer;
  padding: 0;
  overflow: visible;
  transition: transform 0.2s ease;
  z-index: 1;
}

.rezolv-video-card_play::before,
.rezolv-video-card_play::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: rgba(148, 189, 64, 0.28);
  opacity: 0;
  transform: scale(1);
  pointer-events: none;
}

.rezolv-video-card:hover .rezolv-video-card_play::before,
.rezolv-video-card:hover .rezolv-video-card_play::after {
  animation: rezolv-video-ripple 1.8s ease-out infinite;
  opacity: 1;
}

.rezolv-video-card:hover .rezolv-video-card_play::after {
  animation-delay: 0.35s;
}

.rezolv-video-card:hover .rezolv-video-card_play {
  transform: translate(-50%, -50%) scale(1.04);
}

.rezolv-video-card_play-icon {
  width: 3rem;
  height: 3rem;
}

@keyframes rezolv-video-ripple {
  0% {
    transform: scale(1);
    opacity: 0.55;
  }

  100% {
    transform: scale(1.8);
    opacity: 0;
  }
}

.rezolv-news-panel {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}

.rezolv-news-panel .general-btn {
  width: fit-content;
  margin-right: auto;
}

.rezolv-news-title {
  font-size: 2.2rem;
  font-weight: 700;
  color: #1f1a17;
}

.rezolv-news-title span {
  color: var(--green-1);
}

.rezolv-news-list {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}

.rezolv-news-item {
  display: grid;
  grid-template-columns: 21rem minmax(0, 1fr);
  gap: 1.6rem;
  align-items: start;
}

.rezolv-news-item_media {
  min-height: 11rem;
  border-radius: 0.8rem;
  overflow: hidden;
}

.rezolv-news-item_badge {
  position: absolute;
  top: 1rem;
  left: 1rem;
  z-index: 2;
  padding: 0.5rem 1rem;
  border-radius: 20rem;
  background-color: rgba(148, 189, 64, 0.92);
}

.rezolv-news-item_badge p {
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: var(--white);
}

.rezolv-news-item_content h3 {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 2.1rem;
  color: #1f1a17;
  margin-bottom: 0.5rem;
}

.rezolv-news-item_content p {
  font-size: 1.2rem;
  color: #8c93a1;
}

.rezolv-news-cta {
  width: 100%;
  padding: 1.6rem 2rem;
  border-radius: 0.8rem;
  gap: 1rem;
  color: var(--white);
}

.rezolv-video-modal {
  position: fixed;
  inset: 0;
  z-index: 99999;
}

.rezolv-video-modal_overlay {
  position: absolute;
  inset: 0;
  background: rgba(16, 16, 16, 0.88);
}

.rezolv-video-modal_dialog {
  position: relative;
  z-index: 1;
  width: min(108rem, calc(100vw - 8rem));
  margin: 6rem auto;
}

.rezolv-video-modal_frame {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  background: #000;
  border-radius: 0.8rem;
  overflow: hidden;
}

.rezolv-video-modal_frame iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.rezolv-video-modal_close {
  position: absolute;
  top: -4.8rem;
  right: 0;
  width: 4rem;
  height: 4rem;
  border: 0;
  border-radius: 0.4rem;
  background: rgba(255, 255, 255, 0.08);
  cursor: pointer;
}

.rezolv-video-modal_close::before,
.rezolv-video-modal_close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2.4rem;
  height: 0.2rem;
  background: var(--white);
}

.rezolv-video-modal_close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.rezolv-video-modal_close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.academies_project_story_text_grid {
  margin-bottom: 3.2rem;
}

.academies_project_gallery_secondary {
  margin-bottom: 2.4rem;
}

.academies_project_sections {
  margin-bottom: 2.4rem;
}

.academies_project_section_content {
  padding-top: 0.6rem;
}

.academies_testimonials_grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.6rem;
}

.academies_testimonial_card {
  padding: 1.6rem;
  border-radius: 0.8rem;
  background-color: #f5f7fa;
}

.academies_testimonial_head {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  margin-bottom: 1.6rem;
}

.academies_testimonial_quote {
  width: 4rem;
  height: 4rem;
  border-radius: 1.2rem;
  background-color: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
}

.academies_testimonial_quote img{
  width: 55%;
  height: 55%;
}

.academies_testimonial_name {
  font-size: 1.6rem;
  font-weight: 700;
  color: #1f1a17;
}

.academies_testimonial_text {
  font-size: 1.2rem;
  color: #414750;
  min-height: 4.3rem;
  margin-bottom: 1.6rem;
}

.academies_testimonial_footer {
  padding-top: 1.2rem;
  border-top: 1px solid #dde3ea;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.academies_testimonial_rating {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  font-size: 2rem;
  color: #f2c94c;
}

.academies_testimonial_star_inactive {
  color: #d7dce4;
}

.academies_testimonial_footer img {
  width: 2.4rem;
  height: 2.4rem;
}

.academies_satisfaction_grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.6rem;
}

.academies_satisfaction_card {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  padding: 1.2rem;
  border-radius: 0.8rem;
  background-color: #f5f7fa;
}

.academies_satisfaction_percent {
  width: 4.4rem;
  height: 4.4rem;
  border-radius: 1.4rem;
  background-color: var(--green-1);
  color: var(--white);
  font-size: 1.8rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.academies_satisfaction_text {
  font-size: 1.2rem;
  color: #4c4a47;
}

.academies_project_gallery_inner {
  margin-bottom: 0;
  padding: 0;
  border: none;
}

.academies_project_partner_grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 2rem;
}

.academies_project_partner_card {
  min-height: 31rem;
  padding: 2rem 2rem 1.8rem;
  border: 1px solid var(--grey-1);
  border-radius: 0.8rem;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
}

.academies_project_partner_head {
  display: flex;
  align-items: center;
  gap: 1.6rem;
  margin-bottom: 3rem;
}

.academies_project_partner_head img {
  width: 6.8rem;
  height: auto;
  object-fit: contain;
  object-position: left center;
  flex-shrink: 0;
}

.academies_project_partner_title {
  font-size: 2.4rem;
  font-weight: 700;
  color: #1f1a17;
}

.academies_project_partner_text + .academies_project_partner_text {
  margin-top: 1.6rem;
}

.academies_project_partner_link {
  margin-top: auto;
  padding-top: 3rem;
  display: flex;
  align-items: center;
  gap: 0.8rem;
}

.academies_project_partner_link span {
  font-size: 1.4rem;
  color: var(--green-1);
}

.academies_project_partner_link img {
  width: 1.8rem;
  height: 1.8rem;
}

.academies_project_partner_link span:hover {
  color: var(--hover-green);
}

.academies_project_partner_link:hover img {
  filter: invert(47%) sepia(40%) saturate(685%) hue-rotate(43deg) brightness(94%) contrast(83%);
}

.academies_project_partner_card:last-child {
  grid-column: 1 / 2;
}

.academies_project_simple_gallery {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.6rem;
  margin-bottom: 2.4rem;
}

@media only screen and (max-width: 1100px) {
  .academies_cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .academies_intro,
  .academies_text_grid,
  .academies_image_split {
    gap: 2rem;
  }

  .rezolv-media-section {
    gap: 2rem;
  }

  .academies_testimonials_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.reskill-page .academies_project_text_grid {
  margin-bottom: 3.2rem;
}

.reskill-page .courses_intro_section {
  margin-bottom: 0rem;
  padding-bottom: 2rem;
}

.reskill-intro {
  padding-bottom: 4rem;
}
.reskill-intro .academies_intro_title {
  margin-bottom: 1rem;
}

.reskill-intro .academies_intro_image {
  min-height: 30rem;
}

.reskill-courses-heading {
  margin-bottom: 2.4rem;
  text-align: center;
}

.reskill-courses-heading h2 {
  font-size: 2.2rem;
  font-weight: 700;
  color: #1f1a17;
}

.reskill-courses-heading span {
  color: var(--green-1);
}

.reskill-courses-grid {
  margin-bottom: 4rem;
}

.reskill-courses-grid .courses_card > div:nth-of-type(1) > div:nth-of-type(1) {
  background-color: #fffffff2;
  border-radius: 20rem;
  padding: 0.4rem 1.2rem;
}

.reskill-courses-grid .courses_card > div:nth-of-type(2) {
  display: flex;
  flex-direction: column;
  height: calc(100% - 19.2rem);
}

.reskill-courses-grid .courses_card > div:nth-of-type(2) h4 {
  min-height: 5.8rem;
}

.reskill-courses-grid .courses_card > div:nth-of-type(2) > p {
  min-height: 13rem;
}

.reskill-course-meta {
  margin-top: auto;
}

.reskill-courses-grid .courses_card > div:nth-of-type(2) > a {
  margin-top: 1.6rem;
}

.reskill-course-note {
  display: block;
  width: 100%;
  margin-top: 0.8rem;
  color: #aba8a8;
  font-size: 1.2rem;
  text-align: center;
  line-height: 1.7rem;
}

.reskill-highlight-title {
  text-align: center;
  margin-bottom: 3rem;
  font-size: 2.2rem;
  font-weight: 700;
  color: #1f1a17;
}

.reskill-highlight-title span {
  color: var(--green-1);
}

.reskill-gallery {
  margin-bottom: 4rem;
}

.reskill-gallery-first {
  max-width: 90rem;
  margin: 0 auto 4rem;
}


.reskill-gallery .academies_project_gallery_card {
  min-height: 22rem;
}

.reskill-gallery-first .academies_project_gallery_card {
  min-height: 19rem;
}

.academies_project_gallery_pocu-special-swiper .academies_project_gallery_card {
  /* min-height: 49.6rem; */
  min-height: 42.4rem;
}

.reskill-empty {
  color: #6a7282;
  text-align: center;
  padding: 2.4rem 0;
}

.project_register_page {
  padding-bottom: 5rem;
}

.project_register_page .breadcrumbs {
  padding-top: 2.5rem;
}

.project_register_shell {
  max-width: 98rem;
  margin: 0 auto;
}

.project_register_card {
  border-radius: 0.8rem;
  background-color: #f9fafb;
  border: 1px solid var(--grey-1);
}

.project_register_card_form {
  padding: 3.2rem;
}

.project_register_title {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 3.2rem;
  margin-bottom: 2.4rem;
  color: #1f1a17;
}

.project_register_title span {
  color: var(--green-1);
}

.project_register_form {
  gap: 2rem;
}

.project_register_grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 2rem;
}

.project_register_grid_2_1 {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.project_register_field {
  width: 100%;
}

.project_register_field_full {
  width: 100%;
}

.project_register_grid .project_register_field_full {
  grid-column: 1 / -1;
}

.project_register_field input,
.project_register_field .auth_select_field,
.project_register_field .auth_select_field select {
  width: 100%;
}

.project_register_field input {
  min-height: 4.8rem;
}

.project_register_upload {
  min-height: 15rem;
}

.project_register_checkbox {
  width: 100%;
}

.project_register_submit {
  width: 100%;
}

.rezolv-back-btn {
  max-width: 26rem;
  margin: 0 auto;
}

@media only screen and (max-width: 900px) {
  .academies_page {
    padding-top: 1.6rem;
    padding-bottom: 3rem;
  }

  .academies_intro {
    grid-template-columns: 1fr;
    margin-bottom: 2rem;
    padding-bottom: 3rem;
  }

  .academies_intro_title {
    font-size: 2.4rem;
  }

  .academies_project_intro_title {
    margin-bottom: 0.5rem;
  }

  .academies_intro_subtitle {
    font-size: 1.6rem;
  }

  .academies_cards {
    gap: 1.6rem;
    margin-bottom: 2rem;
  }

  .academies_text_grid,
  .academies_image_split {
    grid-template-columns: 1fr;
    margin-bottom: 2rem;
  }

  .academies_image_split.pocu-special-swiper-container > div,
  .academies_image_split.pocu-special-swiper-container .academies_project_gallery_pocu-special-swiper,
  .academies_image_split.pocu-special-swiper-container .academies_project_gallery_pocu-special-swiper .swiper {
    min-width: 0;
    width: 100%;
    max-width: 100%;
  }

  .rezolv-media-section {
    grid-template-columns: 1fr;
    margin-bottom: 2.4rem;
  }

  .academies_image_split_content {
    order: -1;
  }

  .academies_project_logo_card {
    width: 10rem;
    height: 5.8rem;
    margin-bottom: 1.6rem;
  }

  .academies_satisfaction_grid,
  .academies_project_partner_grid {
    grid-template-columns: 1fr;
  }

  .academies_project_partner_card:last-child {
    grid-column: auto;
  }

  .academies_project_sellers {
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .academies_intro_content.academies_project_intro_content {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1.5rem;
  }
  
  .academies_project_simple_gallery {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.4rem;
  }
  .reskill-intro {
    padding-bottom: 2.4rem;
  }

  .reskill-gallery,
  .reskill-courses-grid {
    margin-bottom: 2.4rem;
  }

  .reskill-courses-grid .courses_card > div:nth-of-type(2) {
    height: auto;
  }

  .reskill-courses-grid .courses_card > div:nth-of-type(2) h4,
  .reskill-courses-grid .courses_card > div:nth-of-type(2) > p {
    min-height: 0;
  }

  .rezolv-video-card_media {
    min-height: 34rem;
  }
  
  .academies_project_gallery_pocu-special-swiper .academies_project_gallery_card {
    min-height: 34rem;
  }

  .rezolv-news-item {
    grid-template-columns: 18rem minmax(0, 1fr);
  }

  .rezolv-video-modal_dialog {
    width: calc(100vw - 4rem);
    margin: 8rem auto 0;
  }

  .project_register_page {
    padding-top: 1rem;
    padding-bottom: 3rem;
  }

  .project_register_card_form {
    padding: 2.4rem;
  }

  .rezolv-news-panel .general-btn {
    width: 100%;
  }
}

@media only screen and (max-width: 700px) {
  .academies_page {
    padding-top: 1.2rem;
    padding-bottom: 2.4rem;
  }

  .academies_intro {
    gap: 1.2rem;
    margin-bottom: 0rem;
  }

  .academies_intro_title {
    font-size: 2rem;
    margin-bottom: 0.8rem;
  }

  .academies_intro_subtitle {
    margin-bottom: 0.8rem;
  }

  .academies_cards {
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-bottom: 1.6rem;
  }

  .academies_card {
    padding: 1.4rem 1.2rem;
  }

  .academies_card_title-container {
    display: flex;
    align-items: center;
    gap: 2rem;
    margin-bottom: 0.8rem;
  }

  .academies_card_logo {
    width: 6rem;
    height: 4.4rem;
    margin-bottom: 0rem;
    border-radius: 0.6rem;
    padding: 0.1rem;
  }

  .academies_card_title {
    font-size: 1.6rem;
    margin-bottom: 0.6rem;
  }

  .academies_card_description {
    min-height: 0;
    font-size: 1.2rem;
    margin-bottom: 1.6rem;
  }

  .academies_text_title,
  .academies_image_split_title {
    font-size: 1.6rem;
  }

  .academies_text_list_item,
  .academies_image_split_paragraph,
  .academies_accordion_paragraph,
  .academies_accordion_list_item {
    font-size: 1.2rem;
    line-height: 1.9rem;
  }

  .academies_image_split_media {
    min-height: 24.5rem;
  }

  .academies_accordion_summary {
    padding: 1.2rem;
  }

  .academies_accordion_summary_main {
    gap: 0.8rem;
  }

  .academies_accordion_content {
    padding: 0 1.2rem 1.2rem;
  }

  .academies_accordion_detailed_item {
    padding: 1.2rem 0;
  }

  .academies_accordion_detailed_title,
  .academies_accordion_detailed_text {
    font-size: 1.6rem;
  }

  .academies_accordion_detailed_text {
    line-height: 1.9rem;
  }

  .academies_project_page {
    padding-top: 1.2rem;
  }

  .academies_project_logo_card {
    width: 8.4rem;
    height: 6rem;
    margin-bottom: 1.2rem;
  }

  .academies_project_intro_subtitle,
  .academies_project_sellers > div > p {
    font-size: 1.4rem;
  }

  .academies_project_text_grid,
  .academies_project_story,
  .academies_project_story_text_grid,
  .academies_project_cta_text,
  .academies_project_sections {
    margin-bottom: 2rem;
  }

  .rezolv-news-title,
  .academies_project_center_title {
    font-size: 2rem;
  }

  .academies_project_gallery_card,
  .academies_project_story_image {
    min-height: 20rem;
  }

  .rezolv-video-card_media {
    min-height: 24rem;
  }
  
  .academies_project_gallery_pocu-special-swiper .academies_project_gallery_card {
    min-height: 24rem;
  }

  .rezolv-video-card_play {
    width: 6.4rem;
    height: 6.4rem;
  }

  .rezolv-news-item {
    grid-template-columns: 1fr;
    gap: 1rem;
  }

  .rezolv-news-item_media {
    min-height: 17rem;
  }

  .rezolv-video-modal_dialog {
    width: calc(100vw - 2.4rem);
    margin-top: 7rem;
  }

  .rezolv-video-modal_close {
    top: -4.6rem;
  }

  .academies_project_gallery_dots {
    padding-top: 1.2rem;
  }

  .academies_project_sellers {
    padding: 1.2rem;
    gap: 1rem;
  }

  .academies_project_sellers > div {
    width: 100%;
  }

  .academies_testimonials_grid,
  .academies_satisfaction_grid,
  .academies_project_partner_grid {
    gap: 1rem;
  }

  .academies_testimonials_grid {
    grid-template-columns: 1fr;
  }

  .academies_testimonial_card,
  .academies_project_partner_card {
    padding: 1.4rem 1.2rem;
  }

  .academies_testimonial_name {
    font-size: 1.6rem;
  }
  
  .academies_project_partner_title {
    font-size: 1.8rem;
  }

  .academies_testimonial_text,
  .academies_satisfaction_text {
    font-size: 1.2rem;
  }

  .academies_project_partner_head {
    margin-bottom: 1.6rem;
  }

  .academies_project_partner_link {
    padding-top: 1.8rem;
  }

  .academies_intro_image.academies_project_intro_image {
    min-height: 23rem;
  }

  .project_register_card_form {
    padding: 2rem 1.6rem;
  }

  .project_register_title {
    font-size: 2rem;
    line-height: 2.8rem;
  }

  .project_register_grid,
  .project_register_grid_2_1 {
    grid-template-columns: 1fr;
    gap: 1.6rem;
  }
}

@media only screen and (max-width: 480px) {
  .academies_intro_title {
    font-size: 2rem;
  }

  .academies_intro_subtitle,
  .academies_text_title,
  .academies_image_split_title,
  .academies_card_title {
    font-size: 1.6rem;
  }

  .academies_intro_description,
  .academies_card_description,
  .academies_text_list_item,
  .academies_image_split_paragraph,
  .academies_accordion_paragraph,
  .academies_accordion_list_item {
    font-size: 1.6rem;
  }

  .academies_project_intro_subtitle,
  .academies_project_sellers > div > p {
    font-size: 1.4rem;
  }

  .academies_testimonial_name,
  .academies_satisfaction_percent {
    font-size: 1.6rem;
  }

  .academies_testimonial_text,
  .academies_satisfaction_text {
    font-size: 1.2rem;
  }
  
  .academies_project_simple_gallery {
    grid-template-columns: 1fr;
    gap: 1.4rem;
  }

  /* .reskill-gallery-first .academies_project_gallery_card {
    min-height: 19rem;
  } */
}

/* ===== modules/accountCourses.css ===== */
.account_courses_intro {
  padding-bottom: 2rem;
}

.account_courses_title {
  font-family: var(--font-family-secondary);
  font-size: 2.4rem;
  font-weight: 700;
  color: #1f1a17;
  margin-bottom: 1rem;
}

.account_courses_subtitle {
  max-width: 86rem;
  font-size: 1.8rem;
  color: #414750;
  margin-bottom: 4rem;
}

.account_courses_tabs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.2rem;
}

.account_courses_tab {
  min-height: 6rem;
  padding: 0rem 2.4rem;
  border: 1px solid transparent;
  background-color: var(--white);
  color: var(--dark-blue-2);
  display: flex;
  align-items: center;
  gap: 1.2rem;
  border-radius: 0.4rem;
}

.account_courses_tab img {
  width: 2.4rem;
  height: 2.4rem;
  flex-shrink: 0;
}

.account_courses_tab span {
  font-size: 1.5rem;
  font-weight: 500;
}

.account_courses_tab_active {
  border-color: var(--dark-blue-4);
}

.account_courses_page {
  padding-top: 3.2rem;
  padding-bottom: 5rem;
}

.account_courses_head {
  gap: 2rem;
  margin-bottom: 3.2rem;
  justify-content: space-between;
}

.account_courses_head.my-courses {
  margin-top: 3.2rem;
  margin-bottom: 2.2rem;
}

.account_courses_section_title {
  font-family: var(--font-family-secondary);
  font-size: 2rem;
  font-weight: 700;
  color: #101828;
}

.account_course_checkout_title {
  margin-bottom: 1.5rem;
}

.account_courses_invoice_btn-container {
  display: flex;
  align-items: center;
  gap: 2rem;
}

.account_courses_invoice_btn-container.mobile {
  display: none;
}

.account_courses_invoice_btn {
  gap: 1.2rem;
  padding: 0rem 2.8rem;
  height: 5rem;
  border-radius: 0.8rem;
  background-color: var(--green-1);
  color: var(--white);
  flex-shrink: 0;
}

.account_courses_invoice_btn.account_courses_accept-terms_btn {
  justify-content: center;
  background-color: #959495;
  margin: 2rem 0 0 0;
}

.account_courses_invoice_btn.account_courses_accept-terms_btn.accepted {
  background-color: var(--green-1);
}

.account_courses_invoice_btn.account_courses_accept-terms_btn.no-account {
  max-width: 50rem;
  margin: 3rem auto 10rem;
}

.account_courses_invoice_btn.account_courses_accept-terms_btn.no-account.accepted {
  max-width: 30rem;
}

.account_courses_invoice_btn img {
  width: 2.4rem;
  height: 2.4rem;
}

.account_courses_invoice_btn span {
  font-size: 1.6rem;
  font-weight: 500;
}

.account_courses_invoice_btn.account_courses_accept-terms_btn span {
  font-weight: 300;
}

.account_courses_invoice_warning {
  width: 2.4rem;
  height: 2.4rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
}

.account_courses_invoice_warning img {
  width: 100%;
  height: 100%;
}

.account_courses_categories {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 2rem;
  margin-bottom: 4rem;
}

.account_courses_category_card {
  padding: 3.2rem;
  border-radius: .8rem;
  background-color: #f5f7fa;
}

.account_courses_category_head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.7rem;
}

.account_courses_category_icon {
  width: 5.6rem;
  height: 5.6rem;
  border-radius: 1.6rem;
  background-color: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.account_courses_category_icon img {
  width: 3rem;
  height: 3rem;
}

.account_courses_category_title {
  min-height: 6rem;
  margin-bottom: 1rem;
  font-family: var(--font-family-secondary);
  font-size: 2.2rem;
  font-weight: 700;
  color: #191C1F;
}

.account_courses_category_description {
  min-height: 8.4rem;
  margin-bottom: 3.2rem;
  font-size: 1.6rem;
  color: #5e6673;
}

.account_courses_category_footer {
  padding-top: 2rem;
  border-top: 1px solid #dde3ea;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.account_courses_category_footer span {
  font-size: 1.2rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #191C1F;
}

.account_courses_category_footer img {
  width: 2.4rem;
  height: 2.4rem;
}

.account_courses_grid {
  margin-bottom: 0;
}

.account_courses_grid .courses_card > div:nth-of-type(1) > div:nth-of-type(2) {
  display: none;
}

.account_courses_grid .courses_card > div:nth-of-type(1) {
  height: 18rem;
}

.account_courses_grid .courses_card > div:nth-of-type(2) {
  padding: 2rem;
}

.account_courses_grid .courses_card > div:nth-of-type(2) > p,
.account_courses_grid .courses_card > div:nth-of-type(2) > div {
  display: none;
}

.account_courses_grid .courses_card > div:nth-of-type(2) h4 {
  height: auto;
  min-height: 8.4rem;
  margin-bottom: 3.2rem;
  font-size: 1.5rem;
  line-height: 1.35;
}

.account_courses_grid .courses_card > div:nth-of-type(2) > a {
  font-size: 1.6rem;
}

.account_course_checkout_page {
  padding-top: 2.4rem;
}

.account_course_checkout_layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 35rem;
  gap: 2rem;
}

.account_course_checkout_label {
  font-size: 1.4rem;
  color: #5e6673;
  margin-bottom: 0.8rem;
}

.account_course_equipment_qty input {
  display: flex !important;
}

.account_course_checkout_select select,
.account_course_option_select select,
.account_course_equipment_qty select {
  width: 100%;
}

.account_course_checkout_select {
  margin-bottom: 2rem;
}

.account_course_checkout_header-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.6rem;
  margin-bottom: 2rem;
}

.account_course_checkout_title {
  margin-bottom: 0;
}

.account_course_checkout_back {
  min-height: 4.8rem;
  padding: 0 1.8rem;
  border: 1px solid var(--dark-blue-4);
  border-radius: 0.8rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  color: var(--dark-blue-2);
  flex-shrink: 0;
}

.account_course_checkout_back span {
  font-size: 1.6rem;
}

.account_course_checkout_back img {
  width: 2.4rem;
  height: 2.4rem;
  rotate: 180deg;
}

.account_course_option_grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin-bottom: 2rem;
}

.account_course_option_card {
  min-height: 14rem;
  padding: 1.6rem;
  border: 1px solid var(--grey-1);
  border-radius: 0.8rem;
  background-color: #f9fafb;
  display: flex;
  flex-direction: column;
  position: relative;
  cursor: pointer;
}

.account_course_option_card_active {
  background-color: #eef8dd;
  border-color: #c8e59d;
}

.account_course_option_input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.account_course_option_code {
  font-size: 1.4rem;
  font-weight: 700;
  color: #101828;
  margin-bottom: 1rem;
}

.account_course_option_title {
  font-size: 1.4rem;
  font-weight: 500;
  color: #1f1a17;
  margin-bottom: auto;
}

.account_course_option_price-container {
  padding: 1rem 0 0.5rem;
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 0.8rem;
}

.account_course_option_price-container .hour {
  gap: 0.4rem;
  font-size: 1.4rem;
  color: #6a7282;  
}

.account_course_option_price-container .price {
  color: var(--dark-blue-2);
  gap: 0.8rem;
  font-family: var(--font-family-secondary);
}

.account_course_option_price-container .price span {
  font-size: 1.6rem;
  font-weight: 700;
}

.account_course_option_price-container .price p {
  font-size: 1.2rem;
  font-weight: 700;
}

.account_course_option_procent {
  text-align: center;
  color: #aba8a8;
  font-size: 1.2rem;
}

.account_course_option_action {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  margin-top: 1.2rem;
}

.account_course_option_footer {
  flex-shrink: 0;
}

.account_course_option_check {
  width: 2rem;
  height: 2rem;
  border: 0.1rem solid #d0d5dd;
  border-radius: 0.5rem;
  background-color: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

/* .account_course_option_check::before {
  content: "";
  width: 0.9rem;
  height: 0.5rem;
  border-left: 0.2rem solid var(--green-1);
  border-bottom: 0.2rem solid var(--green-1);
  transform: rotate(-45deg);
  opacity: 0;
} */

.account_course_option_card_active .account_course_option_check {
  border-color: var(--green-1);
  background-color: var(--white);
}

.account_course_option_card_active .account_course_option_check::before {
  opacity: 1;
}

.account_course_option_check img {
  opacity: 0;
  width: 60%;
}
.account_course_option_card_active .account_course_option_check img {
  opacity: 1;
}

.account_course_option_select {
  flex: 1;
  pointer-events: none;
}

.account_course_option_select.auth_select_field select {
  color: #ABA8A8;
  background-color: #EEEEEE;
}

.account_course_option_card_active .account_course_option_select {
  opacity: 1;
  pointer-events: unset;
}

.account_course_option_card_active .account_course_option_select select {
  color: var(--black-1);
  background-color: #fff;
}

.account_course_box {
  padding: 1.8rem 2rem;
  border: 1px solid var(--grey-1);
  border-radius: 0.8rem;
  background-color: var(--white);
  overflow: hidden;
}

.account_course_box.account_course_order_box {
  padding-bottom: 0;
}

.account_course_box.account_course_order_box .account_course_order_meta{
  padding-bottom: 2rem;
}

.account_course_box + .account_course_box {
  margin-top: 1.6rem;
}

.account_course_dropdown_box,
.account_course_waiting_box {
  margin-bottom: 2rem;
}

.account_course_dropdown_toggle {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 1rem;
  text-align: left;
}

.account_course_dropdown_toggle span {
  font-family: var(--font-family-secondary);
  font-size: 1.8rem;
  font-weight: 700;
  color: #1f1a17;
}

.account_course_dropdown_toggle-img-1 {
  width: 2.4rem;
  height: 2.4rem;
}

.account_course_dropdown_toggle-img-2 {
  width: 2rem;
  height: 2rem;
  transition: transform 0.2s ease;
  margin-left: auto;
}

.account_course_dropdown_toggle.is-open .account_course_dropdown_toggle-img-2 {
  transform: rotate(180deg);
}

.account_course_dropdown_panel {
  padding-top: 2.4rem;
}

.account_course_dropdown_heading {
  font-family: var(--font-family-secondary);
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.45;
  color: #1f1a17;
  margin-bottom: 2rem;
}

.account_course_dropdown_text-p {
  font-size: 1.6rem;
  line-height: 1.5;
  color: #1f1a17;
}

.account_course_dropdown_text-p + .account_course_dropdown_text-p {
  margin-top: 1rem;
}

.account_course_box_title {
  font-family: var(--font-family-secondary);
  font-size: 2rem;
  font-weight: 700;
  color: #1f1a17;
  margin-top: 2rem;
  margin-bottom: 1.6rem;
}

.account_course_notice {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.6rem;
}

.account_course_notice img {
  width: 2.4rem;
  height: 2.4rem;
  flex-shrink: 0;
}

.account_course_notice p,
.account_course_terms_box p,
.account_course_sidebar_text {
  font-size: 1.6rem;
  color: #1F1A17;
}

.account_course_waiting_title {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.account_course_waiting_title img {
  width: 2.2rem;
  height: 2.2rem;
  flex-shrink: 0;
}

.account_course_waiting_text {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  margin-bottom: 2.8rem;
}

.account_course_waiting_text p {
  font-size: 1.6rem;
  line-height: 1.7;
  color: #1f1a17;
}

.account_course_waiting_grid {
  display: grid;
  grid-template-columns: 1.1fr minmax(0, 1fr) minmax(0, 1fr);
  align-items: start;
  gap: 1.6rem;
}

.account_course_waiting_field {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}

.account_course_waiting_field span,
.account_course_waiting_field label {
  font-size: 1.4rem;
  color: #364153;
  font-weight: 500;
}

.account_course_waiting_field p {
  font-family: var(--font-family-secondary);
  font-size: 1.6rem;
  font-weight: 700;
  color: #364153;
}

.account_course_waiting_field .account_course_order_voucher_input-wrap input {
  height: 5.2rem;
  font-weight: 400;
  font-size: 1.6rem;
  color: #364153;
}

.account_course_contact_box {
  margin-bottom: 2rem;
}

.account_course_contact_grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.6rem 1.2rem;
}

.account_course_contact_field {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}

.account_course_contact_field label {
  font-size: 1.4rem;
  color: #364153;
  font-weight: 500;
}

.account_course_contact_field input {
  height: 5.2rem;
  font-size: 1.6rem;
  color: #364153;
}

.account_course_contact_checks {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  margin-bottom: 2.4rem;
}

.account_course_contact_checks .checkbox_group label {
  font-size: 1.4rem;
}

.account_course_contact_action {
  display: flex;
  justify-content: center;
}

.account_course_contact_action .account_courses_invoice_btn {
  min-width: 32rem;
}

.account_course_modal {
  position: fixed;
  inset: 0;
  z-index: 99999;
}

.account_course_modal[hidden] {
  display: none;
}

.account_course_modal_overlay {
  position: absolute;
  inset: 0;
  background-color: rgba(33, 39, 62, 0.45);
}

.account_course_modal_dialog {
  position: relative;
  z-index: 1;
  min-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2.4rem;
}

.account_course_modal_content {
  width: 100%;
  max-width: 73rem;
  max-height: 70vh;
  padding: 3rem 2.4rem;
  border-radius: 1.6rem;
  background-color: var(--white);
  box-shadow: 0 2rem 5rem rgba(31, 26, 23, 0.12);
  overflow-y: auto;
}

.account_course_modal_title {
  margin-bottom: 2rem;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.3;
  color: var(--black-1);
}

.account_course_modal_text {
  font-size: 1.6rem;
  line-height: 1.65;
  color: var(--black-1);
}

.account_course_modal_info,
.account_course_modal_text + .account_course_modal_text,
.account_course_modal_text + .account_course_modal_actions,
.account_course_modal_info + .account_course_modal_text,
.account_course_modal_info + .account_course_modal_actions,
.account_course_modal_text + .account_course_modal_info {
  margin-top: 1.8rem;
}

.account_course_modal_info {
  padding: 1.4rem 1.2rem;
  border: 0.1rem solid #d2d5dd;
  border-radius: 0.8rem;
  background-color: #F3F3F3;
}

.account_course_modal_info-success {
  background-color: #eef9cf;
  border-color: #d9ecaf;
}

.account_course_modal_info-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr) minmax(0, 1fr);
  gap: 1.6rem;
}

.account_course_modal_info-grid-success {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.account_course_modal_info-col {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}

.account_course_modal_info-col-span {
  font-size: 1.4rem;
  font-weight: 500;
  color: #364153;
}

.account_course_modal_info-col-p {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.4;
  color: #364153;
}

.account_course_modal_info-col-img {
  width: 2rem;
  height: 2rem;
  flex-shrink: 0;
}

.account_course_modal_actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 2rem;
  margin-top: 2rem;
}

.account_course_modal_actions.account_career_cv_preview_modal_actions {
  margin-top: 3rem;
}

.account_course_modal_button {
  min-height: 5rem;
  padding: 0 1.6rem;
  border: 0.1rem solid transparent;
  border-radius: 0.8rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
}

.account_course_modal_button span {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.4;
}

.account_course_modal_button img {
  width: 2.4rem;
  height: 2.4rem;
  flex-shrink: 0;
}

.account_course_modal_button-secondary {
  background-color: var(--dark-blue-2);
  border-color: var(--dark-blue-2);
  color: var(--white);
}

.account_course_modal_button-primary {
  background-color: var(--green-1);
  border-color: var(--green-1);
  color: var(--white);
}

.account_course_equipment_list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.account_course_equipment_card {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 2rem;
  padding: 1.4rem;
  border: 1px solid var(--grey-1);
  border-radius: 0.8rem;
  background-color: var(--white);
  cursor: pointer;
}

.account_course_equipment_card input {
  display: none;
}

.account_course_equipment_card_active {
  background-color: #EFFBDD;
  border-color: #EFFBDD;
}

.account_course_equipment_indicator {
  width: 1.6rem;
  height: 1.6rem;
  border: 1px solid #000;
  border-radius: 50%;
  background-color: var(--white);
  flex-shrink: 0;
}

.account_course_equipment_indicator.mobile {
  display: none;
}

.account_course_equipment_card_active .account_course_equipment_indicator {
  border-color: var(--green-1);
  background-color: var(--white);
  box-shadow: inset 0 0 0 0.4rem var(--green-1);
}

.account_course_equipment_content {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 11rem;
  gap: 1.2rem;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.account_course_equipment_h4-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
}

.account_course_equipment_content-h4 {
  font-size: 1.6rem;
  font-weight: 700;
  color: #1f1a17;
}

.account_course_equipment_h4-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.account_course_equipment_content-price {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--green-1);
  font-size: 1.4rem;
  font-weight: 400;
  color: #fff;
  padding: 0.3rem 1rem;
  min-height: 2.5rem;
  border-radius: 0.8rem;
}

.account_course_equipment_content-price.mobile {
  display: none;
}

.account_course_equipment_content-p {
  font-size: 1.4rem;
  color: #5e6673;
}

.account_course_terms_box {
  padding: 1.4rem;
  border-radius: 0.8rem;
  background-color: #f3f4f5;
  max-height: 19rem;
  overflow: auto;
}

.account_course_terms_box.note-box {
  background-color: #FFF6D0;
  overflow: unset;
  height: auto;
  margin-top: 1.5rem;
}

.account_course_terms_box::-webkit-scrollbar {
  width: 3px;
}
.account_course_terms_box p + p {
  margin-top: 1rem;
}

.account_course_terms_date {
  display: flex;
  flex-direction: row;
  align-items: center;

  gap: 2.5rem;
  margin-top: 1.2rem;
  margin-bottom: 1.2rem;
}

.account_course_terms_date span {
  display: block;
  font-size: 1.4rem;
  color: #1F1A17;
}

.account_course_terms_date p {
  font-size: 1.6rem;
  font-weight: 500;
  color: #1f1a17;
}

.account_course_terms_check {
  margin-bottom: 1.6rem;
}

.account_course_terms_check span {
  font-size: 1.2rem;
  color: #5e6673;
}

.account_course_terms_check a {
  color: var(--green-1);
}

.account_course_terms_button {
  width: 100%;
  gap: 1rem;
  padding: 1.4rem 1.6rem;
  border-radius: 0.6rem;
  background-color: #8b8b8b;
  color: var(--white);
}

.account_course_terms_button span {
  font-size: 1.4rem;
}

.account_course_terms_button img {
  width: 1.6rem;
  height: 1.6rem;
}

.account_course_order_box .account_course_box_title {
  margin-bottom: 0;
}

.account_course_order_actions {
  display: flex;
  align-items: center;
  gap: 2rem;
  margin-left: auto;
}

.account_course_order_actions a {
  font-size: 1.4rem;
  color: var(--dark-blue-2);
}

.account_course_order_meta {
  display: flex;
  flex-wrap: wrap;
  gap: 1.2rem 2rem;
}

.account_course_order_meta span {
  font-size: 1.4rem;
  color: #000;
  font-weight: 500;
}

.account_course_order_meta-date-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: .5rem;
}

.account_course_order_meta-time.mobile {
  display: none;
}

.account_course_order_meta .account_course_order_meta-type {
  min-width: 13rem;
}

.account_course_order_actions .account_course_order_meta-downlod,
.account_course_order_actions .account_course_order_meta-details {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
}

.account_course_order_actions .account_course_order_meta-downlod span {
  color: var(--green-1);
}

.account_course_order_actions .account_course_order_meta-details span {
  color: var(--dark-blue-1);
}

.account_course_order_meta-details img {
  transition: transform 0.2s ease;
}

.account_course_order_meta-details.is-open img {
  transform: rotate(90deg);
}

.account_course_order_details {
  margin-left: -2rem;
  margin-right: -2rem;
  border-top: 1px solid var(--grey-1);
}

.account_course_order_voucher {
  display: flex;
  align-items: flex-end;
  gap: 1rem 1.6rem;
  padding: 2rem;
  flex-wrap: wrap;
}

.account_course_order_voucher_field {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  min-width: 28rem;
}

.account_course_order_voucher_field label {
  font-size: 1.4rem;
  font-weight: 500;
  color: #000;
}

.account_course_order_voucher_input-wrap {
  position: relative;
}

.account_course_order_voucher_input-wrap input {
  width: 100%;
  height: 4.8rem;
  border: 1px solid #cfd8e6;
  border-radius: 0.8rem;
  padding: 0 4.8rem 0 1.6rem;
  font-size: 1.4rem;
  font-weight: 600;
  color: #1f1a17;
  background-color: #fff;
}

.account_course_order_voucher_input-wrap img {
  position: absolute;
  right: 1.6rem;
  top: 50%;
  width: 2.4rem;
  height: 2.4rem;
  transform: translateY(-50%);
  opacity: 0.7;
}

.account_course_order_voucher_button {
  min-width: 19.8rem;
  height: 4.8rem;
  padding: 0 2rem;
  border: 0;
  border-radius: 0.8rem;
  background-color: var(--green-1);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  cursor: pointer;
}

.account_course_order_voucher_button span {
  font-size: 1.4rem;
  font-weight: 400;
  color: #fff;
}

.account_course_order_voucher_button img {
  width: 1.8rem;
  height: 1.8rem;
}

.account_course_order_voucher_success {
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  min-height: 4.8rem;
}

.account_course_order_voucher_success-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border: 1px solid var(--green-1);
  border-radius: 100%;
}

.account_course_order_voucher_success-icon img {
  width: 100%;
  height: 100%;
}

.account_course_order_voucher_success span {
  font-size: 1.4rem;
  color: var(--green-1);
  font-weight: 500;
}

.account_course_order_table_wrap {
  overflow: hidden;
}

.account_course_order_table {
  width: 100%;
  background-color: #f3f4f5;
}

.account_course_order_table_header,
.account_course_order_table_row {
  display: grid;
  grid-template-columns: minmax(0, 3.8fr) 0.7fr 0.7fr 1fr 1fr 0.8fr;
}

.account_course_order_table_header {
  background-color: #335d94;
}

.account_course_order_table_header > div {
  padding: 1rem 2rem;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4;
  color: #fff;
  text-align: left;
  display: flex;
  align-items: center;
}

.account_course_order_table_header > div:not(:first-child),
.account_course_order_table_row > div:not(:first-child) {
  text-align: center;
}

.account_course_order_table_row {
  border-bottom: 1px solid var(--grey-1);
}

.account_course_order_table_description,
.account_course_order_table_cell {
  padding: 1.6rem 2rem;
  font-size: 1.6rem;
  color: #1f1a17;
}

.account_course_order_table_description {
  line-height: 1.5;
}

.account_course_order_table_description strong {
  font-weight: 700;
}

.account_course_order_table-voucher {
  color: var(--green-1);
  font-weight: 700;
}

.account_course_order_table-negative {
  color: #d4472d;
}

.account_course_order_totals {
  background-color: #f4f4f4;
}


.account_course_order_total_row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 10.2rem 10.2rem;
  align-items: center;
  min-height: 5.2rem;
  padding: 0 2rem;
  border-bottom: 1px solid var(--grey-1);
}

.account_course_order_total_row:last-of-type {
  border-bottom: unset;
}

.account_course_order_total_row span {
  font-size: 1.4rem;
  color: #1f1a17;
}

.account_course_order_total_row span:first-child {
  text-align: right;
  padding-right: 2rem;
}

.account_course_order_total_row span:nth-child(2),
.account_course_order_total_row span:nth-child(3) {
  text-align: right;
}

.account_course_order_total_row-bold span {
  font-weight: 700;
}

.account_course_order_total_row-payable span:first-child {
  font-weight: 500;
}

.account_course_order_total_row-payable span:last-child {
  color: var(--green-1);
  font-size: 1.8rem;
  font-weight: 700;
}


.account_course_checkout_sidebar {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}

.account_course_checkout_sidebar.mobile {
  display: none;
}

.account_course_sidebar_card {
  padding: 2rem;
  border: 1px solid var(--grey-3);
  border-radius: 0.8rem;
  background-color: var(--grey-3);
}

.account_course_sidebar_card.bg-transparent {
  border: 1px solid var(--grey-1);
  background-color: transparent;
}

.account_course_sidebar_title_row {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  margin-bottom: 1.6rem;
}

.account_course_sidebar_title_row h3 {
  font-family: var(--font-family-secondary);
  font-size: 1.8rem;
  font-weight: 700;
  color: var(--dark-blue-2);;
  margin-right: auto;
}

.account_course_sidebar_title_row img {
  width: 2.4rem;
  height: 2.4rem;
  flex-shrink: 0;
}

.account_course_sidebar_info {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}

.account_course_sidebar_info div {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.2rem;
}

.account_course_sidebar_info div.account_course_sidebar_info-company {
  grid-template-columns: repeat(1, 1fr);
}

.account_course_sidebar_info span {
  color: #5e6673;
  font-size: 1.4rem;
}

.account_course_sidebar_info p {
  color: #1f1a17;
  word-break: break-all;
  font-weight: 500;
  font-size: 1.6rem;
}

.account_course_sidebar_edit {
  margin-top: 1.6rem;
  padding: 1.2rem 1.4rem;
  border-radius: 0.6rem;
  background-color: transparent;
  border: 1px solid  var(--dark-blue-2);
  color: var(--dark-blue-2);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}

.account_course_sidebar_edit span {
  font-size: 1.4rem;
  font-weight: 500;
}

.account_course_sidebar_edit img {
  width: 2.4rem;
  height: 2.4rem;
}

.account_course_sidebar_payments {
  display: flex;
  align-items: center;
  gap: 1.8rem;
  margin-top: 3.2rem;
  flex-wrap: wrap;
  justify-content: center;
}

.account_course_sidebar_payments img {
  height: 2rem;
  width: 3.3rem;
}

.account_course_sidebar_payments img.mastercard {
  width: 2.2rem;
}

.complete-order-container {
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
  margin-top: 2rem;
}

/* .complete-order-container .account_course_order_voucher_button  {
  max-width: 24rem;
  margin-left: auto;
} */

.account_certificates_page {
  padding-bottom: 6rem;
}

.account_certificates_details_grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.2rem;
  margin-top: 1.6rem;
}

.account_certificates_detail_card {
  padding: 2rem 1.6rem;
  border-radius: 0.8rem;
  background-color: #f5f7fa;
}

.account_certificates_detail_card span {
  display: block;
  margin-bottom: 1rem;
  font-size: 1.6rem;
  color: #6A7282;
}

.account_certificates_detail_card p {
  font-size: 1.8rem;
  color: #1F1A17;
  font-weight: 500;
}

.account_certificates_section_title {
  margin-top: 2rem;
  margin-bottom: 1.2rem;
}

.account_certificates_table {
  overflow: hidden;
  border: 1px solid #dde3ea;
  border-radius: 0.8rem;
  background-color: #fff;
}

.account_certificates_table_header,
.account_certificates_table_row {
  display: grid;
  grid-template-columns: minmax(0, 3.1fr) 1fr 1fr 0.8fr 1fr;
  align-items: center;
}

.account_certificates_table_header {
  background-color: #335d94;
}

.account_certificates_table_header > div {
  padding: 1.4rem 1rem;
  font-size: 1.6rem;
  font-weight: 400;
  color: #fff;
  text-align: center;
}

.account_certificates_table_header > div:first-of-type {
  text-align: left;
}

.account_certificates_table_row {
  min-height: 8rem;
  border-top: 1px solid #dde3ea;
}

.account_certificates_table_row.is-pending {
  background-color: #eef8dd;
}

.account_certificates_table_course,
.account_certificates_table_cell,
.account_certificates_table_download {
  padding: 1.2rem 1rem;
}

.account_certificates_table_cell{
  text-align: center;
}

.account_certificates_table_course strong {
  display: block;
  margin-bottom: 0.6rem;
  font-size: 1.8rem;
  font-weight: 700;
  color: #101828;
}

.account_certificates_table_course p {
  font-size: 1.4rem;
  color: #000;
  /* line-height: 1.4; */
}

.account_certificates_table_cell {
  font-size: 1.4rem;
  color: #4d5565;
}

.account_certificates_table_download {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  font-size: 1.4rem !important;
  color: var(--green-1);
}

.account_certificates_table_download img {
  width: 2.4rem;
  height: 2.4rem;
}

.account_certificates_email_form {
  display: flex;
  gap: 1rem;
  align-items: end;
  margin-top: 2rem;
}

.account_certificates_email_field {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  max-width: 57rem;
  width: 100%;
}

.account_certificates_email_field label {
  font-size: 1.4rem;
  color: #364153;
}

.account_certificates_email_field input {
  width: 100%;
  height: 4.8rem;
  padding: 0 1.4rem;
  border: 1px solid #d0d5dd;
  border-radius: 0.6rem;
  font-size: 1.6rem;
  color: #1f1a17;
  background-color: #fff;
}

.account_certificates_email_button {
  height: 4.8rem;
  padding: 0 2.5rem;
  border: 0;
  border-radius: 0.6rem;
  background-color: var(--green-1);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  cursor: pointer;
  width: fit-content;
  flex-shrink: 0;
}

.account_certificates_email_button span {
  font-size: 1.6rem;
  color: #fff;
}

.account_certificates_email_button img {
  width: 2.4rem;
  height: 2.4rem;
}

.account_career_page {
  padding-bottom: 6rem;
}

.account_career_intro_grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 1.6rem;
}

.account_career_progress_card,
.account_career_steps_card {
  border: 1px solid #d8dfeb;
  border-radius: 1.2rem;
}

.account_career_progress_card {
  background-color: #335d94;
  padding: 2.8rem 2.4rem;
  display: grid;
  grid-template-columns: 9rem minmax(0, 1fr);
  gap: 1.8rem;
  align-items: center;
}

.account_career_progress_chart {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.account_career_progress_ring {
  --account-career-progress-angle: 0deg;
  width: 7.6rem;
  height: 7.6rem;
  border-radius: 50%;
  background: conic-gradient(
    from -0deg,
    var(--green-1) 0 var(--account-career-progress-angle),
    rgba(255, 255, 255, 1) var(--account-career-progress-angle) 360deg
  );
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.account_career_progress_ring::before {
  content: "";
  position: absolute;
  inset: 0.8rem;
  border-radius: 50%;
  background-color: #335d94;
}

.account_career_progress_ring span {
  position: relative;
  z-index: 1;
  font-family: var(--font-family-secondary);
  font-size: 2.6rem;
  font-weight: 700;
  color: #fff;
}

.account_career_progress_content h2,
.account_career_steps_card h2 {
  font-family: var(--font-family-secondary);
  font-size: 2rem;
  font-weight: 700;
}

.account_career_progress_content h2 {
  color: #fff;
  margin-bottom: 1rem;
}

.account_career_progress_content p {
  max-width: 48rem;
  font-size: 1.6rem;
  line-height: 1.55;
  color: #fff;
  margin-bottom: 1.8rem;
  font-weight: 300;
}

.account_career_progress_button {
  min-width: 19.4rem;
  min-height: 4.8rem;
  padding: 0 2rem;
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: 0.8rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  color: #fff;
}

.account_career_progress_button span {
  font-size: 1.4rem;
}

.account_career_progress_button img {
  width: 2.4rem;
  height: 2.4rem;
}

.account_career_steps_card {
  background-color: #fff;
  padding: 2.4rem;
}

.account_career_steps_card h2 {
  color: #1f1a17;
  margin-bottom: 1.8rem;
}

.account_career_steps_list {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}

.account_career_steps_list div {
  display: grid;
  grid-template-columns: 6.2rem minmax(0, 1fr);
  gap: 1rem;
}

.account_career_steps_list strong,
.account_career_steps_list p {
  font-size: 1.4rem;
  line-height: 1.5;
}

.account_career_steps_list strong {
  color: #4d5565;
}

.account_career_steps_list p {
  color: #5A7068;
}

.account_career_section_title {
  margin-top: 3rem;
  margin-bottom: 1.4rem;
}

.account_career_cv_grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.8rem;
}

.account_career_links_grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.8rem;
}

.account_career_cv_card {
  border: 1px solid #d8dfeb;
  border-radius: 1.2rem;
  background-color: #fff;
}

.account_career_cv_card {
  padding: 1.8rem 2rem;
}

.account_career_cv_head {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.2rem;
}

.account_career_cv_head h3 {
  font-family: var(--font-family-secondary);
  font-size: 1.8rem;
  font-weight: 700;
  color: #1f1a17;
}

.account_career_cv_head span {
  margin-left: auto;
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--green-1);
}

.account_career_flag,
.account_career_flag-image {
  width: 2.8rem;
  height: 2rem;
  flex-shrink: 0;
}

.account_career_flag {
  border-radius: 0.2rem;
}

.account_career_flag-ro {
  background: linear-gradient(90deg, #203c88 0 33.33%, #f2cd2f 33.33% 66.66%, #c03a32 66.66% 100%);
}

.account_career_flag-fr {
  background: linear-gradient(90deg, #203c88 0 33.33%, #f6f7fb 33.33% 66.66%, #c03a32 66.66% 100%);
}

.account_career_flag-de {
  background: linear-gradient(180deg, #101010 0 33.33%, #c03a32 33.33% 66.66%, #f2cd2f 66.66% 100%);
}

.account_career_cv_bar {
  width: 100%;
  height: 1rem;
  border-radius: 99rem;
  background-color: #dbe4d7;
  overflow: hidden;
  margin-bottom: 1.2rem;
}

.account_career_cv_bar_fill {
  height: 100%;
  border-radius: inherit;
  background-color: var(--green-1);
}

.account_career_cv_card > p {
  font-size: 1.4rem;
  color: #667085;
  margin-bottom: 1.6rem;
}

.account_career_cv_actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
}

.account_career_cv_action {
  min-width: 14rem;
  min-height: 4rem;
  padding: 0 1.4rem;
  border: 1px solid var(--dark-blue-4);
  border-radius: 0.8rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  color: var(--dark-blue-2);
}

.account_career_cv_action span {
  font-size: 1.4rem;
}

.account_career_cv_action img {
  width: 1.6rem;
  height: 1.6rem;
}

.account_career_link_card {
  padding: 1.8rem 2rem;
  min-height: 11.5rem;
  display: flex;
  flex-direction: column;
  background-color: #f2f4f8;
  border-radius: .8rem;
}

.account_career_link_card h3 {
  font-family: var(--font-family-secondary);
  font-size: 1.8rem;
  font-weight: 700;
  color: #191C1F;
  margin-bottom: auto;
}

.account_career_link_footer {
  margin-top: 1.4rem;
  padding-top: 1.8rem;
  border-top: 1px solid #dde3ea;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.account_career_link_footer span {
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: #101828;
}

.account_career_link_footer span.is-green {
  color: var(--green-1);
}

.account_career_link_footer img {
  width: 2.4rem;
  height: 2.4rem;
}

.account_career_jobs_page {
  padding-bottom: 6rem;
}

.account_career_jobs_title {
  margin-bottom: 1.6rem;
}

.account_career_jobs_list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.account_career_job_card {
  padding: 1.8rem 1.6rem;
  border: 1px solid #dde3ea;
  border-radius: 1rem;
  background-color: #fff;
  display: flex;
  flex-direction: row;
  align-items: start;
  justify-content: space-between;
  gap: 1.6rem;
}

.account_career_job_main {
  min-width: 0;
}

.account_career_job_head {
  display: flex;
  align-items: center;
  gap: 2rem;
  flex-wrap: wrap;
  margin-bottom: 1.2rem;
}

.account_career_job_head h3 {
  font-family: var(--font-family-secondary);
  font-size: 2rem;
  font-weight: 700;
  color: var(--green-1);
}

.account_career_job_badge {
  min-height: 3.3rem;
  padding: 0.4rem 1rem;
  border: 1px solid #8bb6ef;
  border-radius: 1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--dark-blue-2);
  background-color: #fff;
}

.account_career_job_badge.is-red {
  border-color: #e0644e;
  color: #d4472d;
}

.account_career_job_badge.is-blue {
  border-color: #8bb6ef;
  color: var(--dark-blue-2);
}

.account_career_job_meta {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 1.8rem;
  margin-bottom: 1rem;
}

.account_career_job_meta div {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
}

.account_career_job_meta img {
  width: 2.4rem;
  height: 2.4rem;
  flex-shrink: 0;
}

.account_career_job_meta span,
.account_career_job_meta strong,
.account_career_job_main p {
  font-size: 1.4rem;
  line-height: 1.6;
}

.account_career_job_meta span {
  color: #667085;
}

.account_career_job_meta strong {
  color: var(--dark-blue-2);
  font-weight: 500;
}

.account_career_job_main p {
  color: #5e6673;
  max-width: 100rem;
}

.account_career_job_side {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 1.5rem;
  flex-shrink: 0;
}

.account_career_job_button {
  width: 100%;
  min-height: 4.5rem;
  min-width: 15rem;
  padding: 0 1.4rem;
  border-radius: 0.6rem;
  background-color: var(--green-1);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  color: #fff;
}

.account_career_job_button span {
  font-size: 1.4rem;
}

.account_career_job_button img {
  width: 2.4rem;
  height: 2.4rem;
}

.account_career_job_remove {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #d4472d;
  text-align: right;
  gap: 1rem;
  font-size: 1.4rem;
  font-weight: 500;
}

.account_career_job_remove img {
  width: 1.8rem;
  height: 1.8rem;
}

.account_career_job_card-compact {
  align-items: center;
}

.account_career_job_meta-three {
  margin-bottom: 0;
}

.account_career_job_button-secondary {
  background-color: transparent;
  border: 1px solid var(--dark-blue-4);
  color: var(--dark-blue-2);
}

.account_career_job_button-secondary img {
  width: 2.4rem;
  height: 2.4rem;
}

.account_career_job_detail_page {
  padding-bottom: 6rem;
}

.account_career_job_detail_header {
  margin-bottom: 2.2rem;
}

.account_career_job_detail_header-top {
  display: flex;
  align-items: center;
  gap: 1.6rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}

.account_career_job_detail_header-top h2,
.account_career_job_detail_header-top p {
  font-family: var(--font-family-secondary);
  font-size: 2rem;
  font-weight: 700;
  color: var(--dark-blue-2);
}

.account_career_job_detail_header-top span {
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background-color: #1f1a17;
  flex-shrink: 0;
}

.account_career_job_detail_meta {
  margin-bottom: 0;
}

.account_career_job_detail_intro {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 2rem;
  align-items: start;
}

.account_career_job_detail_image img {
  width: 100%;
  aspect-ratio: 1.88 / 1;
  object-fit: cover;
  border-radius: 1rem;
  display: block;
}

.account_career_job_detail_text,
.account_career_job_detail_sections {
  min-width: 0;
}

.account_career_job_detail_sections {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4rem 2rem;
  margin-top: 2.2rem;
}

.account_career_job_detail_block h3 {
  margin-bottom: 1rem;
  font-family: var(--font-family-secondary);
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.4;
  color: #1f1a17;
}

.account_career_job_detail_block p,
.account_career_job_detail_block li {
  font-size: 1.6rem;
  line-height: 1.5;
  color: #424c5c;
}

.account_career_job_detail_block p + p,
.account_career_job_detail_block ul + p {
  margin-top: 0.8rem;
}

.account_career_job_detail_block ul {
  padding-left: 2.8rem;
}

.account_career_job_detail_block li + li {
  margin-top: 0.2rem;
}

.account_career_job_note {
  margin-top: 2.8rem;
  padding: 2.4rem;
  border: 1px solid #b8d86b;
  border-radius: 2rem;
  background: linear-gradient(180deg, #eef8dd 0%, #edf7da 100%);
  display: flex;
  flex-direction: column;
  gap: 1.4rem;
}

.account_career_job_note_icon-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 2rem;
}

.account_career_job_note_icon {
  width: 5rem;
  height: 5rem;
  border: 1px solid #b8d86b;
  border-radius: 1.6rem;
  background-color: #f5fbeb;
  display: flex;
  align-items: center;
  justify-content: center;
}

.account_career_job_note_icon img {
  width: 2.4rem;
  height: 2.4rem;
}

.account_career_job_note-h3 {
  font-family: var(--font-family-secondary);
  font-size: 1.8rem;
  font-weight: 700;
  color: #1f1a17;
}

.account_career_job_note-p {
  max-width: 100rem;
  font-size: 1.4rem;
  line-height: 1.6;
  color: #1F1A17;
}

.account_career_cv_grid-detail {
  margin-top: 2.4rem;
}

.account_career_cv_card-detail {
  padding: 1.8rem 2rem 2rem;
}

.account_career_cv_action-primary {
  min-width: 20.5rem;
  background-color: var(--green-1);
  border-color: var(--green-1);
}

.account_career_cv_action-primary span {
  color: #fff;
}

.account_career_cv_action-primary img {
  width: 2rem;
  height: 2rem;
}

.account_career_cv_preview_page {
  padding-bottom: 6rem;
}

.account_career_cv_preview_title {
  margin-bottom: 2rem;
  font-family: var(--font-family-secondary);
  font-size: 2rem;
  font-weight: 700;
  color: var(--dark-blue-2);
}

.account_career_cv_preview_intro {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.4rem;
  align-items: center;
  margin-bottom: 2rem;
}

.account_career_cv_preview_profile {
  display: flex;
  align-items: flex-start;
  gap: 2.2rem;
}

.account_career_cv_preview_photo {
  width: 12rem;
  height: 12rem;
  border-radius: 1rem;
  overflow: hidden;
  flex-shrink: 0;
}

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

.account_career_cv_preview_photo_actions {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding-top: 1.6rem;
}

.account_career_cv_preview_link,
.account_career_cv_preview_action {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  color: var(--dark-blue-2);
}

.account_career_cv_preview_link span,
.account_career_cv_preview_action-text {
  font-size: 1.4rem;
  font-weight: 500;
}

.account_career_cv_preview_link img,
.account_career_cv_preview_action img {
  width: 1.8rem;
  height: 1.8rem;
}

.account_career_cv_preview_link.is-danger,
.account_career_cv_preview_action.is-danger {
  color: #d4472d;
}

.account_career_cv_preview_progress {
  padding: 2.4rem 2.8rem;
}

.account_career_cv_preview_progress_actions {
  display: none;
}

.account_career_cv_preview_progress_title {
  font-family: var(--font-family-secondary);
  font-size: 1.8rem;
  font-weight: 700;
  color: #1f1a17;
}

.account_career_cv_preview_progress_value {
  margin-left: auto;
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--green-1);
}

.account_career_cv_preview_grid {
  display: grid;
  grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr);
  gap: 2rem;
  margin-bottom: 2rem;
}

.account_career_cv_preview_panel,
.account_career_cv_preview_section {
  border: 1px solid #edeeef;
  background-color: #fff;
}

.account_career_cv_preview_panel_head {
  min-height: 5.6rem;
  padding: 0 2rem;
  background-color: #f1f3f6;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.6rem;
}

.account_career_cv_preview_panel_head-title {
  font-size: 1.4rem;
  font-weight: 400;
  color: #1f1a17;
}

.account_career_cv_preview_info_grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.8rem 2rem;
  padding: 2rem;
}

.account_career_cv_preview_info_stack {
  display: flex;
  flex-direction: column;
  gap: 2.8rem;
  padding: 2rem;
}

.account_career_cv_preview_info_item-label,
.account_career_cv_preview_skill_block-label {
  display: block;
  margin-bottom: 0.5rem;
  font-size: 1.4rem;
  font-weight: 400;
  color: #969494;
}

.account_career_cv_preview_info_item-value,
.account_career_cv_preview_skill_block-text {
  font-size: 1.7rem;
  line-height: 1.7;
  color: #1f1a17;
}

.account_career_cv_preview_section {
  margin-bottom: 2rem;
}

.account_career_cv_preview_timeline_list {
  display: flex;
  flex-direction: column;
}

.account_career_cv_preview_timeline_item {
  position: relative;
  padding: 2rem;
}

.account_career_cv_preview_timeline_item + .account_career_cv_preview_timeline_item {
  border-top: 1px solid #edeeef;
}

.account_career_cv_preview_timeline_dates {
  position: absolute;
  top: 2rem;
  right: 2rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: #b4b6bf;
}

.account_career_cv_preview_timeline_item-h4 {
  margin-bottom: 0.8rem;
  padding-right: 14rem;
  font-family: var(--font-family-secondary);
  font-size: 1.8rem;
  font-weight: 700;
  color: #1f1a17;
}

.account_career_cv_preview_timeline_item-h5 {
  margin-bottom: 0.8rem;
  padding-right: 14rem;
  font-family: var(--font-family-secondary);
  font-size: 1.7rem;
  font-weight: 500;
  color: #1f1a17;
}

.account_career_cv_preview_timeline_item-p {
  font-size: 1.7rem;
  line-height: 1.5;
  color: #969494;
}

.account_career_cv_preview_skills .account_career_cv_preview_timeline_item-p {
  color: #000;
}

.account_career_cv_preview_item_actions {
  display: flex;
  align-items: center;
  gap: 3rem;
  margin-top: 1.6rem;
}

.account_career_cv_preview_skills {
  padding: 2rem;
}

.account_career_cv_preview_skill_block + .account_career_cv_preview_skill_block {
  margin-top: 2.4rem;
}

.account_career_cv_preview_tags {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.account_career_cv_preview_tags-item {
  min-height: 4rem;
  padding: 0 1.2rem;
  border: 1px solid #9cc949;
  border-radius: 1.3rem;
  background-color: #f3f4f5;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  color: #1f1a17;
  font-weight: 400;
}

.account_career_cv_preview_languages {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem 2rem;
  padding: 2rem;
}

.account_career_cv_preview_language_card {
  min-height: 5.6rem;
  padding: 0 2rem;
  border: 1px solid #e3edd2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.6rem;
}

.account_career_cv_preview_language_card-name,
.account_career_cv_preview_language_card-level {
  font-size: 1.6rem;
  font-weight: 400;
}

.account_career_cv_preview_language_card-name {
  color: #1f1a17;
}

.account_career_cv_preview_language_card-level {
  color: #b4b6bf;
}

.account_career_cv_preview_modal .account_course_modal_content {
  max-height: 80vh;
  max-width: min(100%, 98rem);
}

.account_career_cv_preview_modal_content {
  position: relative;
  padding: 2.8rem;
}

.account_career_cv_preview_modal_title {
  padding-right: 4rem;
}

.account_career_cv_preview_modal_close {
  position: absolute;
  top: 2.4rem;
  right: 2.4rem;
  width: 2.8rem;
  height: 2.8rem;
  border: 1px solid #c8ced8;
  border-radius: 50%;
  background-color: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #8f9097;
}

.account_career_cv_preview_modal_close span {
  font-size: 2rem;
  line-height: 1;
  font-weight: 300;
}

.account_career_cv_preview_modal_fields {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.account_career_cv_preview_modal_field {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}

.account_career_cv_preview_modal_label {
  font-size: 1.4rem;
  font-weight: 500;
  color: #364153;
}

.account_career_cv_preview_modal_textarea,
.account_career_cv_preview_modal_input {
  width: 100%;
  border: 1px solid #d0d5dd;
  border-radius: 0.8rem;
  background-color: #fff;
  font-size: 1.4rem;
  line-height: 1.5;
  color: #1f1a17;
}

.account_career_cv_preview_modal_textarea {
  min-height: 13.6rem;
  padding: 1.2rem 1.4rem;
  resize: none;
}

.account_career_cv_preview_modal_input_wrap {
  position: relative;
}

.account_career_cv_preview_modal_input {
  height: 4.8rem;
  padding: 0 8rem 0 1.4rem;
}

.account_career_cv_preview_modal_input_hint {
  position: absolute;
  top: 50%;
  right: 1.8rem;
  transform: translateY(-50%);
  font-size: 1.6rem;
  color: #98a2b3;
}

.account_career_cv_preview_modal_tags {
  margin-top: 1rem;
}

.account_career_cv_preview_modal_tags .account_career_cv_preview_tags-item {
  gap: 0.8rem;
  padding-right: 1rem;
}

.account_career_cv_preview_modal_tag_remove {
  width: 2rem;
  height: 2rem;
  border: 1px solid #b4b6bf;
  border-radius: 50%;
  background-color: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #8f9097;
  flex-shrink: 0;
}

.account_career_cv_preview_modal_tag_remove span {
  font-size: 1.4rem;
  line-height: 1;
}

.account_career_cv_preview_modal_checkbox {
  display: inline-flex;
  align-items: center;
  gap: 1.2rem;
  cursor: pointer;
}

.account_career_cv_preview_modal_checkbox input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.account_career_cv_preview_modal_checkbox_box {
  width: 2.4rem;
  height: 2.4rem;
  border: 1px solid #d0d5dd;
  border-radius: 0.6rem;
  background-color: #fff;
  flex-shrink: 0;
}

.account_career_cv_preview_modal_checkbox_text {
  font-size: 1.6rem;
  color: #364153;
}

.account_career_cv_preview_modal_save {
  width: fit-content;
  padding: 0 2.5rem;
}

.checkbox_group.account_career_cv_preview_checkbox label {
  color: #0A0A0A;
}

.account_settings_page {
  padding-bottom: 6rem;
}

.account_settings_form {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}

.account_settings_group {
  display: flex;
  flex-direction: column;
}

.account_settings_group_title {
  margin-bottom: 2rem;
  font-family: var(--font-family-secondary);
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.3;
  color: var(--dark-blue-2);
}

.account_settings_grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 2rem;
}

.account_settings_field {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}

.account_settings_field-full {
  grid-column: 1 / -1;
}

.account_settings_label {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.5;
  color: #344054;
}

.account_settings_input {
  width: 100%;
  min-height: 5.2rem;
  padding: 0 1.6rem;
  border: 1px solid var(--grey-1);
  border-radius: 0.8rem;
  background-color: var(--white);
  color: #101828;
  font-family: inherit;
  font-size: 1.6rem;
}

.account_settings_input::placeholder {
  color: #98a2b3;
}

.account_settings_input:focus {
  outline: none;
}

.account_settings_select select {
  min-height: 5.2rem;
  border-radius: 0.8rem;
}

.account_settings_field-checkbox {
  align-self: end;
  padding-bottom: 0.4rem;
}

.account_settings_checkbox {
  display: flex;
  align-items: center;
  gap: 1.2rem;
}

.account_settings_checkbox label {
  color: #1f1a17;
  line-height: 1.5;
}

.account_settings_actions {
  display: flex;
  justify-content: center;
}

.account_settings_submit {
  min-width: 24.6rem;
  min-height: 4.8rem;
  padding: 0 2.4rem;
  border: 1px solid var(--green-1);
  border-radius: 0.8rem;
  background-color: var(--green-1);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}

.account_settings_submit span {
  font-size: 1.6rem;
  font-weight: 400;
  color: #fff;
}

.account_settings_submit img {
  width: 2rem;
  height: 2rem;
  flex-shrink: 0;
}

.account_career_interview_page,
.account_career_interview_result_page {
  padding-bottom: 6rem;
}

.account_career_interview_header,
.account_career_interview_result_header {
  margin-bottom: 2.4rem;
}

.account_career_interview_header-title,
.account_career_interview_result_header_title,
.account_career_interview_result_header_subtitle {
  font-family: var(--font-family-secondary);
  font-size: 2rem;
  font-weight: 700;
}

.account_career_interview_header-title,
.account_career_interview_result_header_title.is-green {
  color: var(--green-1);
}

.account_career_interview_result_header_titles {
  display: flex;
  align-items: center;
  gap: 2rem;
  margin-bottom: 1.2rem;
}

.account_career_interview_result_header_subtitle {
  color: var(--dark-blue-2);
}

.account_career_interview_meta {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 2rem;
}

.account_career_interview_meta_item {
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
}

.account_career_interview_meta_item-icon {
  width: 2rem;
  height: 2rem;
  flex-shrink: 0;
}

.account_career_interview_meta_item-label,
.account_career_interview_meta_item-value {
  font-size: 1.4rem;
  line-height: 1.5;
}

.account_career_interview_meta_item-label {
  color: #667085;
}

.account_career_interview_meta_item-value {
  font-weight: 500;
  color: var(--dark-blue-2);
}

.account_career_interview_questions {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}

.account_career_interview_question-title {
  margin-bottom: 1.4rem;
  font-family: var(--font-family-secondary);
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.5;
  color: #1f1a17;
}

.account_career_interview_answers {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 18.6rem));
  gap: 1.6rem;
}

.account_career_interview_answer_button {
  min-height: 4.6rem;
  padding: 0 1.4rem;
  border: 1px solid #d8dfeb;
  border-radius: 0.8rem;
  background-color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  color: #667085;
}

.account_career_interview_answer_button.is-selected {
  border-color: #9cc949;
  color: #1f1a17;
  background-color: #f4f9ef;
}

.account_career_interview_answer_button.is-filled {
  background-color: #f5fbeb;
}

.account_career_interview_answer_button-index,
.account_career_interview_answer_button-text {
  font-size: 1.5rem;
}

.account_career_interview_answer_button-index {
  font-weight: 500;
}

.account_career_interview_answer_button-text {
  font-weight: 400;
}

.account_career_interview_action {
  margin-top: 4rem;
}

.account_career_interview_submit_button {
  width: fit-content;
  min-width: 19.6rem;
  min-height: 4.8rem;
  padding: 0 2rem;
  border-radius: 0.8rem;
  background-color: var(--green-1);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}

.account_career_interview_submit_button-text {
  font-size: 1.6rem;
  font-weight: 500;
  color: #fff;
}

.account_career_interview_submit_button-icon {
  width: 2rem;
  height: 2rem;
}

.account_career_interview_result_summary {
  margin-bottom: 2.4rem;
  padding: 2rem;
  border: 1px solid #e6ebf2;
  border-radius: 1.2rem;
  background-color: #fff;
}

.account_career_interview_result_chart_wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.account_career_interview_result_chart {
  width: 100%;
  max-width: 58rem;
}

.account_career_interview_result_chart_canvas {
  position: relative;
  width: 100%;
}

.account_career_interview_result_chart_svg {
  width: 100%;
  height: auto;
  display: block;
}

.account_career_interview_result_chart_grid_shape,
.account_career_interview_result_chart_axis {
  fill: none;
  stroke: #dfe6ef;
  stroke-width: 1.4;
}

.account_career_interview_result_chart_area {
  fill: rgba(176, 211, 136, 0.55);
  stroke: #7fb63e;
  stroke-width: 2.2;
}

.account_career_interview_result_chart_label,
.account_career_interview_result_chart_scale {
  color: #98a2b3;
  fill: #98a2b3;
  font-weight: 500;
}

.account_career_interview_result_chart_scale {
  font-size: 1.3rem;
}

.account_career_interview_result_chart_label {
  font-size: 1.7rem;
}

.account_career_interview_result_chart_scale {
  text-anchor: middle;
}

.account_career_interview_result_chart_labels {
  position: absolute;
  inset: 0;
  /* pointer-events: none; */
}

.account_career_interview_result_chart_label {
  position: absolute;
  max-width: 11rem;
  width: 100%;
  line-height: 1.2;
  text-align: center;
}

.account_career_interview_result_chart_label.is-top {
  top: 0.8rem;
  left: 50%;
  transform: translateX(-50%);
}

.account_career_interview_result_chart_label.is-top-right {
  top: 26%;
  right: 0.5rem;
  text-align: left;
}

.account_career_interview_result_chart_label.is-bottom-right {
  right: 0.5rem;
  bottom: 25%;
  text-align: left;
}

.account_career_interview_result_chart_label.is-bottom {
  left: 50%;
  bottom: 0.2rem;
  transform: translateX(-50%);
}

.account_career_interview_result_chart_label.is-bottom-left {
  left: 0.5rem;
  bottom: 25%;
  text-align: right;
}

.account_career_interview_result_chart_label.is-top-left {
  top: 26%;
  left: 0.5rem;
  text-align: right;
}

.account_career_interview_result_chart_text {
  margin-top: 1.2rem;
  text-align: center;
}

.account_career_interview_result_chart_text_title {
  margin-bottom: 0.8rem;
  font-family: var(--font-family-secondary);
  font-size: 1.6rem;
  font-weight: 500;
  color: #1f1a17;
}

.account_career_interview_result_chart_text_description {
  font-size: 1.4rem;
  color: #4A5565;
}

.account_career_interview_result_stats {
  width: 100%;
  margin-top: 2rem;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.6rem;
}

.account_career_interview_result_stat {
  min-height: 13rem;
  padding: 1.8rem 1.6rem;
  border-radius: 1.2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
}

.account_career_interview_result_stat.is-green {
  background-color: #eef9f2;
}

.account_career_interview_result_stat.is-blue {
  background-color: #edf3fd;
}

.account_career_interview_result_stat.is-purple {
  background-color: #f4efff;
}

.account_career_interview_result_stat_value,
.account_career_interview_result_stat_title {
  display: block;
  margin-bottom: 0.8rem;
  font-family: var(--font-family-secondary);
  font-size: 2.2rem;
  font-weight: 700;
  color: var(--dark-blue-2);
}

.account_career_interview_result_stat.is-green .account_career_interview_result_stat_value {
  color: #9cc949;
}

.account_career_interview_result_stat_label {
  font-size: 1.4rem;
  color: #667085;
}

.account_career_interview_result_stat_badge {
  margin-top: 1rem;
  min-height: 3.3rem;
  padding: 0 1.4rem;
  border: 1px solid #d8dfeb;
  border-radius: 0.8rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  font-weight: 500;
  color: #1f1a17;
}

.account_career_interview_result_answers {
  display: flex;
  flex-direction: column;
}


.account_career_interview_result_answer {
  padding: 1.4rem 0;
  border-top: 1px solid #e6ebf2;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 6.4rem;
  gap: 2rem;
  align-items: center;
}

.account_career_interview_result_answer:first-of-type {
  border-top: unset;
}

/* .account_career_interview_result_answer_question {
  font-family: var(--font-family-secondary);
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.5;
  color: #000;
} */

.account_career_interview_result_answer_value {
  min-height: 4.8rem;
  border: 1px solid #cfe2ab;
  border-radius: 0.8rem;
  background-color: #eef7db;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.8rem;
  font-weight: 500;
  color: #4d5565;
}

@media only screen and (max-width: 1024px) {
  .account_career_job_detail_image img {
    aspect-ratio: 1.38 / 1;
  }
}

@media only screen and (max-width: 1100px) {
  .account_courses_tabs,
  .account_courses_categories {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .account_courses_grid .courses_card > div:nth-of-type(2) h4 {
    min-height: 0;
  }

  .account_course_checkout_layout {
    grid-template-columns: 1fr;
  }
  
  .account_course_checkout_sidebar {
    display: none;
  }
  
  .account_course_checkout_sidebar.mobile {
    display: flex;
    margin-top: 2rem;
  }

  .account_certificates_details_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .account_career_intro_grid,
  .account_career_cv_grid,
  .account_career_links_grid {
    grid-template-columns: 1fr;
  }

  .account_career_job_side {
    align-items: flex-start;
  }

  .account_career_job_card-compact {
    align-items: start;
  }

}

@media only screen and (max-width: 900px) {

  .account_courses_head {
    margin-bottom: 2.4rem;
  }

  .account_courses_head.my-courses {
    margin-top: 2.4rem;
    margin-bottom: 1.8rem;
  }

  .account_course_option_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .account_certificates_table_header,
  .account_certificates_table_row {
    grid-template-columns: minmax(0, 2.4fr) repeat(4, minmax(0, 1fr));
  }

  .account_career_links_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .account_course_waiting_grid {
    grid-template-columns: 1fr;
  }
}

@media only screen and (max-width: 700px) {
  .account_course_checkout_page {
    padding-top: 1.6rem;
  }

  .account_course_checkout_header-row {
    flex-direction: column;
    align-items: stretch;
    gap: 1rem;
    margin-bottom: 1.6rem;
  }

  .account_course_checkout_back {
    width: 100%;
  }

  .account_courses_intro {
    padding-bottom: 1.6rem;
  }

  .account_courses_title {
    font-size: 2rem;
    margin-bottom: 0.8rem;
  }

  .account_courses_subtitle {
    font-size: 1.4rem;
    margin-bottom: 1.6rem;
  }

  .account_courses_tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .account_courses_categories {
    grid-template-columns: 1fr;
  }

  .account_courses_tab {
    min-height: 4.4rem;
    padding: 0rem 1.4rem;
    gap: 0.8rem;
  }

  .account_courses_tab span {
    font-size: 1.4rem;
  }

  .account_courses_page {
    padding-top: 2rem;
    padding-bottom: 3rem;
  }

  .account_courses_head {
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
    margin-bottom: 2rem;
  }
  
  .account_courses_head.my-courses {
    margin-top: 2rem;
    margin-bottom: 1.5rem;
  }

  .account_courses_invoice_btn-container {
    display: none;
  }

  .account_courses_invoice_btn-container.mobile {
    display: flex;
    margin-bottom: 2rem;
    gap: 1rem;
  }

  .account_courses_section_title {
    width: 100%;
    font-size: 1.6rem;
  }

  .account_courses_invoice_warning {
    order: 3;
    width: 1.8rem;
    height: 1.8rem;
    margin-left: 0;
  }

  .account_courses_invoice_btn {
    order: 2;
    width: calc(100% - 2.8rem);
    height: 4.8rem;
    padding: 1.4rem 1.8rem;
    justify-content: center;
  }

  .account_courses_categories {
    gap: 1.2rem;
    margin-bottom: 2rem;
  }

  .account_courses_category_card {
    padding: 1.2rem;
  }

  .account_courses_category_head {
    gap: 1.2rem;
    margin-bottom: 1.2rem;
  }

  .account_courses_category_icon {
    width: 4.8rem;
    height: 4.8rem;
    border-radius: 1.4rem;
    flex-shrink: 0;
  }

  .account_courses_category_icon img {
    width: 2.4rem;
    height: 2.4rem;
  }

  .account_courses_category_title {
    min-height: auto;
    margin-bottom: 0;
    font-size: 1.6rem;
  }

  .account_courses_category_description {
    min-height: 0;
    margin-bottom: 1.6rem;
    font-size: 1.2rem;
  }

  .account_courses_category_footer {
    padding-top: 1.2rem;
  }

  .account_courses_category_footer span {
    font-size: 1.2rem;
  }

  .account_courses_grid {
    row-gap: 1.6rem;
  }

  .account_courses_grid .courses_card > div:nth-of-type(1) {
    height: 15.6rem;
  }

  .account_courses_grid .courses_card > div:nth-of-type(1) > div:nth-of-type(1) {
    top: 1rem;
    left: 1rem;
    font-size: 1.2rem;
  }

  .account_courses_grid .courses_card > div:nth-of-type(2) {
    padding: 1.4rem;
  }

  .account_courses_grid .courses_card > div:nth-of-type(2) h4 {
    min-height: 0;
    margin-bottom: 1.4rem;
    font-size: 1.6rem;
  }

  .account_courses_invoice_btn span {
    font-size: 1.4rem;
    font-weight: 500;
  }

  .account_courses_grid .courses_card > div:nth-of-type(2) > a {
    font-size: 1.4rem;
    padding: 1.1rem 1rem;
  }

  /* .account_course_checkout_label,
  .account_course_box_title {
    font-size: 1.6rem;
  } */

  .account_course_option_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.8rem;
  }

  .account_course_option_card,
  .account_course_box,
  .account_course_sidebar_card {
    padding: 1.4rem;
  }

  .account_course_option_card {
    min-height: 12rem;
    gap: 0.6rem;
  }

  .account_course_option_code {
    margin-bottom: 0.2rem;
  }

  .account_course_equipment_content-h4,
  .account_course_sidebar_edit span {
    font-size: 1.6rem;
  }

  .account_course_notice p,
  .account_course_terms_box p,
  .account_course_sidebar_text,
  .account_course_terms_check span,
  .account_course_equipment_content-p,
  .account_course_order_meta span {
    font-size: 1.4rem;
  }

  .account_course_dropdown_box,
  .account_course_waiting_box {
    margin-bottom: 1.6rem;
  }

  .account_course_dropdown_panel {
    padding-top: 1.6rem;
  }

  .account_course_dropdown_heading {
    font-size: 1.4rem;
    margin-bottom: 1.2rem;
  }

  .account_course_dropdown_text-p,
  .account_course_waiting_text p {
    font-size: 1.4rem;
  }

  .account_course_waiting_text {
    gap: 1.6rem;
    margin-bottom: 1.8rem;
  }

  .account_course_waiting_grid {
    gap: 1.2rem;
  }

  .account_course_waiting_field p {
    font-size: 1.4rem;
  }

  .account_course_contact_grid {
    grid-template-columns: 1fr;
    gap: 1.2rem;
  }

  .account_course_contact_field input {
    height: 4.8rem;
    font-size: 1.4rem;
  }

  .account_course_contact_checks {
    margin-bottom: 2rem;
  }

  .account_course_contact_action .account_courses_invoice_btn {
    min-width: 100%;
  }

  .account_courses_invoice_btn.account_courses_accept-terms_btn.no-account,
  .account_courses_invoice_btn.account_courses_accept-terms_btn.no-account.accepted {
    max-width: 100%;
  }

  .account_course_equipment_content {
    grid-template-columns: 1fr;
  }

  .account_course_equipment_card {
    gap: 1.2rem;
    align-items: flex-start;
  }

  .account_course_equipment_h4-container {
    gap: 0.8rem;
  }

  .account_course_equipment_qty input {
    min-height: 4.4rem;
  }

  .account_courses_invoice_btn.account_courses_accept-terms_btn {
    width: 100%;
    margin-top: 1.6rem;
  }

  .account_course_modal_dialog {
    padding: 1.6rem;
  }

  .account_course_modal_content {
    max-width: 100%;
    padding: 2rem 1.6rem;
    border-radius: 1.2rem;
  }

  .account_course_modal_title {
    margin-bottom: 1.6rem;
    font-size: 1.8rem;
  }

  .account_course_modal_text {
    font-size: 1.4rem;
  }

  .account_course_modal_info-grid,
  .account_course_modal_info-grid-success,
  .account_course_modal_actions {
    grid-template-columns: 1fr;
  }

  .account_course_modal_info-col-p {
    font-size: 1.6rem;
  }

  .account_course_checkout_sidebar.mobile {
    margin-top: 1.6rem;
  }

  .account_course_sidebar_card {
    background-color: #f5f7fa;
  }

  .account_course_order_actions {
    width: 100%;
    justify-content: space-between;
    gap: 1rem;
    margin-left: 0;
    grid-column: 1 / -1;
    margin-top: 1.5rem;
  }

  .account_course_order_meta {
    display: grid;
    grid-template-columns: max-content minmax(0, 1fr) minmax(0, 1fr);
    gap: 0.8rem 1.2rem;
    align-items: start;
  }

  .account_course_order_meta-date-container {
    grid-column: 1 / 2;
    grid-row: 1;
    display: flex;
    flex-direction: column;
    line-height: 1.45;
  }

  .account_course_order_meta-time.desktop {
    display: none;
  }

  .account_course_order_meta-time.mobile {
    display: flex;
    grid-column: 1 / 2;
    grid-row: 2;
  }

  .account_course_order_meta-type,
  .account_course_order_meta-name {
    line-height: 1.45;
  }

  .account_course_order_meta-type {
    grid-column: 2 / 4;
    grid-row: 1;
  }

  .account_course_order_meta-name {
    grid-column: 2 / 4;
    grid-row: 2;
  }

  .account_course_order_meta .account_course_order_meta-type {
    min-width: 0;
  }

  .account_course_order_actions a {
    font-size: 1.2rem;
  }

  .account_course_order_actions img {
    width: 1.8rem;
    height: 1.8rem;
  }

  .account_course_order_details {
    margin-left: -1.4rem;
    margin-right: -1.4rem;
  }

  .account_course_order_voucher {
    padding: 1.4rem;
  }

  .account_course_order_voucher_field,
  .account_course_order_voucher_button,
  .account_course_order_voucher_success {
    width: 100%;
    min-width: 0;
  }

  .account_course_order_table_header,
  .account_course_order_table_row {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .account_course_order_table_header-title,
  .account_course_order_table_description {
    grid-column: 1 / -1;
  }

  .account_course_order_table_header > div,
  .account_course_order_table_description,
  .account_course_order_table_cell {
    padding: 0.7rem 0.8rem;
  }

  .account_course_order_table_header > div {
    justify-content: center;
  }

  .account_course_order_table_header-title {
    padding-bottom: 0.8rem;
    justify-content: unset !important;
  }

  .account_course_order_table_description {
    padding-bottom: 1rem;
  }

  .account_course_order_table_cell {
    padding-top: 0;
    font-size: 1.4rem;
  }

  .account_course_order_table_cell.first {
    text-align: left !important;
  }

  .account_course_order_total_row {
    grid-template-columns: minmax(0, 1fr) 7rem 7rem;
    padding: 0 1.4rem;
    min-height: 4.8rem;
  }

  /* .account_course_order_total_row span {
    font-size: 1.2rem;
  } */

  .account_course_order_total_row span:first-child {
    padding-right: 1rem;
  }

  .account_course_order_total_row-payable span:last-child {
    font-size: 1.6rem;
  }

  .complete-order-container {
    gap: 1.6rem;
  }

  .complete-order-container .account_course_order_voucher_button {
    width: 100%;
    max-width: none;
    margin-left: 0;
  }

  .account_course_sidebar_info {
    gap: 1rem;
  }

  .account_course_sidebar_info div {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 0.8rem 1.2rem;
    align-items: start;
  }

  .account_course_sidebar_info p {
    text-align: right;
  }

  .account_course_sidebar_info div.account_course_sidebar_info-company {
    grid-template-columns: 1fr;
  }

  .account_course_sidebar_info-company p {
    text-align: left;
  }

  .account_course_sidebar_edit {
    width: 100%;
    min-height: 4.4rem;
  }

  .account_course_sidebar_payments {
    margin-top: 2rem;
    gap: 1.2rem;
  }

  .account_course_terms_box {
    max-height: 24rem;
  }

  .account_course_equipment_indicator.desktop {
    display: none;
  }

  .account_course_equipment_indicator.mobile {
    display: flex;
  }

  .account_course_equipment_qty-container {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 1.3rem;
    width: 100%;
  }

  .account_course_equipment_content-price.desktop {
    display: none;
  }

  .account_course_equipment_content-price.mobile {
    display: flex;
  }

  .account_course_equipment_content-price {
    flex-shrink: 0;
    height: fit-content;
    min-height: 3rem;
  }

  .account_certificates_page {
    padding-bottom: 4rem;
  }

  .account_certificates_details_grid {
    grid-template-columns: 1fr;
    gap: 0.8rem;
    margin-top: 1.2rem;
  }

  .account_certificates_detail_card {
    padding: 1.2rem 1.4rem;
  }

  .account_certificates_detail_card span {
    margin-bottom: 0.6rem;
    font-size: 1.2rem;
  }

  .account_certificates_detail_card p {
    font-size: 1.4rem;
  }

  .account_certificates_section_title {
    margin-top: 1.6rem;
  }

  .account_certificates_table {
    border-radius: 0.6rem;
  }

  .account_certificates_table_header {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .account_certificates_table_header > div {
    padding: 0.4rem 1.4rem;
    font-size: 1.4rem;
    line-height: 1.4;
    text-align: left;
  }

  .account_certificates_table_header > div:first-child {
    grid-column: 1 / -1;
    padding: 1.6rem 1.4rem 0.4rem 1.4rem;
  }

  .account_certificates_table_header > div:nth-child(4) {
    text-align: right;
  }

  .account_certificates_table_header > div:nth-child(5) {
    grid-column: 1 / -1;
    padding-bottom: 1.4rem;
  }

  .account_certificates_table_row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.2rem 2rem;
    padding: 1.6rem 1.4rem;
  }
  
  .account_certificates_table_cell:nth-of-type(4) {
    text-align: right;
  }

  .account_certificates_table_course {
    grid-column: 1 / -1;
    padding: 0;
  }

  .account_certificates_table_course strong {
    margin-bottom: 0.6rem;
    font-size: 1.6rem;
  }

  .account_certificates_table_course p {
    font-size: 1.4rem;
  }

  .account_certificates_table_cell,
  .account_certificates_table_download {
    padding: 0;
    font-size: 1.3rem;
    text-align: unset;
  }

  .account_certificates_table_download {
    grid-column: 1 / -1;
    gap: 0.6rem;
    justify-content: flex-start;
  }

  .account_certificates_table_row > .account_certificates_table_cell:nth-child(2),
  .account_certificates_table_row > .account_certificates_table_cell:nth-child(3),
  .account_certificates_table_row > .account_certificates_table_cell:nth-child(4),
  .account_certificates_table_row > .account_certificates_table_cell:nth-child(5) {
    font-size: 1.4rem;
  }

  .account_certificates_table_row > .account_certificates_table_cell:nth-child(3) {
    text-align: center;
  }

  .account_certificates_email_form {
    flex-direction: column;
    gap: 2rem;
  }

  .account_certificates_email_field {
    max-width: 100%;
  }

  .account_certificates_email_button {
    width: 100%;
  }

  .account_career_page {
    padding-bottom: 4rem;
  }

  .account_career_intro_grid {
    gap: 1.2rem;
  }

  .account_career_progress_card,
  .account_career_steps_card,
  .account_career_cv_card,
  .account_career_link_card {
    border-radius: 1rem;
  }

  .account_career_progress_card {
    grid-template-columns: 1fr;
    gap: 1.6rem;
    padding: 1.6rem;
  }

  .account_career_progress_chart {
    justify-content: flex-start;
  }

  .account_career_progress_ring {
    width: 7rem;
    height: 7rem;
  }

  .account_career_progress_ring span {
    font-size: 2.2rem;
  }

  .account_career_progress_content h2,
  .account_career_steps_card h2 {
    font-size: 1.6rem;
  }

  .account_career_progress_content p,
  .account_career_steps_list strong,
  .account_career_steps_list p {
    font-size: 1.4rem;
  }

  .account_career_progress_button {
    width: 100%;
  }

  .account_career_steps_card {
    padding: 1.6rem;
  }

  .account_career_steps_list {
    gap: 1.2rem;
  }

  .account_career_steps_list div {
    grid-template-columns: 5.6rem minmax(0, 1fr);
    gap: 0.8rem;
  }

  .account_career_section_title {
    margin-top: 2rem;
    margin-bottom: 1rem;
  }

  .account_career_cv_grid,
  .account_career_links_grid {
    gap: 1rem;
  }

  .account_career_cv_card {
    padding: 1.4rem;
  }

  .account_career_cv_head h3 {
    font-size: 1.4rem;
  }

  /* .account_career_cv_head span,
  .account_career_cv_card > p {
    font-size: 1.2rem;
  } */

  .account_career_cv_actions {
    gap: 0.6rem;
    flex-wrap: nowrap;
  }

  .account_career_cv_action {
    min-width: 0;
    width: fit-content;
    min-height: 3.8rem;
    padding: 0 1.5rem;
    flex-shrink: 0;

  }

  /* .account_career_cv_action span {
    font-size: 1.2rem;
  } */

  .account_career_link_card {
    min-height: 9.9rem;
    padding: 1.4rem;
  }

  .account_career_link_card h3 {
    font-size: 1.4rem;
  }

  .account_career_link_footer {
    margin-top: 1.6rem;
    padding-top: 1.2rem;
  }

  .account_career_link_footer span {
    font-size: 1.1rem;
  }

  .account_career_jobs_page {
    padding-bottom: 4rem;
  }

  .account_career_jobs_title {
    margin-bottom: 1rem;
  }

  .account_career_job_card {
    flex-direction: column;
    padding: 1.2rem;
    gap: 1rem;
  }

  .account_career_job_head {
    gap: 0.8rem;
    margin-bottom: 1rem;
  }

  .account_career_job_head h3 {
    font-size: 1.6rem;
  }

  
  .account_career_job_badge {
    min-height: 2.8rem;
    font-size: 1.1rem;
    min-height: 2.5rem;
    border-radius: 100rem;
  }
  
  .account_career_job_meta {
    flex-direction: column;
    gap: 0.6rem;
    margin-bottom: 0.8rem;
  }

  .account_career_job_meta.account_job_interviu_meta {
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 2rem;
  }

  /* .account_career_job_meta img {
    width: 2rem;
    height: 2rem;
  } */

  /* .account_career_job_meta span,
  .account_career_job_meta strong {
    font-size: 1.2rem;
  } */

  /* .account_career_job_remove {
    font-size: 1.4rem;
  } */

  .account_career_job_main p {
    font-size: 1.4rem;
  }

  .account_career_job_button {
    width: auto;
    min-width: 10.8rem;
    min-height: 4rem;
    padding: 0 1.2rem;
  }

  /* .account_career_job_button span {
    font-size: 1.4rem;
  } */

  .account_career_job_side {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }

  .account_career_job_card-compact .account_career_job_side {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }

  .account_career_job_meta-three {
    gap: 0.5rem;
  }

  .account_career_job_button-secondary {
    width: 100%;
  }

  .account_career_job_detail_page {
    padding-bottom: 4rem;
  }

  .account_career_job_detail_header {
    margin-bottom: 1.6rem;
  }

  .account_career_job_detail_header-top {
    gap: 1rem;
    margin-bottom: 0.8rem;
  }

  .account_career_job_detail_header-top h2,
  .account_career_job_detail_header-top p {
    font-size: 1.6rem;
  }

  .account_career_job_detail_intro,
  .account_career_job_detail_sections {
    grid-template-columns: 1fr;
    gap: 1.8rem;
  }

  .account_career_job_detail_sections {
    margin-top: 1.8rem;
  }

  /* .account_career_job_detail_block h3 {
    margin-bottom: 0.8rem;
    font-size: 1.6rem;
  } */

  /* .account_career_job_detail_block p,
  .account_career_job_detail_block li {
    font-size: 1.3rem;
    line-height: 1.8;
  } */

  .account_career_job_note {
    margin-top: 2rem;
    padding: 1.4rem;
    border-radius: 1.6rem;
    grid-template-columns: 4rem minmax(0, 1fr);
    gap: 1rem;
  }

  .account_career_job_note_icon {
    width: 4rem;
    height: 4rem;
    border-radius: 1.2rem;
  }

  .account_career_job_note_icon img {
    width: 2rem;
    height: 2rem;
  }

  .account_career_job_note_icon-container {
    gap: 1.5rem;
  }

  /* .account_career_job_note-h3 {
    font-size: 1.6rem;
  } */

  /* .account_career_job_note-p {
    font-size: 1.3rem;
    line-height: 1.8;
  } */

  .account_career_cv_grid-detail {
    margin-top: 1.4rem;
  }

  .account_career_cv_card-detail {
    padding: 1.4rem;
  }

  .account_career_cv_action-primary {
    min-width: 0;
    width: 100%;
    flex-shrink: 1;
  }

  .account_career_job_detail_image img {
    aspect-ratio: 1.11 / 1;
  }

  .account_career_cv_preview_page {
    padding-bottom: 4rem;
  }

  .account_career_cv_preview_title {
    margin-bottom: 1.2rem;
    font-size: 1.8rem;
  }

  .account_career_cv_preview_intro,
  .account_career_cv_preview_grid {
    grid-template-columns: 1fr;
    gap: 1rem;
  }

  .account_career_cv_preview_intro {
    margin-bottom: 1rem;
  }

  .account_career_cv_preview_profile {
    gap: 1.2rem;
  }

  .account_career_cv_preview_photo {
    width: 9rem;
    height: 9rem;
    border-radius: 0.8rem;
  }

  .account_career_cv_preview_photo_actions {
    gap: 1.6rem;
    padding-top: 0.8rem;
  }

  .account_career_cv_preview_progress {
    padding: 1.4rem;
  }

  .account_career_cv_preview_progress_actions {
    display: flex;
    margin-top: 1.4rem;
  }

  .account_career_cv_preview_panel_head {
    min-height: 4rem;
    padding: 0 1.2rem;
  }

  .account_career_cv_preview_info_grid,
  .account_career_cv_preview_info_stack,
  .account_career_cv_preview_skills,
  .account_career_cv_preview_languages,
  .account_career_cv_preview_timeline_item {
    padding: 1.2rem;
  }

  .account_career_cv_preview_info_grid {
    grid-template-columns: 1fr;
    gap: 1.2rem;
  }

  .account_career_cv_preview_info_stack {
    gap: 1.2rem;
  }

  .account_career_cv_preview_info_item-label,
  .account_career_cv_preview_skill_block-label {
    font-size: 1.2rem;
  }

  .account_career_cv_preview_info_item-value,
  .account_career_cv_preview_skill_block-text {
    font-size: 1.5rem;
  }

  .account_career_cv_preview_timeline_item-p {
    font-size: 1.4rem;
    line-height: 1.7;
  }

  .account_career_cv_preview_section {
    margin-bottom: 1rem;
  }

  .account_career_cv_preview_timeline_dates {
    position: static;
    margin-bottom: 0.8rem;
    font-size: 1.4rem !important;
  }

  .account_career_cv_preview_timeline_item-h4,
  .account_career_cv_preview_timeline_item-h5 {
    padding-right: 0;
  }

  .account_career_cv_preview_timeline_item-h4 {
    margin-bottom: 0.5rem;
    font-size: 1.7rem;
  }

  .account_career_cv_preview_timeline_item-h5 {
    margin-bottom: 0.5rem;
  }

  .account_career_cv_preview_item_actions {
    justify-content: flex-end;
    gap: 2rem;
    margin-top: 1.2rem;
  }

  .account_career_cv_preview_tags {
    gap: 0.8rem;
  }

  .account_career_cv_preview_tags-item {
    min-height: 3.8rem;
    padding: 0 1.2rem;
    border-radius: 1.2rem;
    font-size: 1.5rem;
  }

  .account_career_cv_preview_skill_block + .account_career_cv_preview_skill_block {
    margin-top: 1.6rem;
  }

  .account_career_cv_preview_languages {
    grid-template-columns: 1fr;
    gap: 0.8rem;
  }

  .account_career_cv_preview_language_card {
    min-height: 4rem;
    padding: 0 1.2rem;
  }

  .account_career_cv_preview_modal_content {
    padding: 1.6rem 1.2rem 1.2rem;
  }

  .account_career_cv_preview_modal_close {
    top: 1.2rem;
    right: 1.2rem;
    width: 2.4rem;
    height: 2.4rem;
  }

  .account_career_cv_preview_modal_title {
    padding-right: 2.8rem;
    font-size: 1.6rem;
  }

  .account_career_cv_preview_modal_fields {
    gap: 1.5rem;
  }

  .account_career_cv_preview_modal_checkbox_text {
    font-size: 1.2rem;
  }

  /* .account_career_cv_preview_modal_textarea,
  .account_career_cv_preview_modal_input {
    font-size: 1.2rem;
  } */

  .account_career_cv_preview_modal_textarea {
    min-height: 10.8rem;
    padding: 1rem 1.2rem;
  }

  .account_career_cv_preview_modal_input {
    height: 4rem;
    padding: 0 6.6rem 0 1.2rem;
  }

  .account_career_cv_preview_modal_input_hint {
    right: 1.2rem;
    font-size: 1.2rem;
  }

  .account_career_cv_preview_modal_tags {
    margin-top: 0.6rem;
    gap: 0.8rem;
  }

  .account_career_cv_preview_modal_tags .account_career_cv_preview_tags-item {
    min-height: 3.8rem;
    padding: 0 1rem;
    gap: 0.6rem;
    font-size: 1.4rem;
  }

  .account_career_cv_preview_modal_tag_remove {
    width: 1.8rem;
    height: 1.8rem;
  }

  .account_career_cv_preview_modal_checkbox {
    gap: 1rem;
  }

  .account_career_cv_preview_modal_checkbox_box {
    width: 2rem;
    height: 2rem;
  }

  .account_career_cv_preview_modal_save {
    width: 100%;
    min-width: 0;
    min-height: 4rem;
  }

  .account_settings_page {
    padding-top: 1.2rem;
    padding-bottom: 4rem;
  }

  .account_settings_form {
    gap: 2.4rem;
  }

  .account_settings_group_title {
    margin-bottom: 1.2rem;
    font-size: 1.8rem;
  }

  .account_settings_grid {
    grid-template-columns: 1fr;
    gap: 1.4rem;
  }

  .account_settings_label {
    font-size: 1.3rem;
  }

  .account_settings_input,
  .account_settings_select select {
    min-height: 4.4rem;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
    font-size: 1.4rem;
  }

  .account_settings_select select {
    padding-right: 3.8rem;
  }

  .account_settings_field-checkbox {
    align-self: auto;
    padding-bottom: 0;
  }

  .account_settings_checkbox {
    gap: 1rem;
  }

  .account_settings_checkbox label {
    font-size: 1.3rem;
  }

  .account_settings_submit {
    width: 100%;
    min-width: 0;
    min-height: 4rem;
    padding: 0 1.6rem;
  }

  .account_settings_submit span {
    font-size: 1.3rem;
  }

  .account_settings_submit img {
    width: 1.8rem;
    height: 1.8rem;
  }

  .account_career_interview_page,
  .account_career_interview_result_page {
    padding-top: 1.2rem;
    padding-bottom: 4rem;
  }

  .account_career_interview_header,
  .account_career_interview_result_header {
    margin-bottom: 1.6rem;
  }

  .account_career_interview_header-title,
  .account_career_interview_result_header_title,
  .account_career_interview_result_header_subtitle {
    font-size: 1.6rem;
    line-height: 1.3;
  }

  .account_career_interview_result_header_titles {
    gap: 1rem;
    margin-bottom: 0.8rem;
    flex-wrap: wrap;
  }

  .account_career_interview_questions {
    gap: 1.6rem;
  }

  .account_career_interview_question-title {
    margin-bottom: 0.8rem;
    font-size: 1.6rem;
  }

  .account_career_interview_answers {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.5rem;
  }

  .account_career_interview_answer_button {
    min-height: 3.5rem;
    padding: 1rem 0.5rem;
    gap: 0.3rem;
    border-radius: 0.5rem;
    flex-direction: column;
  }

  .account_career_interview_answer_button-index,
  .account_career_interview_answer_button-text {
    font-size: 1.4rem;
  }

  .account_career_interview_submit_button {
    width: 100%;
    min-width: 0;
    min-height: 4rem;
    padding: 0 1.4rem;
  }

  .account_career_interview_submit_button-text {
    font-size: 1.3rem;
  }

  .account_career_interview_submit_button-icon {
    width: 1.6rem;
    height: 1.6rem;
  }

  .account_career_interview_action {
    margin-top: 2.4rem;
  }

  .account_career_interview_result_summary {
    margin-bottom: 1.6rem;
    padding: 1.2rem;
    border-radius: 0.8rem;
  }

  .account_career_interview_result_chart {
    max-width: 26rem;
  }

  .account_career_interview_result_chart_canvas {
    overflow: visible;
  }

  .account_career_interview_result_chart_label {
    max-width: 8rem;
    font-size: 1.2rem;
  }

  .account_career_interview_result_chart_scale {
    font-size: 2rem;
  }

  .account_career_interview_result_chart_label.is-top {
    top: 0.4rem;
  }

  .account_career_interview_result_chart_label.is-top-right {
    right: -3.3rem;
  }

  .account_career_interview_result_chart_label.is-bottom-right {
    right: -3.3rem;
  }

  .account_career_interview_result_chart_label.is-bottom {
    bottom: 0;
  }

  .account_career_interview_result_chart_label.is-bottom-left {
    left: -3.3rem;
  }

  .account_career_interview_result_chart_label.is-top-left {
    left: -3.3rem;
  }

  .account_career_interview_result_chart_text {
    margin-top: 0.8rem;
  }

  .account_career_interview_result_stats {
    margin-top: 1.4rem;
    grid-template-columns: 1fr;
    gap: 0.8rem;
  }

  .account_career_interview_result_stat {
    min-height: 8rem;
    padding: 1.2rem;
    border-radius: 0.8rem;
  }

  .account_career_interview_result_stat_value,
  .account_career_interview_result_stat_title {
    margin-bottom: 0.4rem;
    font-size: 2rem;
  }

  .account_career_interview_result_stat_badge {
    margin-top: 0.8rem;
  }

  .account_career_interview_result_answer {
    padding: 1rem 0;
    grid-template-columns: minmax(0, 1fr) 4.4rem;
    gap: 1rem;
    align-items: start;
  }

  /* .account_career_interview_result_answer_question {
    font-size: 1.2rem;
    line-height: 1.6;
  } */

  .account_career_interview_result_answer_value {
    min-height: 3.8rem;
    border-radius: 0.6rem;
    font-size: 1.4rem;
  }
}

@media only screen and (max-width: 500px) {
  .account_course_option_grid {
    grid-template-columns: 1fr;
  }
}

@media only screen and (max-width: 400px) {
  .account_career_links_grid {
    grid-template-columns: 1fr;
  }
}

/* ===== modules/certifications.css ===== */
.certifications_page {
  background-color: #fff;
}

.certifications_intro {
  background-color: #ededed;
  padding-top: 2rem;
  padding-bottom: 3.6rem;
}

.certifications_breadcrumbs {
  margin-bottom: 2.6rem;
}

.certifications_intro_grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 63rem;
  gap: 4rem;
  align-items: center;
}

.certifications_intro_title {
  font-family: var(--font-family-secondary);
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 1.08;
  color: #1f1a17;
  margin-bottom: 2rem;
}

.certifications_intro_title span {
  color: var(--green-1);
}

.certifications_intro_description {
  max-width: 60rem;
  font-size: 1.8rem;
  line-height: 1.5;
  color: #6a7282;
}

.certifications_intro_swiper {
  width: 100%;
  overflow: hidden;
}

.certifications_intro_swiper .swiper-slide {
  height: auto;
}

.certifications_intro_gallery-item {
  padding: 0.8rem;
  border-radius: 0rem;
  background-color: #fff;
  box-shadow: 0 0 0 1px rgba(209, 213, 220, 0.7);
}

.certifications_intro_gallery-item img {
  width: 100%;
  display: block;
}

.certifications_content {
  padding-top: 2.8rem;
  padding-bottom: 6rem;
}

.certifications_section + .certifications_section {
  margin-top: 3.2rem;
}

.certifications_section_text {
  font-size: 1.8rem;
  line-height: 1.5;
  color: #1f1a17;
  margin-bottom: 1.8rem;
}

.certifications_swiper {
  padding-bottom: 3rem;
}

.certifications_swiper .swiper-slide {
  /* height: auto; */
}

.certifications_card {
  height: 100%;
  padding: 1.6rem;
  border-radius: 0.8rem;
  background-color: #f5f7fa;
}

.certifications_card_image {
  padding: 0.2rem;
  border-radius: 1.5rem;
  background-color: #fff;
}

.certifications_card_image img {
  width: 100%;
  object-fit: contain;
}

.certifications_card_caption {
  margin-top: 1.2rem;
  font-size: 1.6rem;
  font-weight: 600;
  text-align: center;
  color: #191C1F;
}

.certifications_pagination {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.8rem;
}

.certifications_pagination .swiper-pagination-bullet {
  width: 1rem;
  height: 1rem;
  margin: 0 !important;
  border-radius: 0.2rem;
  opacity: 1;
  background-color: var(--green-1)
}

.certifications_pagination .swiper-pagination-bullet-active {
  background-color: var(--dark-blue);
}

@media only screen and (max-width: 1100px) {
  .certifications_intro_grid {
    grid-template-columns: 1fr;
    gap: 2.4rem;
  }

  .certifications_intro_swiper {
    max-width: 52rem;
  }
}

@media only screen and (max-width: 700px) {
  .certifications_intro {
    padding-top: 1.6rem;
    padding-bottom: 2.4rem;
  }

  .certifications_breadcrumbs {
    margin-bottom: 1.6rem;
  }

  .certifications_intro_title {
    font-size: 2rem;
    margin-bottom: 1rem;
  }

  /* .certifications_intro_description {
    font-size: 1.6rem;
    line-height: 1.65;
  } */

  .certifications_intro_swiper {
    max-width: none;
  }

  .certifications_content {
    padding-top: 2rem;
    padding-bottom: 4rem;
  }

  .certifications_section + .certifications_section {
    margin-top: 2.6rem;
  }

  .certifications_pagination {
    padding-top: 1.2rem;
  }
}

/* ===== modules/petrila.css ===== */
.petrila_page {
  padding-top: 3.2rem;
  padding-bottom: 4.8rem;
}

.petrila_intro_layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 2.8rem;
  align-items: start;
}

.petrila_notices {
  display: grid;
  gap: 2.2rem;
}

.petrila_notice_card {
  padding: 1.5rem;
  border-radius: 2.2rem;
  background-color: #d8e6ff;
  text-align: center;
}

.petrila_notice_title {
  margin-bottom: 1rem;
  color: #325f9d;
  font-family: var(--font-family-secondary);
  font-size: 2.2rem;
  font-weight: 700;
  text-transform: uppercase;
}

.petrila_notice_body {
  display: grid;
  gap: 0.5rem;
  margin-bottom: 1rem;
}

.petrila_notice_body p {
  color: #1e1a17;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 500;
}

.petrila_notice_code {
  margin-bottom: 0.8rem;
  color: #212121;
  font-family: var(--font-family-secondary);
  font-size: 2rem;
  font-weight: 700;
}

.petrila_notice_footer {
  color: #4d5565;
  font-size: 1.5rem;
  line-height: 2.2rem;
}

.petrila_notice_footer a {
  color: #4d5565;
  text-decoration: underline;
}

.petrila_notice_card--secondary {
  margin-top: 0.4rem;
  padding: 2.2rem 3rem 1.8rem;
}

.petrila_notice_card--secondary .petrila_notice_title {
  margin-bottom: 1.2rem;
}

.petrila_notice_card--secondary .petrila_notice_body {
  gap: 0.8rem;
}

.petrila_notice_body-muted {
  color: #5f6676 !important;
  font-family: var(--font-family-secondary);
  font-size: 1.5rem !important;
  line-height: 2.1rem !important;
  font-weight: 500 !important;
  text-transform: uppercase;
}

.petrila_gallery {
  min-width: 0;
}


.petrila_gallery_swiper .swiper-slide {
  height: auto;
}

.petrila_slide_card {
  position: relative;
  height: 100%;
  min-height: 41.8rem;
  border-radius: 1.2rem;
  overflow: hidden;
}


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

.petrila_gallery_pagination {
  position: static !important;
  display: flex;
  justify-content: center;
  gap: 1.2rem;
  margin-top: 3rem;
}

.petrila_gallery_pagination .swiper-pagination-bullet {
  width: 1.4rem;
  height: 1.4rem;
  margin: 0 !important;
  border-radius: 0.3rem;
  background-color: #9bc24f;
  opacity: 1;
}

.petrila_gallery_pagination .swiper-pagination-bullet-active {
  background-color: #315b9d;
}

.petrila_dropdowns {
  margin-top: 2rem;
  display: grid;
  gap: 2rem;
}

.petrila_dropdown_box {
  margin-bottom: 0;
}

.petrila_dropdown_toggle {
  align-items: flex-start;
}

/* .petrila_dropdown_toggle[aria-expanded="false"] img:last-child {
  transform: rotate(180deg);
} */

.petrila_dropdown_toggle_label {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  color: #325f9d !important;
  line-height: 2.4rem;
  text-transform: uppercase;
}

.petrila_documents_list .account_course_dropdown_text-p + .account_course_dropdown_text-p {
  margin-top: 0rem;
}

.petrila_dropdown_subtitle {
  margin-top: 1rem;
  margin-bottom: 0.4rem;
  font-size: 1.6rem;
  line-height: 2.2rem;
}

.petrila_simple_list {
  margin-top: 1.4rem;
  margin-bottom: 1.4rem;
  padding-left: 3rem;
}

.petrila_simple_list.bold-marker li::marker {
  font-weight: 700;
}

.petrila_simple_list li + li {
  margin-top: 0.8rem;
}

.petrila_simple_list.petrila_simple_list-margin {
  margin-top: .5rem;
  margin-bottom: 2rem;
}

.petrila_downloads_intro {
  margin-top: 1.4rem !important;
  color: #1f1a17 !important;
  font-family: var(--font-family-secondary);
  font-size: 1.6rem !important;
  line-height: 2.2rem !important;
  font-weight: 500;
}

.petrila_downloads_grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.2rem;
  margin-top: 1.2rem;
}

.petrila_downloads_grid--single {
  grid-template-columns: 1fr;
}

.petrila_download_card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 1.6rem;
  padding: 1.4rem 1.8rem;
  background-color: #e6efd0;
  color: #1f1a17;
  text-decoration: none;
  transition: background-color 0.2s ease, transform 0.2s ease;
}

.petrila_download_card:hover {
  background-color: #dce8bf;
}

.petrila_download_card_title {
  min-width: 0;
  font-family: var(--font-family-secondary);
  font-size: 1.6rem;
  line-height: 2rem;
  font-weight: 500;
}

.petrila_download_card_date {
  color: #6e7890;
  font-size: 1.6rem;
  line-height: 1.8rem;
  white-space: nowrap;
  font-weight: 400;
}

.petrila_download_card_action {
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  color: #9bc24f;
  font-family: var(--font-family-secondary);
  font-size: 1.6rem;
  font-weight: 400;
  white-space: nowrap;
}

.petrila_download_card_action img {
  width: 1.8rem;
  height: 1.8rem;
  display: block;
}

.petrila_cap_subtitle {
  margin-top: 2rem;
  margin-bottom: 1.2rem;
  color: #1f1a17;
}

.petrila_cap_subtitle:first-child {
  margin-top: 0;
}

.petrila_info_box {
  display: grid;
  grid-template-columns: 36rem minmax(0, 1fr);
  gap: 0.8rem;
  margin-bottom: 1.6rem;
  border: 1px solid var(--grey-1);
  border-radius: 1.2rem;
  overflow: hidden;
}

.petrila_info_nav {
  display: flex;
  flex-direction: column;
  padding: 1.2rem;
}

.petrila_info_tab {
  width: 100%;
  padding: 1rem 1.2rem;
  border: 0;
  border-radius: 0.4rem;
  background-color: transparent;
  color: #1f1a17;
  font-family: var(--font-family-secondary);
  font-size: 1.6rem;
  line-height: 2rem;
  font-weight: 500;
  text-align: left;
  transition: all .2s ease-in-out;
}

.petrila_info_tab:hover {
  color: var(--hover-green);
}

.petrila_info_tab.is-active {
  background-color: var(--green-1);
  color: var(--white);
}

.petrila_info_tab.is-active:hover {
  color: var(--white);
}

.petrila_info_panels {
  min-width: 0;
}

.petrila_info_panel {
  height: 100%;
}

.petrila_info_content {
  height: 100%;
  padding: 1.4rem 1.8rem;
  background-color: #f3f4f5;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.petrila_info_content p {
  color: #4C4A47;
  font-size: 1.6rem;
  font-weight: 400;
}

.petrila_cap_bullets {
  display: flex;
  flex-direction: column;
  gap: .5rem;
  padding-left: 2.8rem;
  /* margin-top: 0.8rem; */
}

.petrila_cap_bullets li {
  color: #4C4A47;
  font-size: 1.6rem;
  font-weight: 400;
}

.color-black.petrila_cap_bullets li {
  color: #1f1a17;
}

.petrila_page li::marker {
  font-size: 1.4rem;
}

.petrila_page a {
  transition: all .2s;
}

.petrila_page a:hover {
  color: var(--hover-green);
}

.petrila_cap_bullets li + li {
  /* margin-top: 0.5rem; */
}

.petrila_cap_bullets--nested {
  margin-top: 0.4rem;
  margin-bottom: 0.8rem;
  padding-left: 4rem;
}

.petrila_schedule_table_wrap {
  margin-top: 1rem;
  margin-bottom: 1.2rem;
  overflow-x: auto;
}

.petrila_schedule_table {
  min-width: 96rem;
  border: 1px solid var(--grey-1);
  border-radius: 1.2rem;
  overflow: hidden;
}

.petrila_schedule_row {
  display: grid;
  grid-template-columns: 30rem 18rem minmax(0, 1fr);
}

.petrila_schedule_row--head {
  background-color: var(--dark-blue-2);
  color: var(--white);
}

.petrila_schedule_row--head > div {
  padding: 1.6rem 2rem;
  font-family: var(--font-family-secondary);
  font-size: 1.6rem;
  font-weight: 400;
}

.petrila_schedule_row--highlight {
  background-color: #eef6db;
}

.petrila_schedule_cell {
  padding: 1.6rem 2rem;
  border-top: 1px solid var(--grey-1);
  color: #4A5565;
  font-size: 1.6rem;
  line-height: 2.1rem;
}

.petrila_schedule_cell.flex {
  flex-direction: column;
  gap: .5rem;
}

.petrila_schedule_cell a {
  text-decoration: underline;
}

.petrila_schedule_cell--title {
  color: #1f1a17;
  font-family: var(--font-family-secondary);
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 600;
}

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

.petrila_dropdown_strong {
  margin-top: 1.2rem !important;
  color: #1f1a17 !important;
  font-family: var(--font-family-secondary);
  font-size: 1.6rem !important;
  line-height: 2.2rem !important;
  font-weight: 600;
}

.petrila_spec_card {
  margin-top: 1.6rem;
  padding: 2rem 2.2rem;
  border-radius: 1.2rem;
  background-color: #e6efd0;
  border: 1px solid #D1D5DC
}

.petrila_spec_card_title {
  margin-bottom: 0.8rem;
  color: #1f1a17;
  font-family: var(--font-family-secondary);
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 600;
}

.petrila_spec_card_subtitle {
  color: #1f1a17 !important;
  font-family: var(--font-family-secondary);
  font-size: 1.6rem !important;
  line-height: 2.2rem !important;
  font-weight: 600;
}

.petrila_spec_card_list {
  margin-top: 1.6rem;
  margin-bottom: 1.6rem;
  padding-left: 3rem;
}

/* .petrila_dropdowns .account_course_dropdown_text-p {
  font-size: 1.6rem;
} */

.petrila_spec_card_list li + li {
  margin-top: 0.3rem;
}

.petrila_spec_card_note {
  color: #7a8391 !important;
  line-height: 2.2rem !important;
}

@media only screen and (max-width: 1100px) {
  .petrila_intro_layout {
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  .petrila_gallery {
    width: 100%;
  }

  .petrila_dropdowns {
    margin-top: 1.6rem;
  }
}

@media only screen and (max-width: 700px) {
  .petrila_page {
    padding-top: 0rem;
    padding-bottom: 3.2rem;
  }

  .petrila_notices {
    gap: 1.4rem;
  }

  .petrila_notice_card {
    padding: 1.8rem 1.8rem 1.6rem;
    border-radius: 1.8rem;
  }

  .petrila_notice_card--secondary {
    padding: 1.8rem 1.8rem 1.4rem;
  }

  .petrila_notice_title {
    font-size: 1.8rem;
    line-height: 2.3rem;
  }

  .petrila_notice_body {
    gap: 0.2rem;
  }

  .petrila_notice_body p {
    font-size: 1.4rem;
    line-height: 2rem;
  }

  .petrila_notice_body-muted {
    font-size: 1.5rem !important;
    line-height: 2.2rem !important;
  }

  .petrila_notice_code {
    margin-bottom: 0.5rem;
    font-size: 1.6rem;
  }

  .petrila_notice_footer {
    font-size: 1.5rem;
    line-height: 2.2rem;
  }

  .petrila_slide_card {
    min-height: 34.8rem;
    border-radius: 1rem;
  }

  .petrila_slide_card::before {
    inset: 8rem 0 5.2rem;
  }


  .petrila_gallery_pagination {
    justify-content: flex-start;
    margin-top: 1.6rem;
  }

  .petrila_gallery_pagination .swiper-pagination-bullet {
    width: 1.2rem;
    height: 1.2rem;
  }

  .petrila_dropdown_box {
    margin-bottom: 0;
  }

  .petrila_dropdown_toggle_label {
    gap: 0.8rem;
    font-size: 1.6rem !important;
  }

  .petrila_simple_list {
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding-left: 2.2rem;
  }

  .petrila_simple_list li + li {
    margin-top: 0.6rem;
  }

  .petrila_downloads_intro {
    font-size: 1.6rem !important;
    line-height: 2.4rem !important;
  }

  .petrila_downloads_grid {
    grid-template-columns: 1fr;
    gap: 0.8rem;
    margin-top: 1rem;
  }

  .petrila_cap_subtitle {
    margin-top: 1.6rem;
    font-size: 1.8rem !important;
    line-height: 2.4rem !important;
  }

  .petrila_info_box {
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-bottom: 1.2rem;
  }
  
  .petrila_info_nav {
    padding: 1.5rem 1.5rem 0 1.5rem;
  }
  
  .petrila_info_panel {
    padding-bottom: 1.5rem;
  }

  .petrila_info_tab {
    padding: 0.9rem 1rem 0.9rem 0;
    font-size: 1.4rem;
    line-height: 2rem;
  }

  .petrila_info_tab.is-active{
    padding: 0.9rem 1rem 0.9rem 1rem;
  }

  .petrila_info_content {
    padding: 1.2rem;
    margin: 0 1.5rem;
  }

  .petrila_info_content p,
  .petrila_cap_bullets li {
    font-size: 1.4rem;
  }

  .petrila_cap_bullets {
    padding-left: 2rem;
  }

  .petrila_cap_bullets--nested {
    padding-left: 3rem;
  }

  .petrila_schedule_table {
    min-width: 0;
    width: 100%;
  }

  .petrila_schedule_row {
    grid-template-columns: 1fr;
  }

  .petrila_schedule_table_wrap {
    overflow-x: visible;
  }

  .petrila_schedule_row--head > div {
    padding: 1.2rem 1.6rem 0;
  }

  .petrila_schedule_row--head > div:last-child {
    padding-bottom: 1.2rem;
  }

  .petrila_schedule_cell {
    padding: 1.2rem;
  }

  .petrila_schedule_row + .petrila_schedule_row .petrila_schedule_cell {
    border-top: 0;
  }

  /* .petrila_schedule_row .petrila_schedule_cell:not(:last-child) {
    padding-bottom: 0.8rem;
  } */

  .petrila_schedule_row .petrila_schedule_cell:last-child {
    padding-top: 0rem;
  }

  .petrila_schedule_cell--title {
    padding-bottom: 1rem;
  }

  .petrila_schedule_cell--center {
    text-align: left;
    padding-top: 0;
    padding-bottom: 1.5rem;
  }

  .petrila_download_card {
    grid-template-columns: 1fr;
    gap: 0.8rem 1.2rem;
    padding: 1.2rem 1.4rem;
  }

  .petrila_download_card_date {
    font-size: 1.4rem;
  }

  .petrila_download_card_action img {
    width: 1.6rem;
    height: 1.6rem;
  }

  .petrila_spec_card {
    margin-top: 1.2rem;
    padding: 1.4rem;
    border-radius: 1rem;
  }

  .petrila_spec_card_list {
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding-left: 2.2rem;
  }

  .petrila_spec_card_list li,
  .petrila_spec_card_note {
    font-size: 1.6rem !important;
  }
}


:root {
  --white: #fff;
  --off-white: #d1d5dc;
  --black: #000;
  --black-2: #191c1f;
  --green-1: #88bd3f;
  --green-2: #c8ff7c;
  --green-3: #3d6a00;
  --hover-green: #7cad37;
  --dark-blue: #2a3f68;
  --dark-blue-2: #00568c;
  --dark-blue-3: #004976;
  --dark-blue-4: #00629b;
  --light-blue: #badbff;
  --font-family-main: "Karla";
  --font-family-secondary: "Figtree";
  --side-padding: 6rem;
  --grey-1: #d1d5dc;
  --grey-2: #eeeeee;
  --grey-3: #f2f4f7;
  --grey-4: #c0c7d14d;
  --grey-5: #6a7282;
  --grey-6: #f4f4f4;
  --grey-7: #f9fafb;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: inherit;
  /* outline: 1px solid red; */
}

html {
  font-size: 62.5%;
  box-sizing: border-box;
  overflow-x: hidden;
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-family-main), sans-serif;
  overflow-x: hidden;
}

a {
  font-family: inherit;
  color: inherit;
  text-decoration: none;
}

button {
  background-color: transparent;
  cursor: pointer;
  border: none;
  font-family: inherit;
}

input:focus {
  outline: none;
}

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: #d1d1d132;
}

::-webkit-scrollbar-thumb {
  background: #A3A7AB;
  border-radius: 7px;
}

::-webkit-scrollbar-thumb:hover {
  background: #A3A7AB;
}

.general-gray-container {
  background-color: #EEEEEE;
}

.general-blue-text {
  color: var(--dark-blue-2);
}

.green-href {
  color: var(--green-1);
  transition: all .2s ease-in-out;
}

.green-href:hover {
  color: var(--hover-green);
}

@media only screen and (max-width: 1200px) {
  :root {
    --side-padding: 3rem;
  }
}

@media only screen and (max-width: 700px) {
  :root {
    --side-padding: 1.5rem;
  }
}