:root {
  --color--black: black;
  --_typography---font-family--poppins: Poppins, sans-serif;
  --color--white: white;
  --_typography---paragraph-font-size--small-paragraph: 14px;
  --_typography---font-line-height--large-line-height: 140%;
  --_typography---font-weight--normal: 400;
  --_typography---heading-font-size--h1: 76px;
  --_typography---font-line-height--small-line-height: 100%;
  --_typography---font-weight--medium: 500;
  --_typography---heading-font-size--h2: 64px;
  --_typography---heading-font-size--h3: 48px;
  --_typography---heading-font-size--h4: 32px;
  --_typography---heading-font-size--h5: 24px;
  --_typography---font-line-height--medium-line-height: 110%;
  --_spacing---spacing--80px: 80px;
  --_spacing---spacing--section: 120px;
  --_spacing---spacing--32px: 32px;
  --_spacing---spacing--18px: 18px;
  --color--white-700: #ffffffb3;
  --_typography---paragraph-font-size--paragraph: 16px;
  --headlines: "Playfair Display", sans-serif;
  --color--orange: #d49950;
  --color--white-900: #ffffffe6;
  --_typography---paragraph-font-size--large-text: 20px;
  --_typography---paragraph-font-size--large-paragraph: 18px;
  --color--white-100: #ffffff1a;
  --_spacing---radius--small: 4px;
  --_spacing---radius--medium: 8px;
  --color--black-500: #00000080;
  --color--gray-950: #030303;
  --_spacing---radius--large: 12px;
  --color--gray-900: #101010;
  --color--white-50: #ffffff0d;
  --color--shark-950: #1e1e1e;
  --color--white-500: #ffffff80;
  --color--shark-700: #1e1e1eb3;
  --color--shark-400: #1e1e1e66;
  --color--shark-100: #1e1e1e1a;
  --color--gray-800: #161616;
  --_typography---font-weight--light: 300;
  --_typography---font-weight--semi-bold: 600;
  --_typography---font-weight--bold: 700;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  background-color: var(--color--black);
  font-family: var(--_typography---font-family--poppins);
  color: var(--color--white);
  font-size: var(--_typography---paragraph-font-size--small-paragraph);
  line-height: var(--_typography---font-line-height--large-line-height);
  font-weight: var(--_typography---font-weight--normal);
}

h1 {
  color: var(--color--white);
  font-size: var(--_typography---heading-font-size--h1);
  line-height: var(--_typography---font-line-height--small-line-height);
  font-weight: var(--_typography---font-weight--medium);
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 0;
}

h2 {
  z-index: 1;
  color: var(--color--white);
  font-size: var(--_typography---heading-font-size--h2);
  line-height: var(--_typography---font-line-height--small-line-height);
  font-weight: var(--_typography---font-weight--medium);
  letter-spacing: -3.8px;
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
}

h3 {
  color: var(--color--white);
  font-size: var(--_typography---heading-font-size--h3);
  line-height: var(--_typography---font-line-height--small-line-height);
  font-weight: var(--_typography---font-weight--medium);
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 0;
}

h4 {
  color: var(--color--white);
  font-size: var(--_typography---heading-font-size--h4);
  line-height: var(--_typography---font-line-height--small-line-height);
  font-weight: var(--_typography---font-weight--medium);
  letter-spacing: -1.5px;
  margin-top: 0;
  margin-bottom: 0;
}

h5 {
  color: var(--color--white);
  font-size: var(--_typography---heading-font-size--h5);
  line-height: var(--_typography---font-line-height--medium-line-height);
  font-weight: var(--_typography---font-weight--medium);
  margin-top: 0;
  margin-bottom: 0;
}

.hero-section {
  padding-top: 200px;
  padding-bottom: var(--_spacing---spacing--80px);
  background-image: url('../images/web-hero-bg.svg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 100vw;
  overflow: hidden;
}

.hero-section._404-section {
  padding-bottom: var(--_spacing---spacing--section);
}

.container {
  max-width: 1400px;
  padding-left: 20px;
  padding-right: 20px;
}

.hero-wrapper {
  margin-bottom: var(--_spacing---spacing--80px);
  grid-column-gap: var(--_spacing---spacing--80px);
  grid-row-gap: var(--_spacing---spacing--80px);
  flex-flow: column;
  display: flex;
}

.common-heading-div {
  grid-column-gap: var(--_spacing---spacing--32px);
  grid-row-gap: var(--_spacing---spacing--32px);
  flex-flow: column;
  display: flex;
}

.common-heading-div.text-center {
  justify-content: flex-start;
  align-items: center;
}

.common-heading-div.text-center.margin-bottom.small {
  grid-column-gap: var(--_spacing---spacing--18px);
  grid-row-gap: var(--_spacing---spacing--18px);
}

.text-center {
  text-align: center;
}

.margin-bottom {
  margin-bottom: var(--_spacing---spacing--80px);
}

.hero-rating-div {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.hero-rating-star {
  line-height: 50%;
}

.white-text {
  color: var(--color--white);
}

.paragraph {
  color: var(--color--white-700);
  font-size: var(--_typography---paragraph-font-size--paragraph);
  line-height: var(--_typography---font-line-height--large-line-height);
  font-weight: var(--_typography---font-weight--normal);
  margin-bottom: 0;
}

.paragraph.white-text {
  color: var(--color--white);
}

.paragraph.footer-link {
  text-decoration: none;
}

.paragraph.left {
  text-align: left;
}

.orange-text {
  font-family: var(--headlines);
  color: var(--color--orange);
  text-decoration: none;
}

.large-text {
  color: var(--color--white-900);
  font-size: var(--_typography---paragraph-font-size--large-text);
  line-height: var(--_typography---font-line-height--large-line-height);
  font-weight: var(--_typography---font-weight--normal);
  margin-bottom: 0;
}

.large-text.hero-paragraph {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.large-text.faq-heading {
  flex-flow: column;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  font-weight: 500;
  display: flex;
  overflow: visible;
}

.hero-button-div {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.button {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border: 1px solid var(--color--white-100);
  border-radius: var(--_spacing---radius--small);
  background-color: var(--color--orange);
  background-image: linear-gradient(96deg, var(--color--orange), #f5c13e);
  color: var(--color--white);
  font-size: var(--_typography---paragraph-font-size--paragraph);
  line-height: var(--_typography---font-line-height--large-line-height);
  font-weight: var(--_typography---font-weight--normal);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.button:where(.w-variant-6fda3437-ca19-4135-0828-1f620111caad) {
  background-color: var(--color--white);
  color: var(--color--black);
}

.button:hover {
  background-color: var(--color--white);
  filter: brightness(110%);
  color: var(--color--white);
  transform: scale(1.05);
}

.button:hover:where(.w-variant-6fda3437-ca19-4135-0828-1f620111caad) {
  background-color: var(--color--orange);
  color: var(--color--white);
}

.button-arrow {
  line-height: 10%;
}

.text-link {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: var(--color--white);
  font-size: var(--_typography---paragraph-font-size--paragraph);
  line-height: var(--_typography---font-line-height--large-line-height);
  font-weight: var(--_typography---font-weight--normal);
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.text-link:hover {
  color: var(--color--orange);
}

.hero-company-logo-wrapper {
  margin-top: var(--_spacing---spacing--80px);
  grid-column-gap: var(--_spacing---spacing--18px);
  grid-row-gap: var(--_spacing---spacing--18px);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.small-paragraph {
  color: var(--color--white-700);
  font-size: var(--_typography---paragraph-font-size--small-paragraph);
  line-height: var(--_typography---font-line-height--large-line-height);
  font-weight: var(--_typography---font-weight--normal);
  margin-bottom: 0;
}

.small-paragraph.white-text {
  color: var(--color--white);
}

.hero-video-div {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  border-radius: var(--_spacing---radius--medium);
  perspective: 1000px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.hero-video-image {
  width: 100%;
  height: 100%;
}

.hero-video-button {
  background-color: var(--color--black-500);
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 85px;
  display: flex;
  position: absolute;
}

.play-icon {
  width: 38px;
  min-width: 38px;
  margin-left: 10px;
  line-height: 50%;
}

.hero-video-lightbox {
  border-radius: var(--_spacing---radius--medium);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.header {
  background-color: #0000;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  position: fixed;
  inset: 40px 0% auto;
}

.brand-logo-link {
  padding-left: 0;
}

.brand-logo-link.w--current {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.logo {
  width: auto;
  height: 60px;
}

.nav-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.nav-link {
  color: var(--color--white);
  font-size: var(--_typography---paragraph-font-size--paragraph);
  line-height: var(--_typography---font-line-height--large-line-height);
  padding: 10px 0;
  font-weight: 400;
}

.nav-link.w--current {
  color: var(--color--orange);
}

.nav-menu-link-div {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.section {
  padding-top: var(--_spacing---spacing--section);
  padding-bottom: var(--_spacing---spacing--section);
}

.section.background-gray {
  background-color: var(--color--gray-950);
  overflow: hidden;
}

.section.background-gray.bonus {
  grid-column-gap: 15rem;
  grid-row-gap: 15rem;
  flex-flow: column;
  display: flex;
}

.section.newsletter-section {
  background-image: linear-gradient(90deg, #000 15%, #0000 65%), url('../images/Untitled-design---2025-11-23T220126.674.jpg');
  background-position: 0 0, 50% 0;
  background-size: auto, cover;
}

.about-subheading-div {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.about-review-div {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.about-review-icon {
  line-height: 10%;
}

.about-user-image {
  border: 3px solid var(--color--black);
  border-radius: 100px;
  width: 40px;
  height: 40px;
}

.about-user-image.margin {
  margin-left: -10px;
}

.heading-div {
  position: relative;
}

.about-heading-gradient {
  background-image: linear-gradient(90deg, var(--color--orange), transparent);
  opacity: .3;
  filter: blur(20px);
  border-radius: 100%;
  width: 100%;
  height: 81px;
  position: absolute;
  inset: auto 0% 0%;
}

.large-paragraph {
  color: var(--color--white-900);
  font-size: var(--_typography---paragraph-font-size--large-paragraph);
  line-height: var(--_typography---font-line-height--large-line-height);
  font-weight: var(--_typography---font-weight--normal);
  margin-bottom: 0;
}

.large-paragraph.learn-paragraph {
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
}

.large-paragraph.curriculum-paragraph {
  max-width: 440px;
  margin-left: auto;
  margin-right: auto;
}

.large-paragraph.testimonial-paragraph {
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
}

.large-paragraph.comparison-paragraph {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.large-paragraph.newsletter-paragraph {
  max-width: 570px;
}

.large-paragraph.confirmation-step-paragraph {
  color: var(--color--white-700);
  max-width: 220px;
}

.large-paragraph.hero-template-paragraph {
  max-width: 740px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
}

.learn-heading-gradient {
  background-image: linear-gradient(-90deg, var(--color--orange), transparent);
  opacity: .3;
  filter: blur(20px);
  border-radius: 100%;
  width: 550px;
  height: 81px;
  position: absolute;
  inset: -20% 0% auto;
}

.learn-grid {
  margin-right: auto;
  margin-bottom: var(--_spacing---spacing--80px);
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-columns: 1fr 1fr 1fr;
  max-width: 1000px;
  margin-left: auto;
}

.learn-card {
  padding: var(--_spacing---spacing--32px);
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border-radius: var(--_spacing---radius--large);
  background-color: var(--color--gray-900);
  flex-flow: column;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.learn-card._01 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-image: url('../images/learn-bg-image1.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-left: 0;
  padding-right: 0;
}

.learn-card._02 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-image: url('../images/learn-bg-image2.svg');
  background-position: 50%;
  background-size: cover;
  padding-left: 0;
  padding-right: 0;
}

.learn-icon-box {
  border: 1px solid var(--color--white-50);
  border-radius: var(--_spacing---radius--small);
  background-color: var(--color--white-50);
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.learn-icon-box.margin {
  margin-left: var(--_spacing---spacing--32px);
}

.learn-icon {
  line-height: 10%;
}

.learn-image-wrapper-01 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  padding-top: 37px;
  padding-bottom: 37px;
  display: flex;
}

.learn-image-div-01 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.learn-image-div-01.left {
  margin-left: -30px;
}

.learn-image-div-01.right {
  justify-content: flex-end;
  align-items: center;
  margin-right: -30px;
}

.learn-box {
  background-color: #ffffff14;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  width: 59px;
  height: 59px;
  transition: all .3s;
  display: flex;
}

.learn-box:hover {
  background-color: var(--color--shark-950);
}

.learn-profile-image {
  width: 40px;
  height: 40px;
}

.learn-detail-div {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.learn-detail-div._01 {
  padding-right: var(--_spacing---spacing--32px);
  padding-left: var(--_spacing---spacing--32px);
}

.h5-heading {
  color: var(--color--white);
  font-size: var(--_typography---heading-font-size--h5);
  line-height: var(--_typography---font-line-height--medium-line-height);
  font-weight: var(--_typography---font-weight--medium);
}

.learn-button-div {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.instructor-grid {
  grid-column-gap: 80px;
  grid-row-gap: 120px;
  grid-template-rows: auto;
  place-items: center stretch;
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
}

.instructor-image-div {
  position: relative;
}

.instructor-image {
  z-index: 2;
  border-radius: var(--_spacing---radius--medium);
  object-fit: cover;
  width: 100%;
  height: 550px;
  position: relative;
}

.instructor-image-box {
  z-index: 1;
  border: 1px solid var(--color--white-50);
  border-radius: var(--_spacing---radius--medium);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background-color: #d9d9d90d;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
  transform: translate(-30px, 30px);
}

.instructor-image-box._01 {
  z-index: 0;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background-color: #0000;
  transform: translate(-60px, 60px);
}

.instructor-card {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.instructor-detail-div {
  grid-column-gap: var(--_spacing---spacing--18px);
  grid-row-gap: var(--_spacing---spacing--18px);
  flex-flow: column;
  display: flex;
}

.white-700-text {
  color: var(--color--white-700);
}

.white-500-text {
  color: var(--color--white-500);
}

.h4-heading {
  color: var(--color--white);
  font-size: var(--_typography---heading-font-size--h4);
  line-height: var(--_typography---font-line-height--small-line-height);
  font-weight: var(--_typography---font-weight--medium);
  letter-spacing: -1.5px;
  margin-top: 0;
  margin-bottom: 0;
}

.curriculum-arrow-icon {
  color: var(--color--white);
  line-height: 10%;
}

.course-sub-heading-div {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.course-dot-blink-div {
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  display: flex;
}

.course-dot-blink {
  width: 25px;
  height: 25px;
}

.course-info-list {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.course-info-list-icon {
  line-height: 5%;
}

.course-info-list-div {
  grid-column-gap: var(--_spacing---spacing--32px);
  grid-row-gap: var(--_spacing---spacing--32px);
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.course-info-list-div.verti {
  grid-column-gap: var(--_spacing---spacing--18px);
  grid-row-gap: var(--_spacing---spacing--18px);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
}

.testimonial-heading-gradient {
  background-image: linear-gradient(90deg, var(--color--orange), transparent);
  opacity: .2;
  filter: blur(15px);
  border-radius: 100%;
  width: 70%;
  height: 81px;
  position: absolute;
  inset: auto auto -10% 30px;
}

.testimonial-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  max-width: 1585px;
  margin-left: auto;
  margin-right: auto;
}

.faq-wrapper {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.accordion {
  border-radius: var(--_spacing---radius--large);
  width: 100%;
  display: block;
  overflow: hidden;
}

.accordion-toggle {
  padding: var(--_spacing---spacing--32px) 32px var(--_spacing---spacing--32px) var(--_spacing---spacing--32px);
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 80px;
  display: flex;
}

.accordion-list {
  padding: 2px var(--_spacing---spacing--32px) var(--_spacing---spacing--32px);
  background-color: #0000;
  position: static;
}

.newsletter-detail-div {
  grid-column-gap: var(--_spacing---spacing--32px);
  grid-row-gap: var(--_spacing---spacing--32px);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer {
  padding-top: 60px;
  padding-bottom: 60px;
}

.footer-wrapper {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 60px;
  display: flex;
}

.footer-detail-div {
  grid-column-gap: var(--_spacing---spacing--32px);
  grid-row-gap: var(--_spacing---spacing--32px);
  justify-content: center;
  align-items: center;
  display: flex;
}

.footer-link-div {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.social-media-div {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.social-media-link-block {
  background-color: var(--color--white);
  color: var(--color--black);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  transition: all .4s;
  display: flex;
}

.social-media-link-block:hover {
  background-color: var(--color--orange);
  color: var(--color--white);
}

.social-media-icon {
  width: 17px;
  line-height: 5%;
}

.footer-bottom-div {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.back-to-top-link {
  background-color: var(--color--white-100);
  color: var(--color--white);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  transition: all .3s;
  display: flex;
}

.back-to-top-link:hover {
  background-color: var(--color--orange);
}

.back-to-top-icon {
  line-height: 10%;
}

.thank-you-hero-detail-div {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.thank-you-heading-div {
  position: relative;
}

.thank-you-hero-image-01 {
  z-index: -1;
  position: absolute;
  inset: -96% auto auto -11%;
}

.thank-you-hero-image-02 {
  z-index: -1;
  position: absolute;
  inset: -60% -6.5% auto auto;
}

.confirmation-step-grid {
  grid-column-gap: var(--_spacing---spacing--80px);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  max-width: 1150px;
  margin-left: auto;
  margin-right: auto;
}

.confirmation-step-card {
  grid-column-gap: var(--_spacing---spacing--32px);
  grid-row-gap: var(--_spacing---spacing--32px);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.confirmation-step-icon-box {
  border-radius: var(--_spacing---radius--small);
  background-color: var(--color--white-100);
  justify-content: center;
  align-items: center;
  width: 55px;
  height: 55px;
  display: flex;
}

.confirmation-step-icon {
  line-height: 10%;
}

.confirmation-step-detail-div {
  grid-column-gap: var(--_spacing---spacing--18px);
  grid-row-gap: var(--_spacing---spacing--18px);
  flex-flow: column;
  display: flex;
}

._404-detail-div {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.template-hero-section {
  padding-top: var(--_spacing---spacing--section);
  padding-bottom: var(--_spacing---spacing--section);
  background-image: url('../images/web-hero-bg.svg');
  background-position: 50% 0;
  background-size: cover;
}

.hero-heading-div {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.about-heading-div {
  max-width: 580px;
  margin-left: auto;
  margin-right: auto;
}

.testimonial-heading-div {
  max-width: 550px;
  margin-left: auto;
  margin-right: auto;
}

.faq-heading-div {
  max-width: 488px;
  margin-left: auto;
  margin-right: auto;
}

.newsletter-heading-div {
  max-width: 900px;
}

._404-heading-div {
  max-width: 1070px;
  margin-left: auto;
  margin-right: auto;
}

._404-heading {
  line-height: var(--_typography---font-line-height--medium-line-height);
}

.template-heading-div {
  margin-bottom: var(--_spacing---spacing--18px);
}

.image-animation-div {
  position: relative;
}

.image-animation-box-01 {
  z-index: 3;
  background-color: var(--color--gray-950);
  width: 50%;
  height: 0%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.image-animation-box-02 {
  z-index: 3;
  background-color: var(--color--gray-950);
  width: 50%;
  height: 0%;
  position: absolute;
  inset: auto 0% 0% auto;
}

.template-popup-wrapper {
  z-index: 99999;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  display: flex;
  position: fixed;
  inset: auto 30px 30px auto;
}

.buy-template-link {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  filter: drop-shadow(0 0 2px #0003);
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 6px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 12px;
  text-decoration: none;
  transition: all .4s;
  display: flex;
}

.buy-template-link:hover {
  background-color: #f0f9ff;
  border-color: #0079ff;
}

.marketing-template-icon-div {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.marketing-template-heading {
  color: #2e2e38;
  width: 136px;
  font-size: 12px;
  font-weight: 600;
  line-height: 120%;
}

.marketing-template-text {
  color: #175cd3;
  font-size: 14px;
  font-weight: 600;
  line-height: 120%;
}

.div-block {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 50px;
  display: flex;
}

.course-info-list-wrapper-verti {
  grid-column-gap: var(--_spacing---spacing--32px);
  grid-row-gap: var(--_spacing---spacing--32px);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 890px;
  margin: 60px auto;
  display: flex;
}

.title-up {
  border: 1px solid var(--color--white-700);
  background-color: #fff6;
  border-radius: 20px;
  flex: 0 auto;
  align-self: flex-start;
  min-height: 10px;
  padding: 10px 15px;
}

.title-up-txt {
  text-align: center;
}

.body {
  padding-left: 0%;
  padding-right: 0%;
}

.div-block-2 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  order: 0;
  display: flex;
}

.div-block-3 {
  border: 1px solid var(--color--white-900);
  background-color: var(--color--white-100);
  border-radius: 100%;
  flex: none;
  width: 60px;
  height: 60px;
  padding: 7px;
}

.number-step {
  color: var(--color--orange);
  font-size: var(--_typography---heading-font-size--h3);
  padding: 11px;
}

.div-block-4 {
  width: 100%;
}

.heading {
  font-family: var(--_typography---font-family--poppins);
}

.video-play-target {
  z-index: 1;
  object-fit: cover;
  border-radius: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.swiper-slide {
  z-index: 0;
  cursor: pointer;
  object-fit: cover;
  border-radius: 0;
  flex: none;
  min-width: 250px;
  transition: transform .3s;
  position: relative;
}

.section-spacing {
  padding-left: 30px;
  padding-right: 30px;
}

.section-spacing.project {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.video-box {
  object-fit: cover;
  border-radius: 0;
  width: 100%;
  height: 100%;
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 17px 1px #0000004a;
}

.video-timeline-fill {
  background-color: #e50071;
  width: 1%;
  height: 100%;
  position: relative;
}

.section-21 {
  width: 100%;
}

.section-21.home {
  margin-bottom: 150px;
}

.video-volume-controls {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.video-controls {
  z-index: 2;
  background-image: linear-gradient(0deg, #000000a8 100%, #fff0);
  width: 100%;
  padding: 15px 10px;
  display: none;
  position: absolute;
  inset: auto 0% 0%;
}

.volume-level-fill {
  background-color: #f40103;
  width: 50%;
  height: 100%;
  position: relative;
}

.video-control-flex {
  justify-content: space-between;
  display: flex;
}

.video-wrapper {
  object-fit: cover;
  background-color: #f3f7fa00;
  border-radius: 0;
  flex-direction: row;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  max-height: 100vh;
  display: flex;
  position: relative;
  inset: auto 0% 0% auto;
}

.video-flex {
  align-items: center;
  display: flex;
}

.slider-custom-style {
  display: none;
}

.large-heading-2 {
  font-size: 40px;
  font-weight: 300;
  line-height: 50px;
}

.large-heading-2.mid {
  text-align: center;
  margin-bottom: 3rem;
}

.swiper-wrapper {
  flex-flow: row;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 100%;
  display: flex;
  position: relative;
}

.video-volume {
  z-index: 2;
  opacity: .66;
  justify-content: flex-start;
  align-items: center;
  width: 0;
  margin-left: -5px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.video-volume:hover {
  opacity: 1;
}

.swiper-pagination {
  position: absolute;
  bottom: -2rem;
  left: 50%;
  transform: translate(-50%);
}

.video-inner-wrapper {
  object-fit: cover;
  border-radius: 0;
  flex: 1;
}

.video-button {
  opacity: .66;
  color: #fff;
  cursor: pointer;
  flex: none;
  justify-content: center;
  align-items: center;
  max-height: 30px;
  margin-left: 5px;
  margin-right: 5px;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
  position: relative;
}

.video-button:hover {
  opacity: 1;
}

.video-button.extend-right-padding {
  margin-right: 0;
  padding-right: 10px;
}

.slider_slider-wrapper {
  position: relative;
  overflow: hidden;
}

.video-level-dot {
  background-color: #e50071;
  border-radius: 100%;
  width: 10px;
  height: 10px;
  position: absolute;
  inset: -3px -3px 0% auto;
}

.swiper-button-next {
  z-index: 1;
  color: #0b0c0b;
  cursor: pointer;
  background-color: #22333b;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  transition: background-color .3s;
  display: flex;
  position: absolute;
  inset: auto -1% 50% auto;
}

.swiper-button-next:hover {
  background-color: #10466d;
}

.swiper-button-next:focus-visible, .swiper-button-next[data-wf-focus-visible] {
  background-color: #e50071;
}

.container-3 {
  width: 100%;
  max-width: 1290px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 2rem;
}

.volume-level-empty {
  background-color: #fff;
  width: 100px;
  height: 3px;
}

.code-embed-4 {
  object-fit: cover;
  background-color: #ededed00;
}

.button-icon-2 {
  color: #f7f7f7;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
  transform: scale(.7);
}

.swiper-button-prev {
  z-index: 1;
  color: #0b0c0b;
  cursor: pointer;
  background-color: #22333b;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  transition: background-color .3s;
  display: flex;
  position: absolute;
  inset: auto auto 50% -1%;
}

.swiper-button-prev:hover {
  background-color: #10466d;
}

.swiper-button-prev:focus-visible, .swiper-button-prev[data-wf-focus-visible] {
  background-color: #e50071;
}

.volume-level {
  cursor: pointer;
  align-items: center;
  width: 100px;
  height: 15px;
  margin-left: 5px;
  margin-right: 5px;
  display: flex;
}

.video-timeline-empty {
  background-color: #fff;
  width: 100%;
  height: 4px;
}

.video-icon {
  height: 16px;
}

.swiper-container {
  max-width: 100%;
}

.video-timeline {
  opacity: .66;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 3px;
  padding-top: 7px;
  padding-bottom: 7px;
  display: flex;
}

.video-timeline:hover {
  opacity: 1;
}

.swrper_component {
  object-fit: cover;
  position: relative;
}

@media screen and (max-width: 991px) {
  body {
    --_spacing---spacing--80px: 60px;
    --_spacing---spacing--section: 80px;
    --_spacing---spacing--32px: 28px;
    --_spacing---spacing--18px: 18px;
    --_spacing---radius--small: 4px;
    --_spacing---radius--medium: 8px;
    --_spacing---radius--large: 12px;
    --_typography---font-family--poppins: Poppins, sans-serif;
    --_typography---paragraph-font-size--small-paragraph: 14px;
    --_typography---font-line-height--large-line-height: 140%;
    --_typography---font-weight--normal: 400;
    --_typography---heading-font-size--h1: 64px;
    --_typography---font-line-height--small-line-height: 100%;
    --_typography---font-weight--medium: 500;
    --_typography---heading-font-size--h2: 58px;
    --_typography---heading-font-size--h3: 40px;
    --_typography---heading-font-size--h4: 28px;
    --_typography---heading-font-size--h5: 24px;
    --_typography---font-line-height--medium-line-height: 110%;
    --_typography---paragraph-font-size--paragraph: 16px;
    --_typography---paragraph-font-size--large-text: 20px;
    --_typography---paragraph-font-size--large-paragraph: 18px;
    --_typography---font-weight--light: 300;
    --_typography---font-weight--semi-bold: 600;
    --_typography---font-weight--bold: 700;
  }

  h1 {
    letter-spacing: -4px;
  }

  h2 {
    letter-spacing: -2.5px;
  }

  h3 {
    letter-spacing: -1.5px;
  }

  h4 {
    letter-spacing: -.5px;
  }

  .hero-section {
    background-image: url('../images/tablet-hero-bg.svg');
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: 100vw;
    padding-top: 180px;
    overflow: hidden;
  }

  .large-text.thank-you-hero-paragraph {
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
  }

  .large-text._404-paragraph {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }

  .small-paragraph.learn-text {
    max-width: 280px;
  }

  .header {
    top: 0;
  }

  .logo {
    width: 120px;
    height: auto;
  }

  .nav-button-div {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .nav-link {
    font-size: var(--_typography---heading-font-size--h3);
    padding-top: 0;
    padding-bottom: 0;
  }

  .nav-menu-link-div {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-end;
    padding: 15px 20px;
  }

  .section.newsletter-section {
    background-image: linear-gradient(#000 45%, #0000 65%), url('../images/Untitled-design---2025-11-23T220126.674.jpg');
    background-position: 0 0, 80% 100%;
    background-repeat: repeat, no-repeat;
    background-size: auto, auto 60%;
    padding-bottom: 750px;
  }

  .about-subheading-div {
    flex-flow: column;
  }

  .learn-heading-gradient {
    width: 470px;
    height: 70px;
    top: -16%;
  }

  .learn-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr;
  }

  .learn-image-wrapper-01 {
    padding-top: 29px;
    padding-bottom: 29px;
  }

  .instructor-grid {
    grid-column-gap: 30px;
    grid-row-gap: 80px;
  }

  .instructor-card {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .h4-heading {
    letter-spacing: -.5px;
  }

  .testimonial-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .accordion {
    padding-right: 0;
  }

  .footer {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .footer-wrapper {
    margin-bottom: 50px;
  }

  .thank-you-hero-detail-div {
    grid-column-gap: 35px;
    grid-row-gap: 35px;
  }

  .thank-you-hero-image-01 {
    width: 120px;
    top: -60%;
    left: -8%;
  }

  .thank-you-hero-image-02 {
    width: 100px;
    right: -5%;
  }

  .confirmation-step-grid {
    grid-row-gap: 40px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .template-hero-section {
    background-image: url('../images/tablet-hero-bg.svg');
    background-position: 50% 0;
    background-size: cover;
  }

  .menu-button {
    padding: 0;
  }

  .menu-button.w--open {
    background-color: #0000;
  }

  .menu-toggle {
    filter: invert();
    width: 30px;
    height: 30px;
  }

  .nav-menu {
    background-color: var(--color--gray-950);
    width: 100%;
    height: 100vh;
  }

  .hero-heading-div {
    max-width: 650px;
  }

  .faq-heading-div {
    max-width: 460px;
  }

  .newsletter-heading-div {
    max-width: 700px;
  }

  ._404-heading-div {
    max-width: 800px;
  }

  .course-info-list-wrapper-verti {
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .swiper-button-next, .swiper-button-prev {
    width: 2.5rem;
    height: 2.5rem;
  }
}

@media screen and (max-width: 767px) {
  body {
    --_spacing---spacing--80px: 50px;
    --_spacing---spacing--section: 60px;
    --_spacing---spacing--32px: 25px;
    --_spacing---spacing--18px: 18px;
    --_spacing---radius--small: 4px;
    --_spacing---radius--medium: 8px;
    --_spacing---radius--large: 12px;
    --_typography---font-family--poppins: Poppins, sans-serif;
    --_typography---paragraph-font-size--small-paragraph: 14px;
    --_typography---font-line-height--large-line-height: 140%;
    --_typography---font-weight--normal: 400;
    --_typography---heading-font-size--h1: 48px;
    --_typography---font-line-height--small-line-height: 100%;
    --_typography---font-weight--medium: 500;
    --_typography---heading-font-size--h2: 46px;
    --_typography---heading-font-size--h3: 34px;
    --_typography---heading-font-size--h4: 22px;
    --_typography---heading-font-size--h5: 22px;
    --_typography---font-line-height--medium-line-height: 110%;
    --_typography---paragraph-font-size--paragraph: 16px;
    --_typography---paragraph-font-size--large-text: 20px;
    --_typography---paragraph-font-size--large-paragraph: 18px;
    --_typography---font-weight--light: 300;
    --_typography---font-weight--semi-bold: 600;
    --_typography---font-weight--bold: 700;
  }

  h1 {
    letter-spacing: -2px;
  }

  h2 {
    letter-spacing: -1.5px;
  }

  h3 {
    letter-spacing: -.5px;
  }

  h4 {
    letter-spacing: 0;
  }

  .hero-section {
    background-image: url('../images/mobile-landscape-hero-bg.svg');
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: 100vw;
    padding-top: 130px;
  }

  .large-text.faq-heading {
    font-size: var(--_typography---paragraph-font-size--large-paragraph);
    white-space: normal;
  }

  .hero-button-div {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    flex-flow: wrap;
  }

  .hero-button-div.left {
    justify-content: flex-start;
    align-items: center;
  }

  .small-paragraph.learn-text {
    max-width: 335px;
  }

  .header {
    padding-top: 15px;
    padding-bottom: 15px;
    top: 0;
  }

  .section.newsletter-section {
    background-image: linear-gradient(#000 55%, #0000 75%), url('../images/Untitled-design---2025-11-23T220126.674.jpg');
    background-position: 0 0, 80% 100%;
    background-repeat: repeat, no-repeat;
    background-size: auto, auto 45%;
    padding-bottom: 500px;
  }

  .about-heading-gradient {
    width: 80%;
    height: 50px;
    left: 10%;
  }

  .large-paragraph.confirmation-step-paragraph {
    max-width: 100%;
  }

  .learn-heading-gradient {
    width: 380px;
    height: 60px;
  }

  .learn-grid {
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .learn-card {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .learn-image-wrapper-01 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .instructor-grid {
    grid-row-gap: 50px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .instructor-image-div {
    margin-top: -10px;
  }

  .instructor-image-box {
    display: none;
  }

  .instructor-card {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
  }

  .h4-heading {
    letter-spacing: 0;
  }

  .testimonial-grid {
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .accordion {
    margin-bottom: 0;
  }

  .footer {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .footer-wrapper {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px;
  }

  .footer-detail-div {
    flex-flow: wrap;
  }

  .footer-link-div {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .footer-bottom-div {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
  }

  .thank-you-hero-detail-div {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .thank-you-hero-image-01, .thank-you-hero-image-02 {
    display: none;
  }

  .confirmation-step-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  ._404-detail-div {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .nav-button-block {
    display: none;
  }

  .hero-heading-div {
    max-width: 500px;
  }

  .about-heading-div, .testimonial-heading-div {
    max-width: 450px;
  }

  .comparison-heading-div {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }

  .faq-heading-div {
    max-width: 370px;
  }

  .newsletter-heading-div {
    max-width: 550px;
  }

  .confirmation-heading-div {
    max-width: 322px;
    margin-left: auto;
    margin-right: auto;
  }

  ._404-heading-div {
    max-width: 600px;
  }

  .template-popup-wrapper {
    display: none;
  }

  .course-info-list-wrapper-verti {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .swiper-slide {
    width: 50%;
  }

  .section-spacing {
    padding-left: 15px;
    padding-right: 15px;
  }

  .section-spacing.project {
    padding-top: 0;
    padding-bottom: 2rem;
  }

  .swiper-button-next {
    width: 2.5rem;
    height: 2.5rem;
    right: -2%;
  }

  .swiper-button-prev {
    width: 2.5rem;
    height: 2.5rem;
    left: -2%;
  }
}

@media screen and (max-width: 479px) {
  body {
    --_spacing---spacing--80px: 40px;
    --_spacing---spacing--section: 40px;
    --_spacing---spacing--32px: 20px;
    --_spacing---spacing--18px: 14px;
    --_spacing---radius--small: 4px;
    --_spacing---radius--medium: 8px;
    --_spacing---radius--large: 12px;
    --_typography---font-family--poppins: Poppins, sans-serif;
    --_typography---paragraph-font-size--small-paragraph: 14px;
    --_typography---font-line-height--large-line-height: 140%;
    --_typography---font-weight--normal: 400;
    --_typography---heading-font-size--h1: 36px;
    --_typography---font-line-height--small-line-height: 100%;
    --_typography---font-weight--medium: 500;
    --_typography---heading-font-size--h2: 34px;
    --_typography---heading-font-size--h3: 30px;
    --_typography---heading-font-size--h4: 20px;
    --_typography---heading-font-size--h5: 20px;
    --_typography---font-line-height--medium-line-height: 110%;
    --_typography---paragraph-font-size--paragraph: 14px;
    --_typography---paragraph-font-size--large-text: 16px;
    --_typography---paragraph-font-size--large-paragraph: 16px;
    --_typography---font-weight--light: 300;
    --_typography---font-weight--semi-bold: 600;
    --_typography---font-weight--bold: 700;
  }

  h1 {
    letter-spacing: -.6px;
  }

  h2 {
    letter-spacing: -.5px;
  }

  h3 {
    letter-spacing: 0;
  }

  .hero-section {
    background-image: url('../images/mobile-hero-bg.svg');
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: 100vw;
    padding-top: 100px;
  }

  .hero-rating-div {
    flex-flow: column;
  }

  .large-text.hero-paragraph {
    max-width: 370px;
  }

  .large-text._404-paragraph {
    max-width: 350px;
  }

  .hero-button-div {
    width: 100%;
  }

  .button {
    width: 100%;
    padding: 10px 20px;
  }

  .hero-video-div {
    border-radius: var(--_spacing---radius--small);
  }

  .hero-video-button {
    border-radius: 12px;
    width: 70px;
    height: 45px;
  }

  .play-icon {
    width: 22px;
    min-width: 22px;
    margin-left: 5px;
  }

  .header {
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .logo {
    width: 110px;
  }

  .section.background-gray.bonus {
    grid-column-gap: 7rem;
    grid-row-gap: 7rem;
  }

  .section.newsletter-section {
    background-image: linear-gradient(#000 66%, #0000 85%), url('../images/Untitled-design---2025-11-23T220126.674.jpg');
    background-position: 0 0, 80% 100%;
    background-repeat: repeat, no-repeat;
    background-size: auto, auto 35%;
    padding-bottom: 320px;
  }

  .about-subheading-div {
    flex-flow: column;
  }

  .about-review-div {
    order: -9999;
    justify-content: flex-start;
    align-items: center;
  }

  .about-heading-gradient {
    display: none;
  }

  .button-div {
    width: 100%;
  }

  .learn-heading-gradient {
    display: none;
  }

  .learn-card {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
  }

  .learn-image-div-01.left {
    margin-left: -20px;
  }

  .learn-image-div-01.right {
    margin-right: -20px;
  }

  .learn-box {
    width: 50px;
    height: 50px;
  }

  .instructor-grid {
    grid-row-gap: 3rem;
    grid-template-rows: auto auto;
  }

  .instructor-image-div {
    margin-top: -20px;
  }

  .instructor-card {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .testimonial-heading-gradient {
    display: none;
  }

  .testimonial-grid {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }

  .faq-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    display: flex;
  }

  .accordion-toggle {
    padding: var(--_spacing---spacing--18px);
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }

  .accordion-list {
    padding-right: var(--_spacing---spacing--18px);
    padding-bottom: var(--_spacing---spacing--18px);
    padding-left: var(--_spacing---spacing--18px);
  }

  .footer-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-bottom: 30px;
  }

  .footer-link-div {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    flex-flow: wrap;
  }

  .footer-bottom-div {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .thank-you-hero-detail-div {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
  }

  .confirmation-step-grid {
    grid-row-gap: 30px;
  }

  .confirmation-step-card {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
  }

  ._404-detail-div {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .hero-heading-div, .about-heading-div {
    max-width: 400px;
  }

  .testimonial-heading-div {
    max-width: 350px;
  }

  .comparison-heading-div {
    max-width: 300px;
  }

  .faq-heading-div {
    max-width: 280px;
  }

  .confirmation-heading-div {
    max-width: 246px;
  }

  .course-info-list-wrapper-verti {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .swiper-slide {
    padding-left: .6rem;
    padding-right: .6rem;
  }

  .section-spacing.project {
    padding-top: 0;
  }

  .section-21 {
    overflow: hidden;
  }

  .large-heading-2 {
    font-size: 36px;
  }

  .swiper-button-next, .swiper-button-prev {
    width: 2.4rem;
    height: 2.4rem;
  }
}

#w-node-b6721418-a49a-380c-cc5b-42b0f104ed34-e6329fd9 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

@media screen and (max-width: 991px) {
  #w-node-a957f870-ab60-e848-b5ab-3b70063923fc-e6329fd9 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-b6721418-a49a-380c-cc5b-42b0f104ed34-e6329fd9 {
    grid-column: span 1 / span 1;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_141cac50-ca20-18b5-1533-3d54130d1461-e6329fd9, #w-node-c8fdf03c-3fc2-a36c-9a8f-f5872fae9934-e6329fd9, #w-node-ed48a52a-5c7e-af82-515a-bc14535547d3-e6329fd9, #w-node-_845670f3-1e7a-df9b-da58-8d902dd0f5c6-e6329fd9, #w-node-ba643589-9785-f2df-eeff-965851763948-e6329fd9 {
    order: -9999;
  }
}