body {
  font-family: 'Inter';
  font-weight: 400;
  color: var(--base);
}
.site-logo {
  width: 12.284rem;
}
.place-center {
  display: grid;
  place-content: center;
  place-items: center;
}
.text-size--small {
  font-size: clamp(1.4rem, calc(1.3rem + 0.2128vw), 1.6rem);
}
.name-text {
  font-size: 2rem;
  font-weight: bold;
}
.hero-founder__name {
  margin-top: -7rem;
}
.border-gradient--1 {
  border: double 2px transparent;
  border-radius: 80px;
  background-image: linear-gradient(white, white), var(--gradient-2);
  background-origin: border-box;
  background-clip: padding-box, border-box;
}
.border-gradient--2 {
  border: double 2px transparent;
  border-radius: 80px;
  background-image: linear-gradient(white, white), var(--gradient-3);
  background-origin: border-box;
  background-clip: padding-box, border-box;
}
ul.social-icons-wrapper {
  display: flex;
}
ul.checklist {
  display: grid;
}
ul.checklist--glass li {
  display: flex;
  align-items: center;
  gap: 1.6rem;
  background: rgba(255, 255, 255, 0.6);
  border: 2px solid #FFFFFF;
  backdrop-filter: blur(2.5px);
  border-radius: 6rem;
  padding: 1rem 2rem 1rem 1.2rem;
}
ul.checklist--glass li::before {
  content: '';
  background: url(/wp-content/uploads/2023/02/Icon_checklist.svg) no-repeat;
  background-size: contain;
  width: 3.2rem;
  height: 3.2rem;
  border: 16px solid white;
  box-sizing: content-box;
  border-radius: 50%;
  flex-shrink: 0;
}
ul.checklist--glass li p {
  text-align: left;
  font-size: var(--text-16px);
}
ul.checklist li {
  display: flex;
  align-items: center;
  gap: 2.4rem;
}
ul.checklist li::before {
  content: '';
  background: url(/wp-content/uploads/2023/02/Icon_checklist.svg) no-repeat;
  background-size: contain;
  width: 3.2rem;
  height: 3.2rem;
  flex-shrink: 0;
}
ul.checklist li p {
  text-align: left;
}
ul.feature-list {
  display: grid;
  place-items: center;
}
ul.feature-list li.feature-card {
  display: grid;
  place-items: center;
  background: #E9EDFB;
  border: 2px solid #FFFFFF;
  box-shadow: 0px 1px 2px rgba(59, 81, 169, 0.4);
  padding: 4.5rem 3.2rem;
  border-radius: var(--border-radius);
  max-width: 40rem;
}
ul.feature-list li.feature-card h2 {
  font-size: 2.4rem;
}
ul.course-list {
  display: grid;
}
ul.course-list li.course-cover-card {
  display: grid;
  place-items: center;
  max-width: 40rem;
}
ul.course-list li.course-cover-card .course-cover {
  box-shadow: 0px 12px 85px -8px rgba(39, 168, 240, 0.25);
  border-radius: var(--border-radius);
  overflow: hidden;
  width: fit-content;
}
ul.testimonial-list {
  display: grid;
  gap: var(--space-xxl);
  place-content: center;
}
ul.testimonial-list .testimonial-card {
  display: grid;
  gap: var(--space-l);
  max-width: 40rem;
}
ul.testimonial-list .testimonial-card__message {
  display: grid;
  place-items: center;
  padding: 3.2rem;
  background: #FFFFFF;
  box-shadow: 0px 1px 2px rgba(59, 81, 169, 0.4);
  border-radius: var(--border-radius);
  position: relative;
  height: 24rem;
  color: var(--base-trans-80);
}
ul.testimonial-list .testimonial-card__message::before {
  content: '';
  background: url(/wp-content/uploads/2023/03/Icon_left-qoute.svg);
  width: 5.574rem;
  height: 4.8rem;
  position: absolute;
  top: -10px;
  left: 4px;
}
ul.testimonial-list .testimonial-card__student {
  display: flex;
  gap: var(--space-16px);
}
ul.testimonial-list .testimonial-card__student img {
  height: 6.4rem;
}
ul.testimonial-list .testimonial-card__student__name {
  display: grid;
}
ul.testimonial-list .testimonial-card__student__name p {
  margin: 0;
  text-align: left;
}
ul.testimonial-list .testimonial-card__student__name p.text-size--small {
  color: var(--sdg-gray-5);
}
ul li {
  list-style: none;
}
section.sdg-section, .sdg-section {
  display: grid;
  gap: 6.4rem;
  padding-inline: 1.6rem;
  text-align: center;
}
section.sdg-section.footer, .sdg-section.footer {
  gap: 6.4rem;
}
section.sdg-section .sdg-container, .sdg-section .sdg-container {
  display: grid;
  gap: 6.4rem;
  width: auto;
}
section.sdg-section.hero .cta-wrapper, .sdg-section.hero .cta-wrapper {
  display: grid;
}
section.sdg-section.hero .content-text, .sdg-section.hero .content-text {
  max-width: 48rem;
}
section.sdg-section.hero h1, .sdg-section.hero h1 {
  font-weight: 800;
  text-transform: capitalize;
}
section.sdg-section.hero p.sub-text, .sdg-section.hero p.sub-text {
  color: var(--sdg-gray-5);
}
section.sdg-section.trusted-logos h2, .sdg-section.trusted-logos h2 {
  font-size: calc(var(--text-m));
  font-weight: 400;
  color: var(--sdg-gray-5);
}
section.sdg-section.experts, .sdg-section.experts {
  position: relative;
}
section.sdg-section.experts::before, .sdg-section.experts::before {
  content: '';
  width: 35rem;
  height: 35rem;
  border-radius: 50%;
  background: rgba(234, 109, 70, 0.7);
  filter: blur(20rem);
  position: absolute;
  z-index: -1;
}
section.sdg-section.experts::after, .sdg-section.experts::after {
  content: '';
  width: 35rem;
  height: 35rem;
  border-radius: 50%;
  background: #3B51A9;
  filter: blur(20rem);
  position: absolute;
  bottom: 20rem;
  z-index: -1;
}
section.sdg-section.experts h2, .sdg-section.experts h2 {
  letter-spacing: 3px;
  line-height: 1.5;
}
section.sdg-section.experts h2 span, .sdg-section.experts h2 span {
  color: var(--primary);
  position: relative;
}
section.sdg-section.experts h2 span::after, .sdg-section.experts h2 span::after {
  position: absolute;
  content: '';
  width: 100%;
  height: 2.4rem;
  background: url(/wp-content/uploads/2023/02/swoosh.svg) no-repeat;
  background-size: contain;
  bottom: -2.6rem;
  inset-inline: 0;
}
section.sdg-section.intro-video, .sdg-section.intro-video {
  position: relative;
  padding-top: 0;
  padding-bottom: 16rem;
  margin-top: var(--space-xxl);
  background: linear-gradient(66.35deg, rgba(59, 81, 169, 0.58) 17.67%, rgba(129, 53, 141, 0.58) 92.38%), linear-gradient(11.29deg, #3B51A9 -39.03%, rgba(129, 53, 141, 0) 22.04%);
}
section.sdg-section.intro-video h2 span, .sdg-section.intro-video h2 span {
  color: white;
}
section.sdg-section.intro-video p, .sdg-section.intro-video p {
  font-weight: 500;
}
section.sdg-section.intro-video .sdg-watermark-container, .sdg-section.intro-video .sdg-watermark-container {
  background: rgba(0, 0, 0, 0.13);
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
section.sdg-section.intro-video .sdg-watermark-container::before, .sdg-section.intro-video .sdg-watermark-container::before {
  content: '';
  background: url(/wp-content/uploads/2023/03/sdg-logo-bg-watermark.svg) no-repeat;
  background-size: cover;
  width: 76.5rem;
  height: 49.7rem;
  position: absolute;
  top: -29rem;
  left: -20.9rem;
  mix-blend-mode: overlay;
}
section.sdg-section.intro-video .sdg-watermark-container::after, .sdg-section.intro-video .sdg-watermark-container::after {
  content: '';
  background: url(/wp-content/uploads/2023/03/sdg-logo-bg-watermark.svg) no-repeat;
  background-size: cover;
  width: 91.38rem;
  height: 59.3rem;
  position: absolute;
  bottom: -12rem;
  right: -60.9rem;
  mix-blend-mode: overlay;
}
section.sdg-section.intro-video .sdg-container, .sdg-section.intro-video .sdg-container {
  position: relative;
}
section.sdg-section.intro-video .thumbnail-container, .sdg-section.intro-video .thumbnail-container {
  --border-size: 2px;
  --border-radius: 10px;
  position: relative;
  overflow: hidden;
  border-radius: var(--border-radius);
  background: var(--gradient-2);
  padding: var(--border-size);
  width: fit-content;
  margin-top: -8rem;
}
section.sdg-section.intro-video .thumbnail-container::after, .sdg-section.intro-video .thumbnail-container::after {
  content: '';
  background: var(--primary-trans-60);
  width: calc(100% - var(--border-size)*2);
  height: calc(100% - var(--border-size)*2);
  position: absolute;
  inset: 0;
  margin: auto;
  border-radius: var(--border-radius);
}
section.sdg-section.intro-video .thumbnail-container img, .sdg-section.intro-video .thumbnail-container img {
  border-radius: var(--border-radius);
}
section.sdg-section.intro-video .thumbnail-container button.video-modal-play-btn, .sdg-section.intro-video .thumbnail-container button.video-modal-play-btn {
  background: unset;
  width: 4.8rem;
  height: 4.8rem;
  position: absolute;
  inset: 0;
  margin: auto;
  display: grid;
  place-content: center;
  z-index: 1;
}
section.sdg-section.intro-video .thumbnail-container button.video-modal-play-btn i, .sdg-section.intro-video .thumbnail-container button.video-modal-play-btn i {
  color: white;
  font-size: 4rem;
}
section.sdg-section.intro-video .thumbnail-container button.video-modal-play-btn i::before, .sdg-section.intro-video .thumbnail-container button.video-modal-play-btn i::before {
  font-size: 4rem;
}
section.sdg-section.all-in-access, .sdg-section.all-in-access {
  background: #E9EDFB;
  position: relative;
  overflow: hidden;
}
section.sdg-section.all-in-access::before, .sdg-section.all-in-access::before {
  content: '';
  background: url(/wp-content/uploads/2023/03/bg-accent-sdg-tech.svg);
  width: 56.5rem;
  height: 73.8rem;
  position: absolute;
  left: -18rem;
}
section.sdg-section.testimonials, .sdg-section.testimonials {
  background: linear-gradient(357.92deg, #F3F3F7 -6.48%, rgba(243, 243, 247, 0) 99.36%);
}
section.sdg-section.community .sdg-container, .sdg-section.community .sdg-container {
  background: var(--gradient-4);
  position: relative;
  min-height: 69rem;
  display: grid;
  place-content: center;
  padding-inline: 3.2rem;
  border-radius: calc(var(--border-radius) * 2);
}
section.sdg-section.community .sdg-container .background-holder, .sdg-section.community .sdg-container .background-holder {
  position: absolute;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  inset: 2px;
  margin: auto;
  background: white;
  border-radius: calc(var(--border-radius) * 2);
  overflow: hidden;
}
section.sdg-section.community .sdg-container .background-holder::before, .sdg-section.community .sdg-container .background-holder::before {
  content: '';
  background: url(/wp-content/uploads/2023/03/bg-accent-molecule.webp) no-repeat;
  background-size: cover;
  width: 149.4rem;
  height: 99.2rem;
  position: absolute;
  top: -7rem;
  left: -11rem;
}
section.sdg-section.community .sdg-container .background-holder::after, .sdg-section.community .sdg-container .background-holder::after {
  content: '';
  background: url(/wp-content/uploads/2023/03/bg-accent-pattern-dots.svg) no-repeat;
  background-size: cover;
  width: 16.9rem;
  height: 22.3rem;
  position: absolute;
  right: -10rem;
  top: -16rem;
}
section.sdg-section.community .sdg-container .content-text, .sdg-section.community .sdg-container .content-text {
  z-index: 1;
}
section.sdg-section.community .sdg-container ul.floating-avatars-list, .sdg-section.community .sdg-container ul.floating-avatars-list {
  position: absolute;
  width: 100%;
  height: 100%;
}
section.sdg-section.community .sdg-container ul.floating-avatars-list li, .sdg-section.community .sdg-container ul.floating-avatars-list li {
  position: absolute;
}
section.sdg-section.community .sdg-container ul.floating-avatars-list li .avatar-wrapper, .sdg-section.community .sdg-container ul.floating-avatars-list li .avatar-wrapper {
  border-radius: 50%;
  overflow: hidden;
  width: 9.8rem;
}
section.sdg-section.community .sdg-container ul.floating-avatars-list li:nth-child(1), .sdg-section.community .sdg-container ul.floating-avatars-list li:nth-child(1) {
  bottom: 5%;
  left: -3%;
}
section.sdg-section.community .sdg-container ul.floating-avatars-list li:nth-child(1) .avatar-wrapper, .sdg-section.community .sdg-container ul.floating-avatars-list li:nth-child(1) .avatar-wrapper {
  width: 9.8rem;
}
section.sdg-section.community .sdg-container ul.floating-avatars-list li:nth-child(2), .sdg-section.community .sdg-container ul.floating-avatars-list li:nth-child(2) {
  top: -5%;
  right: 22%;
}
section.sdg-section.community .sdg-container ul.floating-avatars-list li:nth-child(2) .avatar-wrapper, .sdg-section.community .sdg-container ul.floating-avatars-list li:nth-child(2) .avatar-wrapper {
  width: 9.4rem;
}
section.sdg-section.community .sdg-container ul.floating-avatars-list li:nth-child(3), .sdg-section.community .sdg-container ul.floating-avatars-list li:nth-child(3) {
  bottom: 4%;
  right: -4%;
}
section.sdg-section.community .sdg-container ul.floating-avatars-list li:nth-child(3) .avatar-wrapper, .sdg-section.community .sdg-container ul.floating-avatars-list li:nth-child(3) .avatar-wrapper {
  width: 6.4rem;
}
section.sdg-section.community .sdg-container ul.floating-avatars-list li:nth-child(4), .sdg-section.community .sdg-container ul.floating-avatars-list li:nth-child(4) {
  top: 5%;
  left: 10%;
}
section.sdg-section.community .sdg-container ul.floating-avatars-list li:nth-child(4) .avatar-wrapper, .sdg-section.community .sdg-container ul.floating-avatars-list li:nth-child(4) .avatar-wrapper {
  width: 9rem;
}
section.sdg-section.community .sdg-container ul.floating-avatars-list li:nth-child(5), .sdg-section.community .sdg-container ul.floating-avatars-list li:nth-child(5) {
  top: 13%;
  right: -3%;
}
section.sdg-section.community .sdg-container ul.floating-avatars-list li:nth-child(5) .avatar-wrapper, .sdg-section.community .sdg-container ul.floating-avatars-list li:nth-child(5) .avatar-wrapper {
  width: 8rem;
}
section.sdg-section.community .sdg-container ul.floating-avatars-list li:nth-child(6), .sdg-section.community .sdg-container ul.floating-avatars-list li:nth-child(6) {
  bottom: -5%;
  left: 30%;
}
section.sdg-section.community .sdg-container ul.floating-avatars-list li:nth-child(6) .avatar-wrapper, .sdg-section.community .sdg-container ul.floating-avatars-list li:nth-child(6) .avatar-wrapper {
  width: 8.9rem;
}
section.sdg-section.cta-newsletter .sdg-container, .sdg-section.cta-newsletter .sdg-container {
  background: var(--gradient-3);
  box-shadow: 0px 12px 85px -8px rgba(39, 168, 240, 0.25);
  border-radius: calc(var(--border-radius) * 2);
  padding: 4.8rem 3.2rem;
  position: relative;
  overflow: hidden;
}
section.sdg-section.cta-newsletter .sdg-container p, .sdg-section.cta-newsletter .sdg-container p {
  color: var(--sdg-gray);
  font-weight: 400;
}
section.sdg-section.cta-newsletter .sdg-container form, .sdg-section.cta-newsletter .sdg-container form {
  position: relative;
  z-index: 1;
}
section.sdg-section.cta-newsletter .sdg-container form input, .sdg-section.cta-newsletter .sdg-container form input {
  background: rgba(24, 35, 64, 0.1);
  border: 2px solid #E9EDFB;
  box-shadow: inset 0px 4px 4px rgba(59, 81, 169, 0.4);
  border-radius: var(--border-radius);
  text-align: left;
  padding: 2rem 2.2rem;
  line-height: 2.4rem;
}
section.sdg-section.cta-newsletter .sdg-container form input::placeholder, .sdg-section.cta-newsletter .sdg-container form input::placeholder {
  color: rgba(233, 237, 251, 0.8);
}
section.sdg-section.cta-newsletter .sdg-container::after, .sdg-section.cta-newsletter .sdg-container::after {
  content: '';
  background: url(/wp-content/uploads/2023/03/bg-accent-pattern-small.svg) no-repeat;
  width: 12.2rem;
  height: 11.7rem;
  position: absolute;
  bottom: -11%;
}
section.sdg-section.cta-newsletter .submit-button-wrapper, .sdg-section.cta-newsletter .submit-button-wrapper {
  width: 100%;
}
section.sdg-popup {
  padding: 0;
}
section.sdg-popup__container {
  padding: 0;
}
.brx-popup-content {
  padding: 0;
}
.brx-popup {
  backdrop-filter: blur(5px);
}
.cards-wrapper {
  display: grid;
  place-content: center;
}
.cards-wrapper .card-teacher {
  display: grid;
  place-items: center;
  background: rgba(255, 255, 255, 0.3);
  border: 2px solid #FFFFFF;
  backdrop-filter: blur(3.5px);
  border-radius: 4.7rem;
  padding-block: var(--space-xl);
  padding-inline: var(--space-l);
  transition: all 0.3s ease-in;
  max-width: 36rem;
}
.cards-wrapper .card-teacher__description {
  font-size: 1.8rem;
}
.cards-wrapper .card-teacher .content-text {
  display: grid;
}
.cards-wrapper .card-teacher:hover {
  box-shadow: 0px 34px 56px -3px rgba(59, 81, 169, 0.5);
  transform: translateY(-10px);
}
.footer {
  margin-top: 6.4rem;
}
.content-gap-xs {
  gap: 1.2rem;
}
.content-gap-s {
  gap: 2.4rem;
}
.content-gap-m {
  gap: clamp(3.2rem, 4vw, 4rem);
}
.content-gap-l {
  gap: 4.8rem;
}
.content-gap-xl {
  gap: 6.4rem;
}
.content-gap-xxl {
  gap: 9.6rem;
}
.content-gap-xxxl {
  gap: 12.8rem;
}