.edu-contact-page {
  --contact-blue: #3b82f6;
  --contact-orange: #ff7a00;
  --contact-ink: #17202a;
  --contact-muted: #657383;
  --contact-line: #e4ebf3;
  overflow: hidden;
  background: #fff;
  color: var(--contact-ink);
  font-family: 'Nunito Sans', Arial, sans-serif;
}

.edu-contact-page *,
.edu-contact-page *::before,
.edu-contact-page *::after {
  box-sizing: border-box;
}

.edu-contact-container {
  width: min(1120px, calc(100% - 48px));
  margin: 0 auto;
}

.edu-contact-breadcrumb {
  display: flex;
  width: min(1120px, calc(100% - 48px));
  margin: 0 auto;
  padding: 22px 0;
  align-items: center;
  gap: 10px;
  color: #7a8795;
  font-size: 13px;
}

.edu-contact-breadcrumb a {
  color: #526171;
  font-weight: 600;
  text-decoration: none;
}

.edu-contact-eyebrow {
  margin: 0 0 13px;
  color: var(--contact-blue);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.edu-contact-content {
  padding: 32px 0 120px;
  background:
    radial-gradient(circle at 92% 0%, rgb(59 130 246 / 7%), transparent 27%),
    #fff;
}

.edu-contact-content__grid {
  display: grid;
  grid-template-columns: minmax(270px, 0.58fr) minmax(0, 1fr);
  gap: 70px;
  align-items: start;
}

.edu-contact-aside {
  position: sticky;
  top: 30px;
  padding: 18px 0;
}

.edu-contact-aside h2,
.edu-contact-form-card h2 {
  margin: 0;
  font-family: 'Caveat Brush', cursive;
  font-size: clamp(31px, 3vw, 42px);
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.12;
}

.edu-contact-aside > p:not(.edu-contact-eyebrow) {
  margin: 22px 0 0;
  color: var(--contact-muted);
  font-size: 17px;
  line-height: 1.65;
}

.edu-contact-aside > a {
  display: inline-flex;
  margin-top: 27px;
  align-items: center;
  gap: 10px;
  color: var(--contact-blue);
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
}

.edu-contact-aside > a svg,
.edu-contact-form button svg {
  width: 19px;
  height: 19px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}

.edu-contact-aside__note {
  margin-top: 45px;
  padding: 22px;
  border: 1px solid #deebf8;
  border-radius: 17px;
  background: #f4f9ff;
}

.edu-contact-aside__note strong,
.edu-contact-aside__note a {
  display: block;
}

.edu-contact-aside__note strong {
  margin-bottom: 6px;
  font-size: 14px;
}

.edu-contact-aside__note a {
  color: #4f6173;
  font-size: 13px;
  text-decoration: none;
  overflow-wrap: anywhere;
}

.edu-contact-form-card {
  padding: 48px;
  border: 1px solid var(--contact-line);
  border-radius: 27px;
  background: #fff;
  box-shadow: 0 25px 65px rgb(29 57 91 / 10%);
}

.edu-contact-form-card__heading {
  margin-bottom: 35px;
}

.edu-contact-form {
  display: grid;
  gap: 21px;
}

.edu-contact-form label > span {
  display: block;
  margin-bottom: 8px;
  color: #425163;
  font-size: 13px;
  font-weight: 700;
}

.edu-contact-form__row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 17px;
}

.edu-contact-form input,
.edu-contact-form select,
.edu-contact-form textarea {
  display: block;
  width: 100%;
  border: 1px solid #dce5ee;
  border-radius: 13px;
  outline: 0;
  background: #fbfcfe;
  color: #263442;
  font: inherit;
  font-size: 15px;
  transition:
    background 180ms ease,
    border-color 180ms ease,
    box-shadow 180ms ease;
}

.edu-contact-form input,
.edu-contact-form select {
  height: 54px;
  padding: 0 16px;
}

.edu-contact-form textarea {
  min-height: 170px;
  padding: 16px;
  line-height: 1.6;
  resize: vertical;
}

.edu-contact-form input:focus,
.edu-contact-form select:focus,
.edu-contact-form textarea:focus {
  border-color: #8cbcf1;
  background: #fff;
  box-shadow: 0 0 0 4px rgb(59 130 246 / 10%);
}

.edu-contact-form input::placeholder,
.edu-contact-form textarea::placeholder {
  color: #9aa6b3;
}

.edu-contact-captcha {
  margin: 5px 0 0;
  padding: 22px;
  border: 1px solid #e2e9f1;
  border-radius: 15px;
  background: #f8fafc;
}

.edu-contact-captcha legend {
  padding: 0 6px;
  color: #425163;
  font-size: 13px;
  font-weight: 700;
}

.edu-contact-captcha > p {
  margin: 0 0 16px;
  color: #667586;
  font-size: 13px;
  line-height: 1.5;
}

.edu-contact-captcha__options {
  display: flex;
  gap: 10px;
}

.edu-contact-captcha__options label {
  position: relative;
  display: grid;
  width: 62px;
  height: 62px;
  place-items: center;
  border: 1px solid #dce5ee;
  border-radius: 12px;
  background: #fff;
  color: #566678;
  cursor: pointer;
  transition:
    background 180ms ease,
    border-color 180ms ease,
    box-shadow 180ms ease,
    transform 180ms ease;
}

.edu-contact-captcha input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}

.edu-contact-captcha svg {
  width: 27px;
  height: 27px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.7;
}

.edu-contact-captcha__options label:hover {
  border-color: #b9cee5;
  transform: translateY(-1px);
}

.edu-contact-captcha__options label:has(input:checked) {
  border-color: var(--contact-blue);
  background: #eaf4ff;
  color: var(--contact-blue);
  box-shadow: 0 0 0 3px rgb(59 130 246 / 10%);
}

.edu-contact-captcha > p.is-success,
.edu-contact-captcha > p.is-error {
  margin: 14px 0 0;
  font-size: 12px;
  font-weight: 700;
}

.edu-contact-captcha > p.is-success {
  color: #21834b;
}

.edu-contact-captcha > p.is-error {
  color: #b74a3d;
}

.edu-contact-form > button {
  display: inline-flex;
  min-width: 150px;
  min-height: 54px;
  padding: 0 23px;
  align-items: center;
  justify-content: center;
  justify-self: start;
  gap: 12px;
  border: 0;
  border-radius: 13px;
  background: var(--contact-orange);
  box-shadow: 0 13px 30px rgb(255 122 0 / 24%);
  color: #fff;
  cursor: pointer;
  font: inherit;
  font-size: 15px;
  font-weight: 700;
  transition:
    box-shadow 180ms ease,
    transform 180ms ease;
}

.edu-contact-form > button:hover {
  box-shadow: 0 17px 38px rgb(255 122 0 / 30%);
  transform: translateY(-2px);
}

.edu-contact-form > button:disabled {
  background: #bdc6cf;
  box-shadow: none;
  cursor: not-allowed;
  transform: none;
}

@media (max-width: 900px) {
  .edu-contact-content__grid {
    grid-template-columns: 1fr;
    gap: 45px;
  }

  .edu-contact-aside {
    position: static;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(220px, 0.5fr);
    gap: 0 35px;
  }

  .edu-contact-aside .edu-contact-eyebrow,
  .edu-contact-aside h2,
  .edu-contact-aside > p,
  .edu-contact-aside > a {
    grid-column: 1;
  }

  .edu-contact-aside__note {
    grid-column: 2;
    grid-row: 1 / span 5;
    margin-top: 0;
    align-self: end;
  }
}

@media (max-width: 620px) {
  .edu-contact-container,
  .edu-contact-breadcrumb {
    width: min(100% - 34px, 1120px);
  }

  .edu-contact-content {
    padding: 28px 0 86px;
  }

  .edu-contact-aside {
    display: block;
  }

  .edu-contact-aside__note {
    margin-top: 32px;
  }

  .edu-contact-form-card {
    padding: 31px 22px;
    border-radius: 21px;
  }

  .edu-contact-form__row {
    grid-template-columns: 1fr;
  }

  .edu-contact-form > button {
    width: 100%;
  }
}

/* Contact Form 7 production integration. */
.edu-contact-form--cf7 .wpcf7,
.edu-contact-form--cf7 .wpcf7-form,
.edu-contact-form--cf7 .cform {
	width: 100%;
}

.edu-contact-form--cf7 .cgrid,
.edu-contact-form--cf7 .crow {
	display: grid;
	gap: 16px;
}

.edu-contact-form--cf7 .crow {
	grid-template-columns: minmax(0, 1fr);
}

.edu-contact-form--cf7 p,
.edu-contact-form--cf7 label {
	margin: 0;
}

.edu-contact-form--cf7 .wpcf7-form-control-wrap {
	display: block;
	width: 100%;
}

.edu-contact-form--cf7 .label,
.edu-contact-form--cf7 .wpcf7-list-item-label {
	display: block;
	margin-bottom: 8px;
	color: #303945;
	font-size: 13px;
	font-weight: 700;
}

.edu-contact-form--cf7 input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.edu-contact-form--cf7 select,
.edu-contact-form--cf7 textarea {
	display: block;
	width: 100%;
	border: 1px solid #dce4ec;
	border-radius: 12px;
	background: #fff;
	color: #1f2933;
	font: inherit;
	font-size: 15px;
	box-shadow: none;
	box-sizing: border-box;
}

.edu-contact-form--cf7 input:not([type="submit"]),
.edu-contact-form--cf7 select {
	height: 58px;
	min-height: 58px;
	padding: 0 17px;
}

.edu-contact-form--cf7 textarea {
	min-height: 190px;
	padding: 16px 17px;
	line-height: 1.55;
	resize: vertical;
}

.edu-contact-form--cf7 input:focus,
.edu-contact-form--cf7 select:focus,
.edu-contact-form--cf7 textarea:focus {
	border-color: #3b82f6;
	box-shadow: 0 0 0 3px rgb(59 130 246 / 12%);
	outline: 0;
}

.edu-contact-form--cf7 .captcha-image {
	margin: 0;
	padding: 16px;
	border: 1px solid #dce4ec;
	border-radius: 10px;
	background: #f7f9fb;
}

.edu-contact-form--cf7 .wpcf7-form button,
.edu-contact-form--cf7 input[type="submit"] {
	display: inline-flex;
	min-width: 154px;
	height: 54px;
	min-height: 54px;
	padding: 0 24px;
	border: 0 !important;
	border-radius: 12px;
	align-items: center;
	justify-content: center;
	gap: 16px;
	background: #ff7a00 !important;
	box-shadow: 0 10px 24px rgb(255 122 0 / 22%);
	color: #fff !important;
	font-family: "Nunito Sans", Arial, sans-serif;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	cursor: pointer;
	appearance: none;
	transition:
		background-color 180ms ease,
		box-shadow 180ms ease,
		transform 180ms ease;
}

.edu-contact-form--cf7 .wpcf7-form button::after {
	content: "→";
	font-size: 18px;
	font-weight: 400;
	line-height: 1;
}

.edu-contact-form--cf7 .wpcf7-form button:hover,
.edu-contact-form--cf7 input[type="submit"]:hover {
	background: #e86f00 !important;
	box-shadow: 0 15px 30px rgb(255 122 0 / 28%);
	color: #fff !important;
	transform: translateY(-2px);
}

.edu-contact-form--cf7 .wpcf7-spinner {
	vertical-align: middle;
}

.edu-contact-form-card__heading h1 {
	margin: 0;
	color: #17202a;
	font-family: "Caveat Brush", cursive;
	font-size: clamp(39px, 4vw, 56px);
	font-weight: 400;
	line-height: 1;
}

@media (max-width: 640px) {
	.edu-contact-form--cf7 .crow {
		grid-template-columns: 1fr;
	}

	.edu-contact-form--cf7 .wpcf7-form button,
	.edu-contact-form--cf7 input[type="submit"] {
		width: 100%;
	}
}
.edu-schools-page {
  --schools-blue: #3b82f6;
  --schools-orange: #ff7a00;
  --schools-ink: #17202a;
  --schools-muted: #637181;
  --schools-line: #e4ebf3;
  overflow: hidden;
  background: #fff;
  color: var(--schools-ink);
  font-family: 'Nunito Sans', Arial, sans-serif;
}

.edu-schools-page *,
.edu-schools-page *::before,
.edu-schools-page *::after {
  box-sizing: border-box;
}

.edu-schools-container {
  width: min(1160px, calc(100% - 48px));
  margin: 0 auto;
}

.edu-schools-breadcrumb {
  display: flex;
  width: min(1160px, calc(100% - 48px));
  margin: 0 auto;
  padding: 22px 0;
  align-items: center;
  gap: 10px;
  color: #7a8795;
  font-size: 13px;
}

.edu-schools-breadcrumb a {
  color: #526171;
  font-weight: 600;
  text-decoration: none;
}

.edu-schools-eyebrow {
  margin: 0 0 13px;
  color: var(--schools-blue);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.edu-schools-page h1,
.edu-schools-page h2,
.edu-schools-page h3,
.edu-schools-page p {
  font-family: inherit;
}

.edu-schools-page h2 {
  margin: 0;
  font-family: 'Caveat Brush', cursive;
  font-size: clamp(34px, 4vw, 48px);
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.12;
}

.edu-schools-hero {
  position: relative;
  padding: 68px 0 100px;
  background:
    radial-gradient(circle at 90% 10%, rgb(255 122 0 / 10%), transparent 29%),
    linear-gradient(120deg, #eef6ff 0%, #fff 62%);
}

.edu-schools-hero::before {
  position: absolute;
  top: -160px;
  left: -170px;
  width: 430px;
  height: 430px;
  border: 66px solid rgb(59 130 246 / 5%);
  border-radius: 50%;
  content: '';
}

.edu-schools-hero__grid {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 0.85fr) minmax(420px, 0.72fr);
  gap: 70px;
  align-items: center;
}

.edu-schools-hero h1 {
  margin: 0 0 28px;
  font-family: 'Caveat Brush', cursive;
  font-size: clamp(53px, 6.2vw, 76px);
  font-weight: 400;
  letter-spacing: normal;
  line-height: 0.98;
}

.edu-schools-hero__copy > p:not(.edu-schools-eyebrow) {
  max-width: 620px;
  margin: 0;
  color: #4d5b6a;
  font-size: 18px;
  line-height: 1.65;
}

.edu-schools-hero__copy > p + p {
  margin-top: 16px;
}

.edu-schools-button {
  display: inline-flex;
  min-height: 52px;
  padding: 0 23px;
  align-items: center;
  justify-content: center;
  gap: 11px;
  border-radius: 13px;
  background: var(--schools-orange);
  box-shadow: 0 13px 30px rgb(255 122 0 / 24%);
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  transition:
    box-shadow 180ms ease,
    transform 180ms ease;
}

.edu-schools-hero .edu-schools-button {
  margin-top: 31px;
}

.edu-schools-button:hover {
  box-shadow: 0 17px 38px rgb(255 122 0 / 30%);
  color: #fff;
  transform: translateY(-2px);
}

.edu-schools-button svg,
.edu-schools-blog-link svg {
  width: 19px;
  height: 19px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}

.edu-schools-hero__media {
  position: relative;
  padding: 14px;
  border: 1px solid rgb(59 130 246 / 13%);
  border-radius: 28px;
  background: rgb(255 255 255 / 72%);
  box-shadow: 0 28px 65px rgb(31 71 119 / 14%);
}

.edu-schools-hero__media img {
  display: block;
  width: 100%;
  border-radius: 20px;
}

.edu-schools-hero__media p {
  margin: 17px 5px 4px;
  color: #5c6b7a;
  font-size: 13px;
  line-height: 1.5;
}

.edu-schools-hero__media a {
  color: var(--schools-blue);
  font-weight: 700;
  text-decoration: none;
}

.edu-schools-benefits,
.edu-schools-devices {
  padding: 108px 0;
}

.edu-schools-heading {
  max-width: 840px;
  margin: 0 auto 54px;
  text-align: center;
}

.edu-schools-heading > p:last-child {
  margin: 18px 0 0;
  color: var(--schools-muted);
  font-size: 17px;
}

.edu-schools-benefits__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

.edu-schools-benefits__grid article {
  padding: 36px;
  border: 1px solid var(--schools-line);
  border-radius: 23px;
  background: #fff;
  box-shadow: 0 16px 44px rgb(31 56 87 / 7%);
}

.edu-schools-benefits__grid article > span {
  display: inline-grid;
  width: 44px;
  height: 44px;
  margin-bottom: 38px;
  place-items: center;
  border-radius: 13px;
  background: #eaf4ff;
  color: var(--schools-blue);
  font-size: 12px;
  font-weight: 700;
}

.edu-schools-benefits__grid h3 {
  margin: 0 0 14px;
  font-size: 24px;
}

.edu-schools-benefits__grid p {
  margin: 0;
  color: var(--schools-muted);
  font-size: 16px;
  line-height: 1.7;
}

.edu-schools-blog-link {
  display: grid;
  margin-top: 25px;
  padding: 29px 33px;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 30px;
  border-radius: 20px;
  background: #f1f7ff;
  color: var(--schools-ink);
  text-decoration: none;
  transition:
    background 180ms ease,
    transform 180ms ease;
}

.edu-schools-blog-link:hover {
  background: #e8f3ff;
  color: var(--schools-ink);
  transform: translateY(-2px);
}

.edu-schools-blog-link small,
.edu-schools-blog-link strong,
.edu-schools-blog-link p {
  display: block;
}

.edu-schools-blog-link small {
  margin-bottom: 5px;
  color: var(--schools-blue);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.edu-schools-blog-link strong {
  font-size: 18px;
}

.edu-schools-blog-link p {
  margin: 7px 0 0;
  color: var(--schools-muted);
  font-size: 14px;
}

.edu-schools-blog-link__arrow {
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  border-radius: 50%;
  background: var(--schools-blue);
  color: #fff;
}

.edu-schools-groups {
  padding: 103px 0;
  background: #1f5faa;
  color: #fff;
}

.edu-schools-groups__grid {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1fr);
  gap: 80px;
}

.edu-schools-groups .edu-schools-eyebrow {
  color: #bcdcff;
}

.edu-schools-groups h2 {
  color: #fff;
}

.edu-schools-groups__answer p {
  margin: 0;
  color: rgb(255 255 255 / 83%);
  font-size: 18px;
  line-height: 1.75;
}

.edu-schools-groups__answer p + p {
  margin-top: 22px;
}

.edu-schools-devices {
  background: #f7f9fc;
}

.edu-schools-devices__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.edu-schools-devices__grid article {
  padding: 31px;
  border: 1px solid var(--schools-line);
  border-radius: 21px;
  background: #fff;
}

.edu-schools-devices__grid article > span {
  display: inline-grid;
  width: 52px;
  height: 52px;
  margin-bottom: 28px;
  place-items: center;
  border-radius: 15px;
  background: #eaf4ff;
  color: var(--schools-blue);
}

.edu-schools-devices__grid svg {
  width: 28px;
  height: 28px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.7;
}

.edu-schools-devices__grid h3 {
  margin: 0 0 12px;
  font-size: 22px;
}

.edu-schools-devices__grid p {
  margin: 0;
  color: var(--schools-muted);
  font-size: 15px;
  line-height: 1.68;
}

.edu-schools-onboarding {
  display: grid;
  margin-top: 25px;
  padding: 39px;
  grid-template-columns: minmax(0, 0.85fr) minmax(0, 1fr);
  gap: 55px;
  border: 1px solid #dce7f2;
  border-radius: 23px;
  background: #fff;
}

.edu-schools-onboarding h2 {
  font-size: clamp(28px, 3vw, 38px);
}

.edu-schools-onboarding > div:last-child p {
  margin: 0;
  color: var(--schools-muted);
  font-size: 16px;
  line-height: 1.7;
}

.edu-schools-onboarding > div:last-child p + p {
  margin-top: 17px;
}

.edu-schools-cta {
  padding: 108px 0;
}

.edu-schools-cta__inner {
  display: grid;
  padding: 52px 56px;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: 60px;
  align-items: center;
  border-radius: 28px;
  background:
    radial-gradient(circle at 95% 10%, rgb(255 255 255 / 12%), transparent 28%),
    #25384e;
  box-shadow: 0 25px 65px rgb(28 47 68 / 18%);
  color: #fff;
}

.edu-schools-cta .edu-schools-eyebrow {
  color: #bcdcff;
}

.edu-schools-cta h2 {
  color: #fff;
}

.edu-schools-cta__inner > div:first-child > p:not(.edu-schools-eyebrow) {
  margin: 19px 0 0;
  color: rgb(255 255 255 / 78%);
  font-size: 16px;
  line-height: 1.65;
}

.edu-schools-cta a {
  color: #fff;
}

.edu-schools-cta__actions {
  display: grid;
  gap: 18px;
}

.edu-schools-cta__actions > a:last-child {
  font-size: 13px;
  line-height: 1.5;
  text-align: center;
}

@media (max-width: 920px) {
  .edu-schools-hero__grid,
  .edu-schools-groups__grid,
  .edu-schools-onboarding,
  .edu-schools-cta__inner {
    grid-template-columns: 1fr;
    gap: 45px;
  }

  .edu-schools-hero__media {
    max-width: 650px;
  }

  .edu-schools-devices__grid {
    grid-template-columns: 1fr 1fr;
  }

  .edu-schools-cta__actions {
    max-width: 360px;
  }
}

@media (max-width: 650px) {
  .edu-schools-container,
  .edu-schools-breadcrumb {
    width: min(100% - 34px, 1160px);
  }

  .edu-schools-hero {
    padding: 52px 0 76px;
  }

  .edu-schools-hero h1 {
    font-size: 51px;
    letter-spacing: normal;
  }

  .edu-schools-benefits,
  .edu-schools-devices,
  .edu-schools-groups,
  .edu-schools-cta {
    padding: 78px 0;
  }

  .edu-schools-benefits__grid,
  .edu-schools-devices__grid {
    grid-template-columns: 1fr;
  }

  .edu-schools-benefits__grid article,
  .edu-schools-devices__grid article {
    padding: 27px;
  }

  .edu-schools-blog-link {
    padding: 25px;
  }

  .edu-schools-blog-link__arrow {
    display: none;
  }

  .edu-schools-onboarding,
  .edu-schools-cta__inner {
    padding: 32px 25px;
  }

  .edu-schools-button {
    width: 100%;
  }
}
.edu-reviews-page,
.edu-faq-page {
  --editorial-blue: #3b82f6;
  --editorial-ink: #17202a;
  --editorial-muted: #637181;
  --editorial-line: #e4ebf3;
  background: #fff;
  color: var(--editorial-ink);
  font-family: 'Nunito Sans', Arial, sans-serif;
}

.edu-reviews-page *,
.edu-reviews-page *::before,
.edu-reviews-page *::after,
.edu-faq-page *,
.edu-faq-page *::before,
.edu-faq-page *::after {
  box-sizing: border-box;
}

.edu-editorial-container {
  width: min(1160px, calc(100% - 48px));
  margin: 0 auto;
}

.edu-editorial-breadcrumb {
  display: flex;
  width: min(1160px, calc(100% - 48px));
  margin: 0 auto;
  padding: 22px 0;
  align-items: center;
  gap: 10px;
  color: #7a8795;
  font-size: 13px;
}

.edu-editorial-breadcrumb a {
  color: #526171;
  font-weight: 600;
  text-decoration: none;
}

.edu-editorial-eyebrow {
  margin: 0 0 13px;
  color: var(--editorial-blue);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.edu-reviews-hero,
.edu-faq-hero {
  padding: 38px 0 44px;
  background:
    radial-gradient(circle at 88% 10%, rgb(255 122 0 / 9%), transparent 28%),
    linear-gradient(120deg, #eef6ff 0%, #fff 62%);
  text-align: center;
}

.edu-reviews-hero h1,
.edu-faq-hero h1 {
  margin: 0;
  font-family: 'Caveat Brush', cursive;
  font-size: clamp(38px, 4.2vw, 52px);
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.03;
}

.edu-reviews-hero > div > p:last-child,
.edu-faq-hero > div > p:last-child {
  max-width: 720px;
  margin: 14px auto 0;
  color: #526171;
  font-size: 16px;
  line-height: 1.55;
}

.edu-reviews-content {
  padding: 64px 0 96px;
}

.edu-reviews-text-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.edu-reviews-text-grid blockquote {
  display: flex;
  min-height: 270px;
  margin: 0;
  padding: 30px;
  flex-direction: column;
  border: 1px solid var(--editorial-line);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 12px 36px rgb(31 56 87 / 6%);
}

.edu-reviews-text-grid blockquote > div {
  margin-bottom: 19px;
  color: #ffb400;
  font-size: 15px;
  letter-spacing: 0.11em;
}

.edu-reviews-text-grid blockquote p {
  flex: 1;
  margin: 0;
  color: #465463;
  font-size: 15px;
  line-height: 1.66;
}

.edu-reviews-text-grid cite {
  margin-top: 22px;
  padding-top: 17px;
  border-top: 1px solid #edf1f5;
  color: var(--editorial-ink);
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
}

.edu-reviews-screens-header {
  display: flex;
  margin: 58px 0 20px;
  align-items: flex-end;
  justify-content: space-between;
  gap: 30px;
}

.edu-reviews-screens-header span,
.edu-reviews-screens-header strong {
  display: block;
}

.edu-reviews-screens-header span {
  margin-bottom: 4px;
  color: var(--editorial-blue);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.edu-reviews-screens-header strong {
  color: #334151;
  font-size: 17px;
}

.edu-reviews-controls {
  display: flex;
  gap: 9px;
}

.edu-reviews-controls button {
  display: grid;
  width: 46px;
  height: 46px;
  padding: 0;
  place-items: center;
  border: 1px solid #dae3ed;
  border-radius: 50%;
  background: #fff;
  color: #273442;
  cursor: pointer;
  font-size: 20px;
}

.edu-reviews-track {
  display: flex;
  margin-right: calc((100vw - min(1160px, calc(100vw - 48px))) / -2);
  padding-right: max(24px, calc((100vw - 1160px) / 2));
  gap: 20px;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}

.edu-reviews-track::-webkit-scrollbar {
  display: none;
}

.edu-reviews-track a {
  display: block;
  width: 245px;
  flex: 0 0 245px;
  scroll-snap-align: start;
}

.edu-reviews-track img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 10px;
}

.edu-reviews-text-grid--bottom {
  margin-top: 58px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (max-width: 900px) {
  .edu-reviews-text-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 650px) {
  .edu-editorial-container,
  .edu-editorial-breadcrumb {
    width: min(100% - 34px, 1160px);
  }

  .edu-reviews-hero,
  .edu-faq-hero {
    padding: 24px 0 30px;
  }

  .edu-reviews-hero h1,
  .edu-faq-hero h1 {
    font-size: 36px;
    letter-spacing: normal;
  }

  .edu-reviews-hero .edu-editorial-eyebrow,
  .edu-faq-hero .edu-editorial-eyebrow {
    margin-bottom: 8px;
    font-size: 10px;
  }

  .edu-reviews-hero > div > p:last-child,
  .edu-faq-hero > div > p:last-child {
    margin-top: 10px;
    font-size: 14px;
  }

  .edu-reviews-content {
    padding: 46px 0 76px;
  }

  .edu-reviews-text-grid {
    grid-template-columns: 1fr;
  }

  .edu-reviews-screens-header {
    align-items: flex-start;
    flex-direction: column;
  }

  .edu-reviews-controls {
    align-self: flex-end;
  }

  .edu-reviews-track {
    margin-right: -17px;
    padding-right: 17px;
  }

  .edu-reviews-track a {
    width: min(82vw, 350px);
    flex-basis: min(82vw, 350px);
  }
}
.edu-faq-content {
  padding: 58px 0 96px;
  background: #f7f9fc;
}

.edu-faq-groups {
  display: grid;
  gap: 54px;
}

.edu-faq-groups > section {
  display: grid;
  grid-template-columns: 250px minmax(0, 1fr);
  gap: 48px;
}

.edu-faq-groups h2 {
  margin: 15px 0 0;
  color: var(--editorial-ink);
  font-family: "Caveat Brush", cursive;
  font-size: 28px;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.25;
}

.edu-faq-groups details {
  border-bottom: 1px solid #dce4ed;
}

.edu-faq-groups details:first-child {
  border-top: 1px solid #dce4ed;
}

.edu-faq-groups summary {
  display: flex;
  padding: 21px 0;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  color: #273442;
  cursor: pointer;
  font-size: 16px;
  font-weight: 700;
  list-style: none;
}

.edu-faq-groups summary::-webkit-details-marker {
  display: none;
}

.edu-faq-groups summary span {
  display: grid;
  width: 31px;
  height: 31px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 50%;
  background: #e8f2ff;
  color: var(--editorial-blue);
  font-size: 20px;
  font-weight: 500;
  transition: transform 180ms ease;
}

.edu-faq-groups details[open] summary span {
  transform: rotate(45deg);
}

.edu-faq-groups details p {
  max-width: 780px;
  margin: -2px 52px 23px 0;
  color: var(--editorial-muted);
  font-size: 15px;
  line-height: 1.7;
}

@media (max-width: 850px) {
  .edu-faq-groups > section {
    grid-template-columns: 1fr;
    gap: 10px;
  }
}

@media (max-width: 650px) {
  .edu-faq-content {
    padding: 44px 0 76px;
  }

  .edu-faq-groups {
    gap: 44px;
  }
}