.landing-page,
.landing-page * {
  box-sizing: border-box;
}
.landing-page {
  background: var(--white, #f8fafc);
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  overflow: hidden;
  font-family: "Mulish", sans-serif;
}
.frame-2147224243 {
  background: linear-gradient(to left, #05131a, #05131a);
  padding: 0px 0px 20px 0px;
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 1440px;
  position: relative;
}
.vector-2 {
  opacity: 0.3;
  flex-shrink: 0;
  width: 992.5px;
  height: 1031.27px;
  position: absolute;
  left: -735px;
  top: -470.52px;
  transform: translate(735px, 470.52px);
  overflow: visible;
}
/* .img1-right img {
  height: 100vh;
} */
.frame-2147224242 {
  background: var(--white-1, transparent);
  border-style: solid;
  border-color: var(--seconday-9, rgba(14, 84, 124, 0.9));
  border-width: 0px 0px 1px 0px;
  padding: 19px 30px 19px 30px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  backdrop-filter: blur(10px);
}
.frame-2147224282 {
  display: flex;
  flex-direction: row;
  gap: 3.41px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.untitled-design-1 {
  flex-shrink: 0;
  width: 45.05px;
  height: 51.13px;
  position: relative;
  object-fit: cover;
  aspect-ratio: 45.05/51.13;
}
.frame-2147224283 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.untitled-design-2 {
  flex-shrink: 0;
  width: 153.4px;
  height: 30.3px;
  position: relative;
  object-fit: cover;
  aspect-ratio: 153.4/30.3;
}
.untitled-design-3 {
  flex-shrink: 0;
  width: 111.74px;
  height: 20.83px;
  position: relative;
  object-fit: cover;
  aspect-ratio: 111.74/20.83;
}
.frame-2147224290 {
  display: flex;
  flex-direction: row;
  gap: 45.15px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.frame-2147224289 {
  /* background: var(--primary-1, rgba(60, 156, 198, 0.1)); */
  border-radius: 6px;
  display: flex;
  flex-direction: row;
  gap: 16.55px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.frame-2147224287 {
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  gap: 14.63px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  height: auto;
  position: relative;
  overflow: visible;
}
.hero {
  color: var(--primary, #3c9cc6);
  text-align: center;
  font-family: "Mulish", sans-serif;
  font-size: 20px;
  font-weight: 700;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.frame-2147224288 {
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  gap: 14.63px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 12.68px;
  height: auto;
  position: relative;
  overflow: visible;
}
.about-course {
  color: #ffffff;
  text-align: center;
  font-family: "Mulish", sans-serif;
  font-size: 20px;
  font-weight: 400;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pricing {
  color: #ffffff;
  text-align: center;
  font-family: "Mulish", sans-serif;
  font-size: 20px;
  font-weight: 400;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.enroll {
  color: #ffffff;
  text-align: center;
  font-family: "Mulish", sans-serif;
  font-size: 20px;
  font-weight: 400;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.frame-2147224245 {
  background: linear-gradient(
    180deg,
    rgba(60, 156, 198, 1) 0%,
    rgba(14, 84, 124, 1) 100%
  );
  border-radius: 10px;
  border-width: 1.5px 1px 1.5px 1px;
  /* border-style: solid; */
  border-image: transparent;
  border-image-slice: 1;
  padding: 14px 20px 14px 20px;
  display: flex;
  flex-direction: row;
  gap: 50px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  box-shadow:
    inset 2px 2px 20px 0px rgba(88, 188, 205, 0.25),
    2px 2px 20px 0px rgba(88, 188, 205, 0.25);
  backdrop-filter: blur(7.5px);
}
.enroll-now {
  background: linear-gradient(to left, #f8fafc, #f8fafc);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: left;
  font-family: "Mulish", sans-serif;
  font-size: 20px;
  line-height: 22.04px;
  font-weight: 600;
  position: relative;
}
.frame-2147224081 {
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 1340px;
  position: relative;
}
.frame-2147224291 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 690px;
  position: relative;
}
.frame-2147224143 {
  display: flex;
  flex-direction: column;
  gap: 19px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.heading-1-maximize-your-content {
  text-align: left;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.heading-1-maximize-your-content-span {
  color: var(--primary, #3c9cc6);
  font-family: "DM Serif Display", serif;
  font-size: 70px;
  font-weight: 400;
}
.heading-1-maximize-your-content-span2 {
  color: var(--primary, #3c9cc6);
  font-family: "DM Serif Display", serif;
  font-size: 64px;
  font-weight: 400;
}
.heading-1-maximize-your-content-span3 {
  color: var(--white, #ffffff);
  font-family: "DM Serif Display", serif;
  font-size: 64px;
  font-weight: 400;
}
.frame-2147224292 {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.heading-1-maximize-your-content2 {
  color: var(--white, #ffffff);
  text-align: left;
  font-family: "Mulish", sans-serif;
  font-size: 22px;
  line-height: 32px;
  font-weight: 400;
  position: relative;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.heading-1-maximize-your-content-2-span {
  font-family: "Mulish", sans-serif;
  font-weight: 300;
}
.heading-1-maximize-your-content-2-span2 {
  font-family: "Mulish", sans-serif;
  font-weight: 700;
}
.frame-2147224373 {
  /* display: flex; */
  flex-direction: row;
  gap: 16px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.line-643 {
  margin-top: -6px;
  border-style: solid;
  border-color: var(--primary, #3c9cc6);
  border-width: 6px 0 0 0;
  flex-shrink: 0;
  width: 207px;
  height: 0px;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(90deg) scale(1, 1);
  display: none;
}
.frame-142 {
  padding: 2px 0px 2px 0px;
  display: flex;
  flex-direction: column;
  gap: 13px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  backdrop-filter: blur(2.29px);
}
.frame-2147223857 {
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.3) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  /* border-radius: 10px;
  border-width: 0.49px;
  border-style: solid;
  border-image: transparent;
  border-image-slice: 1; */
  padding: 6px 26px 6px 9px;
  display: flex;
  flex-direction: row;
  gap: 11.28px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  box-shadow: 0px 4.88px 17.07px 0px rgba(0, 0, 0, 0.25);
}
.frame-1686555360 {
  background: linear-gradient(
    130.4deg,
    rgba(60, 156, 198, 1) 0%,
    rgba(14, 84, 124, 1) 100%
  );
  border-radius: 9.17px;
  padding: 6px;
  display: flex;
  flex-direction: row;
  gap: 7.5px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.mentoring {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.assessment-guidance-included {
  color: var(--white, #e9ebec);
  text-align: left;
  font-family: "Mulish", sans-serif;
  font-size: 20px;
  font-weight: 500;
  position: relative;
}
.frame-2147223855 {
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.3) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  /* border-radius: 10px;
  border-width: 0.49px;
  border-style: solid;
  border-image: transparent;
  border-image-slice: 1; */
  padding: 6px 26px 6px 9px;
  display: flex;
  flex-direction: row;
  gap: 11.28px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  box-shadow: 0px 4.88px 17.07px 0px rgba(0, 0, 0, 0.25);
}
.globe {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.nationally-accredited-qualification {
  color: var(--white, #e9ebec);
  text-align: left;
  font-family: "Mulish", sans-serif;
  font-size: 20px;
  font-weight: 500;
  position: relative;
}
.frame-2147223858 {
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.3) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  /* border-radius: 10px;
  border-width: 0.49px;
  border-style: solid;
  border-image: transparent;
  border-image-slice: 1; */
  padding: 6px 26px 6px 9px;
  display: flex;
  flex-direction: row;
  gap: 11.28px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  box-shadow: 0px 4.88px 17.07px 0px rgba(0, 0, 0, 0.25);
}
.diploma {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.official-certificate-provided-upon-completion {
  color: var(--white, #e9ebec);
  text-align: left;
  font-family: "Mulish", sans-serif;
  font-size: 20px;
  font-weight: 500;
  position: relative;
}
.frame-2147223856 {
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.3) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  /* border-radius: 10px;
  border-width: 0.49px;
  border-style: solid;
  border-image: transparent;
  border-image-slice: 1; */
  padding: 6px 26px 6px 9px;
  display: flex;
  flex-direction: row;
  gap: 11.28px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  box-shadow: 0px 4.88px 17.07px 0px rgba(0, 0, 0, 0.25);
}
.zap {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.fast-flexible-classroom-training-in-blackburn {
  color: var(--white, #e9ebec);
  text-align: left;
  font-family: "Mulish", sans-serif;
  font-size: 20px;
  font-weight: 500;
  position: relative;
}
.frame-2147224293 {
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.frame-1000000931 {
  background:
    linear-gradient(
      130.4deg,
      rgba(60, 156, 198, 1) 50%,
      rgba(14, 84, 124, 1) 100%
    ),
    linear-gradient(0deg, rgba(12, 55, 208, 1) 0%, rgba(57, 94, 224, 1) 100%);
  border-radius: 20px;
  padding: 20px 60px 20px 60px;
  display: flex;
  flex-direction: row;
  gap: 15.58px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.enroll-now2 {
  color: var(--white, #f8fafc);
  text-align: left;
  font-family: "Mulish", sans-serif;
  font-size: 26px;
  font-weight: 600;
  position: relative;
}
.frame-1000000932 {
  background: linear-gradient(
    to left,
    rgba(255, 255, 255, 0.1),
    rgba(255, 255, 255, 0.1)
  );
  border-radius: 20px;
  border-style: solid;
  border-color: var(--white, #ffffff);
  border-width: 1px;
  padding: 20px 40px 20px 40px;
  display: flex;
  flex-direction: row;
  gap: 15.58px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
._0752-182-2227 {
  color: var(--white, #f8fafc);
  text-align: left;
  font-family: "Mulish", sans-serif;
  font-size: 26px;
  font-weight: 600;
  position: relative;
}
.frame-2147224294 {
  flex-shrink: 0;
  width: 589px;
  height: 642px;
  position: relative;
}
.vector-22 {
  opacity: 0.3;
  width: 522.49px;
  height: 542.9px;
  position: absolute;
  left: calc(50% - 332px);
  top: calc(50% - 105.33px);
  transform: translate(-67.55px, -346.26px);
  overflow: visible;
}
.blur-6 {
  opacity: 0.2;
  width: 451.04px;
  height: 451.04px;
  position: absolute;
  left: calc(50% - 95px);
  top: calc(50% - 304.13px);
  transform-origin: 0 0;
  transform: rotate(27.707deg) scale(1, 1);
}
.circle {
  background: linear-gradient(
    135deg,
    rgba(60, 156, 198, 1) 0%,
    rgba(157, 226, 255, 1) 100%
  );
  border-radius: 50%;
  width: 451.04px;
  height: 451.04px;
  position: absolute;
  left: 50%;
  translate: -50% -50%;
  top: 50%;
  filter: blur(42.79px);
}
.circle2 {
  border-radius: 50%;
  width: 345.34px;
  height: 345.34px;
  position: absolute;
  left: calc(50% - 216.49px);
  top: calc(50% - 145.45px);
  filter: blur(85.59px);
  object-fit: cover;
}
.group-1686555409 {
  position: absolute;
  inset: 0;
}
.ser-4 {
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.3) 100%
  );
  border-radius: 40px;
  border-style: solid;
  border-color: var(--white, transparent);
  border-width: 1px;
  padding: 16px 24px 16px 24px;
  display: flex;
  flex-direction: row;
  gap: 9px;
  align-items: center;
  justify-content: flex-end;
  width: 368px;
  position: absolute;
  left: 85.5px;
  top: 10.87px;
  overflow: hidden;
}
.frame-2147223884 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.frame-33438 {
  border-radius: 24.5px;
  display: flex;
  flex-direction: row;
  gap: 4.08px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 49px;
  height: 49px;
  position: relative;
  overflow: visible;
}
.frame-1686554818 {
  margin: 0 0 0 -18.38px;
  background: #ffffff;
  border-radius: 24.5px;
  padding: 10.62px;
  display: flex;
  flex-direction: row;
  gap: 4.08px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 49px;
  height: 49px;
  position: relative;
  box-shadow: 0px 2.45px 4.9px 0px rgba(6, 114, 231, 0.2);
}
.search-1 {
  flex-shrink: 0;
  width: 27.77px;
  height: 27.77px;
  position: relative;
  object-fit: cover;
}
.frame-1686554820 {
  display: flex;
  flex-direction: column;
  gap: 1.34px;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  width: 95.14px;
  position: relative;
}
.frame-48656 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  height: auto;
  position: relative;
  overflow: visible;
}
._5-0-rating {
  color: #ffffff;
  text-align: center;
  font-family: "Mulish", sans-serif;
  font-size: 16.561241149902344px;
  line-height: 23.66px;
  letter-spacing: 0.02em;
  font-weight: 600;
  position: relative;
}
.l {
  /* width: 356px; */
  height: 558.11px;
  position: absolute;
  left: 102px;
  top: 11.87px;
  overflow: visible;
}
.success {
  background: var(--primary, #3c9cc6);
  border-radius: 40px;
  border-width: 5.08px;
  /* border-style: solid; */
  border-image: transparent;
  border-image-slice: 1;
  padding: 6px 50px 6px 40px;
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: -24.5px;
  top: 539.87px;
  box-shadow:
    inset 2.54px 2.54px 25.41px 0px rgba(88, 188, 205, 0.25),
    2.54px 2.54px 25.41px 0px rgba(88, 188, 205, 0.25);
  backdrop-filter: blur(9.53px);
}
._100-success-rate {
  background: linear-gradient(to left, #f8fafc, #f8fafc);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: left;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
._100-success-rate-span {
  font-family: "Mulish", sans-serif;
  font-size: 50px;
  font-weight: 900;
}
._100-success-rate-span2 {
  font-family: "Mulish", sans-serif;
  font-size: 27.951160430908203px;
  font-weight: 500;
}
.r {
  width: 226.65px;
  height: 577px;
  position: absolute;
  left: 362.85px;
  top: 54.87px;
  overflow: visible;
}
.frame-2147224124 {
  background: linear-gradient(to left, #05131a, #05131a);
  padding: 49.93px 50px 49.93px 50px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-2147224271 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
._5-0 {
  color: var(--white, #ffffff);
  text-align: center;
  font-family: "Mulish", sans-serif;
  font-size: 20px;
  font-weight: 500;
  position: relative;
}
.frame-486562 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  height: auto;
  position: relative;
  overflow: visible;
}
._6859-e-66-a-123-a-25272-b-7522-de-f-08820191-ddae-7-ff-02-e-935-ac-2-e-43233-d-g-2-logo-white {
  flex-shrink: 0;
  width: 156px;
  height: 44px;
  position: relative;
  overflow: hidden;
}
.clip-path-group {
  height: auto;
  position: absolute;
  left: 0px;
  top: 0px;
  overflow: visible;
}
.frame-2147224274 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.frame-486563 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  height: auto;
  position: relative;
  overflow: visible;
}
._6859-e-66-a-123-a-25272-b-7522-df-5-e-8-adf-741-c-42-af-4-ddeda-912-a-2-ddd-38-bf-clutch-logo-white {
  flex-shrink: 0;
  width: 142.86px;
  height: 40px;
  position: relative;
  overflow: hidden;
}
.mask-group {
  height: auto;
  position: absolute;
  left: 0px;
  top: 0.04px;
  overflow: visible;
}
.frame-2147224272 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.frame-486564 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  height: auto;
  position: relative;
  overflow: visible;
}
._6859-e-66-a-123-a-25272-b-7522-e-0-0-be-7-dedd-73-d-697-bf-521036-efe-31-c-7-dc-0-trustpilot-logo-white {
  flex-shrink: 0;
  width: 183.59px;
  height: 44px;
  position: relative;
  overflow: hidden;
}
.clip-path-group2 {
  height: auto;
  position: absolute;
  left: 0px;
  top: 0px;
  overflow: visible;
}
.frame-2147224273 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.frame-486565 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  height: auto;
  position: relative;
  overflow: visible;
}
._6859-e-66-a-123-a-25272-b-7522-dc-35-c-3-c-2-a-80-f-54-f-008-e-4-fff-2-b-3-c-70-c-0-c-44-capterra-logo-white {
  flex-shrink: 0;
  width: 191.17px;
  height: 44px;
  position: relative;
  overflow: hidden;
}
.clip-path-group3 {
  height: auto;
  position: absolute;
  left: 0px;
  top: 0px;
  overflow: visible;
}
.section-1 {
  padding: 60px 90px 60px 90px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.frame-2147224164 {
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.frame-2147223840 {
  display: flex;
  flex-direction: column;
  gap: 13.53px;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.what-this-course-is-about {
  text-align: left;
  font-family: "DM Serif Display", serif;
  font-size: 55px;
  line-height: 80px;
  font-weight: 400;
  position: relative;
  width: 701px;
}
.what-this-course-is-about-span {
  background: linear-gradient(to left, #00030f, #00030f);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.what-this-course-is-about-span2 {
  background: linear-gradient(to left, #3c9cc6, #3c9cc6);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.this-qualification-introduces-you-to-the-professional-responsibilities-safety-standards-customer-service-expectations-and-local-regulations-required-to-work-as-a-licensed-taxi-or-private-hire-driver-in-england {
  color: var(--black, #00030f);
  text-align: left;
  font-family: "Mulish", sans-serif;
  font-size: 20px;
  line-height: 29px;
  font-weight: 400;
  position: relative;
  width: 678px;
}
.this-qualification-introduces-you-to-the-professional-responsibilities-safety-standards-customer-service-expectations-and-local-regulations-required-to-work-as-a-licensed-taxi-or-private-hire-driver-in-england-span {
  font-family: "Mulish", sans-serif;
}
.this-qualification-introduces-you-to-the-professional-responsibilities-safety-standards-customer-service-expectations-and-local-regulations-required-to-work-as-a-licensed-taxi-or-private-hire-driver-in-england-span2 {
  font-family: "Mulish", sans-serif;
  font-weight: 700;
}
.frame-2147224270 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-2147224135 {
  display: flex;
  flex-direction: row;
  gap: 13.98px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.img-margin {
  padding: 3.5px 0px 0px 0px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 34.95px;
  max-width: 636.12px;
  position: relative;
}
.blue-check-svg {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 34.95px;
  max-width: 636.12px;
  position: relative;
  overflow: hidden;
}
.blue-check-svg-fill {
  padding: 0px 1.39px 0px 1.39px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 34.95px;
  height: 32.97px;
  position: relative;
  overflow: hidden;
}
.blue-check-svg2 {
  flex-shrink: 0;
  width: 32.16px;
  height: 32.97px;
  position: relative;
  overflow: hidden;
}
.vector {
  width: 100%;
  height: 97.56%;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: 1.22%;
  top: 1.22%;
  overflow: visible;
}
.clip-path-group4 {
  height: auto;
  position: absolute;
  left: 7.63px;
  top: 9.1px;
  overflow: visible;
}
.heading-1-maximize-your-content3 {
  color: var(--black, #00030f);
  text-align: left;
  font-family: "Mulish", sans-serif;
  font-size: 20.952381134033203px;
  line-height: 35.24px;
  font-weight: 400;
  position: relative;
  flex: 1;
}
.frame-2147224131 {
  display: flex;
  flex-direction: row;
  gap: 13.98px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.vector2 {
  width: 100%;
  height: 97.56%;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: 1.22%;
  top: 1.22%;
  overflow: visible;
}
.clip-path-group5 {
  height: auto;
  position: absolute;
  left: 7.63px;
  top: 9.1px;
  overflow: visible;
}
.frame-2147224136 {
  display: flex;
  flex-direction: row;
  gap: 13.98px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.vector3 {
  width: 100%;
  height: 97.56%;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: 1.22%;
  top: 1.22%;
  overflow: visible;
}
.clip-path-group6 {
  height: auto;
  position: absolute;
  left: 7.63px;
  top: 9.1px;
  overflow: visible;
}
.frame-2147224132 {
  display: flex;
  flex-direction: row;
  gap: 13.98px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.vector4 {
  width: 100%;
  height: 97.56%;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: 1.22%;
  top: 1.22%;
  overflow: visible;
}
.clip-path-group7 {
  height: auto;
  position: absolute;
  left: 7.63px;
  top: 9.1px;
  overflow: visible;
}
.frame-2147224134 {
  display: flex;
  flex-direction: row;
  gap: 13.98px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.vector5 {
  width: 100%;
  height: 97.56%;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: 1.22%;
  top: 1.22%;
  overflow: visible;
}
.clip-path-group8 {
  height: auto;
  position: absolute;
  left: 7.63px;
  top: 9.1px;
  overflow: visible;
}
.frame-2147224133 {
  display: flex;
  flex-direction: row;
  gap: 13.98px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.vector6 {
  width: 100%;
  height: 97.56%;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: 1.22%;
  top: 1.22%;
  overflow: visible;
}
.clip-path-group9 {
  height: auto;
  position: absolute;
  left: 7.63px;
  top: 9.1px;
  overflow: visible;
}
.frame-10000009312 {
  background:
    linear-gradient(
      130.4deg,
      rgba(60, 156, 198, 1) 50%,
      rgba(14, 84, 124, 1) 100%
    ),
    linear-gradient(0deg, rgba(60, 156, 198, 1) 0%, rgba(14, 84, 124, 1) 100%);
  border-radius: 20px;
  padding: 20px 60px 20px 60px;
  display: flex;
  flex-direction: row;
  gap: 15.58px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.enroll-now3 {
  color: var(--white, #ffffff);
  text-align: left;
  font-family: "Mulish", sans-serif;
  font-size: 26px;
  font-weight: 600;
  position: relative;
}
.vector-23 {
  opacity: 0.3;
  width: 522.49px;
  height: 542.9px;
  position: absolute;
  left: calc(50% - 332px);
  top: calc(50% - 105.33px);
  transform: translate(-67.55px, -279.06px);
  overflow: visible;
}
.vector7 {
  width: 286px;
  height: 586px;
  position: absolute;
  left: 37px;
  top: 88.61px;
  overflow: visible;
  object-fit: cover;
}
.group-16865554092 {
  height: auto;
  position: absolute;
  left: 333px;
  top: 21.61px;
  overflow: visible;
}
.group-1686555410 {
  position: absolute;
  inset: 0;
}
.success2 {
  background: var(--primary, #3c9cc6);
  border-radius: 97.05px;
  border-width: 7.83px;
  border-style: solid;
  border-image: transparent;
  border-image-slice: 1;
  padding: 30.81px;
  display: flex;
  flex-direction: row;
  gap: 18.49px;
  align-items: center;
  justify-content: center;
  width: 154.05px;
  height: 154.05px;
  position: absolute;
  left: 368.95px;
  top: 459.57px;
  box-shadow:
    inset 3.91px 3.91px 39.14px 0px rgba(88, 188, 205, 0.25),
    3.91px 3.91px 39.14px 0px rgba(88, 188, 205, 0.25);
  backdrop-filter: blur(14.68px);
}
._25-expert-mentor {
  background: linear-gradient(to left, #f8fafc, #f8fafc);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
._25-expert-mentor-span {
  font-family: "Mulish", sans-serif;
  font-size: 46.213768005371094px;
  line-height: 136.8%;
  font-weight: 900;
}
._25-expert-mentor-span2 {
  font-family: "Mulish", sans-serif;
  font-size: 18.485506057739258px;
  line-height: 136.8%;
  font-weight: 500;
}
.success3 {
  background: var(--secondary, #0e547c);
  border-radius: 93.14px;
  border-width: 7.51px;
  border-style: solid;
  border-image: transparent;
  border-image-slice: 1;
  padding: 29.57px;
  display: flex;
  flex-direction: row;
  gap: 17.74px;
  align-items: center;
  justify-content: center;
  width: 147.85px;
  height: 147.85px;
  position: absolute;
  left: -32.85px;
  top: 432.77px;
  box-shadow:
    inset 3.76px 3.76px 37.57px 0px rgba(88, 188, 205, 0.25),
    3.76px 3.76px 37.57px 0px rgba(88, 188, 205, 0.25);
  backdrop-filter: blur(14.09px);
}
._100-success-rate2 {
  background: linear-gradient(to left, #f8fafc, #f8fafc);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
._100-success-rate-2-span {
  font-family: "Mulish", sans-serif;
  font-size: 17.353843688964844px;
  line-height: 136.8%;
  font-weight: 900;
}
._100-success-rate-2-span2 {
  font-family: "Mulish", sans-serif;
  font-size: 17.741539001464844px;
  line-height: 136.8%;
  font-weight: 500;
}
.success4 {
  background: var(--primary, #3c9cc6);
  border-radius: 30.09px;
  border-width: 2.43px;
  border-style: solid;
  border-image: transparent;
  border-image-slice: 1;
  padding: 9.55px;
  display: flex;
  flex-direction: row;
  gap: 5.73px;
  align-items: center;
  justify-content: center;
  width: 50.95px;
  height: 50.95px;
  position: absolute;
  left: 76.72px;
  top: 155.74px;
  box-shadow:
    inset 1.21px 1.21px 12.14px 0px rgba(88, 188, 205, 0.25),
    1.21px 1.21px 12.14px 0px rgba(88, 188, 205, 0.25);
  backdrop-filter: blur(4.55px);
}
.enroll-now4 {
  background: linear-gradient(to left, #f8fafc, #f8fafc);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  font-family: "Mulish", sans-serif;
  font-size: 11.323077201843262px;
  line-height: 136.8%;
  font-weight: 900;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cursor-magic-selection-04 {
  flex-shrink: 0;
  width: 31.7px;
  height: 31.7px;
  position: absolute;
  left: 37.4px;
  top: 15.85px;
  overflow: visible;
  aspect-ratio: 1;
}
.success5 {
  background: var(--primary, #3c9cc6);
  border-radius: 69.1px;
  border-width: 5.57px;
  border-style: solid;
  border-image: transparent;
  border-image-slice: 1;
  padding: 21.94px;
  display: flex;
  flex-direction: row;
  gap: 13.16px;
  align-items: center;
  justify-content: center;
  width: 117px;
  height: 117px;
  position: absolute;
  left: 446px;
  top: 26.49px;
  box-shadow:
    inset 2.79px 2.79px 27.87px 0px rgba(88, 188, 205, 0.25),
    2.79px 2.79px 27.87px 0px rgba(88, 188, 205, 0.25);
  backdrop-filter: blur(10.45px);
}
._5-k-new-registration {
  background: linear-gradient(to left, #f8fafc, #f8fafc);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
._5-k-new-registration-span {
  font-family: "Mulish", sans-serif;
  font-size: 32.906253814697266px;
  line-height: 136.8%;
  font-weight: 900;
}
._5-k-new-registration-span2 {
  font-family: "Mulish", sans-serif;
  font-size: 10.96875px;
  line-height: 136.8%;
  font-weight: 500;
}
.success6 {
  background: var(--secondary, #0e547c);
  border-radius: 33.89px;
  border-width: 2.73px;
  border-style: solid;
  border-image: transparent;
  border-image-slice: 1;
  padding: 10.76px;
  display: flex;
  flex-direction: row;
  gap: 6.45px;
  align-items: center;
  justify-content: center;
  width: 57.38px;
  height: 57.38px;
  position: absolute;
  left: 568.88px;
  top: 357.61px;
  box-shadow:
    inset 1.37px 1.37px 13.67px 0px rgba(88, 188, 205, 0.25),
    1.37px 1.37px 13.67px 0px rgba(88, 188, 205, 0.25);
  backdrop-filter: blur(5.13px);
}
.enroll-now5 {
  background: linear-gradient(to left, #f8fafc, #f8fafc);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  font-family: "Mulish", sans-serif;
  font-size: 12.75px;
  line-height: 136.8%;
  font-weight: 900;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cursor-magic-selection-042 {
  flex-shrink: 0;
  width: 35.7px;
  height: 35.7px;
  position: absolute;
  left: 42.12px;
  top: 17.85px;
  overflow: visible;
  aspect-ratio: 1;
}
.frame-1171277009 {
  padding: 19.97px 0px 19.97px 0px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 1438px;
  position: relative;
}
.frame-5 {
  background: var(--secondary, #0e547c);
  padding: 20px 12px 20px 12px;
  display: flex;
  flex-direction: row;
  gap: 40px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  /* width: 1443.99px; */
  position: relative;
}
.star-9 {
  flex-shrink: 0;
  width: 25.96px;
  height: 25.96px;
  position: relative;
  overflow: visible;
}
.try-sky-high-now {
  color: var(--white, #ffffff);
  text-align: center;
  font-family: "DM Serif Display", serif;
  font-size: 40.94313430786133px;
  font-weight: 400;
  text-transform: uppercase;
  position: relative;
}
.star-4 {
  flex-shrink: 0;
  width: 25.96px;
  height: 25.96px;
  position: relative;
  overflow: visible;
}
.cancel-anytime {
  color: var(--white, #ffffff);
  text-align: center;
  font-family: "DM Serif Display", serif;
  font-size: 40.94313430786133px;
  font-weight: 400;
  text-transform: uppercase;
  position: relative;
}
.star-5 {
  flex-shrink: 0;
  width: 25.96px;
  height: 25.96px;
  position: relative;
  overflow: visible;
}
.star-7 {
  flex-shrink: 0;
  width: 25.96px;
  height: 25.96px;
  position: relative;
  overflow: visible;
}
.star-8 {
  flex-shrink: 0;
  width: 25.96px;
  height: 25.96px;
  position: relative;
  overflow: visible;
}
.agency {
  color: var(--white, #ffffff);
  text-align: center;
  font-family: "DM Serif Display", serif;
  font-size: 40.94313430786133px;
  letter-spacing: 0.03em;
  font-weight: 400;
  position: relative;
}
.star-1 {
  flex-shrink: 0;
  width: 25.96px;
  height: 25.96px;
  position: relative;
  overflow: visible;
}
.creative {
  color: var(--white, #ffffff);
  text-align: center;
  font-family: "DM Serif Display", serif;
  font-size: 40.94313430786133px;
  letter-spacing: 0.03em;
  font-weight: 400;
  position: relative;
}
.section-12 {
  padding: 60px 90px 60px 90px;
  display: flex;
  flex-direction: column;
  gap: 50px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.frame-21472241642 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  /* width: 866px; */
  position: relative;
}
.frame-21472238402 {
  display: flex;
  flex-direction: column;
  gap: 13.53px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.what-you-ll-learn-in-this-course {
  text-align: center;
  font-family: "DM Serif Display", serif;
  font-size: 55px;
  line-height: 80px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.what-you-ll-learn-in-this-course-span {
  background: linear-gradient(to left, #00030f, #00030f);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.what-you-ll-learn-in-this-course-span2 {
  background: linear-gradient(to left, #3c9cc6, #3c9cc6);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.a-complete-introduction-to-the-essential-skills-and-knowledge-required-to-become-a-fully-licensed-taxi-private-hire-driver-in-england {
  color: var(--black, #00030f);
  text-align: center;
  font-family: "Mulish", sans-serif;
  font-size: 20px;
  line-height: 29px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.a-complete-introduction-to-the-essential-skills-and-knowledge-required-to-become-a-fully-licensed-taxi-private-hire-driver-in-england-span {
  font-family: "Mulish", sans-serif;
}
.a-complete-introduction-to-the-essential-skills-and-knowledge-required-to-become-a-fully-licensed-taxi-private-hire-driver-in-england-span2 {
  font-family: "Mulish", sans-serif;
  font-weight: 700;
}
.layout {
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.card {
  background: radial-gradient(
    closest-side,
    rgba(14, 84, 124, 0.12) 0%,
    rgba(14, 84, 124, 0.07) 100%
  );
  border-radius: 20px;
  border-width: 3px;
  border-style: solid;
  border-image: transparent;
  border-image-slice: 1;
  padding: 30px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  flex: 1;
  height: 465px;
  min-width: 720px;
  position: relative;
  overflow: hidden;
}
.stamp-1 {
  flex-shrink: 0;
  width: 236px;
  height: 236px;
  position: relative;
  object-fit: cover;
  aspect-ratio: 1;
}
.text {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.professional-standards {
  color: var(--black, #00030f);
  text-align: left;
  font-family: "Mulish", sans-serif;
  font-size: 30px;
  line-height: 36px;
  font-weight: 700;
  position: relative;
}
.a-clear-understanding-of-your-role-as-a-licensed-driver-expected-behaviors-and-the-professional-conduct-required-when-dealing-with-passengers-operators-and-licensing-authorities {
  color: var(--black-7, rgba(0, 3, 15, 0.7));
  text-align: left;
  font-family: "Mulish", sans-serif;
  font-size: 18px;
  line-height: 27px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.success7 {
  background: var(--secondary, #0e547c);
  border-radius: 33.89px;
  border-width: 2.73px;
  border-style: solid;
  border-image: transparent;
  border-image-slice: 1;
  padding: 10.76px;
  display: flex;
  flex-direction: row;
  gap: 6.45px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 57.38px;
  height: 57.38px;
  position: absolute;
  right: 29.62px;
  top: 20.28px;
  box-shadow:
    inset 1.37px 1.37px 13.67px 0px rgba(88, 188, 205, 0.25),
    1.37px 1.37px 13.67px 0px rgba(88, 188, 205, 0.25);
  backdrop-filter: blur(5.13px);
}
.cursor-magic-selection-043 {
  flex-shrink: 0;
  width: 35.7px;
  height: 35.7px;
  position: absolute;
  left: 42.12px;
  top: 17.85px;
  overflow: visible;
  aspect-ratio: 1;
}
.card2 {
  background: radial-gradient(
    closest-side,
    rgba(14, 84, 124, 0.12) 0%,
    rgba(14, 84, 124, 0.07) 100%
  );
  border-radius: 20px;
  border-width: 3px;
  border-style: solid;
  border-image: transparent;
  border-image-slice: 1;
  padding: 30px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  flex: 1;
  height: 465px;
  min-width: 400px;
  position: relative;
  overflow: hidden;
}
.text2 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.safety-awareness {
  color: var(--black, #00030f);
  text-align: left;
  font-family: "Mulish", sans-serif;
  font-size: 30px;
  line-height: 36px;
  font-weight: 700;
  position: relative;
}
.best-practices-for-personal-and-passenger-safety-situational-awareness-safeguarding-vulnerable-passengers-and-responding-to-unexpected-or-challenging-situations {
  color: var(--black-7, rgba(0, 3, 15, 0.7));
  text-align: left;
  font-family: "Mulish", sans-serif;
  font-size: 18px;
  line-height: 27px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.safety-1 {
  flex-shrink: 0;
  width: 236px;
  height: 236px;
  position: relative;
  object-fit: cover;
  aspect-ratio: 1;
}
.success8 {
  background: var(--secondary, #0e547c);
  border-radius: 33.89px;
  border-width: 2.73px;
  border-style: solid;
  border-image: transparent;
  border-image-slice: 1;
  padding: 10.76px;
  display: flex;
  flex-direction: row;
  gap: 6.45px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 57.38px;
  height: 57.38px;
  position: absolute;
  right: 29.62px;
  bottom: 20.34px;
  box-shadow:
    inset 1.37px 1.37px 13.67px 0px rgba(88, 188, 205, 0.25),
    1.37px 1.37px 13.67px 0px rgba(88, 188, 205, 0.25);
  backdrop-filter: blur(5.13px);
}
.cursor-magic-selection-044 {
  flex-shrink: 0;
  width: 35.7px;
  height: 35.7px;
  position: absolute;
  left: 42.12px;
  top: 17.85px;
  overflow: visible;
  aspect-ratio: 1;
}
.card3 {
  background: radial-gradient(
    closest-side,
    rgba(14, 84, 124, 0.12) 0%,
    rgba(14, 84, 124, 0.07) 100%
  );
  border-radius: 20px;
  border-width: 3px;
  border-style: solid;
  border-image: transparent;
  border-image-slice: 1;
  padding: 30px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  flex: 1;
  height: 465px;
  min-width: 360px;
  position: relative;
  overflow: hidden;
}
.customer-service-skills {
  color: var(--black, #00030f);
  text-align: left;
  font-family: "Mulish", sans-serif;
  font-size: 30px;
  line-height: 36px;
  font-weight: 700;
  position: relative;
}
.how-to-communicate-effectively-handle-passengers-respectfully-manage-difficult-interactions-and-deliver-a-positive-experience-that-encourages-repeat-customers {
  color: var(--black-7, rgba(0, 3, 15, 0.7));
  text-align: left;
  font-family: "Mulish", sans-serif;
  font-size: 18px;
  line-height: 27px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.networking-1 {
  flex-shrink: 0;
  width: 236px;
  height: 236px;
  position: relative;
  object-fit: cover;
  aspect-ratio: 1;
}
.cursor-magic-selection-045 {
  flex-shrink: 0;
  width: 35.7px;
  height: 35.7px;
  position: absolute;
  left: 42.12px;
  top: 17.85px;
  overflow: visible;
  aspect-ratio: 1;
}
.legal-document-1 {
  flex-shrink: 0;
  width: 236px;
  height: 236px;
  position: relative;
  object-fit: cover;
  aspect-ratio: 1;
}
.legal-regulatory-compliance {
  color: var(--black, #00030f);
  text-align: left;
  font-family: "Mulish", sans-serif;
  font-size: 30px;
  line-height: 36px;
  font-weight: 700;
  position: relative;
}
.essential-knowledge-of-local-council-regulations-licensing-requirements-documentation-vehicle-standards-and-your-legal-responsibilities-while-operating-as-a-taxi-or-private-hire-driver {
  color: var(--black-7, rgba(0, 3, 15, 0.7));
  text-align: left;
  font-family: "Mulish", sans-serif;
  font-size: 18px;
  line-height: 27px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.cursor-magic-selection-046 {
  flex-shrink: 0;
  width: 35.7px;
  height: 35.7px;
  position: absolute;
  left: 42.12px;
  top: 17.85px;
  overflow: visible;
  aspect-ratio: 1;
}
.frame-2147224244 {
  background: linear-gradient(to left, #05131a, #05131a);
  padding: 60px 90px 60px 90px;
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 1440px;
  position: relative;
}
.what-our-learners-say {
  text-align: center;
  font-family: "DM Serif Display", serif;
  font-size: 55px;
  line-height: 80px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.what-our-learners-say-span {
  background: linear-gradient(to left, #ffffff, #ffffff);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.what-our-learners-say-span2 {
  background: linear-gradient(to left, #3c9cc6, #3c9cc6);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.our-students-share-their-journeys-of-growth-skill-mastery-and-career-transformation-learn-how-sky-high-training-provided-the-guidance-knowledge-and-support-they-needed-to-succeed {
  color: var(--white, #ffffff);
  text-align: center;
  font-family: "Mulish", sans-serif;
  font-size: 20px;
  line-height: 29px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.our-students-share-their-journeys-of-growth-skill-mastery-and-career-transformation-learn-how-sky-high-training-provided-the-guidance-knowledge-and-support-they-needed-to-succeed-span {
  font-family: "Mulish", sans-serif;
}
.our-students-share-their-journeys-of-growth-skill-mastery-and-career-transformation-learn-how-sky-high-training-provided-the-guidance-knowledge-and-support-they-needed-to-succeed-span2 {
  font-family: "Mulish", sans-serif;
  font-weight: 700;
}
.frame-2147224363 {
  display: flex;
  flex-direction: column;
  gap: 66.76px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  /* width: 1126px; */
  position: relative;
}
.mask-group2 {
  flex-shrink: 0;
  width: 1126px;
  height: 826.33px;
  position: relative;
  overflow: visible;
}
.frame-1618874627 {
  background: var(--bg-1, #05131a);
  border-radius: 123.41px;
  border-style: solid;
  border-color: var(--secondary, #0e547c);
  border-width: 2px;
  padding: 14.81px 29.62px 14.81px 29.62px;
  display: flex;
  flex-direction: row;
  gap: 19.75px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: absolute;
  left: 50%;
  translate: -50%;
  bottom: -7%;
  width: 50vw;
}
.frame-1618874628 {
  display: flex;
  flex-direction: row;
  gap: 19.75px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.users {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.ellipse-906 {
  border-radius: 50%;
  border-style: solid;
  border-color: var(--white, #ffffff);
  border-width: 1.23px;
  flex-shrink: 0;
  width: 37.02px;
  height: 37.02px;
  position: relative;
  object-fit: cover;
  aspect-ratio: 1;
}
.ellipse-907 {
  margin: 0 0 0 -12.34px;
  border-radius: 50%;
  border-style: solid;
  border-color: var(--white, #ffffff);
  border-width: 1.23px;
  flex-shrink: 0;
  width: 37.02px;
  height: 37.02px;
  position: relative;
  object-fit: cover;
  aspect-ratio: 1;
}
.ellipse-908 {
  margin: 0 0 0 -12.34px;
  border-radius: 50%;
  border-style: solid;
  border-color: var(--white, #ffffff);
  border-width: 1.23px;
  flex-shrink: 0;
  width: 37.02px;
  height: 37.02px;
  position: relative;
  object-fit: cover;
  aspect-ratio: 1;
}
.ellipse-909 {
  margin: 0 0 0 -12.34px;
  border-radius: 50%;
  border-style: solid;
  border-color: var(--white, #ffffff);
  border-width: 1.23px;
  flex-shrink: 0;
  width: 37.02px;
  height: 37.02px;
  position: relative;
  object-fit: cover;
  aspect-ratio: 1;
}
._3-million-users-enjoy-sky-high {
  color: var(--white-8, rgba(255, 255, 255, 0.8));
  text-align: left;
  font-family: "Mulish", sans-serif;
  font-size: 22.21463394165039px;
  line-height: 175%;
  font-weight: 400;
  position: relative;
}
.line-4 {
  flex-shrink: 0;
  width: 17.28px;
  height: 0px;
  position: relative;
  overflow: visible;
}
.frame-1618874624 {
  display: flex;
  flex-direction: row;
  gap: 3.7px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.enroll-now6 {
  color: var(--white, #ffffff);
  text-align: left;
  font-family: "Mulish", sans-serif;
  font-size: 19.746341705322266px;
  line-height: 175%;
  font-weight: 400;
  position: relative;
}
.plus {
  background: var(--secondary, #0e547c);
  border-radius: 17px;
  padding: 1px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  aspect-ratio: 1;
}
.frame-2147224375 {
  flex-shrink: 0;
  width: 10px;
  height: 10px;
  position: relative;
  overflow: visible;
}
.why-thousands-of-learners-choose-sky-high-training {
  text-align: left;
  font-family: "DM Serif Display", serif;
  font-size: 55px;
  line-height: 80px;
  font-weight: 400;
  position: relative;
  /* width: 701px; */
}
.why-thousands-of-learners-choose-sky-high-training-span {
  background: linear-gradient(to left, #00030f, #00030f);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.why-thousands-of-learners-choose-sky-high-training-span2 {
  background: linear-gradient(to left, #3c9cc6, #3c9cc6);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.trusted-by-aspiring-taxi-and-private-hire-drivers-across-england-for-professional-accredited-and-real-world-focused-training {
  color: var(--black, #00030f);
  text-align: left;
  font-family: "Mulish", sans-serif;
  font-size: 20px;
  line-height: 29px;
  font-weight: 400;
  position: relative;
  /* width: 678px; */
}
.trusted-by-aspiring-taxi-and-private-hire-drivers-across-england-for-professional-accredited-and-real-world-focused-training-span {
  font-family: "Mulish", sans-serif;
}
.trusted-by-aspiring-taxi-and-private-hire-drivers-across-england-for-professional-accredited-and-real-world-focused-training-span2 {
  font-family: "Mulish", sans-serif;
  font-weight: 700;
}
.frame-21472238572 {
  background: linear-gradient(
    90deg,
    rgba(14, 84, 124, 0.3) 0%,
    rgba(14, 84, 124, 0) 100%
  );
  /* border-radius: 10px;
  border-width: 0.49px;
  border-style: solid;
  border-image: transparent;
  border-image-slice: 1; */
  padding: 6px 26px 6px 9px;
  display: flex;
  flex-direction: row;
  gap: 11.28px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  box-shadow: 0px 4.88px 17.07px 0px rgba(0, 0, 0, 0.25);
}
.mentoring2 {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.accredited-trainers {
  color: var(--secondary, #0e547c);
  text-align: left;
  font-family: "DM Serif Display", serif;
  font-size: 22px;
  font-weight: 400;
  position: relative;
}
.div {
  color: var(--black, #00030f);
  text-align: left;
  font-family: "Mulish", sans-serif;
  font-size: 18px;
  font-weight: 700;
  position: relative;
}
.fully-certified-professionals {
  color: var(--black, #00030f);
  text-align: left;
  font-family: "Mulish", sans-serif;
  font-size: 20px;
  font-weight: 500;
  position: relative;
}
.frame-21472238552 {
  background: linear-gradient(
    90deg,
    rgba(14, 84, 124, 0.3) 0%,
    rgba(14, 84, 124, 0) 100%
  );
  /* border-radius: 10px;
  border-width: 0.49px;
  border-style: solid;
  border-image: transparent;
  border-image-slice: 1; */
  padding: 6px 26px 6px 9px;
  display: flex;
  flex-direction: row;
  gap: 11.28px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  box-shadow: 0px 4.88px 17.07px 0px rgba(0, 0, 0, 0.25);
}
.globe2 {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.real-world-training {
  color: var(--secondary, #0e547c);
  text-align: left;
  font-family: "DM Serif Display", serif;
  font-size: 22px;
  font-weight: 400;
  position: relative;
}
.practical-and-easy-to-understand-teaching {
  color: var(--black, #00030f);
  text-align: left;
  font-family: "Mulish", sans-serif;
  font-size: 18px;
  font-weight: 500;
  position: relative;
}
.frame-21472238582 {
  background: linear-gradient(
    90deg,
    rgba(14, 84, 124, 0.3) 0%,
    rgba(14, 84, 124, 0) 100%
  );
  /* border-radius: 10px;
  border-width: 0.49px;
  border-style: solid;
  border-image: transparent;
  border-image-slice: 1; */
  padding: 6px 26px 6px 9px;
  display: flex;
  flex-direction: row;
  gap: 11.28px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  box-shadow: 0px 4.88px 17.07px 0px rgba(0, 0, 0, 0.25);
}
.maps-location-02 {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.convenient-location {
  color: var(--secondary, #0e547c);
  text-align: left;
  font-family: "DM Serif Display", serif;
  font-size: 22px;
  font-weight: 400;
  position: relative;
}
._28-newbank-road-blackburn {
  color: var(--black, #00030f);
  text-align: left;
  font-family: "Mulish", sans-serif;
  font-size: 18px;
  font-weight: 500;
  position: relative;
}
.frame-21472238562 {
  background: linear-gradient(
    90deg,
    rgba(14, 84, 124, 0.3) 0%,
    rgba(14, 84, 124, 0) 100%
  );
  /* border-radius: 10px;
  border-width: 0.49px;
  border-style: solid;
  border-image: transparent;
  border-image-slice: 1; */
  padding: 6px 26px 6px 9px;
  display: flex;
  flex-direction: row;
  gap: 11.28px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  box-shadow: 0px 4.88px 17.07px 0px rgba(0, 0, 0, 0.25);
}
.frame-1686555361 {
  background: linear-gradient(
    130.4deg,
    rgba(60, 156, 198, 1) 0%,
    rgba(14, 84, 124, 1) 100%
  );
  border-radius: 9.17px;
  padding: 6px;
  display: flex;
  flex-direction: row;
  gap: 7.5px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.diploma2 {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.certificate-provided {
  color: var(--secondary, #0e547c);
  text-align: left;
  font-family: "DM Serif Display", serif;
  font-size: 22px;
  font-weight: 400;
  position: relative;
}
.qualification-recognized-across-england {
  color: var(--black, #00030f);
  text-align: left;
  font-family: "Mulish", sans-serif;
  font-size: 18px;
  font-weight: 500;
  position: relative;
}
.frame {
  display: flex;
  flex-direction: row;
  gap: 10.08px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 468px;
  position: relative;
}
.group-1686555406 {
  flex-shrink: 0;
  width: 575.83px;
  height: 397.03px;
  position: static;
}
.group {
  width: 109.66%;
  height: 100%;
  position: absolute;
  right: -11.52%;
  left: 1.86%;
  bottom: 0%;
  top: 0%;
  overflow: visible;
}
.group-1686555405 {
  width: 545.14px;
  height: 318.92px;
  position: static;
}
.group-30 {
  width: 41.4px;
  height: 41.4px;
  position: static;
}
.rectangle-15 {
  background: var(--primary, #3c9cc6);
  border-radius: 8.83px;
  width: 41.4px;
  height: 41.4px;
  position: absolute;
  left: 191.73px;
  top: 168.99px;
}
.send-1 {
  width: 22.93px;
  height: 22.93px;
  position: absolute;
  left: 201.28px;
  top: 178.55px;
  overflow: hidden;
}
.group2 {
  width: 100%;
  height: 82.77%;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: 8.61%;
  top: 8.61%;
  overflow: visible;
}
.frame-17 {
  background: rgba(74, 72, 72, 0.1);
  border-radius: 9.66px;
  width: 183.59px;
  height: 48.31px;
  position: absolute;
  left: -53.91px;
  top: 154.18px;
  overflow: hidden;
  backdrop-filter: blur(13.18px);
}
.group-10 {
  position: absolute;
  inset: 0;
}
.frame-7 {
  background: var(--black, #00030f);
  border-radius: 28.99px;
  border-style: solid;
  border-color: var(--black, #00030f);
  border-width: 0.78px;
  width: 28.99px;
  height: 28.99px;
  position: absolute;
  left: 9.66px;
  top: 9.66px;
  box-shadow: 0px 3.13px 23.5px 0px rgba(6, 6, 64, 0.06);
  overflow: hidden;
}
.image-53 {
  width: 36.82px;
  height: 54.84px;
  position: absolute;
  left: 32.91px;
  top: -1.57px;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(-1, 1);
  object-fit: cover;
}
.group-7 {
  width: 96.63px;
  height: 19.33px;
  position: static;
}
.rectangle-3 {
  background: #d6d6d6;
  border-radius: 7.73px;
  width: 96.63px;
  height: 5.8px;
  position: absolute;
  left: 48.32px;
  top: 14.49px;
}
.rectangle-4 {
  background: #d6d6d6;
  border-radius: 7.73px;
  width: 57.98px;
  height: 5.8px;
  position: absolute;
  left: 48.32px;
  top: 28.02px;
}
.group-5 {
  opacity: 0.2;
  position: absolute;
  inset: 0;
}
.ellipse-2 {
  background: var(--black, #00030f);
  border-radius: 50%;
  width: 2.9px;
  height: 2.9px;
  position: absolute;
  left: 171.03px;
  top: 20.29px;
}
.ellipse-3 {
  background: var(--black, #00030f);
  border-radius: 50%;
  width: 2.9px;
  height: 2.9px;
  position: absolute;
  left: 171.03px;
  top: 26.09px;
}
.frame-16 {
  background: rgba(74, 72, 72, 0.1);
  border-radius: 9.53px;
  width: 181px;
  height: 47.63px;
  position: absolute;
  left: 307.91px;
  top: 22.55px;
  overflow: hidden;
  backdrop-filter: blur(12.99px);
}
.frame-72 {
  background: var(--black, #00030f);
  border-radius: 28.58px;
  border-style: solid;
  border-color: var(--black, #00030f);
  border-width: 0.77px;
  width: 28.58px;
  height: 28.58px;
  position: absolute;
  left: 9.53px;
  top: 9.53px;
  box-shadow: 0px 3.09px 23.17px 0px rgba(6, 6, 64, 0.06);
  overflow: hidden;
}
.image-51 {
  width: 86.6px;
  height: 129.91px;
  position: absolute;
  left: -28.58px;
  top: -32.91px;
  object-fit: cover;
}
.group-72 {
  width: 95.27px;
  height: 19.05px;
  position: static;
}
.rectangle-32 {
  background: #d6d6d6;
  border-radius: 7.62px;
  width: 95.27px;
  height: 5.72px;
  position: absolute;
  left: 47.63px;
  top: 14.29px;
}
.rectangle-42 {
  background: #d6d6d6;
  border-radius: 7.62px;
  width: 57.16px;
  height: 5.72px;
  position: absolute;
  left: 47.63px;
  top: 27.63px;
}
.ellipse-22 {
  background: var(--black, #00030f);
  border-radius: 50%;
  width: 2.86px;
  height: 2.86px;
  position: absolute;
  left: 168.62px;
  top: 20.01px;
}
.ellipse-32 {
  background: var(--black, #00030f);
  border-radius: 50%;
  width: 2.86px;
  height: 2.86px;
  position: absolute;
  left: 168.62px;
  top: 25.72px;
}
.frame-19 {
  background: rgba(74, 72, 72, 0.1);
  border-radius: 9.83px;
  width: 186.74px;
  height: 49.14px;
  position: absolute;
  left: 304.49px;
  top: 174.53px;
  overflow: hidden;
  backdrop-filter: blur(13.4px);
}
.frame-73 {
  background: var(--black, #00030f);
  border-radius: 29.49px;
  border-style: solid;
  border-color: var(--black, #00030f);
  border-width: 0.8px;
  width: 29.49px;
  height: 29.49px;
  position: absolute;
  left: 9.83px;
  top: 9.83px;
  box-shadow: 0px 3.19px 23.91px 0px rgba(6, 6, 64, 0.06);
  overflow: hidden;
}
.satisfied-happy-asian-man-with-braces-showing-thumbs-up-approval-like-recommend-product-service-congratulating-friend-with-achievement-saying-well-done-excellent-white-background-1 {
  width: 89.35px;
  height: 59.73px;
  position: absolute;
  left: -29.49px;
  top: -0.89px;
  object-fit: cover;
}
.group-73 {
  width: 98.29px;
  height: 19.66px;
  position: static;
}
.rectangle-33 {
  background: #d6d6d6;
  border-radius: 7.86px;
  width: 98.29px;
  height: 5.9px;
  position: absolute;
  left: 49.14px;
  top: 14.74px;
}
.rectangle-43 {
  background: #d6d6d6;
  border-radius: 7.86px;
  width: 58.97px;
  height: 5.9px;
  position: absolute;
  left: 49.14px;
  top: 28.5px;
}
.ellipse-23 {
  background: var(--black, #00030f);
  border-radius: 50%;
  width: 2.95px;
  height: 2.95px;
  position: absolute;
  left: 173.97px;
  top: 20.64px;
}
.ellipse-33 {
  background: var(--black, #00030f);
  border-radius: 50%;
  width: 2.95px;
  height: 2.95px;
  position: absolute;
  left: 173.97px;
  top: 26.54px;
}
.group-31 {
  width: 100.39px;
  height: 81.41px;
  position: absolute;
  left: 226.57px;
  top: 82.75px;
  overflow: visible;
}
.group-16865554052 {
  width: 90.39px;
  height: 82.41px;
  position: absolute;
  left: 181.39px;
  top: 337.88px;
  overflow: visible;
}
.group-32 {
  width: 125.36px;
  height: 125.23px;
  position: absolute;
  left: 231.45px;
  top: 56.53px;
  overflow: visible;
}
.group-1686555402 {
  width: 137.07px;
  height: 58.75px;
  position: absolute;
  left: 56.39px;
  top: 206.94px;
  overflow: visible;
}
.group-1686555404 {
  width: 49.44px;
  height: 121.43px;
  position: absolute;
  left: 204.39px;
  top: 220.05px;
  overflow: visible;
}
.group-1686555403 {
  width: 83.5px;
  height: 48.38px;
  position: absolute;
  left: 237.7px;
  top: 208.24px;
  overflow: visible;
}
.client-join {
  background: linear-gradient(
    90deg,
    rgba(14, 84, 124, 0) 0%,
    rgba(14, 84, 124, 0.3) 100%
  );
  border-radius: 66.19px;
  border-width: 0.43px;
  border-style: solid;
  border-image: linear-gradient(
    90deg,
    rgba(14, 84, 124, 0) 0%,
    rgba(14, 84, 124, 1) 50%,
    rgba(60, 156, 198, 0) 100%
  );
  border-image-slice: 1;
  padding: 3.6px 21.16px 3.6px 10.58px;
  display: flex;
  flex-direction: row;
  gap: 15.66px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: absolute;
  left: 266.37px;
  top: 315.46px;
  box-shadow: 0px 2.86px 17.43px 0px rgba(0, 0, 0, 0.1);
  transform-origin: 0 0;
  transform: rotate(-4.645deg) scale(1, 1);
  backdrop-filter: blur(4.23px);
}
.image {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  height: 59.25px;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.image-placeholder {
  background: var(--secondary, #0e547c);
  border-radius: 37.07px;
  border-style: solid;
  border-color: var(--secondary, #0e547c);
  border-width: 1.32px;
  flex-shrink: 0;
  width: 47.66px;
  height: 47.66px;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  overflow: hidden;
}
.image-20 {
  position: absolute;
  right: -2.65px;
  left: -3.307736873626709px;
  bottom: -20.52px;
  top: -4.633607387542725px;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  object-fit: cover;
}
.image-placeholder2 {
  margin: 0 0 0 -32.88px;
  background: var(--secondary, #0e547c);
  border-radius: 37.07px;
  border-style: solid;
  border-color: var(--secondary, #0e547c);
  border-width: 1.32px;
  flex-shrink: 0;
  width: 47.66px;
  height: 47.66px;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  overflow: hidden;
}
.image-202 {
  position: absolute;
  right: 0px;
  left: -3.3087453842163086px;
  bottom: -21.18px;
  top: 0.00015941719175316393px;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  object-fit: cover;
}
.image-203 {
  position: absolute;
  right: -2.65px;
  left: -3.310648202896118px;
  bottom: -20.52px;
  top: -4.633633136749268px;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  object-fit: cover;
}
.image-204 {
  position: absolute;
  right: 0px;
  left: -3.3106634616851807px;
  bottom: -21.18px;
  top: -0.000030694274755660444px;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  object-fit: cover;
}
.text3 {
  display: flex;
  flex-direction: column;
  gap: 4.6px;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
._10-k {
  color: var(--secondary, #0e547c);
  text-align: left;
  font-family: "DM Serif Display", serif;
  font-size: 31.74188232421875px;
  line-height: 26.2px;
  font-weight: 400;
  position: relative;
}
.happy-customers {
  color: var(--secondary, #0e547c);
  text-align: left;
  font-family: "Mulish", sans-serif;
  font-size: 12.69675350189209px;
  line-height: 13.66px;
  font-weight: 700;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.success9 {
  background: var(--secondary, #0e547c);
  border-radius: 47.7px;
  border-width: 3.85px;
  border-style: solid;
  border-image: transparent;
  border-image-slice: 1;
  padding: 15.14px;
  display: flex;
  flex-direction: row;
  gap: 9.09px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 100px;
  height: 100px;
  position: absolute;
  left: 161px;
  top: 150.47px;
  box-shadow:
    inset 1.92px 1.92px 19.24px 0px rgba(88, 188, 205, 0.25),
    1.92px 1.92px 19.24px 0px rgba(88, 188, 205, 0.25);
  backdrop-filter: blur(7.21px);
}
.enroll-now7 {
  background: linear-gradient(to left, #f8fafc, #f8fafc);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  font-family: "Mulish", sans-serif;
  font-size: 17.947797775268555px;
  line-height: 136.8%;
  font-weight: 900;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cursor-magic-selection-047 {
  flex-shrink: 0;
  width: 50.25px;
  height: 50.25px;
  position: absolute;
  left: 79.28px;
  top: 46.13px;
  overflow: visible;
  aspect-ratio: 1;
}
.ser-42 {
  background: linear-gradient(
    90deg,
    rgba(0, 3, 15, 0.3) 0%,
    rgba(0, 3, 15, 0) 100%
  );
  border-radius: 40px;
  border-style: solid;
  border-color: var(--white, transparent);
  border-width: 0.6px;
  padding: 9px;
  display: flex;
  flex-direction: row;
  gap: 9px;
  align-items: center;
  justify-content: flex-end;
  flex-shrink: 0;
  position: absolute;
  left: -37.05px;
  top: 348.01px;
  box-shadow: 0px 4px 11px 0px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.frame-334382 {
  border-radius: 24.5px;
  display: flex;
  flex-direction: row;
  gap: 4.08px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 49px;
  height: 49px;
  position: relative;
  overflow: visible;
}
.frame-486566 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  height: auto;
  position: relative;
  overflow: visible;
}
._5-0-rating2 {
  color: var(--black, #00030f);
  text-align: center;
  font-family: "Mulish", sans-serif;
  font-size: 16.561241149902344px;
  line-height: 23.66px;
  letter-spacing: 0.02em;
  font-weight: 600;
  position: relative;
}
.client-join2 {
  background: linear-gradient(
    90deg,
    rgba(60, 156, 198, 0.3) 0%,
    rgba(60, 156, 198, 0) 100%
  );
  border-radius: 72.81px;
  border-width: 0.47px;
  border-style: solid;
  border-image: linear-gradient(
    90deg,
    rgba(60, 156, 198, 0) 0%,
    rgba(60, 156, 198, 1) 50%,
    rgba(60, 156, 198, 0) 100%
  );
  border-image-slice: 1;
  padding: 6.28px 12.56px 6.28px 12.56px;
  display: flex;
  flex-direction: row;
  gap: 17.23px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: absolute;
  left: 814px;
  top: 130px;
  box-shadow: 0px 3.15px 19.17px 0px rgba(0, 0, 0, 0.1);
  transform-origin: 0 0;
  transform: rotate(-9.862deg) scale(1, 1);
  backdrop-filter: blur(5.82px);
}
.image-placeholder3 {
  border-radius: 72.81px;
  border-style: solid;
  border-color: var(--primary, #3c9cc6);
  border-width: 0.97px;
  flex-shrink: 0;
  width: 78.49px;
  height: 78.49px;
  position: relative;
  overflow: hidden;
  object-fit: cover;
}
.text4 {
  display: flex;
  flex-direction: column;
  gap: 7.28px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.sky-high-training-completely-transformed-my-understanding-of-digital-marketing-the-practical-assignments-and-expert-guidance-helped-me-land-my-first-marketing-role-within-two-months {
  color: var(--primary, #3c9cc6);
  text-align: left;
  font-family: "Mulish", sans-serif;
  font-size: 13.815009117126465px;
  font-weight: 400;
  position: relative;
  width: 428.27px;
}
.marco-villanueva {
  color: var(--primary, #3c9cc6);
  text-align: left;
  font-family: "Mulish", sans-serif;
  font-size: 16.32682991027832px;
  font-weight: 800;
  position: relative;
}
.frame-21472242452 {
  padding: 19.97px 0px 19.97px 0px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 1438px;
  position: relative;
}
.star-92 {
  flex-shrink: 0;
  width: 25.96px;
  height: 25.96px;
  position: relative;
  overflow: visible;
}
.got-question {
  color: var(--white, #ffffff);
  text-align: center;
  font-family: "DM Serif Display", serif;
  font-size: 40.94313430786133px;
  font-weight: 400;
  text-transform: uppercase;
  position: relative;
}
.star-42 {
  flex-shrink: 0;
  width: 25.96px;
  height: 25.96px;
  position: relative;
  overflow: visible;
}
.join-n-ow {
  color: var(--white, #ffffff);
  text-align: center;
  font-family: "DM Serif Display", serif;
  font-size: 40.94313430786133px;
  font-weight: 400;
  text-transform: uppercase;
  position: relative;
}
.star-52 {
  flex-shrink: 0;
  width: 25.96px;
  height: 25.96px;
  position: relative;
  overflow: visible;
}
.check-info {
  color: var(--white, #ffffff);
  text-align: center;
  font-family: "DM Serif Display", serif;
  font-size: 40.94313430786133px;
  font-weight: 400;
  text-transform: uppercase;
  position: relative;
}
.star-72 {
  flex-shrink: 0;
  width: 25.96px;
  height: 25.96px;
  position: relative;
  overflow: visible;
}
.join-now {
  color: var(--white, #ffffff);
  text-align: center;
  font-family: "DM Serif Display", serif;
  font-size: 40.94313430786133px;
  font-weight: 400;
  text-transform: uppercase;
  position: relative;
}
.star-82 {
  flex-shrink: 0;
  width: 25.96px;
  height: 25.96px;
  position: relative;
  overflow: visible;
}
.star-12 {
  flex-shrink: 0;
  width: 25.96px;
  height: 25.96px;
  position: relative;
  overflow: visible;
}
.got-questions-we-ve-got-answers {
  text-align: center;
  font-family: "DM Serif Display", serif;
  font-size: 55px;
  line-height: 80px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.got-questions-we-ve-got-answers-span {
  background: linear-gradient(to left, #00030f, #00030f);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.got-questions-we-ve-got-answers-span2 {
  background: linear-gradient(to left, #3c9cc6, #3c9cc6);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.from-course-details-to-certification-and-support-explore-these-answers-to-get-a-complete-picture-of-what-to-expect-when-you-join-sky-high-training {
  color: var(--black, #00030f);
  text-align: center;
  font-family: "Mulish", sans-serif;
  font-size: 20px;
  line-height: 29px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.from-course-details-to-certification-and-support-explore-these-answers-to-get-a-complete-picture-of-what-to-expect-when-you-join-sky-high-training-span {
  font-family: "Mulish", sans-serif;
}
.from-course-details-to-certification-and-support-explore-these-answers-to-get-a-complete-picture-of-what-to-expect-when-you-join-sky-high-training-span2 {
  font-family: "Mulish", sans-serif;
  font-weight: 700;
}
.div-home-faq-tabs-menu {
  padding: 0px 20px 0px 20px;
  display: flex;
  flex-direction: row;
  gap: 16.09px;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  height: 58.99px;
  position: relative;
}
.link-w-tabs-1-data-w-tab-0 {
  background: var(--primary-1, rgba(60, 156, 198, 0.1));
  border-radius: 1930.54px;
  border-style: solid;
  border-color: var(--primary-2, rgba(60, 156, 198, 0.2));
  border-width: 1.34px;
  flex-shrink: 0;
  width: 187.68px;
  height: 58.99px;
  position: relative;
}
._5 {
  color: var(--primary, #3c9cc6);
  text-align: left;
  font-family: "Mulish", sans-serif;
  font-size: 12.73617935180664px;
  line-height: 20.11px;
  letter-spacing: -0.06px;
  font-weight: 700;
  position: absolute;
  left: 130.54px;
  top: 18.77px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.general {
  color: var(--primary, #3c9cc6);
  text-align: left;
  font-family: "Mulish", sans-serif;
  font-size: 21.450407028198242px;
  line-height: 159%;
  letter-spacing: -0.03em;
  font-weight: 700;
  position: absolute;
  left: 41.56px;
  top: 13.41px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.link-w-tabs-1-data-w-tab-1 {
  background: rgba(0, 3, 15, 0.06);
  border-radius: 1930.54px;
  flex-shrink: 0;
  width: 266.19px;
  height: 58.99px;
  position: relative;
}
._52 {
  color: var(--black-6, rgba(0, 3, 15, 0.6));
  text-align: left;
  font-family: "Mulish", sans-serif;
  font-size: 12.73617935180664px;
  line-height: 20.11px;
  letter-spacing: -0.06px;
  font-weight: 500;
  position: absolute;
  left: 209.05px;
  top: 18.77px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.getting-started {
  color: var(--black-6, rgba(0, 3, 15, 0.6));
  text-align: left;
  font-family: "Mulish", sans-serif;
  font-size: 21.450407028198242px;
  line-height: 159%;
  letter-spacing: -0.03em;
  font-weight: 400;
  position: absolute;
  left: 41.56px;
  top: 13.41px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.link-w-tabs-1-data-w-tab-2 {
  background: rgba(0, 3, 15, 0.06);
  border-radius: 1930.54px;
  flex-shrink: 0;
  width: 168.4px;
  height: 58.99px;
  position: relative;
}
._53 {
  color: var(--black-6, rgba(0, 3, 15, 0.6));
  text-align: left;
  font-family: "Mulish", sans-serif;
  font-size: 12.73617935180664px;
  line-height: 20.11px;
  letter-spacing: -0.06px;
  font-weight: 500;
  position: absolute;
  left: 111.27px;
  top: 18.77px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.billing {
  color: var(--black-6, rgba(0, 3, 15, 0.6));
  text-align: left;
  font-family: "Mulish", sans-serif;
  font-size: 21.450407028198242px;
  line-height: 159%;
  letter-spacing: -0.03em;
  font-weight: 400;
  position: absolute;
  left: 41.56px;
  top: 13.41px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.link-w-tabs-1-data-w-tab-3 {
  background: rgba(0, 3, 15, 0.06);
  border-radius: 1930.54px;
  flex-shrink: 0;
  width: 230.79px;
  height: 58.99px;
  position: relative;
}
._54 {
  color: var(--black-6, rgba(0, 3, 15, 0.6));
  text-align: left;
  font-family: "Mulish", sans-serif;
  font-size: 12.73617935180664px;
  line-height: 20.11px;
  letter-spacing: -0.06px;
  font-weight: 500;
  position: absolute;
  left: 173.66px;
  top: 18.77px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.the-product {
  color: var(--black-6, rgba(0, 3, 15, 0.6));
  text-align: left;
  font-family: "Mulish", sans-serif;
  font-size: 21.450407028198242px;
  line-height: 159%;
  letter-spacing: -0.03em;
  font-weight: 400;
  position: absolute;
  left: 41.56px;
  top: 13.41px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.accordions {
  background: rgba(0, 3, 15, 0.03);
  border-radius: 20px;
  border-style: solid;
  border-color: var(--primary-3, transparent);
  border-width: 2px;
  padding: 10px 32px 10px 32px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  width: 100%;
}
.accordions2 {
  padding: 18px 20px 18px 20px;
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: center;
  justify-content: flex-end;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.accordion-card {
  padding: 20px 0px 20px 0px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  position: relative;
  overflow: hidden;
}
.accordion-top {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-2147224255 {
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.number {
  padding: 0px 3px 0px 0px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-end;
  flex-shrink: 0;
  position: relative;
}
._01 {
  color: var(--black-6, rgba(0, 3, 15, 0.6));
  text-align: left;
  font-family: "Mulish", sans-serif;
  font-size: 24px;
  line-height: 135%;
  font-weight: 600;
  position: relative;
}
.title {
  color: var(--black, #00030f);
  text-align: left;
  font-family: "Mulish", sans-serif;
  font-size: 24px;
  line-height: 36px;
  font-weight: 600;
  position: relative;
}
.line-rounded-add {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  position: relative;
  overflow: visible;
  display: flex;
  align-items: center;
  justify-content: center;
}
.add {
  width: 24px;
  height: 24px;
  position: relative;
  display: block;
  overflow: visible;
}
.accordions3 {
  background: var(--primary-1, rgba(60, 156, 198, 0.1));
  border-radius: 16px;
  border-style: solid;
  border-color: var(--primary-5, rgba(60, 156, 198, 0.5));
  border-width: 1px;
  padding: 32px 20px 32px 20px;
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: flex-start;
  justify-content: flex-end;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.accordion-top2 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  width: 932px;
  position: relative;
}
.frame-2147224256 {
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
._012 {
  color: var(--primary, #3c9cc6);
  text-align: left;
  font-family: "Mulish", sans-serif;
  font-size: 24px;
  line-height: 135%;
  font-weight: 600;
  position: relative;
}
.accordion-content {
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  /* width: 788px; */
  position: relative;
}
.title2 {
  color: var(--primary, #3c9cc6);
  text-align: left;
  font-family: "Mulish", sans-serif;
  font-size: 24px;
  line-height: 36px;
  font-weight: 600;
  position: relative;
  align-self: stretch;
}
.paragraph-wrapper {
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.paragraph {
  color: var(--black, #00030f);
  text-align: left;
  font-family: "Mulish", sans-serif;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.line-rounded-close {
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  position: relative;
  overflow: visible;
  display: flex;
  align-items: center;
  justify-content: center;
}
.close {
  width: 20px;
  height: 20px;
  position: relative;
  display: block;
  overflow: visible;
}
.frame-2147224254 {
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 678.79px;
  position: relative;
}
.add2 {
  width: 24px;
  height: 24px;
  position: relative;
  display: block;
  overflow: visible;
}
.frame-2147224253 {
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.add3 {
  width: 24px;
  height: 24px;
  position: relative;
  display: block;
  overflow: visible;
}
.add4 {
  width: 24px;
  height: 24px;
  position: relative;
  display: block;
  overflow: visible;
}
.frame-10000009313 {
  background:
    linear-gradient(
      130.4deg,
      rgba(60, 156, 198, 1) 50%,
      rgba(14, 84, 124, 1) 100%
    ),
    linear-gradient(0deg, rgba(60, 156, 198, 1) 0%, rgba(14, 84, 124, 1) 100%);
  border-radius: 20px;
  padding: 15px 30px 15px 30px;
  display: flex;
  flex-direction: row;
  gap: 15.58px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.contact-us-now {
  color: var(--white, #ffffff);
  text-align: left;
  font-family: "Mulish", sans-serif;
  font-size: 30px;
  font-weight: 700;
  position: relative;
}
.frame-21472243752 {
  flex-shrink: 0;
  width: 23.71px;
  height: 23.71px;
  position: relative;
  overflow: visible;
}
.frame-2147224246 {
  background: linear-gradient(to left, #05131a, #05131a);
  padding: 60px 90px 60px 90px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 1440px;
  position: relative;
}
.frame-21472241643 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 672px;
  position: relative;
}
.pay-once-learn-for-life {
  text-align: center;
  font-family: "DM Serif Display", serif;
  font-size: 55px;
  line-height: 80px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.pay-once-learn-for-life-span {
  background: linear-gradient(to left, #3c9cc6, #3c9cc6);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.pay-once-learn-for-life-span2 {
  background: linear-gradient(to left, #ffffff, #ffffff);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.get-full-access-to-the-complete-sky-high-training-course-with-a-simple-one-time-payment-no-subscriptions-no-hidden-fees {
  color: var(--white, #ffffff);
  text-align: center;
  font-family: "Mulish", sans-serif;
  font-size: 20px;
  line-height: 29px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.get-full-access-to-the-complete-sky-high-training-course-with-a-simple-one-time-payment-no-subscriptions-no-hidden-fees-span {
  font-family: "Mulish", sans-serif;
}
.get-full-access-to-the-complete-sky-high-training-course-with-a-simple-one-time-payment-no-subscriptions-no-hidden-fees-span2 {
  font-family: "Mulish", sans-serif;
  font-weight: 700;
}
.group-1686555394 {
  flex-shrink: 0;
  width: 711.92px;
  height: 278px;
  position: static;
}
.frame-14 {
  background: linear-gradient(
    180deg,
    rgba(60, 156, 198, 0.12) 0%,
    rgba(60, 156, 198, 0.04) 50%,
    rgba(60, 156, 198, 0.07) 100%
  );
  border-radius: 32px;
  border-width: 1px;
  border-style: solid;
  border-image: linear-gradient(
    180deg,
    rgba(60, 156, 198, 0.3) 0%,
    rgba(60, 156, 198, 0.1) 50%,
    rgba(60, 156, 198, 0.16) 100%
  );
  border-image-slice: 1;
  padding: 30px 40px 30px 40px;
  display: flex;
  flex-direction: row;
  gap: 40px;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  left: 364.04px;
  top: 248px;
  box-shadow: inset 0px 0px 2px 2px rgba(255, 255, 255, 0.4);
  overflow: hidden;
  backdrop-filter: blur(42px);
}
.frame-2147224376 {
  padding: 0px 20px 0px 0px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.frame-31 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.frame-18 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.one-time-payment {
  color: var(--white, #ffffff);
  text-align: left;
  font-family: "DM Serif Display", serif;
  font-size: 26px;
  line-height: 28px;
  font-weight: 400;
  position: relative;
}
.no-subscriptions-no-hidden-fees {
  color: var(--white-8, rgba(255, 255, 255, 0.8));
  text-align: left;
  font-family: "Mulish", sans-serif;
  font-size: 14.000000953674316px;
  line-height: 20px;
  font-weight: 400;
  position: relative;
}
.frame-28 {
  display: flex;
  flex-direction: row;
  gap: 2.92px;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
._120 {
  color: var(--white, #ffffff);
  text-align: left;
  font-family: "DM Serif Display", serif;
  font-size: 70.10527038574219px;
  line-height: 81.79px;
  font-weight: 400;
  position: relative;
}
.one-time {
  color: var(--white-8, rgba(255, 255, 255, 0.8));
  text-align: left;
  font-family: "DM Serif Display", serif;
  font-size: 20.447370529174805px;
  line-height: 35.05px;
  font-weight: 400;
  position: relative;
}
.frame-2 {
  background: linear-gradient(
    180deg,
    rgba(60, 156, 198, 1) 0%,
    rgba(14, 84, 124, 1) 100%
  );
  border-radius: 12px;
  border-style: solid;
  border-color: transparent;
  border-width: 1px;
  padding: 12px 14px 12px 14px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  height: 44px;
  position: relative;
  box-shadow: inset 0px 0px 1px 2px rgba(0, 0, 0, 0.15);
  overflow: hidden;
}
.enroll-now8 {
  color: var(--white, #ffffff);
  text-align: left;
  font-family: "Mulish", sans-serif;
  font-size: 14.000000953674316px;
  line-height: 20px;
  font-weight: 700;
  position: relative;
}
.frame-21472243753 {
  flex-shrink: 0;
  width: 13px;
  height: 13px;
  position: relative;
  overflow: visible;
}
.line-2 {
  margin-top: -2px;
  border-style: solid;
  border-color: rgba(60, 156, 198, 0.16);
  border-width: 2px 0 0 0;
  align-self: stretch;
  flex-shrink: 0;
  /* width: 218px; */
  position: relative;
  transform-origin: 0 0;
  transform: rotate(90deg) scale(1, 1);
}
.frame-26 {
  padding: 0px 20px 0px 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  border-left: #bbdaec 1px solid;
}
.what-you-will-get {
  color: var(--white, #ffffff);
  text-align: left;
  font-family: "Mulish", sans-serif;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  position: relative;
}
.frame-22 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.frame-262 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.vuesax-linear-tick {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
}
.vuesax-linear-grammerly {
  height: auto;
  position: absolute;
  left: 0px;
  top: 0px;
  overflow: visible;
}
.official-completion-certificate {
  color: var(--white-8, rgba(255, 255, 255, 0.8));
  text-align: left;
  font-family: "Mulish", sans-serif;
  font-size: 14.000000953674316px;
  line-height: 22px;
  font-weight: 400;
  position: relative;
}
.frame-282 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.vuesax-linear-grammerly2 {
  height: auto;
  position: absolute;
  left: 0px;
  top: 0px;
  overflow: visible;
}
.lifetime-access-to-all-modules {
  color: var(--white-8, rgba(255, 255, 255, 0.8));
  text-align: left;
  font-family: "Mulish", sans-serif;
  font-size: 14.000000953674316px;
  line-height: 22px;
  font-weight: 400;
  position: relative;
}
.frame-27 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.vuesax-linear-grammerly3 {
  height: auto;
  position: absolute;
  left: 0px;
  top: 0px;
  overflow: visible;
}
.downloadable-study-materials {
  color: var(--white-8, rgba(255, 255, 255, 0.8));
  text-align: left;
  font-family: "Mulish", sans-serif;
  font-size: 14.000000953674316px;
  line-height: 22px;
  font-weight: 400;
  position: relative;
}
.frame-21 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.vuesax-linear-grammerly4 {
  height: auto;
  position: absolute;
  left: 0px;
  top: 0px;
  overflow: visible;
}
.expert-led-easy-to-follow-lessons {
  color: var(--white-8, rgba(255, 255, 255, 0.8));
  text-align: left;
  font-family: "Mulish", sans-serif;
  font-size: 14.000000953674316px;
  line-height: 22px;
  font-weight: 400;
  position: relative;
}
.frame-20 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.vuesax-linear-grammerly5 {
  height: auto;
  position: absolute;
  left: 0px;
  top: 0px;
  overflow: visible;
}
.full-course-access-from-start-to-finish {
  color: var(--white-8, rgba(255, 255, 255, 0.8));
  text-align: left;
  font-family: "Mulish", sans-serif;
  font-size: 14.000000953674316px;
  line-height: 22px;
  font-weight: 400;
  position: relative;
}
.line-3 {
  margin-top: -2px;
  border-width: 2px 0 0 0;
  border-style: solid;
  border-image: linear-gradient(
    90deg,
    rgba(60, 156, 198, 0) 0%,
    rgba(60, 156, 198, 1) 50%,
    rgba(60, 156, 198, 0) 100%
  );
  border-image-slice: 1;
  width: 348px;
  height: 0px;
  position: absolute;
  left: 371.54px;
  top: 249.72px;
  filter: blur(2px);
}
.line-42 {
  margin-top: -2px;
  border-width: 2px 0 0 0;
  border-style: solid;
  border-image: linear-gradient(
    90deg,
    rgba(60, 156, 198, 0) 0%,
    rgba(60, 156, 198, 1) 50%,
    rgba(60, 156, 198, 0) 100%
  );
  border-image-slice: 1;
  width: 136px;
  height: 0px;
  position: absolute;
  left: 477.54px;
  top: 249.72px;
  filter: blur(2px);
}
.enroll-in-the-course {
  text-align: center;
  font-family: "DM Serif Display", serif;
  font-size: 55px;
  line-height: 80px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.enroll-in-the-course-span {
  background: linear-gradient(to left, #3c9cc6, #3c9cc6);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.enroll-in-the-course-span2 {
  background: linear-gradient(to left, #00030f, #00030f);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.submit-your-details-and-our-team-will-contact-you-to-confirm-your-training-date {
  color: var(--black, #00030f);
  text-align: center;
  font-family: "Mulish", sans-serif;
  font-size: 20px;
  line-height: 29px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.submit-your-details-and-our-team-will-contact-you-to-confirm-your-training-date-span {
  font-family: "Mulish", sans-serif;
}
.submit-your-details-and-our-team-will-contact-you-to-confirm-your-training-date-span2 {
  font-family: "Mulish", sans-serif;
  font-weight: 700;
}
.frame-2147224165 {
  padding: 10px 20px 10px 20px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.category {
  background: linear-gradient(to left, #05131a, #05131a);
  border-radius: 19.97px;
  border-style: solid;
  border-color: var(--white-5, transparent);
  border-width: 1.32px;
  padding: 30px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.vector-24 {
  opacity: 0.4;
  flex-shrink: 0;
  width: 929.09px;
  height: 965.38px;
  position: absolute;
  left: -677.59px;
  top: 71.13px;
  transform: translate(677.59px, -71.13px);
  overflow: visible;
}
.vector-3 {
  opacity: 0.4;
  flex-shrink: 0;
  width: 929.09px;
  height: 965.38px;
  position: absolute;
  left: -43.36px;
  top: 1294.03px;
  transform: translate(43.36px, -1070.46px);
  overflow: visible;
}
.frame-2147224365 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.get-in-touch {
  text-align: center;
  font-family: "DM Serif Display", serif;
  font-size: 40px;
  font-weight: 400;
  position: relative;
}
.get-in-touch-span {
  color: var(--white, #ffffff);
}
.get-in-touch-span2 {
  color: var(--primary, #3c9cc6);
}
.frame-2147224364 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.frame-21472238583 {
  /* border-radius: 10px;
  border-width: 0.49px;
  border-style: solid;
  border-image: transparent;
  border-image-slice: 1; */
  padding: 6px 26px 6px 9px;
  display: flex;
  flex-direction: row;
  gap: 11.28px;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  box-shadow: 0px 4.88px 17.07px 0px rgba(0, 0, 0, 0.25);
}
.call-ringing-04 {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.frame-2147224371 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.phone-number {
  color: var(--primary, #3c9cc6);
  text-align: left;
  font-family: "Mulish", sans-serif;
  font-size: 24px;
  font-weight: 700;
  position: relative;
}
._07521822227 {
  color: var(--white, #ffffff);
  text-align: left;
  font-family: "Mulish", sans-serif;
  font-size: 20px;
  font-weight: 300;
  position: relative;
}
.line-644 {
  margin-top: -1px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.1);
  border-width: 1px 0 0 0;
  align-self: stretch;
  flex-shrink: 0;
  height: 0px;
  position: relative;
}
.frame-2147223863 {
  border-radius: 10px;
  border-width: 0.49px;
  /* border-style: solid; */
  border-image: transparent;
  border-image-slice: 1;
  padding: 6px 26px 6px 9px;
  display: flex;
  flex-direction: row;
  gap: 11.28px;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  box-shadow: 0px 4.88px 17.07px 0px rgba(0, 0, 0, 0.25);
}
.mail-02 {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.email {
  color: var(--primary, #3c9cc6);
  text-align: left;
  font-family: "Mulish", sans-serif;
  font-size: 24px;
  font-weight: 700;
  position: relative;
}
.skyhightraining-25-gmail-com {
  color: var(--white, #ffffff);
  text-align: left;
  font-family: "Mulish", sans-serif;
  font-size: 20px;
  font-weight: 300;
  position: relative;
}
.line-646 {
  margin-top: -1px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.1);
  border-width: 1px 0 0 0;
  align-self: stretch;
  flex-shrink: 0;
  height: 0px;
  position: relative;
}
.frame-2147223864 {
  border-radius: 10px;
  border-width: 0.49px;
  /* border-style: solid; */
  border-image: transparent;
  border-image-slice: 1;
  padding: 6px 26px 6px 9px;
  display: flex;
  flex-direction: row;
  gap: 11.28px;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  box-shadow: 0px 4.88px 17.07px 0px rgba(0, 0, 0, 0.25);
}
.frame-2147224372 {
  background: linear-gradient(
    130.4deg,
    rgba(60, 156, 198, 1) 0%,
    rgba(14, 84, 124, 1) 100%
  );
  border-radius: 9.17px;
  padding: 6px;
  display: flex;
  flex-direction: row;
  gap: 7.5px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.maps-location-022 {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.frame-21472243712 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  /* width: 390px; */
  position: relative;
}
.address {
  color: var(--primary, #3c9cc6);
  text-align: left;
  font-family: "Mulish", sans-serif;
  font-size: 24px;
  font-weight: 700;
  position: relative;
}
._28-newbank-road-blackburn-bb-2-6-jw {
  color: var(--white, #ffffff);
  text-align: left;
  font-family: "Mulish", sans-serif;
  font-size: 20px;
  font-weight: 300;
  position: relative;
  align-self: stretch;
}
.line-647 {
  margin-top: -1px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.1);
  border-width: 1px 0 0 0;
  align-self: stretch;
  flex-shrink: 0;
  height: 1px;
  position: relative;
}
.frame-2147223865 {
  border-radius: 10px;
  border-width: 0.49px;
  /* border-style: solid; */
  border-image: transparent;
  border-image-slice: 1;
  padding: 6px 26px 6px 9px;
  display: flex;
  flex-direction: row;
  gap: 11.28px;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  box-shadow: 0px 4.88px 17.07px 0px rgba(0, 0, 0, 0.25);
}
.time-02 {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.office-hours {
  color: var(--primary, #3c9cc6);
  text-align: left;
  font-family: "Mulish", sans-serif;
  font-size: 24px;
  font-weight: 700;
  position: relative;
}
.monday-friday-9-00-am-6-00-pm-saturday-10-00-am-4-00-pm-sunday-closed {
  color: var(--white, #ffffff);
  text-align: left;
  font-family: "Mulish", sans-serif;
  font-size: 20px;
  font-weight: 300;
  position: relative;
  align-self: stretch;
}
.category2 {
  background:
    linear-gradient(to left, rgba(14, 84, 124, 0.06), rgba(14, 84, 124, 0.06)),
    linear-gradient(
      to left,
      rgba(234, 235, 237, 0.05),
      rgba(234, 235, 237, 0.05)
    );
  border-radius: 19.97px;
  border-style: solid;
  border-color: var(--seconday-1, rgba(14, 84, 124, 0.1));
  border-width: 1.32px;
  padding: 20px 30px 20px 70px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 526px;
  position: relative;
  overflow: hidden;
  backdrop-filter: blur(1.5px);
}
.frame-21472243652 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.fill-the-form {
  text-align: center;
  font-family: "DM Serif Display", serif;
  font-size: 40px;
  font-weight: 400;
  position: relative;
}
.fill-the-form-span {
  color: var(--black, #00030f);
}
.fill-the-form-span2 {
  color: var(--primary, #3c9cc6);
}
.frame-2147224366 {
  padding: 0px 10px 0px 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-21472243642 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-1984079197 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.full-name {
  color: #0f172a;
  text-align: left;
  font-family: "Mulish", sans-serif;
  font-size: 14px;
  line-height: 140%;
  font-weight: 600;
  position: relative;
}
.frame-90 {
  border-radius: 12px;
  border-style: solid;
  border-color: var(--seconday-6, rgba(14, 84, 124, 0.6));
  border-width: 0.5px;
  padding: 13px 14px 13px 14px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.user {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.enter-your-full-name {
  color: var(--secondary, #0e547c);
  text-align: left;
  font-family: "Mulish", sans-serif;
  font-size: 12px;
  line-height: 130%;
  font-weight: 400;
  position: relative;
}
.frame-21472243662 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.phone-number2 {
  color: #0f172a;
  text-align: left;
  font-family: "Mulish", sans-serif;
  font-size: 14px;
  line-height: 140%;
  font-weight: 600;
  position: relative;
}
.calling-02 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.enter-your-phone-number {
  color: var(--secondary, #0e547c);
  text-align: left;
  font-family: "Mulish", sans-serif;
  font-size: 12px;
  line-height: 130%;
  font-weight: 400;
  position: relative;
}
.frame-2147224367 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.email-address {
  color: #0f172a;
  text-align: left;
  font-family: "Mulish", sans-serif;
  font-size: 14px;
  line-height: 140%;
  font-weight: 600;
  position: relative;
}
.maps-location-01 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.enter-your-email-address {
  color: var(--secondary, #0e547c);
  text-align: left;
  font-family: "Mulish", sans-serif;
  font-size: 12px;
  line-height: 130%;
  font-weight: 400;
  position: relative;
}
.frame-2147224368 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.preferred-training-date {
  color: #0f172a;
  text-align: left;
  font-family: "Mulish", sans-serif;
  font-size: 14px;
  line-height: 140%;
  font-weight: 600;
  position: relative;
}
.calendar-03 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.select-your-prefer-date {
  color: var(--secondary, #0e547c);
  text-align: left;
  font-family: "Mulish", sans-serif;
  font-size: 12px;
  line-height: 130%;
  font-weight: 400;
  position: relative;
}
.frame-2147224369 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.message {
  color: #0f172a;
  text-align: left;
  font-family: "Mulish", sans-serif;
  font-size: 14px;
  line-height: 140%;
  font-weight: 600;
  position: relative;
}
.frame-902 {
  border-radius: 12px;
  border-style: solid;
  border-color: var(--seconday-6, rgba(14, 84, 124, 0.6));
  border-width: 0.5px;
  padding: 13px 14px 13px 14px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  height: 96px;
  position: relative;
}
.bubble-chat {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.any-question {
  color: var(--secondary, #0e547c);
  text-align: left;
  font-family: "Mulish", sans-serif;
  font-size: 12px;
  line-height: 130%;
  font-weight: 400;
  position: relative;
}
/* Container adjustments to ensure overflow is hidden */
.frame-2147224124 {
  width: 100%;
  overflow: hidden; /* Hides the scrollbar */
  position: relative;
  /* Optional: Add a subtle fade on the edges for a premium look */
  /* -webkit-mask-image: linear-gradient(
    to right,
    transparent,
    black 10%,
    black 90%,
    transparent
  ); */
  /* mask-image: linear-gradient(
    to right,
    transparent,
    black 10%,
    black 90%,
    transparent
  ); */
}

/* The wrapper that holds the logos */
.ratings-scroll-wrapper {
  display: flex;
  width: max-content; /* Ensure it takes up necessary width */
  gap: 40px; /* Space between items */
  /* The Animation Configuration */
  animation: scroll-left 30s linear infinite;
}

/* Individual Card Styling (Optional polish) */
.ratings-scroll-wrapper > div {
  flex-shrink: 0; /* Prevents squishing */
  transition:
    transform 0.3s ease,
    opacity 0.3s ease;
  cursor: pointer;
}

/* 🌟 Hover Effect 1: Pause Scrolling */
.ratings-scroll-wrapper:hover {
  animation-play-state: paused;
}

/* 🌟 Hover Effect 2: Dim others when focusing on one */
.ratings-scroll-wrapper:hover > div {
  opacity: 0.5; /* Fade out all items */
}

/* 🌟 Hover Effect 3: Highlight the specific item hovered */
.ratings-scroll-wrapper > div:hover {
  opacity: 1; /* Bring back full opacity */
  transform: scale(1.1); /* Slight zoom */
  filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.15)); /* Nice shadow */
}

/* The Keyframes for infinite scrolling */
@keyframes scroll-left {
  0% {
    transform: translateX(0);
  }
  100% {
    /* Move left by 50% because you have 2 identical sets of items */
    transform: translateX(-50%);
  }
}
.frame-10000009314 {
  background:
    linear-gradient(
      130.4deg,
      rgba(60, 156, 198, 1) 50%,
      rgba(14, 84, 124, 1) 100%
    ),
    linear-gradient(0deg, rgba(60, 156, 198, 1) 0%, rgba(14, 84, 124, 1) 100%);
  border-radius: 12px;
  padding: 13px 40px 13px 40px;
  display: flex;
  flex-direction: row;
  gap: 15.58px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.submit {
  color: var(--white, #ffffff);
  text-align: left;
  font-family: "Mulish", sans-serif;
  font-size: 14px;
  font-weight: 600;
  position: relative;
}
.section-13 {
  padding: 80px 90px 80px 90px;
  display: flex;
  flex-direction: column;
  gap: 50px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
  background-color: #f3f3f3;
}
.section-14 {
  background: linear-gradient(to left, #12313e, #12313e);
  border-radius: 40px;
  padding: 56.17px 74.89px 56.17px 74.89px;
  display: flex;
  flex-direction: row;
  gap: 28.08px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 1348px;
  position: relative;
  overflow: hidden;
}
.frame-1686555375 {
  flex-shrink: 0;
  width: 1348px;
  height: 1270px;
  position: absolute;
  left: 0px;
  top: 1.15px;
  overflow: hidden;
}
.group-1686555374 {
  opacity: 0.2;
  height: auto;
  position: absolute;
  left: 0px;
  top: -10.87px;
  overflow: visible;
}
.rectangle-4161 {
  background: linear-gradient(
    180deg,
    rgba(18, 49, 62, 0) 0%,
    rgba(18, 49, 62, 0.5) 7.390578091144562%,
    rgba(18, 49, 62, 1) 21.701043844223022%
  );
  width: 1353px;
  height: 1271px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: -3.87px;
}
.vector-25 {
  opacity: 0.4;
  flex-shrink: 0;
  width: 929.09px;
  height: 965.38px;
  position: absolute;
  left: 32.77px;
  top: 121.13px;
  transform: translate(-32.77px, -121.13px);
  overflow: visible;
}
.vector-32 {
  opacity: 0.5;
  flex-shrink: 0;
  width: 929.09px;
  height: 965.38px;
  position: absolute;
  left: 408.3px;
  top: 1249.06px;
  transform: translate(-408.3px, -851.63px);
  overflow: visible;
}
.vector-4 {
  opacity: 0.1;
  flex-shrink: 0;
  width: 929.09px;
  height: 965.38px;
  position: absolute;
  left: 615.96px;
  top: 1130.49px;
  transform: translate(-164.51px, -1070.46px);
  overflow: visible;
}
.frame-21472241644 {
  display: flex;
  flex-direction: column;
  gap: 27.15px;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  width: 909.9px;
  position: relative;
}
.frame-21472238403 {
  display: flex;
  flex-direction: column;
  gap: 12.66px;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.start-your-learning-journey-today {
  text-align: left;
  font-family: "DM Serif Display", serif;
  font-size: 55px;
  font-weight: 400;
  position: relative;
  width: 641px;
}
.start-your-learning-journey-today-span {
  background: linear-gradient(to left, #ffffff, #ffffff);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.start-your-learning-journey-today-span2 {
  background: linear-gradient(to left, #3c9cc6, #3c9cc6);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.it-s-time-to-invest-in-yourself-get-expert-led-training-practical-resources-and-a-recognized-certificate-that-sets-you-apart {
  color: #ffffff;
  text-align: left;
  font-family: "Mulish", sans-serif;
  font-size: 23px;
  line-height: 36px;
  font-weight: 400;
  position: relative;
  width: 744px;
}
.it-s-time-to-invest-in-yourself-get-expert-led-training-practical-resources-and-a-recognized-certificate-that-sets-you-apart-span {
  font-family: "Mulish", sans-serif;
}
.it-s-time-to-invest-in-yourself-get-expert-led-training-practical-resources-and-a-recognized-certificate-that-sets-you-apart-span2 {
  font-family: "Mulish", sans-serif;
  font-weight: 700;
}
.frame-21472243754 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
.untitled-design-5 {
  border-radius: 0px 0px 0px 19.08px;
  flex-shrink: 0;
  width: 33vw;
  /* height: 609px; */
  position: absolute;
  left: 100%;
  top: 0;
  /* box-shadow: 0px 3.83px 21.04px 0px rgba(0, 0, 0, 0.25); */
  transform-origin: 0 0;
  transform: rotate(0deg) scale(-1, 1);
  object-fit: cover;
  aspect-ratio: 524/609;
}
.frame-2147224247 {
  background: linear-gradient(to left, #05131a, #05131a);
  padding: 60px 90px 60px 90px;
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 1440px;
  position: relative;
}
.frame-1686555389 {
  display: flex;
  flex-direction: column;
  gap: 44px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.frame-2147224235 {
  border-style: solid;
  border-color: rgba(115, 126, 157, 0.4);
  border-width: 0px 0px 1px 0px;
  padding: 0px 0px 50px 0px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  width: 1343px;
  position: relative;
}
.frame-2147224261 {
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 562px;
  position: relative;
}
.frame-21472242822 {
  display: flex;
  flex-direction: row;
  gap: 5.93px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.untitled-design-12 {
  flex-shrink: 0;
  width: 78.35px;
  height: 88.93px;
  position: relative;
  object-fit: cover;
  aspect-ratio: 78.35/88.93;
}
.untitled-design-22 {
  flex-shrink: 0;
  width: 266.8px;
  height: 52.7px;
  position: relative;
  object-fit: cover;
  aspect-ratio: 266.8/52.7;
}
.untitled-design-32 {
  flex-shrink: 0;
  width: 194.34px;
  height: 36.23px;
  position: relative;
  object-fit: cover;
  aspect-ratio: 194.34/36.23;
}
.frame-2147224374 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.built-for-ambition-powered-by-quality-training {
  color: var(--white, #ffffff);
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 23.140893936157227px;
  line-height: 36.49px;
  font-weight: 700;
  position: relative;
  width: 534px;
}
.guiding-learners-toward-better-careers-with-clear-practical-and-nationally-recognized-certifications {
  color: var(--white, #ffffff);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 23.140893936157227px;
  line-height: 36.49px;
  font-weight: 400;
  position: relative;
  width: 534px;
}
.frame-21472243643 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.frame-2147223859 {
  background: linear-gradient(
    90deg,
    rgba(60, 156, 198, 0.3) 0%,
    rgba(60, 156, 198, 0) 100%
  );
  border-radius: 10px;
  border-width: 0.49px;
  /* border-style: solid; */
  border-image: transparent;
  border-image-slice: 1;
  padding: 6px 26px 6px 9px;
  display: flex;
  flex-direction: row;
  gap: 11.28px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  box-shadow: 0px 4.88px 17.07px 0px rgba(0, 0, 0, 0.25);
}
.whatsapp {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
._075218222272 {
  color: var(--white, #ffffff);
  text-align: left;
  font-family: "DM Serif Display", serif;
  font-size: 24px;
  font-weight: 400;
  position: relative;
}
.frame-2147223860 {
  background: linear-gradient(
    90deg,
    rgba(60, 156, 198, 0.3) 0%,
    rgba(60, 156, 198, 0) 100%
  );
  border-radius: 10px;
  border-width: 0.49px;
  /* border-style: solid; */
  border-image: transparent;
  border-image-slice: 1;
  padding: 6px 26px 6px 9px;
  display: flex;
  flex-direction: row;
  gap: 11.28px;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  box-shadow: 0px 4.88px 17.07px 0px rgba(0, 0, 0, 0.25);
}
.maps-location-023 {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
._28-newbank-road-blackburn-bb-2-6-jw2 {
  color: var(--white, #ffffff);
  text-align: left;
  font-family: "DM Serif Display", serif;
  font-size: 24px;
  font-weight: 400;
  position: relative;
  width: 360px;
}
.frame-2147223861 {
  background: linear-gradient(
    90deg,
    rgba(60, 156, 198, 0.3) 0%,
    rgba(60, 156, 198, 0) 100%
  );
  border-radius: 10px;
  border-width: 0.49px;
  /* border-style: solid; */
  border-image: transparent;
  border-image-slice: 1;
  padding: 6px 26px 6px 9px;
  display: flex;
  flex-direction: row;
  gap: 11.28px;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  box-shadow: 0px 4.88px 17.07px 0px rgba(0, 0, 0, 0.25);
}
.time-022 {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.monday-friday-9-00-am-6-00-pm-saturday-10-00-am-4-00-pm-sunday-closed2 {
  color: var(--white, #ffffff);
  text-align: left;
  font-family: "DM Serif Display", serif;
  font-size: 24px;
  font-weight: 400;
  position: relative;
}
.frame-2147224237 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  width: 100%;
  position: relative;
}
.frame-2147224236 {
  display: flex;
  flex-direction: column;
  gap: 23px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.sosmed {
  display: flex;
  flex-direction: row;
  gap: 31.96px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 270.62px;
  height: 39.94px;
  position: relative;
}
.ig {
  background: var(--primary, #3c9cc6);
  border-radius: 7.99px;
  border-style: solid;
  border-color: var(--primary, #3c9cc6);
  border-width: 1px;
  padding: 7.99px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.ig2 {
  flex-shrink: 0;
  width: 23.97px;
  height: 23.97px;
  position: relative;
}
.group3 {
  width: 75%;
  height: 75%;
  position: absolute;
  right: 12.5%;
  left: 12.5%;
  bottom: 12.47%;
  top: 12.53%;
  overflow: visible;
}
.twitter {
  border-radius: 7.99px;
  border-style: solid;
  border-color: var(--white, #ffffff);
  border-width: 1px;
  padding: 7.99px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.tw {
  flex-shrink: 0;
  width: 23.97px;
  height: 23.97px;
  position: relative;
  overflow: visible;
}
.fb {
  border-radius: 7.99px;
  border-style: solid;
  border-color: var(--white, #ffffff);
  border-width: 1px;
  padding: 7.99px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.fb2 {
  flex-shrink: 0;
  width: 23.97px;
  height: 23.97px;
  position: relative;
  overflow: visible;
}
.you-tube {
  border-radius: 7.99px;
  border-style: solid;
  border-color: var(--white, #ffffff);
  border-width: 1px;
  padding: 7.99px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.yt {
  flex-shrink: 0;
  width: 23.97px;
  height: 23.97px;
  position: relative;
}
.group4 {
  width: 83.33%;
  height: 59.17%;
  position: absolute;
  right: 8.31%;
  left: 8.35%;
  bottom: 20.4%;
  top: 20.43%;
  overflow: visible;
}
._2025-sky-high-traning-all-rights-reserved {
  text-align: left;
  font-family: "Mulish", sans-serif;
  font-size: 16.976421356201172px;
  line-height: 16.98px;
  font-weight: 400;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
._2025-sky-high-traning-all-rights-reserved-span {
  color: var(--primary, #3c9cc6);
  font-family: "Mulish", sans-serif;
  font-weight: 700;
}
._2025-sky-high-traning-all-rights-reserved-span2 {
  color: var(--white, #ffffff);
  font-family: "Mulish", sans-serif;
}
._2025-sky-high-traning-all-rights-reserved-span3 {
  color: var(--white, #ffffff);
  font-family: "Mulish", sans-serif;
  font-weight: 600;
}
.frame-21472242453 {
  background:
    linear-gradient(
      130.4deg,
      rgba(60, 156, 198, 1) 50%,
      rgba(14, 84, 124, 1) 100%
    ),
    linear-gradient(0deg, rgba(60, 156, 198, 1) 0%, rgba(14, 84, 124, 1) 100%);
  border-radius: 20px;
  padding: 20px 30px 20px 30px;
  display: flex;
  flex-direction: row;
  gap: 15.58px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.enroll-now9 {
  background: linear-gradient(to left, #ffffff, #ffffff);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: left;
  font-family: "DM Serif Display", serif;
  font-size: 26px;
  line-height: 22.04px;
  font-weight: 400;
  position: relative;
}
.frame-21472243755 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
:root {
  --bg-dark: #05131a;
  --card-bg: #081b25;
  --text-grey: #94a3b8;
  --border-dashed: rgba(60, 156, 198, 0.3);
  --font-main: "Mulish", sans-serif;
  --card-width-desktop: 400px;
  --card-width-mobile: 100%;
}

body {
  background-color: var(--bg-dark);
  font-family: var(--font-main);
  color: white;
  overflow-x: hidden; /* Prevent scrollbar from animation */
}

.reviews-section {
  padding: 60px 0;
  position: relative;
  max-width: 100vw;
  overflow: hidden;
}

/* --- CARD STYLING (Same as before) --- */
.review-card {
  background-color: var(--card-bg);
  border-radius: 16px;
  padding: 24px;
  /* Fixed width for desktop scrolling logic */
  width: var(--card-width-desktop);
  min-width: var(--card-width-desktop);
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0.02);
  /* Important for flex/marquee layouts */
  flex-shrink: 0;
  margin-right: 24px;
  user-select: none;
}

/* Mobile specific card adjustments */
@media (max-width: 768px) {
  .review-card {
    width: 100%; /* Full width on mobile */
    min-width: 100%;
    margin-right: 0;
  }
}

.review-card::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100px;
  height: 100px;
  background: radial-gradient(
    circle,
    rgba(60, 156, 198, 0.15) 0%,
    rgba(0, 0, 0, 0) 70%
  );
  pointer-events: none;
}

.card-header-custom {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 15px;
}

.avatar {
  width: 48px;
  height: 48px;
  min-width: 48px;
  min-height: 48px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid rgba(255, 255, 255, 0.1);
  flex-shrink: 0;
  display: block;
}

.user-info h5 {
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  margin: 0;
}

.user-info span {
  color: var(--text-grey);
  font-size: 13px;
}

.dashed-divider {
  border-top: 1px dashed var(--border-dashed);
  width: 100%;
  margin-bottom: 20px;
}

.review-text {
  color: #d1d5db;
  font-size: 14px;
  line-height: 1.6;
  font-weight: 300;
  opacity: 0.9;
}

/* --- DESKTOP MARQUEE ANIMATION --- */
.desktop-view-container {
  display: none; /* Hidden on mobile by default */
  flex-direction: column;
  gap: 24px;
}

.marquee-row {
  display: flex;
  overflow: hidden;
  width: 100%;
  position: relative;
}

.marquee-track {
  display: flex;
  /* Calculate animation duration based on smoothness desired */
  animation: scroll 40s linear infinite;
  width: max-content;
}

/* Reverse direction for the second row for a cool effect, 
           remove 'reverse' if you want them moving same way */
.marquee-track.reverse {
  animation-direction: reverse;
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
  /* Moves -50% because we duplicate content x2 */
}

.marquee-row:hover .marquee-track {
  animation-play-state: paused; /* Pause on hover */
}

/* --- MOBILE SLIDER --- */
.mobile-view-container {
  display: block;
  overflow: hidden;
  width: 100%;
  padding: 0 15px; /* Container padding */
}

.mobile-track {
  display: flex;
  transition: transform 0.5s ease-in-out;
  width: 100%;
  gap: 20px; /* Space between slides */
}

@media (min-width: 992px) {
  .desktop-view-container {
    display: flex;
  }
  .mobile-view-container {
    display: none;
  }
}