/* SIDENAV */
.sidenav-btn {
  border-radius: 50px;
  border: 3px solid #FFFFFF;
  transition: all 0.3s ease-in-out;
  padding: 15px;
  height: 70px;
}

.sidenav-btn img {
  width: 30px;
  height: 30px;
  transition: all 0.3s ease-in-out;
}

.sidenav-btn:hover {
  background-color: rgb(0, 163, 225);
  cursor: pointer;
}

.sidenav-btn:hover img {
  filter: invert(98%) sepia(1%) saturate(307%) hue-rotate(127deg) brightness(250%) contrast(100%);
}

.sidenav-btn span {
  color: #FFFFFF;
  line-height: 0.75rem;
  font-size: 0.75rem;
}

.body-noscroll {
  overflow-y: hidden;
  padding-right: 1rem;
}

.main-nav-overlay {
  display: none;
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 115px;
  background: rgba(0, 0, 0, 0.7);
  z-index: 998;
  opacity: 0;
  transition: all 0.5s ease-in-out;
}

.overlay {
  display: none;
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 10001;
  opacity: 0;
  transition: all 0.5s ease-in-out;
}

.main-nav-overlay.active,
.overlay.active {
  display: block;
  opacity: 1;
  animation-duration: 0.5s;
  animation-name: fadein;
}

@keyframes fadein {
  from {
    display: none;
    opacity: 0;
  }
  to {
    display: block;
    opacity: 1;
  }
}
#sidenav {
  min-width: 500px;
  max-width: 500px;
  height: 100vh;
  position: fixed;
  top: 0;
  right: -500px;
  background-color: rgb(255, 255, 255);
  z-index: 999999;
  transition: all 0.5s ease-in-out;
  overflow: scroll;
}

#sidenav.active {
  right: 0;
  overflow-x: hidden;
}

#sidenav.active::-webkit-scrollbar {
  display: none;
}

.sidenav-body {
  padding: 30px 15px;
}

.sidenav-links-head,
.sidenav-links-faculty-head {
  padding-bottom: 30px !important;
}

.sidenav-links-faculty-head {
  padding-top: 25px !important;
  width: calc(500px - 1rem);
  margin-left: -15px;
  margin-bottom: 30px;
  border-bottom: 0 !important;
}

.sidenav-overview {
  margin: 30px 0 !important;
}

.dismiss {
  cursor: pointer;
}

.dismiss .main-close {
  width: 50px;
  height: 50px;
}

.sidenav-links-title {
  font-size: 2rem;
  color: rgb(0, 40, 85);
}

.sidenav-body ul,
.sidenav-body ul li:not(.sidenav-links-faculty-head) {
  list-style: none;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

ul.sidenav-icon-list li:last-child {
  border-bottom: 0;
}

ul.sidenav-icon-list {
  padding-top: 0;
  border-bottom: 3px solid rgb(217, 217, 217);
}

.back {
  cursor: pointer;
}

.hidenav {
  visibility: hidden;
}

.shownav {
  visibility: visible;
}

.sidenav-slide-btn,
.close-btn {
  position: relative;
  display: block;
  cursor: pointer;
  font-size: 0.875rem;
  top: 0;
  right: 0;
  bottom: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  padding: 15px 60px 15px 15px;
  font-size: 1.125rem;
  color: rgb(69, 69, 69) !important;
  font-weight: 500;
}

.sidenav-slide-btn:hover,
.close-btn:hover {
  background-color: rgba(0, 40, 85, 0.05);
  text-decoration: none;
}

.sidenav-body ul.sidenav-icon-list li a i.icon {
  font-size: 1.5rem;
  position: relative;
  background: none;
  color: rgb(0, 40, 85);
  transition: all 0.15s ease-in-out;
  padding: 0;
  margin-right: 30px;
}

.close-btn i.icon {
  font-size: 1.5rem;
  position: relative;
  background: none;
  color: rgb(0, 40, 85);
  transition: all 0.15s ease-in-out;
  padding: 0;
  margin-right: 30px;
}

.close-btn i.icon:before {
  position: absolute;
  top: 50%;
  margin-top: -7px;
  left: 50%;
  margin-left: -5px;
}

.lp-sidenav .lp-sidenav-sitelinks, .lp-sidenav .sidenav-icon-list {
  margin-top: 30px;
}

.lp-sidenav .lp-sidenav-sitelinks, .lp-sidenav .lp-sidenav-internallinks, .lp-sidenav .sidenav-icon-list {
  border-top: 3px solid rgb(217, 217, 217);
}

/* SOCIAL LINKS */
.social-links-container {
  padding: 15px 0;
  background: rgba(0, 40, 85, 0.1);
}

.social-links-container .social-links .icon {
  position: relative;
  display: inline-block;
  margin-right: 5px;
  width: 40px;
  height: 40px;
  color: #fff;
  font-size: 16px;
  text-align: center;
  color: #FFFFFF;
  background: #0C1F34;
  text-decoration: none;
  transition: background 0.5s ease;
  overflow: hidden;
}

.social-links-container .social-links p {
  margin: 0;
  padding-right: 15px;
  font-size: 1.5rem;
  font-weight: 700;
  color: rgb(0, 40, 85);
}

.social-links .icon i::before {
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 50%;
  margin-left: -8px;
  text-indent: 0;
}

.social-links .icon i.fa-facebook-f::before {
  margin-left: -6px;
}

.social-links-container .social-links .icon i {
  position: relative;
  display: inline-block;
  margin-right: 5px;
  width: 40px;
  height: 40px;
  color: rgba(255, 255, 255, 0.5);
  font-size: 16px;
  text-align: center;
  color: rgb(255, 255, 255);
  background: rgba(255, 255, 255, 0.05);
  text-decoration: none;
  transition: background 0.5s ease;
  -webkit-transition: background 0.5s ease;
  -ms-transition: background 0.5s ease;
  -o-transition: background 0.5s ease;
  -moz-transition: background 0.5s ease;
}

.social-links-container .social-links .icon:hover i {
  color: rgb(255, 255, 255);
}

.social-links-container .social-links .icon[title=Facebook]:hover, .social-links-container .social-links .icon-linkedin:hover {
  background-color: #2a9fcc;
}

.icon-phone {
  color: #fff;
  padding-right: 1px;
}

.icon-phone-business {
  color: #777;
  padding-right: 1px;
}

.social-links-container .social-links .icon[title=Twitter]:hover, .social-links-container .social-links .icon[title=Bluesky]:hover {
  background: #69ecea;
}

.social-links-container .social-links .icon[title=LinkedIn]:hover {
  background: #ef8ff0;
}

.social-links-container .social-links .icon-google:hover {
  background: #ee6545;
}

.social-links-container .social-links .icon-pinterest2:hover, .social-links-container .social-links .icon[title=Youtube]:hover {
  background-color: #f24343;
}

.social-links-container .social-links .icon[title=Instagram]:hover {
  background: #91b7cd;
}

.social-links-container .social-links .icon[title=Threads]:hover {
  background: #ab469e;
}

.social-links-container .social-links .icon-rss:hover {
  background: #8a7f36;
}

@media screen and (max-width: 768px) {
  .footnote .light-grey-bg {
    padding-bottom: 60px;
  }
}
@media screen and (min-width: 2100px) {
  .lp-hero-trust .trust-top .trustpilot-hero .trustpilot-widget {
    padding-left: 500px;
  }
}
@media screen and (max-width: 767px) {
  .fixeddiv-table {
    z-index: 1112 !important;
  }
}
/* -------------------------------------------------------------------------- */
:root {
  --color-bg1: rgb(108, 0, 162);
  --color-bg2: rgb(0, 17, 82);
  --color1: 18, 113, 255;
  --color2: 221, 74, 255;
  --color3: 100, 220, 255;
  --color4: 200, 50, 50;
  --color5: 180, 180, 50;
  --color-interactive: 140, 100, 255;
  --circle-size: 80%;
  --blending: hard-light;
}

@-webkit-keyframes moveInCircle {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes moveInCircle {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes moveVertical {
  0% {
    transform: translateY(-50%);
  }
  50% {
    transform: translateY(50%);
  }
  100% {
    transform: translateY(-50%);
  }
}
@keyframes moveVertical {
  0% {
    transform: translateY(-50%);
  }
  50% {
    transform: translateY(50%);
  }
  100% {
    transform: translateY(-50%);
  }
}
@-webkit-keyframes moveHorizontal {
  0% {
    transform: translateX(-50%) translateY(-10%);
  }
  50% {
    transform: translateX(50%) translateY(10%);
  }
  100% {
    transform: translateX(-50%) translateY(-10%);
  }
}
@keyframes moveHorizontal {
  0% {
    transform: translateX(-50%) translateY(-10%);
  }
  50% {
    transform: translateX(50%) translateY(10%);
  }
  100% {
    transform: translateX(-50%) translateY(-10%);
  }
}
#lp-hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(40deg, var(--color-bg1), var(--color-bg2));
  top: 0;
  left: 0;
}

#lp-hero .navbar, #lp-hero .spacer-60 {
  position: relative;
  z-index: 1;
}

#lp-hero .lp-anim-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
}

#lp-hero .gradients-container {
  filter: url(#goo) blur(40px);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}

#lp-hero .g1 {
  position: absolute;
  background: radial-gradient(circle at center, rgba(var(--color1), 0.8) 0, rgba(var(--color1), 0) 50%) no-repeat;
  mix-blend-mode: var(--blending);
  width: var(--circle-size);
  height: var(--circle-size);
  top: calc(50% - var(--circle-size) / 2);
  left: calc(50% - var(--circle-size) / 2);
  transform-origin: center center;
  -webkit-animation: moveVertical 30s ease infinite;
  animation: moveVertical 30s ease infinite;
  opacity: 1;
}

#lp-hero .g2 {
  position: absolute;
  background: radial-gradient(circle at center, rgba(var(--color2), 0.8) 0, rgba(var(--color2), 0) 50%) no-repeat;
  mix-blend-mode: var(--blending);
  width: var(--circle-size);
  height: var(--circle-size);
  top: calc(50% - var(--circle-size) / 2);
  left: calc(50% - var(--circle-size) / 2);
  transform-origin: calc(50% - 400px);
  animation: moveInCircle 20s reverse infinite;
  opacity: 1;
}

#lp-hero .g3 {
  position: absolute;
  background: radial-gradient(circle at center, rgba(var(--color3), 0.8) 0, rgba(var(--color3), 0) 50%) no-repeat;
  mix-blend-mode: var(--blending);
  width: var(--circle-size);
  height: var(--circle-size);
  top: calc(50% - var(--circle-size) / 2 + 200px);
  left: calc(50% - var(--circle-size) / 2 - 500px);
  transform-origin: calc(50% + 400px);
  -webkit-animation: moveInCircle 40s linear infinite;
  animation: moveInCircle 40s linear infinite;
  opacity: 1;
}

#lp-hero .g4 {
  position: absolute;
  background: radial-gradient(circle at center, rgba(var(--color4), 0.8) 0, rgba(var(--color4), 0) 50%) no-repeat;
  mix-blend-mode: var(--blending);
  width: var(--circle-size);
  height: var(--circle-size);
  top: calc(50% - var(--circle-size) / 2);
  left: calc(50% - var(--circle-size) / 2);
  transform-origin: calc(50% - 200px);
  -webkit-animation: moveHorizontal 40s ease infinite;
  animation: moveHorizontal 40s ease infinite;
  opacity: 0.7;
}

#lp-hero .g5 {
  position: absolute;
  background: radial-gradient(circle at center, rgba(var(--color5), 0.8) 0, rgba(var(--color5), 0) 50%) no-repeat;
  mix-blend-mode: var(--blending);
  width: calc(var(--circle-size) * 2);
  height: calc(var(--circle-size) * 2);
  top: calc(50% - var(--circle-size));
  left: calc(50% - var(--circle-size));
  transform-origin: calc(50% - 800px) calc(50% + 200px);
  -webkit-animation: moveInCircle 20s ease infinite;
  animation: moveInCircle 20s ease infinite;
  opacity: 1;
}

#lp-hero .interactive {
  position: absolute;
  background: radial-gradient(circle at center, rgba(var(--color-interactive), 0.8) 0, rgba(var(--color-interactive), 0) 50%) no-repeat;
  mix-blend-mode: var(--blending);
  width: 100%;
  height: 100%;
  top: -50%;
  left: -50%;
  opacity: 0.7;
}

#hero-form .form-box {
  background: rgb(255, 255, 255);
}

.nav-fixed {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1112;
}

.chat-button {
  z-index: 1112 !important;
}

#lp-hero .navbar a, .nav-fixed .navbar a {
  color: #fff;
  transition: all 0.3s ease-in-out;
}

.nav-fixed .navbar.nav-scrolling a {
  color: #002855;
}

.lp-navbar-brand img {
  max-width: 250px;
  padding: 1rem 0;
}

.navbar.nav-scrolling .lp-navbar-brand img {
  padding: 10px 0;
  max-width: 170px;
}

.lp-nav-icon {
  position: relative;
  width: 20px;
  height: 20px;
  transition: all 0.3s ease-in-out;
}

.navbar-toggler .lp-nav-icon-circle {
  transition: all 0.3s ease-in-out;
}

.callus-text {
  font-size: 1rem;
}

.lp-nav-icon-circle {
  width: 50px;
  height: 50px;
  border: 3px solid #FFFFFF;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
  transition: all 0.3s ease-in-out;
}

.btn-icon svg {
  padding: 15px !important;
}

.nav-scrolling .lp-nav-icon-circle {
  border: 3px solid #002855;
}

.navbar {
  transition: all 0.3s ease-in-out;
}

.navbar.nav-scrolling {
  background-color: #fff;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
  border-radius: 70px;
  margin-top: 15px;
  padding: 0 5px;
  z-index: 500;
}

.navbar.nav-scrolling .lp-nav-icon {
  filter: brightness(0) saturate(100%) invert(13%) sepia(21%) saturate(6256%) hue-rotate(196deg) brightness(94%) contrast(104%);
}

.navbar.nav-scrolling .sidenav-btn {
  border: 3px solid #002855;
  background-color: #002855;
  height: 50px;
  flex-direction: row !important;
}

.navbar.nav-scrolling .lp-navbar-brand::after {
  content: none;
}

.navbar.nav-scrolling .nav-btns .navbar-toggler {
  padding: 0;
}

.navbar-toggler:hover .lp-nav-icon-circle {
  background-color: rgb(0, 163, 225);
}

.navbar.nav-scrolling .navbar-toggler:hover .lp-nav-icon-circle {
  background-color: #002855;
}

.navbar.nav-scrolling .navbar-toggler:hover .lp-nav-icon-circle .lp-nav-icon, .navbar.nav-scrolling .sidenav-btn:hover img {
  filter: brightness(0) saturate(100%) invert(99%) sepia(6%) saturate(576%) hue-rotate(200deg) brightness(114%) contrast(100%);
}

.nav-btns #RTapPass, .nav-btns #emailMask {
  display: flex;
  align-items: center;
}

.sidenav-btn img {
  filter: brightness(0) invert(1);
  transition: all 0.3s ease-in-out;
}

#lp-hero #hero-form .rounded, .hs-form .rounded, .form-box.rounded {
  border-radius: 16px !important;
}

.landing-headings, .lp-navbar-brand {
  position: relative;
}

.lp-navbar-brand::after {
  content: "";
  position: absolute;
  top: -10%;
  left: -10%;
  width: 120%;
  height: 120%;
  background: linear-gradient(100deg, hsla(212, 100%, 17%, 0.25) 0%, hsla(292, 39%, 30%, 0.25) 100%);
  border-radius: 0 0 16px 16px;
  z-index: -1;
  -webkit-transform: perspective(300px) rotateX(-30deg);
  -o-transform: perspective(300px) rotateX(-30deg);
  -moz-transform: perspective(300px) rotateX(-30deg);
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}

.landing-headings::after {
  content: "";
  position: absolute;
  top: -10%;
  left: -10%;
  width: 120%;
  height: 120%;
  background: linear-gradient(100deg, hsla(212, 100%, 17%, 0.25) 0%, hsla(292, 39%, 30%, 0.25) 100%);
  border-radius: 16px;
  z-index: -1;
  transform: skew(-14deg);
}

.landing-headings h1 {
  color: #FFFFFF;
  font-size: 3.5rem;
}

.landing-headings h2 {
  color: #FFFFFF;
  font-size: 2rem;
}

.landing-headings .hero-from-price {
  position: relative;
}

.landing-headings .hero-from-price::before {
  content: url("../images/Underline.png");
  width: fit-content;
  position: absolute;
  bottom: -20px;
  left: -10px;
}

.landing-btn .dropdown-menu.show {
  height: fit-content !important;
  min-width: 14rem;
  border-radius: 16px;
}

.landing-btn .dropdown-toggle::after {
  display: none;
}

.landing-btn .dropdown-toggle svg {
  padding: 10px;
  background-color: #002855 !important;
  border-radius: 50px;
}

.landing-btn .btn {
  display: flex;
  width: fit-content;
  align-items: center;
  border-radius: 30px;
  padding: 2px 1px 2px 15px;
  margin-top: 15px;
}

.landing-btn .btn svg {
  width: 50px;
  height: 50px;
  margin-left: 30px;
}

#lp-hero .col-lg-8 {
  position: relative;
}

#lp-hero .faculty-pass {
  position: absolute;
  top: 0;
  right: 0;
}

.hs-form, .hs-form .form-floating input, .hs-form select {
  border-radius: 16px;
}

#lp-hero .spacer-60 {
  padding-top: 130px !important;
}

#lp-hero h2.formHeader {
  font-size: 2rem;
}

#hero-form .form-btn, .lp-new-btn.form-btn:not(.price-box-quote .form-btn, #buynowForm .form-btn) {
  font-size: 1rem;
}

.lp-hero-trust .trust-top .trustpilot-hero {
  z-index: 1111;
  position: absolute;
  bottom: 0;
  padding: 25px 10px 22px 10px;
  background: url("../images/trust-transition.svg") no-repeat -10% top;
}

/* Courses Overview Section */
.courses-overview-coursecards .landing-btn .btn {
  padding: 0.25rem 0.2rem 0.25rem 0.5rem;
  font-size: 1rem;
  width: 100%;
  display: flex;
  justify-content: end;
  border: 3px solid rgb(0, 40, 85);
}

.courses-overview-coursecards .landing-btn .btn svg {
  width: 40px;
  height: 40px;
  margin-left: 20px;
}

.courses-overview-coursecards .card {
  border: none;
}

.courses-overview-coursecards .card-body {
  padding: 0;
  background: linear-gradient(100deg, #E5E9EE 0%, #F3EBF5 100%);
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}

.courses-overview-coursecards .card-body img {
  width: 50px;
}

.courses-overview-coursecards .card-body h5 {
  font-size: 1.25rem;
  font-weight: 500;
}

.courses-overview-coursecards ul li {
  font-size: 1rem;
}

.courses-overview-coursecards svg {
  margin-bottom: -1px;
}

.coursecard-head {
  padding: 15px 15px 35px 15px;
  background: linear-gradient(100deg, #642F6C 0%, #9116FE 100%);
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  position: relative;
  z-index: 0;
  overflow: hidden;
  min-height: 180px;
}

.coursecard-head::before {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  width: 47%;
  height: 80%;
  background: linear-gradient(100deg, hsla(212, 100%, 17%, 0.25) 0%, hsla(292, 39%, 30%, 0.25) 100%);
  border-radius: 16px;
  z-index: -1;
  -webkit-transform: perspective(300px) rotateX(-30deg);
  -o-transform: perspective(300px) rotateX(-30deg);
  -moz-transform: perspective(300px) rotateX(-30deg);
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  transition: left 0.5s ease-in-out, top 0.5s ease-in-out;
}

.coursecard-head::after {
  content: "";
  position: absolute;
  bottom: -50%;
  right: -57%;
  width: 40%;
  height: 100%;
  background: linear-gradient(100deg, hsla(212, 100%, 17%, 0.25) 0%, hsla(292, 39%, 30%, 0.25) 100%);
  border-radius: 16px;
  z-index: -1;
  -webkit-transform: perspective(300px) rotateX(326deg);
  -o-transform: perspective(300px) rotateX(326deg);
  -moz-transform: perspective(300px) rotateX(326deg);
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  transition: right 0.5s ease-in-out, bottom 0.5s ease-in-out;
}

.courses-overview-coursecards .card:hover .coursecard-head::before {
  top: 0;
  left: 0;
}

.courses-overview-coursecards .card:hover .coursecard-head::after {
  bottom: -10%;
  right: -7%;
}

.coursecard-head h3, .coursecard-head h4 {
  color: #FFFFFF;
}

.coursecard-head h3 {
  font-weight: 500;
}

.coursecard-head h4 {
  font-size: 1.25rem;
  font-weight: 400;
}

.coursecard-body {
  background: linear-gradient(100deg, #E5E9EE 0%, #F3EBF5 100%);
  padding: 15px;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  min-height: 255px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.courses-overview-pricematch .pricematch {
  background: linear-gradient(100deg, #642F6C 0%, #9116FE 100%);
  border-radius: 50px;
  padding: 10px 5px;
}

.courses-overview-pricematch .pricematch p {
  background: rgba(255, 255, 255, 0.9);
  margin: 0;
  padding: 8px 15px 8px 8px;
  border-radius: 16px 50px 50px 16px;
}

.wavy-edge-bottom {
  clip-path: polygon(100% 0%, 0% 0%, 0% 93.64%, 1.67% 94.35%, 3.33% 95.01%, 5% 95.63%, 6.67% 96.19%, 8.33% 96.69%, 10% 97.11%, 11.67% 97.47%, 13.33% 97.74%, 15% 97.94%, 16.67% 98.05%, 18.33% 98.08%, 20% 98.02%, 21.67% 97.88%, 23.33% 97.66%, 25% 97.36%, 26.67% 96.98%, 28.33% 96.53%, 30% 96.01%, 31.67% 95.43%, 33.33% 94.8%, 35% 94.11%, 36.67% 93.39%, 38.33% 92.63%, 40% 91.85%, 41.67% 91.06%, 43.33% 90.25%, 45% 89.45%, 46.67% 88.65%, 48.33% 87.88%, 50% 87.13%, 51.67% 86.42%, 53.33% 85.76%, 55% 85.14%, 56.67% 84.58%, 58.33% 84.08%, 60% 83.66%, 61.67% 83.3%, 63.33% 83.03%, 65% 82.83%, 66.67% 82.72%, 68.33% 82.69%, 70% 82.75%, 71.67% 82.89%, 73.33% 83.11%, 75% 83.41%, 76.67% 83.79%, 78.33% 84.24%, 80% 84.76%, 81.67% 85.34%, 83.33% 85.97%, 85% 86.66%, 86.67% 87.38%, 88.33% 88.14%, 90% 88.92%, 91.67% 89.71%, 93.33% 90.52%, 95% 91.32%, 96.67% 92.12%, 98.33% 92.89%, 100% 93.64%);
}

.lp-new-btn {
  background-color: rgb(0, 40, 85);
  border: 5px solid rgb(0, 40, 85);
  color: #FFFFFF;
  border-radius: 50px;
  padding: 0;
  transition: all 0.3s ease-in-out;
  max-height: 60px;
  min-width: 200px;
}

.btn-light {
  transition: all 0.3s ease-in-out;
  border: 3px solid #fff;
}

.btn-light:hover {
  border: 3px solid #fff;
}

.lp-new-btn:hover {
  background: linear-gradient(100deg, #FFFFFF 65%, #9BC3EF 100%);
  border: 5px solid rgb(0, 40, 85);
  color: rgb(0, 40, 85);
}

.lp-new-btn svg {
  background: #FFFFFF;
  width: 50px;
  height: 50px;
  margin-left: 30px;
  border-radius: 50%;
  padding: 10px;
  transition: all 0.3s ease-in-out;
}

.lp-new-btn:not(.landing-page-price-box .lp-new-btn) {
  display: flex;
  align-items: center;
  justify-content: end;
}

.btn-light:hover {
  background: linear-gradient(100deg, #002855 68%, #135DB1 100%);
}

.btn-light:hover svg {
  color: #002855;
  background: #fff;
  border-radius: 50%;
  box-shadow: 1px 1px 1px 1px #002855;
}

/* LP Stats Section */
.lp-stats.section {
  border-radius: 32px;
}

.lp-stat-section .code {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  width: 260px;
  height: 0;
  left: 0;
  margin: auto;
  line-height: 1.6;
  transition: visibility 0s, opacity 0.5s linear;
}

.lp-stat-section .pie, .lp-stat-section .pie svg {
  width: 160px !important;
  height: 160px !important;
}

.lp-stat-section .pie svg text {
  font-weight: 700;
  color: #642F6C;
}

.lp-stat-section .show-code .code {
  visibility: visible;
  opacity: 1;
  height: 100%;
  top: 45px;
}

.lp-stat-section pre {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

.lp-stat-section code {
  height: calc(100% - 45px);
  margin-top: -20px;
}

.lp-stats .card, .lp-stats .card-footer {
  border: none;
}

.lp-stats .card {
  border: none;
  border-radius: 16px;
}

.lp-stats .card-footer {
  border: none;
  background: linear-gradient(100deg, #E5E9EE 0%, #F3EBF5 100%);
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  min-height: 115px;
}

.lp-hr-grad-bg {
  background: linear-gradient(100deg, #BD10E0 0%, #381664 100%);
  position: relative;
  overflow: hidden;
}

.lp-stat.cards, .lp-stats-enquire, .lp-stats h2 {
  z-index: 1;
}

.lp-hr-grad-bg::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: -500px;
  width: 47%;
  height: 90%;
  background: linear-gradient(100deg, hsla(212, 100%, 17%, 0.25) 0%, hsla(292, 39%, 30%, 0.25) 100%);
  border-radius: 16px;
  z-index: 0;
  -webkit-transform: perspective(300px) rotateX(180deg) skew(20deg, 12deg);
  -o-transform: perspective(300px) rotateX(180deg) skew(20deg, 12deg);
  -moz-transform: perspective(300px) rotateX(180deg) skew(20deg, 12deg);
  -webkit-transform-origin: 0% 65%;
  -moz-transform-origin: 0% 65%;
  -o-transform-origin: 0% 65%;
  transform-origin: 0% 65%;
  transition: left 0.5s ease-in-out, bottom 0.5s ease-in-out;
}

.lp-hr-grad-bg::after {
  content: "";
  position: absolute;
  top: 0;
  right: -500px;
  width: 47%;
  height: 90%;
  background: linear-gradient(100deg, hsla(212, 100%, 17%, 0.25) 0%, hsla(292, 39%, 30%, 0.25) 100%);
  border-radius: 16px;
  z-index: 0;
  -webkit-transform: perspective(300px) rotateX(165deg) skew(18deg, 344deg);
  -o-transform: perspective(300px) rotateX(165deg) skew(18deg, 344deg);
  -moz-transform: perspective(300px) rotateX(165deg) skew(18deg, 344deg);
  -webkit-transform-origin: 0% 40%;
  -moz-transform-origin: 0% 40%;
  -o-transform-origin: 0% 40%;
  transform-origin: 0% 40%;
  transition: right 0.5s ease-in-out, bottom 0.5s ease-in-out;
}

.lp-hr-grad-bg:hover::before {
  left: 0;
}

.lp-hr-grad-bg:hover::after {
  right: 0;
}

.lp-hr-grad-bg h2, .lp-stats-enquire p {
  color: #FFFFFF;
}

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

.lp-stats-enquire .btn {
  border-radius: 30px;
  padding: 2px 2px 2px 15px;
}

.btn .btn-icon {
  margin-left: auto;
}

.btn .btn-text {
  margin-left: auto;
}

.lp-stats-enquire .btn svg {
  background: rgb(0, 40, 85);
  width: 50px;
  height: 50px;
  margin-left: 30px;
  border-radius: 50%;
  padding: 11px;
}

.btn svg {
  overflow: visible;
}

.container-wide {
  width: 95%;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  margin-right: auto;
  margin-left: auto;
  border-radius: 16px;
}

/* LP Course Pricebox section */
.check-list .icon-check:before {
  content: none;
}

.landing-pricebox .check-list li img {
  width: 40px;
  height: auto;
  margin-right: 15px;
}

.landing-pricebox .check-list {
  padding-left: 0;
}

.lp-overview-content .check-list li {
  margin-bottom: 15px;
}

.lp-price-tabs .nav-pills {
  background: linear-gradient(100deg, #E5E9EE 0%, #F3EBF5 100%);
  width: fit-content;
  padding: 15px;
  border-radius: 16px;
}

.lp-price-tabs .nav-pills .nav-link {
  border-radius: 50px;
  padding: 1rem 2rem;
  background-color: #FFFFFF;
  color: #6D6D6D;
  min-width: 180px;
  font-weight: 700;
  transition: all 0.3s ease-in-out;
}

.lp-price-tabs .nav-pills .nav-link:not(.active):hover {
  background-color: rgba(0, 40, 85, 0.1);
  color: rgba(0, 40, 85, 0.8);
}

.lp-price-tabs .nav-pills .nav-item:not(:last-of-type) {
  margin-right: 15px;
}

.lp-price-tabs .nav-pills .nav-link.active {
  background-color: #002855;
  color: #FFFFFF;
}

.lp-price-tabs .nav-pills li {
  margin-bottom: 0;
}

ul.check-list.show {
  display: flex;
}

.landing-pricebox:has(.course-type-tabs) .lp-pricebox-details .box-shadow, .landing-pricebox .lp-pricebox-details .course-tab, .landing-pricebox .lp-pricebox-details .course-tab.active {
  box-shadow: none;
  border: none;
}

.landing-pricebox-review p img {
  width: 85px;
  height: 85px;
}

.lp-pricebox-details .course-tab {
  background-color: transparent;
}

.landing-pricebox:has(.course-type-tabs) .lp-pricebox-details-bg {
  background: linear-gradient(100deg, #E5E9EE 0%, #F3EBF5 100%);
  border-top-right-radius: 16px;
  border-top-left-radius: 16px;
}

.landing-pricebox:has(.course-type-tabs) .landing-page-price-box {
  background: linear-gradient(100deg, #E5E9EE 0%, #F3EBF5 100%);
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
}

.landing-pricebox .lp-pricebox-details .course-tab {
  background-color: #FFFFFF;
  border-radius: 50px;
  margin: 8px;
  z-index: 0;
}

.landing-pricebox .lp-pricebox-details .course-tab.active {
  background-color: #002855;
  border-radius: 50px;
}

.landing-pricebox .lp-pricebox-details .course-tab.active p {
  color: #FFFFFF;
}

.section-copy .form-box h2 {
  font-size: 2rem;
}

.section-copy .coursecard-head h3 {
  font-size: 1.75rem;
}

.lp-study-options .comparisondiv, .lp-finance-usps .comparisondiv {
  background: linear-gradient(100deg, #E5E9EE 0%, #F3EBF5 100%);
  border-radius: 16px !important;
}

.landing-pricebox.spacer-60 {
  padding-top: 90px;
  padding-bottom: 90px;
}

p.review {
  color: rgb(69, 69, 69);
  font-weight: 350;
}

/* Overlap Image Sections */
.overlap-image-text {
  display: flex;
}

.overlap-image-text {
  align-items: center;
}

.overlap-image-text img:not(.comparisondiv img), .overlap-image-text-swap img:not(.comparisondiv img) {
  width: auto;
  height: auto;
}

.overlap-image-text .youtube-player {
  border-radius: 30px !important;
}

.overlap-image-text .graphic-box, .overlap-image-text-swap .graphic-box {
  max-width: 55%;
  z-index: 0;
  border-radius: 30px;
}

.lp-bg-boxes-img {
  max-width: 800px;
  border-radius: 30px !important;
  object-fit: cover;
}

.overlap-text {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  right: 5%;
  width: 50%;
  height: fit-content;
  background-color: #fff;
  border-radius: 30px;
  padding: 30px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
}

.overlap-text-swap {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  left: 10%;
  width: 55%;
  height: fit-content;
  background-color: #fff;
  border-radius: 30px;
  padding: 30px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
}

.lp-bg-boxes-right {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  right: 0%;
  width: 55% !important;
  height: fit-content !important;
}

.lp-bg-boxes-left {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  left: 0%;
  width: 55% !important;
  height: fit-content !important;
}

.overlap-image-text-swap .col-12 {
  display: flex;
  justify-content: end;
}

#overlap-video .overlap-text, .video-box-bg .overlap-text {
  z-index: 0;
}

.overlap-image-text:has(iframe) .overlap-text {
  z-index: -1 !important;
}

.lp-study-options {
  overflow: hidden;
}

.bg-box-1 {
  background: linear-gradient(91deg, hsla(212, 100%, 17%, 0.25) 0%, hsla(292, 39%, 30%, 0.25) 100%);
  border-radius: 16px;
  position: absolute;
  top: 10%;
  right: 35%;
  width: 35%;
  height: 55%;
  -moz-transform: rotate(346deg) skew(-15deg, 0deg);
  -webkit-transform: rotate(346deg) skew(-15deg, 0deg);
  -o-transform: rotate(346deg) skew(-15deg, 0deg);
  -ms-transform: rotate(346deg) skew(-15deg, 0deg);
  transform: rotate(346deg) skew(-15deg, 0deg);
  z-index: -3;
}

.bg-box-2 {
  background: linear-gradient(91deg, hsla(212, 100%, 17%, 0.25) 0%, hsla(292, 39%, 30%, 0.25) 100%);
  border-radius: 16px;
  position: absolute;
  top: 25%;
  right: 45%;
  width: 30%;
  height: 30%;
  -moz-transform: scale(0.9) rotate(8deg) skew(25deg, 0deg);
  -webkit-transform: scale(0.9) rotate(8deg) skew(25deg, 0deg);
  -o-transform: scale(0.9) rotate(8deg) skew(25deg, 0deg);
  -ms-transform: scale(0.9) rotate(8deg) skew(25deg, 0deg);
  transform: scale(0.9) rotate(8deg) skew(25deg, 0deg);
  z-index: -3;
}

.bg-box-3 {
  background: linear-gradient(91deg, hsla(212, 100%, 17%, 0.25) 0%, hsla(292, 39%, 30%, 0.25) 100%);
  border-radius: 16px;
  position: absolute;
  top: 35%;
  right: 10%;
  width: 55%;
  height: 70%;
  -moz-transform: scale(0.8) rotate(32deg) skew(-25deg, 0deg);
  -webkit-transform: scale(0.8) rotate(32deg) skew(-25deg, 0deg);
  -o-transform: scale(0.8) rotate(32deg) skew(-25deg, 0deg);
  -ms-transform: scale(0.8) rotate(32deg) skew(-25deg, 0deg);
  transform: scale(0.8) rotate(32deg) skew(-25deg, 0deg);
  z-index: -3;
}

@keyframes box-right-move-1 {
  0% {
    top: 15%;
    right: 45%;
    width: 0%;
    height: 50%;
  }
  100% {
    top: 6%;
    right: 5%;
    width: 45%;
    height: 65%;
  }
}
@keyframes box-right-move-2 {
  0% {
    top: 25%;
    right: 45%;
    width: 30%;
    height: 30%;
  }
  100% {
    top: 25%;
    right: 3%;
    width: 50%;
    height: 70%;
  }
}
@keyframes box-right-move-3 {
  0% {
    top: 15%;
    right: 45%;
    width: 30%;
    height: 50%;
  }
  100% {
    top: 35%;
    right: 10%;
    width: 55%;
    height: 70%;
  }
}
.box-animation .bg-box-1 {
  animation: box-right-move-1 1.5s ease-in forwards;
}

.box-animation .bg-box-2 {
  animation: box-right-move-2 1.75s ease-in forwards;
}

.box-animation .bg-box-3 {
  animation: box-right-move-3 2s ease-in forwards;
}

.bg-box-left-1 {
  background: linear-gradient(91deg, hsla(212, 100%, 17%, 0.25) 0%, hsla(292, 39%, 30%, 0.25) 100%);
  border-radius: 16px;
  position: absolute;
  top: 10%;
  left: 35%;
  width: 35%;
  height: 55%;
  -moz-transform: rotate(12deg) skew(24deg, -3deg);
  -webkit-transform: rotate(12deg) skew(24deg, -3deg);
  -o-transform: rotate(12deg) skew(24deg, -3deg);
  -ms-transform: rotate(12deg) skew(24deg, -3deg);
  transform: rotate(12deg) skew(24deg, -3deg);
  z-index: -3;
}

.bg-box-left-2 {
  background: linear-gradient(91deg, hsla(212, 100%, 17%, 0.25) 0%, hsla(292, 39%, 30%, 0.25) 100%);
  border-radius: 16px;
  position: absolute;
  top: 25%;
  left: 45%;
  width: 30%;
  height: 30%;
  -moz-transform: scale(0.9) rotate(330deg) skew(50deg, -10deg);
  -webkit-transform: scale(0.9) rotate(330deg) skew(50deg, -10deg);
  -o-transform: scale(0.9) rotate(330deg) skew(50deg, -10deg);
  -ms-transform: scale(0.9) rotate(330deg) skew(50deg, -10deg);
  transform: scale(0.9) rotate(330deg) skew(50deg, -10deg);
  z-index: -3;
}

.bg-box-left-3 {
  background: linear-gradient(91deg, hsla(212, 100%, 17%, 0.25) 0%, hsla(292, 39%, 30%, 0.25) 100%);
  border-radius: 16px;
  position: absolute;
  top: 35%;
  right: 10%;
  width: 55%;
  height: 70%;
  -moz-transform: scale(0.8) rotate(319deg) skew(57deg, -11deg);
  -webkit-transform: scale(0.8) rotate(319deg) skew(57deg, -11deg);
  -o-transform: scale(0.8) rotate(319deg) skew(57deg, -11deg);
  -ms-transform: scale(0.8) rotate(319deg) skew(57deg, -11deg);
  transform: scale(0.8) rotate(319deg) skew(57deg, -11deg);
  z-index: -3;
}

@keyframes box-left-move-1 {
  0% {
    top: 15%;
    left: 45%;
    width: 0%;
    height: 50%;
  }
  100% {
    top: 6%;
    left: 5%;
    width: 45%;
    height: 65%;
  }
}
@keyframes box-left-move-2 {
  0% {
    top: 25%;
    left: 45%;
    width: 30%;
    height: 30%;
  }
  100% {
    top: 25%;
    left: 18%;
    width: 50%;
    height: 60%;
  }
}
@keyframes box-left-move-3 {
  0% {
    top: 15%;
    left: 45%;
    width: 30%;
    height: 50%;
  }
  100% {
    top: 35%;
    left: 10%;
    width: 55%;
    height: 55%;
  }
}
.box-animation .bg-box-left-1 {
  animation: box-left-move-1 1.5s ease-in forwards;
}

.box-animation .bg-box-left-2 {
  animation: box-left-move-2 1.75s ease-in forwards;
}

.box-animation .bg-box-left-3 {
  animation: box-left-move-3 2s ease-in forwards;
}

.course-pills svg {
  background-color: #FFFFFF;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  min-width: 80px;
}

.courses-overview-pricematch .price-match-pill {
  border-radius: 50px;
  padding: 0;
  margin: 0;
}

.courses-overview-pricematch .price-match-pill span {
  line-height: 1.5rem;
}

.lp-pricebox-details .course-pills svg {
  width: 50px;
  height: 50px;
  min-width: 50px;
  margin-right: 15px;
}

.course-pills .hr-prim-border {
  background: linear-gradient(100deg, #642F6C 0%, #8800AD 100%);
}

.lp-pricebox-details .price-match-pill {
  padding: 5px 15px 5px 5px;
}

.lp-new-review {
  margin-bottom: 30px;
}

.modal.show .modal-content {
  border-radius: 16px;
}

.modal.mob-layout.show .btn-primary {
  background-color: rgb(0, 40, 85);
  border: 5px solid rgb(0, 40, 85);
  color: #FFFFFF;
  border-radius: 50px;
}

.modal.show .modal-content .modal-header {
  background: linear-gradient(100deg, #E5E9EE 0%, #F3EBF5 100%);
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}

#faqs h2 {
  text-align: center;
}

#faqs {
  height: auto !important;
}

#more-btn {
  margin: auto;
}

.modal {
  z-index: 1114 !important;
}

.modal-backdrop {
  z-index: 1113 !important;
}

.mob-layout .modal-footer {
  margin-top: 15px;
}

/* -------- SALE -------- */
.sale-hero-banner {
  background-color: #B91416;
  border-radius: 50px;
  width: fit-content;
  padding: 5px 25px 5px 5px;
  position: absolute;
  top: -70px;
  left: 0;
}

.sale-hero-banner span {
  color: #FFFFFF;
}

.sale-hero-banner svg {
  background: #FFFFFF;
  width: 50px;
  height: 50px;
  margin-right: 15px;
  border-radius: 50%;
  padding: 10px;
}

.sale-hero-banner-text {
  line-height: 1.5rem;
}

.sale-hero-banner-text-top {
  font-size: 1.5rem;
  font-weight: 600;
}

.landing-pricebox h2 {
  position: relative;
}

.courses-overview-coursecards .saletag-25off:before,
.courses-overview-coursecards .saletag-30off:before,
.courses-overview-coursecards .saletag-33off:before,
.courses-overview-coursecards .saletag-35off:before,
.courses-overview-coursecards .saletag-37off:before,
.courses-overview-coursecards .saletag-40off:before,
.landing-pricebox .saletag-25off:before,
.landing-pricebox .saletag-30off:before,
.landing-pricebox .saletag-33off:before,
.landing-pricebox .saletag-35off:before,
.landing-pricebox .saletag-37off:before,
.landing-pricebox .saletag-40off:before {
  position: absolute;
  height: fit-content;
  transform: translate(0, -50%);
  font-size: 0.875rem;
  background: rgb(228, 0, 70);
  color: rgb(255, 255, 255) !important;
  padding: 10px;
  border-radius: 50px;
  text-shadow: none;
  border: 0;
  box-shadow: none;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  font-weight: 500;
}

.courses-overview-coursecards .saletag-25off:before,
.courses-overview-coursecards .saletag-30off:before,
.courses-overview-coursecards .saletag-33off:before,
.courses-overview-coursecards .saletag-35off:before,
.courses-overview-coursecards .saletag-37off:before,
.courses-overview-coursecards .saletag-40off:before {
  right: -15px;
}

.landing-pricebox .saletag-25off:before,
.landing-pricebox .saletag-30off:before,
.landing-pricebox .saletag-33off:before,
.landing-pricebox .saletag-35off:before,
.landing-pricebox .saletag-37off:before,
.landing-pricebox .saletag-40off:before {
  right: 5px;
}

.courses-overview-coursecards .saletag-25off:before {
  content: "25% off";
  top: 5px;
}

.courses-overview-coursecards .saletag-30off:before {
  content: "30% off";
  top: 5px;
}

.courses-overview-coursecards .saletag-33off:before {
  content: "33% off";
  top: 5px;
}

.courses-overview-coursecards .saletag-35off:before {
  content: "35% off";
  top: 5px;
}

.courses-overview-coursecards .saletag-37off:before {
  content: "37% off";
  top: 5px;
}

.courses-overview-coursecards .saletag-40off:before {
  content: "40% off";
  top: 5px;
}

.landing-pricebox .saletag-30off:before {
  content: "30% off";
  top: 20px;
}

.landing-pricebox .saletag-25off:before {
  content: "25% off";
  top: 20px;
}

.landing-pricebox .saletag-33off:before {
  content: "33% off";
  top: 20px;
}

.landing-pricebox .saletag-35off:before {
  content: "35% off";
  top: 20px;
}

.landing-pricebox .saletag-37off:before {
  content: "37% off";
  top: 20px;
}

.landing-pricebox .saletag-40off:before {
  content: "40% off";
  top: 20px;
}

@media screen and (max-width: 1030px) {
  .overlap-image-text img:not(.comparisondiv img) {
    max-width: 450px;
    height: auto;
  }
  .lp-navbar-brand img {
    max-width: 300px;
    padding: 1rem 0;
  }
}
@media screen and (max-width: 1300px) {
  .overlap-image-text .overlap-text {
    transition: right 0.5s ease-in-out;
  }
  .overlap-image-text:has(iframe) .overlap-text {
    right: 0;
  }
}
@media screen and (min-width: 2100px) {
  .lp-hero-trust .trust-top .trustpilot-hero {
    border-right: 500px solid #FFF;
  }
  #overlap-video .overlap-text, .video-box-bg .overlap-text {
    width: fit-content;
    right: 30%;
  }
}
@media screen and (min-width: 1900px) {
  #lp-hero .spacer-60 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
  }
  #lp-hero, .section {
    height: 100vh;
  }
  .lp-study-options, .lp-new-review {
    height: auto;
    overflow: visible;
  }
  .lp-middle {
    display: flex;
    align-items: center;
  }
  .lp-navbar-brand img {
    max-width: 300px;
    padding: 1rem 0;
  }
  #lp-hero .spacer-60 {
    padding-top: 15px !important;
  }
  #lp-hero h2.formheader {
    font-size: 2.25rem;
  }
  .landing-headings h1 {
    font-size: 4.5rem;
  }
  .landing-headings h2 {
    font-size: 2.5rem;
  }
  .lp-hero-trust .trust-top .trustpilot-hero {
    background: url("../images/trust-transition.svg") no-repeat right top;
  }
  #hero-form .form-btn, .courses-overview-coursecards .landing-btn .btn, .lp-new-btn.form-btn {
    font-size: 1.25rem !important;
  }
  .section-copy .form-box h2 {
    font-size: 2rem;
  }
  .lp-stat-section .pie, .lp-stat-section .pie svg {
    width: 200px !important;
    height: 200px !important;
  }
  .landing-pricebox .lp-pricebox-details .course-tab {
    margin: 15px;
  }
  .lp-bg-boxes-img {
    max-width: none;
  }
  .overlap-text {
    right: 10%;
    width: 55%;
    padding: 60px;
  }
  .overlap-text-swap {
    right: 10%;
    width: 55%;
    padding: 60px;
  }
  .container-wide {
    width: 90%;
    margin-bottom: 90px;
  }
  #overlap-video .overlap-text, .video-box-bg .overlap-text {
    width: fit-content;
    right: 20%;
  }
  .overlap-image-text .overlap-text {
    transition: right 0.5s ease-in-out;
  }
  .overlap-image-text:has(iframe) .overlap-text {
    right: 0;
  }
}
@media screen and (max-width: 767px) {
  .lp-navbar-brand img {
    max-width: 140px;
  }
  .lp-nav-icon-circle {
    width: 45px;
    height: 45px;
  }
  .lp-nav-icon-circle {
    margin-right: 0;
  }
  .navbar {
    flex-wrap: nowrap;
  }
  .nav-desktop {
    display: none !important;
  }
  .nav-btns .navbar-toggler.nav-mobile {
    padding: 0;
  }
  .nav-fixed {
    width: 95%;
    left: 8px;
  }
  .sidenav-btn {
    padding: 0 5px;
    height: 45px;
  }
  .sidenav-btn img {
    width: 30px;
    height: 30px;
    transition: all 0.3s ease-in-out;
  }
  #sidenav {
    min-width: 100vw;
    max-width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    right: -100vw;
    transition: all 0.5s ease-in-out;
  }
  .sidenav-body {
    padding: 15px;
  }
  .landing-headings h1 {
    font-size: 3rem;
  }
  .landing-headings h2 {
    font-size: 1.5rem;
  }
  #lp-hero .faculty-pass {
    top: auto;
    bottom: 0;
    left: auto;
    right: 15px;
    width: 110px;
  }
  #lp-hero .faculty-pass p {
    font-size: 0.75rem;
  }
  .landing-headings::after {
    top: 0%;
    left: -20%;
  }
  .lp-hero-trust .trust-top .trustpilot-hero {
    position: absolute;
    bottom: 0;
    padding: 10px 10px 15px 10px;
    background: url("../images/trust-transition.svg") no-repeat 12% top;
    margin-bottom: -1px;
  }
  .lp-stats-enquire p {
    text-align: center !important;
  }
  .courses-overview-pricematch .pricematch {
    border-radius: 16px;
    padding: 10px 5px;
  }
  .lp-pricebox-details {
    margin-top: 15px;
  }
  .overlap-image-text img:not(.comparisondiv img), .overlap-image-text-swap img:not(.comparisondiv img) {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 30px;
  }
  .overlap-text, .overlap-text-swap {
    position: relative;
    width: 100%;
    padding: 15px;
    margin: -40px auto 0 auto;
    left: 0;
    right: 0;
  }
  .overlap-image-text-swap .col-12 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .courses-overview-coursecards .row-cols-1 {
    overflow-x: auto;
    overflow-y: visible;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    flex-wrap: nowrap !important;
  }
  .courses-overview-coursecards .row-cols-1 .col {
    width: fit-content;
  }
  .courses-overview-coursecards .row-cols-1 .col .card {
    width: 65vw;
  }
  .courses-overview-pricematch .pricematch {
    flex-direction: column;
    padding: 15px;
    text-align: center;
  }
  .course-pills svg {
    background-color: #FFFFFF;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    min-width: 50px;
  }
  .courses-overview-pricematch .pricematch p {
    background: rgba(255, 255, 255, 0.9);
    margin-top: 15px;
    padding: 8px 15px 8px 8px;
    border-radius: 16px;
  }
  .landing-headings .hero-from-price::before {
    transform: scale(0.7);
    left: -35px;
    bottom: -18px;
  }
  .lp-price-tabs .nav-pills .nav-link {
    max-width: 100px;
    min-width: 100px;
    padding: 10px 5px;
    font-size: 1rem;
  }
  .lp-price-tabs .nav-pills {
    flex-wrap: nowrap;
    width: 100%;
    justify-content: space-around;
  }
  .landing-pricebox.spacer-60 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .overlap-text-link {
    flex-direction: column;
  }
  .overlap-text-link .lp-new-btn {
    width: 100% !important;
    font-size: 1.5rem !important;
  }
  .overlap-text-body .row {
    overflow-x: auto;
    overflow-y: visible;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    flex-wrap: nowrap !important;
  }
  .lp-bg-boxes-right {
    margin: 0 auto;
    top: auto;
    bottom: -10%;
    width: 100% !important;
    transform: rotate(90deg);
  }
  .lp-bg-boxes-left {
    margin: 0 auto;
    top: auto;
    bottom: -10%;
    width: 100% !important;
    transform: rotate(-80deg);
  }
  .courses-overview-pricematch.spacer-30 {
    flex-direction: column;
  }
  .courses-overview-pricematch.spacer-30 .lp-new-btn {
    width: 100% !important;
  }
  .lp-stat .card-body {
    margin: auto;
  }
  .lp-stat .row {
    overflow-x: auto;
    overflow-y: visible;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    flex-wrap: nowrap !important;
  }
  .lp-stat .row .col {
    width: 60%;
  }
  .lp-stat .row .col p {
    white-space: normal;
  }
  .bg-box-3 {
    -moz-transform: scale(0.8) rotate(347deg) skew(-25deg, 0deg);
    -webkit-transform: scale(0.8) rotate(347deg) skew(-25deg, 0deg);
    -o-transform: scale(0.8) rotate(347deg) skew(-25deg, 0deg);
    -ms-transform: scale(0.8) rotate(347deg) skew(-25deg, 0deg);
    transform: scale(0.8) rotate(347deg) skew(-25deg, 0deg);
  }
  @keyframes box-right-move-1 {
    0% {
      top: 15%;
      right: 45%;
      width: 0%;
      height: 50%;
    }
    100% {
      top: 35%;
      right: 45%;
      width: 45%;
      height: 65%;
    }
  }
  @keyframes box-right-move-2 {
    0% {
      top: 25%;
      right: 45%;
      width: 30%;
      height: 30%;
    }
    100% {
      top: 34%;
      right: 27%;
      width: 50%;
      height: 70%;
    }
  }
  @keyframes box-right-move-3 {
    0% {
      top: 15%;
      right: 45%;
      width: 30%;
      height: 50%;
    }
    100% {
      top: 36%;
      right: 0%;
      width: 55%;
      height: 70%;
    }
  }
  .overlap-image-text .graphic-box {
    max-width: 100%;
  }
  .bg-box-left-2 {
    -moz-transform: scale(0.9) rotate(53deg) skew(50deg, -10deg);
    -webkit-transform: scale(0.9) rotate(53deg) skew(50deg, -10deg);
    -o-transform: scale(0.9) rotate(53deg) skew(50deg, -10deg);
    -ms-transform: scale(0.9) rotate(53deg) skew(50deg, -10deg);
    transform: scale(0.9) rotate(53deg) skew(50deg, -10deg);
  }
  .bg-box-left-3 {
    -moz-transform: scale(0.8) rotate(90deg) skew(57deg, -11deg);
    -webkit-transform: scale(0.8) rotate(90deg) skew(57deg, -11deg);
    -o-transform: scale(0.8) rotate(90deg) skew(57deg, -11deg);
    -ms-transform: scale(0.8) rotate(90deg) skew(57deg, -11deg);
    transform: scale(0.8) rotate(90deg) skew(57deg, -11deg);
  }
  @keyframes box-left-move-1 {
    0% {
      top: 15%;
      left: 45%;
      width: 0%;
      height: 50%;
    }
    100% {
      top: 36%;
      left: 30%;
      width: 45%;
      height: 65%;
    }
  }
  @keyframes box-left-move-2 {
    0% {
      top: 25%;
      left: 45%;
      width: 30%;
      height: 30%;
    }
    100% {
      top: 28%;
      left: 18%;
      width: 50%;
      height: 60%;
    }
  }
  @keyframes box-left-move-3 {
    0% {
      top: 15%;
      left: 45%;
      width: 30%;
      height: 50%;
    }
    100% {
      top: 35%;
      left: 35%;
      width: 55%;
      height: 55%;
    }
  }
  #fixedbutton {
    padding: 0;
    border-radius: 50px;
    width: 50px;
    max-height: 50px;
    transition: width 1s 0s;
  }
  #fixedbutton.expanded {
    width: 255px;
  }
  #fixedbutton .fixbtn-text {
    opacity: 0;
    width: 0;
    margin: 0;
    padding: 0;
    transition: opacity 0s;
  }
  #fixedbutton.expanded .fixbtn-text {
    opacity: 1;
    width: 255px;
    transition: opacity 1s 0.5s;
  }
  #fixedbutton .btn-icon {
    visibility: visible;
  }
  #fixedbutton .btn-icon svg {
    background: #00a3e1;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  }
  #fixedbutton:hover {
    background: #00a3e1;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  }
  .fixbtn-text {
    margin-left: 15px;
  }
  .wo-inline .mobile-image {
    bottom: 15px !important;
    right: 5px !important;
  }
  .wo-inline .mobile-image img {
    height: 50px !important;
    width: 50px !important;
  }
  .sale-hero-banner {
    top: -50px;
    padding: 2px 25px 2px 5px;
  }
  .sale-hero-banner svg {
    width: 40px;
    height: 40px;
    padding: 7px;
  }
  .sale-hero-banner-text-top {
    font-size: 1.25rem;
  }
}
#chatPopup {
  position: fixed;
  bottom: 80px;
  right: 20px;
  width: 340px !important;
  background: #DEE4EA !important;
  border: none !important;
  padding: 15px;
  display: none;
  z-index: 99999;
  border-radius: 8px;
  box-shadow: -3px -3px 4px rgba(0, 0, 0, 0.4);
}

#chatPopup:before {
  content: "";
  position: absolute;
  top: 100%;
  right: 15px;
  width: 0;
  border-top: 10px solid #DEE4EA;
  border-left: 1cap solid transparent;
  border-right: 10px solid transparent;
}

#chatPopup p {
  margin-bottom: 10px;
}

#chatPopup .calendly-btn {
  background-color: #FFFFFF;
  color: rgb(0, 40, 85);
  border: 3px solid rgb(0, 40, 85);
  position: relative;
}

#chatPopup div:has(.calendly-btn) {
  float: left;
  width: 47%;
}

#chatPopup div:has(.calendly-btn):last-of-type {
  margin-left: 15px;
}

.calendly-btn svg {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background-color: rgb(0, 40, 85);
  padding: 0 5px;
}

.calendly-btn span {
  margin-left: 15px;
}

#chatBubble {
  display: flex !important;
  background: #00A3E1;
}

#chatBubble svg {
  width: 40px;
  height: 25px;
}

#chatPopup .calendly-btn {
  width: 150px !important;
}

.landing-page-price-box h2.course-price::before {
  content: url("../images/Underline-purple.png");
  width: fit-content;
  position: absolute;
  bottom: -23px;
  left: 0;
}

h2.course-price {
  position: relative;
}

.course-price small {
  font-size: 0.8rem;
}

.mob-layout .mod-close-btn {
  justify-content: center;
}

div[id*=Modal] .modal-footer:after {
  left: auto !important;
  right: 30px;
}

.lp-stat-section .pie svg text {
  fill: rgb(100, 47, 108);
}

@media screen and (max-width: 767px) {
  .landing-headings:has(.sale-hero-banner) {
    margin: 90px 0;
  }
  .sale-hero-banner {
    top: -70px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
  }
  #lp-hero .faculty-pass {
    bottom: 90px;
  }
  #hero-form {
    margin-bottom: 60px;
  }
  .spacer-60 {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }
}
@media screen and (max-width: 767px) {
  #courses-overview,
  .lp-stats {
    margin-top: 60px;
    margin-bottom: 60px;
  }
}
.lp-new-btn:not(.landing-page-price-box .lp-new-btn) {
  min-width: 250px;
}

.lp-course-jump {
  width: fit-content;
  background-color: #FFFFFF;
  border-radius: 16px;
  padding: 15px;
  margin-top: 15px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1 1 0px;
}

.lp-course-jump h3, .lp-course-jump p {
  margin: 0;
}

@media screen and (min-width: 1900px) {
  #hero-form .form-btn, .courses-overview-coursecards .landing-btn .btn, .lp-new-btn.form-btn {
    font-size: 1.5rem !important;
  }
}
.courses-overview-coursecards .landing-btn .btn {
  padding: 0.05rem 0.2rem 0.1rem 0.5rem;
}

.courses-overview-coursecards .lp-course-jump:first-of-type {
  margin-right: 30px;
}

.courses-overview-coursecards .lp-course-jump:last-of-type {
  margin-left: 30px;
}

.lp-stats {
  margin-top: 120px;
}

.landing-headings .courses-overview-coursecards h3 {
  font-size: 1.5rem;
}

.landing-headings .courses-overview-coursecards h4 {
  font-size: 1.2rem;
  font-weight: 400;
}

.landing-headings .courses-overview-coursecards p {
  font-size: 1rem;
}

.landing-headings::after {
  height: 90% !important;
}

.courses-overview-coursecards .saletag-25off:before, .courses-overview-coursecards .saletag-30off:before, .courses-overview-coursecards .saletag-33off:before, .courses-overview-coursecards .saletag-35off:before, .courses-overview-coursecards .saletag-37off:before, .courses-overview-coursecards .saletag-40off:before, .landing-pricebox .saletag-25off:before, .landing-pricebox .saletag-30off:before, .landing-pricebox .saletag-33off:before, .landing-pricebox .saletag-35off:before, .landing-pricebox .saletag-37off:before, .landing-pricebox .saletag-40off:before {
  border: 3px solid #FFFFFF;
}

@media screen and (max-width: 767px) {
  .lp-stats {
    margin-top: 60px;
  }
  .lp-course-jump {
    margin-top: 25px;
  }
  #lp-hero .faculty-pass {
    bottom: 20px !important;
  }
  .landing-headings .courses-overview-coursecards {
    margin: 0 -15px;
    padding: 0 25px 0 15px;
  }
  .landing-headings .courses-overview-coursecards .landing-btn .btn {
    font-size: 1.25rem;
  }
}
/* hide overview section */
#courses-overview {
  display: none;
}

.bg-nav-grad {
  background: linear-gradient(100deg, #E5E9EE 0%, #F3EBF5 100%);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  margin-top: -25px;
  padding-top: 25px;
}

.bg-nav-grad.new-scroll-nav ul li {
  padding: 20px 0 10px 0;
}

.bg-nav-grad.new-scroll-nav ul li a {
  background: #FFFFFF;
  padding: 10px 15px;
  margin: 10px;
  border-radius: 50px;
  font-weight: 700;
  transition: all 0.3s ease-in-out;
}

.bg-nav-grad.new-scroll-nav ul li a:hover, .bg-nav-grad.new-scroll-nav ul li a.active {
  text-decoration: none;
  border-bottom: none;
  background: rgb(0, 40, 85);
  color: #FFFFFF;
}

section {
  scroll-margin-top: 5rem;
}

#reviews {
  scroll-margin-top: 400px;
}

.faq-enquire {
  background: linear-gradient(100deg, #E5E9EE 0%, #F3EBF5 100%);
  border-radius: 8px;
  padding: 30px 0;
}

.faq-enquire h4 {
  margin-bottom: 0.5rem;
  color: #002855;
}

.faq-enquire p {
  color: #454545;
}

@media screen and (max-width: 767px) {
  section {
    scroll-margin-top: 6rem;
  }
  #reviews {
    scroll-margin-top: 600px;
  }
  .faq-enquire p {
    padding-bottom: 15px;
    text-align: center;
  }
  .faq-enquire h4 {
    font-size: 1.25rem;
    text-align: center;
  }
  .faq-enquire .btn-text {
    font-size: 1.5rem;
  }
  .navbar.nav-scrolling .lp-navbar-brand img {
    max-width: 140px;
  }
}