.webinar {
  display: flex;
  padding: 0 80px 0px var(--Structure-Spacing-margin-side-standard);
  gap: 60px;

  .webinar-left {
    /* width: calc(75% - 60px); */
  }

  .entry-content {
    ul,
    table {
      margin: 20px 0 20px 0;
    }

    h2:first-child {
      margin-top: 40px;
    }

    .sub-title {
      display: flex;
      align-items: baseline;
      gap: var(--Object-Spacing-spacing-16);
      align-self: stretch;
      margin-top: 8px;

      .session-sub-header {
        color: var(--blue-600);
        font-family: var(--dm-sans);
        font-size: var(--Headings-h4);
        font-style: normal;
        font-weight: 900;
        line-height: 130%; /* 18.2px */
        letter-spacing: 1px;
        text-transform: uppercase;

        &:after {
          content: " ";
          border-radius: 100%;
          background-color: var(--orange-200);
          width: 8px;
          height: 8px;
          margin-left: 24px;
          display: inline-block;
        }
      }

      span {
        color: var(--neutral-600);
        font-family: var(--dm-sans);
        font-size: var(--components-ct-as-card-cta);
        font-style: normal;
        font-weight: 500;
        line-height: 135%; /* 21.6px */
        margin-top: -1.5px;
      }
    }
    .session-info {
      display: flex;
      padding: var(--Object-Spacing-spacing-40) var(--Object-Spacing-spacing-60)
        var(--Structure-Spacing-margin-section-bottom)
        var(--Structure-Spacing-margin-side-standard);
      flex-direction: column;
      align-items: flex-start;
      align-self: stretch;

      .description {
        color: var(--neutral-600);
        font-family: var(--frankliln);
        font-size: var(--Body-Text-p-standard);
        font-style: normal;
        font-weight: 400;
        line-height: 160%; /* 27.2px */
        letter-spacing: -0.25px;
      }

      .icon {
        display: flex;
        width: 43.75px;
        height: 43.75px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        border-radius: 50px;
        background: var(--brand-red);
        margin-top: 0.35rem;

        svg {
          width: 28.335px;
          height: 24.39px;
          flex-shrink: 0;
          path {
            fill: var(--neutral-0) !important;
          }
        }
      }
      .columns {
        display: flex;
        /*width: 895px;*/
        width: 100%;
        align-items: flex-start;
        align-content: flex-start;
        gap: 0px var(--Structure-Spacing-column-gap, 30px);
        flex-wrap: wrap;

        .col {
          display: flex;
          width: 357px;
          padding: var(--Object-Spacing-spacing-24, 24px) 0px
            var(--Object-Spacing-spacing-12, 12px) 0px;
          align-items: flex-start;
          gap: var(--Object-Spacing-spacing-24, 24px);
          flex-shrink: 0;

          h4 {
            color: var(--neutral-400);
          }

          .uan {
            color: var(--neutral-400);
            font-family: var(--dm-sans);
            font-size: var(--components-ct-as-button-text);
            font-style: normal;
            font-weight: 500;
            line-height: 145%; /* 15.95px */
          }
        }
      }
    }

    .tabs {
      display: flex;
      align-items: flex-start;
      align-self: stretch;
      border-bottom: 1px solid var(--blue-200);
      margin-bottom: 40px;

      .tab {
        display: flex;
        padding: var(--Object-Spacing-spacing-16, 16px)
          var(--Object-Spacing-spacing-24, 12px);
        flex-direction: column;
        align-items: center;
        flex: 1 0 0;
        color: var(--blue-600);
        font-family: var(--dm-sans);
        font-size: var(--Headings-h4);
        font-style: normal;
        font-weight: 900;
        line-height: 130%; /* 18.2px */
        letter-spacing: 1px;
        text-transform: uppercase;
        cursor: pointer;

        &.active {
          border-bottom: 4px solid var(--blue-200);
          /*max-width:25%;*/
        }
      }
    }

    .tab-content {
      display: none;
      margin-bottom: 90px;
      &.syllabus {
        display: block;

        ul {
          list-style-type: none;
          padding-inline: 0;
          margin: 20px 0 20px 0;

          li {
            position: relative;
            padding-left: 32px;
            &::before {
              content: "";
              background-image: url('data:image/svg+xml,<svg width="17" height="18" viewBox="0 0 17 18" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="16.8" height="16.8" transform="translate(0 0.600098)" fill="%230A72BA"/><path d="M13.0967 5.647C13.0316 5.58139 12.9542 5.52931 12.8689 5.49378C12.7836 5.45824 12.6921 5.43994 12.5997 5.43994C12.5073 5.43994 12.4158 5.45824 12.3305 5.49378C12.2452 5.52931 12.1678 5.58139 12.1027 5.647L6.88772 10.869L4.69672 8.671C4.62916 8.60573 4.5494 8.55441 4.462 8.51997C4.3746 8.48553 4.28127 8.46864 4.18735 8.47026C4.09342 8.47189 4.00073 8.492 3.91458 8.52944C3.82842 8.56689 3.75049 8.62094 3.68522 8.6885C3.61995 8.75607 3.56863 8.83582 3.53419 8.92322C3.49975 9.01062 3.48286 9.10395 3.48448 9.19787C3.48611 9.2918 3.50622 9.38449 3.54366 9.47064C3.58111 9.5568 3.63516 9.63473 3.70272 9.7L6.39072 12.388C6.4558 12.4536 6.53322 12.5057 6.61852 12.5412C6.70382 12.5768 6.79531 12.5951 6.88772 12.5951C6.98013 12.5951 7.07162 12.5768 7.15692 12.5412C7.24223 12.5057 7.31965 12.4536 7.38472 12.388L13.0967 6.676C13.1678 6.61045 13.2245 6.53089 13.2633 6.44234C13.302 6.3538 13.3221 6.25817 13.3221 6.1615C13.3221 6.06483 13.302 5.96921 13.2633 5.88066C13.2245 5.79211 13.1678 5.71255 13.0967 5.647Z" fill="white"/></svg>');
              background-repeat: no-repeat;
              background-position: center;
              width: 17px;
              height: 17px;
              display: block;
              position: absolute;
              left: 0;
              top: 6px;
            }
          }
        }
      }
    }

    .sponsor-title {
      color: var(--brand-red);
      font-family: var(--dm-sans);
      font-size: var(--components-ct-as-button-text);
      font-style: normal;
      font-weight: 900;
      line-height: 145%; /* 15.95px */
      letter-spacing: 1.2px;
      text-transform: uppercase;
    }

    .accordion-single {
      display: flex;
      padding: var(--Object-Spacing-spacing-40) 0px
        var(--Object-Spacing-spacing-24) 0px;
      flex-direction: column;
      align-items: flex-start;
      /*gap: var(--Object-Spacing-spacing-32);*/
      border-bottom: 1px solid var(--blue-200);
      align-items: center;
      max-width: 100%;
      width: 100%;

      .accordion-title {
        align-items: center;
        max-width: 100%;
        width: 100%;
        cursor: pointer;
        display: flex;
        gap: var(--Object-Spacing-spacing-32);
        color: var(--blue-600);
        font-family: var(--dm-sans);
        font-size: var(--components-ct-as-card-cta);
        font-style: normal;
        font-weight: 700;
        line-height: 135%; /* 21.6px */

        icon {
          display: flex;
          width: 27.8px;
          height: 27.8px;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          gap: 7px;
          flex-shrink: 0;
          border-radius: 28px;
          border: 2px solid var(--blue-600);

          &:after {
            content: " ";
            width: 12px;
            height: 12px;
            background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none"><rect x="0.398438" y="5.20117" width="11" height="1.5" rx="0.75" fill="%23002857"/><rect x="6.39844" y="0.201172" width="11" height="1.5" rx="0.75" transform="rotate(90 6.39844 0.201172)" fill="%23002857"/></svg>');
          }
        }
      }
      .accordion-content {
        display: none;
        max-width: 100%;
        width: 100%;
        padding: var(--Object-Spacing-spacing-16) 0px
          var(--Object-Spacing-spacing-32) var(--Object-Spacing-spacing-16);
        flex-direction: column;

        .accordion-text-block {
          color: var(--neutral-600);
          font-family: var(--franklin);
          font-size: var(--Body-Text-p-standard);
          font-style: normal;
          font-weight: 400;
          line-height: 160%; /* 27.2px */
          letter-spacing: -0.25px;
          margin-left: 4rem;

          ul {
            display: flex;
            max-width: var(--Structure-Spacing-max-text-width);
            padding: var(--Object-Spacing-spacing-24) 0px 0px
              var(--Object-Spacing-spacing-4);
            flex-direction: column;
            align-items: flex-start;
            gap: var(--Object-Spacing-spacing-12);
            align-self: stretch;
            margin-left: 20px;
            li {
              list-style-position: outside;
            }
          }

          strong {
            font-weight: 700;
          }
        }
      }
    }
    .accordion-single.open .accordion-title icon:after {
      content: " ";
      width: 12px;
      height: 2px;
      background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="2" viewBox="0 0 12 2" fill="none"><rect x="0.400391" y="0.150024" width="11" height="1.5" rx="0.75" fill="%23002857"/></svg>');
    }

    .presenters {
      display: flex;
      padding: var(--Structure-Spacing-margin-section-top) 0px
        var(--Object-Spacing-spacing-16) 0px;
      flex-direction: column;
      justify-content: center;
      gap: var(--Object-Spacing-spacing-4);
      align-self: stretch;

      h2 {
        color: var(--brand-navy);
        font-family: var(--dm-sans);
        font-size: var(--Headings-h2);
        font-style: normal;
        font-weight: 800;
        line-height: 125%; /* 40px */
        letter-spacing: -0.5px;
        margin: 0;
      }

      .speaker {
        display: flex;
        flex-direction: column;
        background: var(--neutral-25);
        padding: var(--Object-Spacing-spacing-24) 0px;
        border-bottom: 1px solid var(--blue-200);
        gap: var(--Object-Spacing-spacing-8);

        img.speaker-image {
          width: 70px;
          height: 70px;
        }

        & > div {
          padding: var(--Object-Spacing-spacing-8, 8px) 0px
            var(--Object-Spacing-spacing-4, 4px) 0px;
        }

        .speaker-main-title {
          display: flex;
          align-items: center;
          padding-top: 0;
          margin-top: 0;

          .title {
            color: var(--brand-navy);
            font-family: var(--franklin);
            font-size: var(--components-ct-as-block-title);
            font-style: normal;
            font-weight: 700;
            line-height: unset;
            letter-spacing: -0.25px;
            padding: 0;
            margin: 0;
            align-self: center;
          }

          span {
            color: var(--brand-navy);
            font-family: var(--franklin);
            font-size: var(--Body-Text-p-extra-small);
            font-weight: 400;
            line-height: unset; /* 14px */
            letter-spacing: -0.15px;
            display: inline-block;
            padding-top: 5px;
          }
        }

        .presentation-title {
          color: var(--Neutral-600, #34353f);
          font-family: var(--franklin);
          font-size: var(--Body-Text-p-small, 14px);
          font-style: normal;
          font-weight: 700;
          line-height: 150%; /* 21px */
          letter-spacing: -0.25px;
        }
        &.moderator {
          padding-top: 8px;
          .moderator-title {
            color: var(--Primary-brand-navy, #002857);
            font-family: var(--franklin);
            font-size: var(--components-ct-as-block-title, 17px);
            font-style: normal;
            font-weight: 700;
            line-height: unset;
            padding: 0;
            margin: 0;
            gap: unset;
            align-self: unset;
            letter-spacing: -0.25px;
          }
          span {
            padding: 0;
            padding-top: 5px;
            align-self: unset;
          }
        }
        div {
          display: flex;
          padding: var(--Object-Spacing-spacing-8) 0px
            var(--Object-Spacing-spacing-4) 0px;
          align-items: center;
          gap: var(--Object-Spacing-spacing-16);
          align-self: stretch;
          color: var(--neutral-600);
          font-family: var(--franklin);
          font-size: var(--Body-Text-p-small);
          font-style: normal;
          font-weight: 400;
          line-height: 150%; /* 21px */
          letter-spacing: -0.25px;
          align-items: flex-start;
        }
        .speaker-topics {
          color: var(--brand-navy);
          font-family: var(--dm-sans);
          font-size: var(--Headings-h3);
          font-style: normal;
          font-weight: 600;
          line-height: 90%; /* 28.6px */
          margin-bottom: 0;
          padding: 0;
          justify-content: end;
        }
        .job-title-text {
          display: block;
          padding-top: 0;
          margin-top: -7px;
          p {
            display: block;
            margin: 0 !important;
            color: var(--neutral-600);
            font-family: var(--franklin);
            font-size: var(--Body-Text-p-small);
            font-style: normal;
            font-weight: 400;
            line-height: 150%; /* 21px */
            letter-spacing: -0.25px;
          }
        }
      }
    }
  }
  .webinar-right {
    display: flex;
    padding-bottom: var(--Structure-Spacing-margin-section-top, 90px);
    justify-content: center;
    align-items: flex-start;
    flex: 1 0 0;
    align-self: stretch;
    padding-left: 40px;
    padding-right: 40px;
    background: linear-gradient(
        100deg,
        rgba(245, 127, 38, 0) 35.18%,
        rgba(249, 164, 88, 0.22) 87.5%
      ),
      linear-gradient(0deg, #110737 0%, #110737 100%);
    /* width: 25%; */

    .registration {
      display: flex;
      padding-bottom: var(--Structure-Spacing-margin-section-bottom, 90px);
      flex-direction: column;
      align-items: flex-start;

      h3 {
        display: flex;
        padding: 90px 0px 32px 0px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: var(--Object-Spacing-spacing-4, 4px);
        align-self: stretch;
        color: var(--yellow-200);
        text-align: center;
        font-family: var(--dm-sans);
        font-size: var(--Headings-h3, 22px);
        font-style: normal;
        font-weight: 600;
        line-height: 130%; /* 28.6px */
      }

      .session {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: var(--Object-Spacing-spacing-16, 16px);
        align-self: stretch;
        margin-bottom: 40px;

        h4 {
          color: var(--yellow-200);
          font-family: var(--dms-sans);
          font-size: var(--Headings-h4);
          font-style: normal;
          font-weight: 900;
          line-height: 130%; /* 18.2px */
          letter-spacing: 1px;
          text-transform: uppercase;
          text-align: center;
        }
        .course {
          display: flex;
          align-items: center;
          gap: 12px;

          .head {
            color: var(--yellow-100);
            font-family: var(--franklin);
            font-size: var(--Body-Text-p-small, 14px);
            font-style: normal;
            font-weight: 400;
            line-height: 150%; /* 21px */
            letter-spacing: -0.25px;

            .date {
              margin-left: 12px;
            }
          }
        }
      }

      button {
        display: flex;
        padding: var(--Object-Spacing-spacing-12, 12px)
          var(--Object-Spacing-spacing-32, 32px);
        justify-content: flex-end;
        align-items: center;
        gap: 10px;
        border-radius: 70px;
        background: var(--neutral-0);
        margin: auto;
        cursor: pointer;
        font-weight: 900;
        line-height: 130%; /* 21px */
        letter-spacing: 1px;
        text-transform: uppercase;
        font-family: var(--dm-sans);
        font-size: var(--Headings-h4);
        color: var(--blue-600);
      }

      .session-includes {
        color: var(--Yellow-200, #ffe4b8);
        text-align: center;
        font-family: var(--dm-sans);
        font-size: var(--Headings-h4, 14px);
        font-style: normal;
        font-weight: 900;
        line-height: 130%; /* 18.2px */
        letter-spacing: 1px;
        text-transform: uppercase;
        width: 100%;
        margin-top: 40px;
        margin-bottom: 16px;
      }

      .includes {
        display: flex;
        width: 324px;
        flex-direction: column;
        align-items: center;

        .col {
          display: flex;
          padding: var(--Object-Spacing-spacing-8, 8px) 0px
            var(--Object-Spacing-spacing-4, 4px) 0px;
          align-items: center;
          gap: var(--Object-Spacing-spacing-24, 24px);
          align-self: stretch;

          p {
            color: var(--neutral-0);
            font-family: var(--franklin);
            font-size: var(--Body-Text-p-small);
            font-style: normal;
            font-weight: 400;
            line-height: 150%; /* 21px */
            letter-spacing: -0.25px;
          }
        }
      }
    }
  }
}

.single-webinar footer {
  margin-top: 0;
}

.ASPEN .webinar .entry-content .accordion-single .accordion-title,
.Malnutrition-Awareness-Week
  .webinar
  .entry-content
  .accordion-single
  .accordion-title {
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;

  .top {
    display: flex;
    gap: 32px;
    justify-content: center;
  }

  .bottom {
    margin-top: -12px;
    margin-left: 58px;
  }

  .hours {
    color: var(--Primary-brand-navy, #002857);
    font-family: var(--franklin);
    font-size: var(--Body-Text-p-small, 14px);
    font-style: italic;
    font-weight: 400;
    line-height: 150%; /* 21px */
    letter-spacing: -0.25px;
  }
}

.select-course-error {
  display: none;
  color: var(--Neutral-0, #fff);
  font-family: var(--franklin);
  font-size: var(--Body-Text-p-small, 14px);
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
  letter-spacing: -0.25px;
  text-align: center;
  width: 100%;
  margin-top: 12px;
}

.Malnutrition-Awareness-Week .webinar {
  .webinar-right {
    background: var(--MAW-deep, #1a1266);

    .registration h3 {
      color: #fff;
    }
  }
  .entry-content {
    .sub-title .session-sub-header:after {
      background-color: var(--MAW-bright, #ff9126);
    }

    .session-info .icon {
      background: var(--MAW-deep, #1a1266);
    }
  }
}

@media screen and (min-width: 1101px) {
  .webinar .webinar-right .registration {
    position: sticky;
    top: 0;
  }
}