*,
::before,
::after {
  box-sizing: border-box
}

body {
  margin: 0;
  min-height: 100dvh;
  overflow-x: hidden;
  font-family: 'Lato', sans-serif
}

:focus-visible {
  outline: 2px solid #3A7AB5;
  outline-offset: 3px;
  transition: outline-color .6s ease
}

header {
  position: relative;
  background: #fff;
  border-top: 4px solid #3A7AB5;
  box-shadow: -1px 7px 25px 0 #3a7ab51c;
  z-index: 100
}

.hd-shell {
  max-width: 1500px;
  margin: 0 auto;
  padding: 0 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 48px;
  min-height: 80px
}

.brand-hold {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
  text-decoration: none
}

.brand-mark {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 52px;
  border-radius: 2px;
  background: #EAEFF2;
  box-shadow: -1px 1px 4px 0 #3a7ab512 -1px 7px 25px 0 #3a7ab51c;
  padding: 6px;
  border: 1px solid #3a7ab52e
}

.brand-mark img {
  width: 36px;
  height: 44px;
  object-fit: contain;
  display: block
}

.brand-label {
  display: flex;
  flex-direction: column;
  gap: 0
}

.brand-name {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.1;
  color: #3A7AB5;
  letter-spacing: 0
}

.brand-desc {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.55;
  color: #3d4a55
}

.nav-hold {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  justify-content: flex-end
}

.nav-hold a {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.55;
  color: #3d4a55;
  text-decoration: none;
  padding: 12px 24px;
  border-radius: 2px;
  border: 2px solid transparent;
  transition: color .6s ease, border-color .5s cubic-bezier(0.25, 0.46, 0.45, 0.94), background .7s ease;
  white-space: nowrap;
  min-height: 44px;
  display: inline-flex;
  align-items: center
}

.nav-hold a:hover,
.nav-hold a:focus-visible {
  color: #3A7AB5;
  border-color: #8EB4C4;
  background: #EAEFF2
}

.nav-hold a.active {
  color: #3A7AB5;
  border-color: #3A7AB5;
  background: #EAEFF2
}

footer {
  background: #EAEFF2;
  border-top: 2px solid #8EB4C4;
  box-shadow: -1px 8px 40px 0 #3a7ab51c
}

.ft-shell {
  max-width: 1500px;
  margin: 0 auto;
  padding: 48px 48px 24px
}

.ft-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 48px;
  flex-wrap: wrap;
  padding-bottom: 48px;
  border-bottom: 1px solid #3a7ab52e
}

.ft-brand {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  flex: 0 0 auto
}

.ft-brand-link {
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none
}

.ft-mark {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 52px;
  border-radius: 2px;
  background: #fff;
  box-shadow: -1px 1px 4px 0 #3a7ab512 -1px 7px 25px 0 #3a7ab51c;
  padding: 6px;
  border: 1px solid #3a7ab52e
}

.ft-mark img {
  width: 36px;
  height: 44px;
  object-fit: contain;
  display: block
}

.ft-brand-name {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.1;
  color: #3A7AB5
}

.ft-nav {
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: center;
  flex: 1 1 auto
}

.ft-nav-label {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.55;
  color: #3A7AB5;
  margin-bottom: 6px
}

.ft-nav a {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.55;
  color: #3d4a55;
  text-decoration: none;
  padding: 6px 12px;
  border-radius: 2px;
  border: 2px solid transparent;
  transition: color .5s ease, border-color .6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  min-height: 44px;
  display: inline-flex;
  align-items: center
}

.ft-nav a:hover,
.ft-nav a:focus-visible {
  color: #3A7AB5;
  border-color: #8EB4C4
}

.ft-contacts {
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 0 0 auto;
  align-items: flex-end
}

.ft-contacts-label {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.55;
  color: #3A7AB5;
  margin-bottom: 6px
}

.ft-contact-item {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 15px;
  line-height: 1.55;
  color: #3d4a55
}

.ft-contact-item a {
  color: #3d4a55;
  text-decoration: none;
  transition: color .6s ease;
  min-height: 44px;
  display: inline-flex;
  align-items: center
}

.ft-contact-item a:hover,
.ft-contact-item a:focus-visible {
  color: #3A7AB5
}

.ft-contact-item i {
  color: #3A7AB5;
  font-size: 18px
}

.ft-addr {
  font-size: 15px;
  line-height: 1.55;
  color: #3d4a55;
  display: flex;
  align-items: flex-start;
  gap: 6px
}

.ft-addr i {
  color: #3A7AB5;
  font-size: 18px;
  margin-top: 2px;
  flex-shrink: 0
}

.ft-bottom {
  padding-top: 24px;
  display: flex;
  align-items: center;
  justify-content: center
}

.ft-copy {
  font-size: 15px;
  line-height: 1.55;
  color: #3d4a55
}

.ck-bar {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1200;
  background: #fff;
  border-bottom: 2px solid #8EB4C4;
  box-shadow: -1px 7px 25px 0 #3a7ab51c
}

.ck-inner {
  max-width: 1500px;
  margin: 0 auto;
  padding: 12px 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  flex-wrap: wrap
}

.ck-text {
  font-size: 15px;
  line-height: 1.55;
  color: #3d4a55;
  flex: 1 1 auto
}

.ck-text ul {
  margin: 6px 0 0;
  padding-left: 24px
}

.ck-text li {
  font-size: 15px;
  line-height: 1.55;
  color: #3d4a55
}

.ck-acts {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  flex-shrink: 0
}

.ck-acts button {
  font-family: 'Lato', sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.55;
  background: none;
  border: none;
  cursor: pointer;
  padding: 6px 0;
  text-decoration: underline;
  min-height: 44px;
  transition: color .5s ease
}

.ck-acts .ck-ok {
  color: #3A7AB5
}

.ck-acts .ck-ok:hover,
.ck-acts .ck-ok:focus-visible {
  color: #2a5a8a
}

.ck-acts .ck-no {
  color: #3d4a55
}

.ck-acts .ck-no:hover,
.ck-acts .ck-no:focus-visible {
  color: #3A7AB5
}

.ck-acts .ck-cfg {
  color: #8EB4C4
}

.ck-acts .ck-cfg:hover,
.ck-acts .ck-cfg:focus-visible {
  color: #3A7AB5
}

.ck-prefs {
  display: none;
  width: 100%;
  padding: 12px 0 6px;
  border-top: 1px solid #3a7ab52e;
  gap: 24px;
  flex-wrap: wrap
}

.ck-prefs.open {
  display: flex
}

.ck-tog {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 15px;
  line-height: 1.55;
  color: #3d4a55;
  cursor: pointer
}

.ck-tog input[type="checkbox"] {
  width: 18px;
  height: 18px;
  accent-color: #3A7AB5;
  cursor: pointer
}

@media (max-width: 992px) {
  .hd-shell {
    padding: 0 24px;
    gap: 24px
  }

  .ft-shell {
    padding: 48px 24px 24px
  }

  .ft-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px
  }

  .ft-contacts {
    align-items: flex-start
  }

  .ft-nav {
    align-items: flex-start
  }

  .ck-inner {
    padding: 12px 24px
  }
}

@media (max-width: 576px) {
  .hd-shell {
    padding: 0 12px;
    gap: 12px;
    flex-wrap: wrap;
    min-height: auto;
    padding-top: 12px;
    padding-bottom: 12px
  }

  .nav-hold {
    justify-content: flex-start
  }

  .nav-hold a {
    padding: 6px 12px;
    font-size: 15px
  }

  .ft-shell {
    padding: 24px 12px 12px
  }

  .ck-inner {
    padding: 12px;
    flex-direction: column;
    align-items: flex-start
  }

  .ck-acts {
    width: 100%
  }
}

.ch-text-doc {
  max-width: 1500px;
  margin: 0 auto;
  padding: 48px 24px;
  color: #2c3a47
}

.ch-text-doc h1 {
  font-size: 42px;
  line-height: 1.1;
  color: #3A7AB5;
  margin-bottom: 24px;
  margin-top: 0
}

.ch-text-doc h2 {
  font-size: 30px;
  line-height: 1.1;
  color: #3A7AB5;
  margin-top: 48px;
  margin-bottom: 24px
}

.ch-text-doc h3 {
  font-size: 22px;
  line-height: 1.55;
  color: #8EB4C4;
  margin-top: 24px;
  margin-bottom: 12px
}

.ch-text-doc h4 {
  font-size: 18px;
  line-height: 1.55;
  color: #3A7AB5;
  margin-top: 24px;
  margin-bottom: 12px
}

.ch-text-doc h5 {
  font-size: 15px;
  line-height: 1.55;
  color: #3A7AB5;
  margin-top: 24px;
  margin-bottom: 6px
}

.ch-text-doc h6 {
  font-size: 15px;
  line-height: 1.55;
  color: #8EB4C4;
  margin-top: 24px;
  margin-bottom: 6px
}

.ch-text-doc p {
  font-size: 18px;
  line-height: 2;
  margin-bottom: 24px;
  color: #2c3a47
}

.ch-text-doc strong,
.ch-text-doc b {
  font-weight: 700;
  color: #2c3a47
}

.ch-text-doc em,
.ch-text-doc i {
  font-style: italic;
  color: #4a5a68
}

.ch-text-doc hr {
  border: none;
  border-top: 2px solid #EAEFF2;
  margin-top: 48px;
  margin-bottom: 48px;
  border-radius: 2px
}

.ch-text-doc table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 48px;
  font-size: 15px;
  line-height: 1.55;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: -1px 7px 25px 0 #3a7ab51c
}

.ch-text-doc thead {
  background: #3A7AB5;
  color: #fff
}

.ch-text-doc thead th {
  padding: 24px;
  font-size: 15px;
  font-weight: 700;
  text-align: left;
  color: #fff;
  border: none
}

.ch-text-doc tbody tr {
  border-bottom: 1px solid #EAEFF2;
  transition: background-color .6s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

.ch-text-doc tbody tr:last-child {
  border-bottom: none
}

.ch-text-doc tbody tr:nth-child(even) {
  background: #EAEFF2
}

.ch-text-doc tbody tr:hover {
  background: #d4e2ec
}

.ch-text-doc td {
  padding: 12px 24px;
  font-size: 15px;
  line-height: 1.55;
  color: #2c3a47;
  vertical-align: top;
  border: none
}

.ch-text-doc th {
  padding: 12px 24px;
  font-size: 15px;
  line-height: 1.55;
  vertical-align: top;
  border: none
}

@media (max-width: 576px) {
  .ch-text-doc {
    padding: 24px 12px
  }

  .ch-text-doc h1 {
    font-size: 30px
  }

  .ch-text-doc h2 {
    font-size: 22px
  }

  .ch-text-doc h3 {
    font-size: 18px
  }

  .ch-text-doc table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-radius: 2px
  }
}

@media (max-width: 992px) {
  .ch-text-doc h1 {
    font-size: 42px
  }

  .ch-text-doc p {
    font-size: 18px
  }
}

.lp {
  overflow-x: hidden
}

.lp .pg-wrap {
  max-width: 1500px;
  margin: 0 auto;
  padding: 0 24px
}

.lp .slide-up {
  opacity: 0;
  transform: translateY(32px);
  animation: slideUp .7s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards
}

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

.lp .slide-up:nth-child(1) {
  animation-delay: .05s
}

.lp .slide-up:nth-child(2) {
  animation-delay: .18s
}

.lp .slide-up:nth-child(3) {
  animation-delay: .31s
}

.lp .slide-up:nth-child(4) {
  animation-delay: .44s
}

.lp .s1 {
  background: #EAEFF2;
  padding: 96px 0 0;
  position: relative
}

.lp .s1::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url(./infographics/sidebar2-opt.jpg);
  background-size: cover;
  background-position: center;
  opacity: .04;
  pointer-events: none
}

.lp .s1-lines {
  position: absolute;
  top: 24px;
  right: 48px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  pointer-events: none
}

.lp .s1-lines span {
  display: block;
  height: 2px;
  background: #3A7AB5;
  border-radius: 2px;
  opacity: .22
}

.lp .s1-row {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 48px;
  position: relative;
  z-index: 1
}

.lp .s1-text {
  flex: 1 1 0;
  min-width: 0;
  padding-bottom: 96px
}

.lp .s1-tag {
  display: inline-block;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #3A7AB5;
  border: 2px solid #3A7AB5;
  border-radius: 2px;
  padding: 6px 12px;
  margin-bottom: 24px
}

.lp .s1-h1 {
  font-size: 58px;
  line-height: 1.1;
  font-weight: 900;
  color: #1b2d42;
  margin: 0 0 24px;
  text-transform: uppercase;
  letter-spacing: .03em
}

.lp .s1-h1 em {
  font-style: normal;
  color: #3A7AB5
}

.lp .s1-desc {
  font-size: 18px;
  line-height: 1.55;
  color: #2c3e50;
  max-width: 560px;
  margin: 0 0 48px
}

.lp .s1-notch-block {
  border-left: 5px solid #3A7AB5;
  border-bottom: 2px solid #8EB4C4;
  border-radius: 2px;
  padding: 12px 24px;
  background: #fff;
  box-shadow: -1px 7px 25px 0 #3a7ab51c;
  max-width: 440px;
  margin-bottom: 48px
}

.lp .s1-notch-block p {
  font-size: 15px;
  line-height: 1.55;
  color: #2c3e50;
  margin: 0
}

.lp .s1-img-col {
  flex: 0 0 420px;
  position: relative;
  align-self: flex-end
}

.lp .s1-img-wrap {
  border-radius: 22px 22px 0 0;
  overflow: hidden;
  position: relative;
  box-shadow: -1px 8px 40px 0 #3a7ab51c
}

.lp .s1-img-wrap img {
  display: block;
  width: 420px;
  height: auto;
  object-fit: cover;
  object-position: center
}

.lp .s1-img-wrap::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(160deg, #3a7ab561 0%, #8eb4c42e 55%, #eaeff214 100%);
  border-radius: 22px 22px 0 0;
  pointer-events: none
}

.lp .s1-dots {
  position: absolute;
  bottom: 48px;
  left: -24px;
  display: grid;
  grid-template-columns: repeat(4, 8px);
  gap: 6px;
  pointer-events: none
}

.lp .s1-dots span {
  width: 8px;
  height: 8px;
  border-radius: 2px;
  background: #3A7AB5;
  opacity: .18
}

.lp .s1-divider {
  width: 100%;
  display: block;
  margin-top: 0;
  line-height: 0
}

.lp .s2 {
  background: #fff;
  padding: 96px 0;
  position: relative
}

.lp .s2::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(170deg, #EAEFF2 0%, #fff 40%, #fff 100%);
  opacity: .5;
  pointer-events: none
}

.lp .s2-inner {
  position: relative;
  z-index: 1
}

.lp .s2-top {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 48px;
  margin-bottom: 48px
}

.lp .s2-head {
  flex: 0 0 360px
}

.lp .s2-h2 {
  font-size: 42px;
  line-height: 1.1;
  font-weight: 900;
  color: #1b2d42;
  text-transform: uppercase;
  letter-spacing: .04em;
  margin: 0 0 12px
}

.lp .s2-h2 span {
  color: #3A7AB5
}

.lp .s2-sub {
  font-size: 15px;
  line-height: 1.55;
  color: #4a5568;
  margin: 0
}

.lp .s2-intro {
  flex: 1 1 0;
  min-width: 0
}

.lp .s2-intro p {
  font-size: 18px;
  line-height: 1.55;
  color: #2c3e50;
  margin: 0 0 12px
}

.lp .s2-intro p:last-child {
  margin-bottom: 0
}

.lp .s2-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-bottom: 48px
}

.lp .s2-card {
  background: #EAEFF2;
  border-radius: 22px;
  padding: 24px;
  box-shadow: -1px 1px 4px 0 #3a7ab512;
  border-top: 3px solid #3A7AB5;
  transition: box-shadow .6s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform .5s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

.lp .s2-card:hover {
  box-shadow: -1px 8px 40px 0 #3a7ab51c;
  transform: translateY(-4px)
}

.lp .s2-card h4 {
  font-size: 15px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: #3A7AB5;
  margin: 0 0 12px
}

.lp .s2-card p {
  font-size: 15px;
  line-height: 1.55;
  color: #2c3e50;
  margin: 0
}

.lp .s2-split {
  display: flex;
  flex-direction: row;
  gap: 48px;
  align-items: flex-start
}

.lp .s2-profiles {
  flex: 0 0 340px;
  display: flex;
  flex-direction: column;
  gap: 24px
}

.lp .s2-profile {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  background: #fff;
  border-radius: 22px;
  padding: 12px;
  box-shadow: -1px 1px 4px 0 #3a7ab512;
  border-left: 4px solid #8EB4C4;
  border-bottom: 1px solid #EAEFF2
}

.lp .s2-portrait {
  flex: 0 0 64px;
  width: 64px;
  height: 82px;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: -1px 1px 4px 0 #3a7ab512
}

.lp .s2-portrait img {
  width: 64px;
  height: 82px;
  object-fit: cover;
  object-position: top;
  display: block
}

.lp .s2-portrait-placeholder {
  flex: 0 0 64px;
  width: 64px;
  height: 82px;
  border-radius: 22px;
  background: linear-gradient(160deg, #8EB4C4 0%, #3A7AB5 100%);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center
}

.lp .s2-portrait-placeholder svg {
  width: 32px;
  height: 32px;
  opacity: .7
}

.lp .s2-profile-info {
  flex: 1 1 0;
  min-width: 0
}

.lp .s2-profile-info strong {
  display: block;
  font-size: 15px;
  font-weight: 800;
  color: #1b2d42;
  margin-bottom: 6px
}

.lp .s2-profile-info span {
  display: block;
  font-size: 15px;
  color: #4a5568;
  line-height: 1.55
}

.lp .s2-faq {
  flex: 1 1 0;
  min-width: 0
}

.lp .s2-faq h3 {
  font-size: 22px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .07em;
  color: #1b2d42;
  margin: 0 0 24px
}

.lp .faq-item {
  border-bottom: 1px solid #EAEFF2;
  padding: 12px 0
}

.lp .faq-item:first-of-type {
  border-top: 1px solid #EAEFF2
}

.lp .faq-btn {
  width: 100%;
  background: none;
  border: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  cursor: pointer;
  padding: 6px 0;
  text-align: left
}

.lp .faq-btn h5 {
  font-size: 15px;
  font-weight: 700;
  color: #1b2d42;
  margin: 0;
  line-height: 1.55
}

.lp .faq-icon {
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  border-radius: 2px;
  background: #EAEFF2;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  transition: background .5s ease, transform .5s ease
}

.lp .faq-icon svg {
  transition: transform .5s ease
}

.lp .faq-btn:hover .faq-icon {
  background: #3A7AB5
}

.lp .faq-btn:hover .faq-icon svg path {
  stroke: #fff
}

.lp .faq-body {
  display: none;
  padding: 6px 0 12px
}

.lp .faq-body p {
  font-size: 15px;
  line-height: 1.55;
  color: #4a5568;
  margin: 0
}

.lp .faq-item.open .faq-body {
  display: block
}

.lp .faq-item.open .faq-icon {
  background: #3A7AB5;
  transform: rotate(45deg)
}

.lp .faq-item.open .faq-icon svg path {
  stroke: #fff
}

.lp .s2-lines {
  position: absolute;
  bottom: 48px;
  left: 24px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  pointer-events: none
}

.lp .s2-lines span {
  display: block;
  height: 2px;
  background: #8EB4C4;
  border-radius: 2px;
  opacity: .3
}

@media (max-width: 1200px) {
  .lp .s1-img-col {
    flex: 0 0 320px
  }

  .lp .s1-img-wrap img {
    width: 320px
  }

  .lp .s2-grid {
    grid-template-columns: repeat(2, 1fr)
  }
}

@media (max-width: 992px) {
  .lp .s1-row {
    flex-direction: column;
    gap: 24px
  }

  .lp .s1-img-col {
    flex: 0 0 auto;
    align-self: stretch
  }

  .lp .s1-img-wrap img {
    width: 100%
  }

  .lp .s1-h1 {
    font-size: 42px
  }

  .lp .s2-top {
    flex-direction: column;
    gap: 24px
  }

  .lp .s2-head {
    flex: none
  }

  .lp .s2-split {
    flex-direction: column;
    gap: 24px
  }

  .lp .s2-profiles {
    flex: none;
    flex-direction: row;
    flex-wrap: wrap
  }

  .lp .s2-profile {
    flex: 1 1 240px
  }
}

@media (max-width: 576px) {
  .lp .s1 {
    padding-top: 48px
  }

  .lp .s1-h1 {
    font-size: 30px
  }

  .lp .s2-grid {
    grid-template-columns: 1fr
  }

  .lp .s2-h2 {
    font-size: 30px
  }

  .lp .s2-profiles {
    flex-direction: column
  }

  .lp .s2-profile {
    flex: none
  }
}

.lp .btn-hold {
  display: inline-block;
  position: relative;
  border: 3px solid #3A7AB5;
  border-radius: 2px;
  background: transparent;
  color: #3A7AB5;
  font-size: 15px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .1em;
  padding: 12px 24px;
  cursor: pointer;
  overflow: hidden;
  text-decoration: none;
  transition: color .6s cubic-bezier(0.25, 0.46, 0.45, 0.94), border-color .6s ease
}

.lp .btn-hold::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #3A7AB5;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0s linear;
  z-index: 0
}

.lp .btn-hold:active::before {
  transform: scaleX(1);
  transition: transform 2s linear
}

.lp .btn-hold:active {
  color: #fff
}

.lp .btn-hold span {
  position: relative;
  z-index: 1
}

.lp .btn-hold:hover {
  border-color: #2a5a8f;
  color: #2a5a8f
}

.lp .btn-hold:focus-visible {
  outline: 3px solid #3A7AB5;
  outline-offset: 3px
}

.ab-us {
  overflow-x: hidden
}

.ab-us .sp-block {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 520px
}

.ab-us .sp-left {
  background: #3A7AB5;
  padding: 96px 48px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center
}

.ab-us .sp-left .dot-grid {
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle, #eaeff22e 1.5px, transparent 1.5px);
  background-size: 22px 22px;
  pointer-events: none
}

.ab-us .sp-h1 {
  font-size: 58px;
  line-height: 1.1;
  color: #EAEFF2;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .04em;
  margin: 0 0 24px;
  position: relative;
  clip-path: inset(0 100% 0 0);
  animation: reveal-clip .7s cubic-bezier(0.25, 0.46, 0.45, 0.94) .1s forwards
}

.ab-us .sp-sub {
  font-size: 18px;
  line-height: 1.55;
  color: #EAEFF2;
  margin: 0;
  position: relative;
  opacity: 0;
  animation: fade-up .6s ease .5s forwards
}

.ab-us .sp-right {
  position: relative;
  overflow: hidden
}

.ab-us .sp-right img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  filter: grayscale(1) contrast(1.15)
}

.ab-us .sp-right::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, #3a7ab573 0%, #8eb4c433 60%, transparent 100%);
  pointer-events: none
}

.ab-us .sp-right .corner-lines {
  position: absolute;
  bottom: 24px;
  right: 24px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  pointer-events: none;
  z-index: 1
}

.ab-us .sp-right .corner-lines span {
  display: block;
  height: 2px;
  background: #EAEFF2;
  opacity: .55;
  border-radius: 2px
}

@keyframes reveal-clip {
  to {
    clip-path: inset(0 0% 0 0)
  }
}

@keyframes fade-up {
  from {
    opacity: 0;
    transform: translateY(12px)
  }

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

.ab-us .about-strip {
  background: #EAEFF2;
  padding: 48px 0;
  position: relative
}

.ab-us .about-strip::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 40px 80px;
  border-color: transparent transparent #3A7AB5
}

.ab-us .strip-inner {
  max-width: 1500px;
  margin: 0 auto;
  padding: 0 48px;
  display: grid;
  grid-template-columns: 1fr 2px 1fr 2px 1fr;
  gap: 48px;
  align-items: start
}

.ab-us .strip-div {
  background: linear-gradient(180deg, #3A7AB5 0%, #8EB4C4 60%, #EAEFF2 100%);
  align-self: stretch
}

.ab-us .stat-item {
  border-right: 3px solid #3A7AB5;
  padding-right: 24px
}

.ab-us .stat-num {
  font-size: 42px;
  line-height: 1.1;
  font-weight: 800;
  color: #3A7AB5;
  display: block
}

.ab-us .stat-label {
  font-size: 15px;
  line-height: 1.55;
  color: #2c3e50;
  margin: 6px 0 0
}

.ab-us .mosaic {
  max-width: 1500px;
  margin: 0 auto;
  padding: 96px 48px;
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 48px;
  align-items: start
}

.ab-us .mosaic-text {
  display: flex;
  flex-direction: column;
  gap: 24px
}

.ab-us .m-label {
  font-size: 15px;
  line-height: 1.55;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: #3A7AB5;
  font-weight: 700
}

.ab-us .m-h2 {
  font-size: 30px;
  line-height: 1.1;
  font-weight: 800;
  color: #1a2e3f;
  text-transform: uppercase;
  letter-spacing: .03em;
  margin: 0
}

.ab-us .m-p {
  font-size: 18px;
  line-height: 1.55;
  color: #2c3e50;
  margin: 0
}

.ab-us .m-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px 24px;
  list-style: none;
  padding: 0;
  margin: 0
}

.ab-us .m-list li {
  font-size: 15px;
  line-height: 1.55;
  color: #2c3e50;
  padding-left: 12px;
  border-left: 3px solid #8EB4C4;
  border-bottom: 1px solid #EAEFF2;
  padding-bottom: 6px
}

.ab-us .m-link {
  display: inline-block;
  font-size: 15px;
  font-weight: 700;
  color: #3A7AB5;
  text-decoration: none;
  border: 2.5px solid #3A7AB5;
  border-radius: 2px;
  padding: 12px 24px;
  transition: background .6s cubic-bezier(0.25, 0.46, 0.45, 0.94), color .6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  align-self: flex-start
}

.ab-us .m-link:hover {
  background: #3A7AB5;
  color: #fff
}

.ab-us .mosaic-media {
  display: flex;
  flex-direction: column;
  gap: 24px;
  position: relative
}

.ab-us .mosaic-media::before {
  content: '';
  position: absolute;
  top: 0;
  right: -6px;
  width: 3px;
  height: 60%;
  background: linear-gradient(180deg, #3A7AB5 0%, #8EB4C4 70%, transparent 100%);
  border-radius: 2px
}

.ab-us .img-wrap {
  overflow: hidden;
  border-radius: 2px;
  box-shadow: -1px 7px 25px 0 #3a7ab51c
}

.ab-us .img-wrap img {
  width: 100%;
  height: 280px;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: transform .7s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

.ab-us .img-wrap:hover img {
  transform: scale(1.04)
}

.ab-us .expert-card {
  background: #fff;
  border-radius: 22px;
  box-shadow: -1px 8px 40px 0 #3a7ab51c;
  padding: 24px;
  display: flex;
  flex-direction: row;
  gap: 24px;
  align-items: flex-start
}

.ab-us .expert-portrait {
  width: 88px;
  height: 88px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
  box-shadow: -1px 1px 4px 0 #3a7ab512
}

.ab-us .expert-portrait img {
  width: 88px;
  height: 88px;
  object-fit: cover;
  object-position: top;
  display: block
}

.ab-us .expert-info {
  display: flex;
  flex-direction: column;
  gap: 6px
}

.ab-us .expert-name {
  font-size: 18px;
  font-weight: 700;
  color: #1a2e3f;
  margin: 0
}

.ab-us .expert-role {
  font-size: 15px;
  color: #3A7AB5;
  margin: 0
}

.ab-us .expert-bio {
  font-size: 15px;
  line-height: 1.55;
  color: #2c3e50;
  margin: 0
}

.ab-us .approach-sec {
  background: #fff;
  padding: 0;
  position: relative
}

.ab-us .approach-sec::before {
  content: '';
  display: block;
  height: 6px;
  background: linear-gradient(90deg, #3A7AB5 0%, #8EB4C4 50%, #EAEFF2 100%)
}

.ab-us .approach-inner {
  max-width: 1500px;
  margin: 0 auto;
  padding: 96px 48px;
  display: grid;
  grid-template-columns: 0.85fr 1.15fr;
  gap: 48px;
  align-items: start
}

.ab-us .approach-imgs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  position: relative
}

.ab-us .approach-imgs::after {
  content: '';
  position: absolute;
  bottom: -12px;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #3A7AB5, #8EB4C4, transparent);
  border-radius: 2px
}

.ab-us .a-img {
  overflow: hidden;
  border-radius: 2px;
  box-shadow: -1px 1px 4px 0 #8eb4c412
}

.ab-us .a-img img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: filter .5s ease
}

.ab-us .a-img:hover img {
  filter: brightness(1.07)
}

.ab-us .a-img.tall img {
  height: 420px
}

.ab-us .approach-text {
  display: flex;
  flex-direction: column;
  gap: 24px
}

.ab-us .a-h2 {
  font-size: 30px;
  line-height: 1.1;
  font-weight: 800;
  color: #1a2e3f;
  text-transform: uppercase;
  letter-spacing: .03em;
  margin: 0
}

.ab-us .a-p {
  font-size: 18px;
  line-height: 1.55;
  color: #2c3e50;
  margin: 0
}

.ab-us .method-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  list-style: none;
  padding: 0;
  margin: 0
}

.ab-us .method-list li {
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: flex-start;
  padding: 12px;
  border-radius: 2px;
  background: #EAEFF2;
  font-size: 15px;
  line-height: 1.55;
  color: #2c3e50;
  transition: background .5s ease, box-shadow .5s ease;
  cursor: default
}

.ab-us .method-list li:hover {
  background: #fff;
  box-shadow: -1px 7px 25px 0 #3a7ab51c
}

.ab-us .method-num {
  font-size: 22px;
  font-weight: 800;
  color: #3A7AB5;
  line-height: 1.1;
  flex-shrink: 0;
  width: 32px
}

.ab-us .method-body {
  display: flex;
  flex-direction: column;
  gap: 6px
}

.ab-us .method-body strong {
  font-size: 15px;
  font-weight: 700;
  color: #1a2e3f;
  text-transform: uppercase;
  letter-spacing: .06em
}

.ab-us .corner-deco {
  position: absolute;
  top: 24px;
  right: 24px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  pointer-events: none
}

.ab-us .corner-deco span {
  display: block;
  height: 2px;
  background: #3A7AB5;
  opacity: .22;
  border-radius: 2px
}

@media (max-width: 992px) {
  .ab-us .sp-block {
    grid-template-columns: 1fr
  }

  .ab-us .sp-right {
    height: 320px
  }

  .ab-us .sp-h1 {
    font-size: 42px
  }

  .ab-us .strip-inner {
    grid-template-columns: 1fr;
    gap: 24px
  }

  .ab-us .strip-div {
    display: none
  }

  .ab-us .mosaic {
    grid-template-columns: 1fr;
    padding: 48px 24px
  }

  .ab-us .approach-inner {
    grid-template-columns: 1fr;
    padding: 48px 24px
  }

  .ab-us .approach-imgs {
    grid-template-columns: 1fr 1fr
  }

  .ab-us .a-img.tall img {
    height: 200px
  }
}

@media (max-width: 576px) {
  .ab-us .sp-left {
    padding: 48px 24px
  }

  .ab-us .sp-h1 {
    font-size: 30px
  }

  .ab-us .strip-inner {
    padding: 0 24px
  }

  .ab-us .m-list {
    grid-template-columns: 1fr
  }

  .ab-us .approach-imgs {
    grid-template-columns: 1fr
  }

  .ab-us .expert-card {
    flex-direction: column
  }
}

.ct-us {
  background: #fff;
  overflow-x: clip;
  position: relative
}

.ct-us .bg-anim {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background: #3a7ab50a;
  animation: bgpulse 6s ease infinite
}

@keyframes bgpulse {

  0%,
  100% {
    opacity: 0
  }

  50% {
    opacity: 1
  }
}

.ct-us .pg-wrap {
  max-width: 1500px;
  margin: 0 auto;
  padding: 0 24px;
  position: relative;
  z-index: 1
}

.ct-us .reach {
  padding: 96px 0 48px;
  background: #fff;
  position: relative
}

.ct-us .reach::after {
  content: '';
  display: block;
  border-bottom: 2px dashed #3A7AB5;
  margin: 0 24px;
  opacity: .35
}

.ct-us .reach__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: start
}

.ct-us .reach__img-col {
  position: relative
}

.ct-us .reach__frame {
  position: relative;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: -1px 7px 25px 0 #3a7ab51c
}

.ct-us .reach__frame::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, #1428468c 0%, #1428461a 45%, transparent 100%);
  z-index: 1;
  pointer-events: none
}

.ct-us .reach__img {
  display: block;
  width: 100%;
  height: 420px;
  object-fit: cover;
  object-position: center top;
  border-radius: 22px
}

.ct-us .reach__corner {
  position: absolute;
  pointer-events: none;
  z-index: 2
}

.ct-us .reach__corner--tl {
  top: 16px;
  left: 16px;
  width: 36px;
  height: 36px;
  border-top: 2px solid #8eb4c4cc;
  border-left: 2px solid #8eb4c4cc;
  border-radius: 2px
}

.ct-us .reach__corner--br {
  bottom: 16px;
  right: 16px;
  width: 36px;
  height: 36px;
  border-bottom: 2px solid #8eb4c4cc;
  border-right: 2px solid #8eb4c4cc;
  border-radius: 2px
}

.ct-us .reach__badge {
  position: absolute;
  bottom: 24px;
  left: 24px;
  z-index: 3;
  background: #ffffffeb;
  border: 2px solid #3A7AB5;
  border-radius: 22px;
  padding: 12px 24px;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px)
}

.ct-us .reach__badge-num {
  font-size: 42px;
  font-weight: 900;
  color: #3A7AB5;
  line-height: 1.1;
  display: block
}

.ct-us .reach__badge-lbl {
  font-size: 15px;
  color: #2a3a4a;
  line-height: 1.55;
  display: block
}

.ct-us .reach__text-col {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-left: 12px
}

.ct-us .reach__eyebrow {
  font-size: 15px;
  font-weight: 700;
  color: #8EB4C4;
  letter-spacing: .12em;
  text-transform: uppercase;
  line-height: 1.55
}

.ct-us .reach__h1 {
  font-size: 58px;
  font-weight: 900;
  color: #1a2d42;
  line-height: 1.1;
  margin: 0
}

.ct-us .reach__h1 span {
  color: #3A7AB5;
  display: block
}

.ct-us .reach__desc {
  font-size: 18px;
  color: #2a3a4a;
  line-height: 1.55;
  margin: 0
}

.ct-us .reach__channels {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 12px
}

.ct-us .ch-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  padding: 12px 24px;
  border-radius: 22px;
  border: 2px solid #EAEFF2;
  background: #fff;
  text-decoration: none;
  transition: border-color .6s cubic-bezier(0.25, 0.46, 0.45, 0.94), background .5s ease, box-shadow .7s ease;
  box-shadow: -1px 1px 4px 0 #3a7ab512;
  position: relative;
  overflow: hidden
}

.ct-us .ch-item:hover {
  border-color: #3A7AB5;
  background: #EAEFF2;
  box-shadow: -1px 7px 25px 0 #3a7ab51c
}

.ct-us .ch-item__icon {
  width: 40px;
  height: 40px;
  border-radius: 22px;
  background: linear-gradient(135deg, #3A7AB5 0%, #8EB4C4 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0
}

.ct-us .ch-item__icon svg {
  width: 20px;
  height: 20px;
  fill: #fff
}

.ct-us .ch-item__body {
  display: flex;
  flex-direction: column;
  gap: 2px
}

.ct-us .ch-item__lbl {
  font-size: 15px;
  font-weight: 700;
  color: #1a2d42;
  line-height: 1.1;
  text-transform: uppercase;
  letter-spacing: .06em
}

.ct-us .ch-item__val {
  font-size: 18px;
  color: #3A7AB5;
  line-height: 1.55
}

.ct-us .ch-item__mask {
  position: absolute;
  right: -60px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-radius: 50%;
  background: #3a7ab50f;
  transition: width .7s cubic-bezier(0.25, 0.46, 0.45, 0.94), height .7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  pointer-events: none
}

.ct-us .ch-item:hover .ch-item__mask {
  width: 200px;
  height: 200px
}

.ct-us .reach__addr {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 24px;
  border-radius: 2px;
  border-left: 3px solid #3A7AB5;
  border-top: 1px solid #EAEFF2;
  border-bottom: 1px solid #EAEFF2;
  border-right: 1px solid #EAEFF2;
  background: #EAEFF2
}

.ct-us .reach__addr-icon {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  margin-top: 2px
}

.ct-us .reach__addr-icon svg {
  width: 20px;
  height: 20px;
  fill: #3A7AB5
}

.ct-us .reach__addr-text {
  font-size: 15px;
  color: #2a3a4a;
  line-height: 1.55;
  margin: 0
}

.ct-us .form-sec {
  padding: 48px 0 96px;
  background: linear-gradient(160deg, #EAEFF2 0%, #f5f8fa 55%, #e8f0f6 100%);
  position: relative
}

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

.ct-us .form-sec__aside {
  display: flex;
  flex-direction: column;
  gap: 24px;
  position: sticky;
  top: 48px
}

.ct-us .form-sec__aside-h {
  font-size: 30px;
  font-weight: 900;
  color: #1a2d42;
  line-height: 1.1;
  text-transform: uppercase;
  letter-spacing: .04em;
  margin: 0
}

.ct-us .form-sec__aside-p {
  font-size: 15px;
  color: #2a3a4a;
  line-height: 1.55;
  margin: 0
}

.ct-us .status-bar {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 24px;
  background: #fff;
  border-radius: 22px;
  box-shadow: -1px 1px 4px 0 #3a7ab512
}

.ct-us .status-bar__lbl {
  font-size: 15px;
  font-weight: 700;
  color: #1a2d42;
  text-transform: uppercase;
  letter-spacing: .08em;
  line-height: 1.55
}

.ct-us .status-bar__track {
  display: flex;
  flex-direction: row;
  gap: 6px;
  height: 10px
}

.ct-us .status-bar__seg {
  flex: 1;
  border-radius: 2px;
  transition: opacity .5s ease
}

.ct-us .status-bar__seg--1 {
  background: #3A7AB5
}

.ct-us .status-bar__seg--2 {
  background: #5a9ac8
}

.ct-us .status-bar__seg--3 {
  background: #8EB4C4
}

.ct-us .status-bar__seg--4 {
  background: #b5d0dc
}

.ct-us .status-bar__seg--5 {
  background: #EAEFF2;
  border: 1px solid #c5d5de
}

.ct-us .status-bar__caption {
  font-size: 15px;
  color: #3A7AB5;
  font-weight: 700;
  line-height: 1.55
}

.ct-us .stat-shape {
  width: 120px;
  height: 120px;
  border: 3px solid #3A7AB5;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #fff;
  box-shadow: -1px 8px 40px 0 #3a7ab51c;
  align-self: flex-start
}

.ct-us .stat-shape__num {
  font-size: 30px;
  font-weight: 900;
  color: #3A7AB5;
  line-height: 1.1
}

.ct-us .stat-shape__lbl {
  font-size: 15px;
  color: #2a3a4a;
  line-height: 1.55;
  text-align: center;
  padding: 0 6px
}

.ct-us .frm {
  background: #fff;
  border-radius: 22px;
  padding: 48px;
  box-shadow: -1px 8px 40px 0 #3a7ab51c;
  border: 1px solid #8eb4c440
}

.ct-us .frm__row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-bottom: 24px
}

.ct-us .frm__field {
  display: flex;
  flex-direction: column;
  gap: 6px
}

.ct-us .frm__field--full {
  grid-column: 1 / -1
}

.ct-us .frm__lbl {
  font-size: 15px;
  font-weight: 700;
  color: #1a2d42;
  text-transform: uppercase;
  letter-spacing: .06em;
  line-height: 1.55
}

.ct-us .frm__input {
  padding: 12px 24px;
  border: 2px solid #EAEFF2;
  border-radius: 2px;
  font-size: 18px;
  color: #1a2d42;
  background: #fff;
  box-shadow: inset -1px 2px 4px 0 #3a7ab512;
  transition: border-color .6s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow .5s ease;
  outline: none;
  width: 100%;
  line-height: 1.55
}

.ct-us .frm__input::placeholder {
  color: #2a3a4a66
}

.ct-us .frm__input:focus {
  border-color: #3A7AB5;
  box-shadow: inset -1px 2px 4px 0 #3a7ab51c 0 0 0 3px #3a7ab51a
}

.ct-us .frm__checks-h {
  font-size: 15px;
  font-weight: 700;
  color: #1a2d42;
  text-transform: uppercase;
  letter-spacing: .06em;
  line-height: 1.55;
  margin-bottom: 12px;
  display: block
}

.ct-us .frm__checks {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-bottom: 24px
}

.ct-us .chk-item {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  padding: 12px;
  border: 2px solid #EAEFF2;
  border-radius: 22px;
  cursor: pointer;
  transition: border-color .5s ease, background .6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  background: #fff
}

.ct-us .chk-item:hover {
  border-color: #8EB4C4;
  background: #EAEFF2
}

.ct-us .chk-item input[type="checkbox"] {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  accent-color: #3A7AB5;
  margin-top: 2px;
  cursor: pointer
}

.ct-us .chk-item__txt {
  font-size: 15px;
  color: #2a3a4a;
  line-height: 1.55
}

.ct-us .frm__privacy {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 24px;
  border-radius: 2px;
  background: #EAEFF2;
  border: 1px solid #8eb4c466;
  margin-bottom: 24px
}

.ct-us .frm__privacy input[type="checkbox"] {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  accent-color: #3A7AB5;
  margin-top: 3px;
  cursor: pointer
}

.ct-us .frm__privacy-txt {
  font-size: 15px;
  color: #2a3a4a;
  line-height: 1.55;
  margin: 0
}

.ct-us .frm__privacy-txt a {
  color: #3A7AB5;
  text-decoration: underline;
  transition: color .5s ease
}

.ct-us .frm__privacy-txt a:hover {
  color: #1a2d42
}

.ct-us .frm__submit {
  display: inline-block;
  position: relative;
  overflow: hidden;
  border: 3px solid #3A7AB5;
  border-radius: 2px;
  background: transparent;
  color: #3A7AB5;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  padding: 12px 48px;
  cursor: pointer;
  transition: color .6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  line-height: 1.55
}

.ct-us .frm__submit::before {
  content: '';
  position: absolute;
  inset: 0;
  background: #3A7AB5;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 0
}

.ct-us .frm__submit:hover::before,
.ct-us .frm__submit:focus::before {
  transform: scaleX(1)
}

.ct-us .frm__submit:hover,
.ct-us .frm__submit:focus {
  color: #fff;
  outline: none
}

.ct-us .frm__submit span {
  position: relative;
  z-index: 1
}

.ct-us .frm__submit:active {
  box-shadow: inset -1px 2px 4px 0 #3a7ab533
}

@media (max-width: 992px) {
  .ct-us .reach__grid {
    grid-template-columns: 1fr;
    gap: 24px
  }

  .ct-us .reach__text-col {
    padding-left: 0
  }

  .ct-us .reach__h1 {
    font-size: 42px
  }

  .ct-us .form-sec__inner {
    grid-template-columns: 1fr;
    gap: 24px
  }

  .ct-us .form-sec__aside {
    position: static;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start
  }

  .ct-us .frm {
    padding: 24px
  }

  .ct-us .frm__row {
    grid-template-columns: 1fr
  }

  .ct-us .frm__checks {
    grid-template-columns: 1fr
  }
}

@media (max-width: 576px) {
  .ct-us .reach {
    padding: 48px 0 24px
  }

  .ct-us .reach__h1 {
    font-size: 30px
  }

  .ct-us .reach__img {
    height: 260px
  }

  .ct-us .reach__badge-num {
    font-size: 30px
  }

  .ct-us .form-sec {
    padding: 24px 0 48px
  }

  .ct-us .frm {
    padding: 24px 12px
  }

  .ct-us .frm__submit {
    width: 100%;
    text-align: center
  }

  .ct-us .form-sec__aside {
    flex-direction: column
  }

  .ct-us .stat-shape {
    display: none
  }
}

.bs {
  display: block
}

.bs .spk-data {
  display: none
}

.bs .pg-title {
  display: grid;
  grid-template-columns: 55% 45%;
  min-height: 520px
}

.bs .pg-title .txt-zone {
  background: #3A7AB5;
  padding: 96px 48px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  overflow: hidden
}

.bs .pg-title .txt-zone .circ {
  position: absolute;
  border-radius: 22px;
  border: 2px solid #ffffff1a;
  pointer-events: none
}

.bs .pg-title .txt-zone .circ-a {
  width: 180px;
  height: 180px;
  border-radius: 50%;
  top: -40px;
  left: -60px
}

.bs .pg-title .txt-zone .circ-b {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  bottom: 40px;
  right: 30px
}

.bs .pg-title .txt-zone .circ-c {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  top: 50%;
  right: -20px
}

.bs .pg-title .txt-zone .kw {
  display: inline;
  background: linear-gradient(135deg, #8EB4C4, #EAEFF2);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-decoration: underline;
  text-decoration-color: #8eb4c499
}

.bs .pg-title .txt-zone h1 {
  font-size: 42px;
  line-height: 1.1;
  font-weight: 800;
  color: #fff;
  margin: 0 0 24px;
  text-transform: uppercase;
  letter-spacing: .04em
}

.bs .pg-title .txt-zone .sub {
  font-size: 18px;
  line-height: 1.55;
  color: #ffffffe0;
  margin: 0 0 48px
}

.bs .pg-title .txt-zone .tag-row {
  display: flex;
  flex-direction: row;
  gap: 12px;
  flex-wrap: wrap
}

.bs .pg-title .txt-zone .tag {
  font-size: 15px;
  line-height: 1.55;
  color: #EAEFF2;
  border: 2px solid #eaeff266;
  border-radius: 2px;
  padding: 6px 12px;
  background: #ffffff12
}

.bs .pg-title .img-zone {
  position: relative;
  background: #8EB4C4;
  padding: 48px 48px 48px 24px;
  display: flex;
  align-items: flex-end;
  overflow: hidden
}

.bs .pg-title .img-zone .fade-img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  object-position: center;
  opacity: 0;
  animation: fadeLoad .8s cubic-bezier(0.25, 0.46, 0.45, 0.94) .3s forwards;
  filter: sepia(0.18) saturate(1.1) brightness(0.95)
}

@keyframes fadeLoad {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.bs .pg-title .img-zone .img-caption {
  position: relative;
  z-index: 2;
  background: #3a7ab5e0;
  border-radius: 2px;
  padding: 12px 24px;
  color: #fff;
  font-size: 15px;
  line-height: 1.55;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px)
}

.bs .div-a {
  height: 3px;
  background: linear-gradient(105deg, #3A7AB5 0%, #8EB4C4 50%, #EAEFF2 100%)
}

.bs .sig-sec {
  background: #fff;
  padding: 96px 48px
}

.bs .sig-sec .sig-inner {
  max-width: 1500px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 48px;
  align-items: start
}

.bs .sig-sec .sig-lbl {
  font-size: 15px;
  line-height: 1.55;
  color: #3A7AB5;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: .08em;
  margin: 0 0 24px
}

.bs .sig-sec h2 {
  font-size: 30px;
  line-height: 1.1;
  font-weight: 800;
  color: #1d3a5c;
  text-transform: uppercase;
  letter-spacing: .05em;
  margin: 0 0 24px
}

.bs .sig-sec .sig-desc {
  font-size: 18px;
  line-height: 1.55;
  color: #2c3e50;
  margin: 0
}

.bs .sig-sec .sig-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px
}

.bs .sig-sec .sig-item {
  border: 2px solid #EAEFF2;
  border-radius: 2px;
  padding: 24px;
  background: #fff;
  box-shadow: -1px 1px 4px 0 #3a7ab512;
  transition: box-shadow .6s cubic-bezier(0.25, 0.46, 0.45, 0.94), border-color .5s ease
}

.bs .sig-sec .sig-item:hover {
  box-shadow: -1px 7px 25px 0 #3a7ab51c;
  border-color: #8EB4C4
}

.bs .sig-sec .sig-item .ico-wrap {
  width: 40px;
  height: 40px;
  margin: 0 0 12px;
  display: flex;
  align-items: center;
  justify-content: center
}

.bs .sig-sec .sig-item .ico-wrap svg {
  width: 32px;
  height: 32px
}

.bs .sig-sec .sig-item h4 {
  font-size: 15px;
  line-height: 1.55;
  font-weight: 700;
  color: #1d3a5c;
  text-transform: uppercase;
  letter-spacing: .04em;
  margin: 0 0 6px
}

.bs .sig-sec .sig-item p {
  font-size: 15px;
  line-height: 1.55;
  color: #2c3e50;
  margin: 0
}

.bs .div-b {
  height: 3px;
  background: linear-gradient(105deg, #EAEFF2 0%, #8EB4C4 60%, #3A7AB5 100%)
}

.bs .fit-sec {
  background: #EAEFF2;
  padding: 96px 48px
}

.bs .fit-sec .fit-inner {
  max-width: 1500px;
  margin: 0 auto
}

.bs .fit-sec h2 {
  font-size: 30px;
  line-height: 1.1;
  font-weight: 800;
  color: #1d3a5c;
  text-transform: uppercase;
  letter-spacing: .05em;
  margin: 0 0 48px
}

.bs .fit-sec .fit-layout {
  display: grid;
  grid-template-columns: 3fr 2fr;
  gap: 48px;
  align-items: start
}

.bs .fit-sec .fit-cases {
  display: flex;
  flex-direction: column;
  gap: 24px
}

.bs .fit-sec .case-card {
  background: #fff;
  border-radius: 2px;
  border: 2px solid #8EB4C4;
  padding: 24px;
  box-shadow: -1px 1px 4px 0 #3a7ab512
}

.bs .fit-sec .case-card .c-num {
  font-size: 42px;
  line-height: 1.1;
  font-weight: 800;
  color: #EAEFF2;
  float: left;
  margin-right: 24px;
  line-height: 1
}

.bs .fit-sec .case-card h5 {
  font-size: 18px;
  line-height: 1.55;
  font-weight: 700;
  color: #3A7AB5;
  text-transform: uppercase;
  letter-spacing: .04em;
  margin: 0 0 6px
}

.bs .fit-sec .case-card p {
  font-size: 15px;
  line-height: 1.55;
  color: #2c3e50;
  margin: 0
}

.bs .fit-sec .fit-img-col {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-top: 48px
}

.bs .fit-sec .fit-img-col img {
  width: 100%;
  height: 260px;
  object-fit: cover;
  object-position: center;
  border-radius: 2px;
  box-shadow: -1px 7px 25px 0 #3a7ab51c;
  filter: sepia(0.12) saturate(1.05) brightness(0.97)
}

.bs .fit-sec .fit-img-col .note {
  font-size: 15px;
  line-height: 1.55;
  color: #2c3e50;
  border-left: 3px solid #3A7AB5;
  border-top: 1px solid #8EB4C4;
  padding: 12px 12px 12px 24px;
  background: #fff;
  border-radius: 2px
}

.bs .div-c {
  height: 3px;
  background: linear-gradient(105deg, #3A7AB5 0%, #EAEFF2 40%, #8EB4C4 100%)
}

.bs .proc-sec {
  background: #1d3a5c;
  padding: 96px 48px
}

.bs .proc-sec .proc-inner {
  max-width: 1500px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 2fr 3fr;
  gap: 48px;
  align-items: start
}

.bs .proc-sec h2 {
  font-size: 30px;
  line-height: 1.1;
  font-weight: 800;
  color: #EAEFF2;
  text-transform: uppercase;
  letter-spacing: .05em;
  margin: 0 0 24px
}

.bs .proc-sec .proc-desc {
  font-size: 18px;
  line-height: 1.55;
  color: #eaeff2cc;
  margin: 0 0 24px
}

.bs .proc-sec .proc-img {
  width: 100%;
  height: 320px;
  object-fit: cover;
  object-position: center;
  border-radius: 2px;
  box-shadow: -1px 8px 40px 0 #3a7ab51c;
  filter: sepia(0.15) saturate(1.08) brightness(0.92);
  margin-top: 24px
}

.bs .proc-sec .steps {
  display: flex;
  flex-direction: column;
  gap: 24px
}

.bs .proc-sec .step {
  display: grid;
  grid-template-columns: 48px 1fr;
  gap: 24px;
  align-items: start
}

.bs .proc-sec .step .s-num {
  width: 48px;
  height: 48px;
  border-radius: 2px;
  background: #8eb4c426;
  border: 2px solid #8EB4C4;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  font-weight: 800;
  color: #8EB4C4;
  flex-shrink: 0
}

.bs .proc-sec .step h5 {
  font-size: 18px;
  line-height: 1.55;
  font-weight: 700;
  color: #EAEFF2;
  text-transform: uppercase;
  letter-spacing: .04em;
  margin: 0 0 6px
}

.bs .proc-sec .step p {
  font-size: 15px;
  line-height: 1.55;
  color: #eaeff2bf;
  margin: 0
}

.bs .div-d {
  height: 3px;
  background: linear-gradient(105deg, #8EB4C4 0%, #3A7AB5 50%, #1d3a5c 100%)
}

.bs .out-sec {
  background: #fff;
  padding: 96px 48px
}

.bs .out-sec .out-inner {
  max-width: 1500px;
  margin: 0 auto
}

.bs .out-sec h2 {
  font-size: 30px;
  line-height: 1.1;
  font-weight: 800;
  color: #1d3a5c;
  text-transform: uppercase;
  letter-spacing: .05em;
  margin: 0 0 48px
}

.bs .out-sec .out-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px
}

.bs .out-sec .out-card {
  border-radius: 2px;
  padding: 24px;
  background: #EAEFF2;
  border: 2px solid transparent;
  transition: border-color .6s ease, box-shadow .7s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

.bs .out-sec .out-card:hover {
  border-color: #3A7AB5;
  box-shadow: -1px 7px 25px 0 #3a7ab51c
}

.bs .out-sec .out-card.featured {
  background: linear-gradient(155deg, #3A7AB5 0%, #1d3a5c 100%);
  border-color: #3A7AB5;
  box-shadow: -1px 8px 40px 0 #3a7ab51c
}

.bs .out-sec .out-card.featured h4 {
  color: #EAEFF2
}

.bs .out-sec .out-card.featured p {
  color: #eaeff2d9
}

.bs .out-sec .out-card.featured .rec-badge {
  display: inline-block;
  font-size: 15px;
  background: #8EB4C4;
  color: #1d3a5c;
  border-radius: 2px;
  padding: 6px 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .04em;
  margin: 0 0 12px
}

.bs .out-sec .out-card .rec-badge {
  display: none
}

.bs .out-sec .out-card .ico-seq {
  width: 36px;
  height: 36px;
  margin: 0 0 12px;
  display: flex;
  align-items: center;
  justify-content: center
}

.bs .out-sec .out-card h4 {
  font-size: 18px;
  line-height: 1.55;
  font-weight: 700;
  color: #1d3a5c;
  text-transform: uppercase;
  letter-spacing: .04em;
  margin: 0 0 12px
}

.bs .out-sec .out-card p {
  font-size: 15px;
  line-height: 1.55;
  color: #2c3e50;
  margin: 0
}

.bs .div-e {
  height: 3px;
  background: linear-gradient(105deg, #EAEFF2 0%, #3A7AB5 100%)
}

.bs .lim-sec {
  background: #EAEFF2;
  padding: 96px 48px
}

.bs .lim-sec .lim-inner {
  max-width: 1500px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 2fr 3fr;
  gap: 48px;
  align-items: start
}

.bs .lim-sec h2 {
  font-size: 30px;
  line-height: 1.1;
  font-weight: 800;
  color: #1d3a5c;
  text-transform: uppercase;
  letter-spacing: .05em;
  margin: 0 0 12px
}

.bs .lim-sec .lim-intro {
  font-size: 18px;
  line-height: 1.55;
  color: #2c3e50;
  margin: 0 0 24px
}

.bs .lim-sec .lim-img {
  width: 100%;
  height: 280px;
  object-fit: cover;
  object-position: center;
  border-radius: 2px;
  box-shadow: -1px 7px 25px 0 #3a7ab51c;
  filter: sepia(0.1) saturate(1.05) brightness(0.96)
}

.bs .lim-sec .lim-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  list-style: none;
  padding: 0;
  margin: 0
}

.bs .lim-sec .lim-list li {
  font-size: 15px;
  line-height: 1.55;
  color: #2c3e50;
  background: #fff;
  border-radius: 2px;
  padding: 12px 24px;
  border: 2px solid #8EB4C4;
  display: flex;
  align-items: flex-start;
  gap: 12px
}

.bs .lim-sec .lim-list li .li-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #3A7AB5;
  flex-shrink: 0;
  margin-top: 5px
}

.bs .div-f {
  height: 3px;
  background: linear-gradient(105deg, #1d3a5c 0%, #8EB4C4 60%, #EAEFF2 100%)
}

.bs .cli-sec {
  background: #fff;
  padding: 96px 48px
}

.bs .cli-sec .cli-inner {
  max-width: 1500px;
  margin: 0 auto
}

.bs .cli-sec h2 {
  font-size: 30px;
  line-height: 1.1;
  font-weight: 800;
  color: #1d3a5c;
  text-transform: uppercase;
  letter-spacing: .05em;
  margin: 0 0 48px
}

.bs .cli-sec .cli-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 24px
}

.bs .cli-sec .cli-card {
  border-radius: 2px;
  border: 2px solid #EAEFF2;
  padding: 24px;
  background: #fff;
  box-shadow: -1px 1px 4px 0 #3a7ab512;
  transition: box-shadow .65s cubic-bezier(0.25, 0.46, 0.45, 0.94), border-color .5s ease
}

.bs .cli-sec .cli-card:hover {
  box-shadow: -1px 7px 25px 0 #3a7ab51c;
  border-color: #8EB4C4
}

.bs .cli-sec .cli-card .cli-head {
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: center;
  margin: 0 0 12px
}

.bs .cli-sec .cli-card .port-wrap {
  width: 52px;
  height: 73px;
  flex-shrink: 0;
  border-radius: 0;
  overflow: hidden
}

.bs .cli-sec .cli-card .port-wrap img {
  width: 52px;
  height: 73px;
  object-fit: cover;
  object-position: top
}

.bs .cli-sec .cli-card .cli-meta h5 {
  font-size: 18px;
  line-height: 1.55;
  font-weight: 700;
  color: #1d3a5c;
  margin: 0 0 6px
}

.bs .cli-sec .cli-card .cli-meta .role {
  font-size: 15px;
  line-height: 1.55;
  color: #3A7AB5;
  font-weight: 600;
  margin: 0
}

.bs .cli-sec .cli-card .sit {
  font-size: 15px;
  line-height: 1.55;
  color: #2c3e50;
  margin: 0 0 12px;
  border-top: 1px solid #EAEFF2;
  padding-top: 12px
}

.bs .cli-sec .cli-card .res {
  font-size: 15px;
  line-height: 1.55;
  color: #1d3a5c;
  font-weight: 600;
  background: #EAEFF2;
  border-radius: 2px;
  padding: 6px 12px;
  margin: 0
}

.bs .cli-sec .cli-card.no-port .cli-head {
  align-items: flex-start
}

.bs .cli-sec .cli-card.no-port .av-ph {
  width: 52px;
  height: 52px;
  border-radius: 2px;
  background: linear-gradient(135deg, #3A7AB5, #8EB4C4);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0
}

.bs .cli-sec .cli-card.no-port .av-ph svg {
  width: 28px;
  height: 28px
}

.bs .icon-cycle {
  display: flex;
  flex-direction: row;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 24px
}

.bs .icon-cycle .ic-item {
  width: 44px;
  height: 44px;
  border-radius: 2px;
  border: 2px solid #EAEFF2;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: border-color .5s ease, background .6s ease;
  animation: icSeq 4.2s ease infinite
}

.bs .icon-cycle .ic-item:nth-child(1) {
  animation-delay: 0s
}

.bs .icon-cycle .ic-item:nth-child(2) {
  animation-delay: .7s
}

.bs .icon-cycle .ic-item:nth-child(3) {
  animation-delay: 1.4s
}

.bs .icon-cycle .ic-item:nth-child(4) {
  animation-delay: 2.1s
}

.bs .icon-cycle .ic-item:nth-child(5) {
  animation-delay: 2.8s
}

.bs .icon-cycle .ic-item:nth-child(6) {
  animation-delay: 3.5s
}

@keyframes icSeq {

  0%,
  10% {
    background: #3A7AB5;
    border-color: #3A7AB5
  }

  16%,
  100% {
    background: transparent;
    border-color: #EAEFF2
  }
}

.bs .icon-cycle .ic-item svg {
  width: 22px;
  height: 22px;
  transition: stroke .5s ease
}

.bs .btn-hold {
  display: inline-block;
  position: relative;
  border: 3px solid #EAEFF2;
  border-radius: 2px;
  padding: 12px 48px;
  font-size: 18px;
  font-weight: 700;
  color: #EAEFF2;
  background: transparent;
  cursor: pointer;
  overflow: hidden;
  text-transform: uppercase;
  letter-spacing: .05em;
  transition: color .5s ease, border-color .5s ease;
  -webkit-user-select: none;
  user-select: none;
  text-decoration: none
}

.bs .btn-hold::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 0;
  background: #eaeff226;
  transition: width .6s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

.bs .btn-hold:hover::after {
  width: 100%
}

.bs .btn-hold:hover {
  border-color: #fff;
  color: #fff
}

@media (max-width: 992px) {
  .bs .pg-title {
    grid-template-columns: 1fr
  }

  .bs .pg-title .img-zone {
    min-height: 260px;
    padding: 24px
  }

  .bs .pg-title .txt-zone {
    padding: 48px 24px
  }

  .bs .pg-title .txt-zone h1 {
    font-size: 30px
  }

  .bs .sig-sec .sig-inner {
    grid-template-columns: 1fr
  }

  .bs .fit-sec .fit-layout {
    grid-template-columns: 1fr
  }

  .bs .proc-sec .proc-inner {
    grid-template-columns: 1fr
  }

  .bs .out-sec .out-grid {
    grid-template-columns: 1fr 1fr
  }

  .bs .lim-sec .lim-inner {
    grid-template-columns: 1fr
  }

  .bs .cli-sec .cli-grid {
    grid-template-columns: 1fr 1fr
  }

  .bs .sig-sec,
  .bs .fit-sec,
  .bs .proc-sec,
  .bs .out-sec,
  .bs .lim-sec,
  .bs .cli-sec {
    padding: 48px 24px
  }
}

@media (max-width: 576px) {
  .bs .pg-title .txt-zone h1 {
    font-size: 22px
  }

  .bs .sig-sec .sig-grid {
    grid-template-columns: 1fr
  }

  .bs .out-sec .out-grid {
    grid-template-columns: 1fr
  }

  .bs .cli-sec .cli-grid {
    grid-template-columns: 1fr
  }

  .bs .lim-sec .lim-list {
    grid-template-columns: 1fr
  }

  .bs .fit-sec .fit-img-col {
    padding-top: 0
  }
}

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

.suc-pg .suc-card {
  background: #fff;
  border-radius: 22px;
  box-shadow: -1px 7px 25px 0 #3a7ab51c;
  padding: 48px;
  max-width: 560px;
  width: 100%;
  text-align: center
}

.suc-pg .suc-card .ico-wrap {
  width: 64px;
  height: 64px;
  margin: 0 auto 24px;
  border-radius: 22px;
  background: #EAEFF2;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  box-shadow: -1px 1px 4px 0 #3a7ab512
}

.suc-pg .suc-card .ico-wrap svg {
  display: block
}

.suc-pg .suc-card .suc-ttl {
  font-size: 30px;
  line-height: 1.1;
  font-weight: 700;
  color: #3A7AB5;
  text-transform: uppercase;
  letter-spacing: .04em;
  margin: 0 0 12px
}

.suc-pg .suc-card .suc-sub {
  font-size: 18px;
  line-height: 1.55;
  color: #2c3e50;
  margin: 0 0 24px
}

.suc-pg .suc-card .suc-note {
  font-size: 15px;
  line-height: 1.55;
  color: #4a5a6a;
  margin: 0 0 48px;
  padding: 12px 24px;
  background: #EAEFF2;
  border-radius: 2px;
  border-left: 3px solid #8EB4C4;
  border-top: 1px solid #8EB4C4;
  text-align: left
}

.suc-pg .suc-card .suc-back {
  display: inline-block;
  font-size: 15px;
  font-weight: 700;
  color: #3A7AB5;
  text-decoration: none;
  border: 2px solid #3A7AB5;
  border-radius: 2px;
  padding: 12px 48px;
  background: transparent;
  transition: background .6s cubic-bezier(0.25, 0.46, 0.45, 0.94), color .6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  letter-spacing: .05em;
  text-transform: uppercase
}

.suc-pg .suc-card .suc-back:hover,
.suc-pg .suc-card .suc-back:focus {
  background: #3A7AB5;
  color: #fff;
  outline: none
}

.suc-pg .suc-card .suc-back:active {
  background: #2d6094;
  border-color: #2d6094;
  color: #fff
}

@media (max-width: 576px) {
  .suc-pg {
    padding: 48px 12px
  }

  .suc-pg .suc-card {
    padding: 24px
  }

  .suc-pg .suc-card .suc-ttl {
    font-size: 22px
  }
}