.elvtd-double-numbered-infocards-image {
  padding-top: var(--nmwc-pad-top-d, 40px);
  padding-bottom: var(--nmwc-pad-bottom-d, 40px);
  overflow: visible;

  &.bottom_border {
    .section-container {
      border-bottom: 1px solid #98989866;

      @media (max-width: 1024px) {
        padding-bottom: 32px;
      }
    }
  }

  @media (max-width: 767px) {
    padding-top: var(--nmwc-pad-top-m, 24px);
    padding-bottom: var(--nmwc-pad-bottom-m, 24px);
  }

  .section-container {
    display: flex;
    flex-direction: column;
    gap: 80px;
    max-width: 1680px;
    padding: 0;
    overflow: visible;
    margin: 0 140px;

    .elvtd-double-numbered-infocards-image__main {
      overflow: visible;
      max-height: 0;
      opacity: 0;
      pointer-events: none;
      transition:
        max-height 0.45s ease,
        opacity 0.25s ease;
    }

    @media (max-width: 1680px) {
      max-width: 100%;
      gap: 40px;
    }

    @media (max-width: 1440px) {
      max-width: 1280px;
      margin: auto;
      padding: 0 20px 32px;
    }

    @media (max-width: 1280px) {
      max-width: 1024px;
    }

    @media (max-width: 1024px) {
      max-width: calc(100vw - 120px);
    }

    @media (max-width: 767px) {
      gap: 16px;
      padding: 0 10px;
      max-width: unset;
    }

    .elvtd-double-numbered-infocards-image__header {
      display: flex;
      width: 100%;
      max-width: 1680px;

      @media (max-width: 1680px) {
        max-width: unset;
      }

      @media (max-width: 767px) {
        flex-direction: column;
        gap: 32px;
      }

      .elvtd-double-numbered-infocards-image__heading-wrapper {
        display: flex;
        align-items: center;
        gap: 24px;
        width: 100%;

        @media (max-width: 767px) {
          gap: 12px;
        }

        .section-toggle {
          appearance: none;
          border: 0;
          background: transparent;
          padding: 0;
          cursor: pointer;
          display: inline-flex;
          align-items: center;
          justify-content: center;

          .toggle-open {
            path {
              fill: #000;
            }
          }

          .toggle-close {
            display: none;
            background: #000;
          }
        }

        .elvtd-double-numbered-infocards-image__heading {
          width: 100%;

          p {
            font-weight: 400;
            font-size: 35px;
            line-height: 1.2;
            letter-spacing: -5%;
            margin: 0;
            background: linear-gradient(96.83deg,
                #181818 33.81%,
                #7e7e7e 104.23%);
            background-clip: text;
            color: transparent;

            @media (max-width: 767px) {
              font-size: 25px;
            }
          }
        }

        span {
          font-weight: 500;
          font-size: 20px;
          line-height: 1;
          margin: 0;
          color: #000000cc;

          @media (max-width: 767px) {
            font-size: 16px;
          }
        }

        .section-toggle svg {
          display: block;
        }
      }
    }

    .elvtd-double-numbered-infocards-image__main {
      .elvtd-double-numbered-infocards-image__main-inner {
        display: flex;
        gap: 60px;
        overflow: visible;

        .section-inner {
          display: flex;
          justify-content: space-between;
          padding: 0 58px;
          width: 100%;
          gap: 48px;
          overflow: visible;

          .info-card-wrapper::before,
          .info-card-wrapper::after {
            display: none !important;
          }

          .info-text-wrapper {
            max-width: 301px;

            p {
              margin: 0;
              color: #000000cc;
              font-weight: 300;
              font-size: 20px;
              line-height: 1.5;
              letter-spacing: -2%;

              @media (max-width: 1200px) {
                font-size: 16px;
              }
            }
          }

          @media (max-width: 1440px) {
            padding: 32px;
          }

          @media (max-width: 1280px) {
            padding: 0;
          }

          @media (max-width: 1024px) {
            row-gap: 24px;
          }

          @media (max-width: 767px) {
            padding: 0;
            gap: 20px;
            border: none;
            flex-wrap: wrap;
          }

          .info-column {
            width: 100%;
            display: flex;
            flex-direction: column;
            gap: 64px;
            justify-content: center;

            @media (max-width: 1280px) {
              max-width: 300px;
            }

            @media (max-width: 1024px) {
              width: 100%;
            }

            @media (max-width: 550px) {
              flex-direction: row;
              width: 100%;
            }

            &.second-column {
              .info-cards {
                align-items: stretch;

                .info-card-wrapper {
                  justify-content: flex-end;

                  &::before,
                  &::after {
                    display: none;
                  }

                  @media (max-width: 1280px) {
                    justify-content: flex-start;
                  }

                  &::after {
                    content: "";
                    position: absolute;
                    top: 50%;
                    left: 0;
                    right: min(301px, 100%);
                    height: 1px;
                    background: #7b7b7b;
                    transform: translateY(-50%);

                    @media (max-width: 1280px) {
                      display: none;
                    }
                  }

                  &::before {
                    content: "";
                    position: absolute;
                    top: 50%;
                    left: -4px;
                    width: 8px;
                    height: 8px;
                    border-radius: 50%;
                    background: #7b7b7b;
                    transform: translateY(-50%);

                    @media (max-width: 1280px) {
                      display: none;
                    }
                  }
                }
              }
            }

            @media (max-width: 768px) {
              flex-direction: column;
              gap: 24px;
              max-width: 100%;
            }

            .info-cards {
              display: flex;
              gap: 8px;
              flex-direction: column;
              align-items: flex-start;
              width: 100%;
              position: relative;
              z-index: 2;

              @media (max-width: 768px) {
                width: 200px;
              }

              .info-card-wrapper {
                position: relative;
                width: 100%;
                display: flex;
                justify-content: flex-start;

                &:after {
                  content: "";
                  position: absolute;
                  top: 50%;
                  left: min(301px, 100%);
                  right: 0;
                  height: 1px;
                  background: #7b7b7b;
                  transform: translateY(-50%);

                  @media (max-width: 1280px) {
                    display: none;
                  }
                }

                &::before {
                  content: "";
                  position: absolute;
                  top: 50%;
                  right: -4px;
                  width: 8px;
                  height: 8px;
                  border-radius: 50%;
                  background: #7b7b7b;
                  transform: translateY(-50%);

                  @media (max-width: 1280px) {
                    display: none;
                  }
                }

                .info-card {
                  padding: 24px 34px;
                  max-width: 301px;
                  width: 100%;
                  display: flex;
                  flex-direction: column;
                  gap: 24px;
                  border: 1px solid #98989866;

                  @media (max-width: 768px) {
                    max-width: 100%;
                    padding: 8px;
                  }

                  .info-card-icon {
                    display: block;
                    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNyAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIuNDkxNSAzLjI0NTQ1QzIuMzE4OTcgMy4yNzE4MSAyLjE2NDI1IDMuMzIyOTcgMi4wNDIzOCAzLjQ0NTk0QzEuNzk4NjYgMy42OTE5MyAxLjc5MzE4IDQuMDIzNTUgMi4xMjc5NiA0LjMwMjc0QzIuODEzMjggNC44NzQ0NiAzLjU1NDczIDQuOTk1NDUgNC4xMTc0OSA0Ljk5NTQ1QzQuNTkwNTcgNC45OTU0NSA1LjE3MTE1IDQuODg2MzYgNS42MzY3IDQuNjEyNkM1Ljc3OTEgNC41Mjg3OCA2LjAzMzc4IDQuNDE0NSA2LjMyMTMzIDQuNDEyMTFDNi42MTkxNCA0LjQwOTYgNi45NTU5OCA0LjQ1MTQzIDcuMTU1ODkgNC41NzYxNUM3LjU3OTY4IDQuODQwOTggOC4xNTEzNCA0Ljk5NDA1IDguNjk2MzEgNC45OTU0NUM5LjI4NTA5IDQuOTk2OSA5Ljg3NDU2IDQuODUxMTMgMTAuMjM2NyA0LjYxMjZDMTAuNDgxOCA0LjQ1MTAyIDEwLjc5NDcgNC40MTIxMSAxMS4wOTI1IDQuNDEyMTFDMTEuMzg5NiA0LjQxMjExIDExLjUzODkgNC40NTkyNSAxMS45MDUyIDQuNjQ5MDZDMTIuMzUwMiA0Ljg3OTYgMTIuODIyNiA0Ljk5NzkgMTMuMzM4OCA0Ljk5NTQ1QzE0LjIxNzIgNC45OTExOSAxNC43ODg4IDQuNzMzMzUgMTUuMzcxNSA0LjIyOTgyQzE1LjYzNjQgNC4wMDA1MSAxNS42MjQxIDMuNjQ4ODggMTUuMzQ5NiAzLjQyNzc0QzE1LjA3NSAzLjIwNjYgMTQuNjY4MyAzLjE3NTk3IDE0LjQwODIgMy40MDk0OEMxNC4zNzI2IDMuNDQxODYgMTQuMjA2MiAzLjU2MzgzIDE0LjE5NDYgMy41NzM1N0MxMy45OTE5IDMuNzQyMjcgMTMuNjQ4OSAzLjgzMjkyIDEzLjMzODggMy44Mjg3OEMxMy4wNTQ3IDMuODI0OTMgMTIuODA1NSAzLjc1NjIxIDEyLjYxMSAzLjY0NjQ5QzEyLjAzNjYgMy4zMjE0IDExLjU1MzMgMy4yNDUzOSAxMC45NjM4IDMuMjQ1NDVDMTAuNTY3NCAzLjI0NTQ1IDkuOTcxNzggMy4zNTQ4MiA5LjU3MzMyIDMuNTkxNzdDOS4wNjk0NCAzLjg5MTQzIDguNDAxMjMgMy44ODM3MyA3Ljk2ODU0IDMuNjI4MjNDNy40ODI0NiAzLjM0MTIzIDYuODk1MDUgMy4yMjgyNCA2LjMyMTMzIDMuMjQ1NDVDNS43MjcwNyAzLjI2MzI0IDUuMjY0OTQgMy40MTQ1NiA0Ljg0NTI2IDMuNjY0NjlDNC40ODQ0NiAzLjg3OTM2IDMuNzY0MjMgMy44ODM1IDMuMzY4NTEgMy42NDY0OUwyLjk4Mzc1IDMuMzkxMjhDMi43ODc5NSAzLjI3NDYxIDIuNjc3MDMgMy4yMTcwNCAyLjQ5MTUgMy4yNDU0NVpNMi40OTE1IDYuMTYyMTFDMi4zMTg5NyA2LjE4ODQ4IDIuMTY0MjUgNi4yMzk1OCAyLjA0MjM4IDYuMzYyNkMxLjc5ODY2IDYuNjA4NTkgMS44MTQ0IDYuOTQwMjIgMi4xNDkxOCA3LjIxOTRDMi44MzUxOCA3Ljc5MTEzIDMuNTU0NzMgNy45MTIxMSA0LjExNzQ5IDcuOTEyMTFDNC41OTA1NyA3LjkxMjExIDUuMTcxMTUgNy44MDMwMyA1LjYzNjcgNy41MjkyN0M1Ljc3OTEgNy40NDU0NCA2LjAzMzc4IDcuMzMxMTEgNi4zMjEzMyA3LjMyODc4QzYuNjE5MTQgNy4zMjYyNyA2Ljk1NTk4IDcuMzY4MDkgNy4xNTU4OSA3LjQ5MjgxQzcuNTc5NjggNy43NTc2NCA4LjE1MTM0IDcuOTEwNzEgOC42OTYzMSA3LjkxMjExQzkuMjg1MDkgNy45MTM1NyA5Ljg3NDU2IDcuNzY3NzkgMTAuMjM2NyA3LjUyOTI3QzEwLjQ4MTggNy4zNjc2OSAxMC43OTQ3IDcuMzI4NzggMTEuMDkyNSA3LjMyODc4QzExLjM4OTYgNy4zMjg3OCAxMS41Mzg5IDcuMzc1OTEgMTEuOTA1MiA3LjU2NTczQzEyLjM1MDIgNy43OTYyNiAxMi44MjI2IDcuOTE0NTYgMTMuMzM4OCA3LjkxMjExQzE0LjIxNzIgNy45MDc4NSAxNC43ODg4IDcuNjUwMDIgMTUuMzcxNSA3LjE0NjQ5QzE1LjYzNjQgNi45MTcxOCAxNS42MjQxIDYuNTQ3MjkgMTUuMzQ5NiA2LjMyNjE0QzE1LjA3NSA2LjEwNSAxNC42NjgzIDYuMDkyNjQgMTQuNDA4MiA2LjMyNjE0QzE0LjM3MjYgNi4zNTg1MiAxNC4yMDYyIDYuNDgwNDkgMTQuMTk0NiA2LjQ5MDI0QzEzLjk5MTkgNi42NTg5NCAxMy42NDg5IDYuNzQ5NTkgMTMuMzM4OCA2Ljc0NTQ0QzEzLjA1NDcgNi43NDE1OSAxMi44MDU1IDYuNjcyODggMTIuNjExIDYuNTYzMTVDMTIuMDM2NiA2LjIzODA2IDExLjU1MzMgNi4xNjIxMSAxMC45NjM4IDYuMTYyMTFDMTAuNTY3NCA2LjE2MjExIDkuOTcxNzggNi4yNzE0OSA5LjU3MzMyIDYuNTA4NDRDOS4wNjk0NCA2LjgwODA5IDguNDAxMjMgNi44MDAzOSA3Ljk2ODU0IDYuNTQ0ODlDNy40ODI0NiA2LjI1Nzg5IDYuODk1MDUgNi4xNDQ5IDYuMzIxMzMgNi4xNjIxMUM1LjcyNzA3IDYuMTc5OSA1LjI2NDk0IDYuMzMxMjIgNC44NDUyNiA2LjU4MTM1QzQuNDg0NDYgNi43OTYwMiAzLjc2NDIzIDYuODAwMTYgMy4zNjg1MSA2LjU2MzE1TDIuOTgzNzUgNi4yODk2OUMyLjc4Nzk1IDYuMTczMDggMi42NzcwMyA2LjEzMzcgMi40OTE1IDYuMTYyMTFaTTIuNDkxNSA5LjA3ODc4QzIuMzE4OTcgOS4xMDUxNCAyLjE2NDI1IDkuMTU2MjUgMi4wNDIzOCA5LjI3OTI3QzEuNzk4NjYgOS41MjUyNiAxLjgxNDQgOS44NTY4OCAyLjE0OTE4IDEwLjEzNjFDMi44MzUxOCAxMC43MDc4IDMuNTU0NzMgMTAuODI4OCA0LjExNzQ5IDEwLjgyODhDNC41OTA1NyAxMC44Mjg4IDUuMTcxMTUgMTAuNzE5NyA1LjYzNjcgMTAuNDQ1OUM1Ljc3OTEgMTAuMzYyMSA2LjAzMzc4IDEwLjI0NzggNi4zMjEzMyAxMC4yNDU0QzYuNjE5MTQgMTAuMjQyOSA2Ljk1NTk4IDEwLjI4NDggNy4xNTU4OSAxMC40MDk1QzcuNTc5NjggMTAuNjc0MyA4LjE1MTM0IDEwLjgyNzQgOC42OTYzMSAxMC44Mjg4QzkuMjg1MDkgMTAuODMwMiA5Ljg3NDU2IDEwLjY4NDUgMTAuMjM2NyAxMC40NDU5QzEwLjQ4MTggMTAuMjg0NCAxMC43OTQ3IDEwLjI0NTQgMTEuMDkyNSAxMC4yNDU0QzExLjM4OTYgMTAuMjQ1NCAxMS41Mzg5IDEwLjI5MjYgMTEuOTA1MiAxMC40ODI0QzEyLjM1MDIgMTAuNzEyOSAxMi44MjI2IDEwLjgzMTIgMTMuMzM4OCAxMC44Mjg4QzE0LjIxNzIgMTAuODI0NSAxNC43ODg4IDEwLjU2NjcgMTUuMzcxNSAxMC4wNjMyQzE1LjYzNjQgOS44MzM4NCAxNS42MjQxIDkuNDgyMTUgMTUuMzQ5NiA5LjI2MTA3QzE1LjA3NSA5LjAzOTkzIDE0LjY2ODMgOS4wMDkzIDE0LjQwODIgOS4yNDI4MUMxNC4zNzI2IDkuMjc1MTkgMTQuMjA2MiA5LjM5NzE2IDE0LjE5NDYgOS40MDY5QzEzLjk5MTkgOS41NzU2IDEzLjY0ODkgOS42NjYyNSAxMy4zMzg4IDkuNjYyMTFDMTMuMDU0NyA5LjY1ODI2IDEyLjgwNTUgOS41ODk1NCAxMi42MTEgOS40Nzk4MkMxMi4wMzY2IDkuMTU0NzMgMTEuNTUzMyA5LjA3ODc4IDEwLjk2MzggOS4wNzg3OEMxMC41Njc0IDkuMDc4NzggOS45NzE3OCA5LjE4ODE1IDkuNTczMzIgOS40MjUxQzkuMDY5NDQgOS43MjQ3NiA4LjQwMTIzIDkuNzE3MDYgNy45Njg1NCA5LjQ2MTU2QzcuNDgyNDYgOS4xNzQ1NiA2Ljg5NTA1IDkuMDYxNTcgNi4zMjEzMyA5LjA3ODc4QzUuNzI3MDcgOS4wOTY1NyA1LjI2NDk0IDkuMjQ3ODkgNC44NDUyNiA5LjQ5ODAyQzQuNDg0NDYgOS43MTI2OSAzLjc2NDIzIDkuNzE2ODMgMy4zNjg1MSA5LjQ3OTgyTDIuOTgzNzUgOS4yMjQ2MUMyLjc4Nzk1IDkuMTA3OTQgMi42NzcwMyA5LjA1MDM3IDIuNDkxNSA5LjA3ODc4WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==");
                    background-position: center;
                    background-repeat: no-repeat;
                    width: 20px;
                    height: 16px;
                  }

                  .info-card-text {
                    display: flex;
                    flex-direction: column;
                    min-height: 36px;
                    justify-content: flex-end;

                    p {
                      margin: 0;
                      color: #000000cc;
                      font-weight: 300;
                      font-size: 20px;
                      line-height: 1.1;
                      letter-spacing: 0;

                      @media (max-width: 1200px) {
                        font-size: 16px;
                      }

                      &.info-card-title {
                        font-weight: 500;
                        line-height: 120%;
                        letter-spacing: 0;
                        margin: 0 0 5px;
                      }
                    }
                  }
                }
              }
            }
          }

          .image-column {
            max-width: 40%;
            position: relative;
            display: flex;
            flex-direction: column;
            justify-content: center;
            position: relative;
            isolation: isolate;
            overflow: visible;

            &.mobile {
              display: none;
            }

            @media (max-width: 767px) {
              &.mobile {
                display: flex;
                align-items: center;
              }

              &:not(.mobile) {
                display: none;
              }
            }

            @media (max-width: 768px) {
              min-height: 33vh;
            }

            @media (max-width: 550px) {
              order: unset;
            }

            &::before {
              content: "";
              position: absolute;
              top: 50%;
              left: 50%;
              width: 75%;
              aspect-ratio: 1;
              background: #d0141a;
              border-radius: 50%;
              filter: blur(100px);
              transform: translate(-50%, -50%);
              z-index: -1;
              pointer-events: none;

              @media (max-width: 767px) {
                display: none;
              }
            }

            img {
              position: relative;
              z-index: 1;
              display: block;
              max-height:500px;

              @media (max-width: 1440px) {
                max-width: 100%;
              }
            }
          }
        }

        .image-column.mobile {
          display: none;

          @media (max-width: 767px) {
            display: flex;
            align-items: center;
          }

          @media (max-width: 768px) {
            min-height: 33vh;

            img {
              max-width: 100vw;
            }
          }
        }

        @media (max-width: 1440px) {
          gap: 32px;
        }

        @media (max-width: 767px) {
          gap: 16px;
          overflow-x: scroll;
        }
      }
    }
  }

  &.is-open {
    .section-container {
      .elvtd-double-numbered-infocards-image__main {
        max-height: 9999px;
        opacity: 1;
        pointer-events: auto;
      }

      .elvtd-double-numbered-infocards-image__header {
        .section-toggle {
          .toggle-open {
            display: none;
          }

          .toggle-close {
            display: block;
          }
        }
      }
    }
  }
}