/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Date Banner Block
--------------------------------------------- */

#date-banner {
  background: var(--red-200, #c02026);
  padding-left: 3.5rem;
  padding-right: 3.5rem;

  .date-banner-inner {
    max-width: 1440px;
    margin: 0 auto;
    display: grid;
    gap: 2rem;
    padding-top: 24px;
    padding-bottom: 24px;
    align-items: center;

    .date-banner-header-wrapper {
      display: grid;
      gap: 0;

      h2 {
        color: #ffffff;
        font-family: "Open Sans", sans-serif;
        font-style: normal;
        font-weight: 700;
        line-height: 130%;
        font-size: 28px;
      }

      @media screen and (min-width: 744px) {
        h2 {
          font-size: 32px;
        }
      }

      @media screen and (min-width: 1025px) {
        h2 {
          font-size: 36px;
        }
      }

      h3 {
        font-size: 22px;
        color: #ffffff;
        font-family: "Open Sans", sans-serif;
        font-size: 22px;
        font-style: normal;
        font-weight: 450;
      }
    }

    .date-banner-register-button {
      color: var(--red-300, #951b1e);
      font-family: "Open Sans", sans-serif;
      font-style: normal;
      font-weight: 700;
      letter-spacing: 0.24px;
      text-transform: uppercase;
      border-radius: 94px;
      border: 8px solid var(--gold-100, #f7941e);
      background: var(--white-100, #fff);
      padding: var(--Object-Spacing-spacing-16, 8px)
        var(--Object-Spacing-spacing-40, 24px);
      font-size: 22px;
      width: fit-content;
      line-height: 1;
    }

    @media screen and (min-width: 744px) {
      .date-banner-register-button {
        font-size: 22px;
        padding: var(--Object-Spacing-spacing-16, 12px)
          var(--Object-Spacing-spacing-40, 32px);
      }
    }

    @media screen and (min-width: 1025px) {
      .date-banner-register-button {
        font-size: 24px;
        padding: var(--Object-Spacing-spacing-16, 16px)
          var(--Object-Spacing-spacing-40, 40px);
      }
    }
  }

  @media screen and (min-width: 744px) {
    .date-banner-inner {
      justify-content: space-between;
      display: flex;
      gap: 0;
    }
  }
}

/* Split Text with Image Block
--------------------------------------------- */

#split-text-with-image {
  padding-left: 3.5rem;
  padding-right: 3.5rem;

  .split-text-with-image-inner {
    max-width: 1440px;
    margin: 0 auto;
    display: grid;
    gap: 24px;
    padding-top: 40px;
    padding-bottom: 40px;

    .split-text-with-image-content-wrapper {
      flex: 1 1;

      h4 {
        color: var(--blue-500, #0e3d61);
        font-family: "Figtree", sans-serif;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        margin-bottom: 1em;
      }

      p {
        color: var(--blue-500, #0e3d61);
        font-family: "Figtree", sans-serif;
        font-size: var(--Body-Copy-p-standard, 16px);
        font-style: normal;
        font-weight: 400;
        &:last-of-type {
          margin-bottom: 0;
        }
      }
    }

    .split-text-with-image-media-wrapper {
      flex: 1 1;
      gap: 2rem;
      display: flex;
      flex-direction: column;

      .split-text-with-image-media-heading-wrapper {
        h3 {
          color: var(--blue-500, #0e3d61);
          font-family: "Open Sans", sans-serif;
          font-size: 20px;
          font-style: normal;
          font-weight: 600;
          line-height: 1.3;

          a {
            color: var(--gold-300, #8a4e05);
            text-decoration: none;
          }
        }

        @media screen and (min-width: 744px) {
          h3 {
            font-size: 23px;
          }
        }

        @media screen and (min-width: 1025px) {
          h3 {
            font-size: 26px;
          }
        }
      }

      .split-text-with-image-media-image-wrapper {
        display: flex;

        img {
          display: flex;
          border-radius: 30px;
          border: 6px solid var(--gold-100, #f7941e);
        }
      }
    }
  }

  @media screen and (min-width: 744px) {
    .split-text-with-image-inner {
      padding-top: 48px;
      padding-bottom: 64px;
    }
  }

  @media screen and (min-width: 1025px) {
    .split-text-with-image-inner {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 64px;
      padding-top: 96px;
      padding-bottom: 64px;
    }
  }
}

/* Three Columns Titles with icons Block
--------------------------------------------- */

#three-columns-titles-with-icons {
  padding-left: 3.5rem;
  padding-right: 3.5rem;

  .three-columns-titles-with-icons-inner {
    max-width: 1440px;
    margin: 0 auto;
    display: grid;
    gap: 3rem;
    padding-bottom: 96px;

    h2 {
      color: var(--blue-300, #3b8c9d);
      font-family: "Open Sans", sans-serif;
      font-size: 28px;
      font-style: normal;
      font-weight: 700;
      display: flex;
      border-bottom: 6px solid var(--gold-100, #f7941e);
      padding-bottom: 1rem;
    }

    @media screen and (min-width: 744px) {
      h2 {
        font-size: 32px;
      }
    }

    @media screen and (min-width: 1025px) {
      h2 {
        font-size: 36px;
      }
    }

    ul {
      margin: 0;
      list-style: none;
      display: grid;
      gap: 2rem;

      li {
        display: flex;
        align-items: center;
        gap: 2rem;

        p {
          margin: 0;
          color: var(--blue-500, #0e3d61);
          font-family: "Open Sans", sans-serif;
          font-size: 24px;
          font-style: normal;
          font-weight: 600;
        }
      }
    }

    @media screen and (min-width: 744px) {
      ul {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @media screen and (min-width: 1025px) {
      ul {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
    }
  }
}
/* Heading Image Content Repeater Block
--------------------------------------------- */

#heading-image-content-repeater {
  padding-left: 3.5rem;
  padding-right: 3.5rem;

  .heading-image-content-repeater-inner {
    max-width: 1440px;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 40px;
    display: grid;
    gap: 4rem;

    .hicr-content-wrapper {
      display: grid;
      gap: 4rem;

      h2 {
        font-size: 28px;
        color: var(--blue-300, #3b8c9d);
        font-family: "Open Sans", sans-serif;
        font-style: normal;
        font-weight: 700;
        border-bottom: 6px solid var(--gold-100, #f7941e);
        padding-bottom: 1rem;
      }

      @media screen and (min-width: 744px) {
        h2 {
          font-size: 32px;
        }
      }

      @media screen and (min-width: 1025px) {
        h2 {
          font-size: 36px;
        }
      }

      .hicr-content-wrapper-inner {
        display: grid;
        gap: 48px;

        .hicr-image-wrapper {
          display: flex;
          flex-direction: column;

          img {
            display: flex;
            border-radius: 20px;
            border: 6px solid var(--gold-100, #f7941e);
            max-width: 100%;
            height: 389px;
            object-fit: cover;
            width: 337px;
          }
        }

        @media screen and (min-width: 1025px) {
          .hicr-image-wrapper {
            flex-shrink: 0;
          }
        }

        .hicr-text-wrapper {
          h3 {
            color: var(--blue-500, #0e3d61);
            font-family: "Open Sans", sans-serif;
            font-size: 23px;
            font-style: normal;
            font-weight: 600;
            margin-bottom: 1em;
          }

          @media screen and (min-width: 744px) {
            h3 {
              font-size: 23px;
            }
          }

          @media screen and (min-width: 1025px) {
            h3 {
              font-size: 26px;
            }
          }

          p {
            color: var(--blue-500, #0e3d61);
            font-family: "Figtree", sans-serif;
            font-size: 16px;
            font-style: normal;
            font-weight: 300;

            &:last-of-type {
              margin-bottom: 0;
            }
          }

          a {
            color: #8a4e05;
            font-family: "Figtree", sans-serif;
            font-size: 16px;
            font-style: normal;
            font-weight: 500;
          }
        }

        @media screen and (min-width: 1025px) {
          .hicr-text-wrapper {
            flex-basis: 65%;
          }
        }
      }

      @media screen and (min-width: 1025px) {
        .hicr-content-wrapper-inner {
          display: flex;
          gap: 64px;
        }
      }
    }
  }

  @media screen and (min-width: 744px) {
    .heading-image-content-repeater-inner {
      padding-top: 48px;
      padding-bottom: 48px;
    }
  }

  @media screen and (min-width: 1025px) {
    .heading-image-content-repeater-inner {
      padding-top: 64px;
      padding-bottom: 96px;
    }
  }
}

/* Schedule Repeater Block
--------------------------------------------- */

#schedule-repeater {
  padding-left: 3.5rem;
  padding-right: 3.5rem;

  .schedule-repeater-inner {
    max-width: 1440px;
    margin: 0 auto;
    display: grid;
    gap: 4rem;
    padding-top: 40px;
    padding-bottom: 40px;

    .sr-anchors-wrapper {
      display: grid;
      justify-content: center;
      gap: 20px;

      a.sr-anchor {
        border-radius: 55px;
        border: 4px solid var(--gold-100, #f7941e);
        background: var(--white-100, #fff);
        padding: 10px 24px;
        color: var(--blue-400, #075e80);
        font-family: "Open Sans", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        letter-spacing: 0.32px;
        text-transform: uppercase;
        line-height: 1;
        display: flex;
        align-items: center;
        justify-content: center;

        &.active {
          border: unset;
          background: var(--blue-500, #0e3d61);
          color: #ffffff;
          border: solid 4px #0e3d61;
        }
      }
    }

    @media screen and (min-width: 744px) {
      .sr-anchors-wrapper {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 30px;
      }
    }
    @media screen and (min-width: 1025px) {
      .sr-anchors-wrapper {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 30px;
      }
    }

    .sr-wrapper {
      display: grid;
      gap: 8rem;

      .sr-inner {
        display: grid;
        gap: 4rem;

        h2 {
          color: var(--blue-300, #3b8c9d);
          font-family: "Open Sans", sans-serif;
          font-size: 28px;
          font-style: normal;
          font-weight: 700;
          border-bottom: 6px solid var(--gold-100, #f7941e);
          padding-bottom: 1rem;
          margin: 0;
        }

        @media screen and (min-width: 744px) {
          h2 {
            font-size: 32px;
          }
        }

        @media screen and (min-width: 1025px) {
          h2 {
            font-size: 36px;
          }
        }

        .sr-sessions-wrapper {
          .sr-sessions-item {
            display: grid;
            padding: 26px 48px;
            align-items: flex-start;
            gap: 30px;
            align-self: stretch;
            border-radius: 100px;

            &:nth-of-type(odd) {
              background: var(--blue-100, #f1f9f9);
            }

            .sr-session-time {
              color: var(--blue-600, #0a2d47);
              font-family: "Figtree", sans-serif;
              font-size: 16px;
              font-style: normal;
              font-weight: 500;
              width: 145px;
            }

            .sr-session-details-wrapper {
              flex: 1;

              .sr-session-details-title {
                color: var(--blue-600, #0a2d47);
                font-family: "Figtree", sans-serif;
                font-size: 16px;
                font-style: normal;
                font-weight: 500;
              }

              .sr-session-details-content {
                p {
                  color: var(--blue-500, #0e3d61);
                  font-family: "Figtree", sans-serif;
                  font-size: 16px;
                  font-style: normal;
                  font-weight: 300;

                  &:last-of-type {
                    margin-bottom: 0;
                  }
                }

                ul {
                  list-style-type: disc;

                  li {
                    color: var(--blue-500, #0e3d61);
                    font-family: "Figtree", sans-serif;
                    font-size: 16px;
                    font-style: normal;
                    font-weight: 300;
                  }
                }
              }
            }
          }

          @media screen and (min-width: 744px) {
            .sr-sessions-item {
              display: flex;
              padding: 12px 48px;
            }
          }
        }
      }
    }
  }

  @media screen and (min-width: 744px) {
    .schedule-repeater-inner {
      padding-top: 48px;
      padding-bottom: 64px;
    }
  }

  @media screen and (min-width: 1025px) {
    .schedule-repeater-inner {
      padding-top: 96px;
      padding-bottom: 64px;
    }
  }
}

/* Content CTA with Split Image Grid Block
--------------------------------------------- */

#content-cta-with-split-image-grid {
  padding-left: 3.5rem;
  padding-right: 3.5rem;

  .content-cta-with-split-image-grid-inner {
    max-width: 1440px;
    margin: 0 auto;
    display: grid;
    gap: 4rem;
    padding-top: 40px;
    padding-bottom: 40px;

    .ccwsig-wrapper {
      display: grid;
      gap: 4rem;

      h2 {
        color: var(--blue-300, #3b8c9d);
        font-family: "Open Sans", sans-serif;
        font-size: 28px;
        font-style: normal;
        font-weight: 700;
        border-bottom: 6px solid var(--gold-100, #f7941e);
        padding-bottom: 1rem;
        margin: 0;
      }

      @media screen and (min-width: 744px) {
        h2 {
          font-size: 32px;
        }
      }

      @media screen and (min-width: 1025px) {
        h2 {
          font-size: 36px;
        }
      }

      .ccwsig-inner {
        display: grid;
        gap: 48px;

        .ccwsig-item {
          p {
            color: var(--blue-500, #0e3d61);
            font-family: "Figtree", sans-serif;
            font-size: 16px;
            font-style: normal;
            font-weight: 300;
          }

          a {
            color: var(--gold-300, #8a4e05);
            font-family: "Figtree", sans-serif;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;

            &.ccwsig-cta-button {
              display: flex;
              padding: 10px 24px;
              justify-content: center;
              align-items: center;
              gap: 10px;
              align-self: stretch;
              color: #ffffff;
              border-radius: 100px;
              background: var(--blue-400, #075e80);
              font-family: "Open Sans", sans-serif;
              font-size: 16px;
              font-style: normal;
              font-weight: 700;
              letter-spacing: 0.32px;
              text-transform: uppercase;
              line-height: 1;
            }
          }

          ul {
            padding-left: 1.5rem;
            list-style-type: disc;

            li {
              color: var(--blue-500, #0e3d61);
              font-family: "Figtree", sans-serif;
              font-size: 16px;
              font-style: normal;
              font-weight: 300;
            }
          }

          .ccwsig-image-grid-wrapper {
            display: grid;
            gap: 32px;

            .ccwsig-image-grid-col-1 {
              display: flex;

              img {
                display: flex;
                object-fit: cover;
                width: 100%;
                border-radius: 30px;
                border: 6px solid var(--gold-100, #f7941e);
                max-height: 387px;
                height: 100%;
              }
            }

            .ccwsig-image-grid-col-2 {
              display: grid;
              gap: 30px;

              img {
                display: flex;
                object-fit: cover;
                width: 100%;
                border-radius: 30px;
                border: 6px solid var(--gold-100, #f7941e);
                height: 100%;
                max-height: 185px;
              }
            }

            @media screen and (min-width: 744px) {
              .ccwsig-image-grid-col-2 {
                grid-template-columns: repeat(2, minmax(0, 1fr));
              }
            }
          }
        }
      }

      @media screen and (min-width: 1025px) {
        .ccwsig-inner {
          gap: 64px;
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
      }
    }
  }

  @media screen and (min-width: 744px) {
    .content-cta-with-split-image-grid-inner {
      padding-top: 48px;
      padding-bottom: 64px;
    }
  }

  @media screen and (min-width: 1025px) {
    .content-cta-with-split-image-grid-inner {
      padding-top: 96px;
      padding-bottom: 64px;
    }
  }
}

/* Sponsors Block
--------------------------------------------- */

#sponsors {
  padding-left: 3.5rem;
  padding-right: 3.5rem;

  .sponsors-inner {
    max-width: 1440px;
    margin: 0 auto;
    display: grid;
    gap: 10rem;
    padding-top: 40px;
    padding-bottom: 40px;

    h2 {
      color: var(--blue-300, #3b8c9d);
      font-family: "Open Sans", sans-serif;
      font-size: 28px;
      font-style: normal;
      font-weight: 700;
      border-bottom: 6px solid var(--gold-100, #f7941e);
      padding-bottom: 1rem;
      margin: 0;
    }

    @media screen and (min-width: 744px) {
      h2 {
        font-size: 32px;
      }
    }

    @media screen and (min-width: 1025px) {
      h2 {
        font-size: 36px;
      }
    }

    .sponsors-wrapper {
      display: grid;
      gap: 4rem;

      h3 {
        color: var(--blue-500, #0e3d61);
        font-family: "Open Sans", sans-serif;
        font-size: 26px;
        font-style: normal;
        font-weight: 600;
        border-bottom: solid 2px var(--gold-100, #f7941e);
        padding-bottom: 0.5rem;
      }

      .sponsors-image-wrapper {
        display: grid;
        gap: 24px;

        .sponsors-image-item {
          display: flex;

          img {
            display: flex;
            width: 100%;
          }
        }
      }

      @media screen and (min-width: 744px) {
        .sponsors-image-wrapper {
          gap: 48px;
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
      }

      @media screen and (min-width: 1025px) {
        .sponsors-image-wrapper {
          gap: 64px;
          grid-template-columns: repeat(3, minmax(0, 1fr));
        }
      }
    }
  }

  @media screen and (min-width: 744px) {
    .sponsors-inner {
      padding-top: 48px;
      padding-bottom: 64px;
    }
  }

  @media screen and (min-width: 1025px) {
    .sponsors-inner {
      padding-top: 96px;
      padding-bottom: 64px;
    }
  }
}

/* Exhibitors Block
--------------------------------------------- */

#exhibitors {
  padding-left: 3.5rem;
  padding-right: 3.5rem;

  .exhibitors-inner {
    max-width: 1440px;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 40px;
    display: grid;
    gap: 48px;

    .exhibitors-col {
      display: flex;
      flex-direction: column;
      gap: 4rem;

      h2 {
        color: var(--blue-300, #3b8c9d);
        font-family: "Open Sans", sans-serif;
        font-size: 28px;
        font-style: normal;
        font-weight: 700;
        border-bottom: 6px solid var(--gold-100, #f7941e);
        padding-bottom: 1rem;
        margin: 0;
      }

      @media screen and (min-width: 744px) {
        h2 {
          font-size: 32px;
        }
      }

      @media screen and (min-width: 1025px) {
        h2 {
          font-size: 36px;
        }
      }

      .exhibitors-featured-image-wrapper {
        display: flex;

        img {
          display: flex;
          width: 100%;
          border-radius: 30px;
          border: 6px solid var(--gold-100, #f7941e);
          max-height: 387px;
          object-fit: cover;
        }
      }

      .exhibitors-information {
        display: grid;
        gap: 4rem;

        .exhibitors-information-wrapper {
          display: grid;
          gap: 4rem;

          .exhibitors-information-item {
            display: flex;
            gap: 48px;

            .exhibitors-information-icon-wrapper {
              display: flex;

              svg.exhibitors-information-icon {
                width: 68px;
                height: 68px;
              }
            }

            .exhibitors-information-list-wrapper {
              margin-top: 0.5rem;
              display: grid;

              ul {
                margin: 0;
                padding: 0;
                list-style-type: none;
                display: grid;
                gap: 0.5rem;

                li {
                  a {
                    color: var(--gold-300, #8a4e05);
                    font-family: "Figtree", sans-serif;
                    font-size: 16px;
                    font-style: normal;
                    font-weight: 500;

                    &:hover {
                      text-decoration: underline;
                    }
                  }
                }
              }
            }
          }
        }
      }

      .exhibitors-schedule {
        display: grid;
        gap: 4rem;

        .exhibitors-schedule-message {
          color: var(--blue-500, #0e3d61);
          font-family: "Figtree", sans-serif;
          font-size: var(--Body-Copy-p-standard, 16px);
          font-style: normal;
          font-weight: 300;
        }

        .exhibitors-schedule-wrapper {
          display: grid;
          gap: 24px;

          .exhibitors-schedule-heading-wrapper {
            h3 {
              color: var(--blue-500, #0e3d61);
              font-family: "Open Sans", sans-serif;
              font-size: 18px;
              font-style: normal;
              font-weight: 600;
              border-bottom: solid 2px #f7941e;
              padding-bottom: 0.5rem;
            }

            @media screen and (min-width: 744px) {
              h3 {
                font-size: 22px;
              }
            }

            @media screen and (min-width: 1025px) {
              h3 {
                font-size: 26p;
              }
            }
          }

          .exhibitors-schedule-session-wrapper {
            .exhibitors-schedule-session-item {
              display: flex;
              padding: 12px 48px;
              align-items: flex-start;
              gap: 30px;
              align-self: stretch;
              border-radius: 100px;

              &:nth-of-type(odd) {
                background: var(--blue-100, #f1f9f9);
              }

              .exhibitors-schedule-session-time {
                color: var(--blue-600, #0a2d47);
                font-family: "Figtree", sans-serif;
                font-size: 16px;
                font-style: normal;
                font-weight: 500;
              }

              .exhibitors-schedule-session-details {
                color: var(--blue-500, #0e3d61);
                font-family: "Figtree", sans-serif;
                font-size: 16px;
                font-style: normal;
                font-weight: 300;
                flex: 1;
              }
            }
          }
        }
      }

      .exhibitors-heading-content-wrapper {
        display: grid;
        gap: 4rem;

        .exhibitors-heading-content-item {
          h2 {
            margin-bottom: 4rem;
          }

          p {
            color: var(--blue-500, #0e3d61);
            font-family: "Figtree", sans-serif;
            font-size: 16px;
            font-style: normal;
            font-weight: 300;

            &:last-of-type {
              margin-bottom: 0;
            }
          }

          a {
            color: var(--gold-300, #8a4e05);
            font-family: "Figtree", sans-serif;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;

            &:hover {
              text-decoration: underline;
            }
          }

          ul {
            list-style-type: disc;
            padding-left: 1.5rem;

            li {
              color: var(--blue-500, #0e3d61);
              font-family: "Figtree", sans-serif;
              font-size: 16px;
              font-style: normal;
              font-weight: 300;
            }
          }
        }
      }
    }
  }

  @media screen and (min-width: 744px) {
    .exhibitors-inner {
      padding-top: 48px;
      padding-bottom: 64px;
      gap: 56px;
    }
  }

  @media screen and (min-width: 1025px) {
    .exhibitors-inner {
      padding-top: 96px;
      padding-bottom: 64px;
      gap: 64px;
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
}

/* Education Block
--------------------------------------------- */

#education {
  padding-left: 3.5rem;
  padding-right: 3.5rem;

  .education-inner {
    max-width: 1440px;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 40px;

    .education-wrapper {
      display: grid;
      gap: 4rem;

      .education-intro-content-wrapper {
        h2 {
          color: var(--blue-300, #3b8c9d);
          font-family: "Open Sans", sans-serif;
          font-size: 28px;
          font-style: normal;
          font-weight: 700;
          border-bottom: 6px solid var(--gold-100, #f7941e);
          padding-bottom: 1rem;
          margin: 0;
          margin-bottom: 4rem;
        }

        @media screen and (min-width: 744px) {
          h2 {
            font-size: 32px;
          }
        }

        @media screen and (min-width: 1025px) {
          h2 {
            font-size: 36px;
          }
        }

        p {
          max-width: 1000px;
          color: var(--blue-500, #0e3d61);
          font-family: "Figtree", sans-serif;
          font-size: 16px;
          font-style: normal;
          font-weight: 300;

          &:last-of-type {
            margin-bottom: 0;
          }
        }

        a {
          color: var(--gold-300, #8a4e05);
          font-family: "Figtree", sans-serif;
          font-size: 16px;
          font-style: normal;
          font-weight: 400;

          &:hover {
            text-decoration: underline;
          }
        }

        ul {
          list-style-type: disc;
          padding-left: 1.5rem;

          li {
            color: var(--blue-500, #0e3d61);
            font-family: "Figtree", sans-serif;
            font-size: 16px;
            font-style: normal;
            font-weight: 300;
          }
        }
      }

      .education-category-key-wrapper {
        margin-bottom: var(--spacing-48);
        border: solid 4px var(--gold-100);
        border-radius: 22px;
        container-type: inline-size;
        width: 100%;

        .education-category-list {
          list-style: none;
          padding: 32px 48px;
          margin: 0;
          display: grid;
          gap: 1rem;
          grid-template-columns: 1fr;

          .education-category-item {
            display: flex;
            gap: 12px;
            flex-direction: row;
            align-items: center;
            color: var(--blue-500, #0e3d61);
            font-family: "Figtree", sans-serif;
            font-size: 20px;
            font-style: normal;
            font-weight: 600;
          }
        }

        @media screen and (min-width: 744px) {
          .education-category-list {
            grid-template-columns: repeat(2, 1fr);
          }
        }

        @media screen and (min-width: 1025px) {
          .education-category-list {
            grid-template-columns: repeat(3, 1fr);
          }
        }
      }

      .education-posts-wrapper {
        border: none;
        padding: 0;
        container-type: unset;

        .education-post-list {
          display: block;
          column-count: 1;
          column-gap: 2rem;

          .education-post-item {
            font-family: "Open Sans", sans-serif;
            display: grid;
            align-items: start;
            break-inside: avoid;
            gap: 1rem;
            margin-bottom: 4rem;

            .education-post-item-header {
              display: flex;
              gap: 12px;

              .icon {
                flex-shrink: 0;
              }

              h3 {
                color: var(--blue-500, #0e3d61);
                font-family: "Open Sans", sans-serif;
                font-size: var(--Headings-H3, 26px);
                font-style: normal;
                font-weight: 600;
                line-height: 1.3;
              }
            }

            .education-post-item-date {
              color: var(--blue-500, #0e3d61);
              font-family: "Figtree", sans-serif;
              font-size: 20px;
              font-style: normal;
              font-weight: 600;
            }

            .education-post-item-content {
              p {
                color: var(--blue-500, #0e3d61);
                font-family: "Figtree", sans-serif;
                font-size: 14px;
                font-style: normal;
                font-weight: 300;

                &:last-of-type {
                  margin-bottom: 0;
                }
              }
            }

            .education-post-item-speakers {
              color: var(--blue-500, #0e3d61);
              font-family: "Figtree", sans-serif;
              font-size: 16px;
              font-style: italic;
              font-weight: 300;
            }
          }
        }

        @media (width > 744px) {
          .education-post-list {
            column-count: 2;
          }
        }

        @media (width > 1025px) {
          .education-post-list {
            column-count: 3;
          }
        }
      }
    }

    /* Icons */
    .icon-wrapper.red-100 .icon {
      background-color: var(--red-100);
    }

    .icon-wrapper.blue-500 .icon {
      background-color: var(--blue-500);
    }

    .icon-wrapper.red-200 .icon {
      background-color: var(--red-200);
    }

    .icon-wrapper.blue-600 .icon {
      background-color: var(--blue-600);
    }

    .icon-wrapper.blue-300 .icon {
      background-color: var(--blue-300);
    }

    .icon-wrapper.gold-200 .icon {
      background-color: var(--gold-200);
    }

    .icon-wrapper.red-300 .icon {
      background-color: var(--red-300);
    }

    .icon-wrapper.blue-400 .icon {
      background-color: var(--blue-400);
    }

    .icon-wrapper.black-100 .icon {
      background-color: var(--black-100);
    }

    .icon {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      background-color: var(--blue-200);
      display: grid;
      place-content: center;
      flex-shrink: 0;
    }
  }

  @media screen and (min-width: 744px) {
    .education-inner {
      padding-top: 48px;
      padding-bottom: 64px;
    }
  }

  @media screen and (min-width: 1025px) {
    .education-inner {
      display: grid;
      padding-top: 96px;
      padding-bottom: 64px;
    }
  }
}

/* Registration Info Block
--------------------------------------------- */

#registration-info {
  padding-left: 3.5rem;
  padding-right: 3.5rem;

  .registration-info-inner {
    max-width: 1440px;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 40px;
    display: grid;
    gap: 48px;

    .registration-info-col {
      display: flex;
      flex-direction: column;
      gap: 4rem;

      h2 {
        color: var(--blue-300, #3b8c9d);
        font-family: "Open Sans", sans-serif;
        font-size: 28px;
        font-style: normal;
        font-weight: 700;
        border-bottom: 6px solid var(--gold-100, #f7941e);
        padding-bottom: 1rem;
        margin: 0;
      }

      @media screen and (min-width: 744px) {
        h2 {
          font-size: 32px;
        }
      }

      @media screen and (min-width: 1025px) {
        h2 {
          font-size: 36px;
        }
      }

      .registration-info-intro-content {
        h2 {
          margin-bottom: 4rem;
        }

        p {
          color: var(--blue-500, #0e3d61);
          font-family: "Figtree", sans-serif;
          font-size: 16px;
          font-style: normal;
          font-weight: 300;

          &:last-of-type {
            margin-bottom: 0;
          }
        }

        a {
          color: var(--gold-300, #8a4e05);
          font-family: "Figtree", sans-serif;
          font-size: 16px;
          font-style: normal;
          font-weight: 400;

          &:hover {
            text-decoration: underline;
          }
        }

        ul {
          list-style-type: disc;
          padding-left: 1.5rem;

          li {
            color: var(--blue-500, #0e3d61);
            font-family: "Figtree", sans-serif;
            font-size: 16px;
            font-style: normal;
            font-weight: 300;
          }
        }
      }

      .registration-info-pricing-wrapper {
        display: grid;
        gap: 4rem;

        .registration-info-pricing-item {
          display: grid;
          gap: 2rem;

          h3 {
            color: var(--blue-500, #0e3d61);
            font-family: "Open Sans", sans-serif;
            font-size: 18px;
            font-style: normal;
            font-weight: 600;
            border-bottom: solid 2px var(--gold-100, #f7941e);
            padding-bottom: 0.5rem;
          }

          @media screen and (min-width: 744px) {
            h3 {
              font-size: 22px;
            }
          }

          @media screen and (min-width: 1025px) {
            h3 {
              font-size: 26px;
            }
          }

          .registration-info-pricing-item-grid {
            display: grid;
            gap: 1rem;

            .registration-info-pricing-item-grid-col {
              display: grid;
              grid-template-columns: repeat(2, minmax(0, 1fr));
              gap: 1rem;

              .registration-info-pricing-item-grid-col-icon-text-wrapper {
                display: flex;
                align-items: center;
                gap: 2rem;

                .registration-info-pricing-item-grid-col-text {
                  color: var(--blue-500, #0e3d61);
                  font-family: Figtree;
                  font-size: 16px;
                  font-style: normal;
                  font-weight: 500;
                }
              }

              ul {
                padding: 0;
                margin: 0;
                list-style-type: none;
                display: flex;
                flex-direction: column;
                gap: 0.5rem;

                li {
                  color: var(--blue-500, #0e3d61);
                  font-family: Figtree;
                  font-size: 16px;
                  font-style: normal;
                  font-weight: 500;
                }
              }
            }
          }
        }
      }

      .registration-info-questions-wrapper {
        border-radius: 22px;
        background: var(--blue-400, #075e80);
        display: grid;
        gap: 24px;
        padding: 40px 32px 48px 32px;

        h3 {
          color: var(--white-100, #fff);
          font-family: "Open Sans";
          font-size: 28px;
          font-style: normal;
          font-weight: 700;
        }

        @media screen and (min-width: 744px) {
          h3 {
            font-size: 32px;
          }
        }

        @media screen and (min-width: 1025px) {
          h3 {
            font-size: 36px;
          }
        }

        .registration-info-questions-inner {
          display: grid;
          gap: 24px;

          .registration-info-questions-item {
            display: grid;
            gap: 0.5rem;

            p.ri-question {
              color: var(--white-100, #fff);
              font-family: Figtree;
              font-size: var(--Body-Copy-p-standard, 16px);
              font-style: normal;
              font-weight: 500;

              &:last-of-type {
                margin-bottom: 0;
              }
            }

            div.ri-answer {
              color: var(--white-100, #fff);
              font-family: Figtree;
              font-size: var(--Body-Copy-p-standard, 16px);
              font-style: normal;
              font-weight: 300;

              p {
                &:last-of-type {
                  margin-bottom: 0;
                }
              }

              a {
                text-decoration: underline;
              }
            }
          }
        }

        .ri-cta-button {
          display: flex;
          padding: 10px 24px;
          justify-content: center;
          border-radius: 55px;
          border: 4px solid var(--gold-100, #f7941e);
          background: var(--white-100, #fff);
          color: #624a74;
          font-family: "Open Sans";
          font-size: 16px;
          font-style: normal;
          font-weight: 700;
          letter-spacing: 0.32px;
          text-transform: uppercase;
        }
      }

      .registration-info-content-wrapper {
        h2 {
          margin-bottom: 4rem;
        }

        h3 {
          color: var(--blue-500, #0e3d61);
          font-family: "Open Sans", sans-serif;
          font-size: 18px;
          font-style: normal;
          font-weight: 600;
          border-bottom: solid 2px var(--gold-100, #f7941e);
          padding-bottom: 0.5rem;
          margin-bottom: 2rem;
        }

        @media screen and (min-width: 744px) {
          h3 {
            font-size: 22px;
          }
        }

        @media screen and (min-width: 1025px) {
          h3 {
            font-size: 26px;
          }
        }

        img {
          width: 100%;
          float: left;
          margin-bottom: 2rem;
          border-radius: 30px;
          border: 6px solid var(--gold-100, #f7941e);
        }

        @media screen and (min-width: 744px) {
          img {
            width: 50%;
            float: left;
            margin: 0 2.5rem 1rem 0;
          }
        }

        p {
          color: var(--blue-500, #0e3d61);
          font-family: "Figtree", sans-serif;
          font-size: 16px;
          font-style: normal;
          font-weight: 300;

          &:last-of-type {
            margin-bottom: 0;
          }
        }

        a {
          color: var(--gold-300, #8a4e05);
          font-family: "Figtree", sans-serif;
          font-size: 16px;
          font-style: normal;
          font-weight: 400;

          &:hover {
            text-decoration: underline;
          }
        }

        ul {
          list-style-type: disc;
          padding-left: 1.5rem;

          li {
            color: var(--blue-500, #0e3d61);
            font-family: "Figtree", sans-serif;
            font-size: 16px;
            font-style: normal;
            font-weight: 300;
          }
        }
      }
    }
  }

  @media screen and (min-width: 744px) {
    .registration-info-inner {
      padding-top: 48px;
      padding-bottom: 64px;
      gap: 56px;
    }
  }

  @media screen and (min-width: 1025px) {
    .registration-info-inner {
      padding-top: 96px;
      padding-bottom: 64px;
      gap: 64px;
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
}

/* Next
--------------------------------------------- */
/* Next
--------------------------------------------- */