/*accreditation-intro*/
  .accreditation-intro {
      min-height: 600px;
      color: #fff;
      background: #0f2a76 url(../img/akkreditacziya-programm/bg1.svg) no-repeat left bottom / 70%;
      padding-top: 75px;
      padding-block: 75px;
  }

  .accreditation-intro__title {
      font-weight: 600;
      font-size: 58px;
      line-height: 116%;
      padding-bottom: 45px;
  }

  .accreditation-intro__subtitle {
      font-weight: 500;
      font-size: 22px;
      line-height: 140%;
      padding-bottom: 65px;
  }

  @media (max-width: 767px) {
      .accreditation-intro {
          min-height: auto;
          padding-top: 40px;
          padding-bottom: 40px;
          background-size: 90%;
      }

      .accreditation-intro__title {
          font-size: 36px;
          padding-bottom: 30px;
      }

      .accreditation-intro__subtitle {
          font-size: 16px;
          padding-bottom: 40px;
      }
  }

  /*accreditation*/
  .accreditation {
      padding-top: 120px;
      padding-bottom: 70px;
  }

  .accreditation__title {
      font-weight: 600;
      font-size: 35px;
      line-height: 130%;
      color: #000;
      padding-bottom: 80px;
  }

  .accreditation__content {
      background: #f0f2fb;
      border-radius: 30px;
      padding: 50px;
  }

  .accreditation__section-title {
      font-weight: 600;
      font-size: 26px;
      color: #000;
      opacity: 0.99;
      padding-bottom: 25px;
  }

  .accreditation__link {
      border: 1.50px solid #000;
      border-radius: 30px;
      background: #f0f2fb;
  }

  .accreditation__link:hover {
      background: #b78e1c;
      color: #fff;
  }

  .program-for-filter.active {
      background: #b78e1c;
      color: #fff;
      border: 1.50px solid #b78e1c;
  }

  @media (max-width: 767px) {
      .accreditation {
          padding-top: 60px;
          padding-bottom: 35px;
      }

      .accreditation__title {
          font-size: 28px;
          padding-bottom: 40px;
      }

      .accreditation__content {
          border-radius: 20px;
          padding: 30px;
      }

      .accreditation__section-title {
          font-size: 20px;
          padding-bottom: 20px;
      }

      .accreditation__link {
          border-radius: 20px;
          font-size: 14px;
          padding: 8px 20px;
      }
  }


  /*accreditation_mobile*/
  .accreditation_mobile {
      padding-top: 35px;
      padding-bottom: 35px;
  }

  .accreditation_mobile-div_btn {
      background: #f0f2fb;
      border-radius: 12px;
      padding: 20px;
      font-weight: 600;
      font-size: 12px;
      line-height: 116%;
      color: #000;
  }

  .fancybox__content{
    width: 100%;
    height: 100vh;
  }


  #filter-count{
    position: absolute;
    right: 0px;
    top: 50px;
  }

  /*education-programs*/
  .education-programs {}

  .program-card__header {
      border-radius: 30px;
      background: #f0f2fb;
      padding: 30px;
      margin-bottom: 15px;
  }

  .program-card__institution {
      padding-bottom: 40px;
  }

  .program-card__institution-name {
      font-weight: 500;
      font-size: 16px;
      color: #000;
      line-height: 120%;
  }

  .program-card__program-name {
      font-weight: 600;
      font-size: 25px;
      color: #000;
      opacity: 0.99;
      line-height: 120%;
      padding-bottom: 30px;
      margin-bottom: 30px;
      border-bottom: 1px solid #b78e1c;
  }

  .program-card__level {
      font-weight: 500;
      font-size: 14px;
      line-height: 140%;
      color: #000;
  }

  .program-card__level_title {
      font-weight: 600;
  }

  .program-card__toggle-icon svg {
      transition: transform 0.3s ease;
  }

  .ac.is-active .program-card__toggle-icon svg {
      transform: rotate(180deg);
  }

  .program-card__details {
      margin-bottom: 15px;
      padding-top: 120px;
  }

  .program-card__label {
      font-weight: 600;
      font-size: 25px;
      line-height: 130%;
      color: #000;
  }

  .program-card__desc {
      font-weight: 500;
      font-size: 18px;
      line-height: 130%;
      color: #000;
  }

  .program-card__details-first_row {
      padding-bottom: 60px;
      margin-bottom: 60px;
      border-bottom: 1px solid #b78e1c;
  }

  .program-card__details-second_row {
      padding-bottom: 60px;
      margin-bottom: 60px;
      border-bottom: 1px solid #b78e1c;
  }

  .program-card__contact {
      font-weight: 500;
      font-size: 18px;
      line-height: 130%;
      color: #000;
      padding-bottom: 30px;
  }

  .program-card__contact a {
      color: #000;
      font-size: 16px;
  }

  .contact-item__type {
      font-weight: 600;
  }

  .filter-section {
      padding-bottom: 50px;
  }

  .filter-panel__title {
      font-weight: 600;
      font-size: 18px;
      color: #000;
      padding-bottom: 20px;
  }

  .form-check-label {
      font-weight: 500;
      font-size: 14px;
      color: #000;
      line-height: 120%;
  }

  .form-check {
      padding-bottom: 14px;
      padding-left: 0px;
  }

  .currentvalue {
      margin-bottom: 10px;
      display: flex;
      flex-wrap: wrap;
  }

  .selected-filter {
      font-weight: 500;
      font-size: 14px;
      color: #4e5c86;
      border: 1px solid #6f7da7;
      border-radius: 22px;
      padding: 5px 15px;
      margin-right: 10px;
      margin-bottom: 10px;
      white-space: nowrap;
  }

  .remove-filter {
      cursor: pointer;
      font-size: 16px;
      margin-left: 10px;
  }

  .form-check-input {
      /* Скрываем оригинальный чекбокс */
      position: absolute;
      opacity: 0;
      width: 26px;
      height: 26px;
      cursor: pointer;
  }

  .form-check-input+label {
      position: relative;
      cursor: pointer;
      padding-left: 36px;
      /* Отступ для текста */
      display: inline-block;
  }

  /* SVG для неактивного состояния (по умолчанию) */
  .form-check-input+label::before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 26px;
      height: 26px;
      background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.75' y='0.75' width='24.5' height='24.5' rx='3.25' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      transition: all 0.2s ease;
  }

  /* SVG для активного состояния */
  .form-check-input:checked+label::before {
      background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.75' y='0.75' width='24.5' height='24.5' rx='3.25' stroke='%23B78E1C' stroke-width='1.5'/%3E%3Ccircle cx='13' cy='13' r='5' fill='%23B78E1C'/%3E%3C/svg%3E");
  }

  /* Ховер эффект */
  .form-check-input+label:hover::before {
      transform: scale(1.05);
  }

  /* Фокус состояние для доступности */
  .form-check-input:focus+label::before {
      outline: 2px solid #B78E1C;
      outline-offset: 2px;
  }

  @media (max-width: 767px) {
      .program-card__header {
          border-radius: 20px;
          padding: 20px;
          margin-bottom: 10px;
      }

      .program-card__institution {
          padding-bottom: 25px;
      }

      .program-card__institution-name {
          font-size: 14px;
      }

      .program-card__program-name {
          font-size: 20px;
          padding-bottom: 20px;
          margin-bottom: 20px;
      }

      .program-card__level {
          font-size: 12px;
      }

      .program-card__details {
          padding-top: 60px;
          margin-bottom: 10px;
      }

      .program-card__label {
          font-size: 20px;
      }

      .program-card__desc {
          font-size: 14px;
      }

      .program-card__details-first_row,
      .program-card__details-second_row {
          padding-bottom: 40px;
          margin-bottom: 40px;
      }

      .program-card__contact {
          font-size: 14px;
          padding-bottom: 20px;
      }

      .program-card__contact a {
          font-size: 14px;
      }

      .filter-section {
          padding-bottom: 30px;
      }

      .filter-panel__title {
          font-size: 16px;
          padding-bottom: 15px;
      }

      .form-check-label {
          font-size: 12px;
      }

      .form-check {
          padding-bottom: 10px;
      }

      .currentvalue {
          margin-bottom: 8px;
      }

      .selected-filter {
          font-size: 12px;
          border-radius: 18px;
          padding: 4px 12px;
          margin-right: 8px;
          margin-bottom: 8px;
      }

      .remove-filter {
          font-size: 14px;
          margin-left: 8px;
      }

      .form-check-input {
          width: 22px;
          height: 22px;
      }

      .form-check-input+label {
          padding-left: 30px;
      }

      .form-check-input+label::before {
          width: 22px;
          height: 22px;
          background-size: 22px 22px;
      }
  }