body {
  margin: 0;
  font-family: 'Inconsolata', monospace;
  font-size: 14px;
  line-height: 1.6;
  letter-spacing: .015em;
  background: #fff;
  color: #1b2a33
}

:focus-visible {
  outline: 2px dashed #37B1DA;
  outline-offset: 3px;
  animation: dash-spin 3s linear infinite
}

@keyframes dash-spin {
  from {
    outline-offset: 3px
  }

  to {
    outline-offset: 3px
  }
}

@keyframes focus-dash {
  0% {
    outline-color: #37B1DA
  }

  50% {
    outline-color: #E4C7C6
  }

  100% {
    outline-color: #37B1DA
  }
}

:focus-visible {
  animation: focus-dash 2s linear infinite
}

.brand-bar {
  background: linear-gradient(135deg, #37B1DA 0%, #2a8fb0 100%);
  padding: 16px 32px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 32px
}

.brand-bar__name {
  font-size: 52px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: .01em;
  color: #fff;
  flex: 1;
  text-align: left
}

.brand-bar__logo-wrap {
  width: 80px;
  height: 80px;
  background: #fff;
  box-shadow: 0 2px 6px -2px #37b1da0d 0 5px 22px -2px #37b1da17 0 0 0 3px #37b1da40;
  border-radius: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0
}

.brand-bar__logo-wrap img {
  width: 70px;
  height: 70px;
  object-fit: contain;
  display: block
}

.site-nav {
  background: #2a8fb0;
  padding: 0 32px;
  border-bottom: 3px solid #E4C7C6
}

.site-nav__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0
}

.site-nav__item a {
  display: block;
  padding: 16px 32px;
  color: #EFF3F5;
  text-decoration: none;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .02em;
  text-transform: uppercase;
  border-radius: 0;
  transition: background .1s ease-out, border-radius .12s ease-out, color .1s ease-out;
  line-height: 1.4
}

.site-nav__item a:hover {
  background: #ffffff26;
  color: #fff;
  border-radius: 10px
}

.site-nav__item--active a {
  color: #fff;
  background: #ffffff1a;
  box-shadow: inset 0 2px 6px -2px #37b1da1f
}

.pg-footer {
  background: #1b2a33;
  color: #EFF3F5;
  padding: 48px 32px 32px
}

.pg-footer__inner {
  max-width: 1100px;
  margin: 0 auto
}

.pg-footer__grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 48px;
  margin-bottom: 48px
}

.pg-footer__brand-col {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px
}

.pg-footer__logo-wrap {
  width: 75px;
  height: 75px;
  background: #fff;
  box-shadow: 0 5px 22px -2px #37b1da17 0 0 0 2px #e4c7c666;
  border-radius: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0
}

.pg-footer__logo-wrap img {
  width: 65px;
  height: 65px;
  object-fit: contain;
  display: block
}

.pg-footer__brand-name {
  font-size: 18px;
  font-weight: 700;
  color: #37B1DA;
  letter-spacing: .02em;
  line-height: 1.2
}

.pg-footer__tagline {
  font-size: 14px;
  color: #a8bec9;
  line-height: 1.6;
  letter-spacing: .01em
}

.pg-footer__col-head {
  font-size: 14px;
  font-weight: 700;
  color: #E4C7C6;
  text-transform: uppercase;
  letter-spacing: .02em;
  margin: 0 0 16px;
  line-height: 1.4
}

.pg-footer__links {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px
}

.pg-footer__links a {
  color: #a8bec9;
  text-decoration: none;
  font-size: 14px;
  line-height: 1.6;
  letter-spacing: .01em;
  display: inline-block;
  border-radius: 5px;
  transition: color .1s ease-out, border-radius .12s ease-out
}

.pg-footer__links a:hover {
  color: #37B1DA;
  border-radius: 26px
}

.pg-footer__contact-item {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 8px
}

.pg-footer__contact-label {
  font-size: 14px;
  color: #a8bec9;
  line-height: 1.6;
  letter-spacing: .01em
}

.pg-footer__contact-val {
  font-size: 14px;
  color: #EFF3F5;
  line-height: 1.6;
  letter-spacing: .01em;
  text-decoration: none;
  transition: color .1s ease-out
}

.pg-footer__contact-val:hover {
  color: #37B1DA
}

.pg-footer__divider {
  border: none;
  border-top: 1px solid #37b1da26;
  margin: 0 0 32px
}

.pg-footer__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px
}

.pg-footer__copy {
  font-size: 14px;
  color: #a8bec9;
  line-height: 1.6;
  letter-spacing: .01em
}

.pg-footer__policy-links {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  list-style: none;
  margin: 0;
  padding: 0
}

.pg-footer__policy-links a {
  font-size: 14px;
  color: #a8bec9;
  text-decoration: none;
  letter-spacing: .01em;
  transition: color .1s ease-out
}

.pg-footer__policy-links a:hover {
  color: #E4C7C6
}

@media (max-width: 768px) {
  .brand-bar {
    padding: 16px;
    gap: 16px
  }

  .brand-bar__name {
    font-size: 18px
  }

  .brand-bar__logo-wrap {
    width: 60px;
    height: 60px
  }

  .brand-bar__logo-wrap img {
    width: 52px;
    height: 52px
  }

  .site-nav {
    padding: 0 8px
  }

  .site-nav__item a {
    padding: 16px;
    font-size: 14px
  }

  .pg-footer__grid {
    grid-template-columns: 1fr;
    gap: 32px
  }

  .pg-footer {
    padding: 32px 16px 16px
  }

  .pg-footer__bottom {
    flex-direction: column;
    align-items: flex-start
  }
}

@media (max-width: 375px) {
  .brand-bar__name {
    font-size: 14px
  }

  .site-nav__item a {
    padding: 16px 8px;
    font-size: 14px
  }
}

.policy-cqg-info {
  max-width: 1100px;
  margin: 0 auto;
  padding: 48px 32px;
  color: #2a2e35;
  line-height: 1.9
}

.policy-cqg-info h1 {
  font-size: 52px;
  line-height: 1.2;
  letter-spacing: .01em;
  color: #1b3a4b;
  margin-bottom: 32px;
  margin-top: 0
}

.policy-cqg-info h2 {
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: .02em;
  color: #1b3a4b;
  margin-top: 48px;
  margin-bottom: 16px;
  padding-bottom: 8px;
  border-bottom: 2px solid #E4C7C6
}

.policy-cqg-info h3 {
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: .02em;
  color: #37B1DA;
  margin-top: 32px;
  margin-bottom: 16px
}

.policy-cqg-info h4,
.policy-cqg-info h5,
.policy-cqg-info h6 {
  font-size: 14px;
  line-height: 1.6;
  letter-spacing: .02em;
  color: #2a2e35;
  margin-top: 32px;
  margin-bottom: 8px
}

.policy-cqg-info p {
  font-size: 14px;
  line-height: 1.9;
  letter-spacing: .01em;
  margin-top: 0;
  margin-bottom: 16px;
  color: #2a2e35
}

.policy-cqg-info strong,
.policy-cqg-info b {
  font-weight: 700;
  color: #1b3a4b
}

.policy-cqg-info a {
  color: #37B1DA;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  border-radius: 5px;
  transition: color .1s ease-out, border-radius .08s ease-out;
  outline-offset: 3px
}

.policy-cqg-info a:hover {
  color: #1b3a4b;
  border-radius: 10px;
  text-decoration-color: #E4C7C6
}

.policy-cqg-info a:focus-visible {
  outline: 2px solid #37B1DA;
  border-radius: 5px
}

.policy-cqg-info table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  line-height: 1.6;
  letter-spacing: .01em;
  margin-top: 32px;
  margin-bottom: 32px;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 6px -2px #37b1da0d 0 5px 22px -2px #37b1da17
}

.policy-cqg-info thead {
  background-color: #EFF3F5
}

.policy-cqg-info thead tr {
  background: transparent
}

.policy-cqg-info th {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .02em;
  color: #1b3a4b;
  padding: 16px;
  text-align: left;
  border-bottom: 2px solid #E4C7C6
}

.policy-cqg-info tbody tr {
  border-bottom: 1px solid #EFF3F5;
  transition: background-color .1s linear
}

.policy-cqg-info tbody tr:last-child {
  border-bottom: none
}

.policy-cqg-info tbody tr:hover {
  background-color: #EFF3F5
}

.policy-cqg-info td {
  font-size: 14px;
  line-height: 1.6;
  color: #2a2e35;
  padding: 16px;
  vertical-align: top
}

@media (max-width: 768px) {
  .policy-cqg-info {
    padding: 32px 16px
  }

  .policy-cqg-info h1 {
    font-size: 52px
  }

  .policy-cqg-info table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }
}

@media (max-width: 375px) {
  .policy-cqg-info {
    padding: 32px 16px
  }

  .policy-cqg-info h1 {
    font-size: 18px;
    line-height: 1.4
  }

  .policy-cqg-info h2 {
    font-size: 18px
  }
}

.ctus {
  overflow-x: hidden
}

.ctus .pg-wrap {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 32px
}

.ctus .divider-part {
  width: 40%;
  height: 2px;
  background: linear-gradient(135deg, #37B1DA, #E4C7C6, #EFF3F5);
  border-radius: 5px;
  margin: 0 auto 48px
}

.ctus .reach-band {
  background: #EFF3F5;
  padding: 96px 0 48px;
  position: relative
}

.ctus .reach-band__geo {
  position: absolute;
  top: 32px;
  right: 48px;
  width: 180px;
  height: 180px;
  border: 2px solid #37b1da26;
  border-radius: 40px;
  pointer-events: none;
  animation: geo-spin 18s linear infinite
}

.ctus .reach-band__geo::after {
  content: "";
  display: block;
  width: 80px;
  height: 80px;
  border: 2px solid #e4c7c640;
  border-radius: 26px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: geo-spin 10s linear infinite reverse
}

@keyframes geo-spin {
  from {
    transform: rotate(0deg)
  }

  to {
    transform: rotate(360deg)
  }
}

.ctus .reach-band__geo-sm {
  position: absolute;
  bottom: 48px;
  left: 32px;
  width: 60px;
  height: 60px;
  border: 2px solid #37b1da1f;
  border-radius: 26px;
  pointer-events: none;
  animation: geo-spin 22s linear infinite
}

.ctus .reach-head {
  max-width: 640px
}

.ctus .reach-head__label {
  display: inline-block;
  font-size: 14px;
  letter-spacing: .02em;
  color: #37B1DA;
  background: #37b1da1a;
  padding: 8px 16px;
  border-radius: 5px;
  margin-bottom: 16px;
  line-height: 1.2
}

.ctus .reach-head__h1 {
  font-size: 52px;
  line-height: 1.2;
  letter-spacing: .01em;
  color: #1b3a4b;
  font-weight: 800;
  margin: 0 0 16px
}

.ctus .reach-head__h1 span {
  color: #37B1DA
}

.ctus .reach-head__desc {
  font-size: 18px;
  line-height: 1.6;
  letter-spacing: .01em;
  color: #3d5a6a;
  margin: 0 0 32px
}

.ctus .reach-cards {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 16px;
  margin-top: 48px
}

.ctus .rcard {
  background: #fff;
  border-radius: 10px;
  padding: 32px;
  box-shadow: 0 5px 22px -2px #37b1da17;
  transition: border-radius .1s ease-out
}

.ctus .rcard:hover {
  border-radius: 26px
}

.ctus .rcard__icon {
  width: 40px;
  height: 40px;
  margin-bottom: 16px
}

.ctus .rcard__label {
  font-size: 14px;
  letter-spacing: .02em;
  color: #37B1DA;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 8px;
  line-height: 1.2
}

.ctus .rcard__val {
  font-size: 18px;
  line-height: 1.4;
  color: #1b3a4b;
  font-weight: 600;
  letter-spacing: .01em
}

.ctus .rcard__sub {
  font-size: 14px;
  line-height: 1.6;
  color: #5a7a8a;
  margin-top: 8px;
  letter-spacing: .01em
}

.ctus .form-band {
  background: #fff;
  padding: 96px 0;
  position: relative
}

.ctus .form-band__bg-shape {
  position: absolute;
  top: 0;
  right: 0;
  width: 320px;
  height: 320px;
  background: linear-gradient(135deg, #37b1da0f, #e4c7c614, #eff3f50a);
  border-radius: 0 0 0 40px;
  pointer-events: none
}

.ctus .form-grid {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 48px;
  align-items: start
}

.ctus .form-aside__h2 {
  font-size: 52px;
  line-height: 1.2;
  letter-spacing: .01em;
  color: #1b3a4b;
  font-weight: 800;
  margin: 0 0 16px;
  text-decoration: underline;
  text-decoration-color: #E4C7C6;
  text-underline-offset: 6px
}

.ctus .form-aside__text {
  font-size: 18px;
  line-height: 1.6;
  color: #3d5a6a;
  letter-spacing: .01em;
  margin: 0 0 32px
}

.ctus .form-aside__note {
  font-size: 14px;
  line-height: 1.9;
  color: #5a7a8a;
  letter-spacing: .01em;
  background: #EFF3F5;
  border-radius: 10px;
  padding: 16px
}

.ctus .frm {
  background: #EFF3F5;
  border-radius: 26px;
  padding: 48px;
  box-shadow: 0 12px 48px -2px #37b1da1f
}

.ctus .frm__row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-bottom: 16px
}

.ctus .frm__row--full {
  grid-template-columns: 1fr
}

.ctus .frm__field {
  display: flex;
  flex-direction: column;
  gap: 8px
}

.ctus .frm__lbl {
  font-size: 14px;
  letter-spacing: .02em;
  color: #1b3a4b;
  font-weight: 600;
  line-height: 1.2
}

.ctus .frm__lbl span {
  color: #37B1DA
}

.ctus .frm__inp {
  background: #fff;
  border: 2px solid transparent;
  border-radius: 10px;
  padding: 16px;
  font-size: 18px;
  line-height: 1.4;
  color: #1b3a4b;
  letter-spacing: .01em;
  outline: none;
  transition: border-color .12s ease-out, border-radius .1s ease-out;
  box-shadow: inset 0 2px 6px -2px #37b1da0d;
  width: 100%;
  box-sizing: border-box
}

.ctus .frm__inp::placeholder {
  color: #1b3a4b59
}

.ctus .frm__inp:focus {
  border-color: #37B1DA;
  border-radius: 5px
}

.ctus .frm__sel {
  background: #fff;
  border: 2px solid transparent;
  border-radius: 10px;
  padding: 16px;
  font-size: 18px;
  line-height: 1.4;
  color: #1b3a4b;
  letter-spacing: .01em;
  outline: none;
  transition: border-color .12s ease-out, border-radius .1s ease-out;
  box-shadow: inset 0 2px 6px -2px #37b1da0d;
  width: 100%;
  box-sizing: border-box;
  appearance: none;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='%2337B1DA' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 16px center;
  padding-right: 48px
}

.ctus .frm__sel:focus {
  border-color: #37B1DA;
  border-radius: 5px
}

.ctus .frm__time-group {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px
}

.ctus .frm__privacy {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 16px;
  margin: 16px 0;
  background: #fff;
  border-radius: 10px;
  padding: 16px
}

.ctus .frm__chk {
  width: 20px;
  height: 20px;
  min-width: 20px;
  accent-color: #37B1DA;
  cursor: pointer;
  margin-top: 2px
}

.ctus .frm__privacy-txt {
  font-size: 14px;
  line-height: 1.6;
  color: #3d5a6a;
  letter-spacing: .01em
}

.ctus .frm__privacy-txt a {
  color: #37B1DA;
  text-decoration: underline;
  transition: opacity .08s linear
}

.ctus .frm__privacy-txt a:hover {
  opacity: .7
}

.ctus .frm__btn {
  display: block;
  width: 100%;
  background: linear-gradient(135deg, #37B1DA, #E4C7C6, #EFF3F5);
  color: #1b3a4b;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: .02em;
  text-transform: uppercase;
  border: none;
  border-radius: 10px;
  padding: 16px 32px;
  cursor: pointer;
  transition: border-radius .1s ease-out, box-shadow .12s ease-out;
  box-shadow: 0 5px 22px -2px #37b1da17;
  line-height: 1.2
}

.ctus .frm__btn:hover {
  border-radius: 26px;
  box-shadow: 0 12px 48px -2px #37b1da1f
}

.ctus .frm__btn:active {
  transform: scale(0.98)
}

.ctus .frm__btn:focus-visible {
  outline: 2px solid #37B1DA;
  outline-offset: 4px
}

@keyframes shake-once {

  0%,
  100% {
    transform: translateX(0)
  }

  20% {
    transform: translateX(-6px)
  }

  40% {
    transform: translateX(6px)
  }

  60% {
    transform: translateX(-4px)
  }

  80% {
    transform: translateX(4px)
  }
}

.ctus .frm__btn.shake {
  animation: shake-once .35s ease-out
}

.ctus .atm-band {
  background: #1b3a4b;
  padding: 96px 0;
  position: relative;
  overflow: hidden
}

.ctus .atm-band__img-wrap {
  position: absolute;
  inset: 0;
  z-index: 0
}

.ctus .atm-band__img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  filter: grayscale(40%) contrast(1.1) brightness(0.35) sepia(20%)
}

.ctus .atm-band__over {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, #1b3a4be0, #37b1da38, #e4c7c626);
  z-index: 1
}

.ctus .atm-band__body {
  position: relative;
  z-index: 2
}

.ctus .atm-grid {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  gap: 32px;
  align-items: center
}

.ctus .atm-main__h2 {
  font-size: 52px;
  line-height: 1.2;
  letter-spacing: .01em;
  color: #fff;
  font-weight: 800;
  margin: 0 0 16px;
  text-decoration: underline;
  text-decoration-color: #37B1DA;
  text-underline-offset: 6px
}

.ctus .atm-main__txt {
  font-size: 18px;
  line-height: 1.6;
  color: #eff3f5d9;
  letter-spacing: .01em;
  margin: 0
}

.ctus .atm-stat {
  background: #ffffff12;
  border-radius: 10px;
  padding: 32px;
  text-align: center;
  border: 1px solid #37b1da33;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition: border-radius .13s ease-out
}

.ctus .atm-stat:hover {
  border-radius: 26px
}

.ctus .atm-stat__num {
  font-size: 52px;
  line-height: 1.2;
  color: #37B1DA;
  font-weight: 800;
  letter-spacing: .01em;
  display: block
}

.ctus .atm-stat__desc {
  font-size: 14px;
  line-height: 1.6;
  color: #eff3f5bf;
  letter-spacing: .02em;
  margin-top: 8px
}

@media (max-width: 1366px) {
  .ctus .reach-cards {
    grid-template-columns: 1fr 1fr 1fr
  }

  .ctus .form-grid {
    grid-template-columns: 1fr 2fr
  }
}

@media (max-width: 768px) {
  .ctus .reach-head__h1 {
    font-size: 52px
  }

  .ctus .reach-cards {
    grid-template-columns: 1fr;
    gap: 16px
  }

  .ctus .form-grid {
    grid-template-columns: 1fr;
    gap: 32px
  }

  .ctus .frm {
    padding: 32px 16px
  }

  .ctus .frm__row {
    grid-template-columns: 1fr
  }

  .ctus .frm__time-group {
    grid-template-columns: 1fr
  }

  .ctus .atm-grid {
    grid-template-columns: 1fr;
    gap: 32px
  }

  .ctus .atm-main__h2 {
    font-size: 52px
  }

  .ctus .reach-band__geo {
    display: none
  }

  .ctus .pg-wrap {
    padding: 0 16px
  }

  .ctus .reach-band {
    padding: 48px 0 32px
  }

  .ctus .form-band {
    padding: 48px 0
  }

  .ctus .atm-band {
    padding: 48px 0
  }
}

@media (max-width: 375px) {
  .ctus .reach-head__h1 {
    font-size: 52px
  }

  .ctus .frm {
    padding: 16px 8px
  }

  .ctus .reach-cards {
    gap: 8px
  }
}

@keyframes row-appear {
  from {
    opacity: 0;
    transform: translateY(24px)
  }

  to {
    opacity: 1;
    transform: translateY(0)
  }
}

.ctus .anim-row {
  animation: row-appear .5s ease-out both
}

.ctus .anim-row--d1 {
  animation-delay: .08s
}

.ctus .anim-row--d2 {
  animation-delay: .18s
}

.ctus .anim-row--d3 {
  animation-delay: .28s
}

.ctus .anim-row--d4 {
  animation-delay: .38s
}

.abt-us {
  max-width: 100%;
  overflow-x: hidden
}

.abt-us .pg-wrap {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
  padding-right: 32px
}

.abt-us ::selection {
  background: linear-gradient(120deg, #37B1DA, #E4C7C6);
  color: #1b3a47
}

.abt-us .lead-band {
  background: #37B1DA;
  padding-top: 96px;
  padding-bottom: 48px;
  position: relative
}

.abt-us .lead-band__dots {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden
}

.abt-us .lead-band__dots span {
  position: absolute;
  border-radius: 50%;
  background: #ffffff21
}

.abt-us .lead-band__inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 32px
}

.abt-us .lead-band__label {
  font-size: 14px;
  letter-spacing: .02em;
  color: #ffffffbf;
  line-height: 1.4;
  text-transform: uppercase
}

.abt-us .lead-band__h1 {
  font-size: 52px;
  line-height: 1.2;
  letter-spacing: .01em;
  color: #fff;
  font-weight: 800;
  max-width: 680px;
  margin: 0
}

.abt-us .lead-band__h1 em {
  font-style: normal;
  color: #E4C7C6
}

.abt-us .lead-band__link {
  display: inline-block;
  font-size: 14px;
  letter-spacing: .02em;
  text-transform: uppercase;
  color: #fff;
  border: 2px solid #fff9;
  padding: 16px 32px;
  border-radius: 5px;
  text-decoration: none;
  transition: border-radius .12s ease-out, background .1s linear;
  align-self: flex-start
}

.abt-us .lead-band__link:hover {
  border-radius: 26px;
  background: #ffffff26
}

.abt-us .lead-band__link:focus {
  outline: 3px solid #E4C7C6;
  outline-offset: 3px
}

.abt-us .story-row {
  background: #fff;
  padding-top: 96px;
  padding-bottom: 96px
}

.abt-us .story-row__grid {
  display: grid;
  grid-template-columns: 30% 70%;
  gap: 48px;
  align-items: start
}

.abt-us .story-row__accent {
  position: relative
}

.abt-us .story-row__notch {
  width: 6px;
  height: 100%;
  min-height: 200px;
  background: linear-gradient(170deg, #37B1DA 0%, #E4C7C6 55%, #EFF3F5 100%);
  border-radius: 5px;
  position: absolute;
  left: 0;
  top: 0
}

.abt-us .story-row__img-wrap {
  margin-left: 16px;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 12px 48px -2px #37b1da1f;
  aspect-ratio: 16/9
}

.abt-us .story-row__img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: transform .14s ease-out
}

.abt-us .story-row__img-wrap:hover img {
  transform: scale(1.03)
}

.abt-us .story-row__body {
  display: flex;
  flex-direction: column;
  gap: 32px
}

.abt-us .story-row__h2 {
  font-size: 52px;
  line-height: 1.2;
  letter-spacing: .01em;
  color: #1b3a47;
  font-weight: 700;
  margin: 0;
  padding-bottom: 8px;
  border-bottom: 2px solid #37B1DA;
  display: inline-block
}

.abt-us .story-row__cols {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px
}

.abt-us .story-row__p {
  font-size: 18px;
  line-height: 1.6;
  letter-spacing: .01em;
  color: #2c4a57;
  margin: 0
}

.abt-us .approach-band {
  background: #EFF3F5;
  position: relative;
  padding-top: 96px;
  padding-bottom: 96px
}

.abt-us .approach-band::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: repeating-linear-gradient(135deg, transparent, transparent 12px, #37b1da0a 12px, #37b1da0a 14px);
  pointer-events: none
}

.abt-us .approach-band__inner {
  position: relative;
  z-index: 1
}

.abt-us .approach-band__top {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: center;
  margin-bottom: 48px
}

.abt-us .approach-band__h2 {
  font-size: 52px;
  line-height: 1.2;
  letter-spacing: .01em;
  color: #1b3a47;
  font-weight: 700;
  margin: 0;
  padding-bottom: 8px;
  border-bottom: 2px solid #E4C7C6;
  display: inline-block
}

.abt-us .approach-band__lead {
  font-size: 18px;
  line-height: 1.6;
  letter-spacing: .01em;
  color: #2c4a57;
  margin: 0
}

.abt-us .approach-band__cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px
}

.abt-us .ap-card {
  background: #fff;
  border-radius: 10px;
  padding: 32px;
  box-shadow: 0 5px 22px -2px #37b1da17;
  position: relative;
  transition: box-shadow .12s ease-out, border-radius .1s ease-out
}

.abt-us .ap-card:hover {
  box-shadow: 0 12px 48px -2px #37b1da1f;
  border-radius: 26px
}

.abt-us .ap-card__icon {
  width: 40px;
  height: 40px;
  margin-bottom: 16px
}

.abt-us .ap-card__h4 {
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: .01em;
  color: #1b3a47;
  font-weight: 700;
  margin: 0 0 8px;
  padding-bottom: 6px;
  border-bottom: 2px solid #EFF3F5
}

.abt-us .ap-card__p {
  font-size: 14px;
  line-height: 1.6;
  letter-spacing: .01em;
  color: #3d5f70;
  margin: 0
}

.abt-us .ap-card__img {
  margin-top: 16px;
  border-radius: 5px;
  overflow: hidden;
  aspect-ratio: 16/9
}

.abt-us .ap-card__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block
}

.abt-us .team-band {
  background: #fff;
  padding-top: 96px;
  padding-bottom: 96px;
  position: relative
}

.abt-us .team-band__full {
  width: 100%
}

.abt-us .team-band__h2 {
  font-size: 52px;
  line-height: 1.2;
  letter-spacing: .01em;
  color: #1b3a47;
  font-weight: 700;
  margin: 0 0 48px;
  padding-bottom: 8px;
  border-bottom: 2px solid #37B1DA;
  display: inline-block
}

.abt-us .team-band__layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: start
}

.abt-us .team-band__portraits {
  display: flex;
  flex-direction: row;
  gap: 32px
}

.abt-us .portrait-card {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 16px
}

.abt-us .portrait-card__img {
  width: 100%;
  aspect-ratio: 1/1;
  overflow: hidden;
  box-shadow: 0 5px 22px -2px #e4c7c617
}

.abt-us .portrait-card__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block
}

.abt-us .portrait-card__name {
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: .01em;
  color: #1b3a47;
  font-weight: 700;
  margin: 0
}

.abt-us .portrait-card__role {
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: .02em;
  color: #37B1DA;
  text-transform: uppercase;
  margin: 0
}

.abt-us .portrait-card__bio {
  font-size: 14px;
  line-height: 1.6;
  letter-spacing: .01em;
  color: #3d5f70;
  margin: 0
}

.abt-us .team-band__text {
  display: flex;
  flex-direction: column;
  gap: 32px
}

.abt-us .team-band__p {
  font-size: 18px;
  line-height: 1.6;
  letter-spacing: .01em;
  color: #2c4a57;
  margin: 0
}

.abt-us .tag-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px;
  list-style: none;
  padding: 0;
  margin: 0
}

.abt-us .tag-list__item {
  font-size: 14px;
  letter-spacing: .01em;
  line-height: 1.4;
  color: #1b3a47;
  background: #EFF3F5;
  border-radius: 26px;
  padding: 8px 16px;
  transition: background .1s ease-out, color .1s ease-out, border-radius .12s ease-out;
  cursor: default
}

.abt-us .tag-list__item:hover {
  background: #37B1DA;
  color: #fff;
  border-radius: 5px
}

.abt-us .team-band__img-wide {
  margin-top: 48px;
  border-radius: 10px;
  overflow: hidden;
  aspect-ratio: 16/9;
  box-shadow: 0 12px 48px -2px #37b1da1f;
  animation: shadow-pulse 3.5s ease-in-out infinite
}

.abt-us .team-band__img-wide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block
}

@keyframes shadow-pulse {
  0% {
    box-shadow: 0 12px 48px -2px #37b1da1f
  }

  50% {
    box-shadow: 0 20px 60px 4px #37b1da38
  }

  100% {
    box-shadow: 0 12px 48px -2px #37b1da1f
  }
}

@media (max-width: 1366px) {
  .abt-us .lead-band__h1 {
    font-size: 52px
  }

  .abt-us .story-row__h2 {
    font-size: 52px
  }
}

@media (max-width: 768px) {
  .abt-us .pg-wrap {
    padding-left: 16px;
    padding-right: 16px
  }

  .abt-us .lead-band {
    padding-top: 48px;
    padding-bottom: 32px
  }

  .abt-us .lead-band__h1 {
    font-size: 52px
  }

  .abt-us .story-row {
    padding-top: 48px;
    padding-bottom: 48px
  }

  .abt-us .story-row__grid {
    grid-template-columns: 1fr;
    gap: 32px
  }

  .abt-us .story-row__notch {
    display: none
  }

  .abt-us .story-row__img-wrap {
    margin-left: 0
  }

  .abt-us .story-row__h2 {
    font-size: 52px
  }

  .abt-us .story-row__cols {
    grid-template-columns: 1fr;
    gap: 16px
  }

  .abt-us .approach-band {
    padding-top: 48px;
    padding-bottom: 48px
  }

  .abt-us .approach-band__top {
    grid-template-columns: 1fr;
    gap: 16px;
    margin-bottom: 32px
  }

  .abt-us .approach-band__h2 {
    font-size: 52px
  }

  .abt-us .approach-band__cards {
    grid-template-columns: 1fr;
    gap: 16px
  }

  .abt-us .team-band {
    padding-top: 48px;
    padding-bottom: 48px
  }

  .abt-us .team-band__h2 {
    font-size: 52px
  }

  .abt-us .team-band__layout {
    grid-template-columns: 1fr;
    gap: 32px
  }

  .abt-us .team-band__portraits {
    flex-direction: column
  }
}

@media (max-width: 375px) {
  .abt-us .lead-band__h1 {
    font-size: 52px
  }

  .abt-us .story-row__h2 {
    font-size: 52px
  }

  .abt-us .approach-band__h2 {
    font-size: 52px
  }

  .abt-us .team-band__h2 {
    font-size: 52px
  }

  .abt-us .pg-wrap {
    padding-left: 8px;
    padding-right: 8px
  }
}

.bse {
  max-width: 100%;
  overflow-x: hidden
}

.bse .pg-wrap {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
  padding-right: 32px
}

.bse .t-block {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  background: #fff;
  padding-top: 96px;
  padding-bottom: 96px;
  position: relative
}

.bse .t-block__txt {
  flex: 1 1 0;
  padding-right: 48px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 1
}

.bse .t-block__img-strip {
  width: 320px;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
  border-radius: 10px
}

.bse .t-block__img-strip img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  filter: sepia(0.28) contrast(1.06) brightness(0.97) saturate(1.12)
}

.bse .t-block__label {
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: .02em;
  color: #37B1DA;
  text-transform: uppercase;
  margin-bottom: 16px;
  font-weight: 600
}

.bse .t-block__h1 {
  font-size: 52px;
  line-height: 1.2;
  letter-spacing: .01em;
  font-weight: 800;
  color: #1b2b35;
  margin-bottom: 32px;
  margin-top: 0
}

.bse .t-block__sub {
  font-size: 18px;
  line-height: 1.6;
  letter-spacing: .01em;
  color: #3a4a52;
  max-width: 520px
}

.bse .t-block__deco {
  position: absolute;
  top: 0;
  left: -48px;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: #37B1DA;
  opacity: .05;
  pointer-events: none
}

.bse .t-block__deco2 {
  position: absolute;
  bottom: 32px;
  right: 340px;
  width: 80px;
  height: 80px;
  border-radius: 40px;
  background: #E4C7C6;
  opacity: .18;
  pointer-events: none
}

.bse .approach-sec {
  background: #EFF3F5;
  padding-top: 96px;
  padding-bottom: 96px;
  position: relative
}

.bse .approach-sec__motif {
  position: absolute;
  top: 0;
  right: 0;
  width: 120px;
  height: 100%;
  pointer-events: none;
  overflow: hidden
}

.bse .approach-sec__motif-inner {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px 8px
}

.bse .approach-sec__dot {
  width: 8px;
  height: 8px;
  border-radius: 5px;
  background: #37B1DA;
  opacity: .18;
  margin-left: auto;
  margin-right: auto
}

.bse .approach-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: start
}

.bse .approach-split__left {
  display: flex;
  flex-direction: column;
  gap: 32px
}

.bse .approach-split__right {
  display: flex;
  flex-direction: column;
  gap: 32px
}

.bse .sec-label {
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: .02em;
  color: #37B1DA;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 8px
}

.bse .sec-h2 {
  font-size: 52px;
  line-height: 1.2;
  letter-spacing: .01em;
  font-weight: 800;
  color: #1b2b35;
  margin: 0 0 16px
}

.bse .sec-h2--sm {
  font-size: 18px;
  line-height: 1.4;
  font-weight: 700;
  color: #1b2b35;
  margin: 0 0 8px
}

.bse .underline-accent {
  display: inline-block;
  border-bottom: 2px solid #37B1DA;
  padding-bottom: 4px
}

.bse .body-p {
  font-size: 18px;
  line-height: 1.6;
  letter-spacing: .01em;
  color: #3a4a52;
  margin: 0
}

.bse .approach-card {
  background: #fff;
  border-radius: 10px;
  padding: 32px;
  box-shadow: 0 5px 22px -2px #37b1da17;
  transition: border-radius .12s ease-out, box-shadow .1s linear;
  position: relative
}

.bse .approach-card:hover {
  border-radius: 26px;
  box-shadow: 0 12px 48px -2px #37b1da1f
}

.bse .approach-card__line {
  width: 32px;
  height: 2px;
  background: linear-gradient(112deg, #37B1DA, #E4C7C6, #EFF3F5);
  margin-bottom: 16px;
  border-radius: 5px
}

.bse .approach-img {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  border-radius: 10px;
  display: block;
  filter: sepia(0.15) brightness(1.02) saturate(1.08)
}

.bse .badge-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px;
  list-style: none;
  padding: 0;
  margin: 0
}

.bse .badge-list__item {
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: .01em;
  background: #EFF3F5;
  color: #1b2b35;
  border-radius: 26px;
  padding: 8px 16px;
  font-weight: 500;
  transition: background .1s ease-out, border-radius .12s ease-out
}

.bse .badge-list__item:hover {
  background: #E4C7C6;
  border-radius: 5px
}

.bse .wave-div {
  width: 100%;
  line-height: 0;
  overflow: hidden
}

.bse .wave-div svg {
  display: block;
  width: 100%
}

.bse .exp-sec {
  background: #fff;
  padding-top: 96px;
  padding-bottom: 96px
}

.bse .exp-featured {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 12px 48px -2px #37b1da1f
}

.bse .exp-featured__img-col {
  background: #EFF3F5;
  display: flex;
  flex-direction: column
}

.bse .exp-featured__img {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  display: block;
  filter: sepia(0.2) brightness(1.01) saturate(1.1)
}

.bse .exp-featured__txt-col {
  background: #1b2b35;
  padding: 48px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 16px
}

.bse .exp-featured__quote {
  font-size: 18px;
  line-height: 1.9;
  letter-spacing: .01em;
  color: #EFF3F5;
  margin: 0;
  font-style: italic
}

.bse .exp-featured__person {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  margin-top: 8px
}

.bse .exp-featured__portrait {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  object-fit: cover;
  object-position: center;
  flex-shrink: 0;
  border: 2px solid #37B1DA
}

.bse .exp-featured__name {
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: .02em;
  color: #37B1DA;
  font-weight: 700;
  margin: 0
}

.bse .exp-featured__role {
  font-size: 14px;
  line-height: 1.4;
  color: #a0b4be;
  margin: 0
}

.bse .exp-featured__accent {
  width: 40px;
  height: 3px;
  background: linear-gradient(112deg, #37B1DA, #E4C7C6, #EFF3F5);
  border-radius: 5px
}

.bse .exp-extra {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  margin-top: 48px
}

.bse .exp-card {
  background: #EFF3F5;
  border-radius: 10px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  transition: border-radius .13s ease-out
}

.bse .exp-card:hover {
  border-radius: 26px
}

.bse .exp-card__name {
  font-size: 14px;
  line-height: 1.4;
  font-weight: 700;
  color: #1b2b35;
  margin: 0
}

.bse .exp-card__txt {
  font-size: 14px;
  line-height: 1.6;
  color: #3a4a52;
  margin: 0
}

.bse .exp-card__tag {
  font-size: 14px;
  line-height: 1.4;
  color: #37B1DA;
  font-weight: 600;
  margin-top: 8px
}

.bse .gap-sec {
  padding-top: 96px;
  padding-bottom: 96px;
  position: relative;
  background: linear-gradient(112deg, #EFF3F5 0%, #E4C7C6 55%, #fff 100%)
}

.bse .gap-sec__texture {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%2337B1DA' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.bse .gap-layout {
  display: grid;
  grid-template-columns: 5fr 4fr;
  gap: 48px;
  align-items: center;
  position: relative;
  z-index: 1
}

.bse .gap-layout__left {
  display: flex;
  flex-direction: column;
  gap: 32px
}

.bse .gap-layout__right {
  display: flex;
  flex-direction: column;
  gap: 32px
}

.bse .gap-img {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  border-radius: 10px;
  display: block;
  box-shadow: 0 5px 22px -2px #e4c7c617;
  filter: sepia(0.18) brightness(1.03) saturate(1.09)
}

.bse .gap-steps {
  display: flex;
  flex-direction: column;
  gap: 16px
}

.bse .gap-step {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 16px;
  background: #ffffffb8;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  border-radius: 10px;
  padding: 16px;
  transition: border-radius .1s ease-out, background .12s linear
}

.bse .gap-step:hover {
  border-radius: 26px;
  background: #ffffffeb
}

.bse .gap-step__num {
  width: 32px;
  height: 32px;
  border-radius: 10px;
  background: #37B1DA;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: border-radius .1s ease-out
}

.bse .gap-step:hover .gap-step__num {
  border-radius: 40px
}

.bse .gap-step__body {
  display: flex;
  flex-direction: column;
  gap: 4px
}

.bse .gap-step__ttl {
  font-size: 14px;
  line-height: 1.4;
  font-weight: 700;
  color: #1b2b35;
  margin: 0
}

.bse .gap-step__desc {
  font-size: 14px;
  line-height: 1.6;
  color: #3a4a52;
  margin: 0
}

.bse .gap-cta-row {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  flex-wrap: wrap
}

.bse .btn-prim {
  display: inline-block;
  background: #37B1DA;
  color: #fff;
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: .02em;
  font-weight: 700;
  text-transform: uppercase;
  padding: 16px 32px;
  border-radius: 5px;
  border: none;
  cursor: pointer;
  text-decoration: none;
  transition: border-radius .12s ease-out, box-shadow .1s linear;
  box-shadow: 0 2px 6px -2px #37b1da0d
}

.bse .btn-prim:hover {
  border-radius: 26px;
  box-shadow: 0 5px 22px -2px #37b1da17
}

.bse .btn-prim:focus {
  outline: 3px solid #E4C7C6;
  outline-offset: 2px
}

.bse .btn-prim.shake {
  animation: shake-once .14s linear
}

.bse .btn-ghost {
  display: inline-block;
  background: transparent;
  color: #37B1DA;
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: .02em;
  font-weight: 700;
  text-transform: uppercase;
  padding: 16px 32px;
  border-radius: 5px;
  border: 2px solid #37B1DA;
  cursor: pointer;
  text-decoration: none;
  transition: border-radius .12s ease-out, background .1s linear
}

.bse .btn-ghost:hover {
  border-radius: 26px;
  background: #37b1da12
}

.bse .btn-ghost:focus {
  outline: 3px solid #E4C7C6;
  outline-offset: 2px
}

.bse .fog-layer {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden
}

.bse .fog-layer__fog {
  position: absolute;
  top: 0;
  left: -30%;
  width: 80%;
  height: 100%;
  background: #ffffff0f;
  border-radius: 50%;
  animation: fog-drift 18s linear infinite
}

@keyframes fog-drift {
  0% {
    transform: translateX(0) scaleY(1)
  }

  50% {
    transform: translateX(35%) scaleY(1.08)
  }

  100% {
    transform: translateX(0) scaleY(1)
  }
}

@keyframes shake-once {
  0% {
    transform: translateX(0)
  }

  25% {
    transform: translateX(-5px)
  }

  75% {
    transform: translateX(5px)
  }

  100% {
    transform: translateX(0)
  }
}

@media (max-width: 1366px) {
  .bse .t-block__img-strip {
    width: 260px
  }

  .bse .sec-h2 {
    font-size: 52px
  }
}

@media (max-width: 768px) {
  .bse .t-block {
    flex-direction: column;
    padding-top: 48px;
    padding-bottom: 48px
  }

  .bse .t-block__txt {
    padding-right: 0;
    padding-bottom: 32px
  }

  .bse .t-block__img-strip {
    width: 100%;
    height: 220px
  }

  .bse .t-block__h1 {
    font-size: 52px
  }

  .bse .approach-split {
    grid-template-columns: 1fr
  }

  .bse .exp-featured {
    grid-template-columns: 1fr
  }

  .bse .exp-featured__txt-col {
    padding: 32px
  }

  .bse .exp-extra {
    grid-template-columns: 1fr
  }

  .bse .gap-layout {
    grid-template-columns: 1fr
  }

  .bse .pg-wrap {
    padding-left: 16px;
    padding-right: 16px
  }
}

@media (max-width: 375px) {
  .bse .t-block__h1 {
    font-size: 52px
  }

  .bse .sec-h2 {
    font-size: 52px
  }

  .bse .exp-featured__txt-col {
    padding: 16px
  }

  .bse .approach-card {
    padding: 16px
  }

  .bse .gap-step {
    padding: 8px
  }
}

.success-pg {
  min-height: 60vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 96px 32px;
  background: #EFF3F5
}

.success-pg .success-card {
  background: #fff;
  border-radius: 26px;
  box-shadow: 0 12px 48px -2px #37b1da1f;
  padding: 48px;
  max-width: 560px;
  width: 100%;
  text-align: center
}

.success-pg .success-card__icon {
  width: 64px;
  height: 64px;
  margin: 0 auto 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #37B1DA 0%, #E4C7C6 100%);
  border-radius: 40px
}

.success-pg .success-card__icon svg {
  display: block
}

.success-pg .success-card__heading {
  font-size: 52px;
  line-height: 1.2;
  letter-spacing: .01em;
  font-weight: 700;
  color: #37B1DA;
  margin: 0 0 16px
}

.success-pg .success-card__text {
  font-size: 18px;
  line-height: 1.6;
  letter-spacing: .01em;
  color: #3a4a52;
  margin: 0 0 32px
}

.success-pg .success-card__btn {
  display: inline-block;
  padding: 16px 32px;
  background: #37B1DA;
  color: #fff;
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: .02em;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 10px;
  box-shadow: 0 5px 22px -2px #37b1da17;
  transition: border-radius .12s ease-out, box-shadow .1s linear
}

.success-pg .success-card__btn:hover {
  border-radius: 26px;
  box-shadow: 0 12px 48px -2px #37b1da1f
}

.success-pg .success-card__btn:focus {
  outline: 3px solid #E4C7C6;
  outline-offset: 3px
}

@media (max-width: 768px) {
  .success-pg {
    padding: 48px 16px
  }

  .success-pg .success-card {
    padding: 32px 16px
  }

  .success-pg .success-card__heading {
    font-size: 52px
  }
}

@media (max-width: 375px) {
  .success-pg .success-card__heading {
    font-size: 18px
  }
}