:root {
  --prussian-blue: #036;
  --dodger-blue: #2f80ed;
  --denim-stroke-selection: #1e5aa8;
  --cornflower-blue-card-tags: #47a3ff;
  --alice-blue: #ebf5ff;
  --neutral-black: #191d23;
  --neutral-grey: #4b4b4b;
  --neutral-grey-2: #868686;
  --neutral-grey-3: #b3b7bd;
  --neutral-grey-4: #e1e4e7;
  --neutral-grey-5: #d0d5dd;
  --neutral-grey-6: #fafafa;
  --card-bg-with-opacity-40: rgba(254, 254, 254, 0.4);
  --pdf-logo-color: #e00000;
  --error-state-text: #fe403e;
  --success-state-text: #02b375;
  --gradient-primary-b: linear-gradient(
    92deg,
    rgba(235, 245, 255, 0.3) 3.31%,
    #ebf5ff 95.48%
  );
  --gradient-base-2-with-no-opacity: linear-gradient(
    139deg,
    #fefefe 0%,
    #ebf5ff 99.2%
  );
  --green-gradient-overlay: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(0, 128, 128, 0.4) 100%
  );
  --green-gradient-bg: radial-gradient(
    57.25% 47.86% at 50% 50%,
    rgba(0, 128, 128, 0) 0%,
    rgba(0, 128, 128, 0.08) 100%
  );
  --photo-bg-overlay: linear-gradient(
    0deg,
    rgba(0, 128, 128, 0.75) -0.1%,
    rgba(0, 128, 128, 0.15) 99.9%
  );
  --font-archivo: "Archivo", sans-serif;
  --font-general-sans: "GeneralSans", sans-serif;
  --font-heading: var(--font-archivo);
  --font-body: var(--font-general-sans);
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --paragraph: 1.6rem;
  --h1-size: 3.6rem;
  --h2-size: 3.2rem;
  --h3-size: 2.4rem;
  --h4-size: 2rem;
  --h5-size: 1.8rem;
  --h6-size: 1.6rem;
}
@media (min-width: 768px) {
  :root {
    --h1-size: 4rem;
    --h2-size: 3.6rem;
    --h3-size: 2.8rem;
    --h4-size: 2.4rem;
    --h5-size: 2rem;
    --h6-size: 1.6rem;
  }
}
:root {
  --body-large-size: 2rem;
  --body-medium-size: 1.6rem;
  --body-small-size: 1.4rem;
  --body-xs-size: 1.2rem;
}

html {
  font-size: 10px;
}

body {
  color: var(--neutral-grey);
  font-family: var(--font-body);
  font-size: var(--body-medium-size);
  font-weight: var(--font-weight-regular);
  line-height: 2.4rem;
}
body a {
  text-decoration: none;
}
body h1,
body .h1 {
  font-family: var(--font-heading);
  font-size: var(--h1-size);
  font-weight: var(--font-weight-bold);
  line-height: 6rem;
  color: var(--prussian-blue);
  text-transform: capitalize;
}
body h2,
body .h2 {
  font-family: var(--font-heading);
  font-size: var(--h2-size);
  font-weight: var(--font-weight-bold);
  line-height: 5.4rem;
  color: var(--prussian-blue);
  text-transform: capitalize;
}
body h3,
body .h3 {
  font-family: var(--font-heading);
  font-size: var(--h3-size);
  font-weight: var(--font-weight-bold);
  line-height: 4.2rem;
  color: var(--prussian-blue);
}
body h4,
body .h4 {
  font-family: var(--font-heading);
  font-size: var(--h4-size);
  font-weight: var(--font-weight-bold);
  line-height: 3.6rem;
  letter-spacing: 0.48px;
  color: var(--prussian-blue);
}
body h5,
body .h5 {
  font-family: var(--font-heading);
  font-size: var(--h5-size);
  font-weight: var(--font-weight-bold);
  line-height: 3rem;
  color: var(--prussian-blue);
}
body h6,
body .h6 {
  font-family: var(--font-heading);
  font-size: var(--h6-size);
  font-weight: var(--font-weight-regular);
  line-height: 2.4rem;
  color: var(--prussian-blue);
}
body .btn {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.4rem;
  font-family: var(--font-heading);
  padding: 1.2rem 2.4rem;
  border-radius: 10rem;
  transition: all 0.3s ease;
  min-width: 16.5rem;
}
body .btn:disabled {
  background: var(--neutral-grey-4);
  cursor: not-allowed;
  color: var(--neutral-grey-3);
}
body .btn.btn-primary {
  color: white;
  background: var(--dodger-blue);
  border: none;
}
body .btn.btn-primary:focus, body .btn.btn-primary:active {
  color: white;
  background-color: var(--denim-stroke-selection);
  outline: none;
}
body .btn.btn-primary:hover {
  background: var(--denim-stroke-selection);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.15);
}
body .btn.btn-primary:disabled {
  background: var(--neutral-grey-4);
  cursor: not-allowed;
  color: var(--neutral-grey-3);
}
body .btn.btn-outline {
  color: var(--denim-stroke-selection);
  background: transparent;
  border: 1px solid var(--denim-stroke-selection);
}
body .btn.btn-outline:focus, body .btn.btn-outline:active {
  color: white;
  background-color: var(--prussian-blue);
  border-color: var(--prussian-blue);
  outline: none;
}
body .btn.btn-outline:focus svg path, body .btn.btn-outline:active svg path {
  stroke: white;
}
body .btn.btn-outline:disabled {
  border-color: var(--neutral-grey-4);
}
body .btn.btn-outline:hover {
  background: var(--denim-stroke-selection);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.15);
  color: white;
}
body .btn.btn-outline:hover svg path {
  stroke: white;
}
body .btn.btn-outline:disabled {
  background: var(--neutral-grey-4);
  cursor: not-allowed;
  color: var(--neutral-grey-3);
}
body .btn.btn-secondary {
  color: var(--prussian-blue);
  background: transparent;
  border: 1px solid var(--prussian-blue);
}
body .btn.btn-secondary:focus, body .btn.btn-secondary:active {
  color: var(--white-sys);
  background-color: var(--prussian-blue);
  border: 1px solid var(--prussian-blue);
  outline: none;
}
body .btn.btn-secondary:hover {
  color: var(--prussian-blue);
  background-color: var(--secondary-50);
  border: 1px solid var(--secondary-50);
}
body .btn.btn-arrow {
  color: var(--denim-stroke-selection);
  background: transparent;
  border: 1px solid var(--denim-stroke-selection);
  padding: 0.7rem 2.4rem;
  font-size: 1.2rem;
  min-width: inherit;
  font-weight: 500;
  line-height: 18px;
}
body .btn.btn-arrow svg {
  transition: transform 0.3s ease;
  transform: rotate(0deg);
}
body .btn.btn-arrow:focus svg, body .btn.btn-arrow:active svg, body .btn.btn-arrow:hover svg {
  transform: rotate(45deg);
}
body .btn.btn-danger {
  background-color: var(--error-state-text);
  color: white;
}
body .toggle-btn-group {
  display: flex;
  border: 1px solid var(--Neutral-Colors-Disable-Text-Grey, #b3b7bd);
  border-radius: 10rem;
  overflow: hidden !important;
}
body .toggle-btn-group .btn-toggle {
  color: var(--Blue-Colors-Prussian-Blue, #036);
  font-weight: 500;
  line-height: 2.4rem;
  font-family: var(--font-archivo);
  transition: all 0.3s ease;
  padding: 1.5rem 1.2rem;
  font-size: 1.4rem;
}
@media screen and (min-width: 768px) {
  body .toggle-btn-group .btn-toggle {
    font-size: 1.6rem;
    min-width: 5.6rem;
    padding: 1.5rem 2rem;
  }
}
body .toggle-btn-group .btn-toggle {
  background: transparent;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 4.8rem;
}
body .toggle-btn-group .btn-toggle.active {
  color: white;
  background: var(--Blue-Colors-Dodger-Blue, #2f80ed);
}
body .toggle-btn-group .btn-toggle.active svg path {
  stroke: white;
}
@media (min-width: 1440px) {
  body .container,
  body .container-lg,
  body .container-md,
  body .container-sm,
  body .container-xl,
  body .container-xxl {
    max-width: 1300px;
  }
}
@media (max-width: 992px) {
  body .container,
  body .container-lg,
  body .container-md,
  body .container-sm,
  body .container-xl,
  body .container-xxl {
    --bs-gutter-x: 3.2rem;
  }
}
body .form-label,
body label {
  color: var(--neutral-grey-2);
  font-family: var(--font-heading);
  font-size: var(--body-medium-size);
  font-weight: var(--font-weight-medium);
  line-height: 2.4rem;
  margin-bottom: 0.4rem;
}
body .form-label .text-danger,
body label .text-danger {
  color: var(--error-state-text);
}
body input[type=password]::-ms-reveal {
  display: none !important;
}
body input[type=text],
body input[type=file],
body textarea,
body select,
body .form-select,
body .form-control {
  border-radius: 4px;
  border: 1px solid var(--neutral-grey-5);
  padding: 1.52rem;
  color: var(--neutral-black);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 2.4rem;
}
body input[type=text]::-moz-placeholder, body input[type=file]::-moz-placeholder, body textarea::-moz-placeholder, body select::-moz-placeholder, body .form-select::-moz-placeholder, body .form-control::-moz-placeholder {
  color: var(--neutral-grey-5);
}
body input[type=text]::placeholder,
body input[type=file]::placeholder,
body textarea::placeholder,
body select::placeholder,
body .form-select::placeholder,
body .form-control::placeholder {
  color: var(--neutral-grey-5);
}
body input[type=text]:focus,
body input[type=file]:focus,
body textarea:focus,
body select:focus,
body .form-select:focus,
body .form-control:focus {
  color: var(--neutral-black);
}
body .form-select,
body select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%23191D23' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right;
  background-size: 45px 2.4rem;
}
body .alert-success {
  background-color: var(--success-state-text);
  color: white;
  border-radius: 0.8rem;
  font-weight: 500;
}

.page-template-auth-templates footer {
  display: none;
}

.page-template-general-resources .toggle-btn-group .btn-toggle.active {
  border-radius: 0 !important;
}

@media (min-width: 1025px) {
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
}
/* ==========================================================================
   Header Styles
   ========================================================================== */
.main-content {
  position: relative;
}
.hero-block + .main-content {
  padding-top: 0;
}
.main-content span.bg-hero-image {
  position: absolute;
  left: 50%;
  top: 8.4rem;
  z-index: -1;
  width: 100%;
  overflow: hidden;
  max-height: 103rem;
  max-width: 50%;
  min-height: 103rem;
}

.logged-in span.bg-hero-image {
  top: 5rem;
}
.logged-in.admin-bar .site-header.sticky .bottom-header {
  top: 3.2rem;
}

.site-header {
  background-color: transparent;
  z-index: 9999;
  position: relative;
  width: 100%;
}
.site-header.sticky .bottom-header {
  background: #fff;
  border-bottom: 1px solid var(--alice-blue);
  position: fixed;
  top: 0;
  left: 0;
  padding: 1.4rem 0rem;
  width: 100%;
  z-index: 99;
}
.site-header .top-header {
  padding: 1.6rem 0rem;
  background: var(--alice-blue);
}
.site-header .top-header .--top-right {
  padding-top: 1.6rem;
  justify-content: flex-end;
  gap: 2.4rem;
}
@media screen and (min-width: 992px) {
  .site-header .top-header .--top-right {
    gap: 2.4rem;
    justify-content: space-between;
  }
}
.site-header .top-header .--top-right .cart-btn {
  margin-left: 0;
  border-radius: 100%;
  background: rgba(0, 51, 102, 0.05);
  padding: 1.35rem;
}
.site-header .top-header .--top-right .bgr-blue {
  padding: 0.8rem 2.4rem;
  color: white;
  border-radius: 45px;
  background: var(--Blue-Colors-Dodger-Blue, #2f80ed);
  min-width: 12.2rem;
  line-height: 22.4px;
}
@media (min-width: 992px) {
  .site-header .top-header .--top-right {
    padding-top: 0;
  }
}
.site-header .bottom-header {
  padding: 2.4rem 0rem;
}
.site-header .navbar {
  padding: 0;
}
.site-header .search-form {
  max-width: 62.3rem;
}
.site-header .search-form .input-group {
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
}
.site-header .search-form .input-group .form-control {
  display: block;
  width: 100%;
  padding: 1.2rem 1.6rem 1.2rem 4.8rem;
  font-size: 1.6rem;
  font-family: var(--font-archivo);
  font-weight: 400;
  line-height: 24px;
  color: var(--prussian-blue);
  background: rgba(0, 51, 102, 0.05);
  background-repeat: no-repeat;
  background-position: 1.6rem 50%;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 10rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.site-header .search-form .input-group .form-control::-moz-placeholder {
  color: var(--prussian-blue);
}
.site-header .search-form .input-group .form-control::placeholder {
  color: var(--prussian-blue);
}
.site-header .search-form .input-group .form-control:focus {
  box-shadow: none;
  outline: none;
}
.site-header .search-form .input-group .form-control::-webkit-search-cancel-button {
  display: none;
}
.site-header .search-form .input-group .form-control::-webkit-outer-spin-button, .site-header .search-form .input-group .form-control::-webkit-inner-spin-button {
  display: none;
}
.site-header .search-form .input-group .search-btn {
  color: var(--white-sys);
  background: rgba(0, 51, 102, 0.05);
  border: none;
  border-radius: 10rem;
  height: 5.2rem;
  padding: 1.6rem 0rem 1.6rem 1.6rem;
}
.site-header .search-form .search-input-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  border-radius: 10rem;
  overflow: hidden;
}
.site-header .search-form .search-clear-btn {
  position: absolute;
  right: 1.6rem;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0.4rem;
  display: none;
  align-items: center;
  justify-content: center;
  color: var(--neutral-grey-2);
  transition: color 0.2s ease;
  z-index: 1;
}
.site-header .search-form .search-clear-btn:hover {
  color: var(--prussian-blue);
}
.site-header .search-form .search-clear-btn svg {
  width: 1.6rem;
  height: 1.6rem;
}
.site-header .search-form:hover .search-clear-btn {
  display: flex;
}
.site-header .site-branding {
  display: flex;
  align-items: center;
}
.site-header .site-branding img {
  max-height: 50px;
  width: auto;
}
.site-header .site-branding .site-title {
  color: var(--primary);
  font-family: var(--font-archivo);
  font-size: 2.4rem;
  font-weight: 600;
  margin: 0;
  text-decoration: none;
  transition: color 0.3s ease;
}
.site-header .site-branding .site-title:hover {
  color: var(--primary-green-sys);
}
.site-header .navbar-toggler {
  border-color: var(--grey3);
  padding: 0.5rem;
}
.site-header .navbar-toggler:focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 114, 210, 0.25);
  outline: none;
}
.site-header .navbar-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.site-header .main-navigation {
  top: 2rem;
  position: relative;
}
@media screen and (min-width: 992px) {
  .site-header .main-navigation {
    top: unset;
    position: unset;
  }
}
.site-header .main-navigation ul {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (max-width: 991px) {
  .site-header .main-navigation ul {
    flex-direction: column;
  }
}
.site-header .main-navigation ul li {
  position: relative;
}
.site-header .main-navigation ul li a {
  color: var(--neutral-black);
  display: block;
  font-size: 1.4rem;
  font-weight: 400;
  padding: 1rem 0.8rem;
  text-decoration: none;
  transition: color 0.2s ease;
  font-family: var(--font-heading);
}
@media screen and (min-width: 1025px) {
  .site-header .main-navigation ul li a {
    font-size: 1.6rem;
    padding: 1rem 1.2rem;
  }
}
.site-header .main-navigation ul li a:hover, .site-header .main-navigation ul li a:focus {
  color: var(--dodger-blue);
}
.site-header .main-navigation ul li a:active {
  color: var(--neutral-black);
}
.site-header .main-navigation ul li.current-menu-item > a, .site-header .main-navigation ul li.current-menu-ancestor > a {
  color: var(--dodger-blue);
  font-weight: 700;
}

/* ==========================================================================
   Login Page Styles
   ========================================================================== */
/**
 * Login Page Container
 * Sets up the main structure for the login page
 */
.login-page {
  min-height: calc(100vh - 80px);
  margin-top: 0 !important;
}
.login-page .row {
  min-height: 100%;
  align-items: center;
}

/**
 * Login Form Container
 * Styles for the left column containing the form
 */
.page-template-register .login-form-container .login-logo {
  margin-bottom: 6.2rem;
}

.login-form-container {
  max-width: 550px;
  margin: 0 auto;
  padding: 6rem 2rem;
}
@media (min-width: 768px) {
  .login-form-container {
    padding: 9.2rem 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 100vh;
    position: relative;
  }
}
.login-form-container .login-message,
.login-form-container .register-message {
  border-radius: 8px;
  padding: 1.1rem 2.4rem;
  margin-bottom: 4.8rem;
  font-family: var(--font-archivo);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}
.login-form-container .login-message.alert-danger,
.login-form-container .register-message.alert-danger {
  background: var(--Error-Error-50, #fef2f2);
  color: var(--Error-Error-700, #b91c1c);
  border: 0;
}
.login-form-container .text-danger {
  font-weight: 500;
}
.login-form-container .login-logo {
  margin-bottom: 3rem;
}
@media (min-width: 768px) {
  .login-form-container .login-logo {
    margin-bottom: 11.8rem;
  }
}
.login-form-container .login-logo img {
  max-height: 60px;
  width: auto;
}

.login-title {
  margin-bottom: 4.8rem;
}

/**
 * Form Elements
 * Styles for form inputs, labels, and controls
 */
.login-form .is-valid,
.login-form .is-invalid {
  background-image: unset;
}
.login-form .invalid-feedback {
  margin-top: -20px;
  font-size: 1.2rem;
  font-weight: 500;
}
.login-form .row {
  --bs-gutter-x: 2.4rem;
}
.login-form .register-button {
  padding: 1.2rem 2.4rem;
}
.login-form .form-label {
  font-weight: 500;
  color: #868686;
  margin-bottom: 0.4rem;
}
.login-form .form-label span {
  color: #fe403e;
}
.login-form .form-control {
  height: 5.6rem;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
.login-form .form-control:focus {
  border-color: var(--snow-blue);
  box-shadow: 0 0 0 0.2rem rgba(23, 114, 210, 0.25);
  outline: none;
}
.login-form .form-control::-moz-placeholder {
  color: var(--grey2);
  opacity: 0.7;
}
.login-form .form-control::placeholder {
  color: var(--grey2);
  opacity: 0.7;
}
.login-form .password-input-wrapper {
  position: relative;
}
.login-form .password-input-wrapper .form-control {
  padding-right: 4.5rem;
}
.login-form .password-input-wrapper .password-toggle {
  position: absolute;
  right: 1.6rem;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  color: var(--grey2);
  transition: color 0.3s ease;
}
.login-form .password-input-wrapper .password-toggle:hover, .login-form .password-input-wrapper .password-toggle:focus {
  color: var(--snow-blue);
  outline: none;
}
.login-form .password-input-wrapper .password-toggle.showing {
  color: var(--snow-blue);
}
.login-form .password-input-wrapper .password-toggle .eye-close {
  display: none;
}
.login-form .password-input-wrapper .password-toggle .eye-icon,
.login-form .password-input-wrapper .password-toggle .eye-open {
  display: block;
}
.login-form .password-input-wrapper .password-toggle.showing .eye-close {
  display: block;
}
.login-form .password-input-wrapper .password-toggle.showing .eye-icon,
.login-form .password-input-wrapper .password-toggle.showing .eye-open {
  display: none;
}
.login-form .forgot-password a {
  transition: opacity 0.3s ease;
  color: var(--Blue-Colors-Prussian-Blue, #036);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
}
.login-form .forgot-password a:hover, .login-form .forgot-password a:focus {
  opacity: 0.8;
  text-decoration: underline;
}
.login-form .login-button {
  height: 5.6rem;
  margin-top: 4.8rem;
}
.login-form .form-check .form-check-label {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}
.login-form .form-check {
  /* Base checkbox (override browser / Bootstrap default) */
}
.login-form .form-check input.form-check-input[type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  display: inline-block;
  outline: none;
  width: 20px;
  height: 20px;
  margin-right: 0.8rem;
  vertical-align: middle;
  border-radius: 2px;
  border: 1px solid var(--Blue-Colors-Prussian-Blue, #036);
  background-color: transparent; /* do not use 'background:' here */
  position: relative; /* needed for ::after */
  cursor: pointer;
  transition: background-color 0.12s ease, border-color 0.12s ease;
  box-sizing: border-box;
  box-shadow: none;
}
.login-form .form-check {
  /* Optional focus ring for accessibility */
}
.login-form .form-check input.form-check-input:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(3, 102, 214, 0.18);
}
.login-form .form-check {
  /* Checked background */
}
.login-form .form-check input.form-check-input:checked {
  background-color: var(--Blue-Colors-Prussian-Blue, #036);
  border-color: var(--Blue-Colors-Prussian-Blue, #036);
}
.login-form .form-check {
  /* The pure-CSS checkmark */
}
.login-form .form-check input.form-check-input:checked::after {
  content: "";
  position: absolute;
  left: 6px; /* tweak to center the tick */
  top: 2px; /* tweak to center the tick */
  width: 5px; /* long part of tick */
  height: 11px; /* long part of tick */
  border: solid #fff; /* tick color (white) */
  border-width: 0 0.16rem 0.16rem 0;
  transform: rotate(35deg); /* angle of tick */
  -webkit-transform: rotate(40deg);
  box-sizing: border-box;
  pointer-events: none;
}
.login-form .form-check {
  /* Indeterminate state (optional) */
}
.login-form .form-check input.form-check-input:indeterminate::after {
  content: "";
  position: absolute;
  left: 3px;
  top: 9px;
  width: 14px;
  height: 2px;
  background: #fff;
  border-radius: 2px;
}
.login-form .form-check {
  /* If Bootstrap or other rules still inject background-image, explicitly remove it */
}
.login-form .form-check input.form-check-input {
  background-image: none !important;
}
.login-form .login-link,
.login-form .register-link {
  margin-top: 2rem;
}
.login-form .login-link span,
.login-form .register-link span {
  color: var(--Neutral-Colors-Primary-Grey, #4b4b4b);
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  margin-right: 0.4rem;
}
.login-form .login-link a,
.login-form .register-link a {
  color: #1e5aa8;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  text-decoration: underline;
}
.login-form .signup-agreement {
  margin-bottom: 2rem;
}
.login-form .signup-agreement .form-check-label {
  color: var(--Neutral-Colors-Primary-Grey, #4b4b4b);
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}
.login-form .signup-agreement .form-check-label a {
  color: var(--Neutral-Colors-Primary-Grey, #4b4b4b);
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  text-decoration: underline;
}

.subscription-payment-container {
  padding: 4rem 0;
}
.subscription-payment-container .page-title {
  margin-bottom: 2rem;
  color: var(--snow-blue);
  font-weight: 600;
}
.subscription-payment-container .lead {
  margin-bottom: 3rem;
  color: var(--grey1);
}
.subscription-payment-container .product-details-card {
  background-color: var(--white);
  border-radius: 1rem;
  padding: 3rem;
  box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.05);
  height: 100%;
}
.subscription-payment-container .product-details-card .product-icon {
  background-color: var(--snow-blue);
  color: var(--white);
  width: 6rem;
  height: 6rem;
  border-radius: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 2rem;
}
.subscription-payment-container .product-details-card .product-icon i {
  font-size: 2.8rem;
}
.subscription-payment-container .product-details-card .product-title {
  font-size: 2.4rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
  color: var(--grey1);
}
.subscription-payment-container .product-details-card .product-access {
  color: var(--grey2);
  margin-bottom: 2.5rem;
  font-size: 1.6rem;
}
.subscription-payment-container .product-details-card .instruments-included h3 {
  font-size: 1.8rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
  color: var(--grey1);
}
.subscription-payment-container .product-details-card .instruments-included .instrument-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  margin-bottom: 2.5rem;
}
.subscription-payment-container .product-details-card .instruments-included .instrument-tags .instrument-tag {
  background-color: var(--light-blue);
  color: var(--snow-blue);
  padding: 0.6rem 1.2rem;
  border-radius: 2rem;
  font-size: 1.4rem;
  font-weight: 500;
}
.subscription-payment-container .product-details-card .price-breakdown {
  border-top: 1px solid var(--grey3);
  padding-top: 2rem;
}
.subscription-payment-container .product-details-card .price-breakdown .price-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
  font-size: 1.6rem;
  color: var(--grey2);
}
.subscription-payment-container .product-details-card .price-breakdown .price-row.total {
  font-weight: 700;
  font-size: 2rem;
  color: var(--grey1);
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px dashed var(--grey3);
}
.subscription-payment-container .payment-form-card {
  background-color: var(--white);
  border-radius: 1rem;
  padding: 3rem;
  box-shadow: 0 0.2rem 1.5rem rgba(0, 0, 0, 0.08);
}
.subscription-payment-container .payment-form-card h2 {
  font-size: 2.4rem;
  font-weight: 600;
  margin-bottom: 2.5rem;
  color: var(--grey1);
}
.subscription-payment-container .payment-form-card .woocommerce-checkout {
  padding: 0;
  border: none;
}
.subscription-payment-container .payment-form-card .woocommerce-billing-fields h3,
.subscription-payment-container .payment-form-card .woocommerce-additional-fields h3,
.subscription-payment-container .payment-form-card #order_review_heading {
  font-size: 1.8rem;
  font-weight: 600;
  color: var(--grey1);
}
.subscription-payment-container .payment-form-card .woocommerce-checkout-review-order-table {
  background-color: var(--light-grey);
  border-radius: 0.8rem;
}
.subscription-payment-container .payment-form-card #payment {
  background-color: var(--light-grey);
  border-radius: 0.8rem;
}
.subscription-payment-container .payment-form-card #place_order {
  background-color: var(--snow-blue);
  color: var(--white);
  font-weight: 600;
  padding: 1.2rem 2.4rem;
  border-radius: 0.5rem;
  transition: background-color 0.3s;
}
.subscription-payment-container .alert {
  padding: 2rem;
  border-radius: 0.8rem;
  margin-bottom: 2rem;
}
.subscription-payment-container .alert.alert-warning {
  background-color: #fff3cd;
  border: 1px solid #ffeeba;
  color: #856404;
}
@media (max-width: 767px) {
  .subscription-payment-container .product-details-card {
    margin-bottom: 3rem;
  }
  .subscription-payment-container .price-row {
    font-size: 1.4rem;
  }
  .subscription-payment-container .price-row.total {
    font-size: 1.8rem;
    opacity: 0.7;
    cursor: not-allowed;
  }
}
.subscription-payment-container .login-error-message {
  margin-bottom: 2rem;
  font-size: 1.4rem;
}
.subscription-payment-container .invalid-feedback {
  display: none;
  font-size: 1.4rem;
  color: #dc3545;
  margin-top: 0.5rem;
}
.subscription-payment-container .signup-link {
  font-size: 1.4rem;
  color: var(--grey1);
}
.subscription-payment-container .signup-link a {
  color: var(--snow-blue);
  text-decoration: none;
  font-weight: 500;
  transition: opacity 0.3s ease;
}
.subscription-payment-container .signup-link a:hover, .subscription-payment-container .signup-link a:focus {
  opacity: 0.8;
  text-decoration: underline;
}

/**
 * Login Image Container
 * Styles for the right column with background image
 */
.login-image-container {
  height: 100%;
  overflow: hidden;
}
.login-image-container figure {
  border-radius: 2.4rem 0 0 2.4rem;
  margin: 0;
  overflow: hidden;
}
@media (min-width: 768px) {
  .login-image-container figure {
    border-radius: 4.8rem 0 0 4.8rem;
  }
}
.login-image-container .login-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

/* ==========================================================================
   Responsive Adjustments
   ========================================================================== */
/**
 * Mobile Styles
 * Adjustments for smaller screens
 */
@media (max-width: 767px) {
  .login-form-container {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .login-title {
    font-size: 2.8rem;
  }
}
/**
 * Bootstrap Navbar Overrides for WordPress Menu
 * Customizes Bootstrap navbar to work with WordPress menu structure
 */
@media (min-width: 992px) {
  .site-header .main-navigation .navbar-nav li.menu-item-has-children > a {
    display: flex;
  }
  .site-header .main-navigation .navbar-nav li.menu-item-has-children > a::after {
    margin-left: 0.4rem;
    top: 0.2rem;
    content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'><path d='M5 7.5L10 12.5L15 7.5' stroke='%23003366' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");
    position: relative;
    width: 2rem;
    height: 2rem;
  }
  .site-header .main-navigation .navbar-nav li.menu-item-has-children:hover > .sub-menu {
    display: block;
    padding: 0;
  }
  .site-header .main-navigation .navbar-nav li .sub-menu {
    background-color: white;
    border-radius: 4px;
    display: none;
    left: 0;
    min-width: 184px;
    padding: 0.5rem 0;
    position: absolute;
    top: 100%;
    z-index: 1000;
    border-radius: 0 0 16px 16px;
  }
  .site-header .main-navigation .navbar-nav li .sub-menu li {
    width: 100%;
    border-top: 1px solid var(--Neutral-Colors-Card-Stroke-Grey, #d0d5dd);
    background: var(--Neutral-Colors-White, #fff);
  }
  .site-header .main-navigation .navbar-nav li .sub-menu li:hover {
    background-color: var(--Blue-Colors-Alice-Blue, #ebf5ff);
  }
  .site-header .main-navigation .navbar-nav li .sub-menu li a {
    padding: 1.2rem 1.6rem;
  }
  .site-header .main-navigation .navbar-nav li .sub-menu li a:hover {
    color: var(--Neutral-Colors-Black, #191d23);
  }
}
@media (max-width: 991px) {
  .site-header .main-navigation .navbar-nav li.menu-item-has-children > a {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .site-header .main-navigation .navbar-nav li.menu-item-has-children > a::after {
    content: "+";
    font-size: 2rem;
    line-height: 1;
    display: none;
  }
  .site-header .main-navigation .navbar-nav li .sub-menu {
    display: block;
    list-style: none;
    margin: 0;
    padding-left: 0;
    background: #ebf5ff;
    border-radius: 0.8rem;
    margin-left: 2rem;
  }
}

.create-account {
  padding: 8rem 0rem;
}
.create-account .registration-form {
  border-radius: 8px;
  border: 1px solid #d0d5dd;
  background: linear-gradient(139deg, #fefefe 0%, #ebf5ff 99.2%);
  padding: 3rem 2rem;
}
@media screen and (min-width: 992px) {
  .create-account .registration-form {
    padding: 6rem 0rem;
  }
}
.create-account .registration-form #registration-error-message {
  max-width: 90rem;
  margin: 0 auto 2rem;
}
.create-account .registration-steps {
  margin-bottom: 4.8rem;
  max-width: 90rem;
  margin: 0 auto 4.8rem;
}
.create-account .registration-steps .progress-bars {
  display: flex;
  gap: 2.4rem;
  margin-bottom: 2rem;
  flex-wrap: wrap;
}
.create-account .registration-steps .progress-bars .progress-bar {
  flex: 1;
  height: 3px;
  background-color: #e5e7eb;
  position: relative;
  border-radius: 2px;
}
.create-account .registration-steps .progress-bars .progress-bar.completed {
  background-color: var(--prussian-blue);
}
.create-account .registration-steps .progress-bars .progress-bar.active {
  background-color: var(--prussian-blue);
}
.create-account .registration-steps .step-labels {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 2.4rem;
}
.create-account .registration-steps .step-labels .step-item {
  display: flex;
  align-items: center;
  text-align: center;
  gap: 0.8rem;
  flex: 1;
  opacity: 0.5;
  transition: opacity 0.3s ease;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: column;
}
@media (min-width: 992px) {
  .create-account .registration-steps .step-labels .step-item {
    justify-content: start;
    flex-direction: row;
  }
}
.create-account .registration-steps .step-labels .step-item.active {
  opacity: 1;
}
.create-account .registration-steps .step-labels .step-item.active .step-icon {
  color: var(--prussian-blue, #003366);
}
.create-account .registration-steps .step-labels .step-item.active .step-label {
  color: var(--prussian-blue, #003366);
  font-weight: 500;
}
.create-account .registration-steps .step-labels .step-item.completed {
  opacity: 1;
}
.create-account .registration-steps .step-labels .step-item.completed .step-icon {
  color: var(--alice-blue, #e8f4fd);
  position: relative;
  margin: 0;
}
.create-account .registration-steps .step-labels .step-item.completed .step-icon::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='10' viewBox='0 0 12 10' fill='none'%3E%3Cpath d='M1 6.45455L3.5 9L11 1' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  background-color: #003366;
  border-radius: 50%;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
  margin: 0;
}
.create-account .registration-steps .step-labels .step-item.completed .step-label {
  color: var(--prussian-blue, #003366);
  font-weight: 500;
}
.create-account .registration-steps .step-labels .step-item.completed svg {
  display: none;
}
.create-account .registration-steps .step-labels .step-item .step-icon {
  width: 2rem;
  height: 2rem;
  margin-bottom: 0.4rem;
  color: #9ca3af;
  transition: color 0.3s ease;
}
.create-account .registration-steps .step-labels .step-item .step-icon svg {
  width: 2rem;
  height: 2rem;
}
.create-account .registration-steps .step-labels .step-item .step-label {
  color: var(--prussian-blue);
  font-family: var(--font-heading);
  font-size: var(--body-medium-size);
  font-weight: var(--font-weight-medium);
  line-height: 24px; /* 150% */
}

.step-content {
  display: none;
  max-width: 90rem;
  margin: 0 auto;
}
.step-content.active {
  display: block;
}
.step-content .button-actions {
  margin-top: 1.6rem;
  flex-wrap: wrap;
  gap: 2rem;
}
@media screen and (min-width: 992px) {
  .step-content .button-actions {
    gap: 0rem;
  }
}
.step-content .button-actions .btn {
  width: 100%;
  padding: 1.12rem 2.4rem;
}
@media screen and (min-width: 992px) {
  .step-content .button-actions .btn {
    width: auto;
  }
}
.step-content .button-actions .btn.basic-info-prev {
  padding: 1.12rem 0;
  min-width: 13.2rem;
  display: flex;
  align-items: center;
  gap: 0.8rem;
  color: var(--prussian-blue);
  font-weight: 500;
}
.step-content .button-actions .button-group {
  display: flex;
  gap: 2.4rem;
  flex-wrap: wrap;
}
.step-content .button-actions .button-group .btn {
  width: 100%;
  height: 4.8rem;
}
@media screen and (min-width: 992px) {
  .step-content .button-actions .button-group .btn {
    width: auto;
  }
}
.step-content h4 {
  text-align: center;
  margin-bottom: 2rem;
}
@media screen and (min-width: 992px) {
  .step-content h4 {
    text-align: left;
    margin-bottom: 4.8rem;
  }
}
.step-content .account-types .account-type-option.active .account-type-card {
  border: 1px solid var(--denim-stroke-selection);
  background: rgba(255, 255, 255, 0.5);
}
.step-content .account-types .account-type-option .account-type-card {
  border-radius: 8px;
  border: 1px solid #d0d5dd;
  background: rgba(254, 254, 254, 0.5);
  padding: 1.6rem;
  margin-bottom: 1.6rem;
  position: relative;
  transition: all 0.3s ease;
}
@media screen and (min-width: 992px) {
  .step-content .account-types .account-type-option .account-type-card {
    padding: 2.4rem;
  }
}
.step-content .account-types .account-type-option .account-type-card .account-type-card-body .form-check-input {
  float: unset;
  position: absolute;
  top: 11.28px;
  margin: 0;
  width: 2.4rem;
  height: 2.4rem;
  border: 2.4px solid #003366;
  background: rgba(255, 255, 255, 0.5);
  opacity: 0.2;
}
.step-content .account-types .account-type-option .account-type-card .account-type-card-body .form-check-input:checked {
  background-color: var(--prussian-blue);
  border-color: var(--prussian-blue);
  color: white;
  opacity: 1;
}
.step-content .account-types .account-type-option .account-type-card .account-type-card-body .form-check-input:checked:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 12px;
  height: 9.6px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='12' viewBox='0 0 15 12' fill='none'%3E%3Cpath d='M1.5 8.0269L4.5 11.0814L13.5 1.48145' stroke='white' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
.step-content .account-types .account-type-option .account-type-card .account-type-card-body p.description {
  color: var(--neutral-grey);
  font-family: var(--font-body);
  font-size: var(--body-xs-size);
  font-weight: var(--font-weight-medium);
  line-height: 1.8rem;
  margin: 0;
}
.step-content .account-types .account-type-option .account-type-card .account-type-card-body .instrument-description {
  color: var(--neutral-grey);
  font-family: var(--font-body);
  font-size: var(--body-xs-size);
  font-weight: var(--font-weight-medium);
  line-height: 1.8rem;
  margin: 0.8rem 0 1.6rem 0;
}
.step-content .account-types .account-type-option .account-type-card .account-type-card-body .instrument-description strong {
  font-weight: var(--font-weight-medium);
}
.step-content .account-types .account-type-option .account-type-card .account-type-card-body .product-price {
  display: flex;
  gap: 0.8rem;
  font-size: 4rem;
  align-items: center;
  color: var(--prussian-blue);
  font-weight: var(--font-weight-bold);
  line-height: 6rem;
  text-transform: capitalize;
  margin: 0;
}
.step-content .account-types .account-type-option .account-type-card .account-type-card-body .product-price span {
  font-size: 1.6rem;
  font-weight: var(--font-weight-regular);
  line-height: 2.4rem;
}
.step-content .account-types .account-type-option .account-type-card .account-type-card-body p.billed {
  font-size: var(--body-medium-size);
  color: var(--neutral-grey);
  font-family: var(--font-heading);
  font-weight: var(--font-weight-medium);
  line-height: 2.4rem;
  margin: 0;
}
.step-content .account-types .account-type-option .account-type-card .account-type-card-body .form-check {
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: end;
}
.step-content .account-types .account-type-option .account-type-card .account-type-card-body .form-check .account-type-info {
  display: flex;
  align-items: center;
  gap: 1.6rem;
  margin-bottom: 1.6rem;
}
.step-content .account-types .account-type-option .account-type-card .account-type-card-body .form-check .account-type-info .account-type-icon {
  border-radius: 8px;
  background: var(--Blue-Colors-Prussian-Blue, #036);
  box-shadow: 0 7px 10.5px 0 rgba(0, 0, 0, 0.15);
  padding: 1.3rem;
}
.step-content .account-types .account-type-option .account-type-card .account-type-card-body .form-check .account-type-info .info h5 {
  margin-bottom: 0.8rem;
}
.step-content .account-types .account-type-option .account-type-card .account-type-card-body .form-check .view-benefits-link {
  color: var(--dodger-blue);
  font-family: var(--font-heading);
  font-size: var(--body-medium-size);
  font-weight: 600;
  line-height: 24px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.step-content .account-types .account-type-option .account-type-card .account-type-card-body .card-inner {
  gap: 2.4rem;
  flex-direction: column;
  align-items: start !important;
}
@media screen and (min-width: 992px) {
  .step-content .account-types .account-type-option .account-type-card .account-type-card-body .card-inner {
    flex-direction: row;
    align-items: center !important;
  }
}
.step-content .account-types .account-type-option .account-type-card .account-type-card-body .card-inner p {
  color: var(--Neutral-Colors-Black, #191d23);
  font-family: var(--font-body);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 157.143% */
  margin-bottom: 1.6rem;
}
.step-content .account-types .account-type-option .account-type-card .account-type-card-body .card-inner p strong {
  font-weight: 500;
}
.step-content .account-types .next-button {
  margin-top: 4.8rem;
}
.step-content .restricted-instruments .restricted-inner .restricted-header {
  margin-bottom: 4.8rem;
}
.step-content .restricted-instruments .restricted-inner .restricted-header h4 {
  margin-bottom: 1.2rem;
  text-align: left;
}
.step-content .restricted-instruments .restricted-inner .restricted-header p {
  margin: 0;
  font-weight: 500;
}
.step-content .restricted-instruments .restricted-inner .restricted-header p strong {
  font-weight: 700;
}
.step-content .restricted-instruments .instruments-buttons {
  flex-direction: column;
  gap: 2rem;
}
@media screen and (min-width: 767px) {
  .step-content .restricted-instruments .instruments-buttons {
    flex-direction: row;
  }
}
@media screen and (max-width: 767px) {
  .step-content .restricted-instruments .instruments-buttons .two-buttons button {
    width: 100%;
    margin-bottom: 2rem;
  }
}

.instrument-card {
  position: relative;
}
.instrument-card:hover:before {
  opacity: 1;
  visibility: visible;
}
.instrument-card .instrument-card-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.instrument-card .instrument-card-body {
  display: flex;
  border-radius: 16px;
  border: 1px solid var(--Neutral-Colors-Disable-Grey, #e1e4e7);
  background: var(--Neutral-Colors-White, #fff);
  padding: 2rem;
  margin-bottom: 2rem;
  gap: 2.4rem;
  row-gap: 4rem;
  align-items: flex-start;
  flex-wrap: wrap;
  position: relative;
  cursor: pointer;
}
.instrument-card .instrument-card-body:hover .--content .instrument-details .assigned {
  opacity: 1;
  visibility: visible;
}
.instrument-card .instrument-card-body .--image {
  flex: 1;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 992px) {
  .instrument-card .instrument-card-body .--image {
    flex: 0 0 21.6rem;
  }
}
.instrument-card .instrument-card-body .--image .badge-restricted {
  position: absolute;
  top: 1.2rem;
  right: 1.2rem;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.8rem;
  z-index: 2;
  color: var(--Blue-Colors-Prussian-Blue, #036);
  border-radius: 44px;
  background: var(--Neutral-Colors-White, #fff);
  font-family: Archivo;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  min-width: 10.1rem;
  justify-content: center;
  cursor: pointer;
}
.instrument-card .instrument-card-body .--image .badge-restricted svg {
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
}
.instrument-card .instrument-card-body .--image .badge-restricted .badge-tooltip {
  position: absolute;
  top: calc(100% + 1rem);
  right: 0;
  width: 20.4rem;
  padding: 0.8rem;
  background: var(--Neutral-Colors-White, #fff);
  border-radius: 12px;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
  color: var(--Blue-Colors-Prussian-Blue, #036);
  font-family: var(--font-general-sans);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  text-align: left;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 10;
}
.instrument-card .instrument-card-body .--image .badge-restricted .badge-tooltip::before {
  content: "";
  position: absolute;
  bottom: 100%;
  right: 2rem;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid var(--Neutral-Colors-White, #fff);
}
.instrument-card .instrument-card-body .--image .badge-restricted:hover .badge-tooltip {
  opacity: 1;
  visibility: visible;
}
.instrument-card .instrument-card-body .--content {
  flex: 100%;
}
@media screen and (min-width: 992px) {
  .instrument-card .instrument-card-body .--content {
    flex: 0 0 51.9rem;
  }
}
.instrument-card .instrument-card-body .--content p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: var(--body-small-size);
  line-height: 2.2rem;
  margin: 0;
}
.instrument-card .instrument-card-body .--content h5 {
  margin-bottom: 0.4rem;
}
.instrument-card .instrument-card-body .--content .instrument-details .instrument-access .btn-primary {
  padding: 0.8rem 2.4rem;
  min-width: 13.2rem;
  margin-top: 1.8rem;
}
.instrument-card .instrument-card-body .--content .instrument-details .assigned {
  border-radius: 44px;
  background: rgba(0, 51, 102, 0.05);
  padding: 0.4rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 3.2rem;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s all;
  opacity: 0;
  visibility: hidden;
}
.instrument-card .instrument-card-body .--content .instrument-details .under-review {
  margin-top: 1.8rem;
}
.instrument-card .instrument-card-body .--content .instrument-details .under-review .under-review-tag {
  display: inline-flex;
  align-items: center;
  gap: 0.9rem;
  color: var(--Blue-Colors-Prussian-Blue, #036);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  padding: 0.8rem 2rem;
  border-radius: 44px;
  background: var(--Blue-Colors-Alice-Blue, #ebf5ff);
}
.instrument-card .instrument-card-body .--content .instrument-certification {
  margin-top: 2rem;
}
.instrument-card .instrument-card-body .--content .instrument-certification .certification-buttons {
  gap: 2.4rem;
}
@media screen and (min-width: 992px) {
  .instrument-card .instrument-card-body .--content .instrument-certification .certification-buttons {
    flex-direction: row;
  }
}
.instrument-card .instrument-card-body .--content .instrument-certification .certification-buttons .form-check {
  border-radius: 100px;
  border: 1px solid var(--neutral-grey-5);
  padding: 0.72rem 2rem 0.72rem 4.4rem;
  text-align: center;
  min-height: unset;
  line-height: 0;
  margin: 0;
}
@media screen and (min-width: 992px) {
  .instrument-card .instrument-card-body .--content .instrument-certification .certification-buttons .form-check {
    width: auto;
    text-align: unset;
  }
}
.instrument-card .instrument-card-body .--content .instrument-certification .certification-buttons .form-check input {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M7.76758 1C11.7981 1 15.0352 4.15039 15.0352 8C15.0352 11.8496 11.7981 15 7.76758 15C3.73711 14.9999 0.5 11.8495 0.5 8C0.5 4.15046 3.73711 1.0001 7.76758 1Z' stroke='%23D0D5DD'/%3E%3C/svg%3E");
  width: 15px;
  height: 15px;
  border: 0;
  background-color: unset;
}
.instrument-card .instrument-card-body .--content .instrument-certification .certification-buttons .form-check input:checked {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' viewBox='0 0 17 16' fill='none'%3E%3Cpath d='M8.30322 1C12.3338 1 15.5708 4.15039 15.5708 8C15.5708 11.8496 12.3338 15 8.30322 15C4.27276 14.9999 1.03564 11.8495 1.03564 8C1.03564 4.15046 4.27276 1.0001 8.30322 1Z' stroke='%23D0D5DD'/%3E%3Cellipse cx='8.30562' cy='8' rx='3.62496' ry='3.5' fill='%23003366'/%3E%3C/svg%3E");
}
.instrument-card .instrument-card-body .--content .instrument-certification .certification-buttons .form-check label {
  color: var(--prussian-blue);
  font-family: var(--font-body);
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.2rem;
  margin: 0;
}
.instrument-card .instrument-card-body .restricted-instrument-checkbox {
  position: unset;
  margin-top: 1.6rem;
}
@media screen and (min-width: 992px) {
  .instrument-card .instrument-card-body .restricted-instrument-checkbox {
    position: absolute;
    right: 1.6rem;
    top: 1.6rem;
    margin-top: 0;
  }
}
.instrument-card .instrument-card-body .restricted-instrument-checkbox .form-check-input {
  width: 2.4rem;
  height: 2.4rem;
  border: 2.4px solid #003366;
  background: rgba(255, 255, 255, 0.5);
  opacity: 0.2;
  border-radius: 50rem;
  margin: 0;
}
.instrument-card .instrument-card-body .restricted-instrument-checkbox .form-check-input:checked {
  background-color: var(--prussian-blue);
  border-color: var(--prussian-blue);
  color: white;
  opacity: 1;
}
.instrument-card .instrument-card-body .restricted-instrument-checkbox .form-check-input:checked:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 12px;
  height: 9.6px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='12' viewBox='0 0 15 12' fill='none'%3E%3Cpath d='M1.5 8.0269L4.5 11.0814L13.5 1.48145' stroke='white' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
.instrument-card .instrument-card-body .trainer-certification-fields {
  display: flex;
  align-items: start;
  gap: 2rem;
  flex-wrap: wrap;
  flex-direction: column;
}
@media screen and (min-width: 992px) {
  .instrument-card .instrument-card-body .trainer-certification-fields {
    flex-direction: row;
    align-items: center;
  }
}
.instrument-card .instrument-card-body .trainer-certification-fields .field-item {
  flex: 1;
  width: 100%;
}
@media screen and (min-width: 1025px) {
  .instrument-card .instrument-card-body .trainer-certification-fields .field-item {
    flex: 0 0 25.13rem;
    width: auto;
  }
}
.instrument-card .instrument-card-body .trainer-certification-fields .field-item label {
  font-weight: 500;
  margin-bottom: 0.6rem;
  color: var(--neutral-black);
}
.instrument-card .instrument-card-body .trainer-certification-fields .field-item label span {
  color: #fe403e;
}
.instrument-card .instrument-card-body .trainer-certification-fields .field-item input,
.instrument-card .instrument-card-body .trainer-certification-fields .field-item select {
  border-radius: 0.8rem;
  padding: 1.12rem 1.6rem;
  margin: 0;
}
.instrument-card .instrument-card-body .trainer-certification-fields .field-item .select2-container .select2-selection--single {
  height: 4.8rem;
  border-radius: 0.8rem !important;
}
.instrument-card .instrument-card-body .--image .instrument-image img {
  width: 100%;
}

.registration-header .registration-header-content {
  display: flex;
  align-items: start;
  justify-content: center;
  gap: 0.6rem;
  max-width: 76.8rem;
  margin: 0 auto;
  padding: 4rem 0 4.8rem;
  flex-direction: column;
}
@media screen and (min-width: 992px) {
  .registration-header .registration-header-content {
    flex-direction: row;
    gap: 3.2rem;
    align-items: center;
  }
}
.registration-header .registration-header-content h1 {
  color: var(--prussian-blue);
  font-family: var(--font-heading);
  font-size: var(--h2-size);
  font-weight: var(--font-weight-bold);
  line-height: 5.4rem;
  text-transform: capitalize;
  margin: 0;
  text-align: left;
}
.registration-header .registration-header-content p {
  margin: 0;
  text-align: left;
}
.registration-header .registration-header-content p br {
  display: none;
}
@media screen and (min-width: 992px) {
  .registration-header .registration-header-content p br {
    display: block;
  }
}
.registration-header .registration-header-content span {
  width: 1px;
  height: 4.4rem;
  background-color: var(--neutral-grey-5);
  display: none;
}
@media screen and (min-width: 992px) {
  .registration-header .registration-header-content span {
    display: block;
  }
}
.registration-header .registration-header-content .register-subtitle strong {
  color: var(--prussian-blue);
  font-weight: 600;
}

.modal.benefits-modal .modal-content {
  max-width: 72.6rem;
  padding: 8rem 6rem;
}
.modal.benefits-modal .modal-content .modal-header {
  position: absolute;
  right: 2.4rem;
  top: 2.4rem;
}
.modal.benefits-modal .modal-content .modal-header button {
  outline: none;
  padding: 4px;
}
.modal.benefits-modal .modal-content .modal-body .benefits-content h4 {
  margin-bottom: 4.8rem;
}
.modal.benefits-modal .modal-content .modal-body h4 {
  color: var(--prussian-blue);
  font-family: var(--font-heading);
  font-size: var(--h2-size);
  font-weight: var(--font-weight-bold);
  line-height: 5.4rem;
  text-transform: capitalize;
  margin-bottom: 4.8rem;
}
.modal.benefits-modal .modal-content .modal-body ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.modal.benefits-modal .modal-content .modal-body ul li {
  color: var(--Neutral-Colors-Black, #191d23);
  letter-spacing: 0.32px;
  margin-bottom: 1.6rem;
  display: flex;
  align-items: flex-start;
  gap: 1.6rem;
}
.modal.benefits-modal .modal-content .modal-body ul li:last-child {
  margin: 0;
}
.modal.benefits-modal .modal-content .modal-body ul li::before {
  content: "";
  max-width: 2.4rem;
  width: 100%;
  height: 2.4rem;
  padding: 0.5rem 0.4rem;
  background-color: var(--prussian-blue);
  border-radius: 4px;
  padding: 0.5rem 0.4rem;
  display: inline-block;
  margin-right: 1.6rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M14 7.45143V8.00343C13.9993 9.29729 13.5803 10.5562 12.8056 11.5925C12.0309 12.6288 10.942 13.3869 9.70121 13.7538C8.46046 14.1206 7.13435 14.0766 5.92068 13.6282C4.70701 13.1798 3.67079 12.3511 2.96658 11.2657C2.26236 10.1803 1.92787 8.89627 2.01301 7.60522C2.09814 6.31417 2.59832 5.08523 3.43897 4.10168C4.27961 3.11813 5.41567 2.43266 6.67771 2.14752C7.93975 1.86238 9.26016 1.99284 10.442 2.51943' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 3L7.84615 9L6 7.2018' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  margin: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-size: 16px;
}
.modal.benefits-modal .modal-content .modal-footer button {
  margin: 0;
  min-width: 14.1rem;
}

/* ==========================================================================
   Profile Page Styles
   ========================================================================== */
.profile-page {
  padding: 40px 0;
  background-color: #f8f9fa;
  min-height: 100vh;
}

.mobile-sidebar-toggle {
  display: none;
  z-index: 1001;
  background: var(--dodger-blue);
  color: white;
  border: none;
  border-radius: 0.8rem;
  padding: 1rem 1.6rem;
  cursor: pointer;
  align-items: center;
  gap: 0.8rem;
  font-size: 1.4rem;
  font-weight: 500;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease;
  opacity: 1;
  visibility: visible;
  margin: 2rem 2rem 0;
}
.mobile-sidebar-toggle svg {
  width: 2rem;
  height: 2rem;
}
.mobile-sidebar-toggle:hover {
  background: var(--dodger-blue);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.mobile-sidebar-toggle:active {
  transform: translateY(0);
}
.mobile-sidebar-toggle.hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
@media (max-width: 767px) {
  .mobile-sidebar-toggle {
    display: flex;
  }
}

.sidebar-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.sidebar-overlay.active {
  display: block;
  opacity: 1;
}
@media (min-width: 768px) {
  .sidebar-overlay {
    display: none !important;
  }
}

@media (max-width: 767px) {
  body.sidebar-open {
    overflow: hidden;
  }
}

.profile-sidebar {
  background-color: #fff;
  padding: 3.2rem 0 0 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
}
.profile-sidebar .sidebar-close-btn {
  display: none;
  position: absolute;
  top: 1.6rem;
  right: 1.6rem;
  z-index: 10;
  background: transparent;
  border: none;
  color: var(--prussian-blue);
  cursor: pointer;
  padding: 0.8rem;
  border-radius: 0.4rem;
  transition: all 0.3s ease;
}
.profile-sidebar .sidebar-close-btn svg {
  width: 2.4rem;
  height: 2.4rem;
}
.profile-sidebar .sidebar-close-btn:hover {
  background: rgba(0, 51, 102, 0.1);
  transform: rotate(90deg);
}
.profile-sidebar .sidebar-close-btn:active {
  transform: rotate(90deg) scale(0.95);
}
@media (max-width: 767px) {
  .profile-sidebar .sidebar-close-btn {
    display: block;
  }
}
@media (max-width: 767px) {
  .profile-sidebar {
    position: fixed;
    top: 0;
    left: -100%;
    width: 80%;
    max-width: 30rem;
    height: 100vh;
    z-index: 1000;
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
    transition: left 0.3s ease;
    overflow-y: auto;
    z-index: 9999999;
  }
  .profile-sidebar.active {
    left: 0;
  }
}
.profile-sidebar .sidebar-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.profile-sidebar .sidebar-menu ul li a {
  color: var(--neutral-grey);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.32px;
  text-decoration: none;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  gap: 1.4rem;
  padding: 2rem 3.2rem;
}
.profile-sidebar .sidebar-menu ul li a svg {
  flex: 0 0 2.4rem;
}
.profile-sidebar .sidebar-menu ul li.active a {
  color: var(--prussian-blue);
  font-weight: 500;
}
.profile-sidebar .sidebar-menu ul li:hover a {
  background-color: #f8f9fa;
}
.profile-sidebar .sidebar-menu ul li.logout-item {
  margin-top: 30px;
}
.profile-sidebar .sidebar-menu ul li.logout-item a {
  color: #dc3545;
}
.profile-sidebar .sidebar-menu ul li.active {
  background: var(--alice-blue);
}
.profile-sidebar .sidebar-footer {
  padding: 0 3.2rem;
}
.profile-sidebar .sidebar-footer .logout {
  margin: 4rem 0 3.2rem;
}
.profile-sidebar .sidebar-footer .logout a {
  color: var(--neutral-grey, #4b4b4b);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.32px;
  display: flex;
  align-items: center;
  gap: 1.4rem;
}
.profile-sidebar .sidebar-footer .privacy {
  padding: 1.2rem 0 2.4rem;
  display: flex;
  gap: 0.8rem;
  align-items: center;
}
.profile-sidebar .sidebar-footer .privacy span {
  color: var(--neutral-grey-5);
}
.profile-sidebar .sidebar-footer .privacy a {
  color: var(--neutral-grey-2);
  font-family: var(--font-body);
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.8rem;
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
}

.profile-content {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  padding: 30px;
}
.profile-content .profile-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e9ecef;
}
.profile-content .profile-header h1 {
  margin: 0;
  font-size: 28px;
  font-weight: 600;
}
.profile-content .profile-header .account-type {
  font-size: 16px;
  color: #6c757d;
  margin: 0;
}
.profile-content .profile-details h2 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 20px;
}
.profile-content .profile-form-container {
  margin-top: 20px;
}
.profile-content .form-label {
  font-weight: 500;
  color: #495057;
}
.profile-content .student-id-preview {
  margin-top: 10px;
}
.profile-content .student-id-upload {
  padding: 20px;
  border: 2px dashed #dee2e6;
  border-radius: 4px;
  text-align: center;
  color: #6c757d;
  margin-top: 10px;
}

/* User Instruments Page Styles */
.dashboard-page {
  background-color: var(--neutral-grey-6);
  position: relative;
  /* Tabs Styling */
}
.dashboard-page .right-content {
  padding: 4rem 0;
  background: var(--Neutral-Colors-Grey-BG, #fafafa);
  max-width: 96.2rem;
  margin: 0;
}
@media screen and (min-width: 992px) {
  .dashboard-page .right-content {
    margin: 0 5.8rem 0 7rem;
  }
}
.dashboard-page .right-content .--inner {
  border-radius: 16px;
  background: var(--Neutral-Colors-White, #fff);
  padding: 4rem 2.4rem;
}
.dashboard-page .right-content .--inner .--header {
  margin-bottom: 2.4rem;
}
.dashboard-page .right-content .--inner .--header h1 {
  font-family: var(--font-heading);
  font-size: var(--h2-size);
  font-weight: var(--font-weight-bold);
  line-height: 5.4rem;
  text-transform: capitalize;
  margin: 0;
}
.dashboard-page .right-content .--inner .--header .--content h1 {
  margin-bottom: 0.4rem;
}
.dashboard-page .right-content .--inner .--header .--content p {
  font-weight: 600;
  opacity: 0.5;
  margin: 0;
}
.dashboard-page .right-content .--inner .--header .profile-actions .btn {
  padding: 0.8rem 2.4rem;
  margin-top: 1.6rem;
}
@media screen and (min-width: 992px) {
  .dashboard-page .right-content .--inner .--header .profile-actions .btn {
    margin-top: 0;
  }
}
.dashboard-page .right-content .--inner .settings-section {
  margin-bottom: 6.4rem;
}
.dashboard-page .right-content .--inner .settings-section:last-child {
  margin: 0;
}
.dashboard-page .right-content .--inner .settings-section h4 {
  padding: 2rem 0;
  border-bottom: 1px solid var(--Neutral-Colors-Card-Stroke-Grey, #d0d5dd);
  margin: 0 0 4rem;
}
.dashboard-page .right-content .--inner .settings-section form .form-control {
  margin-bottom: 4rem;
}
.dashboard-page .right-content .--inner .settings-section .btn {
  padding: 1.2rem 2.4rem;
}
.dashboard-page .right-content .--inner .settings-section .student-id-preview {
  padding: 1.6rem;
  border-radius: 4px;
  border: 1px dashed var(--neutral-grey-5);
}
.dashboard-page .right-content .--inner .settings-section .student-id-preview a {
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  color: var(--dodger-blue);
  font-size: var(--body-medium-size);
  font-weight: 600;
  line-height: 24px;
  text-decoration-line: underline;
  font-family: var(--font-body);
}
@media screen and (max-width: 992px) {
  .dashboard-page .right-content .--inner .settings-section .form-actions .btn {
    width: 100%;
  }
}
.dashboard-page .right-content .--inner .settings-section .form-actions .btn-outline {
  padding: 1.12rem 2.4rem;
  margin-bottom: 1.6rem;
}
@media screen and (min-width: 992px) {
  .dashboard-page .right-content .--inner .settings-section .form-actions .btn-outline {
    margin-right: 2.4rem;
    margin-bottom: 0;
  }
}
.dashboard-page .right-content .--inner .settings-section .section-header .status-badge {
  font-size: 1.8rem;
  font-weight: 500;
  background: var(--dodger-blue);
  padding: 1rem 2rem;
  border-radius: 0.8rem;
  color: #fff;
}
.dashboard-page .right-content .--inner .settings-section .section-header .status-badge svg {
  width: 2.4rem;
  height: 2.4rem;
}
.dashboard-page .right-content .--inner .settings-section .section-header .status-badge svg path:first-child {
  fill: transparent;
  stroke: #fff;
}
.dashboard-page .right-content .--inner .settings-section .status-card .status-body .membership-info .info-item {
  margin-bottom: 0.8rem;
}
.dashboard-page .right-content .--inner .settings-section .status-card .status-body .membership-info .info-item:last-child {
  margin-bottom: 0;
}
.dashboard-page .right-content .--inner .settings-section .status-card .status-body .membership-info .info-item .label {
  font-weight: 500;
}
.dashboard-page .right-content .--inner .instruments-tabs {
  margin-bottom: 3.2rem;
  display: flex;
  align-items: center;
  gap: 0.8rem;
  padding: 0.8rem;
  overflow-x: auto;
  white-space: nowrap;
}
.dashboard-page .right-content .--inner .instruments-tabs .tab-link {
  display: block;
  text-align: center;
  background-color: var(--alice-blue);
  color: var(--neutral-grey);
  text-decoration: none;
  font-weight: 400;
  transition: all 0.3s ease;
  border-radius: 4px;
  flex: 1;
  padding: 1.6rem;
}
@media screen and (min-width: 1025px) {
  .dashboard-page .right-content .--inner .instruments-tabs .tab-link {
    padding: 1.6rem 4rem;
    flex: 0 0 29.4rem;
  }
}
.dashboard-page .right-content .--inner .instruments-tabs .tab-link:hover {
  background-color: var(--alice-blue);
  color: var(--neutral-grey);
  text-decoration: none;
}
.dashboard-page .right-content .--inner .instruments-tabs .tab-link.active {
  background-color: var(--prussian-blue);
  color: white;
}
.dashboard-page .right-content .delete-account {
  padding: 3.2rem 2.4rem;
}
.dashboard-page .right-content .delete-account h5 {
  margin-bottom: 0.8rem;
  color: var(--neutral-black);
}
.dashboard-page .right-content .delete-account p {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin: 0;
}
.dashboard-page .right-content .delete-account .btn {
  padding: 1.2rem 2.4rem;
  border: 1px solid var(--error-state-text);
  color: var(--error-state-text);
  font-weight: 500;
  margin-top: 2.4rem;
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.dashboard-page .right-content .delete-account .btn:hover {
  background-color: var(--error-state-text);
  color: white;
}
.dashboard-page .right-content .delete-account .btn:hover svg path {
  stroke: white;
}
.dashboard-page .right-content .delete-account .btn:active, .dashboard-page .right-content .delete-account .btn:focus {
  background-color: var(--error-state-text);
  color: white;
}
.dashboard-page .right-content .delete-account .btn:active svg path, .dashboard-page .right-content .delete-account .btn:focus svg path {
  stroke: white;
}
.dashboard-page .instrument-card {
  position: relative;
}
.dashboard-page .instrument-card:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 32px;
  width: 32px;
  height: 32px;
  z-index: 0;
  background-image: url(../images/bluearrow.svg);
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  z-index: 2;
  transform: translateY(-50%);
}
.dashboard-page .instrument-card:hover:before {
  opacity: 1;
  visibility: visible;
}
.dashboard-page .instrument-card .select2-container .select2-selection--single {
  border-radius: 0.8rem !important;
}

#trainerCertificationFields .select2-container .select2-selection--single {
  border-radius: 0.8rem !important;
}
#trainerCertificationFields .select2-container .select2-selection--single .select2-selection__rendered {
  color: #191d23;
}

.page-template-profile .dashboard-page .right-content .select2-container {
  margin-bottom: 40px;
}
.page-template-profile .dashboard-page .right-content .--inner .--header {
  margin-bottom: 4rem;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  flex-wrap: wrap;
}
.page-template-profile .dashboard-page .right-content .--inner .--header .--content .account-type {
  text-transform: capitalize;
}

.settings-page {
  padding: 20px 0;
  min-height: 100vh;
  background-color: #f8f9fa;
}
.settings-page .settings-content {
  background: white;
  border-radius: 8px;
  padding: 30px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.settings-page .settings-header {
  margin-bottom: 30px;
  border-bottom: 1px solid #eee;
  padding-bottom: 20px;
}
.settings-page .settings-header h1 {
  color: #333;
  font-size: 2rem;
  font-weight: 600;
  margin: 0;
}
.settings-page .settings-section {
  margin-bottom: 40px;
  padding: 25px;
  border-radius: 8px;
  background: #fff;
}
.settings-page .settings-section h2 {
  color: #333;
  font-size: 1.6rem;
  font-weight: 600;
  margin-bottom: 20px;
  padding-bottom: 10px;
}
.settings-page .settings-form {
  margin-top: 20px;
}
.settings-page .form-group {
  margin-bottom: 20px;
}
.settings-page .form-group label {
  display: block;
  margin-bottom: 8px;
  font-weight: 500;
  color: #333;
}
.settings-page .form-control {
  width: 100%;
  padding: 12px 15px;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 14px;
  transition: border-color 0.3s ease;
}
.settings-page .form-control:focus {
  outline: none;
  border-color: #007bff;
  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
}
.settings-page .alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 6px;
}
.settings-page .alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}
.settings-page .alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}
.settings-page .text-muted {
  color: #6c757d;
  font-size: 14px;
  line-height: 1.5;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}
.modal .modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(25, 29, 35, 0.75);
}
.modal .modal-content {
  background: white;
  border-radius: 1.6rem;
  width: 100%;
  max-width: 96rem;
  padding: 4rem;
  margin-top: 5rem;
}
.modal .modal-content .modal-header {
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 0;
}
.modal .modal-content .modal-header h4 {
  margin-bottom: 1.6rem;
}
.modal .modal-content .modal-header .modal-close {
  position: absolute;
  right: 2.4rem;
  top: 2.4rem;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0.6rem;
  width: 2.4rem;
  height: 2.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: background-color 0.2s ease;
}
.modal .modal-content .modal-header .modal-close:hover {
  background-color: var(--prussian-blue);
}
.modal .modal-content .modal-header .modal-close:hover svg path {
  stroke: white;
}
.modal .modal-content .modal-body {
  padding: 0;
}
.modal .modal-content .modal-body p {
  color: var(--neutral-grey);
  font-weight: 600;
  margin: 0;
}
.modal .modal-content .modal-footer {
  padding: 0;
  border: 0;
  margin-top: 4.8rem;
}
.modal .modal-content .modal-footer form {
  display: flex;
  justify-content: center;
  gap: 2.4rem;
  width: 100%;
}

#deleteAccountModal .modal-content {
  max-width: 48rem;
  margin: auto;
  top: 50%;
  transform: translateY(-50%);
}
#deleteAccountModal .modal-content .modal-header h3 {
  margin-bottom: 1.6rem;
  font-weight: 500;
}

/* ===================================
   Custom Checkout Page Styles
   =================================== */
.woocommerce-checkout .box-layout-content {
  padding: 8rem 0 8rem 0;
}

.custom-checkout-container {
  padding: 0rem;
}
@media screen and (min-width: 992px) {
  .custom-checkout-container {
    padding: 0 7rem;
  }
}
.custom-checkout-container .checkout-section .form-row-first {
  width: 100%;
  padding: 1.12rem;
}
.custom-checkout-container .checkout-section .form-row-last {
  width: 100%;
}

.checkout-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  align-items: start;
}
@media screen and (min-width: 1025px) {
  .checkout-wrapper {
    grid-template-columns: 550px 1fr;
  }
}
.checkout-wrapper .checkout-left-panel {
  position: relative;
  top: 0;
  margin-bottom: 3rem;
}
@media screen and (min-width: 1025px) {
  .checkout-wrapper .checkout-left-panel {
    position: sticky;
    top: 20px;
    margin-bottom: 0;
  }
}
.checkout-wrapper .checkout-left-panel .order-summary-card {
  border-radius: 16px;
  border: 1px solid var(--Neutral-Colors-Card-Stroke-Grey, #d0d5dd);
  background: var(--gradient-base-2-with-no-opacity, linear-gradient(139deg, #fefefe 0%, #ebf5ff 99.2%));
  padding: 6rem 4rem;
}
.checkout-wrapper .checkout-left-panel .order-summary-card .card-icon {
  width: 8rem;
  height: 8rem;
  border-radius: 0.8rem;
  background: var(--prussian-blue);
  box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 4rem;
  padding: 1.7rem 2.1rem;
}
.checkout-wrapper .checkout-left-panel .order-summary-card .account-info {
  margin-bottom: 4rem;
}
.checkout-wrapper .checkout-left-panel .order-summary-card .account-info h3 {
  color: var(--Blue-Colors-Prussian-Blue, #036);
  font-family: var(--font-heading);
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
  letter-spacing: 0.48px;
  text-transform: capitalize;
  margin: 0;
}
.checkout-wrapper .checkout-left-panel .order-summary-card .account-info h4 {
  font-weight: 500;
}
.checkout-wrapper .checkout-left-panel .order-summary-card .account-info p {
  margin: 0 0 0 0;
  border-bottom: 1px solid var(--dodger-blue);
  padding-bottom: 1.2rem;
  max-width: 34.7rem;
  font-size: 1.4rem;
  line-height: 22px;
}
.checkout-wrapper .checkout-left-panel .order-summary-card .instruments-section h6 {
  margin-bottom: 0.8rem;
  font-weight: 700;
}
.checkout-wrapper .checkout-left-panel .order-summary-card .instruments-section .instruments-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin-bottom: 12rem;
}
.checkout-wrapper .checkout-left-panel .order-summary-card .instruments-section .instruments-tags .instrument-tag {
  color: var(--neutral-black);
  padding: 6px 12px;
  border-radius: 10rem;
  font-size: 1.2rem;
  font-weight: 500;
  border: 1px solid var(--neutral-grey-5);
}
.checkout-wrapper .checkout-left-panel .order-summary-card .pricing-details .price-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem;
}
.checkout-wrapper .checkout-left-panel .order-summary-card .pricing-details .price-row span {
  color: var(--neutral-grey);
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 24px; /* 150% */
  letter-spacing: 0.32px;
}
.checkout-wrapper .checkout-left-panel .order-summary-card .pricing-details .price-row.total-row {
  margin: 0;
}
.checkout-wrapper .checkout-left-panel .order-summary-card .pricing-details .price-row.total-row span {
  font-family: var(--font-heading);
  font-size: 2rem;
  font-weight: 700;
  line-height: 3rem;
  text-transform: capitalize;
  margin: 0;
}
.checkout-wrapper .checkout-right-panel {
  max-width: 100%;
  margin: 0;
}
@media screen and (min-width: 1025px) {
  .checkout-wrapper .checkout-right-panel {
    max-width: 52rem;
    margin: 1.6rem 0rem 0 9rem;
  }
}
.checkout-wrapper .checkout-right-panel form .form-row {
  padding: 0;
  margin: 0;
}
.checkout-wrapper .checkout-right-panel form .form-row label {
  margin-bottom: 0.4rem;
  color: var(--neutral-grey-2);
  font-family: var(--font-heading);
  font-size: var(--body-medium-size);
  font-weight: 500;
  line-height: 24px;
}
.checkout-wrapper .checkout-right-panel form .form-row select,
.checkout-wrapper .checkout-right-panel form .form-row .input-text {
  border-radius: 4px !important;
  border: 1px solid var(--neutral-grey-5) !important;
  background: var(--Neutral-Colors-White, #fff) !important;
  transition: border-color 0.3s ease;
  font-size: var(--body-medium-size) !important;
  font-weight: 600 !important;
  line-height: 24px !important;
  padding: 1.12rem !important;
}
.checkout-wrapper .checkout-right-panel form .form-row select:focus,
.checkout-wrapper .checkout-right-panel form .form-row .input-text:focus {
  outline: none;
  border-color: var(--dodger-blue);
  box-shadow: 0 0 0 3px rgba(45, 156, 219, 0.1);
}
.checkout-wrapper .checkout-right-panel form .form-row select::-moz-placeholder, .checkout-wrapper .checkout-right-panel form .form-row .input-text::-moz-placeholder {
  color: var(--neutral-grey-3);
}
.checkout-wrapper .checkout-right-panel form .form-row select::placeholder,
.checkout-wrapper .checkout-right-panel form .form-row .input-text::placeholder {
  color: var(--neutral-grey-3);
}
.checkout-wrapper .checkout-right-panel form .form-row .input-text {
  border-radius: 4px;
  border: 1px solid var(--neutral-grey-5);
  background: var(--Neutral-Colors-White, #fff);
  transition: border-color 0.3s ease;
  font-size: var(--body-medium-size);
  font-weight: 600;
  line-height: 24px;
  padding: 1.52rem;
}
.checkout-wrapper .checkout-right-panel form .form-row p#billing_email_field {
  margin: 0 0 2.4rem 0;
}
.checkout-wrapper .checkout-right-panel form .checkout-section {
  margin-bottom: 40px;
}
.checkout-wrapper .checkout-right-panel form .checkout-section h4 {
  margin-bottom: 2.4rem;
}
.checkout-wrapper .checkout-right-panel form .form-row-group {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2.4rem;
  margin-bottom: 2.4rem;
}

/* Left Panel - Order Summary */
/* Right Panel - Form */
/* Payment Section Styles */
.wc_payment_methods {
  list-style: none;
  padding: 0;
  margin: 0 0 20px 0;
}

.wc_payment_method {
  background: #f8f9fa;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  margin-bottom: 10px;
  overflow: hidden;
}

.wc_payment_method label {
  display: block;
  padding: 15px 20px;
  cursor: pointer;
  font-weight: 500;
  margin: 0;
}

.wc_payment_method input[type=radio] {
  margin-right: 10px;
  width: auto;
}

.payment_box {
  padding: 20px;
  background: white;
  border-top: 1px solid #e0e0e0;
}

/* Complete Purchase Button */
.complete-purchase-btn {
  width: 100%;
  background: #2d9cdb;
  color: white;
  border: none;
  padding: 16px 24px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.3s ease;
  margin-top: 20px;
}

.complete-purchase-btn:hover {
  background: #1976d2;
  color: white;
}

.complete-purchase-btn:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(45, 156, 219, 0.3);
}

.no-subscription-message .message-card .subscription-benefits h4 {
  margin-bottom: 1.6rem;
}
.no-subscription-message .message-card .subscription-benefits ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.no-subscription-message .message-card .subscription-benefits ul li {
  margin-bottom: 0.8rem;
}
.no-subscription-message .message-card .subscription-benefits ul li:last-child {
  margin: 0;
}
.no-subscription-message .message-card .action-buttons {
  margin-top: 2rem;
}

.subscription-page {
  background-color: #f8fafc;
  min-height: 100vh;
  padding: 2rem 0;
}
.subscription-page .subscription-content .subscription-header {
  margin-bottom: 2rem;
}
.subscription-page .subscription-content .subscription-header h1 {
  color: #1a1a1a;
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.subscription-page .subscription-content .subscription-header .subtitle {
  color: #6b7280;
  font-size: 1.5rem;
  margin: 0;
}
.subscription-page .subscription-content .subscription-section {
  margin-bottom: 2rem;
}
.subscription-page .subscription-content .subscription-section .section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}
.subscription-page .subscription-content .subscription-section .section-header h2 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  color: #1a1a1a;
  font-size: 1.8rem;
  font-weight: 600;
  margin: 0;
}
.subscription-page .subscription-content .subscription-section .section-header h2 svg {
  width: 20px;
  height: 20px;
  color: #6b7280;
}
.subscription-page .subscription-content .subscription-section .section-header .status-badge {
  padding: 0.375rem 0.75rem;
  border-radius: 6px;
  font-size: 1.6rem;
  font-weight: 500;
}
.subscription-page .subscription-content .subscription-section .section-header .status-badge.active {
  background: #dcfce7;
  color: #166534;
}
.subscription-page .subscription-content .active-subscriptions .subscriptions-grid {
  display: grid;
  gap: 1.5rem;
}
@media (min-width: 768px) {
  .subscription-page .subscription-content .active-subscriptions .subscriptions-grid {
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  }
}
.subscription-page .subscription-content .active-subscriptions .subscription-card {
  background: white;
  border-radius: 12px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  transition: all 0.2s ease;
}
.subscription-page .subscription-content .active-subscriptions .subscription-card:hover {
  box-shadow: 0 10px 25px -3px rgba(0, 0, 0, 0.1);
  transform: translateY(-2px);
}
.subscription-page .subscription-content .active-subscriptions .subscription-card .card-header {
  padding: 1.5rem 1.5rem 1rem;
  border-bottom: 1px solid #e5e7eb;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.subscription-page .subscription-content .active-subscriptions .subscription-card .card-header h3 {
  color: #1a1a1a;
  font-size: 1.8rem;
  font-weight: 600;
  margin: 0;
}
.subscription-page .subscription-content .active-subscriptions .subscription-card .card-header .status-badge {
  padding: 0.25rem 0.75rem;
  border-radius: 6px;
  font-size: 1.15rem;
  font-weight: 500;
  text-transform: uppercase;
}
.subscription-page .subscription-content .active-subscriptions .subscription-card .card-header .status-badge.success {
  background: #dcfce7;
  color: #166534;
}
.subscription-page .subscription-content .active-subscriptions .subscription-card .card-body {
  padding: 1.5rem;
}
.subscription-page .subscription-content .active-subscriptions .subscription-card .card-body .subscription-details {
  margin-bottom: 1.5rem;
}
.subscription-page .subscription-content .active-subscriptions .subscription-card .card-body .subscription-details .detail-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0;
  border-bottom: 1px solid #f3f4f6;
}
.subscription-page .subscription-content .active-subscriptions .subscription-card .card-body .subscription-details .detail-item:last-child {
  border-bottom: none;
}
.subscription-page .subscription-content .active-subscriptions .subscription-card .card-body .subscription-details .detail-item .label {
  color: #000;
}
.subscription-page .subscription-content .active-subscriptions .subscription-card .card-body .subscription-details .detail-item .value {
  color: #1a1a1a;
  font-weight: 500;
}
.subscription-page .subscription-content .no-subscription .no-subscription-card {
  background: white;
  border-radius: 12px;
  padding: 3rem;
  text-align: center;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.subscription-page .subscription-content .no-subscription .no-subscription-card .icon-container {
  margin-bottom: 1.5rem;
}
.subscription-page .subscription-content .no-subscription .no-subscription-card .icon-container svg {
  width: 48px;
  height: 48px;
  margin: 0 auto;
  display: block;
}
.subscription-page .subscription-content .no-subscription .no-subscription-card h3 {
  color: #1a1a1a;
  font-size: 1.8rem;
  font-weight: 600;
  margin-bottom: 1rem;
}
.subscription-page .subscription-content .no-subscription .no-subscription-card p {
  color: #6b7280;
  font-size: 1.4rem;
  margin-bottom: 2rem;
  line-height: 1.6;
}
.subscription-page .subscription-content .subscription-history .history-table {
  background: white;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.subscription-page .subscription-content .subscription-history .history-table .table-header {
  background: #f9fafb;
  padding: 1rem 1.5rem;
  display: grid;
  grid-template-columns: 1fr 2fr 1fr 1fr 1fr 1fr 1fr;
  gap: 1rem;
  font-weight: 600;
  color: #374151;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .subscription-page .subscription-content .subscription-history .history-table .table-header {
    display: none;
  }
}
.subscription-page .subscription-content .subscription-history .history-table .table-row {
  padding: 1rem 1.5rem;
  display: grid;
  grid-template-columns: 1fr 2fr 1fr 1fr 1fr 1fr 1fr;
  gap: 1rem;
  align-items: center;
  border-bottom: 1px solid #f3f4f6;
  transition: background-color 0.2s ease;
}
.subscription-page .subscription-content .subscription-history .history-table .table-row:hover {
  background: #f9fafb;
}
.subscription-page .subscription-content .subscription-history .history-table .table-row:last-child {
  border-bottom: none;
}
@media (max-width: 768px) {
  .subscription-page .subscription-content .subscription-history .history-table .table-row {
    grid-template-columns: 1fr;
    gap: 0.5rem;
  }
  .subscription-page .subscription-content .subscription-history .history-table .table-row > div {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .subscription-page .subscription-content .subscription-history .history-table .table-row > div:before {
    content: attr(data-label);
    font-weight: 600;
    color: #6b7280;
    font-size: 0.875rem;
  }
}
.subscription-page .subscription-content .subscription-history .history-table .table-row .order-id {
  font-weight: 500;
  color: #2d9cdb;
}
.subscription-page .subscription-content .subscription-history .history-table .table-row .product-name {
  color: #1a1a1a;
  font-weight: 500;
}
.subscription-page .subscription-content .subscription-history .history-table .table-row .order-date {
  color: #6b7280;
  font-size: 1.2rem;
}
.subscription-page .subscription-content .subscription-history .history-table .table-row .status-badge {
  padding: 0.25rem 0.75rem;
  border-radius: 6px;
  font-size: 0.75rem;
  font-weight: 500;
  text-transform: uppercase;
  display: inline-block;
}
.subscription-page .subscription-content .subscription-history .history-table .table-row .status-badge.completed {
  background: #dcfce7;
  color: #166534;
}
.subscription-page .subscription-content .subscription-history .history-table .table-row .status-badge.processing {
  background: #dbeafe;
  color: #1e40af;
}
.subscription-page .subscription-content .subscription-history .history-table .table-row .status-badge.pending {
  background: #fef3c7;
  color: #92400e;
}
.subscription-page .subscription-content .subscription-history .history-table .table-row .status-badge.on-hold {
  background: #fce7f3;
  color: #be185d;
}
.subscription-page .subscription-content .subscription-history .history-table .table-row .order-total {
  font-weight: 600;
  color: #1a1a1a;
}
@media (max-width: 768px) {
  .subscription-page {
    padding: 1rem 0;
  }
  .subscription-page .subscription-content .subscription-header h1 {
    font-size: 1.75rem;
  }
  .subscription-page .subscription-content .subscription-header .subtitle {
    font-size: 1rem;
  }
  .subscription-page .subscription-content .active-subscriptions .subscription-card .card-actions {
    flex-direction: column;
  }
  .subscription-page .subscription-content .active-subscriptions .subscription-card .card-actions .btn {
    width: 100%;
  }
  .subscription-page .subscription-content .no-subscription .no-subscription-card {
    padding: 2rem 1.5rem;
  }
  .subscription-page .subscription-content .no-subscription .no-subscription-card .action-buttons {
    flex-direction: column;
  }
  .subscription-page .subscription-content .no-subscription .no-subscription-card .action-buttons .btn {
    width: 100%;
    justify-content: center;
  }
}

.subscription-plans-wrapper {
  background: var(--Green-Gradient-BG, radial-gradient(57.25% 47.86% at 50% 50%, rgba(0, 128, 128, 0) 0%, rgba(0, 128, 128, 0.08) 100%));
  min-height: 100vh;
  padding: 6rem 0;
}
@media (min-width: 992px) {
  .subscription-plans-wrapper {
    padding: 12rem 0;
  }
}
.subscription-plans-wrapper .subscription-hero {
  margin-bottom: 4rem;
}
@media (min-width: 992px) {
  .subscription-plans-wrapper .subscription-hero {
    margin-bottom: 8rem;
  }
}
.subscription-plans-wrapper .subscription-hero h1 {
  margin-bottom: 2.4rem;
}
.subscription-plans-wrapper .subscription-hero p {
  color: var(--Blue-Colors-Prussian-Blue, #036);
  margin: 0;
}
.subscription-plans-wrapper .subscription-hero p strong {
  font-weight: 600;
}
.subscription-plans-wrapper .subscription-plans-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 2rem;
}
@media (min-width: 992px) {
  .subscription-plans-wrapper .subscription-plans-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1200px) {
  .subscription-plans-wrapper .subscription-plans-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
.subscription-plans-wrapper .subscription-plan-card {
  display: inline-block;
  border-radius: 8px;
  border: 1px solid var(--Neutral-Colors-Disable-Grey, #e1e4e7);
  padding: 3.2rem;
  text-align: center;
  transition: all 0.2s ease;
}
.subscription-plans-wrapper .subscription-plan-card:hover {
  border: 1px solid var(--blue-colors-denim-stroke-selection, #1e5aa8);
}
.subscription-plans-wrapper .subscription-plan-card .plan-icon {
  border-radius: 8px;
  box-shadow: 0 6px 9px 0 rgba(0, 0, 0, 0.15);
  margin-bottom: 1.6rem;
  display: inline-block;
}
.subscription-plans-wrapper .subscription-plan-card h3 {
  margin-bottom: 2rem;
  font-weight: 500;
}
.subscription-plans-wrapper .subscription-plan-card h4 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
}
.subscription-plans-wrapper .subscription-plan-card h4 .currency {
  color: var(--Blue-Colors-Prussian-Blue, #036);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-left: 0.8rem;
}
.subscription-plans-wrapper .subscription-plan-card .plan-billing {
  color: var(--Neutral-Colors-Primary-Grey, #4b4b4b);
  font-weight: 500;
  margin-bottom: 0;
}
.subscription-plans-wrapper .subscription-plan-card .plan-button {
  border-radius: 45px;
  background: var(--Blue-Colors-Dodger-Blue, #2f80ed);
  color: var(--Neutral-Colors-White, #fff);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  padding: 0.8rem 3.2rem;
  cursor: pointer;
  margin-top: 4.8rem;
  display: inline-block;
  border: none;
}
.subscription-plans-wrapper .subscription-plan-card .plan-button.btn-active {
  border-radius: 45px;
  color: var(--Neutral-Colors-Disable-Text-Grey, #b3b7bd);
  background: var(--Neutral-Colors-Disable-Grey, #e1e4e7);
  pointer-events: none;
  cursor: default;
}
.subscription-plans-wrapper .subscription-plan-card .plan-button.btn-upgrade {
  background: var(--Blue-Colors-Dodger-Blue, #2f80ed);
  color: var(--Neutral-Colors-White, #fff);
}
.subscription-plans-wrapper .subscription-plan-card .plan-button.btn-upgrade:hover {
  background: var(--Blue-Colors-Dodger-Blue, #2f80ed);
  transform: translateY(-1px);
  text-decoration: none;
  color: white;
}
.subscription-plans-wrapper .subscription-plan-card .plan-button.btn-downgrade {
  background: var(--Neutral-Colors-Disable-Grey, #e1e4e7);
  color: var(--Neutral-Colors-Primary-Grey, #4b4b4b);
  cursor: not-allowed;
  opacity: 0.6;
  position: relative;
}
.subscription-plans-wrapper .subscription-plan-card .plan-button.btn-downgrade:hover {
  background: var(--Neutral-Colors-Disable-Grey, #e1e4e7);
  transform: none;
  opacity: 1;
  color: var(--Neutral-Colors-Disable-Text-Grey, #b3b7bd);
}
.subscription-plans-wrapper .subscription-plan-card .plan-button.btn-downgrade .button-tooltip {
  position: absolute;
  bottom: calc(100% + 0.1rem);
  left: 50%;
  transform: translateX(-50%);
  padding: 1.2rem;
  background: var(--Blue-Colors-Prussian-Blue, #036);
  color: var(--Neutral-Colors-White, #fff);
  border-radius: 8px;
  font-family: var(--font-archivo);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 10;
}
.subscription-plans-wrapper .subscription-plan-card .plan-button.btn-downgrade .button-tooltip::after {
  content: "";
  position: absolute;
  top: 100%;
  right: 2.4rem;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid var(--Blue-Colors-Prussian-Blue, #036);
}
.subscription-plans-wrapper .subscription-plan-card .plan-button.btn-downgrade:hover .button-tooltip {
  opacity: 1;
  visibility: visible;
}
.subscription-plans-wrapper .subscription-plan-card .plan-button.btn-pending {
  background: var(--Blue-Colors-Dodger-Blue, #2f80ed);
  color: var(--Neutral-Colors-White, #fff);
  cursor: default;
  opacity: 0.8;
  animation: pulse 2s infinite;
}
.subscription-plans-wrapper .subscription-plan-card .plan-button.btn-pending:hover {
  background: var(--Blue-Colors-Dodger-Blue, #2f80ed);
  transform: none;
  color: var(--Neutral-Colors-White, #fff);
}
.subscription-plans-wrapper .subscription-plan-card .--benefits {
  text-align: center;
  margin-top: 1.6rem;
}
.subscription-plans-wrapper .subscription-plan-card .view-benefits-link {
  color: var(--Blue-Colors-Dodger-Blue, #2f80ed);
  font-weight: 600;
  text-decoration-line: underline;
  text-decoration-style: solid;
}
.subscription-plans-wrapper .subscription-plan-card .view-benefits-link:hover {
  color: var(--Blue-Colors-Prussian-Blue, #036);
  text-decoration: underline;
}
.subscription-plans-wrapper .no-plans-message {
  text-align: center;
  padding: 3rem;
}
.subscription-plans-wrapper .no-plans-message p {
  font-size: 1.125rem;
  color: #6b7280;
}
@keyframes pulse {
  0% {
    opacity: 0.8;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.8;
  }
}
.subscription-plans-wrapper .benefits-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
}
.subscription-plans-wrapper .benefits-modal .modal-content {
  background: white;
  border-radius: 12px;
  padding: 2rem;
  max-width: 500px;
  width: 90%;
  max-height: 80vh;
  overflow-y: auto;
  position: relative;
}
.subscription-plans-wrapper .benefits-modal .modal-content .close-modal {
  position: absolute;
  top: 1rem;
  right: 1rem;
  font-size: 1.5rem;
  cursor: pointer;
  color: #6b7280;
}
.subscription-plans-wrapper .benefits-modal .modal-content .close-modal:hover {
  color: #1a1a1a;
}
.subscription-plans-wrapper .benefits-modal .modal-content h3 {
  margin-bottom: 1rem;
  color: #1a1a1a;
}

.switchPlanModal .modal-dialog {
  max-width: 67rem;
}
.switchPlanModal .modal-content .modal-header {
  position: absolute;
  right: 2.4rem;
  top: 2.4rem;
}
.switchPlanModal .modal-content .modal-body h2 {
  margin-bottom: 2.4rem;
}
.switchPlanModal .modal-content .modal-body p {
  font-weight: 400;
  color: var(--Neutral-Colors-Black, #191d23);
  margin-bottom: 0;
}
.switchPlanModal .modal-content .modal-footer {
  display: flex;
  gap: 2.4rem;
  margin-top: 5.6rem;
}
.switchPlanModal .modal-content .modal-footer .btn {
  margin: 0;
  padding: 1.2rem 2.4rem;
}
@media screen and (max-width: 767px) {
  .switchPlanModal .modal-content .modal-footer .btn {
    width: 100%;
  }
}
.switchPlanModal .modal-content .modal-footer .btn.btn-secondary {
  color: var(--blue-colors-denim-stroke-selection, #1e5aa8);
  border: 1px solid var(--blue-colors-denim-stroke-selection, #1e5aa8);
  line-height: 22.4px;
}

.subscription-content h2 {
  margin-bottom: 2.4rem;
}
@media (min-width: 992px) {
  .subscription-content h2 {
    margin-bottom: 4.8rem;
  }
}
.subscription-content .wp-block-columns {
  background: var(--Neutral-Colors-Grey-BG, #fafafa);
}
.subscription-content .wp-block-columns .wp-block-column {
  max-width: 70rem;
  margin: auto;
  padding: 4rem 2rem;
}
@media (min-width: 992px) {
  .subscription-content .wp-block-columns .wp-block-column {
    padding: 8rem 2rem;
  }
}
.subscription-content ul {
  margin: 0;
  padding: 0;
}
.subscription-content ul li {
  display: block;
}
@media (min-width: 992px) {
  .subscription-content ul li {
    display: flex;
  }
}
.subscription-content ul li {
  color: var(--Neutral-Colors-Black, #191d23);
  letter-spacing: 0.32px;
  border-radius: 12px;
  border: 1px solid var(--Neutral-Colors-Disable-Grey, #e1e4e7);
  padding: 24px;
  margin-bottom: 1.6rem;
  position: relative;
  list-style: none;
}
.subscription-content ul li:last-child {
  margin: 0;
}
.subscription-content ul li::before {
  content: "";
  max-width: 2.4rem;
  width: 100%;
  height: 2.4rem;
  padding: 0.5rem 0.4rem;
  background-color: var(--prussian-blue);
  border-radius: 4px;
  padding: 0.5rem 0.4rem;
  display: inline-block;
  margin-right: 1.6rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M14 7.45143V8.00343C13.9993 9.29729 13.5803 10.5562 12.8056 11.5925C12.0309 12.6288 10.942 13.3869 9.70121 13.7538C8.46046 14.1206 7.13435 14.0766 5.92068 13.6282C4.70701 13.1798 3.67079 12.3511 2.96658 11.2657C2.26236 10.1803 1.92787 8.89627 2.01301 7.60522C2.09814 6.31417 2.59832 5.08523 3.43897 4.10168C4.27961 3.11813 5.41567 2.43266 6.67771 2.14752C7.93975 1.86238 9.26016 1.99284 10.442 2.51943' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 3L7.84615 9L6 7.2018' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  margin: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-size: 16px;
  margin-bottom: 1.6rem;
  display: block;
}
@media (min-width: 992px) {
  .subscription-content ul li::before {
    margin-right: 1.6rem;
    margin-bottom: 0;
  }
}

.user-dropdown-container {
  position: relative;
}
.user-dropdown-container .user-dropdown-toggle {
  display: flex;
  align-items: center;
  gap: 1rem;
  transition: all 0.3s ease;
  color: white;
}
.user-dropdown-container .user-dropdown-toggle:hover {
  background-color: #f8f9fa;
}
.user-dropdown-container .user-dropdown-toggle.btn-primary {
  padding: 0.8rem 2.4rem;
}
.user-dropdown-container .user-dropdown-toggle .user-greeting {
  color: white;
}
.user-dropdown-container .user-dropdown-toggle .dropdown-arrow {
  transition: transform 0.3s ease;
  color: #666;
}
.user-dropdown-container .user-dropdown-toggle.active .dropdown-arrow {
  transform: rotate(180deg);
}

.user-dropdown-menu {
  position: absolute;
  top: 104%;
  right: 0;
  border-radius: 4px;
  background: var(--Neutral-Colors-White, #fff);
  box-shadow: 0 4px 11px 0 rgba(0, 0, 0, 0.08);
  min-width: 16.9rem;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  transition: all 0.3s ease;
}
.user-dropdown-menu.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.user-dropdown-menu .dropdown-links .dropdown-link {
  display: flex;
  align-items: center;
  padding: 1.2rem 1.2rem 1.2rem 1.6rem;
  color: var(--Neutral-Colors-Black, #191d23);
  font-size: 14px;
  font-weight: 400;
  line-height: 2.2rem;
  letter-spacing: 0.28px;
  text-decoration: none;
  transition: all 0.3s ease;
  border-bottom: 1px solid var(--neutral-grey-5);
}
.user-dropdown-menu .dropdown-links .dropdown-link:hover {
  background-color: var(--alice-blue);
  color: var(--dodger-blue);
  text-decoration: none;
}
.user-dropdown-menu .dropdown-links .dropdown-link.logout-link {
  color: var(--error-state-text);
}
.user-dropdown-menu .dropdown-links .dropdown-link.logout-link:hover {
  background-color: #fff5f5;
  color: var(--error-state-text);
}
.user-dropdown-menu .dropdown-links .dropdown-link.logout-link svg {
  color: #dc3545;
}
.user-dropdown-menu .dropdown-links .dropdown-link.logout-link:hover svg {
  color: #dc3545;
}
.user-dropdown-menu .dropdown-footer .dropdown-link {
  color: var(--Neutral-Colors-Black, #191d23);
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.2rem;
  letter-spacing: 0.28px;
  padding: 1.2rem 1.2rem 1.2rem 1.6rem;
  display: block;
}
.user-dropdown-menu .dropdown-footer .dropdown-link:hover {
  background-color: var(--alice-blue);
  color: var(--dodger-blue);
  text-decoration: none;
}

.dropdown-header {
  padding: 20px;
  border-bottom: 1px solid #f0f0f0;
}

.user-info {
  display: flex;
  align-items: center;
  gap: 12px;
}

.user-avatar {
  width: 40px;
  height: 40px;
  background: #2d9cdb;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: 600;
  font-size: 16px;
}

/* Responsive adjustments for dropdown */
@media (max-width: 768px) {
  .user-dropdown-menu {
    min-width: 250px;
    right: -10px;
  }
  .dropdown-header {
    padding: 15px;
  }
  .dropdown-link {
    padding: 10px 15px;
    font-size: 13px;
  }
}
/* Header layout adjustments */
.upgrade-info {
  color: #2d9cdb;
  font-size: 0.9rem;
  margin-top: 10px;
  padding: 8px 16px;
  background: rgba(45, 156, 219, 0.1);
  border-radius: 6px;
  border-left: 3px solid #2d9cdb;
  display: inline-block;
}
.upgrade-info strong {
  font-weight: 600;
}

.nav-tabs .nav-link.locked-tab {
  color: #868686 !important;
  opacity: 0.7;
  cursor: pointer;
  position: relative;
}
.nav-tabs .nav-link.locked-tab:hover {
  color: #666 !important;
  opacity: 0.8;
  background-color: rgba(134, 134, 134, 0.05);
}

.certified-trainer .title {
  margin: 4.8rem 0;
}
.certified-trainer .title h1 {
  margin: 0;
}
.certified-trainer .search-bar {
  margin-bottom: 4.8rem;
}
@media screen and (min-width: 992px) {
  .certified-trainer .search-bar .search-form {
    max-width: 69.4rem;
  }
}
.certified-trainer .search-bar .search-form .search-input-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}
.certified-trainer .search-bar .search-form input {
  margin: 0;
  border-radius: 100px;
  border: 1px solid var(--Neutral-Colors-Card-Stroke-Grey, #d0d5dd);
  padding: 1.12rem 4.8rem 1.12rem 4.8rem;
  color: var(--Blue-Colors-Prussian-Blue, #036);
  font-family: Archivo;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'><g clip-path='url(%23clip0_5271_13282)'><path d='M15.8484 15.1295L11.7175 11.0646C12.7993 9.8893 13.4639 8.33495 13.4639 6.62455C13.4634 2.96568 10.4497 0 6.73182 0C3.01395 0 0.000244141 2.96568 0.000244141 6.62455C0.000244141 10.2834 3.01395 13.2491 6.73182 13.2491C8.3382 13.2491 9.81153 12.6935 10.9688 11.7697L15.1158 15.8507C15.3179 16.0498 15.6459 16.0498 15.848 15.8507C16.0505 15.6517 16.0505 15.3286 15.8484 15.1295ZM6.73182 12.2299C3.58609 12.2299 1.03599 9.72029 1.03599 6.62455C1.03599 3.52881 3.58609 1.01923 6.73182 1.01923C9.87757 1.01923 12.4276 3.52881 12.4276 6.62455C12.4276 9.72029 9.87757 12.2299 6.73182 12.2299Z' fill='%23003366'/></g><defs><clipPath id='clip0_5271_13282'><rect width='16' height='16' fill='white'/></clipPath></defs></svg>");
  background-repeat: no-repeat;
  background-size: 1.6rem;
  background-position: 1.6rem center;
  width: 100%;
}
.certified-trainer .search-bar .search-form input::-moz-placeholder {
  color: var(--Blue-Colors-Prussian-Blue, #036);
}
.certified-trainer .search-bar .search-form input::placeholder {
  color: var(--Blue-Colors-Prussian-Blue, #036);
}
.certified-trainer .search-bar .search-form .search-clear-btn {
  position: absolute;
  right: 1.6rem;
  background: none;
  border: none;
  padding: 0.5rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #667085;
  transition: color 0.2s ease;
  z-index: 1;
}
.certified-trainer .search-bar .search-form .search-clear-btn:hover {
  color: #036;
}
.certified-trainer .search-bar .search-form .search-clear-btn svg {
  width: 1.6rem;
  height: 1.6rem;
}
.certified-trainer .search-bar .dropdown {
  display: flex;
  justify-content: start;
  margin-top: 2rem;
}
@media screen and (min-width: 767px) {
  .certified-trainer .search-bar .dropdown {
    justify-content: end;
    margin-top: 0;
  }
}
.certified-trainer .search-bar .dropdown .btn {
  padding: 1.2rem 1.2rem 1.2rem 1.6rem;
  min-width: 10.2rem;
  display: flex;
  align-items: center;
  gap: 0.85rem;
}
.certified-trainer .search-bar .dropdown .btn svg {
  width: 1.5rem;
  height: 1.5rem;
}
.certified-trainer .search-bar .dropdown .btn::after {
  display: none;
}
.certified-trainer .search-bar .dropdown .btn.dropdown-toggle {
  line-height: 22.4px;
  color: var(--Blue-Colors-Prussian-Blue, #036);
  border: 1px solid var(--Blue-Colors-Prussian-Blue, #036);
}
.certified-trainer .search-bar .dropdown .btn.dropdown-toggle:hover {
  color: white;
}
.certified-trainer .search-bar .dropdown .btn.dropdown-toggle:hover svg path,
.certified-trainer .search-bar .dropdown .btn.dropdown-toggle:hover svg circle {
  stroke: white;
}
.certified-trainer .search-bar .dropdown .btn.dropdown-toggle:focus {
  background-color: unset;
  color: var(--Blue-Colors-Prussian-Blue, #036);
}
.certified-trainer .search-bar .dropdown .btn.dropdown-toggle:focus svg path,
.certified-trainer .search-bar .dropdown .btn.dropdown-toggle:focus svg circle {
  stroke: var(--Blue-Colors-Prussian-Blue, #036);
}
.certified-trainer .search-bar .dropdown .dropdown-menu {
  border-radius: 4px;
  border: 1px solid var(--Neutral-Colors-Card-Stroke-Grey, #d0d5dd);
  background: var(--Neutral-Colors-White, #fff);
  box-shadow: -4px 4px 4px 0 rgba(0, 0, 0, 0.1);
  padding: 2.4rem;
  top: 5rem;
}
@media screen and (min-width: 767px) {
  .certified-trainer .search-bar .dropdown .dropdown-menu {
    min-width: 402px;
  }
}
.certified-trainer .search-bar .dropdown .dropdown-menu .btn-close-dropdown {
  background: unset;
  border: 0;
  padding: 0;
  position: absolute;
  right: 3rem;
  top: 3rem;
}
.certified-trainer .search-bar .dropdown .dropdown-menu .btn-close-dropdown svg {
  width: 1.2rem;
  height: 1.2rem;
}
.certified-trainer .search-bar .dropdown .dropdown-menu h5 {
  margin: 2rem 0 3.2rem;
  color: var(--Neutral-Colors-Black, #191d23);
  padding-bottom: 2rem;
  border-bottom: 1px solid var(--Neutral-Colors-Card-Stroke-Grey, #d0d5dd);
}
.certified-trainer .search-bar .dropdown .dropdown-menu .filters-form input,
.certified-trainer .search-bar .dropdown .dropdown-menu .filters-form select,
.certified-trainer .search-bar .dropdown .dropdown-menu .filters-form .form-select {
  padding: 1.2rem 1.6rem;
  line-height: 22.4px;
}
.certified-trainer .search-bar .dropdown .dropdown-menu .filters-form .filter-section {
  margin-bottom: 2.4rem;
}
.certified-trainer .search-bar .dropdown .dropdown-menu .filters-form .filter-section h6 {
  color: var(--Neutral-Colors-Black, #191d23);
  font-family: var(--font-archivo);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px; /* 157.143% */
  margin-bottom: 1.2rem;
}
.certified-trainer .search-bar .dropdown .dropdown-menu .filters-form .filter-section input,
.certified-trainer .search-bar .dropdown .dropdown-menu .filters-form .filter-section .form-select {
  margin-bottom: 1.6rem;
}
.certified-trainer .search-bar .dropdown .dropdown-menu .filters-form .form-btn {
  display: flex;
  align-items: start;
  justify-content: end;
  gap: 2.4rem;
  margin: 4rem 0 0 auto;
}
.certified-trainer .search-bar .dropdown .dropdown-menu .filters-form .form-btn .btn {
  text-align: center;
  color: var(--blue-colors-denim-stroke-selection, #1e5aa8);
  padding: 1rem 2.4rem;
  text-align: center;
  justify-content: center;
}
.certified-trainer .search-bar .dropdown .dropdown-menu .filters-form .form-btn .btn.flex-fill {
  min-width: unset;
  max-width: 12rem;
  padding: 0.8rem 2.4rem;
  color: white;
}
.certified-trainer .search-bar .dropdown .dropdown-menu .filters-form .form-btn .btn.clear-btn {
  min-width: 16.2rem;
  line-height: 22.4px;
}
.certified-trainer .search-bar .dropdown .dropdown-menu .filters-form .form-btn .btn.clear-btn:hover {
  color: white;
}
.certified-trainer .banner-image {
  margin-bottom: 4rem;
}
.certified-trainer .banner-image img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.certified-trainer .trainer-grid .row {
  row-gap: 4.8rem;
  --bs-gutter-x: 4.8rem;
}
.certified-trainer .trainer-grid .trainer-card {
  border-radius: 8px;
  background: var(--gradient-base-2-with-no-opacity, linear-gradient(139deg, #fefefe 0%, #ebf5ff 99.2%));
  padding: 2.4rem 3.2rem;
  transition: all 0.2s ease;
  height: 100%;
}
.certified-trainer .trainer-grid .trainer-card .trainer-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 2.4rem;
}
.certified-trainer .trainer-grid .trainer-card .trainer-header .trainer-info .trainer-name {
  color: var(--Blue-Colors-Prussian-Blue, #036);
  font-family: var(--font-archivo);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 0.48px;
  text-transform: capitalize;
  margin: 0;
}
.certified-trainer .trainer-grid .trainer-card .trainer-header .trainer-info .trainer-credentials {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.certified-trainer .trainer-grid .trainer-card .trainer-header .trainer-info .trainer-credentials span {
  overflow: hidden;
  color: var(--Neutral-Colors-Primary-Grey, #4b4b4b);
  text-overflow: ellipsis;
  font-family: var(--font-general-sans);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  text-transform: capitalize;
}
.certified-trainer .trainer-grid .trainer-card .trainer-header .trainer-info .trainer-credentials .trainer-degree:before {
  content: "|";
  margin-right: 1rem;
  color: #d0d5dd;
}
.certified-trainer .trainer-grid .trainer-card .trainer-header .contact-btn {
  background: transparent;
  border: 2px solid #1e40af;
  color: #1e40af;
  padding: 0.5rem 1rem;
  border-radius: 24px;
  text-decoration: none;
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  transition: all 0.2s ease;
}
.certified-trainer .trainer-grid .trainer-card .trainer-header .contact-btn:hover {
  background: #1e40af;
  color: white;
  text-decoration: none;
}
.certified-trainer .trainer-grid .trainer-card .trainer-header .contact-btn svg {
  width: 14px;
  height: 14px;
}
.certified-trainer .trainer-grid .trainer-card .trainer-header .contact-info {
  display: flex;
  align-items: start;
  justify-content: end;
  gap: 1.4rem;
  margin-top: 0.8rem;
}
.certified-trainer .trainer-grid .trainer-card .trainer-header .contact-info .trainer-tag {
  border-radius: 100px;
  background: var(--blue-colors-cornflower-blue-card-tags, #47a3ff);
  color: var(--Neutral-Colors-White, #fff);
  font-family: var(--font-archivo);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  margin: 0;
  padding: 0.4rem 1.2rem;
}
.certified-trainer .trainer-grid .trainer-card .trainer-header .contact-info .--contact-btn {
  border-radius: 100px;
  border: 1px solid var(--blue-colors-denim-stroke-selection, #1e5aa8);
  color: var(--blue-colors-denim-stroke-selection, #1e5aa8);
  font-family: var(--font-archivo);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  padding: 0.4rem 1.2rem;
}
.certified-trainer .trainer-grid .trainer-card .trainer-details {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 2rem;
  margin-bottom: 2.4rem;
}
.certified-trainer .trainer-grid .trainer-card .trainer-details .detail-column .detail-label {
  color: var(--Neutral-Colors-Secondary-Grey, #868686);
  font-family: var(--font-archivo);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
}
.certified-trainer .trainer-grid .trainer-card .trainer-details .detail-column .detail-value {
  font-family: var(--font-general-sans);
  color: var(--Neutral-Colors-Black, #191d23);
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  display: flex;
  align-items: center;
  gap: 0.4rem;
  text-transform: capitalize;
}
.certified-trainer .trainer-grid .trainer-card .trainer-details .detail-column .detail-value .country-info {
  color: var(--Neutral-Colors-Black, #191d23);
  font-family: var(--font-general-sans);
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  display: flex;
  align-items: center;
  gap: 0.6rem;
}
.certified-trainer .trainer-grid .trainer-card .trainer-details .detail-column .detail-value .country-info svg {
  width: 16px;
  height: 16px;
}
.certified-trainer .trainer-grid .trainer-card .instruments-section .instruments-title {
  color: var(--Blue-Colors-Prussian-Blue, #036);
  font-family: var(--font-archivo);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 1.2rem;
}
.certified-trainer .trainer-grid .trainer-card .instruments-section .instruments-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 0fr;
  gap: 1rem;
}
.certified-trainer .trainer-grid .trainer-card .instruments-section .instruments-grid .instrument-box {
  border-radius: 4px;
  border: 1px solid var(--Neutral-Colors-Card-Stroke-Grey, #d0d5dd);
  background: var(--neutral-colors-card-bg-with-opacity-40, rgba(254, 254, 254, 0.4));
  padding: 1.2rem 1.6rem;
  color: var(--Neutral-Colors-Black, #191d23);
  font-family: var(--font-general-sans);
  font-size: 16px;
  font-weight: 600;
  line-height: 22.4px;
}
.certified-trainer .trainer-grid .trainer-card .instruments-section .instruments-grid .instrument-box.empty {
  color: #94a3b8;
  font-style: italic;
}
.certified-trainer .trainer-grid .trainer-card .instruments-section .instruments-grid .instrument-box.counter {
  border-radius: 4px;
  border: 1px solid var(--Neutral-Colors-Card-Stroke-Grey, #d0d5dd);
  background: var(--neutral-colors-card-bg-with-opacity-40, rgba(254, 254, 254, 0.4));
  color: var(--Neutral-Colors-Secondary-Grey, #868686);
  font-family: var(--font-general-sans);
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.9rem 1.6rem;
}
@media (max-width: 768px) {
  .certified-trainer .trainer-grid .trainer-card {
    padding: 1.5rem;
  }
  .certified-trainer .trainer-grid .trainer-card .trainer-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }
  .certified-trainer .trainer-grid .trainer-card .trainer-header .contact-btn {
    align-self: flex-start;
  }
  .certified-trainer .trainer-grid .trainer-card .trainer-details {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
  .certified-trainer .trainer-grid .trainer-card .instruments-section .instruments-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 480px) {
  .certified-trainer .trainer-grid .trainer-card .trainer-header .trainer-info .trainer-name {
    font-size: 1.5rem;
  }
  .certified-trainer .trainer-grid .trainer-card .trainer-header .trainer-info .trainer-credentials {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.25rem;
  }
  .certified-trainer .trainer-grid .trainer-card .trainer-header .trainer-info .trainer-credentials .trainer-degree:before {
    display: none;
  }
}
.certified-trainer .pagination-row {
  margin: 4.8rem 0 8rem;
}
.certified-trainer .filters-modal .modal-header {
  border-bottom: 1px solid #e9ecef;
  padding: 1.5rem;
}
.certified-trainer .filters-modal .modal-header .modal-title {
  font-weight: 600;
  font-size: 1.25rem;
  color: #333;
}
.certified-trainer .filters-modal .modal-header .btn-close {
  padding: 0.75rem;
  margin: -0.75rem -0.75rem -0.75rem auto;
}
.certified-trainer .filters-modal .modal-body {
  padding: 1.5rem;
  max-height: 70vh;
  overflow-y: auto;
}
.certified-trainer .filters-modal .filter-group .filter-label {
  display: block;
  font-weight: 500;
  color: #333;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.certified-trainer .filters-modal .filter-group .form-control,
.certified-trainer .filters-modal .filter-group .form-select {
  border: 1px solid #ddd;
  border-radius: 6px;
  padding: 0.75rem;
  font-size: 0.9rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.certified-trainer .filters-modal .filter-group .form-control:focus,
.certified-trainer .filters-modal .filter-group .form-select:focus {
  border-color: #007bff;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.certified-trainer .filters-modal .filter-section .section-title {
  font-weight: 600;
  color: #333;
  font-size: 1rem;
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #e9ecef;
}
.certified-trainer .filters-modal .modal-footer {
  border-top: 1px solid #e9ecef;
  padding: 1.5rem;
  justify-content: space-between;
}
.certified-trainer .filters-modal .modal-footer .btn {
  padding: 0.75rem 1.5rem;
  font-weight: 500;
  border-radius: 6px;
}
.certified-trainer .filters-modal .modal-footer .btn.btn-outline-secondary {
  border-color: #6c757d;
  color: #6c757d;
}
.certified-trainer .filters-modal .modal-footer .btn.btn-outline-secondary:hover {
  background-color: #6c757d;
  border-color: #6c757d;
  color: #fff;
}
.certified-trainer .filters-modal .modal-footer .btn.btn-primary {
  background-color: #007bff;
  border-color: #007bff;
}
.certified-trainer .filters-modal .modal-footer .btn.btn-primary:hover {
  background-color: #0056b3;
  border-color: #0056b3;
}

@media screen and (max-width: 767px) {
  .page-template-events-trainings .events-section {
    margin-top: 8rem;
  }
}
.page-template-events-trainings .events-section .mtop-80 {
  margin-top: 8rem;
}

/* ==========================================================================
   Events & Trainings Page Styles
   ========================================================================== */
.events-section {
  background: var(--neutral-grey-6);
  padding: 8rem 0;
}
.events-section .--header {
  margin-bottom: 4.8rem;
}
.events-section .--header .title h3 {
  margin-bottom: 1.6rem;
}
.events-section .--header .title p {
  font-weight: 600;
  margin: 0;
}
.events-section .--header .select-container {
  margin-top: 2rem;
  gap: 1.6rem;
}
.events-section .--header .select-container.justify-content-end {
  justify-content: flex-start !important;
}
@media screen and (min-width: 992px) {
  .events-section .--header .select-container {
    margin-top: 0;
  }
  .events-section .--header .select-container.justify-content-end {
    justify-content: flex-end !important;
  }
}
.events-section .--header .select-container select {
  border-radius: 100px;
  border: 1px solid var(--Neutral-Colors-Card-Stroke-Grey, #d0d5dd);
  padding: 1.2rem 1.2rem 1.2rem 1.6rem;
  margin: 0;
  min-width: 8.9rem;
  font-weight: 500;
  font-family: var(--font-body);
}
.events-section .row {
  row-gap: 4.8rem;
  --bs-gutter-x: 2rem;
}

.events-trainings-page .hero-section {
  padding: 4.8rem 0;
}
.events-trainings-page .hero-section p {
  max-width: 68.6rem;
  color: var(--Neutral-Colors-Primary-Grey, #4b4b4b);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin: 2.4rem 0 0;
}
.events-trainings-page .hero-section p a {
  color: #2f80ed;
}
.events-trainings-page .hero-section p strong {
  font-weight: 600;
}
.events-trainings-page .hero-section .box-layout-content h1 {
  margin: 0;
}
.events-trainings-page .hero-section .hero-content .hero-title {
  font-size: 2.5rem;
  font-weight: 700;
  color: #2c3e50;
  margin-bottom: 1.5rem;
}
.events-trainings-page .hero-section .hero-content .hero-nav .nav-link {
  color: #6c757d;
  text-decoration: none;
  font-weight: 500;
}
.events-trainings-page .hero-section .hero-content .hero-nav .nav-link.active {
  color: #2d9cdb;
  border-bottom: 2px solid #2d9cdb;
  padding-bottom: 0.5rem;
}
.events-trainings-page .hero-section .hero-image {
  text-align: center;
}
.events-trainings-page .hero-section .hero-image img {
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.events-trainings-page .trainings-section {
  padding: 0rem 0 0rem;
}
@media screen and (min-width: 992px) {
  .events-trainings-page .trainings-section {
    padding: 0rem 0 10rem;
  }
}
@media screen and (min-width: 992px) {
  .events-trainings-page .trainings-section {
    padding: 0rem 0 8rem;
  }
}
.events-trainings-page .trainings-section .row-training {
  row-gap: 4.8rem;
  --bs-gutter-x: 2rem;
  margin-bottom: 4rem;
}
@media screen and (min-width: 992px) {
  .events-trainings-page .trainings-section .row-training {
    margin-bottom: 8rem;
  }
}
.events-trainings-page .trainings-section .--header {
  margin-bottom: 4.8rem;
}
.events-trainings-page .trainings-section .--header .title h3 {
  margin-bottom: 1.6rem;
}
.events-trainings-page .trainings-section .--header .title p {
  font-weight: 600;
  margin: 0;
}
.events-trainings-page .trainings-section .--header .select-container {
  margin-top: 2rem;
  gap: 1.6rem;
}
.events-trainings-page .trainings-section .--header .select-container.justify-content-end {
  justify-content: flex-start !important;
}
@media screen and (min-width: 992px) {
  .events-trainings-page .trainings-section .--header .select-container {
    margin-top: 0;
  }
  .events-trainings-page .trainings-section .--header .select-container.justify-content-end {
    justify-content: flex-end !important;
  }
}
.events-trainings-page .trainings-section .--header .select-container select {
  border-radius: 100px;
  border: 1px solid var(--Neutral-Colors-Card-Stroke-Grey, #d0d5dd);
  padding: 1.2rem 1.2rem 1.2rem 1.6rem;
  margin: 0;
  min-width: 8.9rem;
  font-weight: 500;
  font-family: var(--font-body);
}
.events-trainings-page .trainings-section .trainings-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 2rem;
  margin-bottom: 3rem;
}
@media (min-width: 768px) {
  .events-trainings-page .trainings-section .trainings-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1200px) {
  .events-trainings-page .trainings-section .trainings-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
.events-trainings-page .trainings-section .no-trainings {
  text-align: center;
  padding: 3rem;
  color: #6c757d;
}
.events-trainings-page .trainings-section .no-trainings p {
  font-size: 1.125rem;
  margin: 0;
}
.events-trainings-page .trainings-section .load-more-section {
  text-align: center;
  margin-top: 3rem;
}
.events-trainings-page .trainings-section .load-more-section .load-more-btn {
  padding: 1rem 2rem;
  background: #2d9cdb;
  color: white;
  border: none;
  border-radius: 8px;
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  transition: all 0.2s ease;
}
.events-trainings-page .trainings-section .load-more-section .load-more-btn:hover {
  background: #2680c4;
  transform: translateY(-2px);
  box-shadow: 0 4px 15px rgba(45, 156, 219, 0.3);
}

/* ===================================
   CHECKOUT ACCOUNT OPTIONS STYLING
=================================== */
.checkout-section .account-options {
  margin-bottom: 1.5rem;
}
.checkout-section .account-options .woocommerce-form__label-for-checkbox {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  margin-bottom: 0;
}
.checkout-section .account-options .woocommerce-form__label-for-checkbox:hover {
  background: #e9ecef;
  border-color: #2d9cdb;
}
.checkout-section .account-options .woocommerce-form__label-for-checkbox .woocommerce-form__input-checkbox {
  margin: 0;
  width: 18px;
  height: 18px;
  accent-color: #2d9cdb;
}
.checkout-section .account-options .woocommerce-form__label-for-checkbox .woocommerce-form__label-text {
  font-weight: 500;
  color: #333;
  margin: 0;
}
.checkout-section .account-options .guest-checkout-info {
  margin-top: 1rem;
  padding: 1rem;
  background: #e8f4fd;
  border: 1px solid #b3d9f2;
  border-radius: 8px;
}
.checkout-section .account-options .guest-checkout-info .guest-info {
  margin: 0;
  color: #0066cc;
  font-size: 0.9rem;
  display: flex;
  align-items: center;
}
.checkout-section .account-options .guest-checkout-info .guest-info svg {
  flex-shrink: 0;
  margin-right: 8px;
}
.checkout-section .create-account-fields {
  margin-top: 1rem;
  padding: 1.5rem;
  background: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 8px;
}
.checkout-section .create-account-fields .form-row {
  margin-bottom: 1rem;
}
.checkout-section .create-account-fields .form-row:last-child {
  margin-bottom: 0;
}
.checkout-section .create-account-fields .form-row label {
  font-weight: 500;
  color: #333;
  margin-bottom: 0.5rem;
  display: block;
}
.checkout-section .create-account-fields .form-row input {
  width: 100%;
  padding: 0.75rem;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 1rem;
  transition: border-color 0.2s ease;
}
.checkout-section .create-account-fields .form-row input:focus {
  outline: none;
  border-color: #2d9cdb;
  box-shadow: 0 0 0 3px rgba(45, 156, 219, 0.1);
}
.checkout-section .select2-container .select2-selection--single {
  height: 4.8rem;
}

.basic-info .basic-info-body input {
  max-width: 43.8rem;
  margin-bottom: 2.4rem;
}
.basic-info .basic-info-body .file-upload {
  max-width: 43.8rem;
  margin-bottom: 2.4rem;
}
.basic-info .basic-info-body .account-type-form .row {
  --bs-gutter-x: 2.4rem;
}
.basic-info .basic-info-body .account-type-form .radio-group {
  display: flex;
  align-items: center;
  gap: 2.4rem;
  flex-wrap: wrap;
  padding: 1.2rem 0;
  margin-bottom: 2.4rem;
}
.basic-info .basic-info-body .account-type-form .radio-group .radio-item {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.basic-info .basic-info-body .account-type-form .radio-group .radio-item input {
  margin: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' viewBox='0 0 20 21' fill='none'%3E%3Cpath d='M10 0.96582C15.1086 0.96582 19.25 5.10719 19.25 10.2158C19.25 15.3245 15.1086 19.4658 10 19.4658C4.89137 19.4658 0.75 15.3245 0.75 10.2158C0.75 5.10719 4.89137 0.96582 10 0.96582Z' stroke='%2394A3B8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  width: 2rem;
  height: 2rem;
  border: 0;
}
.basic-info .basic-info-body .account-type-form .radio-group .radio-item input:checked {
  background-color: rgba(0, 51, 102, 0.1);
  border-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M12 2.96582C17.1086 2.96582 21.25 7.10719 21.25 12.2158C21.25 17.3245 17.1086 21.4658 12 21.4658C6.89137 21.4658 2.75 17.3245 2.75 12.2158C2.75 7.10719 6.89137 2.96582 12 2.96582Z' stroke='%23003366' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 18.2158C15.3137 18.2158 18 15.5295 18 12.2158C18 8.90211 15.3137 6.21582 12 6.21582C8.68629 6.21582 6 8.90211 6 12.2158C6 15.5295 8.68629 18.2158 12 18.2158Z' fill='%23003366'/%3E%3C/svg%3E");
}
.basic-info .basic-info-body .account-type-form .radio-group .radio-item label {
  margin: 0;
  font-weight: 600;
}
.basic-info .basic-info-body .account-type-form label {
  color: #868686;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px; /* 150% */
  margin-bottom: 0.4rem;
}

.woocommerce-checkout #payment ul.payment_methods {
  text-align: unset;
  padding: 0;
  border-bottom: 0;
  margin: 0;
  list-style: none outside;
}

.woocommerce-checkout #payment {
  background: unset;
  border-radius: 0;
}

.woocommerce-checkout .wc_payment_method {
  background: transparent;
  border: 0;
  border-radius: 0;
  margin-bottom: 0;
  overflow: hidden;
}

.woocommerce-checkout .wc_payment_method label {
  display: block;
  padding: 0;
  cursor: unset;
  font-weight: 500;
  margin: 0;
}

.woocommerce-checkout #payment div.payment_box {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding: 0;
  margin: 0;
  font-size: inherit;
  border-radius: 0;
  line-height: 120%;
  background-color: transparent;
  color: inherit;
  border: 0;
}

.woocommerce-checkout #payment div.payment_box::before {
  display: none;
}

#card-panel .Label {
  margin-bottom: var(--p-spacing1);
  font-size: 14px;
  transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  color: inherit;
  font-family: inherit;
  font-weight: 500;
  letter-spacing: normal;
  line-height: 120%;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  -webkit-text-decoration: none solid rgb(85, 85, 85);
          text-decoration: none solid rgb(85, 85, 85);
  text-shadow: none;
  text-transform: none;
  margin-bottom: 0.4rem;
}

.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
  width: 100%;
  border-radius: 100px;
  background: var(--Blue-Colors-Dodger-Blue, #2f80ed);
  color: var(--Neutral-Colors-White, #fff);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  padding: 1.6rem 2.4rem;
}

.woocommerce-terms-and-conditions-wrapper {
  display: none;
}

.woocommerce-SavedPaymentMethods-saveNew {
  display: none !important;
}

.woocommerce-checkout .place-order {
  padding: 0 !important;
  margin-top: 4rem !important;
}

.instruments-listing .--top-content {
  padding-bottom: 3.2rem;
  padding-top: 3.2rem;
}
@media (min-width: 992px) {
  .instruments-listing .--top-content {
    padding-bottom: 4.8rem;
    padding-top: 4.8rem;
  }
}
.instruments-listing .--top-content h1 {
  margin-bottom: 0;
}
.instruments-listing .--search-content {
  padding-bottom: 3.2rem;
}
@media (min-width: 992px) {
  .instruments-listing .--search-content {
    padding-bottom: 4.8rem;
  }
}
.instruments-listing .--card-items {
  margin-bottom: 4rem;
  --bs-gutter-y: 4rem;
}
@media (min-width: 992px) {
  .instruments-listing .--card-items {
    margin-bottom: 8rem;
    --bs-gutter-y: 6rem;
    --bs-gutter-x: 2rem;
  }
}
.instruments-listing .--card-items:last-child {
  margin-bottom: 0;
}
.instruments-listing .card {
  padding: 2rem;
  border-radius: 8px;
  border: 1px solid var(--Neutral-Colors-Disable-Grey, #e1e4e7);
  background: var(--Neutral-Colors-White, #fff);
}
.instruments-listing .card figure {
  border-radius: 1.4rem;
  overflow: hidden;
  margin-bottom: 1.6rem;
}
.instruments-listing .card figure img {
  transition: all 0.4s ease-in-out;
}
.instruments-listing .card figure:hover img {
  transform: scale(0.9);
}
.instruments-listing .card figure .badge-restricted {
  position: absolute;
  top: 1.2rem;
  right: 1.2rem;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.8rem;
  z-index: 2;
  color: var(--Blue-Colors-Prussian-Blue, #036);
  border-radius: 44px;
  background: var(--Neutral-Colors-White, #fff);
  font-family: Archivo;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  min-width: 10.1rem;
  justify-content: center;
  cursor: pointer;
}
.instruments-listing .card figure .badge-restricted svg {
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
}
.instruments-listing .card figure .badge-restricted .badge-tooltip {
  position: absolute;
  top: calc(100% + 1rem);
  right: 0;
  width: 20.4rem;
  padding: 0.8rem;
  background: var(--Neutral-Colors-White, #fff);
  border-radius: 12px;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
  color: var(--Blue-Colors-Prussian-Blue, #036);
  font-family: var(--font-general-sans);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  text-align: left;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 10;
}
.instruments-listing .card figure .badge-restricted .badge-tooltip::before {
  content: "";
  position: absolute;
  bottom: 100%;
  right: 2rem;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid var(--Neutral-Colors-White, #fff);
}
.instruments-listing .card figure .badge-restricted:hover .badge-tooltip {
  opacity: 1;
  visibility: visible;
}
.instruments-listing .card .card-body {
  padding: 0;
}
.instruments-listing .card .card-title {
  margin-bottom: 1.2rem;
  color: var(--prussian-blue);
}
.instruments-listing .card .card-text {
  margin-bottom: 3.2rem;
}
.instruments-listing .card .card-text p {
  margin-bottom: 0;
  font-weight: 400;
}
.instruments-listing .card .btn-arrow {
  padding: 0.7rem 2.4rem;
  font-weight: 500;
  line-height: 18px;
  min-width: inherit;
  color: var(--denim-stroke-selection);
  border-color: var(--denim-stroke-selection);
}
.instruments-listing .card .btn-arrow svg {
  margin-left: 0.8rem;
}
@media (min-width: 992px) {
  .instruments-listing .instrument-pagination {
    margin-bottom: 8rem;
  }
}
.instruments-listing .instrument-pagination a,
.instruments-listing .instrument-pagination span {
  color: var(--Neutral-Colors-Disable-Text-Grey, #b3b7bd);
  margin: 0 0.4rem;
  border-radius: 8px;
  border: 1px solid var(--Neutral-Colors-Disable-Grey, #e1e4e7);
  background: var(--Neutral-Colors-White, #fff);
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  padding: 9px 16px;
  display: inline-block;
}
.instruments-listing .instrument-pagination .page-numbers:hover {
  color: var(--Blue-Colors-Prussian-Blue, #036);
}
.instruments-listing .instrument-pagination .page-numbers.current {
  color: var(--Blue-Colors-Prussian-Blue, #036);
  border: 1px solid var(--Blue-Colors-Prussian-Blue, #036);
  font-weight: 500;
}
.instruments-listing .instrument-pagination .page-numbers.prev svg {
  position: relative;
  top: -1px;
  margin-left: 0.4rem;
}
.instruments-listing .instrument-pagination .page-numbers.prev svg path {
  fill: var(--Neutral-Colors-Disable-Text-Grey, #b3b7bd);
}
.instruments-listing .instrument-pagination .page-numbers.prev:hover {
  color: var(--Blue-Colors-Prussian-Blue, #036);
}
.instruments-listing .instrument-pagination .page-numbers.prev:hover svg path {
  fill: var(--Blue-Colors-Prussian-Blue, #036);
}
.instruments-listing .instrument-pagination .page-numbers.next {
  color: var(--Blue-Colors-Prussian-Blue, #036);
}
.instruments-listing .instrument-pagination .page-numbers.next svg {
  position: relative;
  top: -1px;
  margin-right: 0.4rem;
}
.instruments-listing .instrument-pagination span {
  color: var(--Neutral-Colors-Disable-Text-Grey, #b3b7bd);
  border-radius: 8px;
}

.search-filter-bar .search-filter-wrapper {
  position: relative;
  width: 100%;
}
.search-filter-bar .search-filter-wrapper svg.search-icon {
  position: absolute;
  left: 1.6rem;
  top: 50%;
  transform: translateY(-50%);
}
.search-filter-bar .search-filter-wrapper input.form-control-input {
  margin: 0;
  border-radius: 100px;
  border: 1px solid var(--Neutral-Colors-Card-Stroke-Grey, #d0d5dd);
  padding: 1.6rem 5.6rem 1.6rem 4.8rem;
  color: var(--Blue-Colors-Prussian-Blue, #036);
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  outline: none !important;
  box-shadow: none;
  width: 100%;
  font-family: var(--font-archivo);
}
.search-filter-bar .search-filter-wrapper input.form-control-input::-moz-placeholder {
  color: var(--Blue-Colors-Prussian-Blue, #036);
}
.search-filter-bar .search-filter-wrapper input.form-control-input::placeholder {
  color: var(--Blue-Colors-Prussian-Blue, #036);
}
.search-filter-bar .search-filter-wrapper .search-submit-btn {
  position: absolute;
  right: 1.6rem;
  top: calc(50% - 0.15rem);
  transform: translateY(-50%);
  background: none;
  border: none;
  padding: 0.8rem;
  cursor: pointer;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.3s ease;
}
.search-filter-bar .search-filter-wrapper .search-submit-btn svg {
  width: 1.4rem;
  height: 1.4rem;
}
.search-filter-bar .filter-category select {
  border-radius: 100px;
  border: 1px solid var(--Neutral-Colors-Disable-Text-Grey, #b3b7bd);
  padding: 11.2px 4rem 11.2px 16px;
  color: var(--Blue-Colors-Prussian-Blue, #036);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  background: none;
  cursor: pointer;
  margin: 0;
}
.search-filter-bar .filter-category svg {
  position: absolute;
  right: 1.6rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: -1;
}
.search-filter-bar .filter-category .select2-container .select2-selection--single {
  border-radius: 100rem !important;
  height: 4.8rem;
}

.resources-filter-bar {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
@media screen and (min-width: 992px) {
  .resources-filter-bar {
    padding-top: 8rem;
    padding-bottom: 4.8rem;
  }
}
.resources-filter-bar h1 {
  margin-right: 2rem;
  margin-bottom: 0;
}
.resources-filter-bar input.form-control-input {
  max-width: 46rem;
}
.resources-filter-bar .resources-search {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 46rem;
}
.resources-filter-bar .title h1 {
  margin-bottom: 1.6rem;
}

.master-training .box-layout-content {
  margin: 4.8rem 0;
}
.master-training .policy-practice-wrap {
  margin-top: 0rem;
  border-radius: 16px;
  background: var(--gradient-base-2-with-no-opacity, linear-gradient(139deg, #fefefe 0%, #ebf5ff 99.2%));
  padding: 3.2rem;
}
@media screen and (min-width: 992px) {
  .master-training .policy-practice-wrap {
    margin-top: 0rem;
    padding: 4rem 7rem;
  }
}
.master-training .policy-practice-wrap .row {
  gap: 2rem;
}
.master-training .policy-practice-wrap h2 {
  margin: 0;
}
.master-training .resource-category {
  margin-top: 4rem;
}
@media screen and (min-width: 992px) {
  .master-training .resource-category {
    margin-top: 8rem;
  }
}
.master-training .resource-category:first-child {
  margin-top: 0;
}
.master-training .category-title {
  margin-bottom: 3.2rem;
}
@media screen and (min-width: 992px) {
  .master-training .category-title {
    margin-bottom: 4.8rem;
  }
}
.master-training .category-title h2 {
  margin: 0;
}
.master-training .m-res-card {
  margin-bottom: 2.4rem;
}
.master-training .resources-filter-bar h2 {
  margin: 0rem 0rem 2rem 0rem;
}
.master-training .search-filter-bar .search-filter-wrapper input.form-control-input {
  margin: 0;
  border-radius: 100px;
  border: 1px solid var(--Neutral-Colors-Card-Stroke-Grey, #d0d5dd);
  padding: 1.2rem 1.2rem 1.2rem 4.8rem;
  outline: none !important;
  box-shadow: none;
  width: 100%;
  color: var(--Blue-Colors-Prussian-Blue, #036);
  font-family: var(--font-heading);
  font-size: var(--body-medium-size);
  font-weight: var(--font-weight-medium);
  line-height: 22.4px;
}
.master-training .filter-category {
  max-width: 17.9rem;
}
.master-training .filter-category select {
  padding: 11.2px 4rem 11.2px 16px;
}
.master-training .resources-section .row {
  --bs-gutter-x: 2rem;
}

.res-card {
  border-radius: 8px;
  border: 1px solid var(--Neutral-Colors-Card-Stroke-Grey, #d0d5dd);
  padding: 16px;
  position: relative;
}
@media screen and (min-width: 992px) {
  .res-card {
    padding: 24px;
  }
}
.res-card .res-card-body {
  gap: 24px;
}
.res-card .res-card-body .card-head {
  display: flex;
  align-items: center;
  gap: 2.4rem;
}
.res-card .res-card-body p {
  margin: 0;
  color: var(--Neutral-Colors-Black, #191d23);
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.res-card .res-card-body .download-btn {
  padding: 1rem;
  margin-right: 0rem;
}
.res-card .res-card-body .download-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.discount-content {
  border-radius: 4px;
  background: var(--alice-blue);
  padding: 1.4rem 1.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 2.4rem;
  flex-wrap: wrap;
  gap: 2rem;
}
@media screen and (min-width: 992px) {
  .discount-content {
    gap: 0;
  }
}
.discount-content p {
  margin: 0;
  font-weight: 400;
  color: var(--neutral-black);
  text-align: center;
  font-family: var(--font-body);
  font-size: var(--body-medium-size);
  line-height: 24px;
}
.discount-content p strong {
  color: var(--neutral-black);
  font-weight: 600;
}
.discount-content a {
  color: var(--Blue-Colors-Prussian-Blue, #036);
  font-family: var(--font-heading);
  font-size: var(--body-medium-size);
  line-height: 24px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  margin-left: 0.8rem;
}
.discount-content .discount-icon {
  margin-right: 1.2rem;
}
.discount-content .discount-icon svg {
  width: 2.4rem;
  height: 2.4rem;
}

.hero-block {
  margin-top: 4.8rem;
  margin-bottom: 4.8rem;
}
.hero-block h1 {
  margin: 0;
}

.search-header {
  margin-bottom: 4.8rem;
}
.search-header .select2-container {
  width: auto !important;
}
.search-header .select2-container .select2-selection--single {
  border-radius: 10rem !important;
  height: 4.8rem;
}
.search-header .select2-container .select2-selection--single .select2-selection__rendered {
  color: var(--Blue-Colors-Prussian-Blue, #036);
}
@media screen and (max-width: 992px) {
  .search-header .row {
    justify-content: end !important;
    gap: 2rem;
  }
}
.search-header form {
  max-width: 69.4rem;
}
.search-header form input {
  margin: 0;
  border-radius: 100px;
  border: 1px solid var(--Neutral-Colors-Card-Stroke-Grey, #d0d5dd);
  padding: 1.12rem 1.6rem 1.12rem 4.8rem;
  color: var(--Blue-Colors-Prussian-Blue, #036);
  font-family: Archivo;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'><g clip-path='url(%23clip0_5271_13282)'><path d='M15.8484 15.1295L11.7175 11.0646C12.7993 9.8893 13.4639 8.33495 13.4639 6.62455C13.4634 2.96568 10.4497 0 6.73182 0C3.01395 0 0.000244141 2.96568 0.000244141 6.62455C0.000244141 10.2834 3.01395 13.2491 6.73182 13.2491C8.3382 13.2491 9.81153 12.6935 10.9688 11.7697L15.1158 15.8507C15.3179 16.0498 15.6459 16.0498 15.848 15.8507C16.0505 15.6517 16.0505 15.3286 15.8484 15.1295ZM6.73182 12.2299C3.58609 12.2299 1.03599 9.72029 1.03599 6.62455C1.03599 3.52881 3.58609 1.01923 6.73182 1.01923C9.87757 1.01923 12.4276 3.52881 12.4276 6.62455C12.4276 9.72029 9.87757 12.2299 6.73182 12.2299Z' fill='%23003366'/></g><defs><clipPath id='clip0_5271_13282'><rect width='16' height='16' fill='white'/></clipPath></defs></svg>");
  background-repeat: no-repeat;
  background-size: 1.6rem;
  background-position: 1.6rem center;
}
.search-header form input::-moz-placeholder {
  color: var(--Blue-Colors-Prussian-Blue, #036);
}
.search-header form input::placeholder {
  color: var(--Blue-Colors-Prussian-Blue, #036);
}
.search-header .select-container {
  gap: 1.6rem;
}
.search-header .select-container select {
  border-radius: 100px;
  border: 1px solid var(--Neutral-Colors-Card-Stroke-Grey, #d0d5dd);
  padding: 1.2rem 1.2rem 1.2rem 1.6rem;
  margin: 0;
  min-width: 8.9rem;
  font-weight: 500;
  font-family: var(--font-body);
}

.tarining-event .row-training {
  row-gap: 4.8rem;
  --bs-gutter-x: 2rem;
  margin-bottom: 8rem;
}

.page-template-featured-training .event-card .event-card-title {
  margin-bottom: 0.8rem;
}
.page-template-featured-training .event-card .event-presenter {
  margin: 1.2rem 0 0 0;
}
.page-template-featured-training .event-card .event-presenter span {
  color: var(--Blue-Colors-Prussian-Blue, #036) !important;
}

.page-template-events-trainings .training-card,
.page-template-trainings .training-card,
.single-product .training-card,
.page-template-featured-training .training-card,
.page-template-events .training-card {
  height: 100%;
  border-radius: 8px;
  border: 1px solid var(--neutral-grey-5);
  background: var(--neutral-colors-card-bg-with-opacity-40, rgba(254, 254, 254, 0.4));
  padding: 2.4rem;
  display: block;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 2rem;
}
@media screen and (min-width: 1025px) {
  .page-template-events-trainings .training-card,
  .page-template-trainings .training-card,
  .single-product .training-card,
  .page-template-featured-training .training-card,
  .page-template-events .training-card {
    display: flex;
  }
}
.page-template-events-trainings .training-card .--img,
.page-template-trainings .training-card .--img,
.single-product .training-card .--img,
.page-template-featured-training .training-card .--img,
.page-template-events .training-card .--img {
  flex: auto;
  margin-bottom: 2rem;
  border-radius: 0.8rem;
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 1025px) {
  .page-template-events-trainings .training-card .--img,
  .page-template-trainings .training-card .--img,
  .single-product .training-card .--img,
  .page-template-featured-training .training-card .--img,
  .page-template-events .training-card .--img {
    flex: 0 0 25.7rem;
    margin-bottom: 0;
  }
}
.page-template-events-trainings .training-card .--img .sold,
.page-template-trainings .training-card .--img .sold,
.single-product .training-card .--img .sold,
.page-template-featured-training .training-card .--img .sold,
.page-template-events .training-card .--img .sold {
  border-radius: 44px;
  background: var(--States-Colors-PDF-Logo-Color, #e00000);
  padding: 0.8rem;
  color: #fff;
  color: var(--Neutral-Colors-White, #fff);
  font-family: var(--font-archivo);
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.24px;
  position: absolute;
  top: 1rem;
  left: 1rem;
  min-width: 8rem;
  text-align: center;
  text-transform: uppercase;
}
.page-template-events-trainings .training-card .--img img,
.page-template-trainings .training-card .--img img,
.single-product .training-card .--img img,
.page-template-featured-training .training-card .--img img,
.page-template-events .training-card .--img img {
  width: 100%;
}
@media screen and (min-width: 1025px) {
  .page-template-events-trainings .training-card .--img img,
  .page-template-trainings .training-card .--img img,
  .single-product .training-card .--img img,
  .page-template-featured-training .training-card .--img img,
  .page-template-events .training-card .--img img {
    width: auto;
  }
}
.page-template-events-trainings .training-card .training-body,
.page-template-trainings .training-card .training-body,
.single-product .training-card .training-body,
.page-template-featured-training .training-card .training-body,
.page-template-events .training-card .training-body {
  flex: auto;
}
@media screen and (min-width: 992px) {
  .page-template-events-trainings .training-card .training-body,
  .page-template-trainings .training-card .training-body,
  .single-product .training-card .training-body,
  .page-template-featured-training .training-card .training-body,
  .page-template-events .training-card .training-body {
    flex: 0 0 30.7rem;
  }
}
.page-template-events-trainings .training-card .training-body .training-title,
.page-template-trainings .training-card .training-body .training-title,
.single-product .training-card .training-body .training-title,
.page-template-featured-training .training-card .training-body .training-title,
.page-template-events .training-card .training-body .training-title {
  margin-bottom: 2rem;
}
.page-template-events-trainings .training-card .training-body .training-title a,
.page-template-trainings .training-card .training-body .training-title a,
.single-product .training-card .training-body .training-title a,
.page-template-featured-training .training-card .training-body .training-title a,
.page-template-events .training-card .training-body .training-title a {
  color: var(--prussian-blue);
}
.page-template-events-trainings .training-card .training-body .training-price,
.page-template-trainings .training-card .training-body .training-price,
.single-product .training-card .training-body .training-price,
.page-template-featured-training .training-card .training-body .training-price,
.page-template-events .training-card .training-body .training-price {
  gap: 0.8rem;
  margin-bottom: 2rem;
}
.page-template-events-trainings .training-card .training-body .training-price svg,
.page-template-trainings .training-card .training-body .training-price svg,
.single-product .training-card .training-body .training-price svg,
.page-template-featured-training .training-card .training-body .training-price svg,
.page-template-events .training-card .training-body .training-price svg {
  width: 1.6rem;
  height: 1.6rem;
}
.page-template-events-trainings .training-card .training-body .training-price .price-wrapper,
.page-template-trainings .training-card .training-body .training-price .price-wrapper,
.single-product .training-card .training-body .training-price .price-wrapper,
.page-template-featured-training .training-card .training-body .training-price .price-wrapper,
.page-template-events .training-card .training-body .training-price .price-wrapper {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.page-template-events-trainings .training-card .training-body .training-price .price-wrapper .sale-price,
.page-template-trainings .training-card .training-body .training-price .price-wrapper .sale-price,
.single-product .training-card .training-body .training-price .price-wrapper .sale-price,
.page-template-featured-training .training-card .training-body .training-price .price-wrapper .sale-price,
.page-template-events .training-card .training-body .training-price .price-wrapper .sale-price {
  text-decoration: line-through;
  order: 2;
  color: var(--Neutral-Colors-Primary-Grey, #4b4b4b);
  font-family: var(--font-body);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0.28px;
  text-decoration-line: line-through;
}
.page-template-events-trainings .training-card .training-body .training-price span,
.page-template-trainings .training-card .training-body .training-price span,
.single-product .training-card .training-body .training-price span,
.page-template-featured-training .training-card .training-body .training-price span,
.page-template-events .training-card .training-body .training-price span {
  color: var(--neutral-black);
  font-size: 2rem;
  font-weight: 500;
  line-height: 3rem;
}
.page-template-events-trainings .training-card .training-body .training-price span.sale_price,
.page-template-trainings .training-card .training-body .training-price span.sale_price,
.single-product .training-card .training-body .training-price span.sale_price,
.page-template-featured-training .training-card .training-body .training-price span.sale_price,
.page-template-events .training-card .training-body .training-price span.sale_price {
  text-decoration: line-through;
  order: 2;
  color: var(--Neutral-Colors-Primary-Grey, #4b4b4b);
  font-family: var(--font-body);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0.28px;
  text-decoration-line: line-through;
}
.page-template-events-trainings .training-card .training-body .training-date,
.page-template-trainings .training-card .training-body .training-date,
.single-product .training-card .training-body .training-date,
.page-template-featured-training .training-card .training-body .training-date,
.page-template-events .training-card .training-body .training-date {
  margin-bottom: 0.4rem;
  gap: 0.8rem;
}
.page-template-events-trainings .training-card .training-body .training-date svg,
.page-template-trainings .training-card .training-body .training-date svg,
.single-product .training-card .training-body .training-date svg,
.page-template-featured-training .training-card .training-body .training-date svg,
.page-template-events .training-card .training-body .training-date svg {
  width: 1.6rem;
  height: 1.6rem;
}
.page-template-events-trainings .training-card .training-body .training-date span,
.page-template-trainings .training-card .training-body .training-date span,
.single-product .training-card .training-body .training-date span,
.page-template-featured-training .training-card .training-body .training-date span,
.page-template-events .training-card .training-body .training-date span {
  color: var(--neutral-grey);
  font-family: var(--font-body);
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 2.4rem;
}
.page-template-events-trainings .training-card .training-body .training-time,
.page-template-trainings .training-card .training-body .training-time,
.single-product .training-card .training-body .training-time,
.page-template-featured-training .training-card .training-body .training-time,
.page-template-events .training-card .training-body .training-time {
  gap: 0.8rem;
  margin-bottom: 0.4rem;
}
.page-template-events-trainings .training-card .training-body .training-time svg,
.page-template-trainings .training-card .training-body .training-time svg,
.single-product .training-card .training-body .training-time svg,
.page-template-featured-training .training-card .training-body .training-time svg,
.page-template-events .training-card .training-body .training-time svg {
  width: 1.6rem;
  height: 1.6rem;
}
.page-template-events-trainings .training-card .training-body .training-time span,
.page-template-trainings .training-card .training-body .training-time span,
.single-product .training-card .training-body .training-time span,
.page-template-featured-training .training-card .training-body .training-time span,
.page-template-events .training-card .training-body .training-time span {
  color: var(--neutral-grey);
  font-family: var(--font-body);
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 2.4rem;
}
.page-template-events-trainings .training-card .training-body .training-presenter,
.page-template-trainings .training-card .training-body .training-presenter,
.single-product .training-card .training-body .training-presenter,
.page-template-featured-training .training-card .training-body .training-presenter,
.page-template-events .training-card .training-body .training-presenter {
  gap: 0.8rem;
  margin-bottom: 2rem;
}
.page-template-events-trainings .training-card .training-body .training-presenter svg,
.page-template-trainings .training-card .training-body .training-presenter svg,
.single-product .training-card .training-body .training-presenter svg,
.page-template-featured-training .training-card .training-body .training-presenter svg,
.page-template-events .training-card .training-body .training-presenter svg {
  width: 1.6rem;
  height: 1.6rem;
}
.page-template-events-trainings .training-card .training-body .training-presenter span,
.page-template-trainings .training-card .training-body .training-presenter span,
.single-product .training-card .training-body .training-presenter span,
.page-template-featured-training .training-card .training-body .training-presenter span,
.page-template-events .training-card .training-body .training-presenter span {
  color: var(--prussian-blue);
  font-family: var(--font-body);
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 2.4rem;
  letter-spacing: 0.32px;
}
.page-template-events-trainings .training-card .training-body .arrow-button .btn-outline,
.page-template-trainings .training-card .training-body .arrow-button .btn-outline,
.single-product .training-card .training-body .arrow-button .btn-outline,
.page-template-featured-training .training-card .training-body .arrow-button .btn-outline,
.page-template-events .training-card .training-body .arrow-button .btn-outline {
  min-width: 13.4rem;
  padding: 0.7rem 2.4rem;
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  line-height: 16.4px;
  font-size: 1.2rem;
}
.page-template-events-trainings .training-card .training-body .arrow-button .btn-outline:hover svg path,
.page-template-trainings .training-card .training-body .arrow-button .btn-outline:hover svg path,
.single-product .training-card .training-body .arrow-button .btn-outline:hover svg path,
.page-template-featured-training .training-card .training-body .arrow-button .btn-outline:hover svg path,
.page-template-events .training-card .training-body .arrow-button .btn-outline:hover svg path {
  stroke: white;
}
.page-template-events-trainings .training-card .training-body .arrow-button .btn-outline:focus,
.page-template-trainings .training-card .training-body .arrow-button .btn-outline:focus,
.single-product .training-card .training-body .arrow-button .btn-outline:focus,
.page-template-featured-training .training-card .training-body .arrow-button .btn-outline:focus,
.page-template-events .training-card .training-body .arrow-button .btn-outline:focus {
  color: white;
}
.page-template-events-trainings .training-card .training-body .arrow-button .btn-outline:focus svg path,
.page-template-trainings .training-card .training-body .arrow-button .btn-outline:focus svg path,
.single-product .training-card .training-body .arrow-button .btn-outline:focus svg path,
.page-template-featured-training .training-card .training-body .arrow-button .btn-outline:focus svg path,
.page-template-events .training-card .training-body .arrow-button .btn-outline:focus svg path {
  stroke: white;
}
.page-template-events-trainings .event-card,
.page-template-trainings .event-card,
.single-product .event-card,
.page-template-featured-training .event-card,
.page-template-events .event-card {
  border-radius: 8px;
  border: 1px solid var(--Neutral-Colors-Card-Stroke-Grey, #d0d5dd);
  background: var(--neutral-colors-card-bg-with-opacity-40, rgba(254, 254, 254, 0.4));
  padding: 2.4rem;
  height: 100%;
  position: relative;
}
.page-template-events-trainings .event-card .sold,
.page-template-trainings .event-card .sold,
.single-product .event-card .sold,
.page-template-featured-training .event-card .sold,
.page-template-events .event-card .sold {
  border-radius: 44px;
  background: var(--States-Colors-PDF-Logo-Color, #e00000);
  padding: 0.8rem;
  color: #fff;
  color: var(--Neutral-Colors-White, #fff);
  font-family: var(--font-archivo);
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.24px;
  position: absolute;
  top: 2.4rem;
  right: 2.4rem;
  min-width: 8rem;
  text-align: center;
  text-transform: uppercase;
}
.page-template-events-trainings .event-card .event-card-body .event-card-title,
.page-template-trainings .event-card .event-card-body .event-card-title,
.single-product .event-card .event-card-body .event-card-title,
.page-template-featured-training .event-card .event-card-body .event-card-title,
.page-template-events .event-card .event-card-body .event-card-title {
  margin-bottom: 2rem;
  max-width: 26rem;
}
@media screen and (min-width: 1025px) {
  .page-template-events-trainings .event-card .event-card-body .event-card-title,
  .page-template-trainings .event-card .event-card-body .event-card-title,
  .single-product .event-card .event-card-body .event-card-title,
  .page-template-featured-training .event-card .event-card-body .event-card-title,
  .page-template-events .event-card .event-card-body .event-card-title {
    max-width: 50rem;
  }
}
.page-template-events-trainings .event-card .event-card-body .event-card-title a,
.page-template-trainings .event-card .event-card-body .event-card-title a,
.single-product .event-card .event-card-body .event-card-title a,
.page-template-featured-training .event-card .event-card-body .event-card-title a,
.page-template-events .event-card .event-card-body .event-card-title a {
  color: var(--prussian-blue);
}
.page-template-events-trainings .event-card .event-card-body .event-price,
.page-template-trainings .event-card .event-card-body .event-price,
.single-product .event-card .event-card-body .event-price,
.page-template-featured-training .event-card .event-card-body .event-price,
.page-template-events .event-card .event-card-body .event-price {
  gap: 0.8rem;
  margin-bottom: 2rem;
}
.page-template-events-trainings .event-card .event-card-body .event-price svg,
.page-template-trainings .event-card .event-card-body .event-price svg,
.single-product .event-card .event-card-body .event-price svg,
.page-template-featured-training .event-card .event-card-body .event-price svg,
.page-template-events .event-card .event-card-body .event-price svg {
  width: 1.6rem;
  height: 1.6rem;
}
.page-template-events-trainings .event-card .event-card-body .event-price span,
.page-template-trainings .event-card .event-card-body .event-price span,
.single-product .event-card .event-card-body .event-price span,
.page-template-featured-training .event-card .event-card-body .event-price span,
.page-template-events .event-card .event-card-body .event-price span {
  color: var(--neutral-black);
  font-family: var(--font-body);
  font-size: 2rem;
  font-weight: 500;
  line-height: 3rem;
}
.page-template-events-trainings .event-card .event-card-body .event-price span.sale-price,
.page-template-trainings .event-card .event-card-body .event-price span.sale-price,
.single-product .event-card .event-card-body .event-price span.sale-price,
.page-template-featured-training .event-card .event-card-body .event-price span.sale-price,
.page-template-events .event-card .event-card-body .event-price span.sale-price {
  color: var(--Neutral-Colors-Primary-Grey, #4b4b4b) !important;
  font-family: var(--font-archivo) !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 22px !important;
  letter-spacing: 0.28px !important;
  text-decoration-line: line-through !important;
  order: 2;
}
.page-template-events-trainings .event-card .event-card-body .event-price .--price,
.page-template-trainings .event-card .event-card-body .event-price .--price,
.single-product .event-card .event-card-body .event-price .--price,
.page-template-featured-training .event-card .event-card-body .event-price .--price,
.page-template-events .event-card .event-card-body .event-price .--price {
  display: flex;
  flex-direction: row-reverse;
  gap: 0.8rem;
  align-items: center;
}
.page-template-events-trainings .event-card .event-card-body .event-price .--price .old-price,
.page-template-trainings .event-card .event-card-body .event-price .--price .old-price,
.single-product .event-card .event-card-body .event-price .--price .old-price,
.page-template-featured-training .event-card .event-card-body .event-price .--price .old-price,
.page-template-events .event-card .event-card-body .event-price .--price .old-price {
  color: var(--Neutral-Colors-Primary-Grey, #4b4b4b);
  font-family: var(--font-archivo);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 150% */
  text-decoration-line: line-through;
}
.page-template-events-trainings .event-card .event-card-body .event-date,
.page-template-events-trainings .event-card .event-card-body .event-time,
.page-template-events-trainings .event-card .event-card-body .timeduration,
.page-template-events-trainings .event-card .event-card-body .event-time-wrapper,
.page-template-trainings .event-card .event-card-body .event-date,
.page-template-trainings .event-card .event-card-body .event-time,
.page-template-trainings .event-card .event-card-body .timeduration,
.page-template-trainings .event-card .event-card-body .event-time-wrapper,
.single-product .event-card .event-card-body .event-date,
.single-product .event-card .event-card-body .event-time,
.single-product .event-card .event-card-body .timeduration,
.single-product .event-card .event-card-body .event-time-wrapper,
.page-template-featured-training .event-card .event-card-body .event-date,
.page-template-featured-training .event-card .event-card-body .event-time,
.page-template-featured-training .event-card .event-card-body .timeduration,
.page-template-featured-training .event-card .event-card-body .event-time-wrapper,
.page-template-events .event-card .event-card-body .event-date,
.page-template-events .event-card .event-card-body .event-time,
.page-template-events .event-card .event-card-body .timeduration,
.page-template-events .event-card .event-card-body .event-time-wrapper {
  gap: 0.8rem;
  margin-bottom: 0.4rem;
}
.page-template-events-trainings .event-card .event-card-body .event-date svg,
.page-template-events-trainings .event-card .event-card-body .event-time svg,
.page-template-events-trainings .event-card .event-card-body .timeduration svg,
.page-template-events-trainings .event-card .event-card-body .event-time-wrapper svg,
.page-template-trainings .event-card .event-card-body .event-date svg,
.page-template-trainings .event-card .event-card-body .event-time svg,
.page-template-trainings .event-card .event-card-body .timeduration svg,
.page-template-trainings .event-card .event-card-body .event-time-wrapper svg,
.single-product .event-card .event-card-body .event-date svg,
.single-product .event-card .event-card-body .event-time svg,
.single-product .event-card .event-card-body .timeduration svg,
.single-product .event-card .event-card-body .event-time-wrapper svg,
.page-template-featured-training .event-card .event-card-body .event-date svg,
.page-template-featured-training .event-card .event-card-body .event-time svg,
.page-template-featured-training .event-card .event-card-body .timeduration svg,
.page-template-featured-training .event-card .event-card-body .event-time-wrapper svg,
.page-template-events .event-card .event-card-body .event-date svg,
.page-template-events .event-card .event-card-body .event-time svg,
.page-template-events .event-card .event-card-body .timeduration svg,
.page-template-events .event-card .event-card-body .event-time-wrapper svg {
  width: 1.6rem;
  height: 1.6rem;
}
.page-template-events-trainings .event-card .event-card-body .event-date span,
.page-template-events-trainings .event-card .event-card-body .event-time span,
.page-template-events-trainings .event-card .event-card-body .timeduration span,
.page-template-events-trainings .event-card .event-card-body .event-time-wrapper span,
.page-template-trainings .event-card .event-card-body .event-date span,
.page-template-trainings .event-card .event-card-body .event-time span,
.page-template-trainings .event-card .event-card-body .timeduration span,
.page-template-trainings .event-card .event-card-body .event-time-wrapper span,
.single-product .event-card .event-card-body .event-date span,
.single-product .event-card .event-card-body .event-time span,
.single-product .event-card .event-card-body .timeduration span,
.single-product .event-card .event-card-body .event-time-wrapper span,
.page-template-featured-training .event-card .event-card-body .event-date span,
.page-template-featured-training .event-card .event-card-body .event-time span,
.page-template-featured-training .event-card .event-card-body .timeduration span,
.page-template-featured-training .event-card .event-card-body .event-time-wrapper span,
.page-template-events .event-card .event-card-body .event-date span,
.page-template-events .event-card .event-card-body .event-time span,
.page-template-events .event-card .event-card-body .timeduration span,
.page-template-events .event-card .event-card-body .event-time-wrapper span {
  color: var(--neutral-black);
  font-family: var(--font-body);
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 2.4rem;
}
.page-template-events-trainings .event-card .event-card-body .event-presenter,
.page-template-trainings .event-card .event-card-body .event-presenter,
.single-product .event-card .event-card-body .event-presenter,
.page-template-featured-training .event-card .event-card-body .event-presenter,
.page-template-events .event-card .event-card-body .event-presenter {
  gap: 0.8rem;
  margin-bottom: 2rem;
}
.page-template-events-trainings .event-card .event-card-body .event-presenter svg,
.page-template-trainings .event-card .event-card-body .event-presenter svg,
.single-product .event-card .event-card-body .event-presenter svg,
.page-template-featured-training .event-card .event-card-body .event-presenter svg,
.page-template-events .event-card .event-card-body .event-presenter svg {
  width: 1.6rem;
  height: 1.6rem;
}
.page-template-events-trainings .event-card .event-card-body .event-presenter span,
.page-template-trainings .event-card .event-card-body .event-presenter span,
.single-product .event-card .event-card-body .event-presenter span,
.page-template-featured-training .event-card .event-card-body .event-presenter span,
.page-template-events .event-card .event-card-body .event-presenter span {
  color: var(--neutral-black);
  font-family: var(--font-body);
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 2.4rem;
}
.page-template-events-trainings .event-card .event-card-body .btn-outline,
.page-template-trainings .event-card .event-card-body .btn-outline,
.single-product .event-card .event-card-body .btn-outline,
.page-template-featured-training .event-card .event-card-body .btn-outline,
.page-template-events .event-card .event-card-body .btn-outline {
  min-width: 13.4rem;
  padding: 0.7rem 2.4rem;
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
}

.external-trainings {
  background: var(--gradient-base-2-with-no-opacity, linear-gradient(139deg, #fefefe 0%, #ebf5ff 99.2%));
  padding: 8rem 0;
}
.external-trainings h2 {
  color: var(--Blue-Colors-Prussian-Blue, #036);
  margin-bottom: 1.6rem;
}
.external-trainings p {
  color: var(--Neutral-Colors-Black, #191d23);
  font-family: var(--font-body);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.32px;
  margin: 0;
}
.external-trainings .wp-block-buttons {
  text-align: center;
  margin-top: 2rem;
}
@media screen and (min-width: 992px) {
  .external-trainings .wp-block-buttons {
    text-align: end;
    margin-top: 0;
  }
}
.external-trainings .wp-block-buttons a {
  border-radius: 100px;
  background: var(--Blue-Colors-Dodger-Blue, #2f80ed);
  padding: 1.2rem 1.6rem;
  min-width: 20rem;
  color: var(--Neutral-Colors-White, #fff);
  font-feature-settings: "liga" off, "clig" off;
  /* Desktop/H6 . M */
  font-family: var(--font-heading);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 150% */
  display: flex;
  justify-content: center;
  align-items: center;
}
.external-trainings .wp-block-columns {
  margin-bottom: 0;
}

.slider-events {
  margin-top: 6.2rem;
  background: var(--gradient-primary-b, linear-gradient(92deg, rgba(235, 245, 255, 0.3) 3.31%, #ebf5ff 95.48%));
}
.slider-events .training-card {
  background-color: white;
}

.slider-related {
  padding: 8rem 0;
  overflow: hidden;
  position: relative;
}
.slider-related .related-trainings .title-events {
  max-width: 77.6rem;
}
.slider-related .related-trainings .--tile-training,
.slider-related .related-trainings .--tile-events {
  max-width: 65rem;
  margin: 0 auto 4.8rem;
  text-align: center;
}
.slider-related .related-trainings .--tile-training h2,
.slider-related .related-trainings .--tile-events h2 {
  margin-bottom: 1.6rem;
}
.slider-related .related-trainings .--tile-training p,
.slider-related .related-trainings .--tile-events p {
  font-weight: 600;
  margin-bottom: 0rem;
}

@media screen and (max-width: 992px) {
  .training-product-page .--left-content {
    margin-bottom: 5rem;
  }
}
.training-product-page .training-content {
  --bs-gutter-x: 4.8rem;
}
.training-product-page .training-content .event-layout .row {
  --bs-gutter-x: 9.7rem;
}
.training-product-page .training-image {
  margin-bottom: 4.8rem;
}
.training-product-page .training-image img {
  width: 100%;
  max-height: 57.5rem;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 1rem;
}
.training-product-page .training-description {
  margin-bottom: 4.8rem;
}
.training-product-page .training-description h2 {
  margin-bottom: 1.6rem;
}
.training-product-page .training-description p {
  color: var(--Neutral-Colors-Black, #191d23);
}
.training-product-page .training-sidebar .sidebar-section {
  padding: 2rem 4.2rem;
  border-radius: 16px;
  background: var(--gradient-primary-b, linear-gradient(92deg, rgba(235, 245, 255, 0.3) 3.31%, #ebf5ff 95.48%));
}
.training-product-page .training-sidebar .sidebar-section:first-child {
  margin-bottom: 2.4rem;
}
.training-product-page .training-sidebar .sidebar-section h4 {
  text-transform: capitalize;
  margin-bottom: 1.6rem;
  color: var(--Neutral-Colors-Black, #191d23);
  font-weight: 500;
}
.training-product-page .training-sidebar .sidebar-section p {
  letter-spacing: 0.32px;
  opacity: 0.75;
  max-width: 40.3rem;
  font-weight: 400;
  color: #191d23;
}
.training-product-page .training-sidebar .sidebar-section .sidebar-content {
  overflow: hidden;
  transition: max-height 0.3s ease-in-out;
}
.training-product-page .training-sidebar .sidebar-section .sidebar-content.collapsed {
  overflow: hidden;
}
.training-product-page .training-sidebar .sidebar-section .sidebar-content.expanded {
  overflow: visible;
}
.training-product-page .training-sidebar .sidebar-section .read-more-btn {
  margin-top: 1rem;
  background: transparent;
  border: none;
  color: var(--Primary-Colors-Primary-Blue, #1e5aa8);
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  padding: 0;
  text-decoration: underline;
  transition: color 0.2s ease;
}
.training-product-page .training-sidebar .sidebar-section .read-more-btn:hover {
  color: var(--Primary-Colors-Primary-Blue-Dark, #164580);
}
.training-product-page .training-details,
.training-product-page .event-details-card {
  padding: 2.4rem;
  border-radius: 8px;
  border: 1px solid var(--Neutral-Colors-Card-Stroke-Grey, #d0d5dd);
  background: var(--neutral-colors-card-bg-with-opacity-40, rgba(254, 254, 254, 0.4));
}
.training-product-page .training-details .training-title,
.training-product-page .event-details-card .training-title {
  margin-bottom: 1.6rem;
}
.training-product-page .training-details .training-price,
.training-product-page .training-details .event-price,
.training-product-page .event-details-card .training-price,
.training-product-page .event-details-card .event-price {
  border-bottom: 1px solid #d0d5dd;
  padding-bottom: 1.6rem;
  margin-bottom: 1.6rem;
  display: flex;
  align-items: center;
  gap: 1rem;
}
.training-product-page .training-details .training-price .dollar-icon svg,
.training-product-page .training-details .event-price .dollar-icon svg,
.training-product-page .event-details-card .training-price .dollar-icon svg,
.training-product-page .event-details-card .event-price .dollar-icon svg {
  width: 2.4rem;
  height: 2.4rem;
}
.training-product-page .training-details .training-price .price,
.training-product-page .training-details .event-price .price,
.training-product-page .event-details-card .training-price .price,
.training-product-page .event-details-card .event-price .price {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.training-product-page .training-details .training-price .price ins,
.training-product-page .training-details .event-price .price ins,
.training-product-page .event-details-card .training-price .price ins,
.training-product-page .event-details-card .event-price .price ins {
  color: var(--Neutral-Colors-Black, #191d23);
  font-family: var(--font-heading);
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 36px;
  letter-spacing: 0.48px;
  text-transform: capitalize;
  text-decoration: none;
}
.training-product-page .training-details .training-price .price del,
.training-product-page .training-details .event-price .price del,
.training-product-page .event-details-card .training-price .price del,
.training-product-page .event-details-card .event-price .price del {
  color: var(--Neutral-Colors-Primary-Grey, #4b4b4b);
  font-family: var(--font-heading);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  text-decoration-line: line-through;
}
.training-product-page .training-details .training-price span.sale-price,
.training-product-page .training-details .event-price span.sale-price,
.training-product-page .event-details-card .training-price span.sale-price,
.training-product-page .event-details-card .event-price span.sale-price {
  color: var(--Neutral-Colors-Primary-Grey, #4b4b4b);
  /* Desktop/H7 . R */
  font-family: var(--font-archivo);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  /* 157.143% */
  letter-spacing: 0.28px;
  text-decoration-line: line-through;
}
.training-product-page .training-details .training-price .amount,
.training-product-page .training-details .event-price .amount,
.training-product-page .event-details-card .training-price .amount,
.training-product-page .event-details-card .event-price .amount {
  color: var(--Neutral-Colors-Black, #191d23);
  font-family: var(--font-body);
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 3.6rem;
  letter-spacing: 0.48px;
  text-transform: capitalize;
  display: inline-flex;
  align-items: center;
}
.training-product-page .training-details .training-price del bdi,
.training-product-page .training-details .event-price del bdi,
.training-product-page .event-details-card .training-price del bdi,
.training-product-page .event-details-card .event-price del bdi {
  display: inline-block;
}
.training-product-page .training-details .training-price ins bdi,
.training-product-page .training-details .event-price ins bdi,
.training-product-page .event-details-card .training-price ins bdi,
.training-product-page .event-details-card .event-price ins bdi {
  display: inline-block;
  text-decoration: line-through;
  color: var(--Neutral-Colors-Primary-Grey, #4b4b4b);
  font-family: var(--font-archivo);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
  text-decoration-line: line-through;
}
.training-product-page .training-details .datetime-content,
.training-product-page .event-details-card .datetime-content {
  display: flex;
  margin-bottom: 1.6rem;
  flex-wrap: wrap;
  gap: 1.6rem;
}
@media screen and (min-width: 992px) {
  .training-product-page .training-details .datetime-content,
  .training-product-page .event-details-card .datetime-content {
    gap: 0;
  }
}
.training-product-page .training-details .datetime-content .info-item,
.training-product-page .event-details-card .datetime-content .info-item {
  margin: 0;
}
.training-product-page .training-details .datetime-content .datetime-col,
.training-product-page .event-details-card .datetime-content .datetime-col {
  display: flex;
  flex-direction: column;
  flex: 0 0 22.6rem;
}
.training-product-page .training-details .datetime-content .datetime-col .info-icon,
.training-product-page .event-details-card .datetime-content .datetime-col .info-icon {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.training-product-page .training-details .datetime-content .datetime-col .info-item,
.training-product-page .event-details-card .datetime-content .datetime-col .info-item {
  margin: 0;
}
.training-product-page .training-details .datetime-content .datetime-col .info-label,
.training-product-page .event-details-card .datetime-content .datetime-col .info-label {
  color: var(--Neutral-Colors-Secondary-Grey, #868686);
  font-family: var(--font-body);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  display: flex;
  align-items: center;
  gap: 1rem;
}
.training-product-page .training-details .datetime-content .datetime-col .info-value,
.training-product-page .event-details-card .datetime-content .datetime-col .info-value {
  color: var(--Neutral-Colors-Black, #191d23);
  font-family: var(--font-body);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
.training-product-page .training-details .info-item,
.training-product-page .event-details-card .info-item {
  margin-bottom: 1.6rem;
}
.training-product-page .training-details .info-item .info-icon,
.training-product-page .event-details-card .info-item .info-icon {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.training-product-page .training-details .info-item .info-icon svg,
.training-product-page .event-details-card .info-item .info-icon svg {
  width: 1.6rem;
  height: 1.6rem;
}
.training-product-page .training-details .info-item .info-icon .info-label,
.training-product-page .event-details-card .info-item .info-icon .info-label {
  color: var(--Neutral-Colors-Secondary-Grey, #868686);
  font-family: var(--font-heading);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
}
.training-product-page .training-details .info-item .info-value,
.training-product-page .event-details-card .info-item .info-value {
  color: var(--Neutral-Colors-Black, #191d23);
  font-family: var(--font-body);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
.training-product-page .training-details .training-purchase button,
.training-product-page .training-details .event-purchase button,
.training-product-page .event-details-card .training-purchase button,
.training-product-page .event-details-card .event-purchase button {
  border-radius: 100px;
  background: var(--Blue-Colors-Dodger-Blue, #2f80ed);
  padding: 1.2rem 2.4rem;
  width: 100%;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.4rem;
  margin-top: 3.2rem;
  transition: all 0.3s ease;
}
.training-product-page .training-details .training-purchase button:hover,
.training-product-page .training-details .event-purchase button:hover,
.training-product-page .event-details-card .training-purchase button:hover,
.training-product-page .event-details-card .event-purchase button:hover {
  background: var(--denim-stroke-selection);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.15);
}
.training-product-page .training-details .training-purchase button:disabled,
.training-product-page .training-details .event-purchase button:disabled,
.training-product-page .event-details-card .training-purchase button:disabled,
.training-product-page .event-details-card .event-purchase button:disabled {
  background: var(--Neutral-Colors-Disable-Grey, #e1e4e7) !important;
  box-shadow: unset;
}

.related-products-slider .slick-list {
  margin: 0 -10px;
  overflow: visible;
}
.related-products-slider .slick-slide {
  padding: 0 10px;
}
.related-products-slider .training-card .training-price .text-muted {
  order: 2;
  color: var(--Neutral-Colors-Primary-Grey, #4b4b4b);
  /* Desktop/H7 . R */
  font-family: var(--font-archivo);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 157.143% */
  letter-spacing: 0.28px;
  text-decoration-line: line-through;
}

.pagination {
  margin: 0;
  gap: 0.8rem;
  flex-wrap: wrap;
}
.pagination .page-item .page-link {
  padding: 1.1rem 1.8rem;
  border-radius: 8px;
  border: 1px solid var(--Neutral-Colors-Disable-Grey, #e1e4e7);
  background: var(--Neutral-Colors-White, #fff);
  text-align: center;
  color: var(--Neutral-Colors-Disable-Text-Grey, #b3b7bd);
  /* Desktop/H7 . R */
  font-family: Archivo;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 157.143% */
  letter-spacing: 0.28px;
}
.pagination .page-item .page-link:focus {
  box-shadow: unset;
}
.pagination .page-item.active {
  background: transparent;
}
.pagination .page-item.active .page-link, .pagination .page-item.active.next, .pagination .page-item.active.prev {
  border-radius: 8px;
  border: 1px solid var(--Blue-Colors-Prussian-Blue, #036);
  color: var(--Blue-Colors-Prussian-Blue, #036);
  font-family: Archivo;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
}

.not-found h2 {
  color: var(--Blue-Colors-Prussian-Blue, #036);
  font-family: var(--font-heading);
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 54px;
  text-transform: capitalize;
  margin-bottom: 0.5rem;
}
.not-found p {
  color: var(--Neutral-Colors-Primary-Grey, #4b4b4b);
  font-family: var(--font-body);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  margin: 0;
}
.not-found .button-group {
  margin-top: 3.6rem;
}
.not-found .error-content {
  padding-top: 12rem;
}
.not-found .error-content .btn {
  padding: 1.2rem 2.4rem;
}
.not-found .error-image {
  z-index: -1;
  position: relative;
}
@media screen and (min-width: 1025px) {
  .not-found .error-image {
    margin-top: -7rem;
  }
}

.grouped-resources-tabs {
  margin-bottom: 8rem;
}

@media screen and (max-width: 992px) {
  .single-instrument {
    padding-right: 0 !important;
  }
}
.single-instrument .course-single-wrapper .--resources-grid .resources-tabs {
  padding: 8rem 0rem;
}
.single-instrument .course-single-wrapper .--resources-grid .resources-tabs .search-filter-wrapper .resources-search {
  max-width: 30.5rem;
  position: relative;
}
.single-instrument .course-single-wrapper .--resources-grid .resources-topbar {
  margin-bottom: 4rem;
}
.single-instrument .course-single-wrapper .--resources-grid .resources-topbar .--left-forms .form-control-input {
  padding: 1.2rem 4.8rem;
}
.single-instrument .pagination {
  margin: 4rem 0 1rem;
}
.single-instrument .related-training-wrapper .--heading h2 {
  margin-bottom: 1.6rem;
}
.single-instrument .related-training-wrapper .--heading p {
  font-weight: 600;
  color: var(--Neutral-Colors-Primary-Grey, #4b4b4b);
  margin: 0;
}
.single-instrument .related-training-wrapper .btn-outline {
  padding: 0.7rem 2.4rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  line-height: 18px;
  min-width: 13.4rem;
  font-size: 1.2rem;
}
.single-instrument .related-training-wrapper .btn-outline:hover svg path {
  stroke: white;
}
.single-instrument .related-training-wrapper .training-card .details-btn {
  margin-top: 4rem;
}
.single-instrument .related-training-wrapper .training-card .row {
  --bs-gutter-x: 2.4rem;
}
.single-instrument .related-training-wrapper .training-card .training-image {
  max-height: 23.2rem;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
  overflow: hidden;
}
.single-instrument .related-training-wrapper .training-card .training-title {
  /* Desktop/H4 . M */
  font-family: var(--font-heading);
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 36px; /* 150% */
  letter-spacing: 0.48px;
  text-transform: capitalize;
  margin-bottom: 0.8rem;
}
.single-instrument .related-training-wrapper .training-card .training-title a {
  color: var(--Blue-Colors-Prussian-Blue, #036);
}
.single-instrument .related-training-wrapper .training-card .training-price {
  margin-bottom: 2rem;
}
.single-instrument .related-training-wrapper .training-card .training-price .sale_price {
  order: 22;
}
.single-instrument .related-training-wrapper .training-card .training-presenter {
  margin: 0.8rem 0 0 0 !important;
}
.single-instrument .related-training-wrapper .training-card .training-presenter span {
  color: var(--Blue-Colors-Prussian-Blue, #036) !important;
  font-weight: 600 !important;
}
.single-instrument .related-training-wrapper .training-card .training-price,
.single-instrument .related-training-wrapper .training-card .training-date,
.single-instrument .related-training-wrapper .training-card .training-time,
.single-instrument .related-training-wrapper .training-card .training-presenter {
  color: var(--Neutral-Colors-Primary-Grey, #4b4b4b);
  font-family: var(--font-body);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 150% */
  margin: 0 0 0.4rem 0;
  gap: 0.8rem;
}
.single-instrument .related-training-wrapper .training-card .training-price svg,
.single-instrument .related-training-wrapper .training-card .training-date svg,
.single-instrument .related-training-wrapper .training-card .training-time svg,
.single-instrument .related-training-wrapper .training-card .training-presenter svg {
  width: 16px;
  height: 16px;
}
.single-instrument .related-training-wrapper .training-card .training-price .text-primary,
.single-instrument .related-training-wrapper .training-card .training-date .text-primary,
.single-instrument .related-training-wrapper .training-card .training-time .text-primary,
.single-instrument .related-training-wrapper .training-card .training-presenter .text-primary {
  color: var(--Blue-Colors-Prussian-Blue, #036) !important;
}

.cart-sidebar {
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  height: 100vh;
  z-index: 999999999;
  transition: right 0.3s ease-in-out;
  padding: 2.4rem;
}
.cart-sidebar.open {
  right: 0;
}
.cart-sidebar .cart-sidebar-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(25, 29, 35, 0.75);
  backdrop-filter: blur(11.5px);
  cursor: pointer;
}
.cart-sidebar .cart-sidebar-content {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  max-width: 48rem;
  height: 100%;
  background: white;
  display: flex;
  flex-direction: column;
  border-radius: 4px 0 0 4px;
  background: var(--Neutral-Colors-White, #fff);
  box-shadow: -4px 4px 4px 0 rgba(0, 0, 0, 0.1);
  padding: 2.4rem;
}
.cart-sidebar .cart-sidebar-content .cart-sidebar-header {
  border-bottom: 1px solid var(--Neutral-Colors-Card-Stroke-Grey, #d0d5dd);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2rem 0;
  margin-bottom: 3.2rem;
}
.cart-sidebar .cart-sidebar-content .cart-sidebar-header h3 {
  color: var(--Neutral-Colors-Black, #191d23);
  font-family: var(--font-heading);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px; /* 150% */
  text-transform: capitalize;
  margin: 0;
}
.cart-sidebar .cart-sidebar-content .cart-sidebar-header .cart-close-btn {
  background: none;
  border: none;
  padding: 4px;
  cursor: pointer;
  color: #6b7280;
  transition: color 0.2s;
}
.cart-sidebar .cart-sidebar-content .cart-sidebar-body {
  flex: 1;
  overflow-y: auto;
  min-height: 20rem;
}
@media (max-width: 782px) {
  .cart-sidebar .cart-sidebar-content .cart-sidebar-body {
    margin-bottom: 2rem;
  }
}
.cart-sidebar .cart-sidebar-content .cart-sidebar-body .cart-item {
  display: flex;
  gap: 1.6rem;
  padding: 1.6rem;
  border-radius: 8px;
  border: 1px solid var(--Neutral-Colors-Card-Stroke-Grey, #d0d5dd);
  margin-bottom: 1.6rem;
  align-items: stretch;
  flex-wrap: wrap;
}
.cart-sidebar .cart-sidebar-content .cart-sidebar-body .cart-item .cart-item-image {
  width: 12.2rem;
  border-radius: 4px;
  overflow: hidden;
  flex-shrink: 0;
}
.cart-sidebar .cart-sidebar-content .cart-sidebar-body .cart-item .cart-item-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.cart-sidebar .cart-sidebar-content .cart-sidebar-body .cart-item .cart-item-details {
  flex: 1;
}
.cart-sidebar .cart-sidebar-content .cart-sidebar-body .cart-item .cart-item-details .cart-item-title {
  color: var(--Blue-Colors-Prussian-Blue, #036);
  font-family: var(--font-body);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px; /* 157.143% */
  margin-bottom: 0.6rem;
}
.cart-sidebar .cart-sidebar-content .cart-sidebar-body .cart-item .cart-item-details .cart-item-price,
.cart-sidebar .cart-sidebar-content .cart-sidebar-body .cart-item .cart-item-details .cart-item-meta,
.cart-sidebar .cart-sidebar-content .cart-sidebar-body .cart-item .cart-item-details .cart-item-presenter {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  margin-bottom: 0.6rem;
}
.cart-sidebar .cart-sidebar-content .cart-sidebar-body .cart-item .cart-item-details .cart-item-price svg,
.cart-sidebar .cart-sidebar-content .cart-sidebar-body .cart-item .cart-item-details .cart-item-meta svg,
.cart-sidebar .cart-sidebar-content .cart-sidebar-body .cart-item .cart-item-details .cart-item-presenter svg {
  width: 12px;
  height: 12px;
}
.cart-sidebar .cart-sidebar-content .cart-sidebar-body .cart-item .cart-item-details .cart-item-meta {
  color: var(--Neutral-Colors-Primary-Grey, #4b4b4b);
  /* Desktop/P3 . M */
  font-family: var(--font-body);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px; /* 150% */
}
.cart-sidebar .cart-sidebar-content .cart-sidebar-body .cart-item .cart-item-details .cart-item-presenter {
  color: var(--Blue-Colors-Prussian-Blue, #036);
  font-family: var(--font-body);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 150% */
  margin: 0;
}
.cart-sidebar .cart-sidebar-content .cart-sidebar-body .cart-item .cart-item-details .cart-item-price {
  color: var(--Neutral-Colors-Black, #191d23);
  font-family: var(--font-body);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px; /* 157.143% */
  margin-bottom: 0.6rem;
}
.cart-sidebar .cart-sidebar-content .cart-sidebar-body .cart-item .cart-item-details .cart-item-price .sale-price {
  font-weight: 600;
}
.cart-sidebar .cart-sidebar-content .cart-sidebar-body .cart-item .cart-item-details .cart-item-price .regular-price del {
  color: #9ca3af;
  font-size: 12px;
  font-weight: 400;
  text-decoration: line-through;
}
.cart-sidebar .cart-sidebar-content .cart-sidebar-body .cart-item .cart-item-details .cart-item-remove {
  padding: 0.3rem 2.4rem;
  transition: all 0.2s;
  border-radius: 100px;
  border: 1px solid var(--blue-colors-denim-stroke-selection, #1e5aa8);
  color: var(--blue-colors-denim-stroke-selection, #1e5aa8);
  font-family: var(--font-heading);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16.4px;
  background: none;
  margin-top: 1.6rem;
}
.cart-sidebar .cart-sidebar-content .cart-sidebar-footer {
  padding-top: 1.6rem;
  border-top: 1px solid #e5e7eb;
  overflow-y: scroll;
}
.cart-sidebar .cart-sidebar-content .cart-sidebar-footer .cart-totals {
  margin-bottom: 4rem;
}
.cart-sidebar .cart-sidebar-content .cart-sidebar-footer .cart-totals .cart-total-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.6rem;
}
.cart-sidebar .cart-sidebar-content .cart-sidebar-footer .cart-totals .cart-total-row span {
  color: var(--Neutral-Colors-Primary-Grey, #4b4b4b);
  font-family: var(--font-body);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 150% */
  letter-spacing: 0.32px;
}
.cart-sidebar .cart-sidebar-content .cart-sidebar-footer .cart-totals .cart-total-row #cart-items-total {
  font-weight: 600;
}
.cart-sidebar .cart-sidebar-content .cart-sidebar-footer .cart-totals .cart-total-row.total-amount {
  border-top: 1px solid #e1e4e7;
  margin-bottom: 0;
  margin-top: 16px;
  padding-top: 1.8rem;
}
.cart-sidebar .cart-sidebar-content .cart-sidebar-footer .cart-totals .cart-total-row.total-amount span {
  color: var(--Neutral-Colors-Black, #191d23);
  font-family: Archivo;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  text-transform: capitalize;
}
.cart-sidebar .cart-sidebar-content .cart-sidebar-footer .cart-member-notice {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  margin-bottom: 0rem;
  border-radius: 4px;
  background: var(--Blue-Colors-Alice-Blue, #ebf5ff);
  padding: 1.4rem 1.6rem;
  display: none;
}
.cart-sidebar .cart-sidebar-content .cart-sidebar-footer .cart-member-notice span {
  color: var(--Neutral-Colors-Black, #191d23);
  font-family: var(--font-body);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 150% */
  margin: 0;
}
.cart-sidebar .cart-sidebar-content .cart-sidebar-footer .cart-member-notice svg {
  flex: 0 0 2.4rem;
}
.cart-sidebar .cart-sidebar-content .cart-sidebar-footer .cart-checkout-buttons {
  display: flex;
  gap: 16px;
  margin: 4rem 0;
  flex-wrap: wrap;
}
.cart-sidebar .cart-sidebar-content .cart-sidebar-footer .cart-checkout-buttons .btn {
  border-radius: 45px;
  border: 1px solid var(--Blue-Colors-Dodger-Blue, #2f80ed);
  color: var(--blue-colors-denim-stroke-selection, #1e5aa8);
  font-family: var(--font-heading);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 22.4px;
  padding: 0.8rem 2.4rem;
  flex: 1;
}
.cart-sidebar .cart-sidebar-content .cart-sidebar-footer .cart-checkout-buttons .btn.btn-outline-primary {
  background: white;
}
.cart-sidebar .cart-sidebar-content .cart-sidebar-footer .cart-checkout-buttons .btn.btn-primary {
  color: white;
}
.cart-sidebar .cart-sidebar-content .cart-sidebar-footer .cart-checkout-buttons .btn:disabled {
  background: var(--neutral-grey-4);
  cursor: not-allowed;
  color: var(--neutral-grey-3) !important;
  border: unset !important;
}
.cart-sidebar .cart-sidebar-content .cart-sidebar-footer .cart-payment-methods {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: center;
  color: var(--Neutral-Colors-Primary-Grey, #4b4b4b);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
.cart-sidebar .cart-empty {
  text-align: center;
  padding: 40px 20px;
  color: #6b7280;
}
.cart-sidebar .cart-empty svg {
  margin-bottom: 16px;
  opacity: 0.5;
}
.cart-sidebar .loading-spinner {
  display: inline-block;
  width: 12px;
  height: 12px;
  border: 2px solid #f3f3f3;
  border-top: 2px solid #3498db;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin-right: 4px;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@media (max-width: 480px) {
  .cart-sidebar .cart-sidebar-content {
    width: 100%;
  }
}

@media (max-width: 782px) {
  .wc-block-cart .wc-block-cart__submit-container--sticky {
    display: none;
  }
}
.select2-container .select2-selection--single .select2-selection__arrow b {
  background-size: 24px;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  left: -16px;
  margin: -10px 0 0;
}

.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
  border-top-color: var(--Blue-Colors-Dodger-Blue, #2f80ed);
}
.woocommerce-error li a,
.woocommerce-info li a,
.woocommerce-message li a {
  color: var(--Blue-Colors-Prussian-Blue, #036);
}

#instrumentAccessModal {
  padding-right: 0 !important;
}
#instrumentAccessModal .modal-lg {
  max-width: 850px;
}
#instrumentAccessModal .modal-header h5 {
  color: var(--Blue-Colors-Prussian-Blue, #036);
  text-align: center;
  font-family: var(--font-heading);
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 36px;
  letter-spacing: 0.48px;
  text-transform: capitalize;
  margin-bottom: 0rem;
}
#instrumentAccessModal .modal-header p {
  color: var(--Neutral-Colors-Primary-Grey, #4b4b4b);
  /* Desktop/P1 . SB */
  font-family: "General Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 150% */
}
#instrumentAccessModal .modal-body {
  margin: 1.6rem 0 3.3rem;
  overflow: visible !important;
}
#instrumentAccessModal .modal-body #trainerInstructionText {
  margin-bottom: 4.8rem !important;
}
#instrumentAccessModal .modal-footer {
  gap: 2.4rem;
  margin: 0;
}
#instrumentAccessModal .modal-footer .btn {
  padding: 11.2px 24px;
  margin: 0;
  border: 1px solid var(--denim-stroke-selection);
}
#instrumentAccessModal .trainer-certification-fields {
  margin-top: 4rem;
}
#instrumentAccessModal .trainer-certification-fields #trainer_name {
  margin-bottom: 0 !important;
}
#instrumentAccessModal .trainer-certification-fields label {
  color: #191d23;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
}
#instrumentAccessModal .trainer-certification-fields input,
#instrumentAccessModal .trainer-certification-fields select {
  margin-bottom: 1rem !important;
  border-radius: 8px;
  border: 1px solid var(--Neutral-Colors-Card-Stroke-Grey, #d0d5dd);
  padding: 1.12rem;
}
#instrumentAccessModal .trainer-certification-fields select {
  position: relative;
  z-index: 1050;
}
#instrumentAccessModal .trainer-certification-fields .select2-container .select2-selection--single {
  border-radius: 8px;
  border: 1px solid var(--Neutral-Colors-Card-Stroke-Grey, #d0d5dd);
  padding: 0.62rem 0.75rem;
  height: auto;
  min-height: 48px;
}
#instrumentAccessModal .trainer-certification-fields .select2-container .select2-selection--single .select2-selection__rendered {
  color: #191d23;
  padding: 0.5rem 0;
}
#instrumentAccessModal .instrument-certification {
  margin-top: 2rem;
}
#instrumentAccessModal .instrument-certification #accessLevelRadios .form-check {
  display: block;
  border-radius: 16px;
  border: 1px solid var(--Neutral-Colors-Disable-Grey, #e1e4e7);
  background: var(--Neutral-Colors-White, #fff);
  padding: 0.8rem 2rem;
  display: flex;
  align-items: center;
  gap: 0.8rem;
  border-radius: 44px;
  min-width: 114px;
  justify-content: center;
  transition: all 0.3s ease;
}
#instrumentAccessModal .instrument-certification #accessLevelRadios .form-check:has(.instrument-role-radio:checked) {
  background-color: #ebf5ff;
  border-color: #ebf5ff;
}
#instrumentAccessModal .instrument-certification #accessLevelRadios .form-check .instrument-role-radio {
  width: 16px;
  height: 15px;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="15" viewBox="0 0 16 15" fill="none"><path d="M7.76758 0.5C11.7981 0.5 15.0352 3.65039 15.0352 7.5C15.0352 11.3496 11.7981 14.5 7.76758 14.5C3.73711 14.4999 0.5 11.3495 0.5 7.5C0.5 3.65046 3.73711 0.500102 7.76758 0.5Z" stroke="%23D0D5DD"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  cursor: pointer;
  border: none;
  padding: 0;
  margin: 0;
}
#instrumentAccessModal .instrument-certification #accessLevelRadios .form-check .instrument-role-radio:checked {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="15" viewBox="0 0 16 15" fill="none"><path d="M7.76758 0.5C11.7981 0.5 15.0352 3.65039 15.0352 7.5C15.0352 11.3496 11.7981 14.5 7.76758 14.5C3.73711 14.4999 0.5 11.3495 0.5 7.5C0.5 3.65046 3.73711 0.500102 7.76758 0.5Z" stroke="%23D0D5DD"/><ellipse cx="7.76949" cy="7.5" rx="3.62496" ry="3.5" fill="%23003366"/></svg>');
}
#instrumentAccessModal .instrument-certification #accessLevelRadios .form-check label {
  margin: 0;
  font-size: 14px;
  line-height: 22px;
}

.home .hero-block {
  padding: 0em 0rem 8rem 0;
  margin: 0;
}
@media screen and (min-width: 1025px) {
  .home .hero-block {
    padding: 0em 2.3rem 8rem 0;
  }
}
.home .hero-block .btn {
  padding: 1.2rem 2.4rem;
}

.page-template-featured-training .hero-block {
  margin-top: 4.8rem;
  margin-bottom: 4.8rem;
}

.related-product-card .training-card .training-title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.related-product-card .training-card .arrow-button {
  margin-top: 1.6rem;
}

.privacy-hero {
  margin: 4.8rem 0 8rem;
}
.privacy-hero h1 {
  margin-bottom: 1.6rem;
}

.privacy-content h4 {
  margin-bottom: 2.4rem;
}
.privacy-content h5 {
  margin-bottom: 1.6rem;
  color: var(--Neutral-Colors-Primary-Grey, #4b4b4b);
  font-weight: 700;
  line-height: 30px;
  text-transform: capitalize;
}

.search-page .search-form {
  display: none;
}
.search-page .page-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .search-page .page-header {
    align-items: start;
    flex-direction: column;
    margin-bottom: 4rem;
  }
}
.search-page .page-header .post-type-filter {
  border-radius: 100px;
  border: 1px solid var(--Neutral-Colors-Card-Stroke-Grey, #d0d5dd);
  min-width: 17rem;
  margin: 0;
  color: var(--Blue-Colors-Prussian-Blue, #036);
  font-family: var(--font-heading);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}
.search-page .page-header .post-type-filter:focus {
  outline: none;
}
.search-page h1 {
  margin: 4.8rem 0 2rem;
}
@media screen and (min-width: 768px) {
  .search-page h1 {
    margin: 4.8rem 0;
  }
}
.search-page .resource-card {
  max-width: 98rem;
  margin: 0 auto 2.4rem;
  border-radius: 8px;
  border: 1px solid var(--Neutral-Colors-Card-Stroke-Grey, #d0d5dd);
  padding: 2.4rem;
  display: flex;
  justify-content: space-between;
  align-items: start;
  flex-direction: column;
}
@media screen and (min-width: 767px) {
  .search-page .resource-card {
    flex-direction: row;
  }
}
.search-page .resource-card .post-type-badge {
  color: var(--Blue-Colors-Dodger-Blue, #2f80ed);
  text-align: right;
  font-family: var(--font-archivo);
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  margin-top: 2.4rem;
}
@media screen and (min-width: 992px) {
  .search-page .resource-card .post-type-badge {
    margin-top: 0;
  }
}
.search-page .resource-card .--content {
  display: flex;
  align-items: start;
  gap: 2.4rem;
  flex-direction: column;
}
@media screen and (min-width: 767px) {
  .search-page .resource-card .--content {
    flex-direction: row;
    align-items: center;
  }
}
.search-page .resource-card .--content .resource-icon {
  padding: 0 0.6rem;
}
.search-page .resource-card .--content .resource-title {
  color: var(--Blue-Colors-Prussian-Blue, #036);
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  text-transform: capitalize;
  padding-right: 2.4rem;
  margin: 0;
}
@media (max-width: 768px) {
  .search-page .resource-card .--content .resource-title {
    padding-right: 0;
  }
}
.search-page .resource-card .--content .resource-title a {
  color: var(--Blue-Colors-Prussian-Blue, #036);
}
.search-page .training-card {
  max-width: 98rem;
  margin: 0 auto 2.4rem;
  display: flex;
  justify-content: space-between;
  border-radius: 8px;
  border: 1px solid var(--Neutral-Colors-Disable-Grey, #e1e4e7);
  background: var(--Neutral-Colors-White, #fff);
  align-items: start;
  padding: 2.4rem;
  flex-direction: column;
}
@media screen and (min-width: 767px) {
  .search-page .training-card {
    flex-direction: row;
  }
}
.search-page .training-card .training-card-inner {
  display: flex;
  align-items: start;
  gap: 2.4rem;
  flex-direction: column;
}
@media screen and (min-width: 767px) {
  .search-page .training-card .training-card-inner {
    flex-direction: row;
  }
}
.search-page .training-card .training-card-inner .--img {
  flex: 0 0 14rem;
}
.search-page .training-card .training-card-inner .training-title {
  color: var(--Blue-Colors-Prussian-Blue, #036);
  font-family: var(--font-archivo);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px; /* 150% */
  text-transform: capitalize;
  margin-bottom: 0.4rem;
}
.search-page .training-card .training-card-inner .training-title a {
  color: var(--Blue-Colors-Prussian-Blue, #036);
}
.search-page .training-card .training-card-inner .excerpt {
  color: var(--Neutral-Colors-Primary-Grey, #4b4b4b);
  font-family: var(--font-body);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.32px;
}
.search-page .training-card .post-type-badge {
  color: var(--Blue-Colors-Dodger-Blue, #2f80ed);
  text-align: right;
  font-family: var(--font-archivo);
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  margin-top: 2.4rem;
}
@media screen and (min-width: 992px) {
  .search-page .training-card .post-type-badge {
    margin-top: 0;
  }
}
.search-page .product-card {
  max-width: 98rem;
  margin: 0 auto 2.4rem;
  display: flex;
  justify-content: space-between;
  border-radius: 8px;
  border: 1px solid var(--Neutral-Colors-Disable-Grey, #e1e4e7);
  background: var(--Neutral-Colors-White, #fff);
  align-items: start;
  padding: 2.4rem;
  flex-direction: column;
}
@media screen and (min-width: 767px) {
  .search-page .product-card {
    flex-direction: row;
  }
}
.search-page .product-card .product-body {
  flex: 1;
}
.search-page .product-card .product-body .product-title {
  color: var(--Blue-Colors-Prussian-Blue, #036);
  font-family: var(--font-archivo);
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  text-transform: capitalize;
  margin-bottom: 2rem;
  padding-right: 2rem;
}
.search-page .product-card .product-body .product-title a {
  color: var(--Blue-Colors-Prussian-Blue, #036);
}
.search-page .product-card .product-body .event-datetime {
  display: flex;
  gap: 1.2rem;
  flex-direction: column;
  margin-top: 1.2rem;
}
@media screen and (min-width: 767px) {
  .search-page .product-card .product-body .event-datetime {
    flex-direction: row;
    margin-top: 0;
  }
}
.search-page .product-card .product-body .event-datetime .event-date,
.search-page .product-card .product-body .event-datetime .event-time {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  color: var(--Neutral-Colors-Primary-Grey, #4b4b4b);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
.search-page .product-card .product-body .event-datetime .event-date svg,
.search-page .product-card .product-body .event-datetime .event-time svg {
  flex-shrink: 0;
}
.search-page .product-card .product-body .product-price {
  gap: 0.8rem;
  color: var(--Neutral-Colors-Black, #191d23);
  font-family: var(--font-body);
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
}
.search-page .product-card .product-body .product-price svg {
  flex-shrink: 0;
}
.search-page .product-card .product-body .product-price .--price.sale_price {
  color: var(--Neutral-Colors-Primary-Grey, #4b4b4b);
  font-weight: 400;
  order: 2;
}
.search-page .product-card .post-type-badge {
  color: var(--Blue-Colors-Dodger-Blue, #2f80ed);
  text-align: right;
  font-family: var(--font-archivo);
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  margin-top: 2.4rem;
}
@media screen and (min-width: 992px) {
  .search-page .product-card .post-type-badge {
    margin-top: 0;
  }
}

.Pagination [aria-label=Previous],
.Pagination [aria-label=Next] {
  border: 1px solid var(--Blue-Colors-Prussian-Blue, #036) !important;
  color: var(--Blue-Colors-Prussian-Blue, #036) !important;
}

.wp-block-woocommerce-filled-cart-block {
  padding: 10rem 0 0 !important;
}
.wp-block-woocommerce-filled-cart-block .wc-block-components-product-name {
  color: var(--Blue-Colors-Prussian-Blue, #036);
  /* Desktop/H5 . B */
  font-family: Archivo;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px; /* 150% */
  text-transform: capitalize;
}
.wp-block-woocommerce-filled-cart-block .wc-block-cart-item__prices .wc-block-components-product-price__regular {
  color: var(--Neutral-Colors-Primary-Grey, #4b4b4b);
  font-family: var(--font-body);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 157.143% */
  letter-spacing: 0.28px;
  text-decoration-line: line-through;
}
.wp-block-woocommerce-filled-cart-block .wc-block-cart-item__prices .wc-block-components-product-price__value.is-discounted {
  color: var(--Neutral-Colors-Black, #191d23);
  font-family: var(--font-body);
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px; /* 150% */
}
.wp-block-woocommerce-filled-cart-block .wc-block-cart-item__remove-link,
.wp-block-woocommerce-filled-cart-block .wc-block-cart__submit-button {
  font-size: 1.6rem !important;
  font-weight: 500 !important;
  line-height: 2.4rem !important;
  font-family: var(--font-heading) !important;
  padding: 1.2rem 2.4rem !important;
  border-radius: 10rem !important;
  transition: all 0.3s ease !important;
  min-width: 16.5rem !important;
  color: white !important;
  background: var(--dodger-blue) !important;
  border: none !important;
  text-decoration: none !important;
  margin-top: 2rem !important;
}
.wp-block-woocommerce-filled-cart-block .wc-block-components-product-price__value {
  color: var(--Neutral-Colors-Black, #191d23);
  font-family: var(--font-body);
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
}
.wp-block-woocommerce-filled-cart-block .wc-block-components-totals-footer-item .wc-block-components-totals-item__label {
  font-weight: 600;
}
.wp-block-woocommerce-filled-cart-block .wc-block-components-formatted-money-amount {
  white-space: nowrap;
  font-weight: 600;
}
.wp-block-woocommerce-filled-cart-block .wc-block-components-product-metadata__description p {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.4rem;
  color: var(--Neutral-Colors-Primary-Grey, #4b4b4b);
  margin: 0;
}

.trainer-access {
  margin-top: 5rem;
}

.course-header-right .btn-outline {
  padding: 0.92rem 2.4rem;
}

.page-template-trainings .hero-block,
.page-template-events .hero-block {
  margin-top: 0;
}

.page-template-master-training .resources-section .res-card .res-card-body,
.page-template-master-training .policy-practice-wrap .res-card .res-card-body {
  justify-content: space-between;
}
.page-template-master-training .resources-section .res-card .res-card-body .--icon,
.page-template-master-training .policy-practice-wrap .res-card .res-card-body .--icon {
  display: flex;
  gap: 2.4rem;
  align-items: center;
  flex-wrap: wrap;
}
.page-template-master-training .resources-section .res-card .res-card-body .--icon p,
.page-template-master-training .policy-practice-wrap .res-card .res-card-body .--icon p {
  flex: 0 0 23.1rem;
}

.page-template-events-trainings .notification-block,
.page-template-trainings .notification-block,
.page-template-events .notification-block {
  padding: 0rem 0rem;
}
.page-template-events-trainings .notification-block .status-card,
.page-template-trainings .notification-block .status-card,
.page-template-events .notification-block .status-card {
  border-radius: 8px;
  border: 1px solid #d0d5dd;
  background: linear-gradient(139deg, #fefefe 0%, #ebf5ff 99.2%);
  padding: 6rem 4rem;
  width: 100%;
  max-width: 69.7rem;
  margin: 0 auto;
}
.page-template-events-trainings .notification-block .status-card h3,
.page-template-events-trainings .notification-block .status-card h4,
.page-template-trainings .notification-block .status-card h3,
.page-template-trainings .notification-block .status-card h4,
.page-template-events .notification-block .status-card h3,
.page-template-events .notification-block .status-card h4 {
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  margin-bottom: 0.2rem;
}
.page-template-events-trainings .notification-block .status-card p,
.page-template-trainings .notification-block .status-card p,
.page-template-events .notification-block .status-card p {
  margin-bottom: 0;
  font-weight: 600;
}
.page-template-events-trainings .notification-block .status-card img,
.page-template-trainings .notification-block .status-card img,
.page-template-events .notification-block .status-card img {
  margin-bottom: 4rem;
  max-width: 12rem;
}
.page-template-events-trainings .notification-block .status-card .btn,
.page-template-trainings .notification-block .status-card .btn,
.page-template-events .notification-block .status-card .btn {
  margin-top: 4rem;
  padding: 9.2px 2.4rem;
}

.page-template-master-training .filter,
.page-template-general-resources .filter {
  position: relative;
  border-radius: 8px;
  background: linear-gradient(0deg, var(--Blue-Colors-Alice-Blue, #ebf5ff) 0%, var(--Blue-Colors-Alice-Blue, #ebf5ff) 100%), var(--bg-white-base, #fff);
  padding: 2.4rem;
  flex-wrap: wrap;
  gap: 3.6rem;
}
@media screen and (min-width: 1025px) {
  .page-template-master-training .filter,
  .page-template-general-resources .filter {
    flex-wrap: nowrap;
    gap: 0;
  }
}
.page-template-master-training .filter .filter-inner,
.page-template-general-resources .filter .filter-inner {
  width: 100%;
  gap: 3.6rem;
  flex-wrap: wrap;
}
@media screen and (min-width: 992px) {
  .page-template-master-training .filter .filter-inner,
  .page-template-general-resources .filter .filter-inner {
    flex-wrap: nowrap;
  }
}
.page-template-master-training .filter .search-form,
.page-template-general-resources .filter .search-form {
  max-width: 100%;
  width: 100%;
}
@media screen and (min-width: 992px) {
  .page-template-master-training .filter .search-form,
  .page-template-general-resources .filter .search-form {
    max-width: 36rem;
  }
}
.page-template-master-training .filter .search-form .search-input-wrapper input,
.page-template-general-resources .filter .search-form .search-input-wrapper input {
  width: 100%;
  border-radius: 100px;
  border: 1px solid var(--Neutral-Colors-Card-Stroke-Grey, #d0d5dd);
  background: var(--Neutral-Colors-White, #fff);
  padding: 1.12rem 1.6rem 1.12rem 4.8rem;
  color: var(--Blue-Colors-Prussian-Blue, #036);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin: 0;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'><g clip-path='url(%23clip0_6996_45996)'><path d='M15.8484 15.1295L11.7175 11.0646C12.7993 9.8893 13.4639 8.33495 13.4639 6.62455C13.4634 2.96568 10.4497 0 6.73182 0C3.01395 0 0.000244141 2.96568 0.000244141 6.62455C0.000244141 10.2834 3.01395 13.2491 6.73182 13.2491C8.3382 13.2491 9.81153 12.6935 10.9688 11.7697L15.1158 15.8507C15.3179 16.0498 15.6459 16.0498 15.848 15.8507C16.0505 15.6517 16.0505 15.3286 15.8484 15.1295ZM6.73182 12.2299C3.58609 12.2299 1.03599 9.72029 1.03599 6.62455C1.03599 3.52881 3.58609 1.01923 6.73182 1.01923C9.87757 1.01923 12.4276 3.52881 12.4276 6.62455C12.4276 9.72029 9.87757 12.2299 6.73182 12.2299Z' fill='%23003366'/></g><defs><clipPath id='clip0_6996_45996'><rect width='16' height='16' fill='white'/></clipPath></defs></svg>");
  background-repeat: no-repeat;
  background-position: 1.6rem center;
  background-size: 1.6rem;
}
.page-template-master-training .filter .search-form .search-input-wrapper input::-moz-placeholder, .page-template-general-resources .filter .search-form .search-input-wrapper input::-moz-placeholder {
  color: var(--Blue-Colors-Prussian-Blue, #036);
}
.page-template-master-training .filter .search-form .search-input-wrapper input::placeholder,
.page-template-general-resources .filter .search-form .search-input-wrapper input::placeholder {
  color: var(--Blue-Colors-Prussian-Blue, #036);
}
.page-template-master-training .filter .filter-dropdowns,
.page-template-general-resources .filter .filter-dropdowns {
  gap: 1.6rem;
  flex-wrap: wrap;
  justify-content: start;
}
@media screen and (min-width: 767px) {
  .page-template-master-training .filter .filter-dropdowns,
  .page-template-general-resources .filter .filter-dropdowns {
    flex-wrap: unset;
    justify-content: unset;
    justify-content: center;
    gap: 3.6rem;
  }
}
.page-template-master-training .filter .filter-dropdowns .dropdown,
.page-template-general-resources .filter .filter-dropdowns .dropdown {
  gap: 1.2rem;
}
.page-template-master-training .filter .filter-dropdowns .dropdown label,
.page-template-general-resources .filter .filter-dropdowns .dropdown label {
  margin: 0;
  color: var(--Neutral-Colors-Black, #191d23);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 150% */
}
.page-template-master-training .filter .filter-dropdowns .select2-container .select2-selection--single,
.page-template-general-resources .filter .filter-dropdowns .select2-container .select2-selection--single {
  border-radius: 100rem !important;
  height: 4.8rem;
}
.page-template-master-training .filter .filter-dropdowns .select2-container .select2-selection--single .select2-selection__clear,
.page-template-general-resources .filter .filter-dropdowns .select2-container .select2-selection--single .select2-selection__clear {
  display: none;
}
.page-template-master-training .filter .filter-dropdowns .select2-container .select2-selection--single .select2-selection__rendered,
.page-template-general-resources .filter .filter-dropdowns .select2-container .select2-selection--single .select2-selection__rendered {
  color: #036;
}
.page-template-master-training .selected-filters,
.page-template-general-resources .selected-filters {
  border-bottom: 1px solid var(--Neutral-Colors-Card-Stroke-Grey, #d0d5dd);
  padding: 2rem 0;
  display: flex;
  align-items: center;
  gap: 1.2rem;
}
@media screen and (max-width: 767px) {
  .page-template-master-training .selected-filters,
  .page-template-general-resources .selected-filters {
    flex-direction: column-reverse;
    align-items: flex-start;
  }
}
.page-template-master-training .selected-filters .clear-all,
.page-template-general-resources .selected-filters .clear-all {
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 150% */
  text-decoration-line: underline;
}
.page-template-master-training .selected-filters .clear-all a,
.page-template-general-resources .selected-filters .clear-all a {
  color: var(--Neutral-Colors-Black, #191d23);
}
.page-template-master-training .selected-filters .selected-filter-items,
.page-template-general-resources .selected-filters .selected-filter-items {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  flex-wrap: wrap;
}
.page-template-master-training .selected-filters .selected-filter-items button,
.page-template-general-resources .selected-filters .selected-filter-items button {
  background: transparent;
  border-radius: 100px;
  border: 1px solid var(--Neutral-Colors-Card-Stroke-Grey, #d0d5dd);
  padding: 0.92rem 1.12rem;
  color: var(--Neutral-Colors-Black, #191d23);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.page-template-master-training .resources-filter-bar,
.page-template-general-resources .resources-filter-bar {
  padding: 4.8rem 0 4.8rem;
}
.page-template-master-training .resources-filter-bar .--title,
.page-template-general-resources .resources-filter-bar .--title {
  display: flex;
  align-items: center;
  gap: 2rem;
  flex-wrap: wrap;
}
.page-template-master-training .resources-filter-bar .--title h2,
.page-template-general-resources .resources-filter-bar .--title h2 {
  margin-right: 0.5rem;
  margin-bottom: 0;
}
@media screen and (max-width: 992px) {
  .page-template-master-training .resources-filter-bar .justify-content-end,
  .page-template-general-resources .resources-filter-bar .justify-content-end {
    justify-content: space-between !important;
    margin-top: 1rem;
  }
}
.page-template-master-training .search-filter-bar .search-filter-wrapper,
.page-template-general-resources .search-filter-bar .search-filter-wrapper {
  max-width: 36rem;
}
.page-template-master-training .search-filter-bar .search-filter-wrapper input.form-control-input,
.page-template-general-resources .search-filter-bar .search-filter-wrapper input.form-control-input {
  padding: 1.36rem 5.6rem 1.36rem 4.8rem;
}
.page-template-master-training .search-filter-bar .filter-category,
.page-template-general-resources .search-filter-bar .filter-category {
  max-width: 50%;
}
.page-template-master-training .search-filter-bar .toggle-btn-group,
.page-template-general-resources .search-filter-bar .toggle-btn-group {
  gap: 0;
  padding: 0;
  max-width: 50%;
  margin-left: 1.6rem;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .page-template-master-training .search-filter-bar .toggle-btn-group,
  .page-template-general-resources .search-filter-bar .toggle-btn-group {
    max-width: 100%;
    display: none;
  }
}
@media screen and (min-width: 992px) {
  .page-template-master-training .search-filter-bar .toggle-btn-group,
  .page-template-general-resources .search-filter-bar .toggle-btn-group {
    max-width: 11.6rem;
  }
}
.page-template-master-training .search-filter-bar .toggle-btn-group.active,
.page-template-general-resources .search-filter-bar .toggle-btn-group.active {
  border-radius: 0 !important;
  border-radius: 0;
}
.page-template-master-training .search-filter-bar .toggle-btn-group .btn-toggle,
.page-template-general-resources .search-filter-bar .toggle-btn-group .btn-toggle {
  width: 100%;
}
.page-template-master-training .search-filter-bar .toggle-btn-group .btn-toggle svg path,
.page-template-general-resources .search-filter-bar .toggle-btn-group .btn-toggle svg path {
  stroke: var(--Blue-Colors-Prussian-Blue, #036);
}
.page-template-master-training .search-filter-bar .toggle-btn-group .btn-toggle.active svg path,
.page-template-general-resources .search-filter-bar .toggle-btn-group .btn-toggle.active svg path {
  stroke: white;
}
.page-template-master-training .resources-section .year-section,
.page-template-general-resources .resources-section .year-section {
  margin-bottom: 4rem;
}
.page-template-master-training .resources-section .year-section .m-res-card,
.page-template-general-resources .resources-section .year-section .m-res-card {
  margin-bottom: 2rem;
}
.page-template-master-training .resources-section .year-section .res-card .res-card-body p,
.page-template-general-resources .resources-section .year-section .res-card .res-card-body p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.page-template-master-training .resources-section .year-section .res-card .card-head,
.page-template-general-resources .resources-section .year-section .res-card .card-head {
  display: flex;
  align-items: center;
  gap: 2.4rem;
}
.page-template-master-training .resources-section .year-title,
.page-template-general-resources .resources-section .year-title {
  margin-bottom: 0;
}
.page-template-master-training .resources-section .resource-category .year-header,
.page-template-general-resources .resources-section .resource-category .year-header {
  margin-bottom: 1.6rem;
  display: flex;
  align-items: center;
  gap: 1.6rem;
}
.page-template-master-training .resources-section .resource-category .year-header button,
.page-template-general-resources .resources-section .resource-category .year-header button {
  background: transparent;
  border: 0;
  padding: 0;
}
.page-template-master-training .resources-section .resource-category .year-header .child-category-title,
.page-template-general-resources .resources-section .resource-category .year-header .child-category-title {
  margin: 0;
  font-weight: 500;
}
.page-template-master-training .resources-section .resource-category .category-heading,
.page-template-general-resources .resources-section .resource-category .category-heading {
  color: var(--Blue-Colors-Prussian-Blue, #036);
  font-family: var(--font-heading);
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 42px;
  margin-bottom: 1.6rem;
}
.page-template-master-training .resources-section .resource-category .category-content,
.page-template-general-resources .resources-section .resource-category .category-content {
  padding-left: 4rem;
  margin-bottom: 8rem;
}
.page-template-master-training .resources-section .resource-category .category-content .m-res-card,
.page-template-general-resources .resources-section .resource-category .category-content .m-res-card {
  margin-bottom: 1.6rem;
}
.page-template-master-training .resources-section .resource-category .category-content .child-category-section .inner-category-content,
.page-template-general-resources .resources-section .resource-category .category-content .child-category-section .inner-category-content {
  margin-bottom: 2rem;
}
.page-template-master-training .resources-section .resource-category .category-content .child-category-section .inner-category-content .row,
.page-template-general-resources .resources-section .resource-category .category-content .child-category-section .inner-category-content .row {
  row-gap: 2rem;
}
.page-template-master-training .resources-section .resource-category .category-content .child-category-section .inner-category-content .m-res-card,
.page-template-general-resources .resources-section .resource-category .category-content .child-category-section .inner-category-content .m-res-card {
  margin-bottom: 1.6rem;
}
.page-template-master-training .newsletter-block,
.page-template-general-resources .newsletter-block {
  padding: 6rem 0 12rem;
}

/* Trainer Contact Modal Styles */
.trainer-contact-modal {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  animation: fadeIn 0.3s ease;
}
.trainer-contact-modal.show {
  display: flex;
  align-items: center;
  justify-content: center;
}
.trainer-contact-modal .trainer-contact-modal-content {
  border-radius: 8px;
  background: var(--gradient-base-2-with-no-opacity, linear-gradient(139deg, #fefefe 0%, #ebf5ff 99.2%));
  padding: 2.4rem 3.2rem;
  max-width: 52rem;
  width: 90%;
  animation: slideUp 0.3s ease;
  position: relative;
}
.trainer-contact-modal .trainer-contact-modal-content .trainer-contact-modal-close {
  position: absolute;
  right: 20px;
  top: 20px;
  background: none;
  border: none;
  font-size: 28px;
  cursor: pointer;
  color: #666;
  padding: 0;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.trainer-contact-modal .trainer-contact-modal-content .trainer-contact-modal-header h2 {
  color: var(--Blue-Colors-Prussian-Blue, #036);
  font-family: var(--font-heading);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  margin: 0;
}
.trainer-contact-modal .trainer-contact-modal-content .trainer-contact-modal-header p {
  color: var(--Neutral-Colors-Primary-Grey, #4b4b4b);
  font-family: var(--font-body);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  margin-bottom: 2.9rem;
}
.trainer-contact-modal .trainer-contact-modal-content .trainer-contact-modal-body h5 {
  margin-bottom: 2rem;
}
.trainer-contact-modal .trainer-contact-modal-content .trainer-contact-modal-body .contact-item {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
.trainer-contact-modal .trainer-contact-modal-content .trainer-contact-modal-body .contact-item .contact-item-icon {
  width: 3.6rem;
  height: 3.6rem;
  background-color: #003366;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
  flex-shrink: 0;
}
.trainer-contact-modal .trainer-contact-modal-content .trainer-contact-modal-body .contact-item .contact-item-icon svg {
  width: 1.6rem;
  height: 1.6rem;
  color: white;
}
.trainer-contact-modal .trainer-contact-modal-content .trainer-contact-modal-body .contact-item .contact-item-icon {
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.trainer-contact-modal .trainer-contact-modal-content .trainer-contact-modal-body .contact-item .contact-item-icon svg {
  width: 1.6rem;
  height: 1.6rem;
  color: white;
}
.trainer-contact-modal .trainer-contact-modal-content .trainer-contact-modal-body .contact-item .contact-item-content {
  flex: 1;
}
.trainer-contact-modal .trainer-contact-modal-content .trainer-contact-modal-body .contact-item .contact-item-content .contact-item-label {
  font-size: 12px;
  color: #999;
  text-transform: uppercase;
  margin-bottom: 3px;
}
.trainer-contact-modal .trainer-contact-modal-content .trainer-contact-modal-body .contact-item .contact-item-content .contact-item-value {
  overflow: hidden;
  color: #281d1b;
  text-overflow: ellipsis;
  font-family: var(--font-body);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.trainer-contact-modal .trainer-contact-modal-content .trainer-contact-modal-body .contact-item .contact-item-content .contact-item-value a {
  color: #281d1b;
  text-decoration: none;
  word-break: break-all;
}
.trainer-contact-modal .trainer-contact-modal-content .trainer-contact-modal-body .contact-item .contact-item-content .contact-item-value a:hover {
  text-decoration: underline;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes slideUp {
  from {
    transform: translateY(30px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
body .woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods {
  display: flex !important;
  gap: 2rem !important;
  padding: 0 !important;
}
body .woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods li {
  display: flex;
  align-items: center;
  margin: 0;
}
body .woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods li input {
  margin: 0px 10px 0 0 !important;
}

.policy-practice-card {
  display: flex;
  align-items: center;
  gap: 1rem;
  width: auto;
  flex-wrap: wrap;
  margin-top: 2rem;
}
@media screen and (min-width: 992px) {
  .policy-practice-card {
    margin-top: 0;
    padding: 0;
  }
}
.policy-practice-card .res-card {
  flex: 0 0 100%;
}
.policy-practice-card .res-card .align-items-center {
  align-items: start !important;
}
@media screen and (min-width: 992px) {
  .policy-practice-card .res-card {
    flex: 0 0 40rem;
  }
  .policy-practice-card .res-card .align-items-center {
    align-items: center !important;
  }
}

.pagination .page-item .page-link [aria-label=Next] {
  color: var(--Blue-Colors-Prussian-Blue, #036);
}

.filters-form .filter-group {
  display: flex;
  flex-direction: column;
  margin-bottom: 1.6rem;
}

.account-type-form .select2-container {
  margin-bottom: 2.4rem;
}

#upgradeAccountModal .modal-dialog {
  max-width: 480px;
  transform: translate(0, -50%);
  top: 30%;
}
#upgradeAccountModal .modal-dialog .modal-content {
  border: 0;
}
#upgradeAccountModal .modal-dialog .modal-content .modal-header .btn-close {
  position: absolute;
  top: 2.4rem;
  right: 2.4rem;
}
#upgradeAccountModal .modal-dialog .modal-content .modal-header .modal-title {
  color: var(--Blue-Colors-Prussian-Blue, #036);
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 36px; /* 150% */
  letter-spacing: 0.48px;
  text-transform: capitalize;
  margin-bottom: 1.6rem;
}
#upgradeAccountModal .modal-dialog .modal-content .modal-footer {
  justify-content: center;
  gap: 2.4rem;
}
#upgradeAccountModal .modal-dialog .modal-content .modal-footer .btn-secondary {
  border: 1px solid var(--blue-colors-denim-stroke-selection, #1e5aa8);
  color: var(--blue-colors-denim-stroke-selection, #1e5aa8);
}
#upgradeAccountModal .modal-dialog .modal-content .modal-footer .btn-secondary:hover {
  border: 1px solid var(--blue-colors-denim-stroke-selection, #1e5aa8);
}
#upgradeAccountModal .modal-dialog .modal-content .modal-footer .btn-secondary,
#upgradeAccountModal .modal-dialog .modal-content .modal-footer .btn-primary {
  margin: 0;
}

.toggle-btn-group .grid:before,
.toggle-btn-group .list:before {
  content: "View List";
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  border-radius: 2px;
  background: #fff;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1);
  color: var(--Blue-Colors-Prussian-Blue, #036);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  padding: 0.8rem;
  min-width: 6.8rem;
  bottom: -20px;
  position: absolute;
  right: 36px;
  z-index: 2;
}
.toggle-btn-group .grid:after,
.toggle-btn-group .list:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='37' viewBox='0 0 26 37' fill='none'%3E%3Cpath d='M10.8139 1.36763C11.4212 -0.456676 14.0017 -0.456683 14.609 1.36762L25.319 33.5362C25.7501 34.8311 24.7862 36.168 23.4214 36.168H2.00152C0.636707 36.168 -0.327199 34.8311 0.103924 33.5362L10.8139 1.36763Z' fill='white'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  width: 26px;
  height: 37px;
  position: absolute;
  bottom: -14px;
  right: 96px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  z-index: 1;
}
.toggle-btn-group .grid:hover:before,
.toggle-btn-group .list:hover:before {
  opacity: 1;
  visibility: visible;
}
.toggle-btn-group .grid:hover::after,
.toggle-btn-group .list:hover::after {
  opacity: 1;
  visibility: visible;
}
.toggle-btn-group .list:before {
  content: "List View";
  right: 60px;
  bottom: -16px;
}
.toggle-btn-group .list:after {
  right: 90px;
  bottom: 0px;
}
.toggle-btn-group .list:hover:before {
  opacity: 1;
  visibility: visible;
}
.toggle-btn-group .list:hover::after {
  opacity: 1;
  visibility: visible;
}
.toggle-btn-group .grid:before {
  content: "Grid View";
  right: 10px;
  width: -moz-fit-content;
  width: fit-content;
  bottom: -16px;
}
.toggle-btn-group .grid:after {
  right: 30px;
  bottom: 0px;
}

.single-instrument .list:before {
  right: 50px;
  bottom: -40px;
}
.single-instrument .list:after {
  right: 70px;
  bottom: -30px;
}
.single-instrument .grid:before {
  right: 0px;
  width: -moz-fit-content;
  width: fit-content;
  bottom: -40px;
}
.single-instrument .grid:after {
  right: 20px;
  bottom: -30px;
}
.single-instrument .course-single-wrapper .--resources-grid .filter-row {
  border-bottom: 1px solid var(--Blue-Colors-Alice-Blue, #ebf5ff);
  margin-bottom: 2.8rem;
  padding-bottom: 2.8rem;
}
.single-instrument .course-single-wrapper .--resources-grid .filter-row .sidebar-title {
  padding: 0.6rem 2.4rem;
  letter-spacing: 0.48px;
  text-transform: capitalize;
  margin-bottom: 0rem;
}
.single-instrument .course-single-wrapper .--resources-grid .filter-row .resources-filters-bar {
  flex-wrap: wrap;
  gap: 1.6rem;
}
.single-instrument .course-single-wrapper .--resources-grid .filter-row .resources-filters-bar .resources-search-wrapper {
  flex: 1 1 auto;
  max-width: 49.2rem;
}
.single-instrument .course-single-wrapper .--resources-grid .filter-row .resources-filters-bar .resources-search-wrapper .resources-search-form input[type=text] {
  border-radius: 100px;
  border: 1px solid var(--Neutral-Colors-Card-Stroke-Grey, #d0d5dd);
  background: var(--Neutral-Colors-White, #fff);
  width: 100%;
  margin: 0;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'><g clip-path='url(%23clip0_7498_187309)'><path d='M15.8484 15.1295L11.7175 11.0646C12.7993 9.8893 13.4639 8.33495 13.4639 6.62455C13.4634 2.96568 10.4497 0 6.73182 0C3.01395 0 0.000244141 2.96568 0.000244141 6.62455C0.000244141 10.2834 3.01395 13.2491 6.73182 13.2491C8.3382 13.2491 9.81153 12.6935 10.9688 11.7697L15.1158 15.8507C15.3179 16.0498 15.6459 16.0498 15.848 15.8507C16.0505 15.6517 16.0505 15.3286 15.8484 15.1295ZM6.73182 12.2299C3.58609 12.2299 1.03599 9.72029 1.03599 6.62455C1.03599 3.52881 3.58609 1.01923 6.73182 1.01923C9.87757 1.01923 12.4276 3.52881 12.4276 6.62455C12.4276 9.72029 9.87757 12.2299 6.73182 12.2299Z' fill='%23003366'/></g><defs><clipPath id='clip0_7498_187309'><rect width='16' height='16' fill='white'/></clipPath></defs></svg>");
  background-repeat: no-repeat;
  background-position: 1.6rem;
  padding: 1.12rem 4.8rem;
  font-weight: 400;
}
.single-instrument .course-single-wrapper .--resources-grid .filter-row .resources-filters-bar .resources-search-wrapper .resources-search-form input[type=text]:focus {
  outline: none;
}
.single-instrument .course-single-wrapper .--resources-grid .filter-row .resources-filters-bar .resources-search-wrapper .resources-search-form input[type=text]::-moz-placeholder {
  color: var(--Blue-Colors-Prussian-Blue, #036);
}
.single-instrument .course-single-wrapper .--resources-grid .filter-row .resources-filters-bar .resources-search-wrapper .resources-search-form input[type=text]::placeholder {
  color: var(--Blue-Colors-Prussian-Blue, #036);
}
.single-instrument .course-single-wrapper .--resources-grid .filter-row .resources-filters-bar .subcategory-dropdown-wrapper {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  flex: 0 0 31.1rem;
  justify-content: start;
}
.single-instrument .course-single-wrapper .--resources-grid .filter-row .resources-filters-bar .subcategory-dropdown-wrapper span {
  color: var(--Neutral-Colors-Black, #191d23);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 150% */
}
.single-instrument .course-single-wrapper .--resources-grid .filter-row .resources-filters-bar .subcategory-dropdown-wrapper .form-control {
  margin: 0;
  border-radius: 100px;
  padding: 1.12rem;
}
.single-instrument .course-single-wrapper .--resources-grid .filter-row .resources-filters-bar .subcategory-dropdown-wrapper .select2-container {
  width: 100% !important;
}
.single-instrument .course-single-wrapper .--resources-grid .filter-row .resources-filters-bar .subcategory-dropdown-wrapper .select2-container .select2-selection--single {
  border: 1px solid var(--Neutral-Colors-Card-Stroke-Grey, #d0d5dd);
  border-radius: 10rem !important;
  height: 4.8rem;
  padding: 0 4rem 0 1.6rem;
  background-color: #fff;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  min-width: 20rem;
}
.single-instrument .course-single-wrapper .--resources-grid .filter-row .resources-filters-bar .subcategory-dropdown-wrapper .select2-container .select2-selection--single span {
  color: var(--Blue-Colors-Prussian-Blue, #036);
  font-weight: 500;
}
.single-instrument .course-single-wrapper .--resources-grid .resources-topbar .--right-items .--right-forms .filter-category {
  gap: 1.2rem;
}
.single-instrument .course-single-wrapper .--resources-grid .resources-topbar .--right-items .--right-forms .filter-category span {
  color: var(--Neutral-Colors-Black, #191d23);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px; /* 150% */
}
.single-instrument .course-single-wrapper .--resources-grid .resources-topbar .--right-items .--right-forms .filter-category .select2-container .select2-selection--single .select2-selection__rendered {
  color: var(--Blue-Colors-Prussian-Blue, #036);
  font-weight: 500;
}
.single-instrument .course-single-wrapper .--resources-grid .instrument-resources-hierarchical .instrument-parent-tabs {
  margin-bottom: 2.8rem;
  list-style: none;
  padding: 0;
}
@media screen and (max-width: 1024px) {
  .single-instrument .course-single-wrapper .--resources-grid .instrument-resources-hierarchical .instrument-parent-tabs {
    overflow: scroll;
  }
}
.single-instrument .course-single-wrapper .--resources-grid .instrument-resources-hierarchical .instrument-parent-tabs .nav-item {
  flex: 0 0 32.5rem;
}
.single-instrument .course-single-wrapper .--resources-grid .instrument-resources-hierarchical .instrument-parent-tabs .nav-item:first-child {
  border-radius: 8px 0 0 8px;
  overflow: hidden;
}
.single-instrument .course-single-wrapper .--resources-grid .instrument-resources-hierarchical .instrument-parent-tabs .nav-item:last-child {
  border-radius: 0 8px 8px 0;
  overflow: hidden;
}
.single-instrument .course-single-wrapper .--resources-grid .instrument-resources-hierarchical .instrument-parent-tabs .nav-item .nav-link-li {
  background: var(--Neutral-Colors-Grey-BG, #fafafa);
  border: 0;
  padding: 2.4rem;
  width: 100%;
  color: var(--Neutral-Colors-Secondary-Grey, #868686);
  font-size: 20px;
  font-weight: 700;
  line-height: 30px; /* 150% */
  text-transform: capitalize;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.2rem;
  font-family: var(--font-archivo);
}
.single-instrument .course-single-wrapper .--resources-grid .instrument-resources-hierarchical .instrument-parent-tabs .nav-item .nav-link-li svg {
  width: 2.4rem;
  height: 2.4rem;
}
.single-instrument .course-single-wrapper .--resources-grid .instrument-resources-hierarchical .instrument-parent-tabs .nav-item .nav-link-li.active {
  background: var(--Blue-Colors-Alice-Blue, #ebf5ff);
  color: var(--Blue-Colors-Prussian-Blue, #036);
}
.single-instrument .course-single-wrapper .--resources-grid .instrument-resources-hierarchical .instrument-parent-tabs .nav-item .nav-link-li.active svg path {
  stroke: #003366;
}
.single-instrument .course-single-wrapper .--resources-grid .instrument-resources-hierarchical .instrument-parent-tabs .nav-item .nav-link-li.active svg rect {
  stroke: #003366;
}
.single-instrument .course-single-wrapper .--resources-grid .instrument-resources-content .instrument-categories-sidebar {
  border-right: 1px solid var(--Blue-Colors-Alice-Blue, #ebf5ff);
  padding: 1.6rem;
}
.single-instrument .course-single-wrapper .--resources-grid .instrument-resources-content .instrument-categories-sidebar .child-categories-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.single-instrument .course-single-wrapper .--resources-grid .instrument-resources-content .instrument-categories-sidebar .child-categories-list li a {
  color: var(--Neutral-Colors-Primary-Grey, #4b4b4b);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.32px;
  display: flex;
  align-items: center;
  gap: 1.4rem;
  padding: 1.2rem 2rem;
  transition: 0.3s all ease;
}
.single-instrument .course-single-wrapper .--resources-grid .instrument-resources-content .instrument-categories-sidebar .child-categories-list li a.active {
  border-radius: 64px;
  background: var(--Blue-Colors-Alice-Blue, #ebf5ff);
  color: #003366;
  font-weight: 600;
}
.single-instrument .course-single-wrapper .--resources-grid .instrument-resources-content .instrument-categories-sidebar .child-categories-list li a.active svg path {
  stroke: #003366;
}
.single-instrument .course-single-wrapper .--resources-grid .instrument-resources-content .instrument-categories-sidebar .child-categories-list li svg {
  flex: 0 0 2.4rem;
}
.single-instrument .course-single-wrapper .--resources-grid .instrument-resources-listing {
  padding: 1.2rem 1.7rem;
}
.single-instrument .course-single-wrapper .--resources-grid .instrument-resources-listing .resource-category-group.--locked .res-card-body p.card-title {
  filter: blur(4px);
}
.single-instrument .course-single-wrapper .--resources-grid .instrument-resources-listing .resource-category-group .category-group-title {
  color: var(--Blue-Colors-Prussian-Blue, #036);
  font-size: 20px;
  font-weight: 700;
  line-height: 30px; /* 150% */
  text-transform: capitalize;
  padding: 1.2rem 0;
  margin-bottom: 1.2rem;
}
.single-instrument .course-single-wrapper .--resources-grid .instrument-resources-listing .resource-category-group .load-more-wrapper {
  margin-top: 4.8rem;
}
.single-instrument .course-single-wrapper .--resources-grid .instrument-resources-listing .resource-item {
  margin-bottom: 1.2rem;
}
.single-instrument .course-single-wrapper .--resources-grid .instrument-resources-listing .resource-item .res-card .res-card-body svg {
  width: 2.4rem;
  height: 2.4rem;
}
.single-instrument .course-single-wrapper .--resources-grid .instrument-resources-listing .resource-item .res-card .res-card-body .gap-24 {
  gap: 2.4rem;
  flex: 0 0 80%;
}
.single-instrument .course-single-wrapper .--resources-grid .instrument-resources-listing .resource-item .res-card .res-card-body .gap-24 svg {
  width: 3.2rem;
  height: 3.2rem;
}
.single-instrument .course-single-wrapper .--resources-grid .instrument-resources-listing .resource-item .res-card .res-card-body .gap-24 .--icon img {
  width: 3.2rem;
  height: 3.2rem;
}
.single-instrument .course-single-wrapper .--resources-grid .instrument-resources-listing .resource-item .res-card .res-card-body .gap-24 .card-title {
  color: var(--Neutral-Colors-Black, #191d23);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
.single-instrument .course-single-wrapper .--resources-grid .instrument-resources-listing .resource-item .res-card .res-card-body .download-btn {
  padding: 0;
}
.single-instrument .course-single-wrapper .--resources-grid .instrument-resources-listing .subcategory-title {
  color: var(--Blue-Colors-Prussian-Blue, #036);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px; /* 150% */
  text-transform: capitalize;
  margin-bottom: 1.2rem;
  padding: 1.2rem 0;
}

.form-opacity input,
.form-opacity .select2-selection__rendered {
  color: #b3b7bd !important;
}

.no-resources {
  border-radius: 16px;
  border: 1px solid var(--Neutral-Colors-Card-Stroke-Grey, #d0d5dd);
  background: var(--gradient-base-2-with-no-opacity, linear-gradient(139deg, #fefefe 0%, #ebf5ff 99.2%));
  padding: 6rem 6rem 8rem 6rem;
  max-width: 69.7rem;
  margin: 0 auto;
}
.no-resources img {
  margin-bottom: 4rem;
}
.no-resources h5 {
  color: var(--Blue-Colors-Prussian-Blue, #036) !important;
  /* Desktop/H4 . M */
  font-family: var(--font-archivo);
  font-size: 24px;
  font-weight: 500;
  line-height: 36px; /* 150% */
  letter-spacing: 0.48px;
  text-transform: capitalize;
  margin-bottom: 0.2rem !important;
}
.no-resources p {
  color: var(--Neutral-Colors-Primary-Grey, #4b4b4b) !important;
  font-family: var(--font-general-sans);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 150% */
}

.page-template-trainings .select2-dropdown.select2-dropdown--below {
  top: 30px;
}
.page-template-trainings .select2-dropdown .select2-results .select2-results__option {
  text-align: left;
}

@media screen and (max-width: 767px) {
  .page-template-instruments .--search-content .col-9 {
    width: 100%;
  }
}

/* ========================================
   Select2 Custom Styling
   Based on design with rounded borders and clean dropdown
   ======================================== */
body {
  overflow-x: hidden;
}

.select2-container {
  font-size: 1.4rem;
  box-sizing: border-box;
  width: 100% !important;
}
.select2-container * {
  box-sizing: border-box;
}
.select2-container .select2-selection--single {
  border: 1px solid #b3b7bd;
  border-radius: 0.4rem !important;
  height: 5.6rem;
  padding: 0 4rem 0 1.6rem;
  background-color: #fff;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  color: #191d23;
  font-family: var(--Archivo);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  padding: 0;
  line-height: 120%;
}
.select2-container .select2-selection--single .select2-selection__arrow {
  height: 100%;
  right: 1.6rem;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: end;
}
.select2-container .select2-selection--single .select2-selection__arrow b {
  display: none;
}
.select2-container .select2-selection--single .select2-selection__arrow::after {
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%23003366' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition: transform 0.3s ease;
  transform: rotate(0deg);
}
.select2-container.select2-container--open .select2-selection--single .select2-selection__arrow::after {
  transform: rotate(180deg);
}

.select2-dropdown {
  box-shadow: unset;
  margin-top: 0.6rem;
  overflow: hidden;
  overflow-x: hidden !important;
  width: auto !important;
  min-width: -moz-fit-content;
  min-width: fit-content;
  max-width: 20rem !important;
  box-sizing: border-box;
  border-radius: 16px !important;
  border: 1px solid var(--Neutral-Colors-Card-Stroke-Grey, #d0d5dd) !important;
}
.select2-dropdown.select2-dropdown--below, .select2-dropdown.select2-dropdown--above {
  left: auto !important;
  right: auto !important;
}
.select2-dropdown .select2-results {
  padding: 0;
  max-height: 30rem;
  overflow-y: auto;
  overflow-x: hidden;
}
.select2-dropdown .select2-results .select2-results__option {
  padding: 12px 16px;
  color: #191d23;
  font-family: var(--Archivo);
  border-bottom: 1px solid #d0d5dd;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  transition: all 0.2s ease;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
}
.select2-dropdown .select2-results .select2-results__option:last-child {
  border-bottom: none;
}
.select2-dropdown .select2-results .select2-results__option.select2-results__option--highlighted {
  color: var(--Blue-Colors-Prussian-Blue, #036);
}
.select2-dropdown .select2-results .select2-results__option[aria-selected=true] {
  color: var(--Blue-Colors-Prussian-Blue, #036);
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .select2-container .select2-selection--single {
    height: 4rem;
    padding: 0 3.6rem 0 1.4rem;
  }
  .select2-container .select2-selection--single .select2-selection__rendered {
    font-size: 12px;
  }
  .select2-container .select2-selection--single .select2-selection__arrow {
    right: 1.4rem;
  }
  .select2-dropdown {
    min-width: -moz-fit-content !important;
    min-width: fit-content !important;
    max-width: 20rem !important;
  }
  .select2-dropdown .select2-results .select2-results__option {
    padding: 12px 16px;
    font-size: 12px;
  }
}
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected] {
  background-color: transparent !important;
}

span.select2-container.select2-container--default.select2-container--open .select2-container.select2-container--open {
  width: auto !important;
}
span.select2-container.select2-container--default.select2-container--open .select2-container.select2-container--open ul li {
  font-size: 14px;
}

body .select2-container--open .select2-dropdown {
  width: auto !important;
  min-width: -moz-fit-content !important;
  min-width: fit-content !important;
  max-width: 20rem !important;
}
body .select2-container--default .select2-results__option--selected {
  background-color: #ebf5ff;
}
body .select2-container--default ul.select2-results__options {
  min-width: 15rem;
}
body .select2-container--default ul.select2-results__options li {
  max-width: 22rem;
}
body .select2-container--default ul.select2-results__options.select2-container--open {
  min-width: 18rem;
}
body .select2-container--default ul.select2-results__options li:hover {
  background-color: #ebf5ff !important;
}/*# sourceMappingURL=theme.css.map */