
html {
  scroll-behavior: smooth;
}

* {
  margin: 0;
  color: "#0A090B";
  font-weight: 700;
  box-sizing: border-box;
  font-family: "gt-maru" !important;
}

body {
  width: 100vw;
  /* background-color: linear-gradient(to top, black, transparent); */
  overflow-x: hidden;
  background-color: var(--blue-200);
}

h2 {
  padding-top: .5rem
}

/* Loader */

.loader {
  height: 100vh;
  width: 100vw;
  background-color: black;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1001;
  position: fixed;
  top: 0;
  left: 0;
}

/* Section Layout */

.section {
  gap: 0.25rem;
  display: flex;
  width: 100vw;
  padding: 0 10px 2rem 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 850px) {
  .section {
    padding: 2rem;
  }
}

/* Poster */

video[poster] {
  object-fit: cover;
}

/* ANTD Modal */

.ant-modal-root .ant-modal-centered .ant-modal {
  width: -webkit-max-content !important;
  width: max-content !important;
}

.qrmodal .ant-modal-content {
  width: -webkit-max-content;
  width: max-content;
  padding: 2.5rem 1rem;
  border-radius: 1.25rem;
  background: linear-gradient(0deg, #8dcfa3 0%, #e1f5a2 100%);
}

.qrmodal .ant-modal-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: -webkit-max-content;
  width: max-content;
}

@media screen and (max-width: 1900px) {
  .qrmodal .ant-modal-content {
    scale: 0.9;
  }
}

@media screen and (max-width: 1500px) {
  .qrmodal .ant-modal-content {
    scale: 0.8;
  }
}

@media screen and (max-width: 500px) {
  .qrmodal .ant-modal-content {
    scale: 0.6;
  }
}

/* ANTD Card */

.ant-card .ant-card-head {
  border-bottom: none;
}

.ant-card .ant-card-head-wrapper {
  padding-top: 10px;
  align-items: flex-start;
}

.ant-card .ant-card-extra {
  scale: 1.2;
}

/* ANTD Collapse */

.ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content {
  border-top: 1px solid #cdcdcd;
}

.ant-list-split .ant-list-item {
  border: 0;
}

@media screen and (max-width: 450px) {
  .ant-collapse .ant-collapse-content > .ant-collapse-content-box {
    padding: 0;
  }
}

/* Hide/Display sections conditionally */

.mobileView {
  display: none;
}

.desktopView {
  display: flex;
}

@media screen and (max-width: 850px) {
	.desktopView {
    display: none;
  }
  .mobileView {
    display: flex;
  }
}
:root {
  --white-100: rgba(255, 255, 255, 0.3);
  --white-200: rgba(255, 255, 255, 0.5);
  --white-300: rgba(255, 255, 255, 0.7);
  --white-400: rgba(255, 255, 255, 1);
  --grey-100: #b0b0b0;
  --grey-200: #878787;
  --grey-300: #62666a;
  --grey-400: #3f4246;
  --black-100: #303134;
  --black: #0a090b;
  --green-100: #dcfbf3;
  --green-200: #b2f6e5;
  --yellow-100: #eafdac;
  --blue-100: #d9eefb;
  --blue-200: #c8e6f9;
  --blue-300: #1576b8;
  --blue-400: #0e5a8a;

  --gradient-color-1: rgba(65, 174, 249, 1);
  --gradient-color-2: rgba(168, 148, 219, 1);
}

.styles-module--wrapper--6985c {
  top: 0;
  left: 0;
  position: fixed;
  min-width: 100vw;
  padding: 20px 5rem;
  background-color: var(--white-100);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  z-index: 100;
}

.styles-module--mob--545e3 {
  display: none;
}

.styles-module--flex--a1bc7 {
  gap: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.styles-module--column--351c7 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
}

.styles-module--center--8928e {
  justify-content: center;
  align-items: center;
}

.styles-module--doge--ed0dc {
  width: 50px !important;
  height: 50px !important;
}

.styles-module--gap--f57b0 {
  gap: 16px;
}

.styles-module--title--43a02 {
  width: 200px !important;
  scale: 1.1;
}

.styles-module--link--a5fd0 {
  cursor: pointer;
  position: relative;
  border-radius: 15px;
  padding: 10px 12px;
  font-weight: 700;
  color: rgba(92, 97, 102, 1) !important;
  text-decoration: none;
  transition: all 0.1s ease-in-out;
}

.styles-module--link--a5fd0::after {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  bottom: -2px;
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--black);
  transition: left 0.1s ease-in-out;
  opacity: 0;
}

.styles-module--link--a5fd0:hover::after {
  left: 50%;
  opacity: 1;
}

.styles-module--link--a5fd0:hover {
  color: var(--black) !important;
}

.styles-module--active--3c9ff {
  color: var(--black) !important;
}

.styles-module--active--3c9ff::after {
  left: 50%;
  opacity: 1;
}

.styles-module--button--267dc,
.styles-module--qrbutton--e415d {
  border: 0;
  padding: 1.5rem;
  border-radius: 15px;
  color: var(--white-400);
  background-color: var(--black);
  transition: all 0.2s ease-in-out;
}

.styles-module--qrbutton--e415d {
  font-size: 1.2rem;
}

.styles-module--button--267dc:hover {
  color: rgba(48, 167, 248, 1);
}

.styles-module--qr--4fad0 {
  width: 300px !important;
  height: 300px !important;
}

.styles-module--qrText--d3daf {
  margin: 20px 0 10px 0;
  width: -webkit-max-content;
  width: max-content;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--black);
}

.styles-module--nav--94e93 {
  height: 60vh;
  margin-top: 15vh;
  z-index: 2;
  position: absolute;
  justify-content: space-between;
  top: 0;
}

.styles-module--navItems--80c0d {
  gap: 20px;
}

.styles-module--navLink--d8667 {
  font-size: 1.5rem;
  min-width: -webkit-max-content;
  min-width: max-content;
  font-weight: 700;
  color: var(--white-400);
}

.styles-module--logos--43d5a {
  width: -webkit-max-content;
  width: max-content;
  margin-top: 2rem;
  gap: 10px;
}

.styles-module--logo--8d4fa {
  width: 50px !important;
  height: 50px !important;
}

.styles-module--bars--f00f7 {
  transform: translateY(50%);
}

.styles-module--menu--4cf44 {
  top: 0;
  right: 0;
  position: absolute;
}

.styles-module--menu--4cf44 {
  z-index: 3;
}

.styles-module--bg--f62e2 {
  width: 0px;
  height: 0px;
  z-index: 1;
  position: absolute;
  background-image: url(/static/footer-1b3d1a6c6f258ea34846bb9a02a77ea6.svg);
  background-color: var(--black);
  transition: 0.1s ease;
  transition: transform 0.1s ease-in-out;
}

.styles-module--closebg--5e605 {
  animation: styles-module--ham-in--d7ae6 0.2s linear;
}

.styles-module--change--74c50 {
  display: block;
}

.styles-module--bg--f62e2,
.styles-module--openbg--aff27 {
  top: -10px;
  right: -5rem;
}

.styles-module--openbg--aff27 {
  width: 100vw;
  height: 80vh;
  overflow: hidden;
  border-bottom-left-radius: 8rem;
  animation: styles-module--ham-out--af559 0.3s linear;
}

.styles-module--shinybutton--add82 {
  overflow: hidden;
  width: -webkit-max-content;
  width: max-content;
  position: relative;
  cursor: pointer;
}

.styles-module--shinybutton--add82:hover .styles-module--button--267dc {
  color: var(--yellow-100);
}

.styles-module--shinybutton--add82:hover .styles-module--shine--9bd7f {
  right: -90px;
  opacity: 0.8;
}

.styles-module--shinybutton--add82:hover .styles-module--right--aebfa {
  right: -50px;
  opacity: 0.8;
}

.styles-module--buttonText--74df7 {
  font-weight: 600;
  font-size: 14px;
  line-height: 130%; /* 40.3px */
  color: var(--white-400);
}

.styles-module--shine--9bd7f {
  top: 0;
  right: 110%;
  height: 100%;
  width: 30px;
  position: absolute;
  background: var(--white-100);
  transition: all 0.7s ease-out;
  transform: skewX(-40deg);
  opacity: 0;
}

.styles-module--shinybutton--add82:hover .styles-module--shine--9bd7f {
  right: -90px;
  opacity: 0.8;
}

.styles-module--right--aebfa {
  right: calc(110% + 40px);
  width: 10px;
  opacity: 0;
}

.styles-module--shinybutton--add82:hover .styles-module--right--aebfa {
  right: -50px;
  opacity: 0.8;
}

.styles-module--relative--382ef {
  position: relative;
  width: -webkit-max-content;
  width: max-content;
  height: -webkit-max-content;
  height: max-content;
}

@keyframes styles-module--ham-in--d7ae6 {
  0% {
    width: 100vw;
    height: 80vh;
    border-bottom-left-radius: 50%;
  }

  80% {
    width: 100vw;
    height: 100vw;
    border-bottom-left-radius: 100%;
  }

  100% {
    width: 0vw;
    height: 0vw;
    border-bottom-left-radius: 100%;
  }
}

@keyframes styles-module--ham-out--af559 {
  0% {
    width: 0vw;
    height: 0vw;
    border-bottom-left-radius: 100%;
  }

  80% {
    width: 100vw;
    height: 100vw;
    border-bottom-left-radius: 100%;
  }

  100% {
    width: 100vw;
    height: 80vh;
    border-bottom-left-radius: 50%;
  }
}

/* Media Queries */

@media screen and (min-width: 1600px) {
  .styles-module--link--a5fd0 {
    font-size: 1.1rem;
  }
}

@media screen and (max-width: 1000px) {
  .styles-module--wrapper--6985c {
    padding: 18px 2rem;
  }

  .styles-module--bg--f62e2,
  .styles-module--openbg--aff27 {
    top: -18px;
    right: -2rem;
  }

  .styles-module--link--a5fd0 {
    font-size: 0.9rem;
  }

  .styles-module--title--43a02 {
    width: 150px !important;
  }

  .styles-module--button--267dc {
    padding: 1rem;
    border-radius: 10px;
  }
}

@media screen and (max-width: 850px) {
  .styles-module--gap--f57b0 {
    gap: 0;
  }

  .styles-module--buttonText--74df7 {
    font-size: 16px;
  }

  .styles-module--button--267dc {
    padding: 1rem;
    height: auto;
    scale: 0.8;
  }
}

@media screen and (max-width: 650px) {
  .styles-module--wrapper--6985c {
    display: none;
  }

  .styles-module--mob--545e3 {
    display: flex;
  }

  .styles-module--button--267dc {
    visibility: hidden;
    margin-right: 2rem;
  }


}

@media screen and (max-width: 500px) {
  .styles-module--doge--ed0dc {
    width: 40px !important;
    height: 40px !important;
  }

  .styles-module--title--43a02 {
    width: 120px !important;
    margin-left: -10px;
  }

  .styles-module--bars--f00f7 {
    transform: translateY(40%);
  }

  .styles-module--navLink--d8667 {
    font-size: 1.2rem;
  }

  .styles-module--logo--8d4fa {
    width: 40px !important;
    height: 40px !important;
  }
}

@media screen and (max-width: 425px) {
  .styles-module--button--267dc {
    font-size: 0.7rem;
    padding: 8px 16px;
  }

  .styles-module--wrapper--6985c {
    padding: 15px 1rem;
  }

  .styles-module--bg--f62e2,
  .styles-module--openbg--aff27 {
    top: -15px;
    right: -1rem;
  }

  .styles-module--doge--ed0dc {
    width: 30px !important;
    height: 30px !important;
  }

  .styles-module--title--43a02 {
    width: 100px !important;
  }

  .styles-module--bars--f00f7 {
    transform: translateY(30%);
  }

  .styles-module--navLink--d8667 {
    font-size: 1rem;
    margin-right: 1rem;
  }

  .styles-module--logo--8d4fa {
    width: 30px !important;
    height: 30px !important;
  }
}

.styles-module--wrapper--317a1 {
  bottom: 1rem;
  z-index: 100;
  right: 1rem;
  position: fixed;
}

.styles-module--main--4659a {
  padding: 15px 5px 15px 5px;
  border-radius: 1rem;
  background-color: var(--white-300);
}

.styles-module--flex--906ad {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  gap: 5px;
}

.styles-module--flex2--9d524 {
  margin-top: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.styles-module--img--327b6 {
  width: 100px;
  height: 100px;
}

.styles-module--desc--e6598 {
  color: #0f5e92;
  font-size: 14px;
  font-weight: 700;
  line-height: 1rem;
  margin-top: 4px;
  text-align: center;
  width: 120px;
}

@media screen and (max-width: 768px) {
  .styles-module--wrapper--317a1 {
    display: none;
  }
}

.styles-module--wrapper--32992 {
  width: 100vw;
  background-color: var(--black);
  background-image: url(/static/footer-1b3d1a6c6f258ea34846bb9a02a77ea6.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.styles-module--wrapper--32992 * {
  color: var(--white-400);
}

.styles-module--flex--2f67b {
  gap: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.styles-module--column--3596b {
  flex-direction: column;
}

.styles-module--gaptop--a6780 {
  gap: 10px;
  margin-top: 3rem;
  margin-bottom: 1rem;
  min-width: -webkit-max-content;
  min-width: max-content;
}

.styles-module--gapbtm--828c1 {
  min-width: -webkit-max-content;
  min-width: max-content;
}

.styles-module--waves--4bf59 {
  background-color: var(--green-200);
}

.styles-module--top--159d6 {
  padding: 4rem 8rem;
}

.styles-module--bottom--2df28 {
  padding: 1rem 4rem;
}

.styles-module--link--537bb {
  min-width: -webkit-max-content;
  min-width: max-content;
  font-weight: 700;
}

.styles-module--text--dd0b8,
.styles-module--link--537bb:hover {
  color: var(--grey-100);
}

@media screen and (max-width: 768px) {
  .styles-module--top--159d6 {
    padding: 2rem 0;
  }

  .styles-module--bottom--2df28 {
    padding: 1rem;
  }

  .styles-module--text--dd0b8 {
    font-size: 0.8rem;
  }
}

@media screen and (max-width: 767px) {
  .styles-module--wave--c1cb4:not(:nth-child(3)) {
    display: none;
  }
}

@media screen and (max-width: 480px) {
  .styles-module--gaptop--a6780 {
    margin-top: 2rem;
    margin-bottom: 0;
  }

  .styles-module--link--537bb,
  .styles-module--text--dd0b8 {
    font-size: 0.7rem;
  }
}

.styles-module--blogListContainer--66d44 {
  margin: 7rem 0;
  width: 100%;
  padding: 0rem 1rem;
}

.styles-module--blogListTitle--1498f {
  font-size: 2rem;
  margin-bottom: 1.5rem;
}

.styles-module--blogList--e0aae {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

@media (min-width: 768px) {
  .styles-module--blogListTitle--1498f {
    font-size: 2.5rem;
    margin-bottom: 3rem;
  }

  .styles-module--blogList--e0aae {
    display: grid;
    /* grid-template-columns: repeat(3, minmax(0, 1fr)); */
    grid-template-columns: repeat(3, 1fr);
    grid-template-areas:
      "a a a"
      "b b b"
      "b b b";
    gap: 2.5rem;
  }

  .styles-module--blogList--e0aae a:first-child {
    grid-area: a;
    flex-direction: row-reverse;
  }

  .styles-module--blogList--e0aae a:first-child img {
    width: 40%;
    aspect-ratio: 1.4;
  }

  .styles-module--blogList--e0aae a:first-child div {
    padding: 0.5rem;
    margin-right: 4rem;
    gap: 1.5rem;
  }

  .styles-module--blogList--e0aae a:first-child h3 {
    font-size: 2.5rem;
  }
}

.styles-module--wrapper--98c06 {
  bottom: 1rem;
  z-index: 100;
  left: 1rem;
  position: fixed;
}

.styles-module--img--32b8b {
  width: 35px;
  height: 35px;
  font-weight: bold;
  stroke-width: 5px;
}

.styles-module--button--577df {
  width: 50px;
  height: 50px;
  border-radius: 1000px;
}

.styles-module--blogContainer--1a787 {
  /* margin-bottom: 5rem; */
  margin-top: 8rem;
  width: 100%;
  max-width: 42rem;
  margin-left: auto;
  margin-right: auto;
  padding: 0rem 1rem;
}

body {
  background-color: rgba(237, 246, 255, 1) !important;
}

.styles-module--title--8f77e {
	font-size: 2rem;
  color: rgba(12, 71, 111, 1);
  margin: 1rem 0;
}

.styles-module--date--c8dd6 {
	font-size: .8rem;
  font-weight: 400;
  color: rgba(92, 97, 102, 1);
  margin-bottom: 0.5rem;
}

.styles-module--headerImage--ed76b {
  width: 100%;
  aspect-ratio: 1.412;
  border-radius: 26px;
  margin: 1.5rem 0;
  object-fit: cover;
  object-position: center;
}

.styles-module--divider--ef9ea {
  width: 100%;
  height: 1px;
  background-color: rgba(189, 213, 229, 1);
  margin: 4rem 0;
}

.styles-module--recentPostsSection--d9fe1 {
  margin-bottom: 5rem;
}

.styles-module--recentPostsTitle--5a070 {
  font-size: 1rem;
  font-weight: 500;
  color: rgba(5, 5, 5, 1);
  margin-bottom: 2.5rem;
}

.styles-module--recentPostsList--5a770 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
  margin-top: 1rem;
  width: 100%;
}

@media (min-width: 768px) {
  .styles-module--title--8f77e {
    font-size: 3rem;
  }

	.styles-module--date--c8dd6 {
	  font-size: 1rem;
	}

	.styles-module--recentPostsList--5a770{
    grid-template-columns: repeat(3, 1fr);
  }
}

.styles-module--tabs--c0ebe .ant-tabs-nav {
  margin-bottom: 0px;
}

.styles-module--tabs--c0ebe .ant-tabs-nav::before {
  border-bottom: none;
}

.styles-module--tabs--c0ebe .ant-tabs-ink-bar {
  height: 0 !important;
  border: 0;
}

.styles-module--tabs--c0ebe .ant-tabs-tab:first-child {
  margin-left: 4px !important;
}

.styles-module--tabs--c0ebe .ant-tabs-tab-btn {
  padding: 0.4rem 1rem;
  border-radius: 60px;
  margin: 0 1rem 0 0;
  font-weight: 600;
  color: rgba(64, 128, 170, 1);
  background-color: #fff;
  transition: none;
}

.styles-module--tabs--c0ebe .ant-tabs-tab-btn[aria-selected="true"] {
  color: rgba(64, 128, 170, 1) !important;
  outline: 3px solid rgba(64, 128, 170, 1);
}

.styles-module--heading1--715f1 {
  font-size: 1.25rem;
  font-weight: 700;
	margin-bottom: 1.5rem;
}

.styles-module--heading2--64c4e {
	font-size: 1.1rem;
	font-weight: 700;
	margin-top: 1.5rem;
	margin-bottom: 1rem;
}

.styles-module--para--e104e {
  font-weight: 600;
  font-size: 1rem;
  color: rgba(92, 97, 102, 1);
  /* line-height: 1.75rem;
	color: rgba(12, 71, 111, 1); */
  /* margin-bottom: 1.5rem; */
}

.styles-module--listItem--9f1da {
	font-weight: 600;
	font-size: 1rem;
	color: rgba(92, 97, 102, 1);
	margin-bottom: 0.5rem;
}

.styles-module--para--e104e strong {
  color: rgba(5, 5, 5, 1);
  font-weight: 700;
}

.styles-module--para--e104e em {
  color: rgba(5, 5, 5, 1);
  font-style: italic;
}

.styles-module--locationCard--4b6dd {
  margin: 2rem 0;
  border-radius: 20px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  background-color: rgba(255, 255, 255, 1);
}

.styles-module--locationCardImage--1263f {
  object-fit: cover;
  object-position: center;
	aspect-ratio: 1;
}

.styles-module--locationCardContent--7cea2 {
  padding: 1rem;
}

.styles-module--locationCardContent--7cea2 h1 {
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
  color: rgba(14, 94, 145, 1);
}

.styles-module--locationCardContent--7cea2 p {
  font-size: 0.75rem;
  font-weight: 500;
  color: rgba(92, 97, 102, 1);
}

.styles-module--image--2d5d5 {
  width: 100%;
  aspect-ratio: 1.412;
  border-radius: 26px;
  margin: 1.5rem 0;
  object-fit: cover;
  object-position: center;
}

@media (min-width: 768px) {
  .styles-module--heading1--715f1 {
    font-size: 1.75rem;
    font-weight: 700;
  }

	.styles-module--locationCard--4b6dd {
		flex-direction: row;
	}

	.styles-module--locationCardImage--1263f {
		width: 35%;
	}
}

.styles-module--wrapper--ec7b0,
.styles-module--wrapper2--5a88e,
.styles-module--wrapper3--7bce3 {
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(180deg, #b5dffb 6.85%, #e1f9bf 100%);
}

.styles-module--wrapper3--7bce3 {
  padding-bottom: 5vh;
}

/* .wrapper3 {
  max-width: 1400px;
  background-color: black;
  height: 200px;
} */
.styles-module--numbersContainer--70b7f {
  margin-top: 68px;
  width: 1400px;
  max-width: 1400px;
  padding: 20px 40px;
  justify-content: space-around;
  align-items: center;
  gap: 20px;
  border-radius: 20px;
  background-color: #dff2ffe5;
  background-image: url(/static/bg_doodle_4-7ebb85e1d57d45a12566ac7d92a96e14.png);
  /* background-image: url("data:image/png;"); */
  /* transition: background-image 1s ease-in-out; */
  overflow: hidden;
  /* background-image: #b4dffb url ../../images/bg_doodle_4.png); */
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  /* Soft shadow 2 */
  box-shadow: 0px 0px 8px 0px rgba(130, 166, 191, 0.32);
  position: relative;
}

/* .numbersContainer > :not(.lineBreak) {
  gap: 80px;
} */

.styles-module--lineBreak--18ee7 {
  width: 1px;
  height: 144px;
  background-color: #a7d5f3;
  margin: 0; /* This will ensure that the line break does not have any margin */
}

.styles-module--numbersContent--82615 {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.styles-module--numbersMainText--5cfa1 {
  color: var(--New-theme-Blue-typo, #0f5e92);
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 79.3px */
  text-align: center;
}

.styles-module--numbersOtherText--e9d06 {
  color: var(--type-sec, #727272);
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%; /* 32.5px */
}

/* .numbersContainer::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: url(../../images/bg_doodle.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0;
  z-index: -1;
} */

/* .wrapper2 {
  background: linear-gradient(180deg, #acdcfd 0%, #c3c2fe 100%);
} */

.styles-module--wrapper--ec7b0 {
  background: linear-gradient(180deg, #cce8fa 6.85%, #b4defb 100%);
  padding-top: 15vh;
}

/* .main {
  gap: 10px;
} */

.styles-module--imageContainer--39762 {
  width: 740px;
}

.styles-module--container1--f9f15 {
  padding-top: 20px;
  max-width: 590px;
  /* padding: 0; */
}

.styles-module--wrapper--ec7b0 * {
  font-size: 1.1rem;
}

.styles-module--flex--61d2b {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 5px;
}

.styles-module--flexStart--d5217 {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 10px;
}

.styles-module--center--65acf {
  display: flex;
  justify-content: center;
  align-items: center;
}

.styles-module--column--2d28f {
  flex-direction: column;
}

.styles-module--gradients--4c8bb {
  margin: 10px 0;
}

.styles-module--gradient--3bde7 {
  font-weight: 900;
  background: linear-gradient(177deg, #4f4fb8 -10.86%, #9961a9 122.92%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  font-feature-settings: "clig" off, "liga" off;
  font-family: GT Maru;
  font-size: 76px;
  font-style: normal;
  font-weight: 900;
  line-height: 95px;
}

.styles-module--button--92c92 {
  margin-top: 8px;
  border: 0;
  border-radius: 18px;
  padding: 18px 24px;
  transition: all 0.25s ease-out;
  background-color: var(--black);
  gap: 4px;
  /* width: 316px; */
  height: 66px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.styles-module--buttonText--9c9a7 {
  font-weight: 600;
  font-size: 24px;
  line-height: 130%; /* 40.3px */
  color: var(--white-400);
}

.styles-module--shine--a1eb7 {
  top: 0;
  right: 110%;
  height: 100%;
  width: 30px;
  position: absolute;
  background: var(--white-100);
  transition: all 0.7s ease-out;
  transform: skewX(-40deg);
  opacity: 0;
}

.styles-module--right--76e84 {
  right: calc(110% + 40px);
  width: 10px;
  opacity: 0;
}

.styles-module--relative--df0ac {
  position: relative;
  width: -webkit-max-content;
  width: max-content;
  height: -webkit-max-content;
  height: max-content;
  margin: 1rem 0 3rem 0;
}

.styles-module--shinybutton--fb7ba {
  overflow: hidden;
  width: -webkit-max-content;
  width: max-content;
  position: relative;
  cursor: pointer;
}

.styles-module--shinybutton--fb7ba:hover .styles-module--button--92c92 {
  color: var(--yellow-100);
}

.styles-module--shinybutton--fb7ba:hover .styles-module--shine--a1eb7 {
  right: -90px;
  opacity: 0.8;
}

.styles-module--shinybutton--fb7ba:hover .styles-module--right--76e84 {
  right: -50px;
  opacity: 0.8;
}

/* Phones */

.styles-module--box--f6710 {
  width: 100%;
  max-width: 1400px;
  padding: 91px 100px 100.302px 100px;
  border-radius: 1.5rem;
  background-color: var(--white-200);
  scale: 0.9;
}

.styles-module--boxtitle--9e51c {
  margin-bottom: 64px;
  font-size: 32px;
  font-weight: 700;
  justify-content: center;
}

.styles-module--logo--5ec7e {
  width: 150px !important;
}

.styles-module--text--7c136 {
  font-size: 20px;
}

.styles-module--maintext--2d184 {
  font-size: 60px;
  font-style: normal;
  font-weight: 900;
  line-height: 72px; /* 125% */
}

.styles-module--lineBreak--18ee7 {
  width: 3px;
  height: 120px;
  flex-shrink: 0;
  stroke-width: 3px;
  stroke: #a7d5f3;
  border-radius: 1.5px;
}

/* Media Queries */

@media screen and (min-width: 1500px) {
  /* .wrapper {
    padding-bottom: 5vh;
  } */

  .styles-module--text--7c136 {
    font-size: 1.3rem;
  }

  .styles-module--gradient--3bde7 {
    font-size: 5.5rem;
    line-height: 5.5rem;
  }
  .styles-module--maintext--2d184 {
    font-size: 72px;
    font-style: normal;
    font-weight: 900;
    line-height: 76px; /* 125% */
  }

  .styles-module--imageContainer--39762 {
    width: 420px;
  }
}

@media screen and (min-width: 1800px) {
  .styles-module--wrapper--ec7b0 {
    /* padding-top: 30vh; */
  }

  .styles-module--text--7c136 {
    font-size: 1.4rem;
  }

  .styles-module--gradient--3bde7 {
    font-size: 6rem;
    line-height: 6rem;
  }
  .styles-module--maintext--2d184 {
    font-size: 72px;
    font-style: normal;
    font-weight: 900;
    line-height: 76px; /* 125% */
  }
  .styles-module--imageContainer--39762 {
    width: 740px;
  }
}

@media screen and (min-width: 2100px) {
  .styles-module--text--7c136 {
    font-size: 2rem;
  }

  .styles-module--gradient--3bde7 {
    font-size: 7rem;
    line-height: 7rem;
  }
  .styles-module--imageContainer--39762 {
    width: 740px;
  }
}

@media screen and (max-width: 1500px) {
  .styles-module--gradient--3bde7:not(:first-child) {
    margin-top: -1rem;
  }
  .styles-module--imageContainer--39762 {
    width: 440px;
  }
}

@media screen and (max-width: 1250px) {
  .styles-module--logo--5ec7e {
    width: 150px !important;
  }
  .styles-module--box--f6710 {
    max-width: 1100px;
  }
  .styles-module--numbersContainer--70b7f {
    max-width: 1100px;
  }
}

@media screen and (max-width: 850px) {
  .styles-module--main--9edc8 {
    max-width: 90%;
  }
  .styles-module--wrapper--ec7b0 {
    padding-top: 20vh;
    /* padding-bottom: 10vh; */
  }

  .styles-module--box--f6710 {
    scale: 1;
    padding: 2rem 1rem;
  }

  .styles-module--text--7c136 {
    font-size: 1.5rem;
    text-align: center;
  }

  .styles-module--main--9edc8 {
    transform: translateY(-5rem);
  }

  .styles-module--relative--df0ac {
    transform: translateY(2rem) scale(1.2);
  }

  .styles-module--button--92c92 {
    padding: 1rem;
    scale: 0.8;
  }

  .styles-module--text--7c136 {
    margin-top: 8px;
  }

  .styles-module--buttonText--9c9a7 {
    font-size: 20px;
  }

  .styles-module--logo--5ec7e {
    width: 120px !important;
  }
  .styles-module--flexStart--d5217 {
    align-items: center;
  }

  .styles-module--flex--61d2b {
    justify-content: center;
    gap: 0;
  }
  .styles-module--maintext--2d184 {
    text-align: center;
    font-size: 48px;
    /* letter-spacing: 1px; */
  }

  .styles-module--imageContainer--39762 {
    width: 600px;
  }

  .styles-module--numbersContainer--70b7f {
    flex-direction: column;
    width: 80%;
  }

  .styles-module--lineBreak--18ee7 {
    height: 3px;
    width: 50%;
  }
}

@media screen and (max-width: 700px) {
  .styles-module--wrapper--ec7b0 {
    padding-bottom: 0;
  }
}

@media screen and (max-width: 650px) {
  .styles-module--text--7c136 {
    width: 80%;
  }

  .styles-module--main--9edc8 {
    transform: translateY(-5rem);
  }

  .styles-module--relative--df0ac {
    transform: translateY(0) scale(1.2);
  }

  .styles-module--gradient--3bde7 {
    font-size: 4rem;
    line-height: 4rem;
  }

  .styles-module--box--f6710 {
    padding: 2rem 3rem;
  }

  .styles-module--logo--5ec7e {
    width: 77.5px;
    height: 30.212px;
    /* width: 150px !important; */
    margin: 10px 0;
  }
  .styles-module--maintext--2d184 {
    text-align: center;
    font-size: 48px;
    /* letter-spacing: 1px; */
  }
  .styles-module--button--92c92 {
    display: flex;
    /* width: 220px; */
    height: 72px;
    justify-content: center;
    align-items: center;
    gap: 4px;
  }

  /* .shinybutton {
    width: 188px;
  } */
}

@media screen and (max-width: 550px) {
  .styles-module--text--7c136 {
    font-size: 1.5rem;
  }

  .styles-module--relative--df0ac {
    transform: scale(1.1);
  }

  .styles-module--gradients--4c8bb {
    margin: 5px 0;
  }

  .styles-module--gradient--3bde7 {
    font-size: 3.5rem;
    line-height: 3.5rem;
  }

  .styles-module--logo--5ec7e {
    margin: 20px 0;
  }
  .styles-module--maintext--2d184 {
    text-align: center;
    font-size: 44px;
    /* letter-spacing: 1px; */
  }
  .styles-module--button--92c92 {
    display: flex;
    /* width: 220px; */
    height: 72px;
    padding: 24px 32px;
    justify-content: center;
    align-items: center;
    gap: 4px;
  }
}

@media screen and (max-width: 500px) {
  .styles-module--wrapper--ec7b0 {
    padding-top: 7vh;
    padding-bottom: 0;
  }

  .styles-module--main--9edc8 {
    transform: translateY(-2rem);
    scale: 0.8;
  }

  .styles-module--text--7c136 {
    width: 100%;
  }

  .styles-module--relative--df0ac {
    transform: scale(1);
  }

  .styles-module--button--92c92 {
    padding: 1.7rem;
    scale: 0.9;
  }

  .styles-module--boxtitle--9e51c {
    font-size: 1.2rem;
    margin-bottom: 1rem;
    text-align: center;
    min-width: -webkit-max-content;
    min-width: max-content;
  }

  .styles-module--logo--5ec7e {
    width: 100px !important;
    margin: 15px 0;
  }
  .styles-module--maintext--2d184 {
    font-size: 44px;
  }
  .styles-module--text--7c136 {
    font-size: 20px;
  }
  .styles-module--numbersContainer--70b7f {
    display: flex;
    width: 335px;
    padding: 40px 12px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
  }

  .styles-module--lineBreak--18ee7 {
    height: 3px;
    width: 244px;
    opacity: 0.5;
    /* transform: rotate(90deg); */
    /* display: none; */
  }

  .styles-module--numbersMainText--5cfa1 {
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%; /* 52px */
    text-align: center;
  }
  .styles-module--numbersOtherText--e9d06 {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%; /* 26px */
  }
}

@media screen and (max-width: 420px) {
  .styles-module--boxtitle--9e51c {
    min-width: 0;
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 400px) {
  .styles-module--text--7c136 {
    font-size: 1.2rem;
  }

  .styles-module--gradient--3bde7 {
    line-height: 3rem;
  }

  .styles-module--relative--df0ac {
    transform: scale(0.9);
  }
}

@media screen and (max-width: 370px) {
  .styles-module--main--9edc8 {
    scale: 0.7;
  }
}

@media screen and (min-width: 1280px) {
  .styles-module--main--9edc8 {
    max-width: 1100px;
  }
  .styles-module--numbersContainer--70b7f {
    width: 1100px;
    max-width: 1100px;
  }
  .styles-module--box--f6710 {
    max-width: 1100px;
  }
}

@media screen and (min-width: 1800px) {
  .styles-module--imageContainer--39762 {
    width: 400px;
  }
}

@media screen and (min-width: 1920px) {
  .styles-module--wrapper--ec7b0 {
    padding-bottom: 0;
    padding-top: 15vh;
  }
  .styles-module--main--9edc8 {
    max-width: 1400px;
  }
  .styles-module--imageContainer--39762 {
    width: 440px;
  }
  .styles-module--numbersContainer--70b7f {
    max-width: 1400px;
  }
  .styles-module--box--f6710 {
    max-width: 1400px;
  }
}

.content-container {
  display: flex;
  flex-wrap: nowrap;
}

.left-content {
  height: 100vh;
  position: relative;
}

.left-content,
.right-content {
  width: 50%;
}

.left-content > * {
  position: absolute;
  left: 50%;
  top: 50%;
  opacity: 0;
  visibility: hidden;
}

.left-content video {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 800px) {
  .left-content {
    display: none;
  }
  .right-content {
    padding-left: 15px;
  }
}

@media (min-width: 1100px) {
  .content-container {
    max-width: 1100px;
  }
  .main {
    max-width: 1100px;
  }
}

@media (max-width: 1280px) {
  .content-container {
    max-width: 1100px;
  }
}

@media (min-width: 1920px) {
  .content-container {
    max-width: 1400px;
  }
}

.styles-module--main--62799 {
  width: 100%;
  max-width: 1400px;
}

.styles-module--mob--b3523 {
  display: none !important;
}

.styles-module--extra--fe1bf {
  width: 1px;
  height: 70vh;
}

.styles-module--flex--e0fd0 {
  gap: 5px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.styles-module--start--848e3 {
  justify-content: flex-start;
}

.styles-module--column--362fe {
  flex-direction: column;
  align-items: stretch;
}

.styles-module--none--020b8 {
  transform: none !important;
}

.styles-module--small--f9688 {
  top: 2rem;
  scale: 0.9;
  justify-content: center;
  height: 100vh;
  position: -webkit-sticky;
  position: sticky;
}

.styles-module--title--68927 {
  font-size: 2.4rem;
  min-width: -webkit-max-content;
  min-width: max-content;
}

.styles-module--smalltext--1ec51 {
  font-weight: 700;
  font-size: 1.2rem;
  text-align: left;
  min-width: -webkit-max-content;
  min-width: max-content;
  margin-bottom: 2rem;
}

.styles-module--gradient--1ee9e {
  background: linear-gradient(to right, #9b63ab 0%, #8c83ff 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.styles-module--item--6e1c8 {
  border: none;
  padding: 20px 16px 20px 24px;
  margin-bottom: 20px;
  border-radius: 20px;
}

.styles-module--iicon--d6b0c {
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 30px;
  border-radius: 12px;
  background-color: var(--white-400);
}

.styles-module--ititle--eb14c {
  font-size: 0.95rem;
  font-weight: 700;
}

.styles-module--unselected--1cfe9 .styles-module--ititle--eb14c {
  color: var(--grey-400);
  font-weight: 600;
}

.styles-module--unselected--1cfe9 .styles-module--iicon--d6b0c,
.styles-module--selected--a48e3 {
  background-color: var(--white-200);
}

.styles-module--video--de45a {
  max-height: 75vh;
  margin-top: 5vh;
  border-radius: 20px;
}

.styles-module--mobileView--ee433 {
  display: none;
}

.styles-module--desktopView--4c109 {
  display: flex;
}

@media screen and (min-width: 1400px) {
  .styles-module--main--62799 {
    max-width: 1150px;
  }
  .styles-module--ititle--eb14c {
    font-size: 1.2rem;
  }

  .styles-module--iicon--d6b0c {
    width: 60px;
    height: 60px;
    font-size: 40px;
  }

  .styles-module--smalltext--1ec51 {
    font-size: 1.4rem;
  }

  .styles-module--title--68927 {
    font-size: 3rem;
  }
}

@media screen and (min-width: 1800px) {
  .styles-module--main--62799 {
    height: 210vh;
  }

  .styles-module--extra--fe1bf {
    height: 50vh;
  }

  .styles-module--ititle--eb14c {
    font-size: 1.3rem;
  }

  .styles-module--smalltext--1ec51 {
    font-size: 1.5rem;
  }

  .styles-module--title--68927 {
    font-size: 3.2rem;
  }
}

@media screen and (max-width: 850px) {
  .styles-module--main--62799 {
    display: none;
  }

  .styles-module--mob--b3523 {
    display: flex !important;
    align-items: start;
  }

  .styles-module--mobin--e4e17 {
    top: 0;
    left: 0;
    height: 100vh;
    position: -webkit-sticky;
    position: sticky;
    padding-top: 10vh;
  }

  .styles-module--title--68927,
  .styles-module--smalltext--1ec51 {
    width: 100%;
    display: block;
    text-align: center;
  }

  .styles-module--container--98719 {
    display: grid;
    grid-auto-flow: column;
    overflow-y: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
  }

  .styles-module--container--98719::-webkit-scrollbar {
    display: none;
  }

  .styles-module--item--6e1c8 {
    gap: 2rem;
    max-width: none;
    width: calc(100vw - 4rem);
    object-fit: contain;
    scroll-snap-align: center;
  }

  .styles-module--small--f9688,
  .styles-module--centre--dfa93 {
    height: -webkit-max-content;
    height: max-content;
  }

  .styles-module--centre--dfa93 {
    max-width: calc(100vw - 4rem);
    overflow: initial;
  }

  .styles-module--bottom--1dd16 {
    gap: 1rem;
    padding: 1rem;
  }

  .styles-module--ititle--eb14c {
    text-align: center;
  }

  .styles-module--desktopView--4c109 {
    display: none;
  }
  .styles-module--mobileView--ee433 {
    display: block;
  }
}

@media screen and (max-width: 1400px) {
  .styles-module--main--62799 {
    max-width: 1100px;
  }
  .styles-module--small--f9688 {
    scale: 0.8;
  }
}

@media screen and (max-width: 650px) {
  .styles-module--title--68927 {
    font-size: 2.2rem;
  }

  .styles-module--smalltext--1ec51 {
    font-size: 1.1rem;
    margin-bottom: 1rem;
  }
}

@media screen and (max-width: 500px) {
  .styles-module--title--68927 {
    font-size: 1.8rem;
  }

  .styles-module--smalltext--1ec51 {
    margin-bottom: 0;
  }

  .styles-module--item--6e1c8 {
    gap: 1rem;
  }

  .styles-module--iicon--d6b0c {
    width: 40px;
    height: 40px;
    font-size: 25px;
  }

  .styles-module--ititle--eb14c {
    font-size: 0.8rem;
  }
}

@media screen and (max-width: 450px) {
  .styles-module--title--68927 {
    font-size: 1.6rem;
  }

  .styles-module--smalltext--1ec51 {
    font-size: 1rem;
  }

  .styles-module--item--6e1c8 {
    gap: 2rem;
  }
}

@media screen and (max-width: 1300px) {
  .styles-module--main--62799 {
    max-width: 1100px;
  }
}

@media screen and (max-width: 380px) {
  .styles-module--title--68927 {
    font-size: 1.4rem;
  }

  .styles-module--smalltext--1ec51 {
    font-size: 0.9rem;
  }
}

.styles-module--main--94c66 {
  width: 100%;
  max-width: 1400px;
}

.styles-module--mob--f6762 {
  display: none !important;
}

.styles-module--flex--eb213 {
  gap: 5px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.styles-module--start--2c29d {
  justify-content: flex-start;
}

.styles-module--column--854a1 {
  flex-direction: column;
  align-items: stretch;
}

.styles-module--none--1d8cf {
  transform: none !important;
}

.styles-module--small--31e47 {
  top: 2rem;
  scale: 0.9;
  justify-content: center;
  height: 100vh;
  position: -webkit-sticky;
  position: sticky;
}

.styles-module--title--9b794 {
  font-size: 2.4rem;
  min-width: -webkit-max-content;
  min-width: max-content;
}

.styles-module--smalltext--ad205 {
  font-weight: 700;
  font-size: 1.2rem;
  text-align: left;
  min-width: -webkit-max-content;
  min-width: max-content;
  margin-bottom: 2rem;
}

.styles-module--gradient--2634d {
  background: linear-gradient(to right, #9b63ab 0%, #8c83ff 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.styles-module--item--8be02 {
  border: none;
  padding: 20px 16px 20px 24px;
  margin-bottom: 20px;
  border-radius: 20px;
}

.styles-module--iicon--7f6c0 {
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 30px;
  border-radius: 12px;
  background-color: var(--white-400);
}

.styles-module--ititle--a48c9 {
  font-size: 0.95rem;
  font-weight: 700;
}

.styles-module--unselected--c41f4 .styles-module--ititle--a48c9 {
  color: var(--grey-400);
  font-weight: 600;
}

.styles-module--unselected--c41f4 .styles-module--iicon--7f6c0,
.styles-module--selected--55f1c {
  background-color: var(--white-200);
}

.styles-module--video--244e0 {
  max-height: 75vh;
  margin-top: 5vh;
  border-radius: 20px;
  object-fit: contain;
  width: 100%;
}

.styles-module--cont--4ee89 {
  flex-wrap: nowrap;
  overflow: hidden;
  left: 0 !important;
  max-width: none !important;
  width: 400vw !important;
}

.styles-module--panel--ee4d4 {
  width: 100vw !important;
  max-width: 100vw !important;
  min-height: 100vh;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 1.5em;
  position: relative;
  padding: 10px;
}

@media (min-width: 1280px) {
  .styles-module--main--94c66 {
    max-width: 1100px;
  }
}

@media (min-width: 1920px) {
  .styles-module--main--94c66 {
    max-width: 1400px;
  }
}

@media screen and (min-width: 1400px) {
  .styles-module--ititle--a48c9 {
    font-size: 1.2rem;
  }

  .styles-module--iicon--7f6c0 {
    width: 60px;
    height: 60px;
    font-size: 40px;
  }

  .styles-module--smalltext--ad205 {
    font-size: 1.4rem;
  }

  .styles-module--title--9b794 {
    font-size: 3rem;
  }
}

@media screen and (min-width: 1800px) {
  .styles-module--main--94c66 {
    height: 210vh;
  }

  .styles-module--extra--845ee {
    height: 50vh;
  }

  .styles-module--ititle--a48c9 {
    font-size: 1.3rem;
  }

  .styles-module--smalltext--ad205 {
    font-size: 1.5rem;
  }

  .styles-module--title--9b794 {
    font-size: 3.2rem;
  }
}

@media screen and (max-width: 850px) {
  .styles-module--main--94c66 {
    display: none;
  }

  .styles-module--mob--f6762 {
    display: flex !important;
    align-items: start;
  }

  .styles-module--title--9b794,
  .styles-module--smalltext--ad205 {
    width: 100%;
    display: block;
    text-align: center;
  }

  .styles-module--item--8be02 {
    gap: 1rem;
    max-width: none;
    width: calc(100vw - 4rem);
    object-fit: contain;
  }

  .styles-module--cent--525bf {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }

  .styles-module--small--31e47,
  .styles-module--centre--5d220 {
    height: -webkit-max-content;
    height: max-content;
  }

  .styles-module--centre--5d220 {
    max-width: calc(100vw - 4rem);
    overflow: initial;
    align-items: center;
    justify-content: center;
  }

  .styles-module--bottom--bb9d7 {
    gap: 1rem;
    padding: 1rem;
  }

  .styles-module--ititle--a48c9 {
    text-align: center;
  }

  .styles-module--panel--ee4d4 {
    /* min-height: 0; */
    margin-bottom: 0;
  }

  #styles-module--last--9cc4b {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 1400px) {
  .styles-module--small--31e47 {
    scale: 0.8;
  }
}

@media screen and (max-width: 650px) {
  .styles-module--title--9b794 {
    font-size: 2.2rem;
  }

  .styles-module--smalltext--ad205 {
    font-size: 1.1rem;
    margin-bottom: 1rem;
  }
}

@media screen and (max-width: 500px) {
  .styles-module--title--9b794 {
    font-size: 1.8rem;
  }

  .styles-module--smalltext--ad205 {
    margin-bottom: 0;
  }

  .styles-module--iicon--7f6c0 {
    width: 40px;
    height: 40px;
    font-size: 25px;
  }

  .styles-module--ititle--a48c9 {
    font-size: 0.8rem;
  }
}

@media screen and (max-width: 450px) {
  .styles-module--title--9b794 {
    font-size: 1.6rem;
  }

  .styles-module--smalltext--ad205 {
    font-size: 1rem;
  }

  .styles-module--item--8be02 {
    gap: 2rem;
  }
}

@media screen and (max-width: 380px) {
  .styles-module--title--9b794 {
    font-size: 1.4rem;
  }

  .styles-module--smalltext--ad205 {
    font-size: 0.9rem;
  }
}

.styles-module--main--4a003 {
  width: 100vw;
  max-width: 1400px;
  scale: 0.8;
  margin: -1rem 0;
}

.styles-module--flex--d135e {
  gap: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.styles-module--column--328de {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
}

.styles-module--box--916d3 {
  width: 686px;
  margin: 14px;
  cursor: pointer;
  background-color: var(--white-200);
  border-radius: 2rem;
  padding: 32px 20px 16px 20px;
}

.styles-module--extra--468e0 {
  display: flex;
  padding: 1rem 3rem;
  flex-direction: column;
}

.styles-module--img--57324 {
  height: 80% !important;
  width: 80% !important;
}

.styles-module--text--7e69c {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--black-200);
}

.styles-module--video--137c1 {
  border: 0;
  min-height: 300px;
  border-radius: 20px;
  margin-bottom: 24px;
}

@media (min-width: 1280px) {
  .styles-module--main--4a003 {
    max-width: 1100px;
  }
}

@media (min-width: 1920px) {
  .styles-module--main--4a003 {
    max-width: 1400px;
  }
}

@media screen and (min-width: 1500px) {
  .styles-module--main--4a003 {
    margin: -2rem 0;
    scale: 0.9;
  }
}

@media screen and (max-width: 992px) {
  .styles-module--main--4a003 {
    margin: -10rem 0;
  }

  .styles-module--box--916d3 {
    width: 100%;
  }
}

@media screen and (max-width: 550px) {
  .styles-module--main--4a003 {
    scale: 0.85;
    margin: -10rem 0;
  }

  .styles-module--box--916d3 {
    padding: 1rem;
  }

  .styles-module--extra--468e0 * {
    margin-top: 1rem;
    font-size: 1.4rem !important;
  }

  .styles-module--text--7e69c {
    font-size: 1.05rem;
  }

  .styles-module--img--57324 {
    scale: 0.7;
  }
}

@media screen and (max-width: 500px) {
  .styles-module--video--137c1 {
    min-height: 200px;
    border-radius: 15px;
  }

  .styles-module--box--916d3 {
    padding: 0.5rem;
  }
}

@media screen and (max-width: 400px) {
  .styles-module--video--137c1 {
    max-width: 75vw;
  }
}

.styles-module--box--b3094 {
  display: flex;
  padding: 32px;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: column;
  border-radius: 1.5rem;
  background: rgba(255, 255, 255, 0.5);
}
.styles-module--iconrow--e8647 {
  gap: 24px;
  justify-content: center;
  align-items: center;

  @media screen and (max-width: 768px) {
    gap: 12px;
  }
  @media screen and (max-width: 480px) {
    gap: 8px;
  }
}
.styles-module--souledstore--f9c3e {
  width: 85px !important;
}
.styles-module--elevation--e7e26 {
  width: 350px !important;
  object-fit: contain !important;
}
.styles-module--elevationWrapper--7e2c0 {
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
}
.styles-module--divider--0eba6 {
  width: 340px !important;
  object-fit: contain !important;
  align-self: center;

  @media screen and (max-width: 768px) {
    width: 240px !important;
  }
  @media screen and (max-width: 480px) {
    width: 180px !important;
  }
}
.styles-module--outerbox--5fea4 {
  border-width: 1.2px;
  border-color: white;
  border-style: solid;
  padding: 44px 40px;
  @media screen and (max-width: 768px) {
    padding: 32px 24px;
  }
  @media screen and (max-width: 480px) {
    padding: 20px 20px;
  }
  border-radius: 1.5rem;
}

.styles-module--maintitle--29ad4 {
  font-size: 32px;
  font-weight: 700;
  justify-content: center;
  color: #0d3b5c;
}

.styles-module--boxtitle--1689f {
  margin-bottom: 40px;
  font-size: 32px;
  font-weight: 700;
  justify-content: center;
  color: #0d3b5c;
}

.styles-module--center--a7369 {
  display: flex;
  justify-content: center;
  align-items: center;
}

.styles-module--flex--890c6 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 5px;
}

.styles-module--logo--227b3 {
  width: 150px !important;
}
@media screen and (max-width: 1250px) {
  .styles-module--logo--227b3 {
    width: 150px !important;
  }
  .styles-module--elevation--e7e26 {
    width: 350px !important;
    object-fit: contain !important;
  }
}

@media screen and (min-width: 1100px) {
  .styles-module--boxtitle--1689f {
    margin-bottom: 40px;
    font-size: 32px;
    font-weight: 700;
    justify-content: center;
  }

  .styles-module--maintitle--29ad4 {
    font-size: 32px;
  }
}
@media screen and (max-width: 850px) {
  .styles-module--logo--227b3 {
    width: 120px !important;
  }
  .styles-module--elevation--e7e26 {
    width: 300px !important;
    object-fit: contain !important;
  }
  .styles-module--box--b3094 {
    scale: 1;
    padding: 2rem 1rem;
  }
  .styles-module--flex--890c6 {
    justify-content: center;
    gap: 0;
  }
}
@media screen and (min-width: 500px) {
  .styles-module--boxtitle--1689f {
    font-size: 16px;
    margin-bottom: 1rem;
    text-align: center;
    min-width: -webkit-max-content;
    min-width: max-content;
  }
}

@media screen and (max-width: 650px) {
  .styles-module--boxtitle--1689f {
    font-size: 16px;
    margin-bottom: 1rem;
  }
  .styles-module--maintitle--29ad4 {
    font-size: 16px;
  }
  .styles-module--logo--227b3 {
    width: 100px !important;
  }
  .styles-module--elevation--e7e26 {
    width: 200px !important;
    object-fit: contain !important;
  }

  .styles-module--box--b3094 {
    padding: 2rem 3rem;
  }
}

@media screen and (max-width: 550px) {
  .styles-module--boxtitle--1689f {
    font-size: 14px;
  }
  .styles-module--maintitle--29ad4 {
    font-size: 14px;
  }
  .styles-module--logo--227b3 {
    margin: 20px 0;
  }
  .styles-module--elevation--e7e26 {
    width: 150px !important;
    object-fit: contain !important;
  }
}

@media screen and (max-width: 500px) {
  .styles-module--logo--227b3 {
    width: 77px !important;
    margin: 15px 0;
  }
}

@media screen and (max-width: 420px) {
  .styles-module--boxtitle--1689f {
    font-size: 14px;

    min-width: 0;
    margin-bottom: 15px;
  }
  .styles-module--maintitle--29ad4 {
    font-size: 14px;
  }
}

@media screen and (min-width: 850px) {
  .styles-module--boxtitle--1689f {
    margin-bottom: 40px;
    font-size: 24px;
  }
  .styles-module--maintitle--29ad4 {
    font-size: 24px;
  }
}

.styles-module--container--0b616 {
  width: 100%;
  max-width: 1200px;
  overflow: hidden;
}

.styles-module--container--0b616 .swiper-slide {
  height: auto;
  display: flex;
  
}

.styles-module--blogSection--92717 {
  margin-bottom: 0;
  padding-bottom: 0;
}

.styles-module--header--03341 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
}

.styles-module--title--1eb6b {
  font-weight: bold;
  margin-bottom: 1.5rem;
  text-align: center;
}

.styles-module--navigationButtons--9de7b {
  display: flex;
  gap: 1rem;
}

.styles-module--btn--58431 {
  background: none;
  border: none;
  cursor: pointer;
  width: 70px;
  height: 70px;
  border-radius: 35px;
  display: flex;
  align-items: center;
  outline: none;
}

.styles-module--blogLinkContainer--f3dc8 {
  text-align: center;
  margin-top: 1.5rem;
}

.styles-module--blogLink--9ed80 {
  display: inline-block;
  font-weight: 600;
  color: #000;
  text-decoration: underline;
}

.styles-module--mobileGrid--4c589 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  /* padding: 1rem; */
}

/* Hide Desktop elements on Mobile */
.styles-module--desktopOnly--d91f4 {
  display: none;
}

/* On larger screens (Tablets/Desktop), switch visibility */
@media (min-width: 768px) {
  .styles-module--mobileGrid--4c589 {
    display: none;
  }
  
  .styles-module--desktopOnly--d91f4 {
    display: block;
  }

  .styles-module--title--1eb6b {
    margin-bottom: 0;
    text-align: left;
  }
}
/**
 * Swiper 12.0.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: October 21, 2025
 */

:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
  .swiper-slide,
  .swiper-cube-shadow {
    transform-style: preserve-3d;
  }
}

/* CSS Mode */
.swiper-css-mode {
  > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none; /* For Internet Explorer and Edge */
    &::-webkit-scrollbar {
      display: none;
    }
  }
  > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
  }
  &.swiper-horizontal {
    > .swiper-wrapper {
      scroll-snap-type: x mandatory;
    }
  }
  &.swiper-vertical {
    > .swiper-wrapper {
      scroll-snap-type: y mandatory;
    }
  }
  &.swiper-free-mode {
    > .swiper-wrapper {
      scroll-snap-type: none;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: none;
    }
  }
  &.swiper-centered {
    > .swiper-wrapper::before {
      content: '';
      flex-shrink: 0;
      order: 9999;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: center center;
      scroll-snap-stop: always;
    }
  }
  &.swiper-centered.swiper-horizontal {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      height: 100%;
      min-height: 1px;
      width: var(--swiper-centered-offset-after);
    }
  }
  &.swiper-centered.swiper-vertical {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      width: 100%;
      min-width: 1px;
      height: var(--swiper-centered-offset-after);
    }
  }
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d {
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom,
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
  }
  .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
  }
  .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress),
.swiper-watch-progress .swiper-slide-visible {
  .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
  }
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */

.styles-module--blogCard--d08b2 {
	flex: 1 1;
	text-decoration: none;
	border-radius: 20px;
	padding: .5rem;
	background-color: rgba(255, 255, 255, 0.6);
	transition: box-shadow 0.3s ease;
	display: flex;
	flex-direction: column;
	gap: .75rem;
	text-decoration: none;
	height: 100%;
}

.styles-module--blogCardImage--02dd8 {
	width: 100%;
	aspect-ratio: 1.412;
	border-radius: 16px;
	object-fit: cover;
	object-position: center;
}

.styles-module--blogCardContent--a2c26 {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
	flex: 1 1;
}

.styles-module--blogCardTitle--f06d6 {
	font-size: 1.6rem;
	font-weight: 700;
	color: rgba(14, 94, 145, 1);
	/* margin: 0.5rem 0 0.25rem 0; */
}

.styles-module--blogCard--d08b2 p {
	color: rgba(92, 97, 102, 1);
	font-weight: 550;
	line-height: 140%;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
}

.styles-module--blogCard--d08b2 strong {
	color: rgba(5, 5, 5, 1);
	font-weight: 700;
}

.styles-module--blogCardDate--8dbcd {
	font-size: 0.875rem;
	font-weight: 400 !important;
	color: rgba(92, 97, 102, 1);
	margin: 0;
}
.styles-module--main--ed5ee {
  width: 100%;
  max-width: 1200px;
  margin-top: 2rem;
}

.styles-module--flex--63a33 {
  gap: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.styles-module--column--cefb7 {
  gap: 1rem;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
}

.styles-module--side--231ef {
  width: 100%;
  max-width: 40vw;
  position: relative;
}

.styles-module--deco--390f6 {
  position: absolute;
  top: -100px;
  right: 0;
  width: 150px;
  height: 150px;
}

.styles-module--deco3--876ea {
  bottom: -470px;
  width: 50px;
  height: 115px;
  align-self: flex-end;
}

.styles-module--title--93645 {
  font-size: 30px;
  font-weight: 700;
}

.styles-module--container--befa1 {
  top: 30px;
  width: 100vw;
  height: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  scroll-snap-stop: always;
  scroll-snap-type: y mandatory;
}

.styles-module--container--befa1::-webkit-scrollbar {
  display: none;
}

.styles-module--extra--9998b {
  height: 100vh;
  width: 1px;
}

.styles-module--full--fa2d6 {
  scroll-snap-align: start;
  width: 100%;
  height: 100vh;
}

.styles-module--tooltip--7b739 {
  top: 10%;
  width: 200px !important;
  position: absolute;
}

.styles-module--tooldeco--e9075 {
  left: 0;
  top: -40px;
  width: 60px;
  height: 60px;
  transform: translateX(-90px);
  position: absolute;
}

.styles-module--tool2--9a4cb {
  display: none;
}

.styles-module--tooltext--eaf05 {
  top: 10px;
  width: -webkit-max-content;
  width: max-content;
  position: absolute;
  font-size: 15.5px;
  font-weight: 700;
}

.styles-module--video--3b8f6 {
  width: 562px;
  height: 900px;
  border-radius: 25px;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.16);
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.3) 100%
  );
}

.styles-module--top--017ae {
  font-size: 1.4rem;
  font-weight: 600;
}

.styles-module--bottom--4700a {
  font-size: 1.8rem;
  line-height: 2.5rem;
  font-weight: 700;
}

@media (min-width: 1280px) {
  .styles-module--main--ed5ee {
    max-width: 1100px;
  }

  .styles-module--tooltip--7b739 {
    top: 10%;
    width: 200px !important;
    position: absolute;
  }

  .styles-module--video--3b8f6 {
    width: 442px;
    height: 597px;
  }
}

@media (min-width: 900px) {
  .styles-module--video--3b8f6 {
    width: 400px;
    height: 597px;
  }
}

@media (min-width: 1920px) {
  .styles-module--main--ed5ee {
    max-width: 1400px;
  }

  .styles-module--video--3b8f6 {
    width: 500px;
    height: 800px;
    object-fit: contain;
  }
}

@media screen and (max-width: 1050px) {
  .styles-module--title--93645 {
    font-size: 25px;
  }

  .styles-module--top--017ae {
    font-size: 1.2rem;
  }

  .styles-module--bottom--4700a {
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 850px) {
  .styles-module--full--fa2d6 {
    padding-bottom: 1.5rem;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
  }

  .styles-module--bottom--4700a {
    line-height: 1.6rem;
  }

  .styles-module--deco--390f6,
  .styles-module--tool1--3f920,
  .styles-module--tooldeco--e9075 {
    display: none;
  }

  .styles-module--tool2--9a4cb {
    display: block;
  }

  .styles-module--tooltip--7b739 {
    scale: 1.2;
    top: 0;
  }

  .styles-module--tooltext--eaf05 {
    top: 7px;
    transform: translateX(-50%);
  }

  .styles-module--side--231ef {
    max-width: 100vw;
    padding: 1rem 2rem;
    align-items: center;
  }

  .styles-module--video--3b8f6 {
    width: 70vw;
    height: 70vh;
  }

  .styles-module--top--017ae,
  .styles-module--bottom--4700a {
    text-align: center;
  }
  .styles-module--deco3--876ea {
    display: none;
  }
}

@media screen and (max-width: 650px) {
  .styles-module--video--3b8f6 {
    width: 80vw;
  }

  .styles-module--tooltip--7b739 {
    scale: 0.9;
  }

  .styles-module--top--017ae {
    font-size: 1rem;
  }

  .styles-module--bottom--4700a {
    font-size: 1.3rem;
  }

  .styles-module--title--93645 {
    font-size: 20px;
  }
  .styles-module--deco3--876ea {
    display: none;
  }
}

@media screen and (max-width: 550px) {
  .styles-module--full--fa2d6 {
    padding-bottom: 2.5rem;
  }

  .styles-module--bottom--4700a {
    font-size: 1.25rem;
  }

  .styles-module--side--231ef {
    padding: 1rem;
  }

  .styles-module--side--231ef {
    gap: 5px;
  }
  .styles-module--deco3--876ea {
    display: none;
  }
}

@media screen and (max-width: 500px) {
  .styles-module--video--3b8f6 {
    height: 65vh;
  }

  .styles-module--bottom--4700a {
    font-size: 1.2rem;
  }
  .styles-module--deco3--876ea {
    display: none;
  }
}

@media screen and (max-width: 450px) {
  .styles-module--tooltip--7b739 {
    top: -10px;
    scale: 0.8;
  }
  .styles-module--deco3--876ea {
    display: none;
  }
}

@media screen and (max-width: 400px) {
  .styles-module--top--017ae {
    font-size: 0.85rem;
  }

  .styles-module--side--231ef {
    padding: 1rem 0;
  }

  .styles-module--bottom--4700a {
    font-size: 1.05rem;
  }
  .styles-module--deco3--876ea {
    display: none;
  }
}

@media screen and (max-width: 370px) {
  .styles-module--top--017ae {
    font-size: 0.75rem;
  }

  .styles-module--bottom--4700a {
    font-size: 0.95rem;
  }
  .styles-module--deco3--876ea {
    display: none;
  }
}

.styles-module--mainn--23ded {
  width: 100%;
  max-width: 1200px;
  /* height: min-content; */
  margin: 2rem 0 1rem 0;
}

.styles-module--flex--a5f8f {
  gap: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.styles-module--column--8789c {
  flex-direction: column;
  justify-content: space-between;
}

.styles-module--title--5d34b {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 1rem;
}

.styles-module--comment--59beb {
  color: var(--Typography-Onyx-blue, #3f4246);
  font-feature-settings: "clig" off, "liga" off;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%; /* 40.3px */
}

.styles-module--name--2fe83 {
  /* margin-top: 2rem; */
  font-size: 20px;
  position: absolute;
  bottom: 40px;
  align-self: stretch;
  font-style: italic;
}

.styles-module--main--e8f70 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 32px;
  flex-wrap: nowrap;
  height: 500px;
  overflow-x: scroll;
  overflow-y: none;
  width: 100%;
  height: 330px;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}

.styles-module--main--e8f70::-webkit-scrollbar {
  display: none;
}

.styles-module--userLoveBox--6e42b {
  float: left;
  display: flex;
  width: 536px;
  height: 276px;
  padding: 64px 32px;
  flex-direction: column;
  /* justify-content: space-between; */
  align-items: center;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.55);
  position: relative;
  overflow: visible;
  flex-shrink: 0;
  scroll-snap-align: start;

  /* flex-basis: 40%; */
}

.styles-module--imageContainer--ecea3 {
  position: absolute;
  right: 23.209px;
  bottom: -16.906px;
  width: 89px;
  height: 62px;
}

.styles-module--image--13029 {
  width: 100%;
  height: auto;
  overflow: visible;
}

.styles-module--btnsContainer--8004c {
  display: flex;
  gap: 40px;
  position: relative;
  /* bottom: 50px; */
  outline: none;
}

.styles-module--btn--b3fc9 {
  background: none;
  border: none;
  cursor: pointer;
  width: 70px;
  height: 70px;
  border-radius: 35px;
  display: flex;
  align-items: center;
  /* position: absolute; Change to absolute positioning */
  outline: none;
}

.styles-module--btn--b3fc9:active,
.styles-module--btn--b3fc9:focus {
  outline: 0 !important;
  box-shadow: none !important;
}

* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent; /* For some Androids */
}

.styles-module--btn--b3fc9:hover {
  background: none;
}

.styles-module--btn--b3fc9 svg {
  width: 100%;
  outline: none;
}

@media (min-width: 1280px) {
  .styles-module--mainn--23ded {
    max-width: 1100px;
  }

  .styles-module--userLoveBox--6e42b {
    width: 536px;
    height: 276px;
    padding: 52px 28px;
  }
  .styles-module--comment--59beb {
    font-size: 16px;
  }

  .styles-module--name--2fe83 {
    font-size: 20px;
  }
}

@media (min-width: 1920px) {
  .styles-module--mainn--23ded {
    max-width: 1400px;
  }
}

@media screen and (max-width: 1200px) {
  .styles-module--column--8789c {
    scale: 0.9;
  }

  .styles-module--mainn--23ded {
    margin: -3rem 0;
  }

  .styles-module--title--5d34b {
    margin-bottom: 2rem;
  }

  .styles-module--box--5a693 {
    gap: 3rem;
  }
  .styles-module--main--e8f70 {
    width: 85vw;
  }
}

@media screen and (max-width: 999px) {
  .styles-module--flex--a5f8f {
    gap: 1rem;
  }
}

@media screen and (max-width: 850px) {
  .styles-module--main--e8f70 {
    gap: 2rem;
  }

  .styles-module--title--5d34b {
    margin-bottom: 2rem;
  }

  .styles-module--box--5a693 * {
    scale: 1.2;
  }

  .styles-module--box--5a693 {
    gap: 5rem;
  }

  .styles-module--name--2fe83 {
    margin-top: -2rem;
  }
}

@media screen and (max-width: 650px) {
  .styles-module--box--5a693 * {
    scale: 1.1;
  }

  .styles-module--box--5a693 {
    gap: 3rem;
  }
  .styles-module--imageContainer--ecea3 {
    position: absolute;
    right: 16px;
    bottom: -10px;
    width: 54px;
  }

  .styles-module--image--13029 {
    width: 54px;
  }
}

@media screen and (max-width: 550px) {
  .styles-module--main--e8f70 {
    gap: 2rem;
  }
  .styles-module--imageContainer--ecea3 {
    position: absolute;
    right: 16px;
    bottom: -10px;
    width: 54px;
  }

  .styles-module--image--13029 {
    width: 54px;
  }
}

@media screen and (max-width: 450px) {
  .styles-module--flex--a5f8f {
    gap: 10px;
  }

  .styles-module--comment--59beb {
    margin: 2rem 0 1rem 0;
    font-size: 0.9rem;
  }

  .styles-module--name--2fe83 {
    font-size: 0.8rem;
    margin-top: 0;
    bottom: 20px;
  }

  .styles-module--main--e8f70 {
    height: 185px;
  }

  .styles-module--userLoveBox--6e42b {
    display: flex;
    width: 335.848px;
    height: 172px;
    padding: 33.422px 16.303px;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
  }

  .styles-module--imageContainer--ecea3 {
    position: absolute;
    right: 16px;
    bottom: -35px;
    width: 54px;
  }

  .styles-module--image--13029 {
    width: 54px;
  }

  .styles-module--comment--59beb {
    margin-top: -10px;
    font-size: 12px;
  }

  .styles-module--name--2fe83 {
    font-size: 12px;
  }

  .styles-module--btn--b3fc9 {
    width: 40px;
    height: 40px;
    border-radius: 20px;
  }

  .styles-module--btn--b3fc9 svg {
    width: 100%;
  }

  .styles-module--btnsContainer--8004c {
    /* bottom: 10px; */
    gap: 10px;
  }
}

.styles-module--main--8659a {
  width: 100%;
  max-width: 1400px;
  margin-bottom: 2rem;
}

.styles-module--flex--91eaf {
  gap: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.styles-module--column--9a26e {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
}

.styles-module--top--40335 {
  font-size: 1.2rem;
}

.styles-module--title--504b8 {
  font-size: 2.4rem;
}

.styles-module--img--4e59f {
  width: 200px !important;
  height: 200px !important;
  transform: rotate(15.531deg);
}

.styles-module--number--a01a7 {
  height: 2rem;
  width: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  color: var(--grey-200);
  background-color: rgba(217, 217, 217, 0.35);
}

.styles-module--body--42bb5,
.styles-module--bottom--aeece * {
  color: var(--grey-300);
  font-weight: 600;
}

.styles-module--bottom--aeece {
  font-size: 1rem;
}

.styles-module--emailLink--43d24 {
  color: #0f5e92;
  text-decoration: underline;
}

.styles-module--emailLink--43d24:hover {
  color: black;
  text-decoration: underline;
}

.styles-module--custom-collapse--318e5
  .styles-module--ant-collapse-item-active--01a45
  .styles-module--ant-collapse-header--ddedc
  .styles-module--ant-collapse-arrow--b6418 {
  transform: rotate(180deg);
}

@media (min-width: 1280px) {
  .styles-module--main--8659a {
    max-width: 1100px;
  }
}

@media (min-width: 1920px) {
  .styles-module--main--8659a {
    max-width: 1400px;
  }
}

@media screen and (max-width: 850px) {
  .styles-module--top--40335 {
    margin-bottom: 2rem;
  }

  .styles-module--img--4e59f {
    display: none;
  }

  .styles-module--bottom--aeece {
    font-size: 0.85rem;
    flex-direction: column;
    align-items: start;
  }
}

@media screen and (max-width: 550px) {
  .styles-module--title--504b8 {
    font-size: 1.6rem;
  }

  .styles-module--top--40335 {
    font-size: 1.1rem;
    margin-bottom: 1rem;
  }

  .styles-module--bottom--aeece {
    font-size: 0.7rem;
  }
}

@media screen and (max-width: 400px) {
  .styles-module--bottom--aeece {
    font-size: 0.6rem;
  }
}

.styles-module--qrText--352c6,
.styles-module--subtitle--02a19,
.styles-module--title--45ae3 {
  text-align: center;
  width: -webkit-max-content;
  width: max-content;
}

.styles-module--main--180fe {
  width: 100%;
  max-width: 1400px;
  border-radius: 3rem;
  background-color: var(--green-100);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  background-image: url(/static/download-e71c254ae9e406ce270f8a826bb18887.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  overflow: hidden;
  margin-bottom: 4rem;
}

.styles-module--haze--c9382 {
  width: 100%;
  height: 100%;
  padding: 2rem 8rem 0 8rem;
  background-color: rgba(220, 251, 243, 0.92);
}

.styles-module--flex--33bdd {
  gap: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.styles-module--column--5ccaa {
  flex-direction: column;
}

.styles-module--box--fa806 {
  gap: 1rem;
  scale: 0.8;
  padding: 2rem;
  border-radius: 1.5rem;
  min-width: -webkit-max-content;
  min-width: max-content;
  background: #84f0d4;
  box-shadow: 0px -2px 6px 0px rgba(5, 5, 5, 0.08);
}

.styles-module--title--45ae3 {
  font-size: 2rem;
  font-weight: 700;
  color: var(--black);
  margin-bottom: -0.5rem;
}

.styles-module--subtitle--02a19 {
  font-size: 1.3rem;
  font-weight: 700;
  color: var(--grey-400);
  margin-bottom: -1.5rem;
}

.styles-module--qrText--352c6 {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  color: var(--black);
}

.styles-module--qr--b445c {
  width: 300px !important;
}

.styles-module--qrbutton--b41ad {
  border: 0;
  padding: 1.5rem;
  border-radius: 10px;
  color: var(--white-400);
  background-color: var(--black);
  transition: all 0.2s ease-in-out;
  font-weight: 400;
}

.styles-module--btnText--8b44a {
  color: var(--white-400);
  font-weight: 500;
}

.styles-module--img--15487 {
  cursor: pointer;
  width: 200px !important;
}

@media screen and (min-width: 1800px) {
  .styles-module--main--180fe {
    margin: 1rem 0 5rem 0;
  }
}

@media screen and (max-width: 770px) {
  .styles-module--title--45ae3 {
    font-size: 1.5rem;
  }

  .styles-module--subtitle--02a19,
  .styles-module--qrText--352c6 {
    font-size: 1rem;
  }

  .styles-module--img--15487 {
    width: 150px !important;
  }

  .styles-module--qr--b445c {
    width: 200px !important;
  }
}

@media screen and (max-width: 650px) {
  .styles-module--main--180fe {
    width: 100vw;
    background-image: none;
    background-color: transparent;
    box-shadow: none;
    margin: -2rem 0 -1rem 0;
  }

  .styles-module--haze--c9382 {
    background-color: transparent;
    padding: 0;
  }

  .styles-module--box--fa806 {
    min-width: 70vw;
    padding: 2rem 1.5rem;
    border-radius: 1.5rem;
    background: rgba(255, 255, 255, 0.48);
    box-shadow: 0px -1.1px 3.4px 0px rgba(5, 5, 5, 0.08);
  }

  .styles-module--qr--b445c {
    width: 50vw !important;
  }

  .styles-module--qrText--352c6 {
    font-size: 1.3rem;
  }
}

@media screen and (max-width: 550px) {
  .styles-module--title--45ae3 {
    font-size: 1.3rem;
  }

  .styles-module--subtitle--02a19 {
    font-size: 1rem;
  }
}

@media screen and (max-width: 450px) {
  .styles-module--title--45ae3 {
    font-size: 1.1rem;
  }

  .styles-module--subtitle--02a19 {
    font-size: 0.8rem;
  }

  .styles-module--qrText--352c6 {
    font-size: 1rem;
  }

  .styles-module--img--15487 {
    width: 30vw !important;
  }
}

