* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Noto Sans SC" !important;
}

/* About Hero Section*/
.about__hero {
  text-align: center;
  padding: 13% 4% 4% 4%;
  height: fit-content;
}

.about-hero__text {
  text-align: center;
}

.about-hero__text p:first-child {
  margin-bottom: 1.5%;
  color: var(--blue);
  line-height: 1.2;
  font-size: var(--text-xl);
  font-weight: var(--font-medium);
}

.about-hero__text p:nth-child(2) {
  margin-bottom: 2%;
  color: var(--black);
  font-size: var(--text-3xl);
  font-weight: var(--font-bold);
}

.about-hero__text p:last-child {
  color: var(--gray);
  margin: 0 auto;
  width: 85%;
  line-height: 25px;
  font-size: var(--text-lg);
  font-weight: var(--font-light);
  line-height: 1.8;
}

.about-hero__img img {
  width: 60%;
  height: auto;
  max-width: 100%;
  margin: 0 auto;
  margin-top: 5%;
}

/* Data driven */
.about-data-driven__text {
  text-align: center;
  margin: 2% auto 4% auto;
  width: 100%;
  display: flex;
  justify-content: center;
}

.about-data-driven__text p {
  color: var(--dark-gray);
  font-size: var(--text-2xl);
  font-weight: var(--font-bold);
  line-height: 1.2;
  margin-bottom: 1%;
  text-align: center;
  width: 66%;
  justify-self: center;
}

.about__calculation {
  background-color: var(--white);
  border: 2px solid var(--border-blue);
  text-align: center;
  padding: 1.8%;
  border-radius: 20px;
  width: 100%;
}

.about__calcultion-content {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2%;
  margin: 0 auto;
}

.about__calculation h2 {
  color: var(--main);
  font-size: var(--text-2xl);
  font-weight: var(--font-bold);
  margin-bottom: 0.5%;
}

.about__calculation p {
  font-size: var(--text-lg);
  font-weight: var(--font-regular);
  color: var(--dark);
  line-height: 25px;
}

/* Qoutes */
.about-quote {
  background-color: var(--white);
  padding: 4% 0;
  position: relative;
}

.about-quote__content {
  display: flex;
  flex-direction: column;
  padding: 0;
  position: relative;
  z-index: 1;
}

.about-quote__content h2 {
  font-size: var(--text-2xl);
  font-weight: var(--font-light);
  color: var(--dark-gray);
  margin: 5% 0 1%;
  line-height: 1.6;
  width: 100%;
  text-align: center;
}

.about-quote__content h2 span {
  background-color: rgba(34, 109, 255, 0.2);
  padding: 0 0.5%;
}

.about-quote__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 14%;
  z-index: 0;
}

.about-quote__image img {
  width: 100%;
  height: auto;
}

.about-quote__author {
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.5%;
  margin-top: 1.5%;
}

.about-quote__author h3 {
  font-size: var(--text-xl);
  font-weight: var(--font-bold);
  color: var(--purple);
  margin-bottom: 1%;
}

.about-quote__author p {
  font-size: var(--text-base);
  font-weight: var(--font-light);
  color: var(--dark-gray);
  line-height: 1.5;
}

/* Akila Platform */
.akila-platform__contents {
  margin-left: 3.6%;
  display: flex;
  gap: 3%;
  position: relative;
}

.akila-platform__wrapper {
    margin: 3% 0 0 0;
    display: grid;
    grid-template-columns: 50% 1fr;
    gap: 3.5%;
    position: relative;
}

.akila-platform__bg {
  height: 94%;
  background-image: var(--bg-gradient);
  position: absolute;
  top: 0;
  right: 0;
  width: 97%;
  border-radius: 20px;
  z-index: -1;
  opacity: 0.65;
}

.akila-platform__lists img {
  width: 4.5%;
}

.akila-platform__img {
  width: 100%;
}

.akila-platform__img img {
  width: 100%;
  height: auto;
}

.akila-platform__text {
  margin: 3% 0 0 0;
  width: 98%;
}

.akila-platform__text h2 {
  font-size: var(--text-xl);
  font-weight: var(--font-medium);
  color: var(--blue);
  line-height: 2.5;
  margin: 0 0 1% 0;
}

.akila-platform__sub-title {
  font-size: var(--text-2xl);
  color: var(--dark-gray);
  font-weight: var(--font-bold);
  width: 80%;
  margin: 0 0 5% 0;
}

.akila-platform__check {
  display: flex;
  align-items: center;
  gap: 2%;
  margin: 0 0 3% 0;
}

.akila-platform__check p {
  font-size: var(--text-lg);
  color: var(--dark-gray);
  font-weight: var(--font-light);
}

/* Partnership */
.partnerships__aka--container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
}

.partner__tabs__wrapper {
  position: relative;
  margin-top: 10%;
  z-index: 10;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.partner__tabs {
  display: flex;
  width: max-content;
}

.partner__tab {
  padding: 3.5% 15%;
  background-image: var(--white);
  border-bottom: none;
  border-radius: 20px 20px 0 0;
  font-size: var(--text-md);
  font-weight: var(--font-bold);
  color: var(--dark-gray);
  cursor: pointer;
  position: relative;
  z-index: 1;
  white-space: nowrap;
  flex-shrink: 0;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid transparent;
  border-bottom: 2px solid transparent;
}

.partner__tab.active {
  background-image: var(--bg-gradient);
  color: var(--black);
  border-color: var(--purple);
  border-top: 2px solid var(--purple);
  border-left: 2px solid var(--purple);
  border-right: 2px solid var(--purple);
  border-bottom: 2px solid var(--white);
  z-index: 20;
  transform: translateY(0); 
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.partner__content__wrapper {
  background-color: white;
  padding: 3% 0;
  border-top: 2px solid var(--purple);
  position: relative;
  z-index: 3;
  margin-top: -2px;
}

.partner__content {
  display: none;
}

.partner__content__details {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, -1.667rem + 6.597vw, 6.25rem);
}

.section__header {
    width: 40%;
}

.partner__content.active {
  display: block;
  animation: fadeIn 0.4s ease;
}


.section__title {
  font-size: var(--text-xl);
  font-weight: var(--font-medium);
  margin-bottom: 4%;
  color: var(--purple);
}

.section__description {
  font-size: var(--text-2xl);
  font-weight: var(--font-bold);
  color: var(--black);
  max-width: 700px;
}

.content__description {
  font-size: var(--text-base);
  font-weight: var(--font-light);
  line-height: 1.8;
  color: var(--gray);
  margin: 3% 0;
  max-width: 100%;
}

.partner__logos {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: center;
  gap: 0.5vw;
  width: 60%;
}

.partner__logos img {
width: 80%;
}

.partner__logo {
  object-fit: contain;
  margin: 0 auto;
}

.partner__content__wrapper > .partner__content:nth-child(2) > .partner__content__details > .partner__logos {
    grid-template-columns: repeat(3, 1fr);
    align-self: start;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.fade-in-element {
  animation: fadeIn 0.4s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

/* Hide scrollbar but keep functionality */
.partner__tabs__wrapper::-webkit-scrollbar {
  display: none;
}

.partner__tabs__wrapper {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Where we are slider */
.we-are__wrapper {
  background-image: var(--bg-gradient);
  padding: 5%;
  border-radius: 20px;
  width: 100%;
  display: flex;
  gap: 4%;
  margin-top: 6%;
}


.we-are__image__slider {
  width: 50%;
  margin: 0 auto;
  position: relative;
  padding-bottom: 40px;
}

.we-are__image__slider img {
  width: 100%;
  border-radius: 20px;
  object-fit: cover;
}

.swiper {
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 0;
}

.we-are-text__content h2 {
  font-size: var(--text-lg);
  font-weight: var(--font-medium);
  margin-bottom: 2%;
  color: var(--main);
}

.we-are-text__slide {
  display: none;
}

.we-are-text__slide.active {
  display: block;
}

.we-are-text__slide p {
  font-size: var(--text-md);
  font-weight: var(--font-light);
  color: var(--dark);
  line-height: 2.1;
  width: 90%;
}

.we-are-tech__believers {
  font-size: var(--text-2xl);
  font-weight: var(--font-bold);
  margin: 3% 0;
  color: var(--dark-gray);
  width: 90%;
}

.we-are-text__content p {
  font-size: var(--text-sm);
  font-weight: var(--font-light);
  line-height: 1.6;
  margin-bottom: 1.5%;
  color: var(--dark);
  width: 100%;
}

.we-are__pagination {
  position: absolute;
  bottom: -4px !important;
  left: 0;
  right: 0;
  margin-top: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
}

.swiper-pagination-bullet {
  width: 13px !important;
  height: 13px !important;
  background-color: var(--white);
  opacity: 0.5;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.3s ease
}

.swiper-pagination-bullet-active {
  background-color: var(--main);
  opacity: 1;
  transform: scale(1.2);
}

/* Where we are */
.where-we-are__section {
  margin: 7% 0;
}

.where-we-are__title {
  font-size: var(--text-xl);
  font-weight: var(--font-medium);
  color: var(--blue);
  margin-bottom: 1%;
}

.where-we-are__text {
  display: grid;
  grid-template-columns: 39.5% 1fr;
  margin: 0 auto 6%;
  gap: 2vw;
}

.where-we-are__text p:first-child {
  font-size: var(--text-2xl);
  color: var(--dark);
  font-weight: var(--font-bold);
  line-height: 1.2;
  width: 88%;
}

.where-we-are__text p:last-child {
  font-size: var(--text-base);
  color: var(--gray);
  font-weight: var(--font-light);
  width: 100%;
  line-height: 1.6;
}

.where-we-are__lists {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2vw;
}

.where-we-are__location {
  background-color: var(--white);
  padding:6%;
  border-radius: 10px;
  border: 2px solid var(--border-blue);
  width: 100%;
}

.where-we-are__location h2 {
  font-size: var(--text-xl-2);
  font-weight: var(--font-semibold);
  color: var(--dark-gray);
  margin-bottom: 4%;
}

.where-we-are__location p {
    font-size: var(--text-sm);
    font-weight: var(--font-light);
    color: var(--dark);
    line-height: 1.2;
    height: calc(clamp(14px, 1vw, 18px) * 1.2 * 3);
    min-height: calc(clamp(14px, 1vw, 18px) * 1.2 * 3);
    width: 85%;
}

/* Videos */
.videos__text {
  text-align: center;
}

.videos__text p:first-child {
  font-size: var(--text-xl);
  font-weight: var(--font-medium);
  color: var(--blue);
  margin-bottom: 1%;
}

.videos__text p:nth-child(2) {
  font-size: var(--text-3xl);
  font-weight: var(--font-bold);
  color: #111b3d;
  margin: 2% 0;
}

.videos__text p:last-child {
  font-size: var(--text-md);
  font-weight: var(--font-light);
  color: #727272;
  width: 82%;
  margin: 0 auto 2%;
  line-height: 1.8;
}

.videos__aka--container-sm img {
  border-radius: 20px;
  width: 100%;
}

/* CTA send Email */
.cta__send__email_about {
  background-image: var(--white);
  padding: 5% 0 0 0;
}

.cta__send__email__top__about {
  padding: 6%;
  background-color: var(--dark);
  border-radius: 15px;
  margin: 0 auto;
  gap: 2%;
}

.cta__send__email__top__about img {
  width: 100% !important;
  height: fit-content !important;
  position: relative !important;
  object-fit: cover;
  background-repeat: no-repeat;
  border-radius: 15px;
  margin-bottom: clamp(1.875rem, 0.625rem + 2.604vw, 3.75rem);
}

.cta__send__email__top__wrapper {
  display: flex;
}

.cta__send__email__wrapper__btn {
  display: flex;
  align-items: center;
  gap: 3%;
  justify-content: space-between;
}

.cta__send__email__wrapper__btn,
.primary-button--base {
  width: 100%;
}

button.primary-button--base {
  width: 20%;
}

.cta__send__email__image__about,
.cta__send__email__top__content__about {
  width: 50%;
}


.cta__send__email__heading__about h2 {
  font-size: var(--text-3xl);
  font-weight: var(--font-bold);
  color: var(--white);
  width: 90%;
}

.cta__send__email__heading__about p {
  font-size: var(--text-base);
  font-weight: var(--font-light);
  color: var(--white);
  margin: 6% 0;
  line-height: 1.8;
  width: 83%;
}

/*.cta__send__email__form__about {*/
/*  display: flex;*/
/*  border: 1px solid var(--white);*/
/*  border-radius: 12px;*/
/*  width: 40%;*/
/*}*/

/*.cta__send__email__form__about input {*/
/*  padding: 0 0 0 3%;*/
/*  border: none;*/
/*  border-top-left-radius: 10px;*/
/*  border-bottom-left-radius: 10px;*/
/*  width: 80%;*/
/*  background-color: var(--dark);*/
/*  color: rgba(255, 255, 255, 0.3);*/
/*  font-size: var(--text-base);*/
/*  font-weight: var(--font-regular);*/

/*}*/

/*.cta__send__email__form__about input::placeholder {*/
/*  font-size: var(--text-sm);*/
/*  font-weight: var(--font-regular);*/
/*  color: rgba(255, 255, 255, 0.3);*/
/*}*/

/*.cta__send__email__form__about button {*/
/*  cursor: pointer;*/
/*  font-size: var(--text-base);*/
/*  font-weight: var(--font-regular);*/
/*  width: 50%;*/
/*  border: none;*/
/*}*/

/*.cta__send__email__image__about {*/
/*  display: flex;*/
/*  flex-direction: column;*/
/*  align-items: center;*/
/*  width: 100%;*/
/*}*/


  .primary-button--base__mobile {
    display: none;
  }

    button.primary-button--base {
    display: block;
  }

button.cta__send__email__button.primary-button--base {
  width: 20%;
}



/* Tablet */
@media (max-width: 1024px) {

  /* About Hero */
  .about__hero {
    padding: 13% 4% 2% 4%;
  }

  .about-hero__text p:first-child {
    margin-bottom: 1%;
    font-size: var(--text-md);
  }

  .about-hero__text p:nth-child(2) {  
    margin: 2% 0;
    font-size: var(--text-2xl);
  }

  .about-hero__text p:last-child {
    width: 64%;
    font-size: var(--text-base);
  }

  .about-hero__img img {
    height: auto;
  }

  /* Data Driven */
  .about-data-driven__text {
    margin: 2% auto 2% auto;
  }

  .about-data-driven__text p {
    width: 84%;
    margin-bottom: 6%;
  }

  /* Calculation */

  .about__calculation {
    padding: 2%;
  }

  .about__calculation h2 {
    font-size: var(--text-2xl);
  }

  .about__calculation p {
    font-size: var(--text-md);
  }

  /* Qoutes */
  .about-quote__image {
    position: absolute;
    top: 0;
    left: -1%;
    width: 14%;
    z-index: 0;
  }

  .about-quote__content h2 {
    margin: 2% 0 0;
    font-size: var(--text-2xl);
    line-height: 30px;
  }

  .about-quote__author {
    margin-top: 2%;
  }

  /* Akila Platform */
  .akila-platform__bg {
    height: 100%;
  }

  .akila-platform__sub-title {
    font-size: var(--text-2xl);
    width: 96%;
    margin: 0 0 5% 0;
  }

  .akila-platform__check img {
    width: 5%;
  }

  .akila-platform__check p {
    font-size: var(--text-md);
  }

  /* Partnership */

  .partner__tab {
    padding: 3% 3.5%;
  }

  .partner__content__wrapper {
    padding: 2% 0;
  }

  .content__description {
    margin: 4% 0;
  }

  .partner__logos {
    grid-template-columns: repeat(4, 1fr);
  }




  /* We are slider */

  .we-are__wrapper {
    padding: 4%;
  }

  .we-are-text__content h2 {
    font-size: var(--text-md);
  }

  .we-are-text__content p {
    width: 98%;
  }


  /* Where We Are */
  .where-we-are__section {
    margin: 5% 0;
  }

  .where-we-are__text {
    margin: 0 auto 3%;
  }

  .where-we-are__text p:first-child {
    font-size: var(--text-2xl);
  }

  .where-we-are__text p:last-child {
    font-size: var(--text-base);
    line-height: 1.5;
  }

  .where-we-are__location {
    padding: 5%;
  }

  .where-we-are__location h2 {
    font-size: var(--text-xl);
  }

  .where-we-are__location p {
    font-size: var(--text-base);
    font-weight: var(--font-light);
    color: var(--dark);
    line-height: 1.5;
    height: auto;
    min-height: auto;
    width: 90%;
  }

  /* Videos */
  .videos__text p:first-child  {
    font-size: var(--text-lg);
  } 
  .videos__text p:last-child {
    width: 74%;
    margin: 0 auto 4%;
    font-size: var(--text-base);
  }

  .videos__text p:nth-child(2) {
    font-size: var(--text-2xl);
  }

  /* CTA EMAIL */
  .cta__send__email__top__about {
    padding: 6%;
  }

  .cta__send__email_about {
    padding: 0;
  }

  .cta__send__email__heading__about h2 {
    font-size: var(--text-2xl);
    margin-bottom: 2%;
    width: 70%;
  }

  .cta__send__email__heading__about p {
    font-size: var(--text-base);
    width: 85%;
    margin: 12% 0;
  }

  .cta__send__email__top__wrapper {
    gap: 5%;
    margin-bottom: 3%;
  }

  .cta__send__email__top__about img {
    width: 100% !important;
    margin-left: 0;
  }

  .cta__send__email__form__about {
    width: 100%;
    border-radius: 5px;
  }

  .cta__send__email__form__about input {
    padding: 3%;
  }
}

/* Mobile */
@media (max-width: 640px) {

  /* About Hero */
  .about__hero {
    padding: 0;
  }

  .about-hero__text {
    padding: 30% 3% 0 3%;
  }

  .about-hero__text p:first-child {
    margin-bottom: 1%;
  }

  .about-hero__text p:first-child {
    font-size: var(--text-md);
  }

  .about-hero__text p:nth-child(2) {
    font-size: var(--text-3xl);
    width: 70%;
    margin: 5% auto;
  }

  .about-hero__text p:last-child {
    width: 70%;
    line-height: 1.6;
    font-size: var(--text-base);
    font-weight: var(--font-light);
    margin: 3% auto;
  }

  .about-hero__img img {
    width: 100%;
    height: auto;
    margin: 10% 0;
  }

  /* Data Driven */
  .about-data-driven__text {
    margin: 2% auto 2% auto;
  }

  .about-data-driven__text p {
    line-height: 1.2;
    font-size: var(--text-xl);
    width: 80%;
  }

  .about__calculation {
    padding: 2%;
  }

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

  .about__calculation h2 {
    font-size: var(--text-3xl);
    margin-bottom: 0.7%;
  }

  .about__calculation p {
    font-size: var(--text-md);
  }

  .about__calcultion-content {
    gap: 1rem;
  }

  /* Quotes */
  .about-quote__image {
    width: 30%;
    left: -8%;
  }

  .about-quote__content h2 {
    font-size: var(--text-3xl);
    font-weight: var(--font-regular);
    color: var(--dark-gray);
    margin: 13% 0;
    padding-left: 0;
    line-height: 1.3;
    width: 97%;
  }

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

  .about-quote__author h3 {
    font-size: var(--text-md);
    font-weight: var(--font-bold);
  }

  .about-quote__author p {
    font-size: var(--text-base);
    font-weight: var(--font-light);
    color: var(--dark);
    margin: 3% 0;
  }

  /* Akila Platform */
  .akila-platform__contents {
    flex-direction: column;
    align-items: center;
    margin-left: 0;
  }

  .akila-platform__wrapper {
    flex-direction: column;
    display: flex;
    margin: 1.5% 0 0 0;
  }

  .akila-platform__bg {
    width: 100%;
    height: 100%;
  }

  .akila-platform__text {
    margin: 8% 0 3% 6%;
    width: 95%;
  }

  .akila-platform__text h2 {
    font-size: var(--text-md);
  }

  .akila-platform__sub-title {
    font-size: var(--text-xl);
    width: 80%;
  }

  .akila-platform__check img {
    width: 7%;
    height: 100%;
  }

  .akila-platform__check p {
    font-size: var(--text-base);
  }

  /* Partnership */
  .partner__logos {
    grid-template-columns: repeat(3, 1fr);
  }

  .partner__tab {
    padding: 4% 20%;
  }

  .partner__logos img {
    width: 80%;
   }

  .section__header {
    width: 100%;
  }

  .section__title {
    font-size: var(--text-md);
    margin-top: 3%;
  }

  .section__description {
    font-size: var(--text-lg);
  }

  .partner__content__details {
    flex-direction: column;
    gap: 3%;
  }

  .section__header {
    margin-bottom: 0;
  }


  /* Where we are Slider */
  .where-we-are__wrapper {
    padding: 2% 0;
    border-radius: 20px;
    width: 100%;
  }

    .we-are-text__content h2 {
    font-size: var(--text-md);
  }

  .we-are-tech__believers {
    font-size: var(--text-lg);
    width: 100%;
  }

  .we-are-text__content p {
    font-size: var(--text-base);
    width: 95%;
    margin: 5% 0;
  }

  /* Where we are */
  .where-we-are__section {
    margin: 8% 0;
  }

  .where-we-are__title {
    font-size: var(--text-md);
    margin-bottom: 3%;
  }

  .where-we-are__text {
    grid-template-columns: none;
    margin: 0 auto 7%;
  }

  .where-we-are__text p:first-child {
    font-size: var(--text-xl);
    line-height: 1;
    width: 100%;
    margin: 5% 0;
  }

  .where-we-are__text p:last-child {
    font-size: var(--text-base);
    line-height: 1.5;
  }

  .where-we-are__lists {
    grid-template-columns: repeat(1, 1fr);
    gap: 6vw;
  }

  .where-we-are__location {
    width: 100%;
    padding: 5%;
  }

  .where-we-are__location h2 {
    font-size: clamp(17.5px, 1.953vw - 2.50px, 35px);
  }

  .where-we-are__location p {
    font-size: var(--text-base);
    line-height: 1.3;
  }

  /* Where we are slider */
  .we-are__wrapper {
    flex-direction: column-reverse;
    padding: 8%;
  }

  .we-are__image__slider {
    width: 100%;
  }

  /* Videos */
  .videos__text {
    text-align: start;
  }

  .videos__text p:first-child {
    font-size: var(--text-md);
    margin-bottom: 2%;
  }

  .videos__text p:nth-child(2) {
    font-size: var(--text-xl);
    width: 90%;
    margin: 3% 0;
  }

  .videos__text p:last-child {
    font-size: var(--text-base);
    width: 85%;
    margin: 0 0 3%;
    line-height: 1.3;
  }
/* CTA SEND EMAIL */
    .cta__send__email__image__about,
    .cta__send__email__top__content__about {
      width: 100%;
    }

  .cta__send__email__heading__about h2 {
    font-size: var(--text-xl);
    width: 78%;
  }

  .cta__send__email__top__wrapper {
    flex-direction: column;
    gap: 30px;
  }

  .cta__send__email__form__about {
    width: 100%;
  }

  .cta__send__email__top__about img {
    width: 100% !important;
    margin-left: 0;
    margin-bottom: 30px;
  }

  .cta__send__email__heading__about p {
    margin-bottom: 5%;
    width: 90%;
    margin: 5% 0;
  }

  .primary-button--base__mobile {
    display: block;
    margin-bottom: 10%;
  }

  button.primary-button--base {
    display: none;
  }

}