/* Theming CSS */
  /* Header color */
  .u-org--header {
    background-color: #000 !important;
  }

    /* AI Search icon: a recoloured header gets the mono glyph, which inherits
       Header Text and Icon Color like every other nav icon. A white header keeps
       the gradient, whether it set the colour to white or never set one, so these
       rules are withheld in both cases and the base stylesheet's default stands. */
    .u-org--header .appheader__aisearchicon--gradient {
      display: none;
    }

    .u-org--header .appheader__aisearchicon--mono {
      display: inline-block;
    }


  /* Header text color */
  .u-org--header {
    color: #fff;
  }

  button.u-org--header.appheader__button:hover,
  button.u-org--header.appheader__button:active {
    background-color: rgba(255, 255, 255, 0.1) !important;
  }

  button.u-org--header:not(.appnav__link):hover,
  button.u-org--header:not(.appnav__link):active,
  button.u-org--header:not(.appnav__link):focus {
    color: #fff;
  }

  button.u-org--header.appheader__searchbutton,
  button.u-org--header.appheader__categoriesbutton,
  input[type="search"].u-org--header {
    border-color: rgba(255, 255, 255, 0.3) !important;
  }

  button.u-org--header.appheader__searchbutton:hover,
  button.u-org--header.appheader__searchbutton:active,
  button.u-org--header.appheader__searchbutton:focus,
  button.u-org--header.appheader__searchbutton:focus-visible,
  button.u-org--header.appheader__categoriesbutton:hover,
  button.u-org--header.appheader__categoriesbutton:active,
  button.u-org--header.appheader__categoriesbutton:focus,
  button.u-org--header.appheader__categoriesbutton:focus-visible,
  input[type="search"].u-org--header:hover,
  input[type="search"].u-org--header:active,
  input[type="search"].u-org--header:focus,
  input[type="search"].u-org--header:focus-visible {
    border-color: rgba(255, 255, 255, 0.5) !important;
  }

  input[type="search"].u-org--header:focus {
    border-color: transparent !important;
  }

  .u-org--header .search__input--appheader:not(:focus):-ms-input-placeholder {
    color: #fff;
  }

  .u-org--header .search__input--appheader:not(:focus)::-ms-input-placeholder {
    color: #fff;
  }

  .u-org--header .search__input--appheader:not(:focus)::placeholder {
    color: #fff;
  }


  /* Organization color */
  .u-orgcolor--color,
  .u-orgcolor--hovercolor:hover {
    color: #F1204A !important;
  }
  .u-orgcolor--bg,
  .u-orgcolor--hoverbg:hover {
    background-color: #F1204A !important;
  }
  .u-orgcolor--border,
  .u-orgcolor--border:link,
  .u-orgcolor--border:visited,
  .u-orgcolor--border:hover,
  .u-orgcolor--border:active,
  .u-orgcolor--border:focus {
    border-color: #F1204A;
    color: #F1204A;
  }
  .u-orgcolor--borderonly,
  .u-orgcolor--borderonly:link,
  .u-orgcolor--borderonly:visited,
  .u-orgcolor--borderonly:hover,
  .u-orgcolor--borderonly:active,
  .u-orgcolor--borderonly:focus {
    border-color: #F1204A;
  }
  .u-orgcolor--borderhover:hover,
  .u-orgcolor--borderhover:hover {
    border-color: #F1204A;
  }
  .u-orgcolor--svgfill {
    color: #F1204A;
    fill: #F1204A;
  }
  .u-orgcolor--svgstroke {
    color: #F1204A;
    stroke: #F1204A;
  }
  .u-orgcolor--svgall {
    color: #F1204A;
    fill: #F1204A;
    stroke: #F1204A;
  }
  .u-org--svgactive[data-active="true"],
  .u-org--svgactive:hover {
    color: #F1204A !important;
    stroke: #F1204A !important;
  }
  .u-org--barchart:after {
    background-color: #F1204A !important;
  }
  .u-org--piechart {
    color: rgba(0, 0, 0, 0.15);
    stroke: #F1204A;
  }
  .u-org--tooltip {
    background-color: #F1204A;
  }
  .u-org--tooltiptop:before {
    border-top-color: #F1204A;
  }
  .u-org--tooltipright:before {
    border-right-color: #F1204A;
  }
  .u-org--tooltipbottom:before {
    border-bottom-color: #F1204A;
  }
  .u-org--tooltipleft:before {
    border-left-color: #F1204A;
  }
  .updatecard__heading--new:before {
    background-color: #F1204A;
  }
  .session:before {
    background-color: #F1204A;
  }
  .activityprogress__value {
    background-color: #F1204A;
  }
}
  .iconbutton,
  .comments__headerbutton, {
    color: #F1204A;
  }

  .u-org--catalogflag {
    background-image: linear-gradient(225deg, #F1204A 50%, transparent 50%);
  }

  .u-org--catalogflagsearch {
    background-image: linear-gradient(225deg, #F1204A 50%, transparent 50%);
  }

  .u-org--catalogflag-in-progress {
    background-image: linear-gradient(225deg, #fff 47%, #F1204A 3%, transparent 50%);
    border-top: 1px solid #F1204A;
    border-right: 1px solid #F1204A;
    svg {
      color: #F1204A;
    }
  }

  .u-org--enrollmentmsgimage {
    background-color: #F1204A
  }

  .u-org--catalogflagbg {
    background-image: linear-gradient(225deg, #F1204A 50%, transparent 50%);
  }
  .u-org--catalogflagfill {
    color: #F1204A;
    fill: #F1204A;
  }

  .u-org--tabactive,
  .u-org--tab:hover,
  .u-org--tab:active,
  .u-org--tab:focus {
    border-color: #F1204A;
  }
  .link--primary,
  .u-org--link,
  .u-org--link:link,
  .u-org--link:visited,
  .u-org--link:hover,
  .u-org--link:active,
  .u-org--link:focus {
    color: #F1204A;
  }
  .u-org--linkhover:hover,
  .u-org--linkhover:active,
  .u-org--linkhover:focus {
    color: #F1204A;
  }

.button--primary:not([disabled]),
  .button--primary:link,
  .button--primary:visited,
  .button--primary:hover,
  .button--primary:active,
  .button--primary:focus,
  .blankslate .button,
  .coursebar__btn--active,
  .coursebar__btn--active:hover,
  .coursebar__btn--active:focus,
  .tagbutton--selected:not(.tagbutton--taxonomy) {
    background-color: #F1204A !important;
    border-color: #F1204A !important;
    color: #fff !important;
  }


  .tooltip {
    background-color: #F1204A;
  }
  .tooltip--left::before {
    border-left-color: #F1204A;
  }
  .tooltip--right::before {
    border-right-color: #F1204A;
  }
  .tooltip--bottom::before,
  .tooltip--bottom-left::before,
  .tooltip--bottom-right::before {
    border-bottom-color: #F1204A;
  }
  .tooltip--top::before,
  .tooltip--top-left::before,
  .tooltip--top-right::before {
    border-top-color: #F1204A;
  }
  .checkbox--primary .checkbox__input:checked + .checkbox__ui {
    background-color: #F1204A;
    border: 2px solid #F1204A;
  }
  .question .checkbox__input:checked + .checkbox__ui {
    background-color: #F1204A;
    border: 1px solid #F1204A;
  }
  .question .radio__input:checked + .radio__ui {
    border-color: #F1204A;
  }
  .question .radio__input:checked + .radio__ui::before {
    background-color: #F1204A;
  }
  .assessment__completedicon, .assessment__gradingicon {
    background-color: #F1204A;
  }
  .enrollmentmsg__image.enrollmentmsg__image--complete  {
    background-color: #F1204A;
  }

  .rank__listitem .radio__input:checked + .radio__ui {
    border-color: #F1204A;
  }
  .rank__listitem .radio__input:checked + .radio__ui::before {
    background-color: #F1204A;
  }
  .sharelinks__link:hover,
  .sharelinks__link:focus,
  .sharelinks__link.button:hover,
  .sharelinks__link.button:focus {
    color: #F1204A;
  }
  .rating input[type="radio"]:not([disabled]) + label {
    color: #F1204A;
  }
  .courselist__item[data-status="completed"] .courselist__marker, .courselist__item[data-status="in-progress"] .courselist__marker,
  .pathmenu__sectionitem[data-status="completed"] .pathmenu__itemmarker, .pathmenu__sectionitem[data-status="in-progress"] .pathmenu__itemmarker {
    color: #F1204A;
  }
  .courselist__item[data-status="in-progress"]:not([data-shape]) .courselist__marker {
    border-color: #F1204A;
  }

    .u-org--catalogflag-in-progress svg {
    color: #F1204A;
  }
}
  .pageoutline__currentlink,
  .pageoutline__currentlink:hover,
  .pageoutline__currentlink:focus {
    color: #F1204A;
  }
  .tagbutton--selected,
  .tagbutton--selected:hover,
  .tagbutton--selected:active,
  .tagbutton--selected.tagbutton--taxonomy:hover,
  .tagbutton--selected.tagbutton--taxonomy:active {
    border-color: inherit !important;
    background-color: #F1204A;
  }
  .tagbutton--selected.tagbutton--taxonomy {
    background-color: #F1204A0c !important;
    border-color: #F1204A !important;
  }
  .datepicker .pika-prev,
  .datepicker .pika-next {
    border: 1px solid #F1204A;
  }
  .datepicker .pika-prev,
  .datepicker .is-rtl .pika-next {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2030%2025'%20version%3D'1.1'%3E%3Cpolyline%20fill%3D'none'%20stroke%3D'%23F1204A'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20points%3D'16.7%209.4%2011.6%2012.4%2016.6%2015.3'%2F%3E%3C%2Fsvg%3E");
  }
  .datepicker .pika-next,
  .datepicker .is-rtl .pika-prev {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20version%3D'1.1'%20viewBox%3D'0%200%2030%2025'%3E%3Cpath%20d%3D'M12.6%209.5L17.7%2012.4%2012.6%2015.3'%20fill-opacity%3D'0'%20stroke%3D'%23F1204A'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%2F%3E%3C%2Fsvg%3E");
  }
  .datepicker .is-today .pika-button {
    color: #F1204A;
  }
  .datepicker .is-selected .pika-button,
  .datepicker .is-selected .pika-button:hover {
    background: #F1204A;
  }
  .banner__icon {
    color: #F1204A;
    background: #F1204A;
  }

  /* Branding logo */
  .header__titleicon.u-org--titleicon {
    max-width: 120px;
  }
  @media (min-width: 370px) {
    .header__titleicon.u-org--titleicon {
      max-width: 160px;
    }
  }
  .u-org--titleicon + .header__titletext,
  .u-org--titleicon + .sidemenu__titletext {
    display: none;
  }
  .u-org--header .header__titlelink {
    text-overflow: clip;
  }

  /* Custom CSS */
  .new_single_course_main .singcourses_banner {
  display: flex;
  flex-wrap: wrap;
  gap: 30px; 
  padding: 50px 80px;
  justify-content: space-between;
  align-items: center;
  margin-inline: -15px;
}
.tta-appsgaming-leadgen .singcourses_banner {
  background: #033721;
}
.tta-appsgaming-leadgen .singcourses_banner .content h1 {
  color: #fff;
}
.tta-appsgaming-leadgen .singcourses_banner .content p {
  color: #fff;
}
.award__skills{
 display:none;
}
.new_single_course_main .singcourses_banner h1 {
  color: #000;
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 72.32px */
  letter-spacing: -1.28px;
  margin-bottom: 14px;
}

.new_single_course_main .singcourses_banner .content {
  max-width: 481px;
}
/* "Keep your brand safe and authentic" (/student/path/3697241) only. */
.new_single_course_main.brand_safe_main .singcourses_banner {
  background: #033624;
}
.new_single_course_main.brand_safe_main .singcourses_banner .content {
  max-width: 530px;
}
.new_single_course_main.brand_safe_main .singcourses_banner h1,
.new_single_course_main.brand_safe_main .singcourses_banner p {
  color: #fff;
}
.new_single_course_main .singcourses_banner .content > div {
  display: flex;
  color: var(--TikTok-Black, #000);
  text-align: center;
  font-size: var(--B3, 14px);
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 19.6px */
  gap: 8px;
}
.new_single_course_main .singcourses_banner img {
  max-width: 262px;
}

.new_single_course_main .singcourses_banner p {
  color:#000;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  margin-bottom: 16px;
}

.new_single_course_main .singcourses_banner svg { 
  margin-right: -6px;
  margin-top: -3px;
}

.new_single_course_main .singcourses_banner a {   
  font-size: 14px; 
  font-weight: 600;
  line-height: 140%; /* 19.6px */
  border-radius: 48px; 
  display: flex;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  max-width: fit-content;
  margin-top: 36px;
}

.new_single_course_main .coursepage__nav.coursepage__nav--prev,
.new_single_course_main .course__fullwidthcontainer,
.new_single_course_main .enrollmentmessage.enrollmentmessage--in-progress,
.new_single_course_main h1.u-headingpage--activity.activityheading__name,
.new_single_course_main
  ul.activityheading__meta.activitymeta.activitymeta--heading,
.new_single_course_main .activityheading__quickstart,
.new_single_course_main span.activitysection__toggle {
  display: none;
}

.new_single_course_main ul.activityheading__actions {
  border: 0;
  padding: 0;
  margin: 0;
}
.new_single_course_main .course__content {
    margin-top: 20px;
}

.new_single_course_main section.activitysection {
    margin-top: 0;
    max-width: 1400px;
    margin-inline: auto;
}

.new_single_course_main .course__contentcontainer {
  min-width: 85%;
  margin-inline: auto;
}

.new_single_course_main .activitysection ul.cardgrid {
    display: grid;
    gap: 0;
    grid-template-columns: 1fr;
}

.new_single_course_main .activitysection ul.cardgrid li.cardgrid__item {
    width: 100%;
    padding: 20px;
    align-items: center;
    margin: 0;
  
}

.new_single_course_main .activitysection ul.cardgrid li.cardgrid__item .activitycard {
    display: flex;
    gap: 24px;
    align-items: center;
}

.new_single_course_main .activitycard__imagecontainer.catalogflag__container {
    flex: 0 0 200px;
    max-width: 200px;
    border-radius: 8px;
    overflow: hidden;
}

.new_single_course_main h3.u-headingitem.activitycard__name {
    color: var(--TikTok-Black, #000);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%; /* 22px */
    letter-spacing: -0.4px;
    text-decoration: none !important;
    order: 1;
    margin-top: 12px;
}

.new_single_course_main .activitycard__textcontainer {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-width: 0;
}

.new_single_course_main ul.activitymeta.activitycard__meta {
    order: 0;
    justify-content: start !important;
    flex-direction: row-reverse;
    gap: 8px;
    color: var(--Black, #000);
    text-align: center;
    font-family: "TikTok Sans Text";
    font-size: var(--B3, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: 140%; /* 19.6px */
}
.new_single_course_main .activitycard__meta svg.tta_meta_star {
  width: 10px;
  height: 9px;
  flex-shrink: 0;
  fill: var(--Blaze, #f1204a);
}
.new_single_course_main .activitycard__meta li.tta_meta_dot_sep {
  display: flex;
  align-items: center;
  list-style: none;
}
.new_single_course_main .activitycard__meta li.tta_meta_dot_sep svg {
  width: 4px;
  height: 4px;
  aspect-ratio: 1 / 1;
  fill: #a0a0a0;
  flex-shrink: 0;
}

.new_single_course_main .activitycard__summary {
  order: 2;
  margin: 4px 0 0;
  color: rgba(0, 0, 0, 0.6);
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
}

.new_single_course_main .activitycard__startlearning {
  flex: 0 0 auto;
  margin-left: auto;
  border: 1px solid var(--black-30, rgba(0, 0, 0, 0.30));
  border-radius: 48px;
  padding: 10px 22px;
  color: #000;
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
  transition: background 0.2s ease, color 0.2s ease;
}
.new_single_course_main .activitysection ul.cardgrid li.cardgrid__item:hover .activitycard__startlearning {
  background: #F1204A;
  color: #fff;
  border-color: #F1204A;
}

/* Backend-added webinar item inside a course path's own curriculum (e.g.
   "Upcoming webinar" section) — keep the course-card layout but show the
   session's own date/time instead of a course rating, and an always-on
   "Enroll Now" pill (not hover-only, since it isn't a course to start).
   Sizing/typography below mirrors the /student/all_sessions webinar-listing
   page design (body.tta_webinars_list_page) so both places look the same. */
.new_single_course_main .cardgrid__item.tta_webinar_card {
  background: #EDD4B2;
  border-radius: 20px;
}
.new_single_course_main .cardgrid__item.tta_webinar_card .activitymeta__item--type {
  display: none;
}
.new_single_course_main .cardgrid__item.tta_webinar_card .activitycard__imagecontainer.catalogflag__container {
  flex: 0 0 280px;
  max-width: 280px;
  height: 160px;
}
.new_single_course_main .cardgrid__item.tta_webinar_card .activitycard__imagecontainer.catalogflag__container img.activitycard__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.new_single_course_main .cardgrid__item.tta_webinar_card h3.u-headingitem.activitycard__name {
  font-size: 18px;
  font-weight: 700;
  line-height: 110%;
  letter-spacing: -0.36px;
  margin-top: 0;
  order: 2;
  margin-bottom: 12px;
}
.new_single_course_main .cardgrid__item.tta_webinar_card .tta_webinar_tag {
  display: inline-block;
  margin: 0 0 8px;
  padding: 2px 10px;
  border-radius: 999px;
  background: #2DCCD3;
  color: #fff;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.2px;
  order: 0;
}
.new_single_course_main .cardgrid__item.tta_webinar_card .tta_webinar_date {
  margin: 0 0 4px;
  color: #000;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  order: 1;
  margin-bottom: 12px;
}
.new_single_course_main .cardgrid__item.tta_webinar_card .tta_webinar_countdown {
  color: #F1204A;
}
.new_single_course_main .cardgrid__item.tta_webinar_card .tta_webinar_speaker {
  margin: 0 0 8px;
  color: #000;
  font-size: 12px;
  font-weight: 500;
  order: 3;
}
.new_single_course_main .cardgrid__item.tta_webinar_card ul.activitymeta.activitycard__meta {
  order: 4;
}
.new_single_course_main .cardgrid__item.tta_webinar_card .activitycard__startlearning {
  background: #F1204A;
  color: #fff;
  border-color: #F1204A;
}

.new_single_course_main .tta_continuelearning {
  max-width: 1400px;
  margin-inline: auto;
}
.new_single_course_main .tta_continuelearning h2 {
  color: var(--TikTok-Black, #000);
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -0.64px;
  margin-bottom: 24px; 
  padding-bottom: 24px; 
  border-bottom: 0.694px solid rgba(0, 0, 0, 0.2);
  margin-top: 60px;


}
.new_single_course_main .tta_continuelearning__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.new_single_course_main .tta_continuelearning__card {
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  text-decoration: none !important;
  color: inherit;
}
.new_single_course_main .tta_continuelearning__image {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  display: block;
}
.new_single_course_main .tta_continuelearning__body {
  padding-top: 24px;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.new_single_course_main .tta_continuelearning__title {
  color: var(--TikTok-Black, #000);
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 6px;
}
.new_single_course_main .tta_continuelearning__desc {
  color: rgba(0, 0, 0, 0.6);
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  margin-bottom: 16px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.new_single_course_main .tta_continuelearning__footer {
  margin-top: auto;
  display: flex;
  align-items: center;
  gap: 16px;
}
.new_single_course_main .tta_continuelearning__progress {
  flex: 1;
  min-width: 0;
}
.new_single_course_main .tta_continuelearning__status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #eee;
  color: #000;
  font-size: 12px;
  font-weight: 600;
  padding: 6px 14px;
  border-radius: 999px;
  white-space: nowrap;
}
.new_single_course_main .tta_continuelearning__statusdot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #f1204a;
  flex-shrink: 0;
}
.new_single_course_main .tta_continuelearning__pct {
  color: #000;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  margin-bottom: 8px;
}
.new_single_course_main .tta_continuelearning__bar {
  background: #eee;
  height: 6px;
  border-radius: 100px;
  overflow: hidden;
  position: relative;
}
.new_single_course_main .tta_continuelearning__bar span {
  background: #f1204a;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  border-radius: 100px;
}
.new_single_course_main .tta_continuelearning__btn {
  flex: 0 0 auto;
  margin-left: auto;
  background: #EEE;
  height: 40px;
  padding: 0 16px;
  border-radius: 100px;
  color: #000;
  text-align: center;
  font-size: 14px; 
  line-height: 40px;
  white-space: nowrap;
  font-weight: 600;
}
.new_single_course_main .tta_continuelearning__card:hover .tta_continuelearning__btn {
  background: #f1204a;
  color: #fff;
}
.new_single_course_main a.tta_continuelearning__card {
    padding: 20px 24px;
}
@media (max-width: 900px) {
  .new_single_course_main .tta_continuelearning__grid {
    grid-template-columns: 1fr;
  }
.new_single_course_main .activitysection ul.cardgrid li.cardgrid__item .activitycard {
    flex-wrap: wrap;
}

.new_single_course_main .activitycard__startlearning {
    margin-right: auto;
    margin-left: 0;
}
}

.new_courses_main article.coursepage__contentmain.course {
  padding-inline: 0;
}
.new_courses_main .achievement_filters {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 20px 0 24px;
}


.new_courses_main button.achievement_filters__btn {
   color: var(--TikTok-Black, #000);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 16.8px */
    letter-spacing: -0.12px;
    border-radius: 4px;
    background: #EEE !important;
    display: flex;
    padding: 7px 10px !important;
    justify-content: center;
    align-items: center;
}
.new_courses_main button.achievement_filters__btn.active {
    color: var(--TikTok-White, #FFF);
    background: var(--TikTok-Black, #000)!important;
}
.new_courses_main .courses_banner {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  background: var(--Muse, #edd4b2);
  padding: 50px 80px;
  justify-content: space-between;
  align-items: center;
}

.new_courses_main .courses_banner h1 {
  color: var(--TikTok-Black, #000);
  font-size: 72px;
  font-style: normal;
  font-weight: 700;
  line-height: 113%; /* 81.36px */
  letter-spacing: -1.44px;
}

.new_courses_main .courses_banner > div {
  max-width: 489px;
}

.new_courses_main .courses_banner img {
  max-width: 313px;
}

.new_courses_main .courses_banner p {
  color: var(--TikTok-Black, #000);
  font-size: var(--B4, 14px);
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
  margin: 0;
  padding-top: 14px;
}

.new_courses_main header.course__headercontainer,
.new_courses_main .course__contentcontainer span.activitysection__toggle,
.new_courses_main .activitysection li.cardgrid__item .catalogflag,
.new_courses_main
  ul.activitymeta.activitycard__meta
  li.activitymeta__item.activitymeta__item--highlighted.u-org--catalogflagfill {
  display: none;
}

.new_courses_main .course__contentcontainer .activitysection__name,
.new_single_course_main .course__contentcontainer .activitysection__name {
  color: var(--TikTok-Black, #000);
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 32px */
  letter-spacing: -0.64px;
  margin-top: 64px;
}

.new_courses_main .course__contentcontainer section.activitysection header,
.new_single_course_main
  .course__contentcontainer
  section.activitysection
  header {
  border-bottom: 0.694px solid rgba(0, 0, 0, 0.2);
  padding-bottom: 24px;
  margin-bottom: 24px;
}

.new_courses_main .course__contentcontainer header button,
.new_single_course_main .course__contentcontainer header button {
  margin: 0;
  padding: 0;
  background: transparent !important;
}

.new_courses_main #course_content section.activitysection:nth-of-type(n + 2) > header {
  display: none;
}
.new_courses_main .activitysection li.cardgrid__item {
  border-radius: 13.889px;
  border: 1px solid rgba(0, 0, 0, 0.16);
  background: var(--TikTok-White, #fff);
  padding: 20px 24px;
  width: 100%;
  margin: 0;
}

.new_courses_main .activitysection li.cardgrid__item .activitycard {
  display: flex;
  flex-direction: column-reverse;
  gap: 20px;
  height: 100%;
  justify-content: space-between;
}

.new_courses_main .activitysection h3.u-headingitem.activitycard__name {
  margin: 0;
}

.new_courses_main .activitysection .activitycard__name {
  text-decoration: none !important;
  color: var(--TikTok-Black, #000);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%; /* 22px */
  letter-spacing: -0.4px;
  padding-bottom: 16px;
}

.new_courses_main .activitysection p.activitycard__summary {
  color: rgba(0, 0, 0, 0.8);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.new_courses_main .activitysection .activitycard__textcontainer:before {
  content: var(--path-tag, "");
  text-transform: uppercase;
  border-radius: 30px;
  background: var(--path-tag-bg, var(--Blaze, #EDBBE8));
  max-width: fit-content;
  display: none;
  padding: 6px 12px;
  align-items: center;
  gap: 4px;
  color: var(--path-tag-color, var(--TikTok-White, #fff));
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  letter-spacing: -0.16px;
  margin-bottom: 16px;
}

.new_courses_main
  .activitysection
  .activitycard__textcontainer[data-has-tag]:before {
  display: flex;
}

.new_courses_main .activitysection ul.cardgrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin: 0;
}
.new_courses_main .course__contentcontainer {
  padding-inline: 20px;
}
.new_courses_main ul.activitymeta.activitycard__meta:before {
  content: var(--course-count, "11 COURSES");
}
.new_courses_main ul.activitymeta.activitycard__meta {
  justify-content: start !important;
  padding-top: 7px;
  color: var(--TikTok-Black, #000);
  font-size: 10px;
  font-weight: 700;
  gap: 7px;
  align-items: center;
}

.new_courses_main .activitymeta svg {
  color: #f1204a;
  margin-top: -1px;
}
@media (max-width: 800px) {
  .new_courses_main .courses_banner {
    padding-inline: 20px;
    justify-content: center;
  }

  .new_courses_main .courses_banner > div {
    max-width: 100%;
  }
}

@media (max-width: 600px) {
  .new_courses_main .activitysection ul.cardgrid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 24px;
  }
}
.new_webinar_main header.pageheader {
  flex-direction: row;
  padding-inline: 0;
  padding-bottom: 16px !important;
}

.new_webinar_main label.search__label {
  top: auto;
  left: 15px;
}

.new_webinar_main input#events-search {
  padding-left: 20px !important;
  border: 0 !important;
  padding-block: 0 !important;
}

.new_webinar_main form#events-search-form {
  padding-block: 2px;
}

.new_webinar_main .splitrow__column.splitrow__column--search {
  margin: 0;
}

.new_webinar_main ul.tabs__tablist.tabs__tablist--page {
  margin: 24px auto 0;
  border: 0;
}

.new_webinar_main nav.tabs {
  border: 0;
}

.new_webinar_main a.tabs__tab.u-org--tab {
  border-radius: 4px;
  line-height: 35px;
  padding-block: 0;
  padding-inline: 10px;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: -0.12px;
}

.new_webinar_main ul.tabs__tablist.tabs__tablist--page {
  gap: 8px;
}

.new_webinar_main .main__header.main__header--events {
  margin-bottom: 20px;
}

.new_webinar_main section.main__content.main__content--browse {
  padding-inline: 0;
  margin-top: 0px;
}

.new_webinar_main section.main__content li.session.session--index {
  gap: 24px;
  border-top: 0;
}

.session__media.session__media--index {
  margin-right: 0;
}

.tta_session_tag {
  font-size: 10px;
  font-weight: 900;
  line-height: normal;
  letter-spacing: -0.2px;
}

.new_webinar_main .session__content.session__content--index {
  gap: 12px;
  padding: 0;
}

.new_webinar_main .u-headingitem.session__title {
  color: var(--TikTok-Black, #000);
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%; /* 19.8px */
  letter-spacing: -0.36px;
}

.new_webinar_main li.session__metaitem {
  color: var(--TikTok-Black, #000);
  font-weight: 400;
  line-height: normal;
  margin-bottom: 0;
}

.new_webinar_main .button.session__actionsbutton.button--primary {
  color: var(--White, #fff);
  text-align: center;
  font-size: var(--B3, 14px);
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 19.6px */
  padding: 12px 16px;
  max-width: fit-content;
}
.new_webinar_main .session__actions.session__actions--index {
  margin: 0;
}

.new_webinar_main .tta_session_region {
  text-align: right;
  font-size: 11.37px !important;
  font-style: normal;
  font-weight: 500 !important;
  line-height: normal;
  letter-spacing: -0.341px !important;
}

.new_webinar_main .session__media--index img {
  height: 112px !important;
}

.new_webinar_main .session__media--index {
  max-width: 200px;
  height: 112px !important;
}
@media (max-width: 1140px) {
  .new_webinar_main section.main__content,
  .new_webinar_main .main__header.main__header--events {
    margin-inline: 20px;
  }
}

.new_get_strt_main .get_strt_banner {
  background-color: #baf6f0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
  padding-left: 20px;
}

.new_get_strt_main .get_strt_banner h1 {
  color: var(--TikTok-Black, #000);
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: 108%; /* 69.12px */
  letter-spacing: -1.92px;
  max-width: 574px;
}

.get_strt_banner div {
  max-width: 1440px;
  margin-inline: auto;
  width: 100%;
}
.new_get_strt_main .page__header {
  padding-top: 40px;
}

.new_get_strt_main .page__header h1,
.new_get_strt_main .page__courses article[data-item-id="5393010"] h2,
.new_get_strt_main .page__courses article[data-item-id="5393013"] h2 {
  color: var(--TikTok-Black, #000);
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 28px */
  letter-spacing: -0.56px;
  border-bottom: 0.694px solid var(--TikTok-Black, #000);
  padding-bottom: 20px;
  margin: 0;
}

.new_get_strt_main .gstt_new .page__courses article[data-item-id="5393009"] p {
  color: var(--TikTok-Black, #000);
  font-size: var(--B4, 14px);
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
  font-family: "TikTok Sans";
}
.new_get_strt_main .page__courses article[data-item-id="5393010"],
.new_get_strt_main
  .page__courses
  article[data-item-id="5393010"]
  + .articles-grid {
  background: #edd4b2;
  padding-inline: 54px;
  max-width: 1548px;
  margin-bottom: 0;
}
.new_get_strt_main .page__courses article[data-item-id="5393010"] {
  padding-top: 64px;
  padding-bottom: 32px;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
}

.new_get_strt_main
  .page__courses
  article[data-item-id="5393010"]
  + .articles-grid {
  padding-bottom: 64px;
  border-bottom-left-radius: 14px;
  border-bottom-right-radius: 14px;
}

.new_get_strt_main
  .page__courses
  article[data-item-id="5393010"]
  + .articles-grid
  article {
  background: white;
  padding: 16px;
  border-radius: 12px;
}

.new_get_strt_main
  .page__courses
  article[data-item-id="5393010"]
  + .articles-grid
  article
  .pgresource {
  gap: 20px;
  padding-bottom: 56px;
}

.new_get_strt_main
  .page__courses
  article[data-item-id="5393010"]
  + .articles-grid
  article
  .pgresource
  .pgresource__title,
.new_get_strt_main
  .page__courses
  article[data-item-id="5393013"]
  + .articles-grid
  article
  .pgresource
  .pgresource__title {
  color: var(--TikTok-Black, #000);
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-decoration: none;
}

.new_get_strt_main
  .page__courses
  article[data-item-id="5393010"]
  + .articles-grid
  article
  .pgresource
  .pgresource__imagecontainer {
  border-radius: 12px;
}

.new_get_strt_main
  .page__courses
  article[data-item-id="5393010"]
  + .articles-grid
  article
  .pgresource:after {
  content: "Watch Now";
  color: var(--Text-Primary-Text, #121212);
  text-align: center;
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 15.556px */
  border-radius: 100px;
  border: 0.694px solid var(--Lines-Line-1, #121212);
  padding: 11px;
  position: absolute;
  bottom: 16px;
  left: 16px;
}
.new_get_strt_main .page__courses article[data-item-id="5393013"] {
  margin-top: 72px;
  margin-bottom: 38px;
}

.new_get_strt_main
  .page__courses
  article[data-item-id="5393013"]
  + .articles-grid {
  gap: 66px 32px;
}

.new_get_strt_main
  .page__courses
  article[data-item-id="5393013"]
  + .articles-grid
  .pgresource {
  gap: 20px;
  padding-bottom: 45px;
}

.new_get_strt_main
  .page__courses
  article[data-item-id="5393013"]
  + .articles-grid
  article
  .pgresource:after {
  content: "Read More ";
  color: #fff;
  font-size: 11px;
  font-weight: 500;
  line-height: 155%; /* 15.556px */
  border-radius: 100px;
  padding: 4px 32px 4px 12px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: url("https://i.ibb.co/GQsYh7XK/Union.png");
  background-color: #f1204a;
  background-repeat: no-repeat;
  background-position: center right 12px;
  background-size: 12px;
}
.new_get_strt_main
  .page__courses
  article[data-item-id="5393013"]
  + .articles-grid
  article
  .pgresource
  .pgresource__imagecontainer {
  border-radius: 8px;
}

.new_get_strt_main
  .page__courses
  article[data-item-id="5393013"]
  + .articles-grid
  article
  .pgresource
  .pgresource__description {
  color: var(--black-70, rgba(0, 0, 0, 0.7));
  font-size: var(--B4, 14px);
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
  font-family: "TikTok Sans";
  margin-top: 8px;
}
@media (min-width: 1025px) {
  .new_get_strt_main .get_strt_banner {
    background-image: url("https://i.ibb.co/ychpmC9p/get-started-banner.png");
    background-repeat: no-repeat;
    background-position: right;
    min-height: 409px;
  }
  .get_strt_banner img {
    display: none;
  }
}

@media (max-width: 1024px) {
  .get_strt_banner div {
    padding: 40px 20px 40px 0;
  }
}

/* Phone (570px and below): the image sits under the heading; kept smaller
   than its own 570px size and centred. */
@media (max-width: 570px) {
  .new_get_strt_main .get_strt_banner {
    padding-right: 20px;
  }
  .new_get_strt_main .get_strt_banner > div {
    padding: 32px 0 0;
  }
  .new_get_strt_main .get_strt_banner h1 {
    font-size: clamp(32px, 9vw, 48px);
    letter-spacing: -1px;
  }
  .new_get_strt_main .get_strt_banner > img {
    width: 100%; 
    height: auto;
    margin-inline: auto;
    display: block;
  }
}

/* Tablet (571px-1024px): the image used to drop under the heading at its own
   size, leaving the right half of the banner empty. Heading on the left and
   image on the right, in one row, as on desktop. */
@media (min-width: 571px) and (max-width: 1024px) {
  .new_get_strt_main .get_strt_banner {
    flex-wrap: nowrap;
    align-items: center;
  }
  .new_get_strt_main .get_strt_banner > div {
    flex: 1 1 0;
    width: auto;
    min-width: 0;
    margin-inline: 0;
  }
  .new_get_strt_main .get_strt_banner h1 {
    font-size: clamp(30px, 5vw, 56px);
    letter-spacing: -1px;
  }
  .new_get_strt_main .get_strt_banner > img {
    flex: 0 1 50%;
    width: 50%;
    max-width: 50%;
    height: auto;
    align-self: flex-end;
    display: block;
  }
}

@media (max-width: 767px) {
  .new_get_strt_main .page__courses article[data-item-id="5393010"],
  .new_get_strt_main
    .page__courses
    article[data-item-id="5393010"]
    + .articles-grid {
    padding-inline: 20px;
  }
  .new_get_strt_main .page__courses article[data-item-id="5393010"] {
    padding-top: 34px;
  }
  .new_get_strt_main
    .page__courses
    article[data-item-id="5393010"]
    + .articles-grid {
    padding-bottom: 34px;
  }
  .new_get_strt_main .page__courses article[data-item-id="5393013"] {
    margin-top: 40px;
  }
  .new_get_strt_main
    .page__courses
    article[data-item-id="5393013"]
    + .articles-grid {
    gap: 32px;
  }
}

.banner_container h1 {
  color: #fff;
  font-size: 72px;
  font-weight: 700;
  line-height: 113%; /* 81.36px */
  letter-spacing: -1.44px;
}
.banner_container p {
  color: #fff;
  font-size: 22px;
  font-weight: 400;
  line-height: 113%; /* 24.86px */
  letter-spacing: -0.44px;
}
.new_achivement_banner {
  background: #000;
  padding: 13px 60px 5px;
}

.banner_container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.banner_container img {
  max-width: 521px;
}
.new_achiv_main,
.new_get_strt_main *,
.new_achiv_main *,
.new_webinar_main *,
.wd_details_main *,
.new_courses_main *,
.new_single_course_main *,
.bootcamp_credential_main * {
  font-family: "TikTok Sans", sans-serif !important;
}

.new_achiv_main .categoryheader .categoryheader__actions {
  display: none;
}

.new_achiv_main .categoryheader .categoryheader__content {
  max-width: 100%;
}

.new_achiv_main .categoryheader .categoryheader__content h1.u-headingpage,
.new_achiv_main h1.u-headingpage--activity.activityheading__name {
  color: var(--TikTok-Black, #000);
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 32px */
  letter-spacing: -0.64px;
  padding-bottom: 20px;
  border-bottom: 0.694px solid rgba(0, 0, 0, 0.2);
  margin-bottom: 24px;
}

.new_achiv_main .categoryheader__title {
  padding-bottom: 20px;
  border-bottom: 0.694px solid rgba(0, 0, 0, 0.2);
  margin-bottom: 24px;
}

.new_achiv_main .categoryheader__description,
.new_achiv_main .course__description p {
  color: #000000;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
  white-space: pre-line;
}
.new_achiv_main .course__content {
  margin-top: 0;
}
.new_achiv_main article.coursepage__contentmain.course {
  padding-inline: 0;
}

.new_achiv_main
  .enrollmentmessage.enrollmentmessage--in-progress.enrollmentmessage--collection,
.new_achiv_main ul.activityheading__meta.activitymeta.activitymeta--heading,
.new_achiv_main ul.activityheading__actions {
  display: none;
}
.new_achiv_main header.categoryheader {
  padding-bottom: 20px;
}
.new_achiv_main .filtercontent .mediablocklist,
.new_achiv_main .activitysection ul.cardgrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px 24px;
}

.new_achiv_main .filtercontent .mediablocklist li,
.new_achiv_main .activitysection ul.cardgrid li {
  border-radius: 16px;
  border: 1px solid rgba(0, 0, 0, 0.16);
  background: var(--TikTok-White, #fff);
  width: 100%;
  padding: 24px;
  margin: 0;
}
.new_achiv_main .filtercontent .mediablocklist li article {
  flex-direction: row-reverse;
}
.new_achiv_main .filtercontent .mediablocklist li article,
.new_achiv_main .activitysection ul.cardgrid li .activitycard {
  border: 0;
  align-items: center;
  gap: 24px;
  height: 100%;
  display: flex;
}

.new_achiv_main ul.activitymeta.activitycard__meta {
  display: none;
}
.new_achiv_main .filtercontent .mediablocklist li article .mediablock__title a,
.new_achiv_main ul.cardgrid .activitycard .activitycard__name {
  color: #000000;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.16px;
  padding-bottom: 4px;
  text-decoration: none;
}
.new_achiv_main .activitycard__imagecontainer {
  width: 25%;
  margin-bottom: 0;
}

.new_achiv_main .activitycard__textcontainer {
  width: 75%;
  padding-right: 0px;
}

.new_achiv_main .filtercontent .mediablocklist li article .mediablock__summary,
.new_achiv_main ul.cardgrid .activitycard .activitycard__summary {
  color: rgba(0, 0, 0, 0.7);
  font-size: 13px;
  font-weight: 400;
  line-height: 140%; /* 16.8px */
  margin-bottom: 0;
}
.new_achiv_main .meta_options {
  display: flex;
  justify-content: space-between;
  padding-top: 16px;
  gap: 10px;
}
.new_achiv_main .share_meta a,
.new_achiv_main .share_btn {
  color: var(--Black, #000);
  font-size: var(--B3, 14px);
  font-weight: 700;
  line-height: 140%; /* 19.6px */
  display: flex;
  align-items: center;
  gap: 4px;
  text-decoration: none;
  cursor: pointer;
  position: relative;
}
.new_achiv_main .social_btns {
  position: absolute;
  background: white;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
  border-radius: 4px;
  padding: 13px;
  gap: 10px;
  display: none;
  top: 25px;
}
.new_achiv_main .share_btn a:hover {
  color: #f1204a;
}
.new_achiv_main .share_btn.active .social_btns {
  display: flex;
}
.new_achiv_main .share_meta {
  display: flex;
  gap: 12px;
  padding-top: 12px;
}
.new_achiv_main .achievement_earned {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: var(--TikTok-Black, #000);
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.2px;
  background: #2dccd3;
  padding: 6px 12px 6px 8px;
  border-radius: 100px;
  margin-block: 6px;
}

.new_achiv_main .achievement_filters {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 20px 0 24px;
}

.new_achiv_main .achievement_filters__btn {
  border: none;
  background: #eee;
  color: #000;
  font-size: 14px;
  font-weight: 500;
  padding: 10px 20px;
  border-radius: 7px;
  cursor: pointer;
  transition:
    background 0.2s ease,
    color 0.2s ease;
}

.new_achiv_main .achievement_filters__btn:hover {
  background: #ddd;
}

.new_achiv_main .achievement_filters__btn.active {
  background: #000;
  color: #fff;
}

.new_achiv_main .progress_bar h3 {
  color: #000000;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 16.8px */
}

.new_achiv_main .progress_bg {
  background: #eeeeee;
  height: 6px;
  min-width: 120px;
  margin-top: 8px;
  border-radius: 100px;
  overflow: hidden;
  position: relative;
}

.new_achiv_main .progress_bg .progress_fill {
  background: #f1204a;
  position: absolute;
  width: 70%;
  top: 0;
  left: 0;
  height: 100%;
  border-radius: 100px;
}

.new_achiv_main .continue_btn {
  background: #eee;
  height: 40px;
  padding: 12px 16px;
  border-radius: 100px;
  color: #000000;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 19.6px */
  text-decoration: none;
}

.new_achiv_main .continue_btn:hover {
  background: #f1204a;
  color: #ffffff;
}
.new_achiv_main a.continue_btn.get_started_btn {
  background: #f1204a;
  color: #ffffff;
}
.new_achiv_main h2.u-headingsection--activity.activitysection__name {
  color: #000000;
  font-size: 32px;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -0.64px;
}

.new_achiv_main .activitysection__header--pathsection {
  padding-bottom: 16px;
  border-bottom: 0.694px solid rgba(0, 0, 0, 0.2);
  border-radius: 0;
  margin-bottom: 30px;
  background: transparent !important;
  padding-inline: 0;
  margin-inline: 0;
}

.new_achiv_main
  .activitysection__header--pathsection
  span.activitysection__toggle {
  display: none;
}
.achiv_cta {
  padding: 30px 60px;
  text-align: center;
}

.cta_container {
  background-image: url("https://i.ibb.co/hxrQmhwf/Block.png");
  display: flex;
  flex-direction: column;
  min-height: 228px;
  justify-content: center;
  border-radius: 20px;
  align-items: center;
}

.achiv_cta h2 {
  color: #ffffff;
  text-align: center;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 32px */
  letter-spacing: -0.64px;
  padding-bottom: 20px;
}

.achiv_cta p {
  color: #ffffff;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  margin-bottom: 30px;
}

.achiv_cta a {
  border-radius: 48px;
  background: #f1204a;
  max-width: fit-content;
  padding: 15px 19px;
  color: #ffffff;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
}
.new_achiv_main form#topic-search-form input#topic-search {
  border-radius: 27px !important;
  border: 0 !important;
  background: #fff;
  box-shadow: none !important;
}

.new_achiv_main form#topic-search-form {
  border-radius: 27px;
  border: 1px solid #ccc;
  background: #fff;
  padding-block: 4px;
}

.new_achiv_main svg.search__icon {
  margin-top: 4px !important;
}
.new_achiv_main .filterlayout__mainheading:before {
  content: "See how you’re progressing ";
  color: #000000;
  font-size: 32px;
  font-weight: 700;
  line-height: 100%; /* 32px */
  letter-spacing: -0.64px;
}

.new_achiv_main .filterlayout__mainheading {
  padding-bottom: 16px;
  border-bottom: 0.694px solid rgba(0, 0, 0, 0.2);
}
@media (max-width: 1000px) {
  .new_achiv_main .filtercontent .mediablocklist,
  .new_achiv_main .activitysection ul.cardgrid {
    grid-template-columns: 1fr;
  }
  .banner_container {
    flex-wrap: wrap;
    gap: 40px;
  }
  .banner_container img {
    max-width: 100%;
  }
}


@media (max-width: 500px) {
  .wd_details_main .page__courses,
  .wd_details_main header.page__header {
    padding-inline: 20px;
  }
  .new_achivement_banner {
    padding: 13px 20px 5px;
  }
  .new_achiv_main .new_achivement_banner .banner_container h1 {
    
    font-weight: 700;
    line-height: 113%;
    letter-spacing: -1.44px;
  }
  .new_achiv_main h1.u-headingpage--activity.activityheading__name {
    margin-inline: 20px;
  }
  .new_achiv_main .course__content {
    padding-inline: 20px;
  }
  .achiv_cta {
    padding: 30px 20px;
    text-align: center;
  }
  .achiv_cta .cta_container {
    padding: 20px;
  }
  .new_achiv_main .filterlayout__mainheading {
    flex-direction: column;
    gap: 15px;
  }

  .banner_container p {
    font-size: 20px;
    line-height: 113%; /* 22.6px */
    letter-spacing: -0.4px;
  }
  .new_achivement_banner {
    padding-inline: 15px;
    padding-top: 60px;
    padding-bottom: 30px;
  }
  .banner_container h1 {
    font-size: 48px;
    letter-spacing: -0.96px;
  }
  .new_achiv_main .filtercontent .mediablocklist li article {
    padding: 10px;
    gap: 10px;
  }
  .new_achiv_main .filtercontent .share_meta a {
    font-size: 12px;
  }
  .new_achiv_main .filtercontent .share_meta {
    gap: 8px;
  }
  .new_achiv_main .filtercontent .continue_btn {
    padding: 12px 14px;
    font-size: 12px;
  }
  .achiv_cta {
    padding: 30px 15px;
  }
  .cta_container {
    padding: 60px 30px;
  }
}
.main--student {
  margin-bottom: 0 !important;
}

.new_BBLove .pageoutline {
  display: none;
}

article.new_BBLove {
  padding: 0;
  margin-bottom: 0px;
  font-family: "TikTok Sans";
}

.new_BBLove header.page__header {
  max-width: 100%;
  margin: 0;
  padding-block: 60px;
  padding-inline: 86px;
}
.muse_color,
.blaze_color {
  background: #edd4b2;
}
.muse_color header.page__header,
.dawn_color header.page__header {
  background-color: #4a0505;
}
.muse_color h1.banner_title {
  color: #fbeb35;
}
.muse_color .banner_desc,
.blaze_color h1.banner_title,
.blaze_color .banner_desc,
.dawn_color .banner_desc {
  color: #ffffff;
}
.muse_color .course_card .pgpost h2 {
  color: #4a0505;
}
.muse_color h1.banner_title {
  max-width: 530px;
}
.shimmer_color {
}
.shimmer_color header.page__header {
  background-color: #2dccd3;
  background-image: url(https://i.ibb.co/xqxRx16D/supercharg-banner-bg.png);
  background-size: cover;
  background-position: center;
}
.shimmer_color h1.banner_title,
.shimmer_color .course_card .pgpost h2 {
  color: #033624;
}
.shimmer_color .banner_desc {
  color: #000000 !important;
}
.blaze_color header.page__header {
  background-color: #f1204a;
}
.blaze_color .course_card .pgpost h2,
.dawn_color .course_card .pgpost h2 {
  color: #f1204a;
}
.dawn_color {
  background-color: #edbbe8;
}
.dawn_color h1.banner_title {
  color: #edbbe8;
}
.new_BBLove h1.banner_title {
  font-size: 66px;
  font-weight: 700;
  line-height: 100%;
}
.new_BBLove .banner_desc {
  font-size: 24px;
  line-height: 120%; /* 28.8px */
  margin-top: 36px;
}

.new_BBLove .new_banner {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

.new_BBLove .new_banner .image-side {
  max-width: 450px;
width:100%;
}

.new_BBLove .new_banner .content-side {
  max-width: 860px;
}
.new_BBLove .page__courses {
  display: grid;
  gap: 25px;
  padding: 40px 40px 0px 40px;
}

.new_BBLove .page__courses .course_card {
  background: white;
  border-radius: 22px;
  max-width: 1173px;
  padding: 60px;
  width: 100%;
  margin-inline: auto;
  display: grid;
  gap: 20px;
}
.new_BBLove .course_card article {
  max-width: 100%;
  margin: 0;
}

.new_BBLove .course_card .pgpost h2 {
  font-size: 38px;
  font-weight: 700;
  line-height: 100%; /* 42px */
  margin: 0;
}

.new_BBLove .course_card .pgpost p {
  color: #000000;
  font-size: 20px;
  line-height: 120%; /* 28.8px */
  margin-top: 24px;
  margin-bottom: 10px;
  font-family: "TikTok Sans";
}
@media (min-width: 1024px) {
  .shimmer_color header.page__header,
  article.blaze_color .page__header,
  article.dawn_color .page__header {
    min-height: 512px;
    display: grid;
    grid-template-columns: 1fr;
    align-content: space-evenly;
  }
  article.blaze_color .page__header,
  article.dawn_color .page__header {
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
  }
  article.blaze_color .page__header .image-side,
  article.dawn_color .page__header .image-side {
    opacity: 0;
  }
  article.blaze_color .page__header {
    background-image: url(https://i.ibb.co/Z1BJ9yVJ/smart-achieve-more-with-less-banner.png);
  }
  article.dawn_color .page__header {
    background-image: url(https://i.ibb.co/NkkvRhr/sell-more-with-tiktok-shop-banner.png);
  }
}
@media (max-width: 1173px) {
  .new_BBLove header.page__header {
    padding-inline: 40px;
  }
}
@media (max-width: 1024px) {
  .new_BBLove .page__courses .course_card {
    padding: 40px;
  }
  .new_BBLove h1.banner_title {
    font-size: 42px;
  }
  .new_BBLove .banner_desc {
    font-size: 20px;
    margin-top: 24px;
  }
}

@media (max-width: 600px) {
  .new_BBLove .new_banner {
    flex-direction: column;
  }
  .new_BBLove header.page__header {
    padding-block: 40px;
    padding-inline: 20px;
  }
  .new_BBLove .new_banner .image-side {
    margin: auto;
  }
  .new_BBLove .page__courses {
    padding: 40px 20px 0px;
  }
  .new_BBLove .page__courses .course_card {
    padding: 20px;
  }
  .new_BBLove .course_card .pgpost h2 {
    font-size: 28px;
  }
  .new_BBLove .course_card .pgpost p {
    font-size: 18px;
    margin-top: 15px;
    margin-bottom: 20px;
  }
}
.crimson_color header.page__header {
  background-color: #4a0505;
  padding: 60px 80px;
}
.crimson_color h1.banner_title {
  color: #edbbe8;
  font-size: 64px;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -0.96px;
  margin-bottom: 14px;
}
.crimson_color .banner_desc,
.crimson_color .banner_footer_note,
.crimson_color .banner_bullet {
  color: #ffffff;
  font-family: "TikTok Sans Text", "TikTok Sans", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
}
.crimson_color .banner_desc {
  margin-bottom: 24px;
}
.crimson_color .banner_bullet .tick-icon path {
  fill: #ffffff;
}
.crimson_color .banner_cta {
  display: flex;
  width: 165px;
  height: 54px;
  padding: 12px 16px;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  gap: 8px;
  color: #ffffff;
  text-align: center;
  font-family: "TikTok Sans Text", "TikTok Sans", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
}
body.crimson_color .appnav.appnav--text,
body.crimson_color .appheader__section.u-org--header .appheader__search,
body.crimson_color .appheader__section.u-org--header .appheader__categories,
body.crimson_color .appheader__button--appnavmobile {
  display: none !important;
}
.tta-header-enroll-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 16px;
  padding: 11px;
  background: #f1204a;
  color: #fff !important;
  border-radius: 999px;
  font-family: "TikTok Sans Text", "TikTok Sans", sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 140%;
  text-decoration: none !important;
  white-space: nowrap;
  transition: background 0.2s;
}
.tta-header-enroll-btn:hover {
  background: #d91f43;
}
body.crimson_color button.button--appheader {
  background-color: transparent !important;
  border: 0 !important;
}
@media (max-width: 1440px) and (min-width: 769px) {
 
  body.crimson_color .new_banner--featured .content-side {
    max-width: 100%;
  }
}

.see-what-learn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 48px; 
  margin: 0 auto;
  padding: 52px 40px;
  border-radius: 20px;
  background: #edd4b2;
  box-sizing: border-box;
  max-width: 1440px;
  width: 100%; 
}
.see-what-learn__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 60px;
  width: 100%;
  max-width: 788px;
}
.see-what-learn__text {
  flex: 1;
  min-width: 0;
}
.see-what-learn__text h2 {
  color: #000;
  font-family: "TikTok Sans Display", "TikTok Sans", sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -0.64px;
  margin: 0 0 16px;
}
.see-what-learn__text p {
  color: #000;
  font-family: "TikTok Sans Display", "TikTok Sans", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  margin: 0;
}
.see-what-learn__video {
  position: relative;
  flex: 0 0 auto;
  width: 220px;
  aspect-ratio: 220 / 390;
  border-radius: 16px;
  overflow: hidden;
}
.see-what-learn__video figure.pgmedia,
.see-what-learn__video .pgmedia__videowrapper,
.see-what-learn__video iframe {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  border: 0 !important;
}
.see-what-learn__video .pgmedia__loading,
.see-what-learn__video .pgmedia__caption {
  display: none;
}
@media (max-width: 900px) {
  .see-what-learn {
    width: 90%;
    padding: 32px 24px;
    gap: 32px;
  }
  .see-what-learn__row {
    flex-direction: column;
    gap: 32px;
  }
  .see-what-learn__video {
    width: 200px;
  }
}

.what-you-learn { 
  max-width: 1440px;
  margin: 0 auto;
  padding: 52px 40px;
  border-radius: 20px;
  background: #edbbe8;
  box-sizing: border-box;
}
.what-you-learn__header h2 {
  margin: 0 0 8px;
  color: #000;
  font-family: "TikTok Sans Display", "TikTok Sans", sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -0.64px;
}
.what-you-learn__header > p {
  margin: 0 0 24px;
  color: #000;
  font-family: "TikTok Sans Display", "TikTok Sans", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
.what-you-learn__pills {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  list-style: none;
  padding: 0 0 32px;
  margin: 0 0 32px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.what-you-learn__pills li {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  border: 1px solid rgba(0, 0, 0, 0.5);
  border-radius: 999px;
  color: #000;
  font-family: "TikTok Sans Display", "TikTok Sans", sans-serif;
  font-size: 14px;
  font-weight: 500;
}
.what-you-learn__pills li img {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  object-fit: contain;
}
.what-you-learn__cards {
  display: flex;
  align-items: stretch;
  gap: 24px;
}
.what-you-learn__cards > exceed-request-trigger-on-action,
.what-you-learn__cards > a.pgresource {
  display: flex;
  flex: 1;
  min-width: 0;
}
.what-you-learn__cards .pgresource {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1;
  min-width: 0;
  height: auto;
  padding: 30px 20px 20px;
  gap: 20px;
  background: #fff;
  border-radius: 14px;
  box-sizing: border-box;
  text-decoration: none !important;
}
.what-you-learn__cards .pgresource__content {
  display: contents;
}
.what-you-learn__cards .pgresource__attribution {
  display: none;
}
.what-you-learn__cards .pgresource__title {
  order: 1;
  width: 100%;
  margin: 0;
  color: #000;
  font-family: "TikTok Sans Display", "TikTok Sans", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  letter-spacing: -0.4px;
  text-decoration: none !important;
}
.what-you-learn__cards .pgresource__imagecontainer {
  order: 2;
  width: 100%;
  height: 220px;
  max-width: 100%;
  border-radius: 10px;
  overflow: hidden;
  flex-shrink: 0;
}
.what-you-learn__cards .pgresource__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.what-you-learn__cards .pgresource__description {
  order: 3;
  width: 100%;
  margin: 0;
  color: #000;
  font-family: "TikTok Sans Display", "TikTok Sans", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}
 
.what-you-learn__cards .pgresource__description span.truncate__overflow {
  display: inline;
}
@media (max-width: 900px) {
  .what-you-learn {
    width: 90%;
    padding: 32px 24px;
  }
  .what-you-learn__cards {
    flex-direction: column;
  }
}

.cta-guesswork { 
  max-width: 1440px !important;
  margin: 0 auto;
  padding: 64px 40px;
  border-radius: 20px;
  background-color: #4a0505;
  text-align: center;
  box-sizing: border-box;
  width: 100%;
}
.cta-guesswork .pgpost h2 {
  margin: 0 0 16px;
  color: #fff;
  font-family: "TikTok Sans Display", "TikTok Sans", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -0.8px;
}
.cta-guesswork .pgpost p:not(:has(a)) {
  margin: 0 auto 32px;
  max-width: 800px;
  color: rgba(255, 255, 255, 0.85);
  font-family: "TikTok Sans Display", "TikTok Sans", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.cta-guesswork .pgpost p:has(a) {
  margin: 0;
}
.cta-guesswork .banner_cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 165px;
  height: 54px;
  padding: 12px 16px;
  margin: 0;
  box-sizing: border-box;
}
@media (max-width: 900px) {
  .cta-guesswork {
    width: 90%;
    padding: 40px 24px;
  }
  .cta-guesswork .pgpost h2 {
    font-size: 28px;
  }
}

.wod_main article.coursepage__contentmain.course {
  padding-inline: 0;
}
.wod_main .course__headercontainer {
  display: none;
}
.wod_banner {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  min-height: 356px;
  padding-inline: 100px;
  box-sizing: border-box;
  background:
    linear-gradient(to right, #033624 0%, #033624 60%, rgba(3, 54, 36, 0) 100%),
    url("https://i.ibb.co/m5Z6pw9Y/TIKTOK-TONAL-16x9-GLINT-THRIVE-20-2-1.png") no-repeat right center / cover,
    #033624;
}
.wod_banner h1 {
  position: relative;
  z-index: 1;
  margin: 0;
  color: var(--TikTok-White, #fff);
  font-family: "TikTok Sans", sans-serif;
  font-size: 72px;
  font-style: normal;
  font-weight: 700;
  line-height: 113%;
  letter-spacing: -1.44px;
}
.wod_banner img {
  position: relative;
  z-index: 1;
  flex-shrink: 0;
  width: 246px;
  height: 240.12px;
  object-fit: contain;
}
@media (max-width: 900px) {
  .wod_banner {
    flex-direction: column;
    text-align: center;
    min-height: unset;
    padding: 40px 24px;
    gap: 24px;
  }
  .wod_banner h1 {
    font-size: 44px;
  }
  .wod_banner img {
    width: 160px;
    height: 156px;
  }
}
.agency_growth_main header.page__header {
  display: none;
}
.agency_growth_main .coursepage__contentmain  {
  padding: 0!important;
}
.webinars_path_main .course__headercontainer {
  display: none;
}
.webinars_path_main .course__contentcontainer {
  min-width: 100%;
  padding:20px 100px;
}
.webinars_path_main .coursepage__contentmain {
  padding: 0 !important;
}
.webinars_path_main .agency_growth_banner__content {
  max-width: 600px;
}
.webinars_path_main .activitysection .activitysection__name{
     font-weight: 600;
    font-size: 25px;
    padding-bottom: 16px;
}

.webinars_path_main .activitysection .activitysection__content{
    padding: 0 10px;
}

.webinars_path_main .courselist {
  display: flex;
  flex-direction: column;
  gap: 16px;
  list-style: none;
}
.webinars_path_main .courselist__item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  background: none;
  padding: 0;
  display: flex;
  align-items: center;
}
.webinars_path_main .courselist__item::before,
.webinars_path_main .courselist__item::after {
  display: none;
}
.webinars_path_main .courselist__item a.double_click_protection {
  display: flex;
  align-items: center;
  gap: 20px;
  border-radius: 16px;
  padding: 14px 20px;
  text-decoration: none !important;
  flex: 1;
  min-width: 0;
}
.webinars_path_main .courselist__marker {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  margin: 0;
  background: none;
  border: none;
}
.webinars_path_main .courselist__marker.scb_webinar_thumb {
  flex: 0 0 220px !important;
  width: 140px !important;
  height: 120px !important;
  border-radius: 10px !important;
  overflow: hidden;
}
.courselist__item[data-status="in-progress"]:not([data-shape]) .courselist__marker{
border:none;
}
/* A row whose image has not arrived yet (e.g. a webinar just added in Admin,
   before the API's cache picks it up) still holds Intellum's own status icon
   (check / play), which the auto size above stretched across the page. It
   becomes a grey box the size of the thumbnail instead. */
.webinars_path_main .courselist__marker:not(.scb_webinar_thumb) {
  flex: 0 0 220px;
  width: 220px;
  height: 120px;
  border-radius: 10px;
  background: #D9D9D9;
  overflow: hidden;
}
.webinars_path_main .courselist__marker:not(.scb_webinar_thumb) > *,
.webinars_path_main .courselist__marker:not(.scb_webinar_thumb)::before,
.webinars_path_main .courselist__marker:not(.scb_webinar_thumb)::after {
  display: none !important;
}

.webinars_path_main .courselist__marker.scb_webinar_thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  display: block;
  border-radius: 0 !important;
}
.webinars_path_main .courselist__itemcontent {
  flex: 1;
  min-width: 0;
}
.webinars_path_main .scb_webinar_date {
  margin: 0 0 4px;
  color: #000;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.2px;
  text-transform: uppercase;
    font-family: "TikTok Sans", sans-serif !important;
}
.webinars_path_main .scb_webinar_countdown {
  color: #F1204A;
}
.webinars_path_main .activitysection__itemname {
  
  font-weight: 700;
  margin: 0;
  color: #000; 
    font-size: 18px;
    font-style: normal; 
    line-height: 110%;
    letter-spacing: -0.36px;
font-family: "TikTok Sans", sans-serif !important;

}
.webinars_path_main .courselist__itemcontent .activitymeta.activitymeta--inline {
  display: none;
}
.webinars_path_main .scb_webinar_cta {
  flex: 0 0 auto;
  margin-left: auto;
  max-width: fit-content;
  background: #F1204A;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  padding: 10px 20px;
  border-radius: 48px;
  white-space: nowrap;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  border: none;
}
.webinars_path_main .scb_webinar_cta--enrolled {
  background: #E5E5E5;
  color: #666;
}
.webinars_path_main .courselist__item > .scb_webinar_cta {
  margin-right: 20px;
}
/* Tablet / small laptop: the 100px side padding below is far too wide once
   the viewport stops being desktop-sized. */
@media (max-width: 1100px) {
  .webinars_path_main .course__contentcontainer {
    padding: 20px 40px;
  }
  .webinars_path_main .courselist__marker.scb_webinar_thumb {
    flex: 0 0 180px !important;
    width: 180px !important;
    height: 105px !important;
  }
  .webinars_path_main .courselist__marker:not(.scb_webinar_thumb) {
    flex-basis: 180px;
    width: 180px;
    height: 105px;
  }
  .webinars_path_main .agency_growth_banner {
    padding: 48px 40px;
  }
}

/* The base .scb_webinar_thumb rule uses !important on flex/width/height, so
   every override for it has to as well or it silently loses. */
@media (max-width: 700px) {
  .webinars_path_main .courselist__item {
    flex-wrap: wrap;
    padding-bottom: 16px;
  }
  /* A 100% basis, not flex:1's 0: on an enrolled row the Unenroll button is a
     width:100% sibling of this link, and with a 0 basis both fit on one line,
     leaving the link zero wide (thumbnail + text squeezed to one letter per line). */
  .webinars_path_main .courselist__item a.double_click_protection {
    flex: 1 1 100%;
    flex-wrap: wrap;
    gap: 12px;
    padding: 14px 0;
  }
  .webinars_path_main .courselist__marker.scb_webinar_thumb {
    flex: 1 0 100% !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9;
  }
  .webinars_path_main .courselist__marker:not(.scb_webinar_thumb) {
    flex: 1 0 100%;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
  }
  /* Without the 100% basis the row's text shares a line with the thumbnail
     and gets squeezed to roughly one word per line on a phone. */
  .webinars_path_main .courselist__itemcontent {
    flex: 1 0 100%;
    min-width: 0;
    overflow-wrap: break-word;
  }
  .webinars_path_main .activitysection .activitysection__name {
    font-size: 20px;
    padding-bottom: 12px;
  }
  .webinars_path_main .activitysection .activitysection__content {
    padding: 0;
  }
  .webinars_path_main .activitysection__itemname {
    font-size: 16px;
  }
  .webinars_path_main .scb_webinar_cta {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    max-width: 100%;
    text-align: center;
    padding: 12px 20px;
    font-size: 13px;
  }
  /* The Unenroll variant is a sibling of the anchor, not a child, so it needs
     its own reset of the desktop right-hand margin. */
  .webinars_path_main .courselist__item > .scb_webinar_cta {
    margin-right: 0;
    justify-content:center;
  }
}

.agency_growth_banner {
  background: var(--Thrive, #033624);
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 40px;
  padding: 60px 80px;
}
.agency_growth_banner__content {
  max-width: 600px;
}
.agency_growth_banner h1 {
  margin: 0 0 24px;
  color: var(--TikTok-White, #FFF);
  font-family: "TikTok Sans";
  font-size: 56px;
  font-style: normal;
  font-weight: 700;
  line-height: 113%; /* 63.28px */
  letter-spacing: -1.12px;
}
/* "Register" only makes sense for a logged-out visitor — a logged-in
   student already has an account, so both CTAs (banner + program-overview
   card) hide themselves once the native body--logged-out class is gone. */
body:not(.body--logged-out) .agency_growth_banner__cta,
body:not(.body--logged-out) .program-overview__register {
  display: none;
}
.agency_growth_banner__cta {
  display: flex;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 48px;
  background: var(--Blaze, #F1204A);
  max-width: fit-content;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none !important;
}
.agency_growth_banner img {
  width: 479.973px;
  height: 359.979px;
  aspect-ratio: 4/3;
  object-fit: cover;
  border-radius: 12px;
  flex-shrink: 0;
}
@media (max-width: 900px) {
  .agency_growth_banner {
    padding: 40px 24px;
  }
  .agency_growth_banner h1 {
    font-size: 36px;
  }
  .agency_growth_banner img {
    width: 100%;
    height: auto;
  }
}
/* Scoped to .webinars_path_main on purpose: .agency_growth_banner is shared
   with the /activity/3663093, 3683362, 3683480 and 3694863 pages, which are out of
   scope for this change. */
@media (max-width: 900px) {
  .webinars_path_main .agency_growth_banner {
    gap: 24px;
  }
  .webinars_path_main .agency_growth_banner__content {
    max-width: 100%;
  }
}
@media (max-width: 550px) {
  .webinars_path_main .agency_growth_banner {
    padding: 28px 16px;
    gap: 20px;
  }
  .webinars_path_main .agency_growth_banner h1 {
    font-size: 26px;
    line-height: 118%;
    letter-spacing: -0.5px;
    margin-bottom: 16px;
  }
  .new_single_course_main .singcourses_banner{
    padding: 25px 40px;
  }
}
.agency_growth_main .pageoutline--visible {
display:none;
}
.agency_growth_main .program-overview {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  padding: 64px 54px;
  border-radius: 20px;
  background: var(--Muse, #EDD4B2);
}
.agency_growth_main .page__courses{
  padding:60px 40px; 
}
@media (max-width: 500px) {
  .agency_growth_main .page__courses{
     padding:10px; 
  }
}
.agency_growth_main .program-overview__header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 37.936px;
  align-self: stretch;
  padding-bottom: 35.126px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.agency_growth_main .program-overview__headertext {
  max-width: 1160px;
}
.agency_growth_main .program-overview__headertext h2 {
  margin: 0 0 12px;
  color: var(--TikTok-Black, #000);
  font-family: "TikTok Sans Display", "TikTok Sans", sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -0.64px;
}
.agency_growth_main .program-overview__headertext p {
  margin: 0;
  color: var(--TikTok-Black, #000);
  font-family: "TikTok Sans Display", "TikTok Sans", sans-serif;
  font-size: 20.232px;
  font-style: normal;
  font-weight: 400;
  line-height: 30.349px; /* 150% */
}
.agency_growth_main .program-overview__register {
  display: flex;
  flex-shrink: 0;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 48px;
  background: var(--Blaze, #F1204A);
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none !important;
}
.agency_growth_main .program-overview__grid {
  display: flex;
  align-items: stretch;
  gap: 24px;
  align-self: stretch;
  width: 100%;
}
.agency_growth_main .program-overview-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10.116px;
  flex: 1 0 0;
  min-width: 0;
  padding: 25.291px 30.349px 20.232px;
  border-radius: 16px;
  background: #fff;
}
.agency_growth_main .program-overview-card h2 {
  margin: 0;
  color: var(--TikTok-Black, #000);
  font-family: "TikTok Sans Display", "TikTok Sans", sans-serif;
  font-size: 25.291px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%; /* 27.82px */
  letter-spacing: -0.506px;
}
.agency_growth_main .program-overview-card p {
  margin: 0;
  color: rgba(0, 0, 0, 0.80);
  font-family: "Inter Tight", "TikTok Sans", sans-serif;
  font-size: 15.174px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.agency_growth_main .program-overview-card p strong,
.agency_growth_main .program-overview-card p b {
  font-weight: 700;
}
.agency_growth_main .program-overview-card a {
  display: flex;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 48px;
  background: var(--Blaze, #F1204A);
  color: #fff !important;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none !important;
}
.agency_growth_main .program-overview-card-thumbnail {
  margin-top: auto;
  align-self: stretch;
  border-radius: 12px;
  overflow: hidden;
}
.agency_growth_main .program-overview-card-thumbnail img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 12px;
}
@media (max-width: 900px) {
  .agency_growth_main .program-overview {
    padding: 32px 24px;
  }
  .agency_growth_main .program-overview__header {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
  .agency_growth_main .program-overview__grid {
    flex-direction: column;
  }
}
.agency_growth_main .credential {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  align-self: stretch;
  height: 416px;
  margin-top: 32px;
  padding: 70px;
  border-radius: 20px;
  background: var(--TikTok-Black, #000);
  overflow: hidden;
}
.agency_growth_main .credential__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  max-width: 600px;
}
.agency_growth_main .credential__content h2 {
  margin: 0;
  color: var(--TikTok-White, #FFF); 
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 36px */
  letter-spacing: -0.72px;
  margin-bottom: 5px;
}
.agency_growth_main .credential__content > p {
  margin: 0;
  color: rgba(255, 255, 255, 0.8); 
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
}
.agency_growth_main .credential__list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.agency_growth_main .credential__list li {
  position: relative;
  padding-left: 28px;
  color: var(--TikTok-White, #FFF); 
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
}
.agency_growth_main .credential__list li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 6px; 
}
.agency_growth_main .credential__cta {
  display: flex;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 48px;
  background: var(--Blaze, #F1204A);
  color: #fff !important;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none !important;
}
.agency_growth_main .credential__image {
  max-width: 260px;
  width: 100%;
  height: auto;
  flex-shrink: 0;
  object-fit: contain;
}
@media (max-width: 900px) {
  .agency_growth_main .credential {
    flex-direction: column;
    height: auto;
    padding: 32px 24px;
    text-align: left;
  }
  .agency_growth_main .credential__image {
    max-width: 260px;
  }
}
.gstt_new .enrollmentmessage.enrollmentmessage--passed,
.gstt_new .pageoutline,
.gstt_new .page__metaratings,
.gstt_new .pgheading__actions,
.gstt_new .pgheading__meta.activitymeta,
.gstt_new .articles-grid article .pgresource .pgresource__attribution {
  display: none;
}
.gstt_new {
  padding: 0;
}
.gstt_new header.page__header {
  max-width: 100%;
  margin-block: 0;
  margin-bottom: -20px;
}
.gstt_new .pgheading {
  max-width: 1440px;
  margin-inline: auto;
  width: 100%;
  padding-top: 20px;
}
.gstt_new header.page__header .banner-img img {
  height: 450px;
  object-fit: cover;
  width: 100%;
}

.gstt_new .page__courses article {
  max-width: 1440px;
  width: 100%;
}
.gstt_new .page__courses > article:first-child p {
  margin-block: 15px;
}

.gstt_new .articles-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  max-width: 1440px;
  gap: 20px;
  margin-inline: auto;
  width: 100%;
}

.gstt_new .articles-grid article {
  margin-block: 0;
}
.gstt_new .articles-grid article .pgresource {
  margin-block: 0;
  flex-direction: column-reverse;
  padding: 0;
  border: 0;
  gap: 10px;
}

.gstt_new .articles-grid article .pgresource > div {
  width: 100%;
  margin: 0;
  max-width: 100%;
}

.gstt_new .articles-grid article .pgresource .pgresource__imagecontainer {
  min-height: 190px;
}
.gstt_new .articles-grid article .pgresource:hover {
  box-shadow: none;
}
.gstt_new .articles-grid article .pgresource .tta_desc_clamped {
  display: block !important;
  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
  -webkit-box-orient: unset !important;
  overflow: visible !important;
  max-height: none !important;
  height: auto !important;
  text-overflow: unset;
}
@media (min-width: 1025px) and (max-width: 1440px) {
  .gstt_new .page__courses {
    padding-inline: 40px;
  }
  .gstt_new .pgheading {
    padding-inline: 40px;
  }
}
@media (max-width: 1024px) {
  .gstt_new .articles-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
  .gstt_new .page__courses {
    padding-inline: 20px;
  }
  .gstt_new .pgheading {
    padding-inline: 20px;
  }
}
@media (max-width: 600px) {
  .gstt_new .articles-grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 12px;
  }
  .gstt_new .articles-grid article .pgresource .pgresource__imagecontainer {
    min-height: unset;
  }
  .gstt_new header.page__header .banner-img img {
    height: 250px;
  }
  .gstt_new .page__courses {
    padding-inline: 16px;
  }
  .gstt_new .pgheading {
    padding-inline: 16px;
  }
}
@media (min-width: 481px) and (max-width: 600px) {
  .gstt_new .articles-grid article .pgresource .pgresource__imagecontainer {
    min-height: unset;
    height: auto;
  }
  .gstt_new .articles-grid article .pgresource .pgresource__imagecontainer img {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
  }
}
.main-content-style
  [class*="videoAgendaSectionItem-module-container"].item-after-launch
  > div:nth-child(1)
  > :nth-child(1) {
  width: 20%;
}
.main-content-style
  [class*="videoAgendaSectionItem-module-container"].item-after-launch
  > div:nth-child(1)
  > :nth-child(2) {
  width: 30%;
}
.main-content-style
  [class*="videoAgendaSectionItem-module-container"].item-after-launch
  > div:nth-child(1)
  > :nth-child(3) {
  width: 30%;
}
.main-content-style
  [class*="videoAgendaSectionItem-module-container"].item-after-launch
  > div:nth-child(1)
  > :nth-child(4) {
  width: 10%;
}
.main-content-style
  [class*="videoAgendaSectionItem-module-container"]
  > div:nth-child(1)
  [class*="videoAgendaSectionItem-module-noBottomMargin"] {
}
main#main {
  margin-bottom: 0px;
}
.tiktok-custom-footer {
  background: #000;
  padding: 40px 48px;
  width: 100%;
}

.tiktok-custom-footer__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1100px;
  margin: 0 auto;
}

.tiktok-custom-footer__right {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.tiktok-custom-footer__right a {
  color: #fff;
  text-decoration: none;
  font-size: 12px;
  font-weight: 500;
}

.tiktok-custom-footer__right a:hover {
  opacity: 0.8;
}

@media (max-width: 768px) {
  .tiktok-custom-footer {
    padding: 40px 24px;
  }

  .tiktok-custom-footer__container {
    flex-direction: column;
    gap: 32px;
  }

  .tiktok-custom-footer__logo {
    width: 170px;
  }

  .tiktok-custom-footer__left {
    margin-inline: auto;
  }

  .tiktok-custom-footer__right {
    flex-direction: row;
    justify-content: center;
    width: 100%;
  }
}
.custom-bottom-banner {
  padding: 12px 80px 60px;
}

.custom-bottom-banner-content {
  background: #1f1f1f;
  color: white;
  max-width: 50vw;
  margin-inline: auto;
  text-align: center;
  padding: 60px;
  border-radius: 14px;
}

.custom-bottom-banner-content h2 {
  font-size: 40px;
  line-height: 44px;
  margin-inline: auto;
  margin-bottom: 23px;
}

.custom-bottom-banner-content p {
  font-weight: 400;
  max-width: 460px;
  margin-inline: auto;
  margin-bottom: 28px;
  font-size: 15px;
  line-height: 1.5;
}

.custom-bottom-banner-content a {
  background: #f1204a;
  color: white;
  padding: 16px 24px;
  font-size: 16px;
  font-weight: 500;
  border-radius: 100px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s ease;
  text-decoration: none;
  text-transform: none !important;
  font-variant: normal !important;
  font-variant-caps: normal !important;
}

.custom-bottom-banner-content a:hover {
  background: white;
  color: black;
  text-decoration: none;
}


@media (max-width: 1024px) {
  .custom-bottom-banner {
    padding: 24px 40px 40px;
  }

  .custom-bottom-banner-content {
    max-width: 100%;
    padding: 50px 40px;
  }

  .custom-bottom-banner-content h2 {
    font-size: 30px;
    line-height: 34px;
  }
}

@media (max-width: 768px) {
  .custom-bottom-banner {
    padding: 20px 20px 28px;
  }

  .custom-bottom-banner-content {
    padding: 40px 24px;
    border-radius: 12px;
  }

  .custom-bottom-banner-content h2 {
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 16px;
  }

  .custom-bottom-banner-content a {
    padding: 14px 20px;
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  .custom-bottom-banner {
    padding: 16px 16px 20px;
  }

  .custom-bottom-banner-content {
    padding: 32px 20px;
  }

  .custom-bottom-banner-content h2 {
    font-size: 24px;
    line-height: 28px;
  }

  .custom-bottom-banner-content a {
    font-size: 14px;
    padding: 14px 18px;
  }
}

.main-content-style
  [class*="videoAgendaSectionItem-module-container"].item-before-launch
  > div:nth-child(1) {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
  width: 100%;
  padding-block: 40px;
  gap: 1rem;
}

.main-content-style
  [class*="videoAgendaSectionItem-module-container"].item-after-launch
  > div:nth-child(1) {
  display: flex;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  align-items: center;
  padding-block: 40px;
  gap: 1rem;
  width: 100%;
  justify-content: space-between;
}

@media (max-width: 767px) {
  .main-content-style
    [class*="videoAgendaSectionItem-module-container"].item-after-launch
    > div:nth-child(1) {
    flex-direction: column;
  }
  .launch-btn-wrapper {
    text-align: left !important;
    padding-top: 10px;
  }
  .main-content-style
    [class*="videoAgendaSectionItem-module-container"].item-after-launch
    > div:nth-child(1)
    > :nth-child(1) {
    width: 100%;
  }
  .main-content-style
    [class*="videoAgendaSectionItem-module-container"].item-after-launch
    > div:nth-child(1)
    > :nth-child(2) {
    width: 100%;
  }
  .main-content-style
    [class*="videoAgendaSectionItem-module-container"].item-after-launch
    > div:nth-child(1)
    > :nth-child(3) {
    width: 100%;
  }
  .main-content-style
    [class*="videoAgendaSectionItem-module-container"].item-after-launch
    > div:nth-child(1)
    > :nth-child(4) {
    width: 100%;
  }
}

.main-content-style
  [class*="videoAgendaSectionItem-module-container"].item-after-launch-ended
  > div:nth-child(1) {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
  padding-block: 40px;
  gap: 1rem;
  width: 100%;
}

.launch-btn-wrapper {
  text-align: center;
}
.launch-btn-wrapper a {
  padding: 15px;
  background: #f1204a;
  border-radius: 100px;
  font-size: 15.116px !important;
  font-weight: 700;
}
.launch-btn-wrapper a:hover {
  text-decoration: none;
}

button.uikitButtonsButton-module-element-tWqcL.uikitButtonsButton-module-isSizeMedium-UM7ej.uikitButtonsButton-module-isVariantGhost-aRKlj.uikitButtonsButton-module-isColorPrimary-7-muM {
  background: white;
  color: black;
}
.learning-objectives-list {
  list-style: none;
  padding-left: 0;
}

.learning-objectives-list li {
  position: relative;
  padding-left: 18px;
}

.learning-objectives-list li::before {
  content: "•";
  position: absolute;
  left: 0;
  top: 0;
}

.main-content-style [class*="videoAgenda-module-title_container"] {
  font-size: 56px;
  font-weight: 700;
  color: #baf6f0;
  border: 0;
}

.videoAgendaSection-module-container-cCIkh
  + .videoAgendaSection-module-container-cCIkh {
  border-top: 1px solid #fff !important;
}

[class*="videoContent-module-agendaContainer"]
  :nth-child(2)
  [class*="videoAgendaSection-module-container"]
  > :nth-child(1) {
  border-bottom: 1px solid white;
}
[class*="videoContent-module-agendaContainer"]
  :nth-child(2)
  [class*="videoAgendaSection-module-container"] {
      border-top: 1px solid white;
}

.main-content-style
  [class*="videoAgendaSectionItem-module-container"]:last-child {
  border-bottom: 0 !important;
}

.main-content-style
  [class*="videoAgendaSectionItem-module-container"]
  > div:nth-child(1)
  * {
  margin: 0;
  color: white !important;
  font-size: 25px;
  line-height: 1.2;
}
.main-content-style [class*="videoAgendaSectionItem-module-container"] {
  padding: 0;
  border: 0;
  margin: 0;
  border-bottom: 1px solid white;
  border-radius: 0;
}

.main-content-style
  [class*="videoContent-module-agendaContainer"]
  [class*="videoAgendaSectionItem-module-container"]
  > div:nth-child(2) {
  display: none;
}
.main-content-style [class*="videoContent-module-agendaContainer"] {
  border-radius: 22px;
  padding: 60px 111px;
  background: #033624;
}
@media (max-width: 1440px) {
  .main-content-style [class*="videoContent-module-agendaContainer"] {
    padding: 50px 40px;
  }

  .main-content-style [class*="videoAgenda-module-title_container"] {
    font-size: 48px;
  }
}

@media (max-width: 1024px) {
  .flex-div {
    margin-bottom: 30px !important;
  }
  .main-content-style {
    padding-top: 30px !important;
  }
  .main-content-style [class*="videoContent-module-agendaContainer"] {
    padding: 40px 25px;
  }

  .main-content-style
    [class*="videoAgendaSectionItem-module-container"]
    > div:nth-child(1)
    * {
    font-size: 20px;
  }

  .main-content-style [class*="videoAgenda-module-title_container"] {
    font-size: 40px;
  }
}

@media (max-width: 768px) {
  .flex-div {
    margin-bottom: 16px !important;
  }
  .main-content-style {
    padding-top: 16px !important;
  }
  .main-content-style [class*="videoContent-module-agendaContainer"] {
    padding: 30px 20px;
    border-radius: 16px;
  }

  .main-content-style
    [class*="videoAgendaSectionItem-module-container"]
    > div:nth-child(1) {
    grid-template-columns: 1fr;
    text-align: left;
    gap: 6px;
    padding-block: 25px;
  }

  .main-content-style
    [class*="videoAgendaSectionItem-module-container"]
    > div:nth-child(1)
    * {
    font-size: 18px;
  }

  .main-content-style [class*="videoAgenda-module-title_container"] {
    font-size: 32px;
  }
}

@media (max-width: 480px) {
  .main-content-style [class*="videoContent-module-agendaContainer"] {
    padding: 25px 15px;
  }

  .main-content-style
    [class*="videoAgendaSectionItem-module-container"]
    > div:nth-child(1)
    * {
    font-size: 16px;
  }

  .main-content-style [class*="videoAgenda-module-title_container"] {
    font-size: 26px;
  }
}

.main-content-style
  [class*="videoContent-module-agendaContainer"]
  [class*="videoContentSchedule-module-container"] {
  display: none;
}

.main-content-style {
  max-width: 1389px !important;
  padding-inline: 0 !important;
}
.main-content-style h1 {
  display: none;
}
.main-content-style [class*="videoContentInformationMeta-module-meta"] {
  display: none;
}
.main-content-style [class*="videoContentActions-module-container"] {
  display: none;
}
.flex-div {
  display: flex;
  gap: 30px;
  margin-bottom: 60px;
}
.flex-div > * {
  width: 50%;
  margin-bottom: 0 !important;
  border-radius: 22px;
  padding: 28px 35px;
}
.flex-div > div {
  background: #2dccd3;
}
.flex-div > section {
  background: #baf6f0;
}
.extra-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.extra-container img {
  max-width: 470px;
}
.flex-div [class*="videoContentInformation-module-description"] {
  font-size: 45px;
  line-height: 51px;
  letter-spacing: -0.96px;
  font-weight: 700;
  color: black;
}

.flex-div [class*="videoContentInformation-module-description"] > :first-child {
  font-size: 48px !important;
  line-height: 48px !important;
  letter-spacing: -0.52px !important;
  font-weight: 600;
  margin-bottom: 24px;
}

.flex-div
  [class*="videoContentInformation-module-description"]
  > :nth-child(2) {
  margin-bottom: 60px;
  font-size: 28px;
  font-weight: 400;
}
.flex-div [class*="videoContentInformation-module-description"] ul {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
}
@media (max-width: 1024px) {
  .flex-div {
    flex-direction: column;
  }

  .flex-div > * {
    width: 100%;
  }

  .extra-container img {
    max-width: 100%;
  }

  .flex-div [class*="videoContentInformation-module-description"] {
    font-size: 32px;
    line-height: 40px;
  }

  .flex-div [class*="videoContentInformation-module-description"] ul {
    font-size: 18px;
    line-height: 26px;
  }
}

@media (max-width: 768px) {
  .flex-div {
    gap: 16px;
    margin-bottom: 40px;
  }

  .flex-div > * {
    padding: 20px 16px;
    border-radius: 16px;
  }

  .flex-div [class*="videoContentInformation-module-description"] {
    font-size: 24px;
    line-height: 32px;
  }

  .flex-div [class*="videoContentInformation-module-description"] ul {
    font-size: 16px;
    line-height: 24px;
  }
}

@media (max-width: 480px) {
  .flex-div > * {
    padding: 16px 12px;
  }

  .flex-div [class*="videoContentInformation-module-description"] {
    font-size: 20px;
    line-height: 28px;
  }

  .flex-div [class*="videoContentInformation-module-description"] ul {
    font-size: 14px;
    line-height: 22px;
  }
}

.countdown-section-style {
  padding: 40px 90px;
  background: black;
  border-radius: 22px;
  max-width: 1389px;
}

.countdown-section-style [class*="videoCountdown-module-title"] {
  display: none;
}

.countdown-section-style [class*="countdown_item"] > :nth-child(1) {
  color: #baf6f0;
  font-size: 84.688px;
  font-weight: 700;
  line-height: 97.391px;
  letter-spacing: -3.388px;
}

.countdown-section-style [class*="countdown_item"] > :nth-child(2) {
  color: #baf6f0;
  font-size: 16.736px;
  font-weight: 400;
  line-height: 23.43px;
  margin-bottom: 20px;
}

.countdown-section-style button {
  border-radius: 100px;
}


@media (max-width: 1440px) {
  .countdown-section-style {
    padding: 40px 20px;
  }
}

@media (max-width: 1024px) {
  .countdown-section-style {
    padding: 30px 20px;
    text-align: center;
  }

  .countdown-section-style [class*="countdown_item"] > :nth-child(1) {
    font-size: 60px;
    line-height: 70px;
    letter-spacing: -2px;
  }

  .countdown-section-style [class*="countdown_item"] > :nth-child(2) {
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  .countdown-section-style {
    padding: 25px 15px;
  }

  .countdown-section-style [class*="countdown_item"] > :nth-child(1) {
    font-size: 42px;
    line-height: 50px;
  }

  .countdown-section-style [class*="countdown_item"] > :nth-child(2) {
    font-size: 12px;
  }
}

@media (max-width: 480px) {
  .countdown-section-style {
    padding: 20px 12px;
  }

  .countdown-section-style [class*="countdown_item"] > :nth-child(1) {
    font-size: 32px;
    line-height: 38px;
    letter-spacing: -1px;
  }

  .countdown-section-style [class*="countdown_item"] > :nth-child(2) {
    font-size: 11px;
    margin-bottom: 12px;
  }
}

.hero-section-style {
  width: 100%;
  max-width: 1389px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding-top: 50px;
  gap: 40px;
}

.hero-section-style .inner-left {
  width: 50%;
}

.hero-section-style .inner-left img {
  max-width: 216px;
  width: 100%;
  height: auto;
  margin-bottom: 60px;
}

.hero-section-style .inner-left h2 {
  font-size: 72px;
  font-weight: 700;
  line-height: 1.1;
  color: black;
  margin-bottom: 14px;
  max-width: 450px;
}

.hero-section-style .inner-left p {
  font-size: 32px;
  line-height: 1.3;
  color: black;
}

.hero-section-style .inner-right {
  display: flex;
}
.hero-section-style .inner-right img {
  max-width: 100%;
  height: auto;
}


@media (max-width: 1024px) {
  .hero-section-style {
    flex-direction: column;
    text-align: center;
  }

  .hero-section-style .inner-left {
    width: 100%;
  }

  .hero-section-style .inner-left h2 {
    font-size: 48px;
    max-width: unset;
  }

  .hero-section-style .inner-left p {
    font-size: 22px;
  }

  .hero-section-style .inner-right img {
    position: static;
  }
}

@media (max-width: 768px) {
  .hero-section-style .inner-left img {
    max-width: 160px;
    margin-bottom: 30px;
  }


  .flex-div
    [class*="videoContentInformation-module-description"]
    > :first-child {
    font-size: 32px !important;
  }

  .hero-section-style .inner-left p {
    font-size: 18px;
  }
}

@media (max-width: 480px) {

  .flex-div
    [class*="videoContentInformation-module-description"]
    > :nth-child(2) {
    font-size: 20px;
    line-height: 20px;
  }

  .flex-div
    [class*="videoContentInformation-module-description"]
    > :first-child {
    font-size: 26px !important;
    line-height: 26px !important;
  }

  .hero-section-style .inner-left p {
    font-size: 16px;
  }
}
@media (max-width: 1440px) {
  [class*="video-module-container"] {
    padding-inline: 15px;
  }
}


.hidden {
  display: none;
}
.set-width {
  max-width: 1100px;
}

button.uikitButtonsButton-module-element-tWqcL.uikitButtonsButton-module-isSizeMedium-UM7ej.uikitButtonsButton-module-isVariantDefault-bS138.uikitButtonsButton-module-isColorPrimary-7-muM {
  background: #f1204a;
}

.info-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2.5rem;
}

.info-card h2 {
  margin-bottom: 16px;
  color: #4a0505;
  font-size: 22px;
  font-weight: 700;
}

.info-card h3 {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 22px;
}

.info-card p {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  margin: 0;
}

.info-card hr {
  margin-top: 20px !important;
}

.info-card ul {
  list-style: none;
  padding: 0;
}

.info-card {
  border: 0.2px solid #000;
  border-radius: 10px;
  padding: 60px;
}

.instructor {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 20px;
}

.instructor-avatar {
  width: 64px;
  height: 64px;
  background: #ff2d55;
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
}

.instructor-info h3,
.instructor-info p {
  margin: 0;
}

@media (max-width: 768px) {
  .info-grid {
    grid-template-columns: 1fr;
  }

  .info-card {
    padding: 30px;
  }
}

.why-section {
  background: #000;
  padding: 80px 60px;
  border-radius: 12px;
  margin-top: 3rem;
}

.why-container {
  max-width: 900px;
}

.why-label {
  color: #ff2d55;
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 24px;
}

.why-title {
  color: white;
  font-size: 28px;
  margin-bottom: 48px;
}

.why-list {
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.why-item {
  display: flex;
  gap: 32px;
  align-items: flex-start;
}

.why-item h3 {
  color: white;
  margin: 0;
  font-size: 22px;
}

.why-item p {
  margin: 0;
  color: white;
  font-size: 18px;
  font-weight: 300;
}

.why-button {
  margin-top: 40px;
}

.register-btn {
  display: inline-block;
  background: #f1204a;
  color: white;
  padding: 6px 40px;
  border-radius: 30px;
  text-decoration: none !important;
  font-weight: 500;
  font-size: 18px;
  transition: 0.3s;
}

.register-btn:hover {
  background: #ff1744;
}

@media (max-width: 768px) {
  .why-button .register-btn {
    font-size: 12px !important;
    text-align: center;
    line-height: 1.4em;
  }
}

.why-icon {
  flex-shrink: 0;
}

.splitrow__column.splitrow__column--inlinefilters {
  display: none;
}

#main.new_webinar_main
  > div.main__header.main__header--events
  > header
  > div
  > h1.u-headingpage,
body.body--logged-out.a11y-nofocus
  main#main.main.main--student.new_webinar_main
  div.main__header.main__header--events
  header.pageheader
  div.pageheader__heading
  h1.u-headingpage {
  visibility: hidden;
  position: relative;
}

#main.new_webinar_main
  > div.main__header.main__header--events
  > header
  > div
  > h1.u-headingpage::after,
body.body--logged-out.a11y-nofocus
  main#main.main.main--student.new_webinar_main
  div.main__header.main__header--events
  header.pageheader
  div.pageheader__heading
  h1.u-headingpage::after {
  content: "See latest webinars on TikTok";
  visibility: visible;
  position: absolute;
  top: 0;
  left: 0;
  color: inherit; /* Match the color of the original text */
  font-size: inherit; /* Match the font size of the original text */
}

/* PT-BR has its own agreed heading; every other locale keeps the English. */
html:lang(pt)
  #main.new_webinar_main
  > div.main__header.main__header--events
  > header
  > div
  > h1.u-headingpage::after,
html:lang(pt)
  body.body--logged-out.a11y-nofocus
  main#main.main.main--student.new_webinar_main
  div.main__header.main__header--events
  header.pageheader
  div.pageheader__heading
  h1.u-headingpage::after {
  content: "Veja os webinars mais recentes do TikTok Academy";
}

#app-locale-trigger {
  color: white;
}
button .menulist__optionname {
  color: white;
}
.menulist__trigger:not(.menulist__trigger--button):hover,
.menulist__trigger:not(.menulist__trigger--button):active {
  background-color: black;
}

#catalog_home_page.main__content.main__content--catalog {
  margin-top: 30px;
  max-width: 1440px;
}

.publiclogin__message {
  display: none;
}

#award_page > div > article > div.award__content.award__content--withbg > p {
  display: none;
}

#main
  > div.js-react-my-learning
  > div:nth-child(2)
  > div
  > div.uikitModalsModal-module-dialog-Gue0n.uikitModalsModal-module-isFluid-VhXLV
  > div
  > div
  > div
  > div.credentialModal-module-header-kItxK
  > div.credentialModal-module-subject-ihtjg {
  display: none;
}

.credentialModal-module-subject-ihtjg {
  display: none;
}

.credentialModal-module-subject-ihtjg:after {
  content: "Achievement Unlocked!";
}

.award__congrats {
  display: none;
}

h3.uikitContentTypo-module-element-rNmnU
  uikitContentTypo-module-isVariantSupport03-pfpmf
  uikitContentTypo-module-isModifierMedium-6TX0U
  profileCredentialsCategoryList-module-title-yx61S {
  display: none;
}

header.profileCredentials-module-header-q-iDq > h2 {
  display: none;
}

header.profileCredentials-module-header-q-iDq h2 {
  display: none;
}

.profileCredentials-module-header-q-iDq:before {
  content: "Achievements";
  font-size: 1.25rem;
}

.profileCredentialsCategoryList-module-category-ovSRK > h3 {
  display: none;
}

div.uikitInsigniasInsignia-module-text-Tq2KF {
  display: none;
}

svg.rating__star {
  max-width: 20px !important;
}

.publiclogin__pageheading {
  display: none;
}
h1.publiclogin__pageheading {
  display: none !important;
}
.publiclogin__pageheading,
h1.publiclogin__pageheading {
  display: none !important;
}

.publiclogin__heading,
.u-headingdialog {
  display: none;
}
.login__form .noresults__heading {
  display: none;
}
.login__form .noresults__text {
  display: none;
}
.noresults__image {
  width: 350px;
  height: unset;
}
.dialog__contentbody .u-headingdialog {
  display: none;
}
.dialog__contentbody svg {
  width: 350px !important;
}
.login__title {
  font-size: 32px;
  font-weight: 500;
  margin-block: 12px;
}

.login__subtitle {
  font-size: 16px;
  max-width: 318px;
  margin: 0 auto;
}
.login__form {
  max-width: 450px !important;
}

.mockup {
  overflow-x: hidden !important;
}

.hero-section {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  min-height: 100vh !important;
  background-color: #000 !important;
  color: #fff !important;
  padding: 0 200px !important;
}

.hero-content {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  padding: 40px !important;
  align-items: flex-start !important;
}

.hero-content h1 {
  font-size: 48px !important;
  line-height: 1.2 !important;
  margin: 0 !important;
}

.hero-content .highlight {
  color: #e81155 !important;
}

.cta-hero {
  background-color: #e81155 !important;
  border: 1px solid #e81155 !important;
  color: #fff !important;
  margin-top: 30px !important;
  padding: 15px 30px !important;
  font-size: 16px !important;
  cursor: pointer !important;
  text-decoration: none !important;
  border-radius: 50px !important;
  display: inline-block !important;
}

.hero-content p {
  font-size: 18px !important;
  margin-top: 20px !important;
}

.cta-button {
  margin-top: 30px !important;
  padding: 15px 30px !important;
  font-size: 16px !important;
  border: none !important;
  color: #fff !important;
  cursor: pointer !important;
  text-decoration: none !important;
  border-radius: 50px !important;
  display: inline-block !important;
}

.hero-video {
  flex: 1 !important;
}

.product-vision {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 100px 400px !important;
  background-color: #fff !important;
  color: #000 !important;
}

.vision-content {
  max-width: 50% !important;
}

.vision-content h2 {
  font-size: 40px !important;
  line-height: 1.2 !important;
  margin-bottom: 20px !important;
  font-weight: 300 !important;
}

.vision-content .highlight {
  color: #ff0050 !important;
}

.vision-content p {
  font-size: 18px !important;
  line-height: 28px !important;
  font-weight: 300 !important;
}

.vision-image {
  max-width: 40% !important;
  display: flex !important;
  justify-content: center !important;
}

.vision-image img {
  width: 100% !important;
  height: auto !important;
  border-radius: 10px !important;
  display: block !important;
}

.creative-section {
  text-align: center !important;
  padding: 100px 400px !important;
  background: #f9f9f9 !important;
}

.creative-section h1 {
  font-size: 4rem !important;
  font-weight: bold !important;
  margin: 0 !important;
}

.creative-section .highlight {
  color: #ff2d55 !important;
}

.creative-section p {
  font-size: 18px !important;
  color: #555 !important;
  margin: 8px 0 !important;
}
.tiktok-one {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 30px !important;
  padding: 100px 400px !important;
}

.tiktok-one-video {
  flex: 1 !important;
  display: flex !important;
  justify-content: center !important;
}

.tiktok-one-content {
  flex: 1 !important;
  text-align: left !important;
}

.tiktok-one-content h2 {
  font-weight: 300 !important;
  font-size: 40px !important;
  margin-bottom: 0 !important;
}

.tiktok-one-content p {
  font-weight: 300 !important;
  color: #555 !important;
  line-height: 1.4 !important;
  margin-top: 8px !important;
}

.waitlist-button {
  display: inline-block !important;
  margin-top: 15px !important;
  padding: 16px !important;
  border: 1px solid black !important;
  color: black !important;
  font-size: 0.9rem !important;
  font-weight: bold !important;
  border-radius: 25px !important;
  text-decoration: none !important;
}
.brand-building {
  text-align: center !important;
  padding: 100px 400px !important;
  background: #f9f9f9 !important;
}

.brand-building h1 {
  font-size: 4rem !important;
  font-weight: bold !important;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}

.brand-building .highlight {
  color: #ff2d55 !important;
}

.brand-building p {
  color: #555 !important;
  margin: 8px auto !important;
  max-width: 600px !important;
}

.brand-solutions {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 30px !important;
  padding: 100px 400px !important;
}

.solutions-content {
  flex: 1 !important;
  text-align: left !important;
}

.solutions-content h2 {
  font-size: 40px !important;
  font-weight: 300 !important;
}

.solutions-subtext {
  padding-left: 18px !important;
  color: #333 !important;
  line-height: 1.5 !important;
  font-weight: 300 !important;
}

.solutions-list {
  padding-left: 18px !important;
  color: #333 !important;
  margin-top: 2px !important;
  font-family: inherit !important;
  font-weight: 300 !important;
}

.solutions-list li {
  margin-block: 4px !important;
}

.solutions-image {
  flex: 1 !important;
  display: flex !important;
  justify-content: center !important;
}

.solutions-image img {
  max-width: 300px !important;
  border-radius: 8px !important;
}
.brand-impact {
  margin: 0 !important;
  padding: 100px 200px !important;
  background: #f9f9f9 !important;
}

.brand-impact-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

.brand-impact-header h2 {
  margin: 0 !important;
  font-size: 24px !important;
  font-weight: bold !important;
}

.cta-button {
  font-size: 14px !important;
  border: 1px solid #ccc !important;
  border-radius: 50px !important;
  cursor: pointer !important;
  background: #fff !important;
  padding: 15px 30px !important;
  text-decoration: none !important;
  color: #000 !important;
  transition: background 0.3s ease !important;
}

.cta-button:hover {
  background: #eaeaea !important;
}

.carousel-container {
  margin-top: 30px !important;
  overflow: hidden !important;
  width: 1200px !important;
  max-width: 100% !important;
  position: relative !important;
}

.carousel-track {
  display: flex !important;
  transition: transform 0.3s ease !important;
  width: 2400px !important;
}

.carousel-item {
  width: 600px !important;
  padding: 20px !important;
  box-sizing: border-box !important;
  background: #fff !important;
  color: #000 !important;
  display: flex !important;
  border-radius: 10px !important;
  transition: transform 0.3s ease !important;
}

.carousel-item:hover {
  transform: scale(1.02) !important;
}

.video-wrapper {
  flex: 1 !important;
  display: flex !important;
  justify-content: center !important;
}

.carousel-text {
  margin-left: 20px !important;
}

.brand-name {
  margin: 0 0 8px 0 !important;
  font-weight: bold !important;
  font-size: 28px !important;
}

.brand-quote {
  font-size: 16px !important;
  margin: 5px 0 0 !important;
}

.carousel-buttons {
  display: flex !important;
  justify-content: flex-end !important;
  margin-top: 20px !important;
}

.carousel-btn {
  background: #fff !important;
  border: 1px solid #ccc !important;
  border-radius: 50% !important;
  width: 40px !important;
  height: 40px !important;
  cursor: pointer !important;
  margin-right: 10px !important;
  transition: background 0.3s ease !important;
}

.carousel-btn:hover {
  background: #eaeaea !important;
}

.section-padding {
  text-align: center !important;
  padding: 80px 10% !important;
}

.main-heading {
  font-size: 4rem !important;
  font-weight: bold !important;
  margin: 0 !important;
}

.highlight-text {
  color: #ff2d55 !important;
}

.subtext {
  color: #555 !important;
  margin: 8px auto !important;
  max-width: 600px !important;
  font-size: 1.2rem !important;
}

.content-section {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 30px !important;
  padding: 100px 10% !important;
  background: #f9f9f9 !important;
}

.content-text {
  flex: 1 !important;
  text-align: left !important;
  max-width: 500px !important;
}

.content-title {
  font-size: 2.5rem !important;
  line-height: 1.2 !important;
  margin: 0 0 20px !important;
  font-weight: 300 !important;
}

.content-description {
  font-size: 1.1rem !important;
  line-height: 1.75 !important;
  font-weight: 300 !important;
  margin: 0 !important;
}

.content-image {
  max-width: 40% !important;
  display: flex !important;
  justify-content: center !important;
}

.content-image img {
  width: 100% !important;
  height: auto !important;
  border-radius: 10px !important;
  display: block !important;
}

.courses {
  background-color: #000 !important;
  color: #fff !important;
  padding: 76px 129px !important;
}
.courses__title {
  margin: 0 auto 54px !important;
  font-size: 60px !important;
  text-align: center !important;
}
.course-card {
  border: 1px solid #fff !important;
  padding: 28px 31px !important;
  max-width: 410px !important;
  border-radius: 20px !important;
}

.course-card__label {
  display: inline-block !important;
  border-radius: 5px !important;
  border: 1px solid #fff !important;
  padding: 10px 16px !important;
  font-size: 14px !important;
}

.course-card__title {
  margin: 37px 0 8px !important;
  color: #fff !important;
  font-size: 28px !important;
  font-weight: 700 !important;
}

.course-card__description {
  font-size: 18px !important;
  margin: 0 0 24px !important;
}

.course__btn {
  background: none !important;
  border: 1px solid !important;
  color: inherit !important;
  cursor: pointer !important;
  text-decoration: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.course-card__button {
  border-radius: 16px !important;
  background: #f1204a !important;
  border: #f1204a !important;
  padding: 10px 16px !important;
  font-size: 14px !important;
}

.courses__action {
  display: flex !important;
  margin: 8px auto 0 !important;
  align-items: center !important;
  justify-items: center !important;
  width: 100% !important;
  justify-content: center !important;
  gap: 8px !important;
}
.courses__carousel {
  width: 100% !important;
  max-width: 1271px !important;
  overflow: hidden !important;
  margin-inline: auto !important;
}

.courses__list {
  display: flex !important;
  transition: transform 0.5s ease !important;
  width: 300% !important;
  gap: 18px !important;
}

@media (max-width: 1024px) {
  .content-section {
    flex-direction: column !important;
    text-align: center !important;
  }

  .content-text {
    text-align: center !important;
    max-width: 100% !important;
  }

  .content-image {
    max-width: 100% !important;
  }
}

@media (max-width: 768px) {
  .section-padding {
    padding: 60px 5% !important;
  }

  .main-heading {
    font-size: 2.5rem !important;
  }

  .subtext {
    font-size: 1rem !important;
  }

  .content-title {
    font-size: 2rem !important;
  }

  .content-description {
    font-size: 1rem !important;
  }

  .cta-button {
    padding: 12px 16px !important;
    font-size: 0.8rem !important;
  }

  .content-section {
    padding: 60px 5% !important;
  }
}

@media (max-width: 480px) {
  div#public-login-dialog .dialog__contentbody svg {
    width: 240px !important;
    height: 125px !important;
  }
  .appheader__titleimage {
    max-width: 90px;
    max-height: 100%;
  }
  .main-heading {
    font-size: 2rem !important;
  }

  .content-title {
    font-size: 1.8rem !important;
  }

  .content-description {
    font-size: 0.95rem !important;
  }

  .cta-button {
    padding: 10px 14px !important;
  }
}

@media (max-width: 1200px) {
  .brand-impact {
    padding: 80px 100px !important;
  }
  .creative-section {
    padding: 80px 200px !important;
  }
  .tiktok-one {
    padding: 80px 200px !important;
  }
  .brand-building {
    padding: 80px 200px !important;
  }
  .brand-solutions {
    padding: 80px 200px !important;
  }
}

@media (max-width: 900px) {
  .hero-section,
  .product-vision {
    flex-direction: column !important;
    text-align: center !important;
    padding: 50px 80px !important;
  }

  .hero-content,
  .vision-content {
    max-width: 100% !important;
    padding: 20px !important;
    align-items: center !important;
  }

  .hero-video {
    margin-top: 20px !important;
  }

  .vision-image {
    max-width: 100% !important;
    margin-top: 20px !important;
  }
  .brand-impact {
    padding: 60px 50px !important;
  }

  .brand-impact-header {
    flex-direction: column !important;
    text-align: center !important;
  }

  .cta-button {
    margin-top: 10px !important;
  }

  .carousel-item {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
  }

  .carousel-text {
    margin-left: 0 !important;
    margin-top: 15px !important;
  }
  .brand-solutions {
    flex-direction: column !important;
    text-align: center !important;
    padding: 60px 100px !important;
  }

  .solutions-content {
    text-align: center !important;
  }

  .solutions-subtext,
  .solutions-list {
    padding-left: 0 !important;
  }

  .solutions-image img {
    max-width: 250px !important;
  }
  .creative-section {
    padding: 60px 100px !important;
  }

  .creative-section h1 {
    font-size: 3rem !important;
  }

  .creative-section p {
    font-size: 16px !important;
  }
  .tiktok-one {
    flex-direction: column !important;
    text-align: center !important;
    padding: 60px 100px !important;
  }

  .tiktok-one-video iframe {
    width: 280px !important;
    height: 450px !important;
  }

  .tiktok-one-content {
    text-align: center !important;
  }
  .brand-building {
    padding: 60px 100px !important;
  }

  .brand-building h1 {
    font-size: 3rem !important;
  }
}

@media (max-width: 600px) {
  .brand-impact {
    padding: 40px 20px !important;
  }

  .brand-impact-header h2 {
    font-size: 20px !important;
  }

  .brand-name {
    font-size: 24px !important;
  }

  .brand-quote {
    font-size: 14px !important;
  }

  .carousel-btn {
    width: 35px !important;
    height: 35px !important;
  }
  .brand-solutions {
    padding: 40px 20px !important;
  }

  .solutions-content h2 {
    font-size: 32px !important;
  }

  .solutions-subtext {
    font-size: 16px !important;
  }

  .solutions-list {
    font-size: 14px !important;
  }

  .solutions-image img {
    max-width: 200px !important;
  }
  .hero-section {
    padding: 30px !important;
  }

  .hero-content h1 {
    font-size: 32px !important;
  }

  .hero-content p,
  .vision-content p {
    font-size: 16px !important;
    line-height: 24px !important;
  }

  .cta-button {
    font-size: 14px !important;
    padding: 12px 24px !important;
  }

  .product-vision {
    padding: 40px 20px !important;
  }

  .creative-section {
    padding: 40px 20px !important;
  }

  .creative-section h1 {
    font-size: 2.5rem !important;
  }

  .creative-section p {
    font-size: 14px !important;
  }

  .tiktok-one {
    padding: 40px 20px !important;
  }

  .tiktok-one-content h2 {
    font-size: 32px !important;
  }

  .tiktok-one-content p {
    font-size: 14px !important;
  }

  .tiktok-one-video iframe {
    width: 100% !important;
    height: auto !important;
  }
  .brand-building {
    padding: 40px 20px !important;
  }

  .brand-building h1 {
    font-size: 2.5rem !important;
  }

  .brand-building p {
    font-size: 14px !important;
  }
}

a[href="/student/videos/on-demand/891"]
  .videosCardContent-module-metaContainer-vk0Cy
  > * {
  display: none;
}
a[href="/student/videos/on-demand/891"]
  .videosCardContent-module-metaContainer-vk0Cy::after {
  content: "From viral Thai dances to unique challenges, we explore how global cultures collide and connect on TikTok.";
  display: block;
  font-size: 14px; /* adjust as needed */
  color: #333;
  padding: 5px 0; /* optional styling */
}

a[href="/student/videos/on-demand/892"]
  .videosCardContent-module-metaContainer-vk0Cy
  > * {
  display: none;
}
a[href="/student/videos/on-demand/892"]
  .videosCardContent-module-metaContainer-vk0Cy::after {
  content: "In the first of our 'Get Creative' series, discover TikTok Creative Center, our ultimate resource for demystifying what's trending on TikTok!";
  display: block;
  font-size: 14px;
  color: #333;
  padding: 5px 0;
}

a[href="/student/videos/on-demand/893"]
  .videosCardContent-module-metaContainer-vk0Cy
  > * {
  display: none;
}
a[href="/student/videos/on-demand/893"]
  .videosCardContent-module-metaContainer-vk0Cy::after {
  content: "Symphony Assistant is an all-new AI production tool for brands to generate video content for Tiktok with minimal inputs.";
  display: block;
  font-size: 14px;
  color: #333;
  padding: 5px 0;
}

.coursepage
  article.coursepage__contentmain.course
  .collapsible
  ul.cardgrid
  .truncate__lastline--truncated:after {
  display: none;
}
.coursepage
  article.coursepage__contentmain.course
  .collapsible
  ul.cardgrid
  span.truncate__overflow {
  display: block;
}
.coursepage
  article.coursepage__contentmain.course
  .collapsible
  ul.cardgrid
  .activitycard__name {
  height: auto;
  max-height: 100%;
}
.coursepage article.coursepage__contentmain.course p.summary {
  line-height: 20px;
  margin-bottom: 0;
  margin-top: 10px;
  font-weight: 100;
  font-size: 14px;
  color: #7e7a7a;
  letter-spacing: 0.5px;
}
[data-controller="catalogs"] .appfooter__link.appfooter__link--poweredby {
  display: none;
}
div#public-login-dialog .dialog__contentbody svg {
  height: 130px !important;
}
.testing .cardgrid__item {
  width: 100%;
  border: 1px solid #00000029;
  border-radius: 12px;
  padding: 10px;
}
.testing .double_click_protection {
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 24px;
}
.testing .activitycard__imagecontainer {
  max-width: 220px;
  border-radius: 8px;
  overflow: hidden;
}
.custom-sectionz {
  max-width: 1100px;
  margin: 0 auto;
}

.custom-section {
  display: flex;
  width: 100%;
  max-width: 1400px;
  margin: 24px auto;
  padding: 64px 54px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  background: #edbbe8;
  border-radius: 16px;
  box-sizing: border-box;
}

.custom-section__header {
  display: flex;
  width: 100%;
  padding-bottom: 27.778px;
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
  border-bottom: 1px solid rgba(0, 0, 0, 0.35);
  box-sizing: border-box;
}

.custom-section__heading {
  margin: 0;
  color: #000;
  font-family: "TikTok Sans Display", "TikTok Sans", sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -0.64px;
}

.custom-section__subheading {
  margin: 12px 0 0;
  color: #000;
  font-family: "TikTok Sans Display", "TikTok Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.custom-section .custom-card-grid {
  width: 100%;
  margin-top: 40px;
}

.custom-card {
  display: flex;
  padding: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  background: #fff;
  border-radius: 24px;
  box-sizing: border-box;
}

.custom-card__imagewrap {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  aspect-ratio: 5 / 3;
  border-radius: 16px;
  overflow: hidden;
}

.custom-card__imagering {
  display: block;
  width: 52%;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  overflow: hidden;
  box-shadow:
    0 0 0 3px rgba(255, 255, 255, 0.6),
    0 0 0 8px rgba(255, 255, 255, 0.2);
}

.custom-card__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.custom-card__replays {
  position: absolute;
  top: 50%;
  right: 14px;
  transform: translateY(-50%) rotate(180deg);
  writing-mode: vertical-rl;
  color: rgba(255, 255, 255, 0.75);
  font-family: "TikTok Sans Display", "TikTok Sans", sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  white-space: nowrap;
}

.custom-card__hashtag {
  position: absolute;
  left: 14px;
  bottom: 14px;
  background: #fff;
  color: #000;
  font-family: "TikTok Sans Display", "TikTok Sans", sans-serif;
  font-size: 13px;
  font-weight: 600;
  padding: 6px 14px;
  border-radius: 999px;
}

.custom-card__title {
  margin: 0;
  color: #000;
  font-family: "TikTok Sans Display", "TikTok Sans", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 100%;
}

.custom-card__watchnow {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #000;
  font-family: "TikTok Sans Display", "TikTok Sans", sans-serif;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
}

.custom-card__watchnow svg {
  flex-shrink: 0;
}

@media (max-width: 768px) {
  .custom-section {
    padding: 32px 20px;
  }
  .custom-section__header {
    flex-direction: column;
  }
}
.testing .activitycard__textcontainer {
  width: 100%;
}
@media (max-width: 768px) {
  .testing .activitycard__imagecontainer {
    max-width: unset;
  }
  .testing .double_click_protection {
    flex-direction: column;
  }
}

@media screen and (min-width: 480px) {
  .media-certificate-desktop-img {
    display: block;
  }
  .media-certificate-mobile-img {
    display: none;
  }
}
@media screen and (max-width: 479px) {
  .media-certificate-desktop-img {
    display: none;
  }
  .media-certificate-mobile-img {
    display: block;
  }
}
.appfooter__link {
  display: none;
}
.uikitGridsColumn-module-element-eR0IY
  .uikitInsigniasInsignia-module-text-Tq2KF {
  display: block;
}
.custom-appended-message {
  display: flex;
  margin-top: 2px !important;
  align-items: flex-start !important;
}

.tta-cta-section {
  padding: 40px 48px 60px;
  max-width: 1100px;
  margin-inline: auto;
  text-align: center;
}

.tta-cta__title {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 10px;
  color: #000;
}

.tta-cta__desc {
  font-size: 15px;
  color: #555;
  margin-bottom: 20px;
}

.tta-cta__btn {
  display: inline-block;
  background: #f1204a;
  color: #fff;
  padding: 10px 24px;
  border-radius: 100px;
  font-size: 15px;
  text-decoration: none;
  transition: background 0.2s ease;
}

.tta-cta__btn:hover {
  background: #d41f46;
  color: #fff;
  text-decoration: none;
}

.new_banner--featured {
  min-height: 240px;
  padding: 36px 48px;
  border-radius: 12px;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  box-sizing: border-box;
}

.new_banner--featured .content-side {
  position: relative;
  z-index: 1;
  max-width: 55%;
  flex-shrink: 0;
}

.new_banner--featured .image-side {
  position: relative;
  z-index: 1; 
  max-width: 40%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.new_banner--featured .image-side img {
  max-width: 100%;
  height: auto;
  display: block;
}

.new_banner--featured .banner_title {
  color: #000;
  font-size: clamp(1.5rem, 2.8vw, 2.2rem);
  font-weight: 800;
  line-height: 1.2;
  margin: 0 0 10px;
}

.new_banner--featured .banner_desc {
  color: #fff;
  font-size: 14px;
  margin: 0 0 16px;
  line-height: 1.4;
  font-weight: 500;
  max-width: 420px;
}

.banner_bullets {
  list-style: none;
  padding: 0;
  margin: 0 0 20px;
}

.banner_bullet {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #000;
  font-size: 1rem;
  padding: 4px 0;
  line-height: 1.4;
  font-weight: 500;
}

.banner_bullet .tick-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.banner_cta {
  display: inline-block;
  background: #f1204a;
  color: #fff !important;
  padding: 13px 40px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 18px;
  text-decoration: none !important;
  margin-bottom: 12px;
  transition: background 0.2s;
}

.banner_cta:hover {
  background: #d91f43 !important;
  color: #fff !important;
}

.banner_footer_note {
  color: #000;
  font-size: 1rem;
  margin: 0;
  font-weight: 500;
}

.bb-watermarks {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 0 24px;
  pointer-events: none;
  z-index: 0;
}

.bb-watermarks span {
  display: block;
  flex-shrink: 0;
}

.bb-watermarks span svg {
  width: 100%;
  height: auto;
  display: block;
}
@media (max-width:1200px) {
  .new_banner--featured {
    flex-direction: column;
  }
}
@media (max-width: 768px) {
  .new_banner--featured {
    padding: 28px 24px;
  }

  .new_banner--featured .content-side {
    max-width: 100%;
  }

  .new_banner--featured .image-side {
    max-width: 100%;
    justify-content: center;
  }

  .bb-watermarks {
    display: none;
  }
}

.creative_hub .pageoutline,
.creative_hub .page__metaratings,
.creative_hub .pgheading__actions,
.creative_hub .pgheading__meta.activitymeta {
  display: none;
}
.creative_hub {
  padding: 0;
}
.creative_hub header.page__header {
  max-width: 100%;
  margin: 0;
  padding-inline: clamp(20px, calc(-110px + 17vw), 140px);
  background-image: none !important;
  background-color: #033624 !important;
}
.creative_hub h1.banner_title,
.creative_hub .banner_desc {
  color: #ffffff !important;
  margin-bottom: 20px;
  max-width: 800px;
}

.creative_hub .new_banner--featured {
  padding-left: 0;
  padding-right: 0;
}

.creative_hub .new_banner--featured .image-side {
  flex-shrink: 1;
  min-width: 0;
}
.creative_hub .new_banner--featured .content-side {
  min-width: 0;
}

.creative_hub .banner_bullets {
  display: flex;
  flex-direction: row;
  gap: 32px;
  list-style: none;
  padding: 0;
  margin-top: 28px;
  flex-wrap: wrap;
}
@media (max-width: 1496px) and (min-width: 1174px) {
  .creative_hub .new_banner--featured .image-side {
    max-width: 38%;
  }
  .creative_hub .new_banner--featured .content-side {
    max-width: 58%;
  }
}
@media (max-width: 1173px) {
  .creative_hub .new_banner--featured .image-side {
    max-width: 35%;
  }
  .creative_hub .new_banner--featured .content-side {
    max-width: 60%;
  }
}
@media (max-width: 768px) {
  .creative_hub header.page__header {
    padding-inline: 20px;
  }
  .creative_hub .banner_bullets {
    flex-direction: column !important;
    gap: 16px !important;
  }
  .creative_hub .new_banner--featured {
    padding-bottom: 0;
  }
  .creative_hub .new_banner--featured .content-side {
    max-width: 100%;
  }
  .creative_hub .new_banner--featured .image-side {
    max-width: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
  }
  .creative_hub .new_banner--featured .image-side img {
    width: auto;
    max-width: 280px;
    height: auto;
    display: block;
  }
}

.creative_hub_page .ch-paths-section {
  padding: 64px clamp(20px, calc(-110px + 17vw), 140px);
}

.creative_hub_page .ch-paths__heading {
  font-size: 32px;
  font-weight: 500;
  color: #000;
  margin: 0 0 20px;
  line-height: 1.2;
  letter-spacing: -0.84px;
}

.creative_hub_page .ch-paths__rule {
  border: none;
  border-top: 1.5px solid #000000;
  margin: 0 0 32px;
}

.creative_hub_page .ch-paths__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.creative_hub_page .ch-path-card {
  background: #fff;
  border-radius: 20px;
  border: 1px solid rgba(0, 0, 0, 0.32);
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.creative_hub_page .ch-path-card__title {
  font-size: 24px;
  font-weight: 600;
  color: #000;
  margin: 0;
  line-height: 1.2;
}

.creative_hub_page .ch-path-card__desc {
  font-size: 17px;
  color: #000000;
  line-height: 1.5;
  margin: 0;
  font-family: "TikTok Sans";
  font-weight: 300;
  line-height: 24px;
  letter-spacing: -0.16px;
  font-optical-sizing: auto;
}

.creative_hub_page .ch-path-card__media {
  flex: 1;
}

.creative_hub_page .ch-path-card__img {
  width: 100%;
  height: auto;
  border-radius: 12px;
  display: block;
  object-fit: cover;
}

.creative_hub_page .ch-path-card__img-placeholder {
  width: 100%;
  height: auto;
  border-radius: 12px;
  background: #e8e8e8;
}

.creative_hub_page .ch-path-card__btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #f1204a;
  color: #fff !important;
  padding: 12px 28px;
  border-radius: 50px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none !important;
  transition: background 0.2s;
  align-self: flex-start;
  font-family: "TikTok Sans";
}
.creative_hub_page .ch-path-card__btn:hover {
  background: #d91f43 !important;
}
.creative_hub_page .ch-path-card__btn-icon {
  height: 10px;
  width: auto;
  flex-shrink: 0;
  display: block;
}

.creative_hub_page .ch-webinars-section {
  background: #e7d1af;
  padding: 72px 40px;
  overflow: hidden;
  margin: 0 clamp(0px, calc(-50px + 10vw), 100px) 40px;
  border-radius: 14px;
}
.creative_hub_page .ch-webinars-section .webinar-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 20px;
  border-bottom: 1px solid #000;
  margin-bottom: 48px;
}
.creative_hub_page .ch-webinars-section .webinar-heading__left {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.creative_hub_page .ch-webinars-section .webinar-heading h2 {
  font-size: 32px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.84px;
  color: #000000;
  margin: 0;
}
.creative_hub_page .ch-webinars-section .webinar-subtitle {
  font-size: 17px;
  color: #000000;
  margin: 0;
  font-family: "TikTok Sans";
  font-weight: 300;
}
.creative_hub_page .ch-webinars-section .webinar-arrows {
  display: flex;
  gap: 16px;
}
.creative_hub_page .ch-webinars-section .arrow-btn {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  border: 1px solid #000;
  background: transparent;
  cursor: pointer;
  font-size: 24px;
  transition: background 0.3s;
}
.creative_hub_page .ch-webinars-section .arrow-btn:hover {
  background: rgba(0, 0, 0, 0.08);
}
.creative_hub_page .ch-webinars-section .webinar-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  padding: 4px 0 12px;
}
.creative_hub_page .ch-webinars-section .webinar-card {
  flex: 0 0 calc(33.333% - 11px);
  min-width: calc(33.333% - 11px);
  background: #fff;
  border-radius: 20px;
  padding: 30px 25px;
  display: flex;
  flex-direction: column;
  scroll-snap-align: start;
  overflow: hidden;
}
.creative_hub_page .ch-webinars-section .webinar-card img {
  width: 100%;
  display: block;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: 12px;
}
.creative_hub_page .ch-webinars-section a.webinar-tag:hover {
  opacity: 0.8;
}
.creative_hub_page .ch-webinars-section .webinar-tag {
  display: inline-block;
  padding: 2px 20px;
  border-radius: 30px;
  font-size: 9px;
  font-weight: 700;
  color: white;
  align-self: flex-start;
  margin-top: 20px;
  letter-spacing: 1px;
  font-family: "TikTok Sans";
  font-weight: 900;
}
.creative_hub_page .ch-webinars-section .webinar-card h4 {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.4px;
  margin-top: 20px;
  color: black;
  flex: 1;
  font-family: "TikTok Sans";
}
.creative_hub_page .ch-webinars-section .webinar-card a:not(.webinar-tag) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 16px;
  border: 1px solid #121212;
  border-radius: 100px;
  color: #121212 !important;
  font-size: 12px;
  font-weight: 500;
  margin-top: 10px;
  align-self: flex-start;
  text-decoration: none !important;
  transition:
    background 0.2s,
    color 0.2s;
  font-family: "TikTok Sans";
}
.creative_hub_page
  .ch-webinars-section
  .webinar-card
  a:not(.webinar-tag):hover {
  background: #f1204a;
  color: #fff !important;
  border-color: #f1204a;
}
.creative_hub_page .ch-webinars-section .webinar-card a.webinar-tag {
  text-decoration: none !important;
  border: none !important;
  cursor: pointer;
}

@media (max-width: 900px) {
  .creative_hub_page .ch-webinars-section {
    margin-inline: 16px;
    padding-inline: 24px;
  }
  .creative_hub_page .ch-webinars-section .webinar-card {
    flex: 0 0 calc(50% - 8px);
    min-width: calc(50% - 8px);
  }
}
@media (max-width: 768px) {
  .creative_hub_page .ch-paths-section {
    padding: 20px;
  }
  .creative_hub_page .ch-paths__grid {
    grid-template-columns: 1fr;
  }
  .creative_hub_page .ch-webinars-section {
    padding: 48px 20px;
    margin-inline: 0;
    border-radius: 0;
  }
  .creative_hub_page .ch-webinars-section .webinar-heading {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 28px;
  }
  .creative_hub_page .ch-webinars-section .webinar-heading h2 {
    font-size: 26px;
  }
  .creative_hub_page .ch-webinars-section .webinar-subtitle {
    font-size: 15px;
  }
  .creative_hub_page .ch-webinars-section .arrow-btn {
    width: 40px;
    height: 40px;
    font-size: 18px;
  }
  .creative_hub_page .ch-webinars-section .webinar-card {
    flex: 0 0 100%;
    min-width: 0;
  }
}
@media (max-width: 480px) {
  .creative_hub_page .ch-webinars-section {
    padding: 36px 16px;
  }
  .creative_hub_page .ch-webinars-section .webinar-heading h2 {
    font-size: 22px;
  }
  .creative_hub_page .ch-webinars-section .webinar-heading {
    margin-bottom: 24px;
  }
  .creative_hub_page .ch-webinars-section .webinar-card {
    padding: 20px 16px;
  }
}
@keyframes ch-wskel-shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.creative_hub_page .webinar-skeleton-card {
  flex: 0 0 calc(33.333% - 11px);
  min-width: calc(33.333% - 11px);
  background: #fff;
  border-radius: 20px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.creative_hub_page .wskel-img {
  height: 180px;
  border-radius: 12px;
}
.creative_hub_page .wskel-tag {
  height: 20px;
  width: 70px;
  border-radius: 999px;
}
.creative_hub_page .wskel-title {
  height: 16px;
  width: 90%;
  border-radius: 4px;
}
.creative_hub_page .wskel-title--short {
  width: 60%;
}
.creative_hub_page .wskel-btn {
  height: 36px;
  width: 120px;
  border-radius: 999px;
  margin-top: 4px;
}
.creative_hub_page .wskel-img,
.creative_hub_page .wskel-tag,
.creative_hub_page .wskel-title,
.creative_hub_page .wskel-btn {
  background: linear-gradient(90deg, #e8e8e8 25%, #f5f5f5 50%, #e8e8e8 75%);
  background-size: 800px 100%;
  animation: ch-wskel-shimmer 1.4s infinite linear;
}
.creative_hub_page .ch-banner-logo {
  margin-bottom: 14px !important;
}


.catalogcard__content--event .catalogcard__actions a {
  padding: 12px 16px;
  border-radius: 100px;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}

.section-hide {
  display: none;
}

.section-wrapper {
  max-width: 1400px;
  margin-inline: auto;
}

@media (min-width: 1024px) {
  #catalog_home_page .main__content {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
}

.learning-paths-section .catalogcards__headertext {
  width: 100%;
}
.learning-paths-section .u-headingsection {
  font-size: 42px;
  font-weight: 500;
  line-height: 100%;
  color: black;
  letter-spacing: -0.84px;
  padding-bottom: 28px;
  margin-bottom: 28px;
  border-bottom: 1px solid black;
}
.learning-paths-section .catalogcards__description {
  display: none;
}
.learning-paths-section .catalogcards__listitem {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.learning-path-inner {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  color: black;
}
.learning-path-content .learning-path-title {
  font-size: 28px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.56px;
}
.learning-path-content .learning-path-description {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  margin-bottom: 0;
}
.learning-path-content .learning-path-btn {
  padding: 12px 16px;
  color: white;
  background: #f1204a;
  border-radius: 100px;
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
  max-width: fit-content;
}
.learning-path-content .learning-path-btn:hover {
  text-decoration: none;
}

.lp-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
  margin-bottom: 20px;
}
.lp-tag {
  display: inline-block;
  padding: 4px 10px;
  border: none;
  border-radius: 5px;
  font-size: 8px;
  font-weight: 600;
  letter-spacing: 0.5px;
  color: #4a0505;
  background: #edd4b2;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
  text-decoration: none;
  line-height: 1.6;
  transition:
    background 0.2s ease,
    color 0.2s ease;
}
.lp-tag:hover {
  text-decoration: none;
}

.catalogcards__listitem img {
  border-radius: 20px;
}

.webinar-section .catalogcards__header,
.webinar-section .catalogcards__scrollcontainer {
  max-width: 1400px;
  margin: 0 auto;
}
.webinar-section .catalogcards__headertext {
  width: 100%;
}
.webinar-section .catalogcards__heading {
  font-size: 42px;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: -0.84px;
  color: black;
}
.webinar-section .catalogcards__description,
.webinar-section .catalogcards__footer {
  display: none;
}
.webinar-section .catalogcards__listitem {
  display: flex;
  flex-direction: column;
}
.catalogcards__listitem .catalogcard--event {
  background: white;
  border-radius: 20px;
  padding: 20px;
  border: none;
  display: flex;
  flex-direction: column;
  height: 100%;
  box-sizing: border-box;
}
.webinar-section .catalogcard__content--event {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.catalogcards__listitem .catalogcard--event .catalogcard__heading {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.4px;
  color: black;
  margin-bottom: 16px;
}
.catalogcards__listitem .catalogcard--event .catalogcard__actionsbutton {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 6px 12px !important;
  border: 1px solid #000 !important;
  border-radius: 100px !important;
  color: black !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  background: transparent !important;
  align-self: flex-start !important;
  text-decoration: none !important;
  width: auto !important;
  min-width: unset !important;
  opacity: 1 !important;
  cursor: pointer !important;
}
.catalogcards__listitem
  .catalogcard--event
  .catalogcard__actionsbutton:hover:not([disabled]) {
  background: #f1204a !important;
  color: white !important;
  border-color: #f1204a !important;
  text-decoration: none !important;
}
.webinar-section .catalogcard__heading a,
.webinar-section .catalogcard__heading a:visited {
  color: black;
  text-decoration: none;
}
.webinar-section .catalogcard__heading a:hover {
  text-decoration: none;
}
.webinar-section .catalogcard__actions {
  margin-top: auto;
  margin-bottom: 20px;
}
.webinar-section .custom-webinar-image {
  width: 100%;
  height: 220px;
  object-fit: cover;
  border-radius: 16px;
  margin-top: 24px;
  display: block;
}
.catalogcards__listitem .catalogcard--event .catalogcard__time {
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.webinar-section .catalogcards__headertext {
  border-bottom: 1px solid black;
  margin-bottom: 48px;
  padding-bottom: 28px;
}
.webinar-section .catalogcard__content--event .catalogcard__actions a {
  padding: 6px 12px;
  border-radius: 100px;
  font-size: 12px;
  font-weight: 500;
  line-height: normal;
}

@media (max-width: 768px) {
  .webinar-section .catalogcards__headertext {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  .webinar-section .catalogcards__listitem {
    flex: 0 0 48% !important;
    min-width: 48% !important;
  }
}
@media (max-width: 430px) {
  .webinar-section .catalogcards__listitem {
    flex: 0 0 100% !important;
    min-width: 100% !important;
  }
}

.top-webinar-banner {
  width: 100%;
  background: #f1204a;
  padding: 14px 20px;
  position: relative;
  z-index: 999999;
  display: block !important;
}
.top-webinar-banner-inner {
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.banner-content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
}
.banner-label,
.banner-text,
.banner-link {
  color: #fff;
  font-size: 14px;
}
.banner-text {
  font-weight: 700;
}
.banner-link {
  text-decoration: underline;
}
.banner-close {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  border: none;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
}
@media (max-width: 768px) {
  .top-webinar-banner {
    padding: 12px 40px 12px 16px;
  }
  .banner-content {
    justify-content: center;
    text-align: center;
    gap: 8px;
  }
  .banner-label,
  .banner-text,
  .banner-link {
    font-size: 12px;
  }
  .banner-link {
    width: 100%;
    text-align: center;
  }
}

.hero-container {
  display: none;
}

/* 1400px of banner plus a 30px gutter each side, so the banner never touches
   the edges of a window narrower than that. */
.video-container {
  max-width: 1460px;
  padding-inline: 30px;
  box-sizing: border-box;
  background: transparent;
  line-height: 0;
  font-size: 0;
  position: relative;
  padding-top: 64px;
  padding-bottom: 64px;
  margin: auto;
 margin-top:30px;
}
.video-container > * {
  width: 100%;
  display: block;
}
.video-container .hero {
  border-radius: 20px;
  overflow: hidden;
}
.video-container .hero-overlay {
  position: absolute;
  top: 66%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding-inline: 20px;
  text-align: center;
  color: #fff;
  z-index: 10;
  line-height: normal;
  font-size: 16px;
}
.video-container .hero-overlay p {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
  margin: 0 0 24px;
  color: #fff;
}
.video-container .hero-overlay .register-now {
  display: inline-block;
  padding: 12px 28px;
  background: #f1204a;
  color: #fff;
  border-radius: 100px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
}
.video-container .hero-overlay .register-now:hover {
  background: #d0153e;
  text-decoration: none;
}
.video-container .hero-overlay .hero-subtext {
  display: block;
  font-size: 15px;
  font-weight: 400;
  color: #fff;
  margin-top: 16px;
  line-height: 1.5;
}
@media (max-width: 480px) {
  .video-container {
    padding-inline: 16px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .video-container .hero {
    border-radius: 12px;
    min-height: 480px;
    position: relative !important;
    overflow: hidden;
  }
  .video-container .hero .hero__link,
  .video-container .hero picture.hero__image {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
  }
  .video-container .hero img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
  .video-container .hero-overlay p {
    font-size: 15px;
    margin-bottom: 16px;
  }
  .video-container .hero-overlay .register-now {
    padding: 10px 22px;
    font-size: 14px;
    marin-top: 35px !important;
  }
  .video-container .hero-overlay .hero-subtext {
    font-size: 12px;
    margin-top: 10px;
  }
}
/* Tablet / small window (the desktop banner image, 1100x400, is still in use
   here). The banner shrinks with the window, so the button and the line under
   it shrink with it and stay at the same spot on the picture — about 72% down —
   instead of running off the bottom. top = the 64px padding above the banner
   + 72% of the banner's height, which is 400/1100 of its width. */
@media (min-width: 481px) and (max-width: 1100px) {
  .video-container .hero-overlay {
    top: calc(64px + (100vw - 60px) * 0.262);
  }
  .video-container .hero-overlay .register-now {
    padding: clamp(5px, 1.1vw, 12px) clamp(12px, 2.5vw, 28px);
    font-size: clamp(11px, 1.45vw, 16px);
  }
  .video-container .hero-overlay .hero-subtext {
    margin-top: clamp(4px, 1.45vw, 16px);
    font-size: clamp(10px, 1.36vw, 15px);
  }
}

.learing-path-container {
  padding: 64px 0 0;
}
.learing-path-container h3 {
  font-size: 42px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.84px;
  color: black;
  padding-bottom: 28px;
  border-bottom: 1px solid black;
}
.mobile-br {
  display: none;
}

.learing-path-container .flex-div {
  display: flex;
  gap: 32px;
  margin-top: 70px;
  margin-bottom: 0 !important;
}
.learing-path-container .flex-div > * { 
  border-radius: unset !important;
  padding: 0 !important;
  background: none !important;
}
.learing-path-container .flex-div .flex-div-inner  {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
 

.flex-div-inner {
  width: 50%;
}
.flex-div-inner img {
  width: 100%;
  display: block;
}
.flex-div-inner h4 {
  font-family: "TikTok Sans Display", "TikTok Sans", sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 110%;
  letter-spacing: -0.56px;
  color: #000;
  margin-bottom: 12px;
}
.flex-div-inner p {
  font-family: "TikTok Sans Display", "TikTok Sans", sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
  letter-spacing: -0.16px;
  color: #000;
  margin-bottom: 24px;
}
.learing-path-container .flex-div-inner h4 {
  color: #000;
}
.learing-path-container .flex-div-inner h4 .buying-expert {
  color: #f1204a;
  font-weight: 700;
}
.learing-path-container .flex-div-inner h4 .creative-expert {
  color: #2dccd3;
  font-weight: 700;
}
.learing-path-container .flex-div-inner p {
  color: #000;
}
.flex-div-inner a:not(.lp-tag) {
  padding: 12px 28px;
  color: white;
  background: #f1204a;
  border-radius: 100px;
  font-size: 16px;
  font-weight: 600;
  display: inline-block;
  margin-bottom: 32px;
}
.flex-div-inner a:not(.lp-tag):hover {
  text-decoration: none;
}

.webinars-container {
  background: #e7d1af;
  padding: 72px 0;
  overflow: hidden;
}
.webinar-heading-wrapper {
  padding-bottom: 0;
}
.webinar-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 28px;
  border-bottom: 1px solid #000;
  margin-bottom: 48px;
}
.webinar-heading h3 {
  font-size: 42px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.84px;
  color: black;
}
.webinar-arrows {
  display: flex;
  gap: 16px;
}
.webinar-arrows--bottom {
  display: none;
}
.arrow-btn {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  border: 1px solid #000;
  background: transparent;
  color: #000;
  cursor: pointer;
  font-size: 24px;
  transition: 0.3s;
  -webkit-appearance: none;
}
.arrow-btn:hover {
  background: #000;
  color: white;
}
.webinar-slider-wrapper {
  max-width: 1400px;
  margin-inline: auto;
}
.webinar-cards {
  display: flex;
  gap: 16px;
  overflow-x: auto;
  scroll-behavior: smooth;
  padding-bottom: 10px;
  scroll-snap-type: x mandatory;
}
.webinar-cards::-webkit-scrollbar {
  display: none;
}
.webinar-card {
  flex: 0 0 calc(25% - 12px);
  min-width: calc(25% - 12px);
  max-width: calc(25% - 12px);
  background: #fff;
  border-radius: 20px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  scroll-snap-align: start;
}
.webinar-tag {
  display: inline-block;
  padding: 0 12px;
  border-radius: 100px;
  font-size: 12px;
  font-weight: 800;
  color: white;
  margin-bottom: 16px;
  align-self: flex-start;
  text-decoration: none !important;
}
a.webinar-tag:hover,
a.webinar-tag:focus,
a.webinar-tag:visited {
  text-decoration: none !important;
}
.webinar-date {
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.webinar-card h4 {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.4px;
  margin-bottom: 16px;
  color: black;
}
.webinar-card a:not(.webinar-tag) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 12px;
  border: 1px solid #000;
  border-radius: 100px;
  color: black;
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 20px;
  margin-top: auto;
  align-self: flex-start;
  text-decoration: none !important;
}
.webinar-card a:not(.webinar-tag):hover {
  text-decoration: none;
  color: white;
  background: #f1204a;
}
.webinar-card img {
  width: 100%;
  display: block;
  border-radius: 12px;
}

.video-series-container {
  text-align: center;
  color: white;
}
.video-series-container .section-wrapper {
  background: #033624;
  border-radius: 14px;
  padding: 64px 92px;
}
.video-series-container h2 {
  font-size: 42px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  letter-spacing: -0.84px !important;
  margin-bottom: 18px !important;
  font-family: "TikTok Sans", sans-serif !important;
}
.video-series-container > .section-wrapper > p {
  font-size: 18px !important;
  line-height: 1.4 !important;
  max-width: 550px;
  margin-inline: auto;
  margin-bottom: 64px;
  letter-spacing: 0 !important;
  font-family: "TikTok Sans", sans-serif !important;
  font-weight: 300;
}
.flex-three {
  display: flex;
  gap: 20px;
  text-align: left;
}
.flex-three-inner {
  display: flex;
  flex-direction: column;
  gap: 22px;
  flex: 1;
}
.flex-three-inner img {
  width: 100%;
  display: block;
}
.flex-three-inner h3 {
  font-size: 22px !important;
  font-weight: 500 !important;
  line-height: 1.1 !important;
  letter-spacing: -0.44px !important;
  font-family: "TikTok Sans", sans-serif !important;
  margin: 0 !important;
}
.flex-three-inner p {
  font-size: 16px !important;
  font-weight: 300 !important;
  line-height: 24px !important;
  margin: 0;
  letter-spacing: 0 !important;
  font-family: "TikTok Sans", sans-serif !important;
  margin-bottom: 0 !important;
}
.flex-three-inner a {
  padding: 12px 16px;
  border-radius: 100px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  background: #fff;
  max-width: fit-content;
  color: black;
  text-decoration: none !important;
  margin-top: auto;
  letter-spacing: 0 !important;
  font-family: "TikTok Sans", sans-serif !important;
}
.flex-three-inner a:hover {
  text-decoration: none;
  background: #f1204a;
  color: white;
}

@keyframes wskel-shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.webinar-skeleton-card {
  flex: 0 0 320px;
  min-width: 320px;
  background: #fff;
  border-radius: 16px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}
.wskel-img {
  height: 180px;
  border-radius: 12px;
}
.wskel-tag {
  height: 20px;
  width: 70px;
  border-radius: 999px;
}
.wskel-date {
  height: 14px;
  width: 60px;
  border-radius: 4px;
}
.wskel-title {
  height: 16px;
  width: 90%;
  border-radius: 4px;
}
.wskel-title--short {
  width: 60%;
}
.wskel-btn {
  height: 36px;
  width: 120px;
  border-radius: 999px;
  margin-top: 4px;
}
.wskel-img,
.wskel-tag,
.wskel-date,
.wskel-title,
.wskel-btn {
  background: linear-gradient(90deg, #e8e8e8 25%, #f5f5f5 50%, #e8e8e8 75%);
  background-size: 800px 100%;
  animation: wskel-shimmer 1.4s infinite linear;
}
.webinar-cards:has(.webinar-skeleton-card) {
  display: flex;
  gap: 16px;
  overflow-x: auto;
  scrollbar-width: none;
  padding: 8px 4px;
}
.webinar-cards:has(.webinar-skeleton-card)::-webkit-scrollbar {
  display: none;
}

@media (max-width: 1460px) {
  .section-wrapper {
    padding-inline: 30px;
  }
  .webinar-slider-wrapper {
    padding-inline: 30px;
  }
  .video-series-container {
    padding-inline: 30px;
  }
}

@media (max-width: 1024px) {
  .learing-path-container h3,
  .webinar-heading h3,
  .video-series-container h2 {
    font-size: 36px;
  }
  .learing-path-container .flex-div {
    gap: 24px;
  }
  .flex-div-inner h4 {
    font-size: 22px;
  }
  .webinar-card {
    min-width: 300px;
    max-width: 300px;
  }
  .video-series-container .section-wrapper {
    padding: 40px;
  }
  .flex-three {
    gap: 16px;
  }
}

@media (max-width: 768px) {
  .mobile-block {
    display: block;
  }
  .mobile-br {
    display: inline;
  }

  .learing-path-container {
    padding: 40px 0;
  }
  .learing-path-container h3 {
    font-size: 30px;
  }
  .learing-path-container .flex-div {
    flex-direction: column;
    margin-top: 40px;
  }
  .flex-div-inner {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .flex-div-inner img {
    order: -1;
    margin-bottom: 16px;
  }
  .learing-path-container .flex-div-inner h4 {
    margin-bottom: 16px;
  }
  .flex-div-inner a:not(.lp-tag) {
    align-self: flex-start;
  }

  .webinars-container {
    padding: 48px 0;
  }
  .webinar-heading {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 30px;
  }
  .webinar-heading h3 {
    font-size: 30px;
    line-height: 1.1;
  }
  .webinar-arrows--top {
    display: none;
  }
  .webinar-arrows--bottom {
    display: flex;
    gap: 12px;
    justify-content: flex-end;
    margin-top: 16px;
    padding-inline: 16px;
  }
  .arrow-btn {
    width: 44px;
    height: 44px;
    font-size: 20px;
  }
  .webinar-slider-wrapper {
    padding-inline: 16px;
  }
  .webinar-cards {
    gap: 16px;
    padding-inline-end: 16px;
  }
  .webinar-card {
    min-width: 280px;
    max-width: 280px;
  }

  .video-series-container {
    padding: 50px 16px;
    padding-top: 0;
  }
  .video-series-container .section-wrapper {
    padding: 32px 20px;
  }
  .video-series-container h2 {
    font-size: 30px;
  }
  .flex-three {
    flex-direction: column;
    gap: 32px;
  }
}

@media (max-width: 480px) {
  .section-wrapper {
    padding-inline: 16px;
  }
  .webinar-heading h3,
  .video-series-container h2 {
    font-size: 26px;
  }
  .flex-div-inner h4,
  .webinar-card h4,
  .flex-three-inner h3 {
    font-size: 18px;
  }
  .flex-div-inner p,
  .flex-three-inner p {
    font-size: 16px;
    line-height: 1.6;
  }
  .webinar-slider-wrapper {
    padding-inline: 12px;
  }
  .webinar-cards {
    padding-inline-end: 12px;
  }
  .webinar-card {
    min-width: calc(100vw - 40px);
    max-width: calc(100vw - 40px);
  }
  .video-series-container .section-wrapper {
    padding: 24px 16px;
  }
  .flex-three-inner a {
    width: 100%;
    text-align: center;
    justify-content: center;
  }
}


h1[data-test-target="tiktok-academy-achievements"] {
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 32px */
  letter-spacing: -0.64px;
}

body:has(h1[data-test-target="tiktok-academy-achievements"])
  .categoryheader__backlink {
  display: none;
}
.new_achiv_main .catalogflag {
  display: none !important;
}
.new_achiv_main .sharelinks__icon {
  height: 16px;
  width: 16px;
}
.new_achiv_main .linkedin_add_btn {
  min-width: max-content;
}
.new_achiv_main .activitycard__image {
  position: relative;
  height: auto;
  top: 0 !important;
  width: 100%;
  transform: none;
}

.new_achiv_main .activitycard__imagecontainer::before {
  display: none;
}
.webinar_page_banner {
  background: #4a0505;
}
.webinar_page_heading h1 {
  color: #ffffff;
}

body.tta_webinars_list_page .pageheader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  flex-wrap: wrap;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 24px;
}
body.tta_webinars_list_page .pageheader__heading h1 {
  font-size: 32px;
  font-weight: 700;
  color: #000;
  margin: 0;
}
body.tta_webinars_list_page .splitrow__column--search {
  width: auto;
  max-width: 360px;
  flex: 0 0 auto;
}
body.tta_webinars_list_page .search {
  border: 1px solid #d9d9d9;
  border-radius: 999px;
  padding: 10px 20px;
  display: flex;
  align-items: center;
  gap: 10px;
}
body.tta_webinars_list_page .search__input {
  border: none;
  outline: none;
  font-size: 15px;
  flex: 1;
  background: transparent;
}
body.tta_webinars_list_page .search__icon {
  width: 18px;
  height: 18px;
  color: #999;
  flex: 0 0 auto;
}

body.tta_webinars_list_page .splitrow__column--inlinefilters {
  display: none;
}
body.tta_webinars_list_page .splitrow {
  margin: 0;
}

body.tta_webinars_list_page .tabs__tablist--page {
  display: flex;
  gap: 12px;
  list-style: none;
  padding: 0;
  margin: 20px 0 0;
  border: none;
}
body.tta_webinars_list_page .tabs__tablistitem {
  margin: 0;
}
body.tta_webinars_list_page .tabs__tab {
  display: inline-block;
  padding: 10px 22px;
  border-radius: 4px;
  background: #f2f2f2;
  color: #000;
  font-weight: 400;
  font-size: 12px;
  text-decoration: none;
  border: none;
}
body.tta_webinars_list_page .tabs__tab--selected,
body.tta_webinars_list_page .tabs__tab.u-org--tabactive {
  background: #000;
  color: #fff;
}

body.tta_webinars_list_page .session__containerheading {
  display: none;
}

body.tta_webinars_list_page ul.session__container {
  list-style: none;
  padding: 0;
  margin: 0;
}
body.tta_webinars_list_page li.session.session--index {
  display: flex;
  align-items: center;
  gap: 28px;
  padding: 28px 0;
  border-bottom: 1px solid #ececec;
}
body.tta_webinars_list_page .session__media--index {
  position: relative;
  flex: 0 0 280px;
  width: 280px;
  border-radius: 10px;
  overflow: hidden;
  height: 160px;
}
body.tta_webinars_list_page .session__media--index img {
  width: 100%;
  height: 170px;
  object-fit: cover;
  display: block;
}
body.tta_webinars_list_page .tta_session_region {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 6px;
  background: rgba(0, 0, 0, 0.35);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.5px;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  white-space: nowrap;
}
body.tta_webinars_list_page .session__content--index {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
body.tta_webinars_list_page .tta_session_tag {
  order: 0;
  display: inline-flex;
  align-self: flex-start;
  padding: 4px 14px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.3px;
}
body.tta_webinars_list_page .session__dates--index {
  order: 1;
  font-size: 13px;
  font-weight: 700;
  color: #000;
}
body.tta_webinars_list_page .tta_session_countdown {
  color: #f1204a;
  font-weight: 800;
}
body.tta_webinars_list_page .session__title {
  order: 2;
  font-size: 20px;
  font-weight: 700;
  color: #000;
  margin: 0;
}
body.tta_webinars_list_page .session__title a {
  color: #000;
  text-decoration: none;
}
body.tta_webinars_list_page .session__meta--index {
  order: 3;
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
body.tta_webinars_list_page .session__metaitem {
  font-size: 14px;
  color: #000;
}
body.tta_webinars_list_page .session__metalink {
  display: none;
}
body.tta_webinars_list_page .session__actions--index {
  flex: 0 0 auto;
}
body.tta_webinars_list_page .session__actionsbutton {
  display: inline-block;
  background: #f1204a;
  color: #fff;
  border-radius: 999px;
  padding: 14px 30px;
  font-weight: 700;
  font-size: 15px;
  text-decoration: none;
  border: none;
}
body.tta_webinars_list_page .session__actionsbutton.tta_unenroll_btn {
  background: #cfc9c9;
  font-size: 14px;
  font-weight: normal;
  padding: 12px 16px;
  cursor: pointer;
}
body.tta_webinars_list_page .session__actionsbutton.tta_unenroll_btn:hover {
  background: #bdb7b7;
}

@media (max-width: 767px) {
  body.tta_webinars_list_page .pageheader {
    flex-direction: column;
    align-items: stretch;
  }
  body.tta_webinars_list_page .splitrow__column--search {
    max-width: 100%;
  }
  body.tta_webinars_list_page li.session.session--index {
    flex-wrap: wrap;
  }
  body.tta_webinars_list_page .session__media--index {
    flex: 1 1 100%;
    width: 100%;
  }
  body.tta_webinars_list_page .session__actions--index {
    flex: 1 1 100%;
  }
  body.tta_webinars_list_page .session__actionsbutton {
    display: block;
    text-align: center;
  }
}

.wd_details_main .wd_hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 48px;
  background: #edd4b2;
  padding: 60px;
  margin-bottom: 8px;
}

.wd_details_main .wd_hero__left .pgheading__name {
  margin: 0 0 16px;
  color: #000;
  font-size: 40px;
  font-weight: 700;
  line-height: 108%;
  letter-spacing: -0.8px;
}

.wd_details_main .wd_hero__date {
  font-size: 14px;
  font-weight: 500;
  color: #000;
}

.wd_details_main .wd_hero__left:not(:has(.wd_hero__speaker)) .wd_hero__date {
  margin-bottom: 16px;
}

.wd_details_main .wd_hero__countdown {
  color: #f1204a;
  font-weight: 800;
}

.wd_details_main .wd_hero__speaker {
  font-size: 12px;
  font-weight: 500;
  color: #000;
  margin-bottom: 16px;
}

.wd_details_main .wd_hero__left .session__actionsbutton,
.wd_details_main .wd_event_card__enroll,
.wd_details_main .wd_add_to_calendar__btn {
  max-width: fit-content;
  background: #f1204a;
  border-radius: 999px;
  padding: 12px 16px;
  text-decoration: none;
  color: var(--White, #fff);
  text-align: center;
  font-size: var(--B3, 14px);
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  border: none;
  cursor: pointer;
}

.wd_details_main .wd_add_to_calendar {
  position: relative;
  display: inline-block;
}

/* Enrolled viewer: "Join Zoom Webinar" and "Add to Calendar" side by side. */
.wd_details_main .wd_hero__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}
.wd_details_main .wd_hero__actions .wd_add_to_calendar__btn {
  background: #000;
}

.wd_add_to_calendar__menu {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  z-index: 50;
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 220px;
  background: #fff;
  border-radius: 12px;
  padding: 8px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
}

.wd_add_to_calendar__menu[hidden] {
  display: none;
}

.wd_add_to_calendar__item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 8px;
  text-decoration: none;
  color: #000;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
}

.wd_add_to_calendar__item:hover {
  background: #f5f5f5;
}

.wd_add_to_calendar__icon {
  flex: 0 0 auto;
  width: 22px;
  height: 22px;
  border-radius: 6px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 13px 13px;
}

.wd_add_to_calendar__item--google .wd_add_to_calendar__icon {
  background-color: #4285f4;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M19 4h-1V2h-2v2H8V2H6v2H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V10h14v10zM5 8V6h14v2H5z'/%3E%3C/svg%3E");
}

.wd_add_to_calendar__item--outlook .wd_add_to_calendar__icon {
  background-color: #0078d4;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M19 4h-1V2h-2v2H8V2H6v2H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V10h14v10zM5 8V6h14v2H5z'/%3E%3C/svg%3E");
}

.wd_add_to_calendar__item--apple .wd_add_to_calendar__icon {
  background-color: #000;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M19 4h-1V2h-2v2H8V2H6v2H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V10h14v10zM5 8V6h14v2H5z'/%3E%3C/svg%3E");
}

.wd_details_main .wd_hero__right {
  position: relative;
  flex: 0 0 auto;
  width: 540px;
  max-width: 100%;
}

.wd_details_main .wd_hero__right .hero.hero--course {
  position: relative !important;
  width: 540px;
  max-width: 100%;
  height: 300px !important;
  border-radius: 16px;
  overflow: hidden;
  padding-top: 0 !important;
}

.wd_details_main .wd_hero__right .hero__image {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: 16px;
}

.wd_details_main .wd_hero__region {
  position: absolute;
  top: 20px;
  right: 20px;
  color: #fff;
  font-family: "TikTok Sans Display", "TikTok Sans", sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  white-space: nowrap;
}

.wd_details_main .page {
  padding: 0 !important;
}

@media (max-width: 900px) {
  .wd_details_main .wd_hero {
    flex-direction: column;
    align-items: stretch;
    padding: 32px 20px;
    gap: 24px;
  }
  .wd_details_main .wd_hero__left,
  .wd_details_main .wd_hero__right {
    max-width: 100%;
  }
  .wd_details_main .wd_hero__left .pgheading__name {
    font-size: 30px;
  }
}
.wd_details_main .page__courses .pgpost > h2 {
  font-family: "TikTok Sans Display", "TikTok Sans", sans-serif;
  font-size: 32px !important; 
  line-height: 100%;
  letter-spacing: -0.64px;
  padding-bottom: 16px;
  margin: 0 0 24px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.wd_details_main .page__courses .pgpost p,
.wd_details_main .page__courses .pgpost li {
  font-family: "TikTok Sans Display", "TikTok Sans", sans-serif;
  font-size: 16px;
  line-height: 150%;
  color: #000;
}

.wd_details_main .page__courses .pgpost ol {
  padding-left: 20px;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.wd_details_main .page__courses .pgpost div[style*="f5f5f5" i] {
  background: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

.wd_details_main .wd_event_wrap__heading {
  color: #000;
  font-family: "TikTok Sans Display", "TikTok Sans", sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -0.64px;
  padding-bottom: 16px;
  margin: 0 0 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.wd_details_main .wd_event_card {
  background: #f5f5f5;
  border-radius: 14px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.wd_details_main .wd_event_card__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.wd_details_main .wd_event_card__actionrow {
  display: flex;
}

.wd_details_main .wd_event_card__actionrow:empty {
  display: none;
}

.wd_details_main .wd_event_card__tag {
  display: inline-block;
  padding: 6px 12px;
  color: var(--TikTok-Black, #000);
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  letter-spacing: -0.2px;
  border-radius: 100px;
}

.wd_details_main .wd_event_card__date {
  font-family: "TikTok Sans Display", "TikTok Sans", sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #000;
}

.wd_details_main .wd_event_card__countdown {
  color: #fe2c55;
  font-weight: 800;
}

.wd_details_main .wd_event_card__title {
  margin: 0;
  font-family: "TikTok Sans Display", "TikTok Sans", sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: #000;
}

.wd_details_main .wd_event_card__desc {
  margin: 0;
  font-family: "TikTok Sans Display", "TikTok Sans", sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.7);
}
.wd_details_main ul.pgheading__meta.activitymeta.activitymeta--heading,
.wd_details_main .coursepage__sessions {
  display: none;
}

.wd_details_main .course__description h3 {
 
  font-family: "TikTok Sans Display", "TikTok Sans", sans-serif;
   
   
  line-height: 100%;
  letter-spacing: -0.64px;
  padding-bottom: 16px;
  margin: 24px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.wd_details_main .course__description h3:first-child {
  margin-top: 0;
}
.wd_details_main .course__description p,
.wd_details_main .course__description li {
  font-family: "TikTok Sans Display", "TikTok Sans", sans-serif;
  font-size: 16px;
  line-height: 150%;
  color: #000;
}
.wd_details_main .course__description ul,
.wd_details_main .course__description ol {
  padding-left: 20px;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
 

.wd_details_main .course__content > section.activitysection {
  display: none;
}

.wd_details_main ul.pgheading__actions {
  padding: 0;
  margin: 0;
  border: 0;
}

@media (max-width: 600px) {
  .wd_details_main .wd_event_card__top {
    flex-direction: column;
    align-items: flex-start;
  }
}

.wd_details_main .wd_speakers_card {
  background: #edbbe8;
  border-radius: 20px;
  padding: 32px;
  display: flex;
  flex-wrap: wrap;
  gap: 50px;
  justify-content: center;
}

.wd_details_main .wd_speaker {
  width: 160px;
}

.wd_details_main .wd_speaker__photo {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 12px;
  background: rgba(
    0,
    0,
    0,
    0.12
  ); /* placeholder fill until a real <img> is added */
  min-height: 183px;
}

.wd_details_main .wd_speaker__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}


.wd_details_main .wd_speaker__name {
  color: var(--TikTok-Black, #000);
  font-size: 20.098px;
  font-style: normal;
  font-weight: 700;
  line-height: 115%;
  padding-top: 11px;
  padding-bottom: 4px;
}

.wd_details_main .wd_speaker__role {
  color: var(--TikTok-Black, #000);
  font-size: 12.368px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}

@media (max-width: 600px) {
  .wd_details_main .wd_speakers_card {
    padding: 20px;
    gap: 16px;
  }
  .wd_details_main .wd_speaker {
    width: calc(50% - 8px);
  }
}
.wd_speakers_card {
  display: none !important;
}

.cannes_banner {
  display: flex;
  min-height: 452px;
  justify-content: space-between;
  padding-inline: 70px;
  align-items: center;
  flex-wrap: wrap;
  background-color: #000000;
  background-image: url("https://i.ibb.co/JwGf63h5/HERO-2.png");
  background-size: cover;
}

.cannes_banner img {
  max-width: 480px;
  width: 100%;
}

.cannes_banner h1 {
  color: var(--TikTok-White, #fff);
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: 113%; /* 72.32px */
  letter-spacing: -1.28px;
  margin-bottom: 14px;
}
.cannes_banner p {
  color: var(--TikTok-White, #fff);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  padding-bottom: 24px;
  max-width: 460px;
  margin: 0;
}

.cannes_banner a {
  color: var(--White, #fff);
  text-align: center;
  font-size: var(--B3, 14px);
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 19.6px */
  padding: 12px 16px;
  border-radius: 48px;
  background: var(--Blaze, #f1204a);
  display: inline-block;
}

.cannes_main article.pgcomponent[data-display-style="normal"] h2 {
  color: var(--TikTok-Black, #000);
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 32px */
  letter-spacing: -0.64px;
}
.cannes_main article.pgcomponent[data-display-style="normal"] h2 span {
  color: var(--Blaze, #f1204a);
}

.cannes_main article.pgcomponent[data-display-style="normal"] p {
  color: rgba(0, 0, 0, 0.7);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin: 0;
  border-bottom: 0.694px solid rgba(0, 0, 0, 0.2);
  padding-bottom: 16px;
}
.cannes_main .articles-grid article {
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background: var(--TikTok-White, #fff);
  padding: 16px;
}

.cannes_main .articles-grid article h3 {
  color: var(--TikTok-Black, #000);
  font-size: 18px;
  font-weight: 700;
  line-height: normal;
  padding-bottom: 8px;
  text-decoration: none !important;
}

.cannes_main .articles-grid article .pgresource {
  gap: 20px;
}

.cannes_main .articles-grid article p {
  color: var(--black-70, rgba(0, 0, 0, 0.7));
  font-size: var(--B3, 14px);
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 19.6px */
}

.cannes_main .articles-grid article .tta_desc_clamped {
  min-height: 42px; /* 14px * 150% line-height * 2 lines */
}

.cannes_main header.page__header {
  display: none;
}

.cannes_main .articles-grid article .tta_desc_speaker {
  margin-top: 16px;
}
.cannes_main .articles-grid article .tta_desc_speaker__name {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  line-height: 140%;
  margin: 0;
}
.cannes_main .articles-grid article .tta_desc_speaker__role {
  color: var(--black-70, rgba(0, 0, 0, 0.6));
  font-size: 13px;
  font-weight: 400;
  line-height: normal;
  margin: 4px 0 0;
}

.cannes_main article.pgcomponent[data-item-id="5643984"] + .articles-grid {
  grid-template-columns: 1fr;
}
.cannes_main
  article.pgcomponent[data-item-id="5643984"]
  + .articles-grid
  article.pgcomponent {
  padding: 0;
  border: 0;
}
.cannes_main
  article.pgcomponent[data-item-id="5643984"]
  + .articles-grid
  article.pgcomponent
  .pgresource__content {
  display: none;
}
.cannes_main
  article.pgcomponent[data-item-id="5643984"]
  + .articles-grid
  article.pgcomponent
  .pgresource__imagecontainer {
  min-height: 524px;
  border-radius: 20px;
}
.cannes_main article.pgcomponent[data-item-id="5643986"] {
  padding: 44px 54px 40px;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  background: var(--Dawn, #edbbe8);
  margin-bottom: 0;
}
.cannes_main article.pgcomponent[data-item-id="5643986"] + .articles-grid {
  padding: 0px 54px 64px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  background: var(--Dawn, #edbbe8);
  margin-bottom: 0;
}
.cannes_main article.pgcomponent[data-item-id="5643979"] + .articles-grid {
  grid-template-columns: repeat(2, 1fr);
}
.cannes_main article.pgcomponent[data-item-id="5643979"] + .articles-grid {
  grid-template-columns: repeat(2, 1fr);
}
.cannes_main
  article.pgcomponent[data-item-id="5643979"]
  + .articles-grid
  .pgresource__imagecontainer {
  min-height: 300px;
  border-radius: 8px;
}
.cannes_main
  article.pgcomponent[data-item-id="5643979"]
  + .articles-grid
  .pgresource__imagecontainer {
  min-height: 300px;
  border-radius: 8px;
}

.cannes_main
  article.pgcomponent[data-item-id="5643984"]
  + .articles-grid
  article.pgcomponent
  .pgresource__imagecontainer,
.cannes_main
  article.pgcomponent[data-item-id="5646561"]
  + .articles-grid
  article.pgcomponent
  .pgresource__imagecontainer {
  padding: 0;
  min-height: unset;
  height: auto;
}

.cannes_main
  article.pgcomponent[data-item-id="5643984"]
  + .articles-grid
  article.pgcomponent
  .pgresource__imagecontainer
  img,
.cannes_main
  article.pgcomponent[data-item-id="5646561"]
  + .articles-grid
  article.pgcomponent
  .pgresource__imagecontainer
  img {
  position: unset;
  transform: unset;
  display: block;
  width: 100%;
  height: auto;
}

.cannes_main
  article.pgcomponent[data-item-id="5643984"]
  + .articles-grid
  article.pgcomponent
  .pgresource__imagecontainer
  img,
.cannes_main
  article.pgcomponent[data-item-id="5646583"]
  + .articles-grid
  article.pgcomponent
  .pgresource__imagecontainer
  img {
  position: unset;
  transform: unset;
  display: block;
  width: 100%;
  height: auto;
}

.cannes_main
  article.pgcomponent[data-item-id="5643979"]
  + .articles-grid
  .pgresource__imagecontainer:before {
  content: "";
  background: url("https://i.ibb.co/qMC9rYz9/Video-Button.png");
  position: absolute;
  width: 32px;
  height: 32px;
  z-index: 1;
  background-size: contain;
  top: 46%;
}

.cannes_main
  article.pgcomponent[data-item-id="5643979"]
  + .articles-grid
  .pgresource__imagecontainer:before {
  content: "";
  background: url("https://i.ibb.co/qMC9rYz9/Video-Button.png");
  position: absolute;
  width: 32px;
  height: 32px;
  z-index: 1;
  background-size: contain;
  top: 46%;
}

@media (max-width: 500px) {
  .cannes_banner {
    flex-wrap: wrap;
    padding-inline: 20px;
    padding-top: 50px;
    gap: 30px;
  }

  .cannes_main article.pgcomponent[data-item-id="5643979"] + .articles-grid {
    grid-template-columns: 1fr;
  }

  .cannes_main article.pgcomponent[data-item-id="5643986"],
  .cannes_main article.pgcomponent[data-item-id="5643986"] + .articles-grid {
    padding: 20px;
  }
}
.new_single_course_main header.course__headercontainer {
    display:none;
}
.new_single_course_main .activityheading__progress-bar {
    display: none;
}
@media (max-width: 700px) {
    .crimson_color header.page__header {
       padding:20px 20px;
    }
}

@media (max-width: 480px) {
    .what-you-learn__cards .pgresource__imagecontainer{
      height: auto;
    }
}
.singcourses_banner:has(a[href*="/student/path/3596805/"]) {
  background: #033625!important;
}

.singcourses_banner:has(a[href*="/student/path/3596805/"]) h1,
.singcourses_banner:has(a[href*="/student/path/3596805/"]) p {
  color: #fff;
}

/* AI Solutions (collection 2079614 / path 5910597) — matched via its
   Get Started CTA href, same scoping pattern as the 3596805 override above. */
.singcourses_banner:has(a[href*="/student/collection/2079614/path/5910597/"]) {
  background: #4A0505!important;
}
.singcourses_banner:has(a[href*="/student/collection/2079614/path/5910597/"]) h1,
.singcourses_banner:has(a[href*="/student/collection/2079614/path/5910597/"]) p {
  color: #fff;
}

/* Apps & Gaming on TikTok — live event page header (live_events/3649052) */
.video-module-container-Ou3zg{
    padding:0 !important;
}
.agg_hero {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  background: #EDBBE8;
  padding: 64px 80px; 
  border-radius: 0;
}

.agg_hero__left {
  flex: 1 1 420px;
  max-width: 650px;
}

.agg_hero__title {
  margin: 0 0 20px;
  color: var(--Blaze, #F1204A);
  font-family: "TikTok Sans", sans-serif;
  font-size: 55px;
  font-style: normal;
  font-weight: 700;
  line-height: 113%;
  letter-spacing: -1.2px;
}

.agg_hero__subtitle {
  margin: 0 0 16px;
  color: #000;
  font-family: "TikTok Sans", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: -0.48px;
}

.agg_hero__desc {
  margin: 0 0 16px;
  color: #000;
  font-size: 15px;
  font-weight: 400;
  line-height: 150%;
  font-family: "TikTok Sans", sans-serif;
}

/* Bold first line of a fixed header description (heroBoldFirst in AGG_EVENTS). */
.agg_hero__desc--lead {
  font-weight: 700;
}

.agg_hero__cta {
  display: flex;
  min-width: 94.476px;
  padding: 16px 32px;
  justify-content: center;
  align-items: center;
  gap: 7.558px;
  margin-top: 8px;
  background: var(--TikTok-Black, #000);
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  border: none;
  border-radius: 94.476px;
  cursor: pointer;
}

.agg_hero__cta:hover {
  background: #222;
}

.agg_hero__right {
  flex: 1 1 360px;
  max-width: 480px;
  display: flex;
  justify-content: center;
}

.agg_hero__right img {
  width: 100%;
  height: auto;
  max-width: 460px;
  display: block;
}

@media (max-width: 900px) {
  .agg_hero {
    padding: 40px 24px;
  }
  .agg_hero__title {
    font-size: 36px;
  }
}

/* Full-bleed the live-event content column so agg_hero / agg_when / agg_schedule
   span the full browser width instead of sitting mid-page.
   Scoped to .agg-event-page (added by JS only on live_events/3649052) because
   these [class*="..."] selectors match the same Vite class-name prefixes that
   OTHER live_events pages (3325733/3325732/3369994) also render — unscoped,
   these rules would leak onto those pages too. */
.agg-event-page [class*="videoContent-module-container"] {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

.agg-event-page [class*="videoContent-module-sidebar"] {
  display: none;
}

.agg-event-page [class*="videoContentActions-module-container"],
.agg-event-page [class*="videoContentInformationMeta-module-meta"] {
  display: none;
}

/* Native top countdown ("Event starts in…") is hidden — the numbers it
   ticks are already mirrored live into .agg_countdown at the bottom of the
   page (see buildCountdown() in index.html), so showing both would be a
   duplicate. */
.agg-event-page [class*="videoCountdown-module-container"] {
  display: none;
}

/* Apps & Gaming on TikTok — "When / Time" band */
.agg_when {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 48px;
  background: #F1204A;
  padding: 70px 80px;
  margin: 0;
}

.agg_when__item {
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.agg_when__label {
  margin: 0 0 4px;
  color: #fff;
  font-size: 30px;
  font-weight: 700;
  letter-spacing: 0.5px;
  line-height: 115%;
  padding-bottom: 8px;
}

.agg_when__entry {
  display: flex;
  flex-direction: column;
}

.agg_when__entrylabel {
  margin: 0 0 4px;
  color: #EDBBE8;
  font-family: "TikTok Sans", sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 115%;
}

.agg_when__value {
  margin: 0;
  color: var(--TikTok-White, #FFF);
  font-family: "TikTok Sans", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 115%;
}

.agg_when__cta {
  margin-left: auto;
  display: flex;
  min-width: 94.476px;
  padding: 16px 32px;
  justify-content: center;
  align-items: center;
  gap: 7.558px;
  background: #000;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  border: none;
  border-radius: 94.476px;
  cursor: pointer;
}

.agg_when__cta:hover {
  background: #222;
}

/* Enrolled -> "Unenroll" state for either CTA */
.agg_hero__cta.agg_cta--unenroll,
.agg_when__cta.agg_cta--unenroll {
  background: #cfc9c9;
  font-weight:normal;
}

.agg_hero__cta.agg_cta--unenroll:hover,
.agg_when__cta.agg_cta--unenroll:hover {
  background: #bdb7b7;
}

/* Apps & Gaming on TikTok — "Add to Calendar" picker (hero CTA, after enroll) */
.agg_hero__left {
  position: relative;
}

.agg_cal_menu {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-top: 8px;
  width: max-content;
  min-width: 220px;
  background: #fff;
  border-radius: 12px;
  padding: 8px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
  z-index: 20;
}

.agg_cal_menu__item {
  padding: 10px 12px;
  border-radius: 8px;
  color: #000;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  text-decoration: none;
}

.agg_cal_menu__item:hover {
  background: #f5f5f5;
  text-decoration: none;
}

/* Apps & Gaming on TikTok — "Schedule" section */
.agg_schedule {
  background: #4A0505;
  padding: 100px 120px;
  margin: 70px;
border-radius: 22px;
}
.agg_schedule .agg_schedule__label{
display:none;}

.agg_schedule__heading {
  margin: 0 0 40px;
  color: var(--TikTok-White, #FFF);
  font-family: "TikTok Sans", sans-serif;
  font-size: 50px;
  font-style: normal;
  font-weight: 700;
  line-height: 115%;
}

.agg_schedule__sessions {
  display: flex;
  flex-direction: column;
  gap: 48px;
}

.agg_schedule__session {
  display: grid;
  grid-template-columns: 295px 1fr;
  column-gap: 32px;
  row-gap: 8px; 
   padding-bottom: 40px;
}
.agg_schedule__session:not(:last-child) {
    border-bottom: 2px solid #fff;
}

.agg_schedule__time {
  grid-column: 1;
  grid-row: 1;
  color: var(--TikTok-White, #FFF);
  font-family: "TikTok Sans Display", "TikTok Sans", sans-serif;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
}

/* Native "Launch" button mirrored under the session time — only shown by
   syncLaunchButtons() in index.html when the viewer is enrolled AND the
   native button is live (TikTok enables it ~1h before the session). */
.agg_schedule__launch {
  grid-column: 1;
  grid-row: 3;
  justify-self: start;
  margin-top: 16px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 22px;
  background: #f1204a;
  color: #fff;
  font-family: "TikTok Sans", sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  border: none;
  border-radius: 100px;
  cursor: pointer;
}

.agg_schedule__launch:hover {
  background: #d81b40;
}

.agg_schedule__launch svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
  flex-shrink: 0;
}

.agg_schedule__label {
  grid-column: 1;
  grid-row: 2;
  color: #FF4D79;
  font-size: 16px;
  font-weight: 700;
}

.agg_schedule__points {
  grid-column: 2;
  grid-row: 1 / span 2;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.agg_schedule__point {
  padding-bottom: 24px; 
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: 100% 1px;
}

.agg_schedule__point:last-child {
  padding-bottom: 0;
  background-image: none;
}

.agg_schedule__point h4 {
  margin: 0 0 6px;
  color: var(--Dawn, #EDBBE8);
  font-family: "TikTok Sans Display", "TikTok Sans", sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 115%;
}

/* A standalone label like "Agenda:" that sits before the numbered items,
   not paired with its own description — styled as plain white text (not
   the pink title color) and with less bottom space than a full point. */
.agg_schedule__point--header {
  padding-bottom: 8px;
}
.agg_schedule__point--header:last-child {
  padding-bottom: 0;
}
.agg_schedule__pointheader {
  margin: 0;
  color: var(--TikTok-White, #FFF);
  font-family: "TikTok Sans Display", "TikTok Sans", sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 115%;
}

.agg_schedule__point p {
  margin: 0;
  color: var(--TikTok-White, #FFF);
  font-family: "TikTok Sans Display", "TikTok Sans", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}

@media (max-width: 900px) {
  .agg_when,
  .agg_schedule {
    padding: 32px 24px;
  }
  .agg_when__cta {
    margin-left: 0;
  }
  .agg_schedule__session {
    grid-template-columns: 1fr;
  }
  .agg_schedule__label {
    grid-row: auto;
    margin-bottom: 8px;
  }
  .agg_schedule__time {
    grid-row: auto;
    font-size: 22px;
  }
  .agg_schedule__launch {
    grid-row: auto;
  }
  .agg_schedule__points {
    grid-column: 1;
    grid-row: auto;
  }
  .agg_schedule__heading {
    font-size: 36px;
  }
  .agg_schedule__point h4 {
    font-size: 20px;
  }
  .agg_schedule__point p {
    font-size: 17px;
  }
}

/* Apps & Gaming on TikTok — bottom countdown band (Days/Hours/Minutes/Seconds) */
.agg_countdown {
  display: flex; 
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 32px 64px;
  background: #FE2C55;
  margin: 50px;
  padding: 48px 24px;
  border-radius: 24px;
  box-sizing: border-box;
}

.agg_countdown__item {
  text-align: center;
}

.agg_countdown__value {
  color: var(--TikTok-White, #FFF);
  font-variant-numeric: lining-nums tabular-nums;
  font-family: "TikTok Sans Display", "TikTok Sans", sans-serif;
  font-size: 80px;
  font-style: normal;
  font-weight: 700;
  line-height: 115%;
  letter-spacing: -3.388px;
}

.agg_countdown__label {
  margin-top: 8px;
  color: var(--TikTok-White, #FFF);
  text-align: center;
  font-family: "TikTok Sans Text", "TikTok Sans", sans-serif;
  font-size: 16.736px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}

@media (max-width: 900px) {
  .agg_countdown { 
    padding: 32px 16px;
    gap: 24px;
  }
  .agg_countdown__value {
    font-size: 36px;
    letter-spacing: -1px;
  }
}

.videoContent-module-container--4je7{
padding:0 !important;
}
.agg_schedule__session .agg_schedule__label{
  margin-top: 6px;
}

/* "You've Earned Your Scaled Growth Agency Bootcamp Credential" page —
   only logged-in students actually see the credential content; a
   logged-out visitor gets Intellum's native login form on this same URL,
   so the dark background must not apply there (default white instead). */
body:not(.body--logged-out) .bootcamp_credential_main,
body:not(.body--logged-out) .bootcamp_credential_main .coursepage,
body:not(.body--logged-out) .bootcamp_credential_main .coursepage__content,
body:not(.body--logged-out) .bootcamp_credential_main article.coursepage__contentmain.page {
  background: var(--Thrive, #033624);
}
.bootcamp_credential_main article.coursepage__contentmain.page {
  padding: 0;
  max-width: 100%;
}
.bootcamp_credential_main .pgheading__meta.activitymeta,
.bootcamp_credential_main .pgheading__actions {
  display: none;
}
.bootcamp_credential_main header.page__header {
  display: flex; 
  flex-direction: column;
  align-items: center;
  gap: 10px;
  align-self: stretch;
}
.bootcamp_credential_main .pgheading__name {
  margin: 0;
  max-width: 900px;
  color: var(--TikTok-White, #FFF);
  text-align: center;
  font-family: "TikTok Sans";
  font-size: 56px;
  font-style: normal;
  font-weight: 700;
  line-height: 113%; /* 63.28px */
  letter-spacing: -1.12px;
}
.bootcamp_credential_main #course_page.page__courses {
  padding: 0;
  max-width: 100%;
}
.bootcamp_credential_main article.pgcomponent {
  margin: 0;
  max-width: 100%;
}

/* Article 1 (5885341): intro paragraph + "Share Your Credential" pill */
.bootcamp_credential_main article[data-item-id="5885341"] .pgpost {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  padding: 0 187px 60px;
  text-align: center;
}
.bootcamp_credential_main article[data-item-id="5885341"] .pgpost p {
  margin: 0;
  max-width: 700px;
  color: var(--TikTok-White, #FFF);
  text-align: center;
  font-family: "TikTok Sans Display";
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: 30.349px; /* 116.726% */
}
.bootcamp_credential_main .share-your-cridential-cta button {
  display: flex;
  height: 56px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 48px;
  background: var(--TikTok-White, #FFF);
  color: #000;
  font-size: 14px; 
  border: none;
  cursor: pointer;
}

/* Article 2 (5908252): center award card (teal box > shimmer box > award image + text) */
.bootcamp_credential_main article[data-item-id="5908252"] .pgpost {
  display: flex;
  width: 986px;
  max-width: calc(100% - 40px);
  min-height: 588px;
  margin: 0 auto;
  padding: 50px;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  border-radius: 20px;
  background: var(--Glint, #2DCCD3);
  box-sizing: border-box;
}
.bootcamp_credential_main .award_image {
  display: none;
}
 
.bootcamp_credential_main .award_img {
  max-width: 280px;
  width: 100%;
  height: auto;
  display: block;
  margin-bottom: 34px;
}
.bootcamp_credential_main .award_content p {
  margin: 0;
  color: var(--Thrive, #033624);
  text-align: center;
  font-size: 18px;
  font-weight: 700;
}
.bootcamp_credential_main .award_content  {
margin-bottom:0;}
/* Article 3 (5908253): "You've Completed" + 3-up info row */
.bootcamp_credential_main .award-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 40px;
  max-width: 1100px;
  margin: 0 auto;
  padding: 80px 40px 40px;
}
.bootcamp_credential_main .award-wrapper > h2 {
  flex-basis: 100%;
  margin: 0 0 20px;
  color: var(--TikTok-White, #FFF);
  text-align: center;
  font-family: "TikTok Sans Display";
  font-size: 32px;
  font-weight: 700;
}
.bootcamp_credential_main .award-wrapper > .award_info {
  flex: 1 1 280px;
  max-width: 320px;
}
.bootcamp_credential_main .info-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 12px;
}
.bootcamp_credential_main .info-wrapper img {
  width: 32px;
  height: 32px;
  padding: 14px;
  box-sizing: content-box;
  border-radius: 90px;
  background: #F9F4EA;
  object-fit: contain;
}
.bootcamp_credential_main .info-wrapper h3 {
  margin: 0;
  color: var(--TikTok-White, #FFF);
  font-size: 20px;
  font-weight: 700;
}
.bootcamp_credential_main .info-wrapper p {
  margin: 0;
  color:  #fff;
  font-size: 15px;
  line-height: 150%;
}

/* Article 4 (5908254): "Keep Growing with TikTok" light-teal panel */
.bootcamp_credential_main article[data-item-id="5908254"] .pgpost br {
  display: none;
}
.bootcamp_credential_main .keep_growing_wrapper {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto auto auto;
  align-items: center;
  column-gap: 40px;
  max-width: 1100px;
  margin: 60px auto;
  padding: 60px;
  border-radius: 20px;
  background: var(--Shimmer, #BAF6F0);
  box-sizing: border-box;
}
.bootcamp_credential_main .keep_growing_wrapper > h2 {
  grid-column: 1;
  grid-row: 1;
  margin: 0 0 16px;
  color: var(--Blaze, #F1204A);
  font-size: 28px;
  font-weight: 700;
}
.bootcamp_credential_main .keep_growing_wrapper_info {
  display: contents;
}
.bootcamp_credential_main .keep_growing_wrapper_info p {
  grid-column: 1;
  grid-row: 2;
  margin: 0;
  max-width: 420px;
  color: #000;
  font-size: 16px;
  line-height: 150%;
}
.bootcamp_credential_main .keep_growing_wrapper_info img {
  grid-column: 2;
  grid-row: 1 / span 3;
  justify-self: end;
  max-width: 280px;
  width: 100%;
  height: auto;
}
.bootcamp_credential_main .keep_growing_cta {
  grid-column: 1;
  grid-row: 3;
  display: flex;
  gap: 12px;
  margin-top: 20px;
}
.bootcamp_credential_main .keep_growing_cta a {
  padding: 6px 16px;
  border-radius: 100px;
  font-size: 14px;
  text-decoration: none !important;
}
.bootcamp_credential_main .cta_share_your_credential {
  background: var(--Blaze, #F1204A);
  color: #fff !important;
}
.bootcamp_credential_main .cta_share_explore_more {
  background: #fff;
  color: #000 !important;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

@media (max-width: 1100px) {
  .bootcamp_credential_main header.page__header {
    padding: 60px 24px 20px;
  }
  .bootcamp_credential_main .pgheading__name {
    font-size: 36px;
  }
  .bootcamp_credential_main article[data-item-id="5885341"] .pgpost {
    padding: 0 24px 40px;
  }
  .bootcamp_credential_main article[data-item-id="5885341"] .pgpost p {
    font-size: 18px;
  }
  .bootcamp_credential_main article[data-item-id="5908252"] .pgpost {
    width: 100%;
    min-height: unset;
  }
  .bootcamp_credential_main .keep_growing_wrapper {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto auto;
    padding: 32px 24px;
    margin: 32px auto;
  }
  .bootcamp_credential_main .keep_growing_wrapper_info img {
    grid-column: 1;
    grid-row: 4;
    justify-self: center;
    margin-top: 20px;
  }
}

/* "Share Your Credential" popup — our own stand-in for the native
   #award-dialog, which only Intellum can populate and only on a student's
   very first visit to this page. */
#tta-award-modal {
  position: fixed;
  inset: 0;
  z-index: 1000000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  box-sizing: border-box;
}
.tta-award-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
}
.tta-award-modal__panel {
  position: relative;
  z-index: 1;
  width: min(460px, 100%);
  box-sizing: border-box;
  background: var(--Glint, #2dccd3);
  border-radius: 20px;
  padding: 48px 36px 36px;
  text-align: center;
  font-family: "TikTok Sans", sans-serif;
}
.tta-award-modal__close {
  position: absolute;
  top: 12px;
  right: 14px;
  width: 32px;
  height: 32px;
  border: 0;
  background: transparent;
  color: var(--Thrive, #033624);
  font-size: 28px;
  line-height: 28px;
  cursor: pointer;
}
.tta-award-modal__congrats {
  margin: 0 0 20px;
  color: var(--Thrive, #033624);
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.tta-award-modal__image {
  max-width: 220px;
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto 24px;
}
.tta-award-modal__name {
  margin: 0 0 16px;
  color: var(--Thrive, #033624);
  font-size: 20px;
  font-weight: 700;
}
.tta-award-modal__meta p {
  margin: 0 0 6px;
  color: var(--Thrive, #033624);
  font-size: 15px;
  font-weight: 600;
}
.tta-award-modal__meta p:last-child {
  margin-bottom: 0;
}
@media (max-width: 700px) {
  .webinars_path_main .course__contentcontainer{
      padding:40px;
   }
}




@media (max-width: 480px) {
  .tta-award-modal__panel {
    padding: 40px 24px 28px;
  }
}
@media (max-width: 550px) {
.agg_schedule{
  margin: 10px;
}
.hide_on_mobile{display:none}
.agg_countdown{
  margin: 10px;
}
}
.agg_when__value--time.show_on_mobile{display:none}
@media (max-width: 550px) {
.agg_when__value--time.show_on_mobile{display:block}
}
/* Schedule points: intro title slightly larger, bold tight "Agenda:", numbered items with hanging indent */
.agg_schedule__point--intro h4 {
  font-size: 24px;
}
.agg_schedule__point--intro {
  padding-bottom: 12px;
}
.agg_schedule__point--header {
  padding-bottom: 0;
  margin-bottom: -12px;
}
.agg_schedule__pointheader {
  font-size: 20px;
  font-weight: 700;
}
.agg_schedule__point--numbered {
  display: grid;
  grid-template-columns: 2ch 1fr;
  column-gap: 10px;
  padding-bottom: 0;
}
.agg_schedule__pointnum {
  color: var(--Dawn, #EDBBE8);
  font-family: "TikTok Sans Display", "TikTok Sans", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 115%;
}
.agg_schedule__point--numbered h4 {
  font-size: 20px;
}

/* Per-session "Save your spot" link under each schedule session's agenda
   (only on events whose AGG_EVENTS config has scheduleButtons). */
.agg_schedule__cta {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 16px 32px;
  border-radius: 100px;
  background: var(--Blaze, #F1204A);
  color: #fff !important;
  font-family: "TikTok Sans", sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  text-decoration: none !important;
  transition: background 0.2s;
}
.agg_schedule__cta:hover {
  background: #d81b40;
}
/* Enrolled -> "Unenroll", same grey as the hero / When-band unenroll state. */
.agg_schedule__cta.agg_cta--unenroll {
  background: #cfc9c9;
  color: #000 !important;
  font-weight: 500;
}
.agg_schedule__cta.agg_cta--unenroll:hover {
  background: #bdb7b7;
}
/* Launch sits beside the session's own Save your spot / Unenroll button. */
.agg_schedule__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}
.agg_schedule__actions .agg_schedule__launch {
  margin-top: 0;
  padding: 16px 32px;
}

/* Skills Tag pill + tag-driven banner colours on single-course path pages */
.new_single_course_main .singcourses_banner--dark h1,
.new_single_course_main .singcourses_banner--dark p {
  color: #fff;
}

/* Keep bootcamp accordion headings and arrows black on mobile and desktop. */
.webinars_path_main button.activitysection__header--toggle,
.webinars_path_main button.activitysection__header--toggle .activitysection__name,
.webinars_path_main button.activitysection__header--toggle .activitysection__toggle {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}

/* SMB Holiday Series (/student/activity/3595966) — header + banner. */
body.smb_holiday_page .appnav.appnav--text,
body.smb_holiday_page .appheader__section.u-org--header .appheader__search,
body.smb_holiday_page .appheader__section.u-org--header .appheader__categories,
body.smb_holiday_page .appheader__button--appnavmobile {
  display: none !important;
}
body.smb_holiday_page button.button--appheader {
  background-color: transparent !important;
  border: 0 !important;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}
.smb_holiday_main header.page__header,
.smb_holiday_main .pageoutline {
  display: none;
}
.smb_holiday_main article.coursepage__contentmain.page {
  padding: 0 !important;
  max-width: 100%;
}
.smb_holiday_banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  min-height: 453px;
  padding: 80px 130px;
  background: var(--Crimson, #4A0505);
  box-sizing: border-box;
}
.smb_holiday_banner__content {
  max-width: 460px;
}
.smb_holiday_banner__title {
  margin: 0 0 16px;
  color: var(--TikTok-White, #fff);
  font-family: "TikTok Sans", sans-serif;
  font-size: 56px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -1.12px;
}
.smb_holiday_banner__desc {
  margin: 0 0 24px;
  color: var(--TikTok-White, #fff);
  font-family: "TikTok Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.smb_holiday_banner__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 16px;
  border-radius: 48px;
  background: var(--Blaze, #F1204A);
  color: #fff !important;
  font-family: "TikTok Sans", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  text-decoration: none !important;
}
.smb_holiday_banner__cta:hover {
  background: #d91f43;
}
.smb_holiday_banner__image {
  flex: 0 0 auto;
  max-width: 340px;
}
.smb_holiday_banner__image img {
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width: 900px) {
  .smb_holiday_banner {
    flex-direction: column;
    align-items: flex-start;
    min-height: 0;
    padding: 40px 24px;
  }
  .smb_holiday_banner__title {
    font-size: 40px;
    letter-spacing: -0.8px;
  }
  .smb_holiday_banner__image {
    max-width: 100%;
    align-self: center;
  }
}

/* SMB Holiday Series — "Why start now?" + STEP cards. */
.smb_holiday_main #course_page.page__courses {
  max-width: 1400px;
  margin: 0 auto;
  padding: 60px 0;
  box-sizing: border-box;
  padding-bottom:0;
}
.smb_holiday_main #course_page article.pgcomponent {
  max-width: none;
  margin: 0;
}
.smb_holiday_main article.smb_why {
  padding: 0 44px;
  margin-bottom: 44px !important;
}
.smb_holiday_main .smb_why h3 {
  margin: 0 0 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  color: var(--TikTok-Black, #000);
  font-family: "TikTok Sans", sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -0.64px;
}
.smb_holiday_main .smb_why p {
  max-width: 920px;
  margin: 0;
  color: var(--TikTok-Black, #000);
  font-family: "TikTok Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}
.smb_holiday_main .smb_step {
  margin-bottom: 44px;
  padding: 64px 56px;
  border-radius: 16px;
  background: var(--Muse, #EDD4B2);
}

.smb_holiday_main .smb_step__header {
  margin-bottom: 34px;
  padding-bottom: 24px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}
.smb_holiday_main .smb_step__title {
  margin: 0 0 8px;
  color: var(--TikTok-Black, #000);
  font-family: "TikTok Sans", sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -0.64px;
}
.smb_holiday_main .smb_step__intro {
  margin: 0;
  color: var(--TikTok-Black, #000);
  font-family: "TikTok Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
}
.smb_holiday_main .smb_step__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
}
.smb_holiday_main .smb_step__grid article.pgcomponent,
.smb_holiday_main .smb_step__grid exceed-request-trigger-on-action {
  display: flex;
  width: 100%;
  min-width: 0;
  height: 100%;
}
.smb_holiday_main .smb_step__grid a.pgresource {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 16px;
  border: 0;
  border-radius: 12px;
  background: var(--TikTok-White, #fff);
  box-shadow: none;
  box-sizing: border-box;
  text-decoration: none !important;
}
.smb_holiday_main .smb_step__grid .pgresource__content {
  display: contents;
}
.smb_holiday_main .smb_step__grid .pgresource__attribution {
  display: none;
}
.smb_holiday_main .smb_step__grid .pgresource__imagecontainer {
  order: 1;
  position: relative;
  width: 100%;
  max-width: 100%;
  margin: 0;
  border-radius: 4px;
  overflow: hidden;
 height:150px;
}
.smb_holiday_main .smb_step__grid .smb_card__play {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 36px;
  height: 36px;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.smb_holiday_main .smb_step__grid .smb_card__play svg {
  display: block;
  width: 100%;
  height: 100%;
}
.smb_holiday_main .smb_step__grid .pgresource__title {
  order: 2;
  margin: 20px 0 24px;
  color: var(--TikTok-Black, #000);
  font-family: "TikTok Sans", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 115%;
  letter-spacing: -0.36px;
  text-align: left;
  align-self: stretch;
  text-decoration: none !important;
}
.smb_holiday_main .smb_step__grid .smb_card__watch {
  order: 3;
  align-self: flex-start;
  margin-top: auto;
  padding: 10px 12px;
  border: 1px solid var(--TikTok-Black, #000);
  border-radius: 100px;
  color: var(--TikTok-Black, #000);
  font-family: "TikTok Sans", sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 140%;
  transition: background 0.2s, color 0.2s, border-color 0.2s;
}
.smb_holiday_main .smb_step__grid a.pgresource:hover .smb_card__watch {
  background: var(--Blaze, #F1204A);
  border-color: var(--Blaze, #F1204A);
  color: #fff;
}
@media (max-width: 1200px) {
  .smb_holiday_main #course_page.page__courses {
    padding: 48px 24px;
  }
}
@media (max-width: 1024px) {
  .smb_holiday_main .smb_step__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 600px) {
  .smb_holiday_main #course_page.page__courses {
    padding: 32px 16px;
    padding-bottom: 0 !important;
  }
  .smb_holiday_main article.smb_why {
    padding: 0;
  }
  .smb_holiday_main .smb_step {
    padding: 32px 20px;
  }
  .smb_holiday_main .smb_step__title,
  .smb_holiday_main .smb_why h3 {
    font-size: 26px;
  }
  .smb_holiday_main .smb_step__grid {
    grid-template-columns: 1fr;
  }
}
.smb_step--2{
 background:none !important;
}
/* STEP 2 and STEP 3 share one layout: two larger cards with the title on top,
   a 256px image below, and a border. Only the section background differs. */
.smb_holiday_main .smb_step--2 .smb_step__grid,
.smb_holiday_main .smb_step--3 .smb_step__grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 28px;
}
.smb_holiday_main .smb_step--2 .smb_step__grid a.pgresource,
.smb_holiday_main .smb_step--3 .smb_step__grid a.pgresource {
  padding: 28px;
  border: 1px solid rgba(0, 0, 0, 0.32);
  border-radius: 16px;
}
.smb_holiday_main .smb_step--2 .smb_step__grid .pgresource__title,
.smb_holiday_main .smb_step--3 .smb_step__grid .pgresource__title {
  order: 1;
  margin: 0 0 24px;
  font-size: 20px;
  letter-spacing: -0.4px;
}
.smb_holiday_main .smb_step--2 .smb_step__grid .pgresource__imagecontainer,
.smb_holiday_main .smb_step--3 .smb_step__grid .pgresource__imagecontainer {
  order: 2;
  height: 256px;
  padding-top: 0;
  border-radius: 12px;
}
.smb_holiday_main .smb_step--2 .smb_step__grid .pgresource__image,
.smb_holiday_main .smb_step--3 .smb_step__grid .pgresource__image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: none;
}
.smb_holiday_main .smb_step--2 .smb_step__grid .smb_card__watch,
.smb_holiday_main .smb_step--3 .smb_step__grid .smb_card__watch {
  order: 3;
  margin-top: 24px;
}
@media (max-width: 600px) {
  .smb_holiday_main .smb_step--2 .smb_step__grid,
  .smb_holiday_main .smb_step--3 .smb_step__grid {
    grid-template-columns: 1fr;
  }
  .smb_holiday_main .smb_step--2 .smb_step__grid a.pgresource,
  .smb_holiday_main .smb_step--3 .smb_step__grid a.pgresource {
    padding: 20px;
  }
  .smb_holiday_main .smb_step--2 .smb_step__grid .pgresource__imagecontainer,
  .smb_holiday_main .smb_step--3 .smb_step__grid .pgresource__imagecontainer {
    height: 200px;
  }
}
.smb_step--3{
  background:#EDBBE8!important;
} 
/* SMB Holiday Series — "Link your TikTok Ads account" footer CTA. */
.smb_holiday_main .footer_cta_wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 235px;
  padding: 48px 24px;
  border-radius: 16px;
  background: var(--Crimson, #4A0505) url("https://cdn.jsdelivr.net/gh/mirza-wq/tiktok-academy-assets-git@main/smb-footer-cta-background.png") center / cover no-repeat;
  text-align: center;
  box-sizing: border-box;
}
.smb_holiday_main .footer_cta_wrapper h3 {
  margin: 0 0 12px;
  color: var(--TikTok-White, #fff);
  font-family: "TikTok Sans", sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -0.64px;
}
.smb_holiday_main .footer_cta_wrapper p {
  margin: 0;
  color: var(--TikTok-White, #fff);
  font-family: "TikTok Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
}
.smb_holiday_main .footer_cta_wrapper p:empty,
.smb_holiday_main article.pgcomponent:has(.footer_cta_wrapper) .pgpost > p:empty {
  display: none;
}
.smb_holiday_main .footer_cta_wrapper .cta-button {
  margin-top: 28px;
  border:none !important;
  background:none !important;
}
.smb_holiday_main .footer_cta_wrapper .cta-button a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 16px;
  border-radius: 48px;
  background: var(--Blaze, #F1204A);
  color: #fff !important;
  font-family: "TikTok Sans", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  text-decoration: none !important;
}
.smb_holiday_main .footer_cta_wrapper .cta-button a:hover {
  background: #d91f43;
}
@media (max-width: 600px) {
  .smb_holiday_main .footer_cta_wrapper {
    padding: 40px 20px;
  }
  .smb_holiday_main .footer_cta_wrapper h3 {
    font-size: 26px;
  }
}

/* /student/live_events listing: hide the New Advertisers (3703127) and
   Advanced Advertisers (3703129) cards. Only the listing's own card links
   match, so the event pages themselves are unaffected. */
a[class*="myVideosListItem-module-item"][href^="/student/live_events/3703127"],
a[class*="myVideosListItem-module-item"][href^="/student/live_events/3703129"] {
  display: none !important;
}

/* Schedule intro heading turned into a link (scheduleIntroLinks in
   AGG_EVENTS): keeps the heading's own pink style, underline on hover. */
.agg_schedule__introlink,
.agg_schedule__introlink:visited {
  color: inherit;
  text-decoration: none;
}
.agg_schedule__introlink:hover {
  color: inherit;
  text-decoration: underline;
}

/* Apps & Gaming session recording pages (/student/activity/3649035 and
   3649033) —
   pink page, pink title, video in a white rounded box, Overview below. */
main.agg_session_main,
.agg_session_main .coursepage,
.agg_session_main .coursepage__content,
.agg_session_main article.coursepage__contentmain.page {
  background: var(--Dawn, #EDBBE8);
}
.agg_session_main article.coursepage__contentmain.page {
  width: 100% !important;
  max-width: 1440px !important;
  margin: 0 auto;
  padding: 64px clamp(20px, 7vw, 100px) 80px !important;
  box-sizing: border-box;
}
/* Title, video and Overview share one centred 960px column (the video's
   width), so nothing sits off to the left of a wide screen. */
.agg_session_main header.page__header,
.agg_session_main #course_page.page__courses {
  width: 100% !important;
  max-width: 960px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box;
}
.agg_session_main .pgheading,
.agg_session_main #course_page article.pgcomponent {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box;
}
.agg_session_main .enrollmentmessage,
.agg_session_main .pgheading__meta,
.agg_session_main .pgheading__actions,
.agg_session_main .pageoutline,
.agg_session_main .course__actions,
.agg_session_main .course__footercontainer {
  display: none !important;
}
.agg_session_main header.page__header {
  max-width: 100%;
  margin: 0 0 40px;
  padding: 0;
}
.agg_session_main .pgheading {
  border: 0;
  padding: 0;
  margin: 0;
}
.agg_session_main .pgheading__name {
  margin: 0;
  color: var(--Blaze, #F1204A);
  font-family: "TikTok Sans", sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 113%;
  letter-spacing: -0.96px;
}
.agg_session_main #course_page.page__courses {
  max-width: 100%;
  padding: 0;
}
.agg_session_main #course_page article.pgcomponent {
  max-width: 100%;
  margin: 0;
}
/* The video (a video component or an embed pasted into a text component)
   sits in .agg_session__videobox, added by the page script: the full 960px
   column, 16:9, white rounded box. */
.agg_session_main .pgmedia,
.agg_session_main .pgmedia__videowrapper,
.agg_session_main #course_page .pgpost:has(.agg_session__videobox) {
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}
.agg_session_main .agg_session__videobox {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  margin: 0 0 40px;
  border-radius: 20px;
  overflow: hidden;
  background: #fff;
}
.agg_session_main .agg_session__videobox iframe {
  position: absolute !important;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  border: 0;
}
.agg_session_main .pgmedia__caption {
  display: none;
}
.agg_session_main .agg_session__overview {
  max-width: 100%;
}
.agg_session_main .agg_session__heading {
  margin: 0 0 20px;
  color: #000;
  font-family: "TikTok Sans", sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -0.64px;
}
.agg_session_main .agg_session__text {
  margin: 0 0 16px;
  color: #000;
  font-family: "TikTok Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}
@media (max-width: 900px) {
  .agg_session_main article.coursepage__contentmain.page {
    padding: 40px 20px 60px !important;
  }
  .agg_session_main header.page__header {
    margin-bottom: 24px;
  }
  .agg_session_main .pgheading__name {
    font-size: 32px;
  }
  .agg_session_main .agg_session__videobox {
    margin-bottom: 28px;
    border-radius: 12px;
  }
  .agg_session_main .agg_session__heading {
    font-size: 26px;
  }
  .agg_session_main .agg_session__text {
    font-size: 17px;
  }
}

/* "Become a Media Buying Expert" (2640708): every section keeps its header,
   overriding the hide-after-the-first rule above (class set by index.html). */
.new_courses_main.keep_section_headers #course_content section.activitysection:nth-of-type(n + 2) > header {
  display: block;
}
.new_courses_main.keep_section_headers .course__contentcontainer .u-headingsection--activity.activitysection__name {
  margin-top: 0;
}

/* "Become a Media Buying Expert" (2640708) — Foundational / Advanced filter.
   Buttons reuse the courses-page .achievement_filters__btn styles. */
.new_courses_main .level_filters {
  align-items: center;
}
.new_courses_main .level_filters__label {
  margin-right: 12px;
  color: var(--TikTok-Black, #000);
  font-size: 12px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.12px;
}

/* 2640708 and the 2079614 Courses page only: Difficulty Level ("ADVANCED" /
   "FOUNDATIONAL") in the card's top-right corner, level with the path tag
   pill. .level_badge_main and .level_badge are added by index.html on those
   two pages alone. */
.level_badge_main.new_courses_main .activitysection .activitycard__textcontainer {
  position: relative;
}
/* Level shows on Media Buying paths only; every other tag (Creative, AI
   Solutions, Brand Safety) hides it. data-path-category is set by the path-tag
   script once the card's tag loads. */
.level_badge_main.new_courses_main .activitysection .activitycard__meta li.level_badge {
  display: none;
}
.level_badge_main.new_courses_main .activitysection li.cardgrid__item[data-path-category="media_buying"] .activitycard__meta li.level_badge {
  display: flex;
}
.level_badge_main.new_courses_main .activitysection .activitycard__meta li.level_badge {
  position: absolute;
  top: 0;
  right: 0;
  align-items: center;
  height: 24px; /* matches the tag pill: 6px padding + 12px text */
  margin: 0;
  color: rgba(0, 0, 0, 0.6);
  /* "TikTok Sans", the web font the page loads — Safari resolved "TikTok Sans
     Text" to a font without a 900 weight, so the label rendered regular. */
  font-family: "TikTok Sans", sans-serif !important;
  font-size: 8px;
  font-style: normal;
  font-weight: 900;
  font-variation-settings: "wght" 900;
  font-synthesis: weight;
  line-height: normal;
  letter-spacing: -0.16px;
  text-transform: uppercase;
}
.agenda_warpper.agg_session__text ol li {
    font-size: 16px;
    font-weight: 400;
    font-family: 'TikTok Sans';
}
article.pgcomponent[data-item-id="5976565"] .pgresource {
  background: #fff;
}
article.pgcomponent[data-item-id="5976574"] .pgresource {
  background: #fff;
}
/* =====================================================================
   START: BOOST PAGE — TikTok Shop Boost Brasil (/student/path/3734883)
   All of this page's CSS sits between this line and "END: BOOST PAGE".
   Every rule is scoped by .boost_main, which index.html adds to <main> on
   this page only (see the START / END: BOOST PAGE block there).
   ===================================================================== */

/* --- Banner (HTML comes from Admin: div.boost_banner) ---
   Left: the "TikTok Shop BOOST" image with the "Brasil 26" line under it,
   centred vertically. Right: the products image, which carries the small bag
   icon in its own bottom-right corner, so it sits close to the banner's right
   and bottom edges. */
.boost_main article.coursepage__contentmain.course {
  padding: 0 !important;
}
.boost_main header.course__headercontainer {
  display: none;
}
.boost_main .boost_banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  margin: 0;
  padding: 0 33px 0 clamp(24px, 7vw, 100px);
  background: var(--Muse, #EDD4B2);
  box-sizing: border-box;
}
.boost_main .boost_banner img {
  display: block;
  height: auto;
  border-radius: 0;
}
.boost_main .boost_banner__left {
  flex: 0 1 476px;
  min-width: 0;
}
.boost_main .boost_banner__title {
  width: 100%;
  max-width: 476px;
  margin: 0;
}
.boost_main .boost_banner__subtitle {
  margin: 16px 0 0;
  color: #000;
  font-family: "TikTok Sans Display", "TikTok Sans", sans-serif;
  font-size: 38px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.boost_main .boost_banner__items {
  flex: 0 1 457px;
  width: 100%;
  max-width: 457px;
  min-width: 0;
  margin: 70px 0 30px;
}
@media (max-width: 900px) {
  .boost_main .boost_banner {
    gap: 24px;
    padding: 0 16px 0 24px;
  }
  .boost_main .boost_banner__left {
    flex-basis: 50%;
  }
  .boost_main .boost_banner__subtitle {
    margin-top: 10px;
    font-size: 28px;
  }
  .boost_main .boost_banner__items {
    flex-basis: 42%;
    margin: 40px 0 20px;
  }
}
@media (max-width: 550px) {
  .boost_main .boost_banner {
    flex-direction: column;
    align-items: flex-start;
    padding: 32px 20px 16px;
  }
  .boost_main .boost_banner__left {
    flex: 0 0 auto;
    width: 100%;
    max-width: 280px;
  }
  .boost_main .boost_banner__subtitle {
    font-size: 24px;
  }
  .boost_main .boost_banner__items {
    flex: 0 0 auto;
    max-width: 300px;
    margin: 8px 0 0;
    align-self: flex-end;
  }
}

/* --- Intro section (HTML comes from Admin: section.boost_intro) ---
   Left: heading, intro text and the "Register now" button. Right: "Solutions
   include" with three cards (image, title, text, arrow link). The section
   sits in the path description, inside the page's content column, so it is
   pulled out to the full page width and re-centred at 1440px. */
.boost_main .boost_intro,
.boost_main .boost_intro * {
  font-family: "TikTok Sans", sans-serif !important;
  box-sizing: border-box;
}
.boost_main .boost_intro {
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  padding: 80px 0;
  background: #fff;
}
/* 100vw counts the scrollbar, so stop the few extra pixels from adding a
   sideways scroll. */
main.boost_main {
  overflow-x: clip;
}
.boost_main .boost_intro__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 60px;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 80px;
}
.boost_main .boost_intro__content {
  flex: 0 1 560px;
  min-width: 0;
}
.boost_main .boost_intro__title {
  max-width: 412px;
  margin: 0 0 24px;
  padding: 0;
  border: 0;
  color: #000;
  font-family: "TikTok Sans Display", "TikTok Sans", sans-serif !important;
  font-size: 32px;
  font-weight: 700;
  line-height: 115%;
  letter-spacing: normal;
}
.boost_main .boost_intro__text {
  max-width: 520px;
  margin: 0;
  color: rgba(0, 0, 0, 0.7);
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
}
.boost_main .boost_intro__register {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 52px;
  margin-top: 32px;
  padding: 0 20px;
  border-radius: 48px;
  background: var(--Blaze, #F1204A);
  color: #fff !important;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  text-decoration: none !important;
  transition: background 0.2s;
}
.boost_main .boost_intro__register:hover {
  background: #d91f43;
}
.boost_main .boost_solutions {
  flex: 0 1 632px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.boost_main .boost_solutions__heading {
  margin: 0 0 12px;
  padding: 0;
  border: 0;
  color: #000;
  font-family: "TikTok Sans Text", "TikTok Sans", sans-serif !important;
  font-size: 12px;
  font-weight: 700;
  line-height: 140%;
}
.boost_main .boost_solution {
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 96px;
  padding: 20px;
  border-radius: 16px;
  background: #F5F4F4;
}
.boost_main .boost_solution__image {
  flex: 0 0 56px;
  width: 56px;
  height: 56px;
  border-radius: 4px;
  overflow: hidden;
}
.boost_main .boost_solution__image img {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  border-radius: 0;
  object-fit: cover;
}
.boost_main .boost_solution__content {
  flex: 1 1 auto;
  min-width: 0;
}
.boost_main .boost_solution__title {
  margin: 0 0 4px;
  padding: 0;
  border: 0;
  color: #000;
  font-size: 16px;
  font-weight: 700;
  line-height: 130%;
}
.boost_main .boost_solution__text {
  margin: 0;
  color: #000;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
/* The arrow is drawn by this rule; the "→" in the markup is only there for
   screen readers and for the Admin editor, and is hidden here. */
.boost_main .boost_solution__arrow {
  flex: 0 0 42px;
  width: 42px;
  height: 28px;
  margin-left: 6px;
  border-radius: 100px;
  background: #000 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 7h10M7.5 2.5 12 7l-4.5 4.5'/%3E%3C/svg%3E") center / 13px no-repeat;
  text-decoration: none !important;
  transition: background-color 0.2s;
}
.boost_main .boost_solution__arrow:hover {
  background-color: var(--Blaze, #F1204A);
}
.boost_main .boost_solution__arrow span {
  display: none;
}
@media (max-width: 1024px) {
  .boost_main .boost_intro__container {
    flex-direction: column;
    align-items: stretch;
    gap: 40px;
    padding: 0 40px;
  }
  .boost_main .boost_intro__content,
  .boost_main .boost_solutions {
    flex-basis: auto;
  }
}
@media (max-width: 600px) {
  .boost_main .boost_intro {
    padding: 48px 0;
  }
  .boost_main .boost_intro__container {
    padding: 0 16px;
  }
  .boost_main .boost_intro__title {
    font-size: 28px;
  }
  .boost_main .boost_intro__text {
    font-size: 16px;
  }
  .boost_main .boost_solution {
    padding: 14px;
  }
}

/* --- Page column ---
   The sections below the intro sit in the native content column; it is
   widened to the design's 1440px with a small side gutter. */
.boost_main .course__contentcontainer {
  width: 100%;
  max-width: 1440px;
  margin-inline: auto;
  padding-inline: clamp(16px, 3.5vw, 50px);
  box-sizing: border-box;
}

/* --- Upcoming webinars (native curriculum section, no Admin HTML) ---
   index.html adds .boost_webinars to the section and .boost_webinar to each
   row, and fills in the tag, date, "Enroll Now" and image. Teal box, heading
   with a divider, then three white cards per row. */
.boost_main .boost_webinars,
.boost_main .boost_webinars * {
  font-family: "TikTok Sans", sans-serif !important;
  box-sizing: border-box;
}
.boost_main section.boost_webinars {
  margin: 0 0 32px;
  padding: 64px 56px;
  border-radius: 24px;
  background: var(--Shimmer, #BAF6F0);
}
.boost_main .boost_webinars > header {
  margin: 0 0 40px;
  padding: 0 0 24px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}
/* The heading is a collapse toggle natively; here the section stays open. */
.boost_main .boost_webinars button.activitysection__header {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent !important;
  text-align: left;
  pointer-events: none;
}
.boost_main .boost_webinars .activitysection__toggle {
  display: none;
}
.boost_main .boost_webinars .activitysection__name {
  margin: 0;
  padding: 0;
  color: #000;
  font-family: "TikTok Sans Display", "TikTok Sans", sans-serif !important;
  font-size: 32px;
  font-weight: 700;
  line-height: 115%;
  letter-spacing: normal;
}
.boost_main .boost_webinars .activitysection__content {
  margin: 0;
  padding: 0;
}
.boost_main .boost_webinars ul.courselist {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.boost_main .boost_webinars .courselist__item {
  display: flex;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 16px;
  background: #fff;
}
.boost_main .boost_webinars .courselist__item::before,
.boost_main .boost_webinars .courselist__item::after {
  display: none;
}
.boost_main .boost_webinars .courselist__item a.double_click_protection {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-width: 0;
  padding: 16px;
  border-radius: 16px;
  color: #000;
  text-decoration: none !important;
}
.boost_main .boost_webinars .courselist__itemcontent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  padding: 0;
}
.boost_main .boost_webinars .courselist__itemcontent .activitymeta {
  display: none;
}
.boost_main .boost_webinar__tag {
  display: inline-flex;
  align-items: center;
  margin: 0 0 22px;
  padding: 4px 12px;
  border-radius: 100px;
  background: var(--Blaze, #F1204A);
  color: #fff;
  font-size: 10px;
  font-weight: 900;
  line-height: normal;
  letter-spacing: 0.2px;
  text-transform: uppercase;
}
.boost_main .boost_webinar__date {
  margin: 0 0 12px;
  color: #000;
  font-size: 14px;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0.28px;
  text-transform: uppercase;
}
.boost_main .boost_webinars .activitysection__itemname {
  margin: 0;
  padding: 0;
  color: #000;
  font-family: "TikTok Sans Display", "TikTok Sans", sans-serif !important;
  font-size: 20px;
  font-weight: 700;
  line-height: 115%;
  letter-spacing: -0.4px;
  text-decoration: none !important;
}
.boost_main .boost_webinar__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 20px 0 0;
  padding: 11px 12px;
  border: 1px solid #000;
  border-radius: 100px;
  color: #000;
  font-size: 12px;
  font-weight: 500;
  line-height: 140%;
  transition: background 0.2s, color 0.2s, border-color 0.2s;
}
.boost_main .boost_webinars .courselist__item a.double_click_protection:hover .boost_webinar__cta {
  border-color: var(--Blaze, #F1204A);
  background: var(--Blaze, #F1204A);
  color: #fff;
}
/* The native marker, emptied by index.html: the image box at the bottom of
   the card, with the region written down its right edge. Grey until the
   image arrives (or if the webinar has none). */
.boost_main .boost_webinars .courselist__marker.boost_webinar__image {
  position: relative;
  order: 2;
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  margin: 40px 0 0;
  border: 0;
  border-radius: 8px;
  background: #D9D9D9;
  overflow: hidden;
}
.boost_main .boost_webinars .boost_webinar__image img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  border-radius: 0;
  object-fit: cover;
}
.boost_main .boost_webinar__region {
  position: absolute;
  top: 10px;
  right: 8px;
  z-index: 1;
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  line-height: normal;
  white-space: nowrap;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
}
@media (max-width: 1024px) {
  .boost_main section.boost_webinars {
    padding: 40px 32px;
  }
  .boost_main .boost_webinars ul.courselist {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 600px) {
  .boost_main section.boost_webinars {
    padding: 32px 16px;
    border-radius: 16px;
  }
  .boost_main .boost_webinars > header {
    margin-bottom: 24px;
    padding-bottom: 16px;
  }
  .boost_main .boost_webinars .activitysection__name {
    font-size: 26px;
  }
  .boost_main .boost_webinars ul.courselist {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

/* --- Continue your learning journey (native curriculum section, no Admin
   HTML) ---
   index.html adds .boost_journey to the section and .boost_course to each
   row, and fills in the image, description and arrow. White background,
   heading with a divider, then three course cards per row. */
.boost_main .boost_journey,
.boost_main .boost_journey * {
  font-family: "TikTok Sans", sans-serif !important;
  box-sizing: border-box;
}
.boost_main section.boost_journey {
  margin: 0;
  padding: 40px 24px 64px;
  background: #fff;
}
.boost_main .boost_journey > header {
  margin: 0 0 32px;
  padding: 0 0 24px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
/* The heading is a collapse toggle natively; here the section stays open. */
.boost_main .boost_journey button.activitysection__header {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent !important;
  text-align: left;
  pointer-events: none;
}
.boost_main .boost_journey .activitysection__toggle {
  display: none;
}
.boost_main .boost_journey .activitysection__name {
  margin: 0;
  padding: 0;
  color: #000;
  font-family: "TikTok Sans Display", "TikTok Sans", sans-serif !important;
  font-size: 32px;
  font-weight: 700;
  line-height: 115%;
  letter-spacing: -0.64px;
}
.boost_main .boost_journey .activitysection__content {
  margin: 0;
  padding: 0;
}
.boost_main .boost_journey ul.courselist {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 40px 32px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.boost_main .boost_journey .courselist__item {
  display: flex;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}
.boost_main .boost_journey .courselist__item::before,
.boost_main .boost_journey .courselist__item::after {
  display: none;
}
.boost_main .boost_journey .courselist__item a.double_click_protection {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-width: 0;
  padding: 0;
  color: #000;
  text-decoration: none !important;
}
/* The native marker, emptied by index.html: the course's cover picture.
   Grey until the image arrives (or if the course has none). */
.boost_main .boost_journey .courselist__marker.boost_course__image {
  position: relative;
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  margin: 0 0 24px;
  border: 0;
  border-radius: 8px;
  background: #D9D9D9;
  overflow: hidden;
}
.boost_main .boost_journey .boost_course__image img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  border-radius: 0;
  object-fit: cover;
}
.boost_main .boost_journey .courselist__itemcontent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  padding: 0;
}
.boost_main .boost_journey .courselist__itemcontent .activitymeta {
  display: none;
}
/* The arrow sits at the bottom of the card, so the arrows of one row line up
   whatever the length of the title and text above them. This spacer keeps it
   at least 24px below the text. */
.boost_main .boost_journey .courselist__itemcontent::before {
  content: "";
  order: 1;
  flex: 0 0 24px;
}
.boost_main .boost_journey .boost_course__arrow {
  order: 2;
  margin-top: auto;
}
.boost_main .boost_journey .activitysection__itemname {
  margin: 0;
  padding: 0;
  color: #000;
  font-size: 18px;
  font-weight: 700;
  line-height: 125%;
  letter-spacing: normal;
  text-decoration: none !important;
}
.boost_main .boost_course__text {
  margin: 8px 0 0;
  color: rgba(0, 0, 0, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}
.boost_main .boost_course__arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 28px;
  margin: 24px 0 0;
  border-radius: 100px;
  background: #EEE;
  color: #000;
  transition: background 0.2s, color 0.2s;
}
.boost_main .boost_course__arrow svg {
  display: block;
  width: 11px;
  height: 9px;
}
.boost_main .boost_journey .courselist__item a.double_click_protection:hover .boost_course__arrow {
  background: var(--Blaze, #F1204A);
  color: #fff;
}
@media (max-width: 1024px) {
  .boost_main .boost_journey ul.courselist {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px 24px;
  }
}
@media (max-width: 600px) {
  .boost_main section.boost_journey {
    padding: 24px 0 40px;
  }
  .boost_main .boost_journey > header {
    margin-bottom: 24px;
    padding-bottom: 16px;
  }
  .boost_main .boost_journey .activitysection__name {
    font-size: 26px;
  }
  .boost_main .boost_journey ul.courselist {
    grid-template-columns: 1fr;
  }
  .boost_main .boost_journey .boost_course__image {
    margin-bottom: 16px;
  }
}

/* --- Drive results with TikTok Shop playbooks ---
   The heading and description are native (Admin); index.html moves them into
   the left column, adds the "Register now" button, and builds the four cards
   on the right from its static PLAYBOOKS list. Sand background across the
   full page width, content re-centred at 1440px. */
.boost_main .boost_playbooks,
.boost_main .boost_playbooks * {
  font-family: "TikTok Sans", sans-serif !important;
  box-sizing: border-box;
}
.boost_main section.boost_playbooks {
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  padding: 80px 0;
  background: var(--Muse, #EDD4B2);
}
/* The section's own activity list is not part of this design. */
.boost_main .boost_playbooks > .activitysection__content {
  display: none !important;
}
.boost_main .boost_playbooks__container {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 60px;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 80px;
}
.boost_main .boost_playbooks__content {
  flex: 0 1 460px;
  min-width: 0;
}
.boost_main .boost_playbooks header {
  margin: 0;
  padding: 0;
  border: 0;
}
/* The heading is a collapse toggle natively; here it is plain text. */
.boost_main .boost_playbooks button.activitysection__header {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent !important;
  text-align: left;
  pointer-events: none;
}
.boost_main .boost_playbooks .activitysection__toggle {
  display: none;
}
.boost_main .boost_playbooks .activitysection__name {
  max-width: 440px;
  margin: 0;
  padding: 0;
  color: #000;
  font-family: "TikTok Sans Display", "TikTok Sans", sans-serif !important;
  font-size: 36px;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -0.72px;
}
.boost_main .boost_playbooks .course__description {
  margin: 20px 0 0;
  padding: 0;
}
.boost_main .boost_playbooks .course__description p {
  margin: 0;
  color: rgba(0, 0, 0, 0.7);
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
}
.boost_main .boost_playbooks__register {
  margin-top: 40px;
}
/* Two columns with no gap, so the line above the second row runs unbroken;
   the space between the columns is the left card's own right padding. */
.boost_main .boost_playbooks__grid {
  flex: 0 1 750px;
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.boost_main .boost_playbook {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  padding: 0 0 36px;
  color: #000;
  text-decoration: none !important;
}
.boost_main .boost_playbook:nth-child(odd) {
  padding-right: 36px;
}
.boost_main .boost_playbook:nth-child(n + 3) {
  padding-top: 36px;
  padding-bottom: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.boost_main .boost_playbook__image {
  flex: 0 0 160px;
  width: 160px;
  height: 160px;
  border-radius: 8px;
  background: #000;
  overflow: hidden;
  padding:32px;
}
.boost_main .boost_playbook__image img {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  border-radius: 0;
  object-fit: cover;
}
.boost_main .boost_playbook__body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 1 auto;
  min-width: 0;
  padding-top: 4px;
}
.boost_main .boost_playbook__title {
  margin: 0 0 8px;
  padding: 0;
  border: 0;
  color: #000;
  font-size: 18px;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: normal;
}
.boost_main .boost_playbook__text {
  display: -webkit-box;
  margin: 0;
  color: rgba(0, 0, 0, 0.7);
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.boost_main .boost_playbook__arrow {
  margin-top: 16px;
}
.boost_main a.boost_playbook:hover .boost_playbook__arrow {
  background: var(--Blaze, #F1204A);
  color: #fff;
}
@media (max-width: 1100px) {
  .boost_main .boost_playbooks__container {
    flex-direction: column;
    align-items: stretch;
    gap: 48px;
    padding: 0 40px;
  }
  .boost_main .boost_playbooks__content,
  .boost_main .boost_playbooks__grid {
    flex-basis: auto;
  }
}
@media (max-width: 700px) {
  .boost_main section.boost_playbooks {
    padding: 48px 0;
  }
  .boost_main .boost_playbooks__container {
    gap: 32px;
    padding: 0 16px;
  }
  .boost_main .boost_playbooks .activitysection__name {
    font-size: 28px;
  }
  .boost_main .boost_playbooks .course__description p {
    font-size: 16px;
  }
  .boost_main .boost_playbooks__register {
    margin-top: 28px;
  }
  .boost_main .boost_playbooks__grid {
    grid-template-columns: 1fr;
  }
  .boost_main .boost_playbook,
  .boost_main .boost_playbook:nth-child(odd),
  .boost_main .boost_playbook:nth-child(n + 3) {
    padding: 24px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
  }
  .boost_main .boost_playbook:first-child {
    padding-top: 0;
    border-top: 0;
  }
  .boost_main .boost_playbook:last-child {
    padding-bottom: 0;
  }
  .boost_main .boost_playbook__image {
    flex-basis: 112px;
    width: 112px;
    height: 112px;
  }
}

/* --- Browse our recorded webinar sessions (native curriculum section, no
   Admin HTML) ---
   index.html adds .boost_recorded to the section and .boost_recorded_card to
   each row, and fills in the tag, description, arrow and image. White
   background, heading with a divider, then two cards per row with a line
   under every row. */
.boost_main .boost_recorded,
.boost_main .boost_recorded * {
  font-family: "TikTok Sans", sans-serif !important;
  box-sizing: border-box;
}
.boost_main section.boost_recorded {
  margin: 0;
  padding: 64px 24px;
  background: #fff;
}
.boost_main .boost_recorded > header {
  margin: 0;
  padding: 0 0 24px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
/* The heading is a collapse toggle natively; here the section stays open. */
.boost_main .boost_recorded button.activitysection__header {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent !important;
  text-align: left;
  pointer-events: none;
}
.boost_main .boost_recorded .activitysection__toggle {
  display: none;
}
.boost_main .boost_recorded .activitysection__name {
  margin: 0;
  padding: 0;
  color: #000;
  font-family: "TikTok Sans Display", "TikTok Sans", sans-serif !important;
  font-size: 32px;
  font-weight: 700;
  line-height: 115%;
  letter-spacing: -0.64px;
}
.boost_main .boost_recorded .activitysection__content {
  margin: 0;
  padding: 0;
}
/* Two columns with no gap, so the line under each row runs unbroken; the
   space between the columns is the left card's own right padding. */
.boost_main .boost_recorded ul.courselist {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}
.boost_main .boost_recorded .courselist__item {
  display: flex;
  margin: 0;
  padding: 40px 0;
  border: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 0;
  background: transparent;
}
.boost_main .boost_recorded .courselist__item:nth-child(odd) {
  padding-right: 40px;
}
.boost_main .boost_recorded .courselist__item::before,
.boost_main .boost_recorded .courselist__item::after {
  display: none;
}
.boost_main .boost_recorded .courselist__item a.double_click_protection {
  display: flex;
  align-items: flex-start;
  gap: 36px;
  flex: 1 1 auto;
  min-width: 0;
  padding: 0;
  color: #000;
  text-decoration: none !important;
}
/* The native marker, emptied by index.html: the recording's cover picture,
   cropped square. Grey until the image arrives (or if there is none). */
.boost_main .boost_recorded .courselist__marker.boost_recorded__image {
  position: relative;
  flex: 0 0 240px;
  width: 240px;
  height: 240px;
  margin: 0;
  border: 0;
  border-radius: 8px;
  background: #D9D9D9;
  overflow: hidden;
}
.boost_main .boost_recorded .boost_recorded__image img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  border-radius: 0;
  object-fit: cover;
}
.boost_main .boost_recorded .courselist__itemcontent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  padding: 14px 0 0;
}
.boost_main .boost_recorded .courselist__itemcontent .activitymeta {
  display: none;
}
.boost_main .boost_recorded__tag {
  display: inline-flex;
  align-items: center;
  margin: 0 0 16px;
  padding: 4px 12px;
  border-radius: 100px;
  font-size: 10px;
  font-weight: 900;
  line-height: normal;
  letter-spacing: 0.2px;
  text-transform: uppercase;
}
.boost_main .boost_recorded .activitysection__itemname {
  margin: 0;
  padding: 0;
  color: #000;
  font-family: "TikTok Sans Display", "TikTok Sans", sans-serif !important;
  font-size: 20px;
  font-weight: 700;
  line-height: 115%;
  letter-spacing: -0.4px;
  text-decoration: none !important;
}
.boost_main .boost_recorded__text {
  display: -webkit-box;
  margin: 8px 0 0;
  color: rgba(0, 0, 0, 0.7);
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
/* Grey arrow pill; on hover it becomes the pink "Watch Now" button. */
.boost_main .boost_recorded__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 42px;
  height: 28px;
  margin: 16px 0 0;
  padding: 0 14px;
  border-radius: 100px;
  background: #EEE;
  color: #000;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
  transition: background 0.2s, color 0.2s;
}
.boost_main .boost_recorded__cta svg {
  display: block;
  flex: 0 0 auto;
  width: 11px;
  height: 9px;
}
.boost_main .boost_recorded__ctalabel {
  display: none;
}
.boost_main .boost_recorded .courselist__item a.double_click_protection:hover .boost_recorded__cta {
  background: var(--Blaze, #F1204A);
  color: #fff;
}
.boost_main .boost_recorded .courselist__item a.double_click_protection:hover .boost_recorded__ctalabel {
  display: inline;
}
@media (max-width: 1024px) {
  .boost_main .boost_recorded ul.courselist {
    grid-template-columns: 1fr;
  }
  .boost_main .boost_recorded .courselist__item,
  .boost_main .boost_recorded .courselist__item:nth-child(odd) {
    padding: 32px 0;
  }
}
@media (max-width: 600px) {
  .boost_main section.boost_recorded {
    padding: 40px 0;
  }
  .boost_main .boost_recorded > header {
    padding-bottom: 16px;
  }
  .boost_main .boost_recorded .activitysection__name {
    font-size: 26px;
  }
  .boost_main .boost_recorded .courselist__item,
  .boost_main .boost_recorded .courselist__item:nth-child(odd) {
    padding: 24px 0;
  }
  .boost_main .boost_recorded .courselist__item a.double_click_protection {
    gap: 16px;
  }
  .boost_main .boost_recorded .courselist__marker.boost_recorded__image {
    flex-basis: 112px;
    width: 112px;
    height: 112px;
  }
  .boost_main .boost_recorded .courselist__itemcontent {
    padding-top: 0;
  }
  .boost_main .boost_recorded .activitysection__itemname {
    font-size: 18px;
  }
  .boost_main .boost_recorded__text {
    font-size: 14px;
  }
}

/* --- Link your TikTok Ads account (the last section) ---
   The heading and the line under it are native (Admin); index.html adds
   .boost_link to the section and the "Get Started" button. Crimson rounded
   box with the TikTok-logo pattern, everything centred. */
.boost_main .boost_link,
.boost_main .boost_link * {
  font-family: "TikTok Sans", sans-serif !important;
  box-sizing: border-box;
}
.boost_main section.boost_link {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 266px;
  margin: 16px 0 48px;
  padding: 64px 24px;
  border-radius: 24px;
  background: var(--Crimson, #4A0505) url("https://cdn.jsdelivr.net/gh/mirza-wq/tiktok-academy-assets-git@main/smb-footer-cta-background.png") center / cover no-repeat;
  text-align: center;
}
.boost_main .boost_link > header {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  border: 0;
}
/* The heading is a collapse toggle natively; here it is plain text. */
.boost_main .boost_link button.activitysection__header {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent !important;
  text-align: center;
  pointer-events: none;
}
.boost_main .boost_link .activitysection__toggle {
  display: none;
}
/* The heading stays on one line (it wraps again on phones, below). */
.boost_main .boost_link .activitysection__name {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  color: #fff;
  font-family: "TikTok Sans Display", "TikTok Sans", sans-serif !important;
  font-size: 32px;
  font-weight: 700;
  line-height: 115%;
  letter-spacing: -0.64px;
}
.boost_main .boost_link .activitysection__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0;
  padding: 0;
}
/* Native "There are no activities in this section." line. */
.boost_main .boost_link .activitysection__content > p {
  display: none;
}
.boost_main .boost_link .course__description {
  margin: 12px 0 0;
  padding: 0;
}
.boost_main .boost_link .course__description p {
  margin: 0;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
}
.boost_main .boost_link__cta {
  margin-top: 28px;
}
@media (max-width: 600px) {
  .boost_main section.boost_link {
    min-height: 0;
    margin: 0 0 32px;
    padding: 40px 20px;
    border-radius: 16px;
  }
  .boost_main .boost_link .activitysection__name {
    font-size: 26px;
    white-space: normal;
  }
}

/* --- Intro section: Figma type sizes ---
   The section sits inside the native path description, whose own text styles
   are stronger than a plain class rule, so these values are !important. */
.boost_main .boost_intro {
  padding: 30px 0;
}
.boost_main .boost_intro .boost_intro__title {
  margin: 0 0 24px !important;
  font-family: "TikTok Sans Display", "TikTok Sans", sans-serif !important;
  font-size: 32px !important;
  font-style: normal;
  font-weight: 700 !important;
  line-height: 115% !important;
}
.boost_main .boost_intro .boost_intro__text {
  margin: 0 !important;
  color: rgba(0, 0, 0, 0.7);
  font-family: "TikTok Sans Text", "TikTok Sans", sans-serif !important;
  font-size: 16px !important;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 140% !important;
}
.boost_main .boost_intro .boost_solutions__heading {
  margin: 0 0 12px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 140% !important;
}
.boost_main .boost_intro .boost_solution {
  min-height: 94px;
  padding: 18px 20px 0;
}
.boost_main .boost_intro .boost_solution__title {
  margin: 0 0 4px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 130% !important;
}
.boost_main .boost_intro .boost_solution__text {
  margin: 0 !important;
  overflow: hidden;
  color: #000;
  text-overflow: ellipsis;
  font-family: "TikTok Sans Text", "TikTok Sans", sans-serif !important;
  font-size: 12px !important;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 140% !important;
}
@media (max-width: 600px) {
  .boost_main .boost_intro .boost_intro__title {
    font-size: 28px !important;
  }
}

/* =====================================================================
   END: BOOST PAGE
   ===================================================================== */