.accordion-section {
  padding: 50px 0; }
  @media (max-width: 992px) {
    .accordion-section {
      padding: 25px 0; } }
  .accordion-section .accordion-wrapper .accordion-left {
    flex: 1 1 500px; }
    .accordion-section .accordion-wrapper .accordion-left .accordion-heading {
      color: var(--white);
      margin-bottom: 30px;
      font-size: var(--typo-title);
      line-height: var(--lh-title);
      font-weight: var(--fw-title);
      letter-spacing: var(--ls-title);
      /* Mobile styles (under 992px) */ }
      @media (max-width: 992px) {
        .accordion-section .accordion-wrapper .accordion-left .accordion-heading {
          font-size: var(--typo-title-m); } }
    .accordion-section .accordion-wrapper .accordion-left .accordion .accordion-item {
      margin-bottom: 15px; }
      .accordion-section .accordion-wrapper .accordion-left .accordion .accordion-item .zk-accordion-header {
        border-radius: 20px;
        margin: 0; }
        .accordion-section .accordion-wrapper .accordion-left .accordion .accordion-item .zk-accordion-header .accordion-button {
          padding-top: 20px;
          padding-bottom: 20px;
          padding-left: 20px;
          padding-right: 35px;
          color: var(--white);
          font-size: var(--typo-subtitle);
          line-height: var(--lh-subtitle);
          font-weight: var(--fw-subtitle);
          letter-spacing: var(--ls-subtitle);
          /* Mobile styles (under 992px) */
          border-top-left-radius: 20px;
          border-top-right-radius: 20px;
          width: 100%;
          text-align: var(--left);
          position: relative; }
          [dir="rtl"] .accordion-section .accordion-wrapper .accordion-left .accordion .accordion-item .zk-accordion-header .accordion-button {
            padding-left: null;
            padding-right: 20px;
            padding-right: null;
            padding-left: 35px; }
          @media (max-width: 992px) {
            .accordion-section .accordion-wrapper .accordion-left .accordion .accordion-item .zk-accordion-header .accordion-button {
              font-size: var(--typo-subtitle-m); } }
          .accordion-section .accordion-wrapper .accordion-left .accordion .accordion-item .zk-accordion-header .accordion-button:after {
            content: '';
            height: 35px;
            width: 35px;
            display: block;
            position: absolute;
            top: 50%;
            right: 20px;
            transform: translateY(-50%);
            background: url(../../assets/images/icons/add.svg), var(--fill-blur-dark);
            border-radius: 9px;
            background-repeat: no-repeat;
            background-position: center;
            filter: var(--invert0); }
            [dir="rtl"] .accordion-section .accordion-wrapper .accordion-left .accordion .accordion-item .zk-accordion-header .accordion-button:after {
              right: auto;
              left: 20px; }
          .accordion-section .accordion-wrapper .accordion-left .accordion .accordion-item .zk-accordion-header .accordion-button:not(.collapsed) {
            background-color: var(--primary);
            color: var(--base-black); }
            .accordion-section .accordion-wrapper .accordion-left .accordion .accordion-item .zk-accordion-header .accordion-button:not(.collapsed):after {
              background-image: url(../../assets/images/icons/minus.svg), var(--fill-blur-dark);
              filter: var(--invert1); }
      .accordion-section .accordion-wrapper .accordion-left .accordion .accordion-item .accordion-collapse {
        background: var(--primary);
        border-bottom-right-radius: 20px;
        border-bottom-left-radius: 20px; }
        .accordion-section .accordion-wrapper .accordion-left .accordion .accordion-item .accordion-collapse .accordion-body {
          color: var(--base-black);
          font-size: var(--typo-text);
          line-height: var(--lh-text);
          font-weight: var(--fw-text);
          letter-spacing: var(--ls-text);
          /* Mobile styles (under 992px) */
          padding: 0 20px;
          padding-bottom: 40px; }
          @media (max-width: 992px) {
            .accordion-section .accordion-wrapper .accordion-left .accordion .accordion-item .accordion-collapse .accordion-body {
              font-size: var(--typo-text-m); } }
    .accordion-section .accordion-wrapper .accordion-left .accordion .accordion-item:has(.show) {
      background: var(--primary); }
  .accordion-section .accordion-wrapper .accordion-right .robot-image {
    margin-left: auto;
    max-height: 500px; }
    [dir="rtl"] .accordion-section .accordion-wrapper .accordion-right .robot-image {
      margin-right: auto;
      margin-left: 0; }
    @media (max-width: 992px) {
      .accordion-section .accordion-wrapper .accordion-right .robot-image {
        max-height: 350px; } }
