:root {
  --ff-primary: "IBM Plex Sans", sans-serif;
  --color-one: white;
  --color-two: black;
}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

main {
  padding-bottom: 8rem;
}

body {
  font-family: var(--ff-primary);
  background-color: var(--color-two);
}

.maxw-900 {
  max-width: 900px;
}

/* ---------------------------------- */
/*---- FLOATING BOTTOM PRICE TAG ---- */
/* ---------------------------------- */
.floatingTop--price__wrapper {
  top: 9rem;
}
.floatingBottom--price__container {
  backdrop-filter: blur(6px);
  background-color: rgba(51, 51, 51, 0.87);
  border-top: 1px solid #fff;
  padding: 4px 16px 14px 16px;
}

.floatingBottom--price__details {
  color: var(--color-one);
}

.floatingBottom--price__details p:nth-child(1) {
  font-size: 24px;
}

.floatingBottom--price__details p:nth-child(2) {
  font-size: 16px;
}

.floatingBottom--offer__time p:nth-child(1) {
  font-size: 14px;
}

.floatingBottom--price__button button {
  background-color: #a6ef67;
  padding: 0.8rem 1.2rem !important;
  font-size: 14px;
  transition: scale 250ms ease-in-out;
}

.floatingBottom--price__button button:hover {
  background-color: #a6ef67;
  scale: 1.02;
}

/* ------------------------------- */
/*---- FLOATING TOP OFFER TAG ---- */
/* ------------------------------- */
.floatingTop--price__container {
  background-image: linear-gradient(
    rgba(150, 180, 43, 0.65),
    rgba(221, 238, 54, 0.56)
  );
  background-color: #395c51;
  margin: 20px 20px 0 20px;
  padding: 12px 20px;
  max-width: 500px;
  width: 100%;
}

.floatingTop--price__container p {
  color: var(--color-one);
  font-size: 12px;
}

.floatingTop--price__container i {
  color: var(--color-one);
}

/* ------------------------- */
/*---- REGISTER SECTION ---- */
/* ------------------------- */
.register--wrapper {
  background-image: url("../img/investment/mobile-bg-image.png");
  padding-top: 16rem;
  padding-bottom: 4rem;
  background-repeat: no-repeat;
  background-size: cover;
}

.register--container {
  padding: 0 1.5rem;
}

.register--wrapper h1 {
  color: var(--color-one);
  font-size: 32px;
}

.register--wrapper p {
  color: var(--color-one);
  font-size: 14px;
  margin-bottom: 0;
}

.register--card {
  background-color: rgb(57, 72, 45);
  padding: 18px 12px;
  border: 1px solid rgba(166, 239, 103, 0.2);
}

.register--card i {
  color: var(--color-one);
}

.register--card p {
  font-size: 12px;
}

.register--stripImage__container {
  padding: 0 1.5rem;
  margin-top: 3rem;
}

.register--stripImage__container img {
  max-width: 100%;
}

.register--now__container {
  margin-top: 1.5rem;
}

.register--now__container button {
  background-color: #a6ef67;
  padding: 12px 24px;
  max-width: 420px;
  color: var(--color-two);
  width: 100%;
}

.register--now__container p {
  margin-top: 0.5rem;
  color: var(--color-one);
}

.register--brought {
  margin-top: 2rem;
}

.register--brought p {
  font-size: 1rem !important;
}

.register--brought img {
  max-width: 330px;
}

/* -------------------- */
/*---- HOW SECTION ---- */
/* -------------------- */
.how--wrapper {
  padding: 3.5rem 1rem 1rem 1rem;
}

.common--heading__one {
  font-size: 32px;
  color: var(--color-one);
  margin-bottom: 1rem;
}

.common--heading__one span {
  color: #a6ef67;
}
.how--list__card {
  padding: 24px 18px;
  background-color: #101323;
  max-width: 940px;
}

.how--card__header h3 {
  font-size: 24px;
  color: var(--color-one);
}

.how--card__header img {
  max-width: 23px;
}

.how--list {
  margin-top: 1.5rem;
}

.how--list i,
.how--list p {
  color: var(--color-one);
}

.how--list p {
  font-size: 14px;
}

/* ------------------------- */
/*---- WORKSHOP SECTION ---- */
/* ------------------------- */
.workshop--wrapper {
  padding: 3.5rem 1rem 1rem 1rem;
}

.workshop--card__container {
  max-width: 900px;
  margin-top: 1.5rem;
}

.workshop--card {
  background-color: #101323;
}

.workshop--card__image {
  background-color: #101323;
  opacity: 0.8;
  background-image: linear-gradient(#252836 0.8px, transparent 0.8px),
    linear-gradient(to right, #252836 0.8px, #101323 0.8px);
  background-size: 16px 16px;
  padding: 1rem 0;
  border-bottom: 0.5px solid rgba(255, 255, 255, 0.1);
}

.workshop--card__image img {
  max-width: 130px;
}

.workshop--card__text {
  padding: 1.5rem;
}

.workshop--card__text h4 {
  color: var(--color-one);
  font-size: 1.25rem;
}

.workshop--card__textDesc img {
  max-width: 25px;
}

.workshop--card__textDesc p {
  color: #d0d5dd;
  font-size: 0.875rem;
}

.whoWorkshop--wrapper {
  margin-top: 4.5rem;
}

.whoWorkshop--card__container {
  max-width: 900px;
}

/* ----------------------------- */
/*---- WHO WORKSHOP SECTION ---- */
/* ----------------------------- */
.whoWorkshop--card {
  max-width: 430px;
}

.whoWorkshop--card img {
  max-width: 70px;
  width: 100%;
}

.whoWorkshop--card h3 {
  padding: 24px 0;
  color: var(--color-one);
}

.whoWorkshop--card p {
  color: var(--color-one);
  font-size: 1rem;
}

/* ---------------------  */
/* ---- WHY SECTION ---- */
/* ---------------------  */
.why--wrapper {
  padding: 4.5rem 1rem 1rem 1rem;
}

.why--container {
  max-width: 900px;
}

.why--text {
  font-size: 14px;
  color: var(--color-one);
}

.why--text01 {
  font-size: 14px;
  color: var(--color-one);
}

.why--text span {
  color: #a6ef67;
}

.why--stats__card {
  background-color: #101323;
  padding: 38px 24px;
  color: var(--color-one);
}

.stats--bigText {
  color: #a6ef67;
  font-size: 32px;
}

.stats--smallText {
  font-size: 14px;
}

.why--stats__linkedIn {
  background-color: #101323;
  padding: 16px 0 16px 16px;
}

.why--stats__linkedIn i {
  font-size: 3rem;
  color: var(--color-one);
}

.why--stats__linkedIn .smallText {
  color: var(--color-one);
  font-size: 16px;
}

.why--stats__linkedIn .bigText {
  color: var(--color-one);
  font-size: 20px;
}

.why--backed__container {
  margin-top: 4rem;
}

.backed--investors img {
  max-width: 100%;
}

/* ------------------------ */
/* ---- MENTOR SECTION ---- */
/* ------------------------ */
.mentor--wrapper {
  padding: 4.5rem 1rem 1rem 1rem;
}

.mentor--container {
  max-width: 900px;
}

.mentor--image {
  background-color: rgba(128, 128, 128, 0.5);
  aspect-ratio: 1/1;
}

.mentor--details {
  bottom: 20px;
  left: 20px;
}

.mentor--name {
  font-size: 18px;
  color: var(--color-one);
}

.mentor--company {
  font-size: 1rem;
  color: var(--color-one);
}

.mentor--texts {
  font-size: 14px;
  color: var(--color-one);
}

.mentor--company__logo {
  background-color: #101323;
  padding: 1rem;
  /* max-width: ; */
  border-radius: 4px;
}

/* ----------------------------------- */
/* ---- BEST TIME TO JOIN SECTION ---- */
/* ----------------------------------- */
.bestTime--wrapper {
  padding: 4.5rem 1.5rem 1.5rem 1rem;
}
.bestTime--container {
  max-width: 900px;
}
.bestTime--images__container {
  gap: 40px;
  margin-top: 2rem;
}

/* --------------------------- */
/* ---- GIVE AWAY SECTION ---- */
/* --------------------------- */
.giveaway--wrapper {
  padding: 4.5rem 1.5rem 1rem 1.5rem;
}
.giveaway--container {
  max-width: 900px;
}
.common--heading__two {
  font-size: 32px;
  color: var(--color-one);
  margin-bottom: 1rem;
}

.common--heading__two span {
  color: rgb(53, 231, 190);
}

.giveaway--text {
  color: rgb(128, 128, 128);
  margin-bottom: 32px;
}

.giveaway--card {
  background-image: url("../img/investment/bg-arrow.svg");
  background-position: top right;
  background-repeat: no-repeat;
  padding: 32px 24px;
}

.giveaway--card__number {
  color: rgb(166, 239, 103);
  font-size: 64px;
  font-family: var(--ff-primary);
  margin-bottom: 32px;
}

.giveaway--card__text {
  font-size: 20px;
  color: var(--color-one);
}

/* ----------------------------- */
/* ---- CERTIFICATE SECTION ---- */
/* ----------------------------- */
.certificate--wrapper {
  padding: 4.5rem 1.5rem 1rem 1.5rem;
}

.certificate--text {
  color: var(--color-one);
  margin-bottom: 32px;
}

.certificate--svg {
  background-color: #a6ef67;
  max-width: 85px;
  padding: 6px 24px;
  margin-bottom: 20px;
}

.certifcate--details__container {
  margin-top: 3.5rem;
}

.certificate--details {
  gap: 60px;
}

.certifcate--details__heading {
  color: var(--color-one);
  font-size: 20px;
}

.certifcate--details__text {
  color: var(--color-one);
}

/* ---------------------------- */
/* ---- ENROLL NOW SECTION ---- */
/* ---------------------------- */
.enroll--wrapper {
  padding: 4.5rem 1.5rem 1rem 1.5rem;
}

.enroll--price__card {
  padding: 14px;
}

.enroll--pricingDetails__container {
  margin-bottom: 6rem;
}

.enroll--priceCard__heading {
  font-size: 28px;
  color: var(--color-one);
}

.enroll--priceCard__price {
  font-size: 46px;
  color: #a6ef67;
}

.enroll--priceCard__price span {
  font-size: 34px;
  color: var(--color-one);
}

.enroll--list {
  color: var(--color-one);
  margin-bottom: 0.8rem;
}

.enroll--list p {
  font-size: 14px;
}

.enroll--detail__heading {
  font-size: 28px;
  margin-bottom: 0.9rem;
  color: var(--color-one);
}

.enroll--detail__list {
  margin-bottom: 0.8rem;
  color: var(--color-one);
  /* font-size: 12px; */
}

.enroll--detail__list p {
  font-size: 12px;
}

/* ---------------------------- */
/* ---- FAQ SECTION ---- */
/* ---------------------------- */
.faq--wrapper {
  padding: 4.5rem 1.5rem 1rem 1.5rem;
}

.accordion--container {
  padding-top: 2rem;
}

.accordion-item {
  background-color: transparent !important;
  border: 0 !important;
}

.accordion-header {
  background-color: transparent !important;
}

.accordion-button {
  background-color: transparent !important;
  color: var(--color-one);
  border-bottom: none;
  box-shadow: none !important;
}

.accordion-button.collapsed::after {
  background-image: url("../img/investment/arrow-down-icon.png");
}

.accordion-button:not(.collapsed)::after {
  background-image: url("../img/investment/arrow-down-icon.png");
}

.accordion-button:not(.collapsed) {
  color: #a6ef67;
  border-bottom: 1px solid #a6ef67;
}

.accordion-body {
  color: white;
}

@media (min-width: 768px) {
  /*---- FLOATING TOP PRICE TAG ---- */
  .floatingBottom--price__container {
    padding: 12px 24px 12px 24px;
  }
  .floatingBottom--price__details p:nth-child(1) {
    font-size: 32px;
  }

  .floatingBottom--price__details p:nth-child(2) {
    font-size: 20px;
  }
  .floatingBottom--offer__time p:nth-child(1) {
    font-size: 20px;
  }

  .floatingBottom--price__button button {
    padding: 1.2rem 2rem !important;
    font-size: 20px;
  }

  /* ------------------------- */
  /*---- REGISTER SECTION ---- */
  /* ------------------------- */
  .register--wrapper {
    background-image: unset;
    padding-top: 16rem;
  }

  .register--wrapper h1 {
    font-size: 3rem;
    margin-bottom: 40px;
  }

  .register--wrapper p {
    font-size: 20px;
    margin-bottom: 40px;
  }

  .register--card {
    padding: 8px 12px;
  }

  .register--card p {
    font-size: 16px;
  }

  .register--stripImage__container {
    padding: 0 1rem;
    margin-top: 4rem;
    background-image: url("../img/investment/bg-strip.svg");
    background-repeat: no-repeat;
    background-size: cover;
  }

  .register--image img {
    transform: translate(5%, 0);
  }

  .register--now__container button {
    font-size: 24px;
  }

  .common--heading__one {
    font-size: 48px;
    text-align: center;
  }

  .how--list__card {
    padding: 32px 27px;
  }

  .how--card__header h3 {
    font-size: 32px;
  }

  .how--list p {
    font-size: 18px;
  }

  .workshop--wrapper {
    padding: 5rem 1rem 2rem 1rem;
  }

  .workshop--card__container {
    margin-top: 2.5rem;
  }

  .workshop--card__text h4 {
    font-size: 24px;
    margin-bottom: 24px;
  }

  .workshop--card__textDesc p {
    font-size: 1rem;
  }

  .why--text {
    font-size: 32px;
  }

  .why--stats__left {
    padding-right: 2rem;
  }

  .why--backed__container {
    padding-left: 2rem;
  }

  /* MENTOR CARD */
  .mentor--card {
    margin-top: 4rem;
  }

  .mentor--image {
    aspect-ratio: 9/10;
  }

  .mentor--texts {
    font-size: 20px;
  }

  .bestTime--images__container {
    gap: 80px;
    margin-top: 3rem;
  }

  .giveaway--cards__container {
    margin-top: 3.5rem;
  }

  .enroll--pricingDetails__container {
    margin-top: 4rem;
  }

  .enroll--price__card {
    font-size: 16px;
  }

  .enroll--priceCard__heading {
    font-size: 28px;
  }

  .enroll--detail__heading {
    font-size: 32px;
  }

  .enroll--list p {
    font-size: 16px;
  }

  .enroll--detail__list p {
    font-size: 14px;
  }

  .accordion--container {
    padding-top: 3rem;
  }
}

@media (min-width: 992px) {
  .floatingBottom--price__button button {
    padding: 1.2rem 4rem !important;
  }

  .why--stats__left {
    padding-right: 4rem;
  }

  .why--backed__container {
    padding-left: 4rem;
  }

  .certifcate--details__heading {
    font-size: 24px;
    margin-bottom: 1rem;
  }
}

@media (min-width: 1200px) {
  .floatingBottom--price__button button {
    padding: 1.2rem 6rem !important;
  }
}

@media (min-width: 1450px) {
  .register--image img {
    transform: translate(0%, 0);
  }
}