:root {
  /*========== Colors ==========*/
  --clr-orange: #f08528;
  --clr-orange-opaque-4: rgba(240, 133, 40, 0.4);
  --clr-orange-gradient: linear-gradient(90deg, #f9822e 0%, #fb9a3c 100%);
  --clr-black: #000000;
  --clr-black-opaque-15: rgba(0, 0, 0, 0.15);
  --clr-white: #ffffff;
  --clr-dark-blue: #182059;
  --clr-dark-blue-opaque-8: rgba(24, 32, 89, 0.8);
  --clr-blue: #3daedf;
  --clr-blue-opaque-5: rgba(61, 174, 223, 0.5);
  --clr-blue-opaque-1: rgba(61, 174, 223, 0.1);
  --clr-light-blue: #ecf4f8;
  --clr-light-gray: #72737c;
  --clr-light-gray-opaque-2: rgba(201, 222, 255, 0.2);
  --clr-gray-opaque-06: rgba(83, 83, 83, 0.06);
  --clr-off-white-blue: #d7eeff;

  /*========== Font and Typography ==========*/
  --roboto-condensed-ff: 'Roboto Condensed', sans-serif;
  --roboto-ff: 'Roboto', sans-serif;
  --fs-text-1: calc(60rem / 16);
  --fs-text-2: calc(56rem / 16);
  --fs-text-3: calc(46rem / 16);
  --fs-text-4: calc(36rem / 16);
  --fs-text-5: calc(32rem / 16);
  --fs-text-6: calc(30rem / 16);
  --fs-text-7: calc(28rem / 16);
  --fs-text-8: calc(24rem / 16);
  --fs-text-9: calc(22rem / 16);
  --fs-text-10: calc(20rem / 16);
  --fs-text-11: calc(18rem / 16);
  --fs-text-12: calc(16rem / 16);
  --fs-text-13: calc(14rem / 16);

  /*========== Font weight ==========*/
  --weight-light: 300;
  --weight-normal: 400;
  --weight-medium: 500;
  --weight-semi-bold: 600;
  --weight-bold: 600;
  --weight-bolder: 800;
}

/*=============== BASE ===============*/
*,
*::before,
*::after {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  font-family: inherit;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--roboto-ff);
  font-size: var(--fs-text-8);
  line-height: 1.7;
  font-weight: var(--weight-normal);
  background-color: var(--clr-dark-blue);
  color: var(--clr-dark-blue);
  overflow-x: hidden;
  overflow-y: auto;
}

ul,
ol {
  list-style: none;
}

a {
  text-decoration: none;
  color: unset;
}

img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
}

.container {
  max-width: calc(1148rem / 16);
  width: min(100% - calc(32rem / 16));
  margin: 0 auto;
}

.section-container {
  max-width: calc(952rem / 16);
  width: min(100% - calc(32rem / 16));
  margin: 0 auto;
}

.content-container {
  max-width: calc(756rem / 16);
  width: 100%;
  margin: 0 auto;
}

.mobile-visible {
  display: none;
}

/* Header */
.header {
  background-image: url('../assets/images/hero-desktop.webp');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  color: var(--clr-white);
}

.header-navbar {
  padding: 20px 0px;
  height: 76px;
  border-bottom: 1px solid var(--clr-light-gray-opaque-2);
}

.header-logo {
  display: block;
  width: calc(163rem / 16);
}

.header-content {
  display: flex;
  justify-content: center;
  padding-top: 10px;
}

.header-left {
  width: calc(740rem / 16);
  padding: 40px 0 100px;
  display: flex;
  flex-direction: column;
  gap: calc(30rem / 16);
  padding-left: 84px;
}

.header-box {
  display: flex;
  flex-direction: column;
  padding: 10px 16px;
  gap: 5px;
  background: var(--clr-black-opaque-15);
  border: 1px solid var(--clr-blue-opaque-5);
  border-radius: 5px;
  font-family: var(--roboto-condensed-ff);
  font-size: var(--fs-text-12);
}

.header-title {
  font-family: var(--roboto-condensed-ff);
  font-size: var(--fs-text-2);
  font-weight: var(--weight-bold);
  line-height: 1.3;
}

.header-title span {
  font-style: italic;
}

.header-text {
  line-height: 1.7;
  color: var(--clr-light-blue);
  opacity: 0.9;
}

.header-box-title {
  font-size: inherit;
  font-weight: var(--weight-bold);
  color: var(--clr-orange);
}

.header-right {
  width: calc(580rem / 16);
  position: relative;
}

.header-right img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

/* Main */
.main-container {
  max-width: calc(1348rem / 16);
  width: calc(100% - calc(32rem / 16));
  margin: 0 auto;
  background: var(--clr-white);
  border-radius: 50px;
  padding-bottom: 80px;
}

/* Featured-Section */
.featured {
  padding: 30px 0 0;
}

.featured-title {
  font-size: var(--fs-text-13);
  line-height: calc(28rem / 16);
  color: var(--clr-light-gray);
  text-align: center;
  letter-spacing: 3px;
}

.featured-content {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: calc(30rem / 16);
  margin-top: calc(30rem / 16);
  opacity: 0.5;
  padding-bottom: 50px;
  border-bottom: 1px solid rgba(24, 32, 89, 0.1);
}

/* Intro-Section */
.intro {
  padding: 80px 0;
}

.intro-content {
  max-width: calc(756rem / 16);
  width: 100%;
  margin: 0 auto;
}

.intro-title {
  padding-top: 20px;
  margin-bottom: 20px;
  font-size: var(--fs-text-4);
  line-height: 1.5;
  font-family: var(--roboto-condensed-ff);
  font-weight: var(--weight-bold);
  position: relative;
}

.intro-title::before {
  content: '';
  position: absolute;
  top: 0;
  width: 50px;
  height: 3px;
  background: var(--clr-blue);
}

.intro-text {
  margin-bottom: calc(16rem / 16);
}

.intro-text:last-child {
  margin-bottom: 0;
}

.intro-text span {
  font-style: italic;
  text-decoration: underline;
  text-underline-offset: 6px;
}

/* About-Section */
.about {
  padding: 80px 16px;
  background-color: var(--clr-light-blue);
  border-radius: 30px;
}

.about-content {
  display: flex;
  flex-direction: column;
  gap: calc(20rem / 16);
}

.about-title {
  padding-top: 20px;
  font-size: var(--fs-text-4);
  line-height: 1.5;
  font-family: var(--roboto-condensed-ff);
  font-weight: var(--weight-bold);
  position: relative;
  text-align: center;
}

.about-title::before {
  content: '';
  position: absolute;
  top: 0;
  width: 50px;
  height: 3px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--clr-blue);
}

.about-text span {
  font-weight: var(--weight-bold);
}

.about-images {
  display: flex;
  justify-content: space-between;
  gap: calc(28rem / 16);
  margin: calc(10rem / 16) 0;
}

.about-images-left {
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: calc(28rem / 16);
}

.about-images-top,
.about-images-bottom,
.about-images-middle {
  position: relative;
}

.about-images-top img,
.about-images-bottom img,
.about-images-middle img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about-images-right {
  width: 50%;
}

.about-image-text {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 5px 10px;
  background: var(--clr-dark-blue-opaque-8);
  border-radius: 0px 0px 10px 10px;
  text-align: center;
  font-size: var(--fs-text-13);
  font-weight: var(--weight-medium);
  color: var(--clr-white);
}

.about-link {
  display: flex;
  align-items: center;
  color: var(--clr-orange);
  line-height: 1.5;
  transition: all 250ms ease;
  gap: calc(4rem / 16);
  margin-top: calc(10rem / 16);
}

.about-link img {
  transition: all 250ms ease;
}

.about-link:hover {
  text-decoration: underline;
  text-underline-offset: 6px;
}

.about-link:hover img {
  transform: translateX(5px);
}

.about-video {
  padding-top: 80px;
  display: flex;
  flex-direction: column;
  gap: calc(20rem / 16);
}

.about-video-title {
  padding-top: 20px;
  font-size: var(--fs-text-4);
  line-height: 1.5;
  font-family: var(--roboto-condensed-ff);
  font-weight: var(--weight-bold);
  position: relative;
  text-align: center;
}

.about-video-title::before {
  content: '';
  position: absolute;
  top: 0;
  width: 50px;
  height: 3px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--clr-blue);
}

.about-video-content {
  border: 5px solid var(--clr-orange-opaque-4);
  border-radius: 15px;
}

.about-video-text {
  font-family: var(--roboto-condensed-ff);
  font-size: var(--fs-text-9);
  text-align: center;
  font-style: italic;
}

/* Acquisition-Section */
.acquisition {
  padding: 80px 0;
}

.acquisition-title {
  font-size: var(--fs-text-3);
  line-height: 1.5;
  font-family: var(--roboto-condensed-ff);
  font-weight: var(--weight-bold);
  text-align: center;
}

.acquisition-title span {
  display: block;
  color: var(--clr-orange);
}

.acquisition-content {
  display: flex;
  flex-direction: column;
  gap: calc(20rem / 16);
}

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

.acquisition-cards {
  display: flex;
  justify-content: space-between;
  gap: calc(28rem / 16);
  flex-wrap: wrap;
  margin-top: calc(10rem / 16);
}

.acquisition-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 50px 30px;
  gap: 20px;
  width: calc(298rem / 16);
  background: var(--clr-light-blue);
  border-radius: 10px;
}

.acquisition-card-title {
  font-family: var(--roboto-condensed-ff);
  font-size: var(--fs-text-6);
  font-weight: var(--weight-bold);
  line-height: 1.5;
}

/* MA-Training-Section */
.training {
  padding-bottom: 80px;
}

.training-content {
  display: flex;
  flex-direction: column;
  gap: calc(20rem / 16);
}

.training-title {
  padding-top: 20px;
  font-size: var(--fs-text-4);
  line-height: 1.5;
  font-family: var(--roboto-condensed-ff);
  font-weight: var(--weight-bold);
  position: relative;
  text-align: center;
  margin-bottom: calc(10rem / 16);
}

.training-title::before {
  content: '';
  position: absolute;
  top: 0;
  width: 50px;
  height: 3px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--clr-blue);
}

.training-text span {
  font-weight: var(--weight-bold);
}

.training-cards-content {
  margin-top: calc(10rem / 16);
}

.training-cards-title {
  font-size: var(--fs-text-8);
  line-height: 1.5;
  font-weight: var(--weight-bold);
  margin-bottom: calc(30rem / 16);
}

.training-cards {
  margin-bottom: calc(50rem / 16);
  display: flex;
  justify-content: space-between;
  align-items: center;
  column-gap: calc(50rem / 16);
  padding-top: 44px;
}

.training-cards-image {
  width: 50%;
  position: relative;
}

.training-box-orange::before {
  content: '';
  position: absolute;
  top: -44px;
  left: 0;
  width: calc(44rem / 16);
  height: calc(44rem / 16);
  z-index: 1;
  background: var(--clr-orange-gradient);
}

.training-box-blue::before {
  content: '';
  position: absolute;
  top: -44px;
  right: 0;
  width: calc(44rem / 16);
  height: calc(44rem / 16);
  z-index: 1;
  background: var(--clr-blue);
}

.training-box-orange img {
  width: calc(100% - calc(44rem / 16));
  margin-left: auto;
}

.training-box-blue img {
  width: calc(100% - calc(44rem / 16));
  margin-right: auto;
}

.training-cards-info {
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: calc(12rem / 16);
}

.training-no-blue {
  font-size: var(--fs-text-1);
  font-weight: var(--weight-semi-bold);
  line-height: 1;
  color: var(--clr-blue);
  opacity: 0.5;
}

.training-no-orange {
  font-size: var(--fs-text-1);
  font-weight: var(--weight-semi-bold);
  line-height: 1;
  color: var(--clr-orange);
  opacity: 0.5;
}

.training-cards-heading {
  font-size: var(--fs-text-5);
  font-weight: var(--weight-semi-bold);
  line-height: 1.2;
}

.training-cards-text {
  font-size: var(--fs-text-9);
  line-height: 1.7;
}

.training-cards-desc {
  font-size: var(--fs-text-6);
  font-style: italic;
  color: var(--clr-orange);
  text-align: center;
}

/* MA-Jeremy-Section */
.jeremy {
  padding: 80px 16px;
  background-color: var(--clr-light-blue);
  border-radius: 30px;
}

.jeremy-content {
  display: flex;
  flex-direction: column;
  gap: calc(20rem / 16);
}

.jeremy-title {
  padding-top: 20px;
  font-size: var(--fs-text-4);
  line-height: 1.5;
  font-family: var(--roboto-condensed-ff);
  font-weight: var(--weight-bold);
  position: relative;
  text-align: center;
}

.jeremy-title::before {
  content: '';
  position: absolute;
  top: 0;
  width: 50px;
  height: 3px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--clr-blue);
}

.jeremy-wrapper {
  display: flex;
  justify-content: space-between;
  gap: calc(30rem / 16);
  margin-top: calc(10rem / 16);
}

.jeremy-image {
  width: calc(266rem / 16);
}

.jeremy-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: calc(20rem / 16);
}

.jeremy-image img {
  box-shadow: 0px 8px 35px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
}

.jeremy-image-text {
  font-size: var(--fs-text-12);
  font-family: var(--roboto-condensed-ff);
  font-style: italic;
  line-height: normal;
  text-align: center;
  margin-top: calc(16rem / 16);
}

.jeremy-image-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0;
  background-color: transparent;
  padding: 4px;
  font-size: var(--fs-text-12);
  font-family: var(--roboto-condensed-ff);
  font-style: italic;
  line-height: normal;
  width: fit-content;
  margin: 0 auto;
  color: var(--clr-orange);
  cursor: pointer;
}

.jeremy-cards {
  margin-top: calc(10rem / 16);
}

.jeremy-cards-title {
  font-size: var(--fs-text-8);
  line-height: 1.5;
  font-weight: var(--weight-bold);
  margin-bottom: calc(30rem / 16);
}

.jeremy-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  column-gap: calc(28rem / 16);
  margin-bottom: calc(60rem / 16);
}

.jeremy-card:last-child {
  margin-bottom: 0;
}

.jeremy-card-info {
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: calc(8rem / 16);
}

.jeremy-card-image {
  width: 50%;
  filter: drop-shadow(0px 8px 35px rgba(0, 0, 0, 0.15));
}

.jeremy-card-title-orange {
  padding-top: 20px;
  font-size: var(--fs-text-5);
  font-family: var(--roboto-condensed-ff);
  font-weight: var(--weight-semi-bold);
  position: relative;
  line-height: 1.5;
}

.jeremy-card-title-orange::before {
  content: '';
  position: absolute;
  top: 0;
  width: 50px;
  height: 3px;
  left: 0;
  background: var(--clr-orange);
}

.jeremy-card-title-blue {
  padding-top: 20px;
  font-size: var(--fs-text-5);
  font-family: var(--roboto-condensed-ff);
  font-weight: var(--weight-semi-bold);
  position: relative;
  line-height: 1.5;
}

.jeremy-card-title-blue::before {
  content: '';
  position: absolute;
  top: 0;
  width: 50px;
  height: 3px;
  left: 0;
  background: var(--clr-blue);
}

.jeremy-card-text {
  font-size: var(--fs-text-9);
}

/* MA-Professionals-Section */
.professionals {
  padding: 80px 0;
}

.professionals-content {
  display: flex;
  flex-direction: column;
  gap: calc(20rem / 16);
}

.professionals-title {
  padding-top: 20px;
  font-size: var(--fs-text-4);
  line-height: 1.5;
  font-family: var(--roboto-condensed-ff);
  font-weight: var(--weight-bold);
  position: relative;
  text-align: center;
}

.professionals-title::before {
  content: '';
  position: absolute;
  top: 0;
  width: 50px;
  height: 3px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--clr-blue);
}

.professionals-heading {
  font-size: var(--fs-text-8);
  line-height: 1.5;
  font-weight: var(--weight-bold);
}

.professionals-cards {
  display: flex;
  flex-direction: column;
  gap: calc(28rem / 16);
}

.professionals-card {
  display: flex;
  align-items: flex-start;
  padding: 30px;
  gap: 20px;
  background: var(--clr-light-blue);
  border-radius: 10px;
}

.professionals-card-image {
  width: calc(46rem / 16);
}

.professionals-card-info {
  display: flex;
  flex-direction: column;
  gap: calc(10rem / 16);
}

.professionals-card-title {
  font-size: var(--fs-text-6);
  font-family: var(--roboto-condensed-ff);
  font-weight: var(--weight-bold);
  line-height: 1.5;
}

.professionals-card-text {
  font-size: var(--fs-text-10);
}

.professionals-access {
  display: flex;
  align-items: flex-start;
  padding: 15px 20px;
  gap: 10px;
  background: var(--clr-gray-opaque-06);
  border-radius: 10px;
}

.professionals-access-text {
  font-size: var(--fs-text-10);
  font-style: italic;
}

/* Guidance-Section */
.guidance {
  padding: 0 0 80px;
}

.guidance-content {
  display: flex;
  flex-direction: column;
  gap: calc(20rem / 16);
}

.guidance-title {
  padding-top: 20px;
  font-size: var(--fs-text-4);
  line-height: 1.5;
  font-family: var(--roboto-condensed-ff);
  font-weight: var(--weight-bold);
  position: relative;
  text-align: center;
}

.guidance-title::before {
  content: '';
  position: absolute;
  top: 0;
  width: 50px;
  height: 3px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--clr-blue);
}

.guidance-heading {
  font-size: var(--fs-text-8);
  line-height: 1.5;
  font-weight: var(--weight-bold);
  margin: calc(10rem / 16) 0;
}

.guidance-list {
  display: flex;
  flex-direction: column;
  gap: calc(20rem / 16);
}

.guidance-item {
  display: flex;
  align-items: baseline;
  gap: calc(10rem / 16);
}

.guidance-item img {
  width: calc(10rem / 16);
  position: relative;
  top: -4px;
}

.guidance-item-text span {
  font-weight: var(--weight-bold);
}

/* Sellers-Section */
.sellers {
  padding: 80px 16px;
  background-color: var(--clr-light-blue);
  border-radius: 30px;
}

.sellers-content {
  display: flex;
  flex-direction: column;
  gap: calc(30rem / 16);
}

.sellers-title {
  padding-top: 20px;
  font-size: var(--fs-text-4);
  line-height: 1.5;
  font-family: var(--roboto-condensed-ff);
  font-weight: var(--weight-bold);
  position: relative;
  text-align: center;
}

.sellers-title::before {
  content: '';
  position: absolute;
  top: 0;
  width: 50px;
  height: 3px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--clr-blue);
}

.sellers-heading {
  font-size: var(--fs-text-8);
  line-height: 1.5;
  font-weight: var(--weight-bold);
}

.sellers-list {
  display: flex;
  flex-direction: column;
  gap: calc(30rem / 16);
}

.sellers-item {
  display: flex;
  align-items: baseline;
  gap: calc(10rem / 16);
}

.sellers-item-text {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: calc(10rem / 16);
}

.sellers-item-text span {
  font-size: var(--fs-text-7);
  font-weight: var(--weight-bold);
  line-height: calc(36rem / 16);
}

.seller-item-no {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2px 7px;
  width: calc(40rem / 16);
  height: calc(40rem / 16);
  font-weight: var(--weight-bold);
  color: #ffffff;
  background: var(--clr-orange);
  border-radius: 500px;
}

.seller-link {
  display: flex;
  align-items: center;
  color: var(--clr-orange);
  line-height: 1.5;
  transition: all 250ms ease;
  gap: calc(4rem / 16);
  margin-top: calc(10rem / 16);
}

.seller-link img {
  transition: all 250ms ease;
}

.seller-link:hover {
  text-decoration: underline;
  text-underline-offset: 6px;
}

.seller-link:hover img {
  transform: translateX(5px);
}

.sellers-wrapper {
  display: flex;
  flex-direction: column;
  gap: calc(20rem / 16);
  padding-top: 80px;
}

.sellers-image {
  margin: calc(10rem / 16) 0;
  width: 100%;
}

.sellers-listing {
  display: flex;
  flex-direction: column;
  gap: calc(20rem / 16);
}

.sellers-list-item {
  display: flex;
  align-items: baseline;
  gap: calc(10rem / 16);
}

.sellers-list-item img {
  width: calc(10rem / 16);
  position: relative;
  top: -4px;
}

.sellers-list-item span {
  font-weight: var(--weight-bold);
}

/* Stock-Section */
.stock {
  padding: 80px 0;
}

.stock-content {
  display: flex;
  flex-direction: column;
  gap: calc(30rem / 16);
}

.stock-title {
  padding-top: 20px;
  font-size: var(--fs-text-4);
  line-height: 1.5;
  font-family: var(--roboto-condensed-ff);
  font-weight: var(--weight-bold);
  position: relative;
  text-align: center;
}

.stock-title::before {
  content: '';
  position: absolute;
  top: 0;
  width: 50px;
  height: 3px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--clr-blue);
}

.stock-heading {
  font-size: var(--fs-text-8);
  line-height: 1.5;
  font-weight: var(--weight-bold);
}

.stock-list {
  display: flex;
  flex-direction: column;
  gap: calc(20rem / 16);
}

.stock-item {
  display: flex;
  align-items: baseline;
  gap: calc(10rem / 16);
}

.stock-item img {
  width: calc(10rem / 16);
  position: relative;
  top: -4px;
}

.stock-item-text span {
  font-weight: var(--weight-bold);
}

.stock-group {
  display: flex;
  justify-content: space-between;
  gap: calc(28rem / 16);
}

.stock-info {
  width: calc(266rem / 16);
}

.stock-image {
  flex: 1;
}

.stock-info-text span {
  font-style: italic;
}

.stock-info-text-outside {
  margin-top: calc(-10rem / 16);
}

.stock-info-text a {
  text-decoration: underline;
  text-underline-offset: 6px;
  transition: all 250ms ease;
}

.stock-info-text a:hover {
  text-decoration: none;
}

.stock-warning {
  display: flex;
  align-items: center;
  padding: 15px 20px;
  gap: calc(10rem / 16);
  background: var(--clr-gray-opaque-06);
  border-radius: 10px;
  font-size: var(--fs-text-10);
  font-style: italic;
}

/* Deal-Section */
.deal {
  padding-bottom: 80px;
}

.deal-content {
  display: flex;
  flex-direction: column;
  gap: calc(30rem / 16);
}

.deal-title {
  padding-top: 20px;
  font-size: var(--fs-text-4);
  line-height: 1.5;
  font-family: var(--roboto-condensed-ff);
  font-weight: var(--weight-bold);
  position: relative;
  text-align: center;
}

.deal-title::before {
  content: '';
  position: absolute;
  top: 0;
  width: 50px;
  height: 3px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--clr-blue);
}

.deal-text span {
  font-style: italic;
  text-decoration: underline;
  text-underline-offset: 6px;
}

.deal-heading {
  font-size: var(--fs-text-8);
  line-height: 1.5;
  font-weight: var(--weight-bold);
}

.deal-heading-center {
  font-size: var(--fs-text-8);
  line-height: 1.5;
  font-weight: var(--weight-bold);
  text-align: center;
}

.deal-list {
  display: flex;
  flex-direction: column;
  gap: calc(20rem / 16);
}

.deal-item {
  display: flex;
  align-items: baseline;
  gap: calc(10rem / 16);
}

.deal-item img {
  width: calc(10rem / 16);
  position: relative;
  top: -4px;
}

.deal-item-text span {
  font-weight: var(--weight-bold);
}

.deal-video-content {
  display: flex;
  flex-direction: column;
  gap: calc(10rem / 16);
}

.deal-video {
  border: 5px solid var(--clr-orange-opaque-4);
  border-radius: 15px;
}

.deal-video-text {
  font-family: var(--roboto-condensed-ff);
  font-size: var(--fs-text-9);
  text-align: center;
  font-style: italic;
}

.deal-videos-content {
  display: flex;
  justify-content: space-between;
  gap: calc(30rem / 16);
}

.deals-videos-left {
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: calc(10rem / 16);
}

.deals-videos-right {
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: calc(10rem / 16);
}

.deal-videos {
  border: 5px solid var(--clr-orange-opaque-4);
  border-radius: 15px;
}

.deal-videos-text {
  font-family: var(--roboto-condensed-ff);
  font-size: var(--fs-text-9);
  text-align: center;
  font-style: italic;
}

/* Jet-Section */
.jet {
  padding: 80px 16px;
  background-color: var(--clr-light-blue);
  border-radius: 30px;
}

.jet-content {
  display: flex;
  flex-direction: column;
  gap: calc(30rem / 16);
}

.jet-title {
  padding-top: 20px;
  font-size: var(--fs-text-4);
  line-height: 1.5;
  font-family: var(--roboto-condensed-ff);
  font-weight: var(--weight-bold);
  position: relative;
  text-align: center;
}

.jet-title::before {
  content: '';
  position: absolute;
  top: 0;
  width: 50px;
  height: 3px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--clr-blue);
}

.jet-heading {
  font-size: var(--fs-text-8);
  line-height: 1.5;
  font-weight: var(--weight-bold);
}

.jet-heading-center {
  font-size: var(--fs-text-8);
  line-height: 1.5;
  font-weight: var(--weight-bold);
  text-align: center;
}

.jet-list {
  display: flex;
  flex-direction: column;
  gap: calc(20rem / 16);
}

.jet-item {
  display: flex;
  align-items: baseline;
  gap: calc(10rem / 16);
}

.jet-item-text span {
  font-weight: var(--weight-bold);
}

.jet-item-text a {
  text-decoration: underline;
  text-underline-offset: 6px;
  transition: all 250ms ease;
}

.jet-item-text a:hover {
  text-decoration: none;
}

.jet-item img {
  width: calc(10rem / 16);
  position: relative;
  top: -4px;
}

.jet-warning {
  display: flex;
  align-items: flex-start;
  padding: 15px 20px;
  gap: calc(10rem / 16);
  background: var(--clr-gray-opaque-06);
  border-radius: 10px;
  font-size: var(--fs-text-10);
  font-style: italic;
}

.jet-image {
  position: relative;
}

.jet-image-text {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 5px 10px;
  background: var(--clr-dark-blue-opaque-8);
  border-radius: 0px 0px 10px 10px;
  text-align: center;
  font-size: var(--fs-text-13);
  font-weight: var(--weight-medium);
  color: var(--clr-white);
}

.jet-images-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(3, auto);
  gap: calc(28rem / 16);
}

.jet-images-grid img {
  width: 100%;
  height: 100%;
}

.jet-images-grid-3 {
  grid-row: 1;
  grid-column: 2;
}

.jet-images-grid-4 {
  grid-row: 2;
  grid-column: 2;
}

.jet-images-grid-5 {
  grid-row: 3;
  grid-column: 2;
}

.jet-images-grid-1 {
  grid-row: 1 / span 2;
  grid-column: 1;
}

.jet-images-grid-2 {
  grid-row: 3;
  grid-column: 1;
}

.jet-wrapper {
  display: flex;
  flex-direction: column;
  gap: calc(30rem / 16);
  padding-top: 80px;
}

.jet-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(3, auto);
  gap: calc(28rem / 16);
}

.jet-grid img {
  width: 100%;
  height: 100%;
}

.jet-grid-3 {
  grid-row: 1;
  grid-column: 2;
}

.jet-grid-4 {
  grid-row: 2;
  grid-column: 2;
}

.jet-grid-5 {
  grid-row: 3;
  grid-column: 2;
}

.jet-grid-1 {
  grid-row: 1;
  grid-column: 1;
}

.jet-grid-2 {
  grid-row: 2 / span 2;
  grid-column: 1;
}

/* Guarantee */
.guarantee {
  padding: 60px 0;
}

.guarantee-card {
  position: relative;
  height: calc(900rem / 16);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.guarantee-card-mobile {
  display: none;
}

.guarantee-card > img {
  position: absolute;
  width: 100%;
  height: 100%;
  filter: drop-shadow(0px 8px 35px rgba(0, 0, 0, 0.15));
}

.guarantee-card-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: calc(30rem / 16);
  position: relative;
  z-index: 1;
  padding: 60px 16px;
  top: calc(-14rem / 16);
}

.guarantee-card-content > img {
  width: calc(180rem / 16);
  margin: 0 auto;
}

.guarantee-card-title {
  font-size: var(--fs-text-4);
  line-height: 1.2;
  font-family: var(--roboto-condensed-ff);
  font-weight: var(--weight-bold);
  text-align: center;
}

.guarantee-card-info {
  display: flex;
  flex-direction: column;
  gap: calc(16rem / 16);
}

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

.guarantee-card-link {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--clr-orange);
  line-height: 1.5;
  transition: all 250ms ease;
  gap: calc(4rem / 16);
}

.guarantee-card-link > img {
  width: calc(24rem / 16);
  transition: all 250ms ease;
}

.guarantee-card-link:hover {
  text-decoration: underline;
  text-underline-offset: 6px;
}

.guarantee-card-link:hover img {
  transform: translateX(5px);
}

/* Investment-Section */
.investment {
  padding-bottom: 80px;
}

.investment-content {
  display: flex;
  flex-direction: column;
  gap: calc(30rem / 16);
}

.investment-title {
  padding-top: 20px;
  font-size: var(--fs-text-4);
  line-height: 1.5;
  font-family: var(--roboto-condensed-ff);
  font-weight: var(--weight-bold);
  position: relative;
  text-align: center;
}

.investment-title::before {
  content: '';
  position: absolute;
  top: 0;
  width: 50px;
  height: 3px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--clr-blue);
}

.investment-heading {
  font-size: var(--fs-text-8);
  line-height: 1.5;
  font-weight: var(--weight-bold);
}

.investment-info {
  display: flex;
  flex-direction: column;
  gap: calc(16rem / 16);
}

.investment-text span {
  font-style: italic;
  text-decoration: underline;
  text-underline-offset: 6px;
}

.investment-text .no-italic {
  font-style: normal;
}

.investment-text .no-underline {
  text-decoration: none;
}

.investment-list {
  display: flex;
  flex-direction: column;
  gap: calc(16rem / 16);
}

.investment-item {
  display: flex;
  align-items: baseline;
  gap: calc(10rem / 16);
}

.investment-item-text span {
  font-weight: var(--weight-bold);
}

.investment-item img {
  width: calc(10rem / 16);
  position: relative;
  top: -4px;
}

.investment-orange {
  font-family: var(--roboto-condensed-ff);
  font-size: var(--fs-text-6);
  line-height: 1.5;
  font-style: italic;
  color: var(--clr-orange);
}

.investment-table {
  display: flex;
  justify-content: space-between;
  font-size: var(--fs-text-13);
  font-weight: var(--weight-bold);
  line-height: 1.5;
  background-color: var(--clr-white);
}

.investment-table:first-child {
  background: var(--clr-blue-opaque-1);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.investment-table:last-child {
  background: var(--clr-blue-opaque-1);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.investment-table:last-child .investment-first,
.investment-table:last-child .investment-fourth {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.investment-table:last-child .investment-first,
.investment-table:last-child .investment-second,
.investment-table:last-child .investment-fourth {
  border-bottom: 0;
}

.investment-table:last-child .investment-first {
  font-weight: var(--weight-bold);
}

.investment-table:last-child .investment-third {
  font-weight: var(--weight-bold);
  font-size: var(--fs-text-11);
}

.investment-table:first-child .investment-first,
.investment-table:first-child .investment-second,
.investment-table:first-child .investment-fourth {
  border-bottom: 0;
}

.investment-table:first-child .investment-third {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.investment-table:first-child .investment-third::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  background: var(--clr-blue-opaque-1);
  box-shadow: 0px 10px 30px rgba(24, 32, 89, 0.2);
}

.investment-table:last-child .investment-third {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.investment-table:last-child .investment-third::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  background: var(--clr-blue-opaque-1);
  box-shadow: 0px 10px 30px rgba(24, 32, 89, 0.2);
}

.investment-first {
  width: 33.333%;
  padding: 12px 14px;
  font-weight: var(--weight-normal);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.investment-second {
  width: 33.333%;
  padding: 12px 14px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.investment-third {
  width: 33.333%;
  padding: 12px 14px;
  text-align: center;
  background: linear-gradient(
    235.64deg,
    #1f2d90 28.87%,
    #202a75 50%,
    #182059 71.13%
  );
  color: var(--clr-white);
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.investment-fourth {
  width: 33.333%;
  padding: 12px 14px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.investment-pricing {
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
  background: var(--clr-blue-opaque-1);
}

/* Banner-Section */
.banner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 50px;
  background: linear-gradient(74.38deg, #182059 0%, #202a75 50%, #3b49b2 100%);
  box-shadow: 0px 25px 70px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  color: var(--clr-white);
  text-align: center;
}

.banner-tagline {
  font-family: var(--roboto-condensed-ff);
  font-size: var(--fs-text-7);
  font-weight: var(--weight-normal);
  line-height: 1.2;
  color: var(--clr-orange);
  margin-bottom: calc(10rem / 16);
}

.banner-title {
  font-family: var(--roboto-condensed-ff);
  font-size: var(--fs-text-3);
  line-height: 1.5;
  font-weight: var(--weight-semi-bold);
  margin-bottom: calc(30rem / 16);
}

.banner-text {
  margin-bottom: calc(16rem / 16);
  color: var(--clr-off-white-blue);
}

.banner-text > span {
  font-weight: var(--weight-bold);
}

.banner-text > a {
  text-decoration: underline;
  text-underline-offset: 6px;
  transition: all 250ms ease;
}

.banner-text > a:hover {
  text-decoration: none;
}

.banner-text:last-child {
  margin-bottom: 0;
}

.banner-btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: calc(8rem / 16);
  width: calc(264rem / 16);
  height: calc(64rem / 16);
  background: linear-gradient(90deg, #f9822e 0%, #fb9a3c 100%);
  color: var(--clr-white);
  box-shadow: 0px 3px 8px 1px rgba(0, 0, 0, 0.12);
  border-radius: 5px;
  font-family: var(--roboto-condensed-ff);
  font-weight: var(--weight-bold);
  font-size: var(--fs-text-10);
  text-align: center;
  text-transform: capitalize;
  transition: all 250ms ease;
  margin: 0 auto;
  margin-top: calc(32rem / 16);
}

.banner-btn img {
  transition: all 250ms ease;
}

.banner-btn:hover img {
  transform: translateY(-2.5px);
}

/* Reviews-Section */
.reviews {
  padding: 80px 16px;
  background-color: var(--clr-light-blue);
  border-radius: 30px;
  margin-top: calc(80rem / 16);
}

.reviews-title {
  padding-top: 20px;
  font-size: var(--fs-text-4);
  line-height: 1.5;
  font-family: var(--roboto-condensed-ff);
  font-weight: var(--weight-bold);
  position: relative;
  text-align: center;
}

.reviews-title::before {
  content: '';
  position: absolute;
  top: 0;
  width: 50px;
  height: 3px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--clr-blue);
}

.reviews-top {
  display: flex;
  flex-direction: column;
  gap: calc(30rem / 16);
}

.reviews-top-video {
  border: 5px solid var(--clr-orange-opaque-4);
  border-radius: 15px;
}

.reviews-content {
  display: flex;
  flex-direction: column;
  gap: calc(30rem / 16);
  padding-top: 80px;
}

.reviews-cards {
  display: flex;
  justify-content: space-between;
  gap: calc(28rem / 16);
  flex-wrap: wrap;
}

.reviews-card {
  width: 48%;
  background: var(--clr-white);
  box-shadow: 0px 15px 35px rgba(24, 32, 89, 0.15);
  border-radius: 10px;
}

.reviews-card-body {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: calc(10rem / 16);
}

.reviews-card-tagline {
  font-size: var(--fs-text-13);
  font-weight: var(--weight-semi-bold);
  line-height: 1.5;
  letter-spacing: 2px;
  color: var(--clr-blue);
  text-transform: uppercase;
}

.reviews-card-title {
  font-size: var(--fs-text-11);
  font-weight: var(--weight-semi-bold);
  line-height: 1.5;
}

.reviews-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--clr-orange);
  line-height: 1.5;
  gap: calc(4rem / 16);
  border: none;
  background: transparent;
  font-size: inherit;
  cursor: pointer;
  margin-top: calc(10rem / 16);
  transition: all 250ms ease;
}

.reviews-btn img {
  transition: all 250ms ease;
}

.reviews-btn:hover {
  text-decoration: underline;
  text-underline-offset: 6px;
}

.reviews-btn:hover img {
  transform: translateX(5px);
}

/* FAQs-Section */
.faqs {
  padding: 80px 0;
}

.faqs-title {
  padding-top: 20px;
  font-size: var(--fs-text-4);
  line-height: 1.5;
  font-family: var(--roboto-condensed-ff);
  font-weight: var(--weight-bold);
  position: relative;
  text-align: center;
}

.faqs-title::before {
  content: '';
  position: absolute;
  top: 0;
  width: 50px;
  height: 3px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--clr-blue);
}

.faqs-content {
  display: flex;
  flex-direction: column;
  gap: calc(30rem / 16);
  margin-top: calc(50rem / 16);
}

.faqs-heading {
  display: flex;
  align-items: center;
  gap: calc(4rem / 16);
  font-size: var(--fs-text-6);
  line-height: 1.5;
  font-family: var(--roboto-condensed-ff);
  font-weight: var(--weight-bold);
}

.faqs-item {
  display: flex;
  flex-direction: column;
  gap: calc(10rem / 16);
}

.faqs-item-heading {
  font-size: var(--fs-text-7);
  line-height: 1.5;
  font-family: var(--roboto-condensed-ff);
  font-weight: var(--weight-bold);
  color: var(--clr-orange);
}

.faqs-item-text-underline {
  text-decoration: underline;
  text-underline-offset: 6px;
}

.faqs-item-text > span {
  font-style: italic;
}

.faqs-link {
  display: flex;
  align-items: center;
  color: var(--clr-orange);
  line-height: 1.5;
  transition: all 250ms ease;
  gap: calc(4rem / 16);
}

.faqs-link img {
  transition: all 250ms ease;
}

.faqs-link:hover {
  text-decoration: underline;
  text-underline-offset: 6px;
}

.faqs-link:hover img {
  transform: translateX(5px);
}

.faqs-item-videos {
  display: flex;
  flex-direction: column;
  gap: calc(20rem / 16);
}

.faqs-item-top-video {
  display: flex;
  flex-direction: column;
  gap: calc(10rem / 16);
}

.faq-video {
  border: 5px solid var(--clr-orange-opaque-4);
  border-radius: 15px;
}

.faqs-item-video-text {
  font-family: var(--roboto-condensed-ff);
  font-size: var(--fs-text-9);
  font-style: italic;
  text-align: center;
}

.faqs-item-video-heading {
  text-align: center;
  font-size: var(--fs-text-8);
  font-weight: var(--weight-bold);
}

.faqs-item-videos-content {
  display: flex;
  justify-content: space-between;
  gap: calc(28rem / 16);
}

.faqs-item-video {
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: calc(10rem / 16);
}

.faqs-warning {
  display: flex;
  align-items: flex-start;
  padding: 15px 20px;
  gap: calc(10rem / 16);
  background: var(--clr-gray-opaque-06);
  border-radius: 10px;
  font-size: var(--fs-text-10);
  font-style: italic;
}

/* Steps-Section */
.steps {
  background: linear-gradient(74.38deg, #182059 0%, #202a75 50%, #3b49b2 100%);
  box-shadow: 0px 25px 70px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  color: var(--clr-white);
  overflow: hidden;
}

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

.steps-info {
  width: 50%;
  padding: 50px;
  padding-right: 0;
  display: flex;
  flex-direction: column;
  gap: calc(30rem / 16);
}

.steps-image {
  width: 50%;
}

.steps-image-mobile {
  display: none;
}

.steps-image img {
  width: 100%;
  height: calc(308rem / 16);
  object-fit: cover;
}

.steps-tagline {
  font-family: var(--roboto-condensed-ff);
  font-size: var(--fs-text-7);
  font-weight: var(--weight-normal);
  line-height: 1.2;
  color: var(--clr-orange);
}

.steps-title {
  font-family: var(--roboto-condensed-ff);
  font-size: var(--fs-text-3);
  line-height: 1.2;
  font-weight: var(--weight-semi-bold);
}

.steps-text {
  color: var(--clr-off-white-blue);
}

.steps-text > span {
  font-weight: var(--weight-bold);
}

.steps-text > a {
  text-decoration: underline;
  text-underline-offset: 6px;
  transition: all 250ms ease;
}

.steps-text > a:hover {
  text-decoration: none;
}

.steps-text:last-child {
  margin-bottom: 0;
}

.steps-btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: calc(8rem / 16);
  width: calc(225rem / 16);
  height: calc(64rem / 16);
  background: linear-gradient(90deg, #f9822e 0%, #fb9a3c 100%);
  color: var(--clr-white);
  box-shadow: 0px 3px 8px 1px rgba(0, 0, 0, 0.12);
  border-radius: 5px;
  font-family: var(--roboto-condensed-ff);
  font-weight: var(--weight-bold);
  font-size: var(--fs-text-10);
  text-align: center;
  text-transform: capitalize;
  transition: all 250ms ease;
}

.steps-btn img {
  transition: all 250ms ease;
}

.steps-btn:hover img {
  transform: translateY(-2.5px);
}

/* Footer */
.footer {
  padding: 50px 0;
  color: var(--clr-white);
}

.footer-content {
  display: flex;
  flex-direction: column;
  gap: calc(20rem / 16);
  justify-content: center;
  align-items: center;
  text-align: center;
}

.footer-text {
  font-size: var(--fs-text-12);
  line-height: 1.5;
}

.footer-links {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: calc(20rem / 16);
}

.footer-link {
  font-size: var(--fs-text-12);
  line-height: 1.5;
  transition: all 250ms ease;
}

.footer-link:hover {
  text-decoration: underline;
  text-underline-offset: 6px;
}

/* ----------------About Page Start--------------- */
.header-about {
  background-image: url('../assets/images/hero-about-desktop.webp');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  color: var(--clr-white);
}

.header-about-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: calc(30rem / 16);
  padding: 80px 0;
}

.header-about-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: calc(20rem / 16);
}

.header-about-title {
  padding-top: 20px;
  font-size: var(--fs-text-2);
  line-height: 1.3;
  font-family: var(--roboto-condensed-ff);
  font-weight: var(--weight-bold);
  position: relative;
}

.header-about-title::before {
  content: '';
  position: absolute;
  top: 0;
  width: 50px;
  height: 3px;
  background: var(--clr-blue);
}

.header-about-text {
  color: var(--clr-light-blue);
  opacity: 0.9;
}

.header-about-image {
  width: 40.5%;
}

.intro-about-content {
  display: flex;
  flex-direction: column;
  gap: calc(30rem / 16);
  max-width: calc(756rem / 16);
  width: 100%;
  margin: 0 auto;
}

.intro-about-title {
  padding-top: 20px;
  font-size: var(--fs-text-6);
  line-height: 1.5;
  font-family: var(--roboto-condensed-ff);
  font-weight: var(--weight-bold);
  position: relative;
}

.intro-about-title::before {
  content: '';
  position: absolute;
  top: 0;
  width: 50px;
  height: 3px;
  background: var(--clr-orange);
}

.intro-about-bold {
  font-size: inherit;
  font-weight: var(--weight-bold);
}

.about-grid-images {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, auto);
  gap: calc(28rem / 16);
}

.about-grid-images img {
  width: 100%;
  object-fit: cover;
  object-position: top;
  border-radius: 10px;
}

.about-grid-images-1 {
  grid-row: 1;
  grid-column: 1;
  height: calc(260rem / 16);
}

.about-grid-images-2 {
  grid-row: 2;
  grid-column: 1;
  height: calc(260rem / 16);
}

.about-grid-images-3 {
  grid-row: 1 / span 2;
  grid-column: 2;
  height: calc(548rem / 16);
}

.awards {
  padding: 80px 0;
}

.awards-content {
  display: flex;
  flex-direction: column;
  gap: calc(20rem / 16);
  max-width: calc(756rem / 16);
  width: 100%;
  margin: 0 auto;
}

.awards-image {
  width: 100%;
  margin: calc(30rem / 16) 0;
}

.awards-title {
  padding-top: 20px;
  font-size: var(--fs-text-6);
  line-height: 1.5;
  font-family: var(--roboto-condensed-ff);
  font-weight: var(--weight-bold);
  position: relative;
}

.awards-title::before {
  content: '';
  position: absolute;
  top: 0;
  width: 50px;
  height: 3px;
  background: var(--clr-orange);
}

.awards-heading {
  font-size: inherit;
  font-weight: var(--weight-bold);
}

.global {
  padding: 80px 16px;
  background-color: var(--clr-light-blue);
  border-radius: 30px;
}

.global-content {
  display: flex;
  flex-direction: column;
  gap: calc(30rem / 16);
}

.global-title {
  padding-top: 20px;
  font-size: var(--fs-text-4);
  line-height: 1.5;
  font-family: var(--roboto-condensed-ff);
  font-weight: var(--weight-bold);
  position: relative;
  text-align: center;
}

.global-title::before {
  content: '';
  position: absolute;
  top: 0;
  width: 50px;
  height: 3px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--clr-blue);
}

.global-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(4, auto);
  gap: calc(28rem / 16);
}

.global-grid img {
  width: 100%;
  object-fit: cover;
  object-position: top;
  border-radius: 10px;
}

.global-grid-1 {
  grid-row: 1 / span 2;
  grid-column: 1;
  height: calc(548rem / 16);
}

.global-grid-2 {
  grid-row: 1;
  grid-column: 2;
  height: calc(260rem / 16);
}

.global-grid-3 {
  grid-row: 2;
  grid-column: 2;
  height: calc(260rem / 16);
}

.global-grid-4 {
  grid-row: 3;
  grid-column: 1;
  height: calc(260rem / 16);
}

.global-grid-5 {
  grid-row: 4;
  grid-column: 1;
  height: calc(260rem / 16);
}

.global-grid-6 {
  grid-row: 3 / span 2;
  grid-column: 2;
  height: calc(548rem / 16);
}

/* ----------------About Page End--------------- */

/* ----------------Results Guarantee Page Start--------------- */
.header-results {
  background-image: url('../assets/images/hero-results.webp');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  color: var(--clr-white);
}

.hc-results {
  background-color: var(--clr-white);
  color: var(--clr-dark-blue);
}

.header-results-content {
  padding: 80px 0;
  max-width: calc(954rem / 16);
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: calc(30rem / 16);
}

.header-results-title {
  font-family: var(--roboto-condensed-ff);
  font-size: calc(50rem / 16);
  line-height: 1.5;
}

.header-results-text {
  font-size: calc(22rem / 16);
  color: var(--clr-light-blue);
  line-height: 1.5;
}

.terms {
  padding: 50px 0;
}

.terms-title {
  padding-top: 20px;
  font-size: calc(40rem / 16);
  line-height: 1.5;
  font-family: var(--roboto-condensed-ff);
  font-weight: var(--weight-bold);
  position: relative;
  text-align: center;
}

.terms-title::before {
  content: '';
  position: absolute;
  top: 0;
  width: 50px;
  height: 3px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--clr-blue);
}

.terms-desc {
  display: flex;
  flex-direction: column;
  gap: calc(12rem / 16);
  margin-top: calc(20rem / 16);
}

.terms-text {
  font-size: calc(18rem / 16);
  line-height: 1.5;
}

.terms-content {
  display: flex;
  flex-direction: column;
  gap: calc(40rem / 16);
}

.terms-item {
  display: flex;
  flex-direction: column;
  gap: calc(20rem / 16);
}

.terms-item:first-child {
  margin-top: calc(40rem / 16);
}

.terms-item-title {
  font-size: calc(28rem / 16);
}

.terms-item-desc {
  display: flex;
  flex-direction: column;
  gap: calc(12rem / 16);
}

.terms-item-text {
  font-size: calc(18rem / 16);
  line-height: 1.5;
}

.terms-underline {
  text-decoration: underline;
  text-underline-offset: 4px;
}

.terms-italic {
  font-style: italic;
  text-decoration: none;
}

.terms-italic-underline {
  font-style: italic;
  text-decoration: underline;
  text-underline-offset: 4px;
}

.terms-list {
  display: flex;
  flex-direction: column;
  gap: calc(12rem / 16);
}

.terms-list-item {
  font-size: calc(18rem / 16);
  line-height: 1.5;
  display: flex;
  align-items: baseline;
  gap: calc(10rem / 16);
}

.footer-results {
  padding: 50px 0;
  box-shadow: 0px -3px 15px rgba(0, 0, 0, 0.08);
}

/* Media Queries */
@media (max-width: 1320px) {
  .header-navbar.container {
    max-width: calc(1320rem / 16);
  }

  .header-content {
    justify-content: space-between;
    gap: calc(16rem / 16);
  }

  .header-left {
    width: calc(640rem / 16);
    padding-left: 16px;
    padding-bottom: 40px;
  }

  .header-right {
    width: calc(500rem / 16);
  }

  .header-title {
    font-size: var(--fs-text-3);
  }

  .header-text {
    font-size: var(--fs-text-9);
  }
}

@media (max-width: 1148px) {
  .steps-info {
    width: 60%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .steps-image {
    width: 40%;
  }
}

@media (max-width: 1023px) {
  .header-content {
    flex-direction: column;
  }

  .header-left {
    width: 100%;
    padding-right: 16px;
    padding-bottom: 0;
    padding-top: 20px;
  }

  .header-right {
    width: calc(600rem / 16);
    margin: 0 auto;
  }

  .header-right img {
    position: static;
  }

  .header-box {
    width: fit-content;
    margin: 0 auto;
  }

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

  .header-text {
    font-size: var(--fs-text-8);
    text-align: center;
  }

  .acquisition-cards {
    justify-content: center;
  }

  .acquisition-card {
    width: calc(280rem / 16);
    padding: 30px;
  }

  .training-cards {
    column-gap: calc(28rem / 16);
  }

  .header-about-info {
    width: 55%;
  }

  .header-about-title {
    font-size: var(--fs-text-3);
  }
}

@media (max-width: 900px) {
  .guarantee-card {
    height: calc(960rem / 16);
  }

  .guarantee-card-content {
    gap: calc(24rem / 16);
    padding: 60px;
  }

  .banner {
    padding: 30px;
  }
}

@media (max-width: 800px) {
  :root {
    --fs-text-1: calc(40rem / 16);
    --fs-text-3: calc(28rem / 16);
    --fs-text-4: calc(24rem / 16);
    --fs-text-5: calc(20rem / 16);
    --fs-text-6: calc(22rem / 16);
    --fs-text-7: calc(20rem / 16);
    --fs-text-8: calc(18rem / 16);
    --fs-text-9: calc(16rem / 16);
    --fs-text-10: calc(16rem / 16);
    --fs-text-11: calc(16rem / 16);
    --fs-text-12: calc(12rem / 16);
    --fs-text-13: calc(10rem / 16);
  }

  body {
    line-height: 1.5;
  }

  .header {
    background-image: url('../assets/images/hero-mobile.webp');
  }

  .header-navbar {
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: calc(60rem / 16);
  }

  .header-logo {
    margin: 0 auto;
  }

  .header-left {
    gap: calc(20rem / 16);
    padding-top: 8px;
  }

  .header-right {
    width: calc(330rem / 16);
  }

  .header-box {
    display: block;
  }

  .header-box-title {
    display: inline;
  }

  .header-box-text {
    display: inline;
  }

  .main-container {
    width: 100%;
    border-radius: 0;
    padding-bottom: 50px;
  }

  .featured-title {
    font-size: var(--fs-text-12);
  }

  .featured-content {
    gap: calc(20rem / 16);
    padding-bottom: 20px;
    margin-top: calc(20rem / 16);
  }

  .forbes {
    width: calc(60rem / 16);
    height: calc(16rem / 16);
  }

  .bloomberg {
    width: calc(90rem / 16);
    height: calc(17rem / 16);
  }

  .wsj {
    width: calc(140rem / 16);
    height: calc(40rem / 16);
  }

  .ft {
    width: calc(150rem / 16);
    height: calc(12rem / 16);
  }

  .entrepreneur {
    width: calc(90rem / 16);
    height: calc(18rem / 16);
  }

  .mens-health {
    width: calc(70rem / 16);
    height: calc(18rem / 16);
  }

  .wo {
    width: calc(110rem / 16);
    height: calc(27rem / 16);
  }

  .telegraph {
    width: calc(100rem / 16);
    height: calc(16rem / 16);
  }

  .princes-trust {
    width: calc(100rem / 16);
    height: calc(22rem / 16);
  }

  .cnn-money {
    width: calc(80rem / 16);
    height: calc(22rem / 16);
  }

  .the-times {
    width: calc(120rem / 16);
    height: calc(14rem / 16);
  }

  .abc-news {
    width: calc(60rem / 16);
    height: calc(21rem / 16);
  }

  .money {
    width: calc(60rem / 16);
    height: calc(16.5rem / 16);
  }

  .julius-bar {
    width: calc(70rem / 16);
    height: calc(14rem / 16);
  }

  .cnbc {
    width: calc(70rem / 16);
    height: calc(12rem / 16);
  }

  .channel-6 {
    width: calc(48rem / 16);
    height: calc(20rem / 16);
  }

  .intro {
    padding: 50px 0;
  }

  .about {
    padding: 50px 16px;
  }

  .about-images {
    gap: calc(16rem / 16);
    margin: 0;
  }

  .about-images-left {
    gap: calc(16rem / 16);
  }

  .about-link {
    margin-top: 0;
  }

  .about-video {
    padding-top: 50px;
  }

  .about-image-text {
    font-size: var(--fs-text-12);
  }

  .about-images-top,
  .about-images-bottom {
    height: calc(217rem / 16);
  }

  .about-images-middle {
    height: calc(450rem / 16);
  }

  .about-images-top img,
  .about-images-bottom img,
  .about-images-middle img {
    border-radius: 10px;
  }

  .acquisition {
    padding: 50px 0;
  }

  .acquisition-cards {
    gap: calc(16rem / 16);
    margin-top: 0;
  }

  .acquisition-card {
    padding: 30px 10px;
    gap: 20px;
    width: auto;
    flex: 1 1 calc(171rem / 16);
  }

  .training {
    padding-bottom: 50px;
  }

  .training-title {
    margin-bottom: 0;
  }

  .training-cards {
    flex-direction: column;
    margin-bottom: calc(30rem / 16);
    gap: calc(20rem / 16);
    padding-top: 30px;
  }

  .training-cards-image {
    width: 100%;
    position: relative;
  }

  .training-box-orange img {
    width: calc(100% - calc(30rem / 16));
    margin-right: auto;
    margin-left: 0;
  }

  .training-box-orange::before {
    top: -30px;
    right: 0;
    left: auto;
    width: calc(30rem / 16);
    height: calc(30rem / 16);
  }

  .training-box-blue::before {
    top: -30px;
    right: 0;
    left: auto;
    width: calc(30rem / 16);
    height: calc(30rem / 16);
  }

  .training-box-blue img {
    width: calc(100% - calc(30rem / 16));
  }

  .training-cards-info {
    width: 100%;
    order: 2;
  }

  .jeremy {
    padding: 50px 16px;
  }

  .jeremy-wrapper {
    flex-direction: column;
    gap: calc(30rem / 16);
    margin-top: 0;
  }

  .jeremy-image {
    margin: 0 auto;
  }

  .jeremy-image-text {
    font-size: var(--fs-text-9);
    margin-top: calc(10rem / 16);
  }

  .jeremy-image img {
    width: calc(202rem / 16);
    margin: 0 auto;
  }

  .jeremy-image-btn {
    font-size: var(--fs-text-9);
  }

  .jeremy-card {
    flex-direction: column;
    gap: calc(20rem / 16);
    margin-bottom: calc(30rem / 16);
  }

  .jeremy-card-info {
    width: 100%;
  }

  .jeremy-cards-title {
    margin-bottom: calc(16rem / 16);
  }

  .jeremy-card-image {
    width: 100%;
    order: 2;
  }

  .professionals {
    padding: 50px 16px;
  }

  .professionals-cards {
    gap: calc(16rem / 16);
  }

  .professionals-card-image {
    width: calc(35rem / 16);
  }

  .professionals-card {
    padding: 20px;
  }

  .guidance {
    padding: 0 16px 50px;
  }

  .guidance-item img {
    top: 0;
  }

  .sellers {
    padding: 50px 16px;
  }

  .sellers-content {
    gap: calc(20rem / 16);
  }

  .seller-item-no {
    width: calc(30rem / 16);
    height: calc(30rem / 16);
  }

  .sellers-list {
    gap: calc(20rem / 16);
  }

  .seller-link {
    margin-top: 0;
  }

  .sellers-wrapper {
    padding-top: 50px;
  }

  .sellers-image {
    margin: 0;
  }

  .sellers-list-item img {
    top: 0;
  }

  .stock {
    padding: 50px 0;
  }

  .stock-content {
    gap: calc(20rem / 16);
  }

  .stock-group {
    flex-direction: column;
    gap: calc(20rem / 16);
  }

  .stock-info {
    width: 100%;
    order: 2;
  }

  .stock-item img {
    top: 0;
  }

  .deal {
    padding-bottom: 50px;
  }

  .deal-content {
    gap: calc(20rem / 16);
  }

  .deal-videos-content {
    flex-direction: column;
    gap: calc(10rem / 16);
  }

  .deals-videos-left,
  .deals-videos-right {
    width: 100%;
  }

  .deal-item img {
    top: 0;
  }

  .jet {
    padding: 50px 16px;
  }

  .jet-content {
    gap: calc(20rem / 16);
  }

  .jet-item img {
    top: 0;
  }

  .jet-images-grid {
    gap: calc(10rem / 16);
    margin-top: calc(-10rem / 16);
  }

  .jet-image-text {
    font-size: var(--fs-text-12);
  }

  .jet-wrapper {
    gap: calc(20rem / 16);
    padding-top: 50px;
  }

  .jet-grid {
    gap: calc(10rem / 16);
  }

  .guarantee {
    padding: 30px 0;
  }

  .guarantee-card {
    height: calc(720rem / 16);
  }

  .guarantee-card-content {
    gap: calc(20rem / 16);
    padding: 40px 48px;
  }

  .guarantee-card-content > img {
    width: calc(130rem / 16);
  }

  .investment {
    padding-bottom: 50px;
  }

  .investment-content {
    gap: calc(20rem / 16);
  }

  .investment-item img {
    top: 0;
  }

  .investment-first,
  .investment-second,
  .investment-third,
  .investment-fourth {
    padding: 10px;
  }

  .investment-table:last-child .investment-third {
    font-size: var(--fs-text-13);
  }

  .banner-title {
    font-size: var(--fs-text-4);
    margin-bottom: calc(20rem / 16);
  }

  .banner-tagline {
    font-size: var(--fs-text-5);
    margin-bottom: calc(8rem / 16);
  }

  .reviews {
    padding: 50px 16px;
    margin-top: calc(50rem / 16);
  }

  .reviews-top {
    gap: calc(20rem / 16);
  }

  .reviews-content {
    gap: calc(20rem / 16);
    padding-top: 50px;
  }

  .reviews-cards {
    gap: calc(16rem / 16);
  }

  .reviews-card {
    width: 100%;
  }

  .reviews-card-body {
    padding: 16px;
    gap: calc(6rem / 16);
  }

  .reviews-card-tagline {
    font-size: calc(14rem / 16);
  }

  .faqs {
    padding: 50px 0;
  }

  .faqs-content {
    margin-top: calc(20rem / 16);
    gap: calc(20rem / 16);
  }

  .faqs-item-videos-content {
    flex-direction: column;
    gap: calc(16rem / 16);
  }

  .faqs-item-video {
    width: 100%;
  }

  .faqs-heading > img {
    width: calc(36rem / 16);
  }

  .steps-content {
    flex-direction: column;
  }

  .steps-info {
    width: 100%;
    padding: 30px;
    text-align: center;
  }

  .steps-btn {
    margin: 0 auto;
  }

  .steps-image {
    width: 100%;
  }

  .steps-image-mobile {
    display: block;
  }

  .steps-image-desktop {
    display: none;
  }

  .steps-tagline {
    margin-bottom: calc(8rem / 16);
  }

  .steps-title {
    font-size: var(--fs-text-4);
  }

  .footer-text {
    font-size: var(--fs-text-11);
  }

  .footer-link {
    font-size: var(--fs-text-11);
  }

  .header-about-content {
    flex-direction: column;
    justify-content: center;
    padding: 30px 0 50px;
  }

  .header-about-info {
    width: 100%;
    gap: calc(20rem / 16);
    text-align: center;
  }

  .header-about-title::before {
    left: 50%;
    transform: translateX(-50%);
  }

  .header-about-image {
    max-width: calc(462rem / 16);
    width: 100%;
  }

  .intro-about-content {
    gap: calc(20rem / 16);
  }

  .awards {
    padding: 50px 0;
  }

  .awards-image {
    margin: calc(20rem / 16) 0;
  }

  .global {
    padding: 50px 16px;
  }

  .global-content {
    gap: calc(20rem / 16);
  }

  .global-grid {
    gap: calc(16rem / 16);
  }

  .about-grid-images {
    gap: calc(16rem / 16);
  }

  .header-results-content {
    padding: 50px 0;
    gap: calc(20rem / 16);
  }

  .header-results-title {
    font-size: calc(30rem / 16);
  }

  .header-results-text {
    font-size: calc(17rem / 16);
  }

  .header-results-content img {
    width: calc(36rem / 16);
  }

  .terms {
    padding: 30px 0;
  }

  .terms-title {
    font-size: calc(24rem / 16);
  }

  .terms-text {
    font-size: calc(16rem / 16);
  }

  .terms-content {
    gap: calc(30rem / 16);
  }

  .terms-item:first-child {
    margin-top: calc(30rem / 16);
  }

  .terms-item {
    gap: calc(12rem / 16);
  }

  .terms-item:first-child {
    margin-top: calc(30rem / 16);
  }

  .terms-item-title {
    font-size: calc(20rem / 16);
  }

  .terms-item-text {
    font-size: calc(16rem / 16);
    line-height: 1.5;
  }

  .terms-list-item {
    font-size: calc(16rem / 16);
  }

  .footer-results {
    padding: 30px 0;
  }

  .mobile-visible {
    display: inline;
  }
}

@media (max-width: 620px) {
  .guarantee-card {
    height: calc(780rem / 16);
  }

  .guarantee-card-content {
    gap: calc(20rem / 16);
    padding: 40px;
  }

  .guarantee-card-desktop {
    display: none;
  }

  .guarantee-card-mobile {
    display: block;
  }

  .global-grid-1 {
    height: calc(238rem / 16);
  }

  .global-grid-2 {
    height: calc(111rem / 16);
  }

  .global-grid-3 {
    height: calc(111rem / 16);
  }

  .global-grid-4 {
    height: calc(111rem / 16);
  }

  .global-grid-5 {
    height: calc(111rem / 16);
  }

  .global-grid-6 {
    height: calc(238rem / 16);
  }

  .about-grid-images-1 {
    height: calc(111rem / 16);
  }

  .about-grid-images-2 {
    height: calc(111rem / 16);
  }

  .about-grid-images-3 {
    height: calc(238rem / 16);
  }
}

@media (max-width: 480px) {
  .guarantee-card {
    height: calc(900rem / 16);
  }

  .guarantee-card-content {
    padding: 40px 30px;
  }
}