.main {
  width: 100%;
  position: relative;
  justify-content: center;
  padding: 60px var(--padding-0);
  box-sizing: border-box;
  line-height: normal;
  letter-spacing: normal;
  background: #f8f9fe;
}
.header {
  	align-self: stretch;
  	background: var(--gradient-1);
  	border-bottom: 2px solid transparent;
  	display: flex;
  	align-items: flex-start;
    	justify-content: center;
    	z-index: 1;
    	flex-shrink: 0;
}
.divcontainer {
  	align-self: stretch;
  	width: 1360px;
  	display: flex;
  	align-items: center;
   	justify-content: space-between;
  	flex-wrap: wrap;
  	align-content: center;
  	padding: var(--padding-20) var(--padding-40);
  	box-sizing: border-box;
  	gap: var(--gap-10) var(--gap-20);
   	max-width: 1360px;
    margin: 0 auto;
}
.divlogo {
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	padding: var(--padding-0) var(--padding-15);
  	box-sizing: border-box;
  	min-width: 255px;
  	cursor: pointer;
}
.no-bg-image-27-1 {
  	height: 51.2px;
  	width: 177px;
  	position: relative;
  	object-fit: cover;
}
.no-bg-image-28-1 {
  	height: 39px;
  	width: 65px;
  	position: relative;
  	object-fit: cover;
}
.navnav {
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	padding: var(--padding-0) var(--padding-15);
  	box-sizing: border-box;
  	gap: var(--gap-22);
  	min-width: 255px;
}
.anav-linkplay {
  	height: 38px;
  	width: 38px;
  	box-shadow: 0px 17.416667938232422px 52.78px rgba(255, 210, 0, 0.19), 0px 7.2762675285339355px 22.05px rgba(255, 210, 0, 0.14), 0px 3.8902409076690674px 11.79px rgba(255, 210, 0, 0.11), 0px 2.1808369159698486px 6.61px rgba(255, 210, 0, 0.09), 0px 1.1582261323928833px 3.51px rgba(255, 210, 0, 0.08), 0px 0.4819638729095459px 1.46px rgba(255, 210, 0, 0.05);
  	border-radius: 8.44px;
  	background-color: var(--color-gold);
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	padding: var(--padding-0) 12.7px;
  	box-sizing: border-box;
}
.play-icon {
  	height: 25.3px;
  	width: 25.3px;
  	position: relative;
  	flex-shrink: 0;
}
.anav-linkfaq {
  	height: var(--height-22);
  	width: 35px;
  	position: relative;
}
.faq {
  	position: absolute;
  	top: 2px;
  	left: 0px;
  	line-height: var(--lh-17_4);
  	cursor: pointer;
}
.anav-linklogin {
  	height: var(--height-22);
  	width: 80px;
  	position: relative;
}
.hero,
.main {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.hero {
  gap: var(--gap-20);
  text-align: center;
  font-size: 60px;
  color: var(--Color-Text-Grey);
  font-family: var(--font-avenir-next-lt-pro);
}
.h1,
.hero,
.title {
  align-self: stretch;
}
.h1 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.title {
  margin: 0;
  position: relative;
  font-size: inherit;
  line-height: 71px;
  font-weight: 800;
  font-family: inherit;
  background: var(--Color-Text-Gradient-Heading-Blue);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.background-icon {
  	width: 1920px;
  	height: 2553px;
  	position: absolute;
  	margin: 0 !important;
  	top: -2px;
  	left: 0px;
  	z-index: -999;
  	flex-shrink: 0;
}
.p {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: var(--fs-18);
}
.subtitle2 {
  align-self: stretch;
  position: relative;
  font-weight: 500;
}
.filter-label {
  position: relative;
  font-size: var(--fs-16);
  line-height: var(--lh-17_4);
  font-family: var(--font-avenir-next-lt-pro);
  color: var(--color-gray);
  text-align: center;
}

.filter-label2 {
  position: relative;
  font-size: var(--fs-16);
  line-height: var(--lh-17_4);
  font-family: var(--font-avenir-next-lt-pro);
  color: var(--Color-Text-Blue);
  text-align: center;
}

.faq-grid {
  align-self: stretch;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 28px;
  text-align: left;
  font-size: var(--fs-16);
  color: var(--color-gray);
  font-family: var(--font-avenir-next-lt-pro);
}
.faq-list {
  flex: 1;
  flex-direction: column;
  align-items: center;
  gap: 18px;
}
.buttonfaq-question,
.faq-list,
.item {
  display: flex;
  min-width: var(--min-w-390);
  width: 100%;
}
.item {
  box-shadow: var(--Shadow-Blue-8);
  border-radius: var(--br-20);
  background: var(--gradient-1);
  overflow: hidden;
  flex-direction: column;
  align-items: flex-start;
  max-width: var(--max-w-844);
  min-width: var(--min-w-390);
  text-align: left;
  font-size: var(--fs-16);
  color: var(--color-gray);
  font-family: var(--font-avenir-next-lt-pro);
}
.buttonfaq-question {
  align-self: stretch;
  align-items: center;
  justify-content: space-between;
  padding: var(--padding-28) var(--padding-30);
  box-sizing: border-box;
  gap: var(--gap-0);
  row-gap: var(--gap-20);
}
.question {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  min-width: var(--min-w-487);
}
.question2 {
  align-self: stretch;
  position: relative;
  line-height: var(--lh-17_4);
}
.span {
  height: 29px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  padding: var(--padding-0) var(--padding-5);
  box-sizing: border-box;
  font-size: var(--fs-24);
  color: var(--color-mediumslateblue);
}
.toggle-icon {
  margin: 0;
  position: relative;
  font-size: inherit;
  font-weight: 900;
  font-family: inherit;
}
.answer,
.divfaq-answer {
  align-self: stretch;
  position: relative;
}
.divfaq-answer {
  display: none;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-20) 28.8px var(--padding-30);
  margin-top: -0.7px;
  font-size: var(--font-size-16);
  color: var(--color-slategray);
}
.faq-item.open .divfaq-answer {
  display: flex;
}
.buttonfaq-question {
  cursor: pointer;
}
.filter-button.active {
  background-color: var(--color-gold);
  color: var(--color-gray);
}
.filter-button.active .filter-label,
.filter-button.active .filter-label2 {
  color: var(--color-gray);
}
.answer {
  line-height: 21.8px;
  font-weight: 500;
}
.item2 {
  width: 100%;
  box-shadow: var(--Shadow-Blue-8);
  border-radius: var(--br-20);
  background: var(--gradient-1);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  min-width: var(--min-w-390);
  max-width: var(--max-w-844);
}
.buttonfaq-question2 {
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--padding-28) var(--padding-30);
  gap: var(--gap-0);
  row-gap: var(--gap-20);
}
.question3 {
  flex: 1;
  display: flex;
  align-items: center;
  min-width: var(--min-w-487);
}
.question4 {
  flex: 1;
  position: relative;
  line-height: var(--lh-17_4);
}
.span2 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  padding: var(--padding-0) var(--padding-5);
  font-size: var(--fs-24);
  color: var(--color-mediumslateblue);
}
.item3 {
  width: 100%;
  box-shadow: var(--Shadow-Blue-8);
  border-radius: var(--br-20);
  background: var(--gradient-1);
  overflow: hidden;
  align-items: flex-start;
  min-width: var(--min-w-390);
  max-width: var(--max-w-844);
}
.contact,
.item3,
.span3 {
  display: flex;
  flex-direction: column;
}
.span3 {
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-5);
  font-size: var(--fs-24);
  color: var(--color-mediumslateblue);
}
.contact-item {
  width: 100%;
  cursor: default;
}
.contact-item .buttonfaq-question {
  cursor: default;
}
.contact-body {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}
.contact-icon {
  width: 48px;
  height: 48px;
  flex-shrink: 0;
  object-fit: contain;
}
.contact-text {
  font-size: var(--fs-16);
  line-height: 21.8px;
  color: var(--color-slategray);
  font-weight: 500;
}
.contact-email {
  color: var(--color-mediumslateblue);
  font-weight: 700;
  text-decoration: none;
}
.contact-email:hover {
  text-decoration: underline;
}
@media screen and (max-width: 1250px) {
  .divcontainer {
    max-width: 100%;
  }
}
@media screen and (max-width: 1050px) {
  .item,
  .item2,
  .item3 {
    max-width: 100%;
  }
}
@media screen and (max-width: 750px) {
  .divcontainer {
    gap: 25px;
  }
  .title {
    font-size: 48px;
    line-height: 57px;
  }
  .p {
    max-width: 100%;
  }
  .buttonfaq-question {
    flex-wrap: wrap;
  }
  .question {
    min-width: 100%;
  }
  .buttonfaq-question2 {
    flex-wrap: wrap;
  }
  .question3 {
    min-width: 100%;
  }
  .contact-title {
    font-size: var(--fs-24);
    line-height: 29px;
  }
}
@media screen and (max-width: 450px) {
  .title {
    font-size: 36px;
    line-height: 43px;
  }
  .faq-list {
    min-width: 100%;
  }
  .toggle-icon {
    font-size: var(--fs-19);
  }
  .contact-title {
    font-size: var(--fs-18);
    line-height: var(--lh-22);
  }
}
body {
  margin: 0;
  line-height: normal;
}

:root {
  /* Figma Variables */

  /* Spacing */
  --font-size-15: 15px;
  --font-size-16: 16px;
  --line-height-21-75: 21.75px;

  /* Color */
  --Color-Text-Blue: #225ff7;
  --Color-Text-Grey: #5f6b85;
  --Color-White-70: rgba(255, 255, 255, 0.7);
  --color-white-solid: #fff;

  /* Common Style Variables */

  /* Color */
  --color-gainsboro-100: #e6e6e6;
  --color-gainsboro-200: rgba(230, 230, 230, 0.7);
  --color-gold: #ffd500;
  --color-goldenrod: #cca300;
  --color-gray: #111827;
  --color-mediumslateblue: #2140cc;
  --color-slategray: #667085;

  /* Gap */
  --gap-0: 0px;
  --gap-20: 20px;

  /* Padding */
  --padding-0: 0px;
  --padding-5: 5px;
  --padding-20: 20px;
  --padding-28: 28px;
  --padding-30: 30px;

  /* BorderRadius */
  --br-10: 10px;
  --br-20: 20px;

  /* Font */
  --font-avenir-next-lt-pro: Avenir Next LT Pro;

  /* FontSize */
  --fs-16: 16px;
  --fs-18: 18px;
  --fs-19: 19px;
  --fs-24: 24px;

  /* Borders */
  --border-1: 3px solid transparent;
  --border-2: 3px solid var(--color-gainsboro-100);

  /* Shadows */
  --Shadow-Blue-8: 0px 12px 34px rgba(47, 91, 255, 0.08);
  --shadow-drop: 0px 6px 20px rgba(47, 91, 255, 0.08);

  /* Gradients */
  --Color-Gradient-Blue: linear-gradient(116.48deg, #0741cf, #4e7ff9);
  --Color-Text-Gradient-Heading-Blue: linear-gradient(
    90.67deg,
    #1947b8,
    #1354f6
  );
  --gradient-1: var(--Color-White-70) padding-box,
    linear-gradient(180deg, var(--color-white-solid), rgba(255, 255, 255, 0))
      border-box;

  /* WidthHeights */
  --height-46: 46px;
  --max-w-844: 844px;
  --min-w-390: 390px;
  --min-w-487: 487px;

  /* LineHeights */
  --lh-22: 22px;
  --lh-17_4: 17.4px;
}