html {
font-size: 100%
}

body {
margin: 0;
min-height: 100dvh;
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%
}

.pg_box {
max-width: 1170px;
margin-left: auto;
margin-right: auto;
padding-left: 24px;
padding-right: 24px
}

.hd_wrap {
background: linear-gradient(135deg, #234050 0%, #1d3644 60%, #2a4e60 100%);
position: relative;
overflow: hidden
}

.hd_wrap::before {
content: '';
position: absolute;
top: 0;
right: 0;
width: 340px;
height: 100%;
background: linear-gradient(180deg, #37828f2e 0%, #8fd1a414 100%);
pointer-events: none
}

.hd_inner {
max-width: 1170px;
margin-left: auto;
margin-right: auto;
display: flex;
align-items: center;
justify-content: space-between;
gap: 48px;
flex-wrap: wrap;
padding: 48px 24px
}

.logo_zone {
display: flex;
align-items: center;
gap: 12px;
border-left: 4px solid #8FD1A4;
padding-left: 12px;
border-radius: 0 6px 6px 0;
background: #ffffff0d;
box-shadow: 0 1px 2px -2px #2340500f 0 5px 14px -2px #23405014;
order: 2
}

.logo_img {
display: block;
width: 60px;
height: 60px;
object-fit: contain
}

.nav_zone {
display: flex;
align-items: center;
gap: 4px;
flex-wrap: wrap;
order: 1
}

.nav_lnk {
display: flex;
align-items: center;
gap: 4px;
font-family: 'Work Sans', sans-serif;
font-size: 14px;
line-height: 1.4;
color: #ffffffd1;
text-decoration: none;
padding: 12px;
border-radius: 10px;
border: 1px solid transparent;
transition: color .38s cubic-bezier(0.34, 1.2, 0.64, 1), background .38s cubic-bezier(0.34, 1.2, 0.64, 1), border-color .38s cubic-bezier(0.34, 1.2, 0.64, 1);
min-height: 44px;
box-sizing: border-box
}

.nav_lnk:hover,
.nav_lnk:focus {
color: #fff;
background: #37828f38;
border-color: #8fd1a44d;
outline: none
}

.nav_lnk:focus-visible {
outline: 2px dashed #8FD1A4;
outline-offset: 2px
}

.nav_lnk .f7-icons {
font-size: 17px;
color: #8FD1A4;
flex-shrink: 0
}

.nav_sep {
width: 1px;
height: 20px;
background: #8fd1a440;
margin: 0 4px
}

.ft_wrap {
background: #234050
}

.ft_top {
max-width: 1170px;
margin-left: auto;
margin-right: auto;
display: flex;
flex-direction: column;
align-items: center;
gap: 24px;
padding: 96px 24px
}

.ft_logo_row {
display: flex;
align-items: center;
justify-content: center
}

.ft_logo_box {
background: #ffffff0f;
border-radius: 10px;
padding: 12px 24px;
box-shadow: 0 1px 2px -2px #37828f0f 0 5px 14px -2px #37828f14;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #8fd1a433
}

.ft_logo_img {
display: block;
width: 58px;
height: 58px;
object-fit: contain
}

.ft_desc {
font-family: 'Roboto', sans-serif;
font-size: 17px;
line-height: 1.6;
color: #ffffffb8;
text-align: center;
max-width: 520px
}

.ft_contact_block {
display: flex;
flex-direction: column;
align-items: center;
gap: 12px
}

.ft_contact_item {
display: flex;
align-items: center;
gap: 12px;
font-family: 'Roboto', sans-serif;
font-size: 14px;
line-height: 1.4;
color: #fff9
}

.ft_contact_item .f7-icons {
font-size: 17px;
color: #8FD1A4;
flex-shrink: 0
}

.ft_contact_item a {
color: #ffffffb3;
text-decoration: none;
transition: color .35s ease-in-out
}

.ft_contact_item a:hover,
.ft_contact_item a:focus {
color: #8FD1A4
}

.ft_contact_item a:focus-visible {
outline: 2px dashed #8FD1A4;
outline-offset: 2px;
border-radius: 6px
}

.ft_divider {
width: 100%;
max-width: 1170px;
margin-left: auto;
margin-right: auto;
height: 1px;
background: #8fd1a426
}

.ft_mid {
max-width: 1170px;
margin-left: auto;
margin-right: auto;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 4px;
padding: 24px
}

.ft_lnk {
font-family: 'Roboto', sans-serif;
font-size: 14px;
line-height: 1.4;
color: #ffffff80;
text-decoration: none;
padding: 4px 12px;
border-radius: 6px;
transition: color .4s ease-in-out, background .4s ease-in-out;
min-height: 44px;
display: flex;
align-items: center
}

.ft_lnk:hover,
.ft_lnk:focus {
color: #8FD1A4;
background: #8fd1a414;
outline: none
}

.ft_lnk:focus-visible {
outline: 2px dashed #8FD1A4;
outline-offset: 2px
}

.ft_bot {
background: #0000002e
}

.ft_bot_inner {
max-width: 1170px;
margin-left: auto;
margin-right: auto;
text-align: center;
padding: 12px 24px
}

.ft_copy {
font-family: 'Roboto', sans-serif;
font-size: 14px;
line-height: 1.4;
color: #ffffff59
}

.ck_bar {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
background: #1d3644;
border-bottom: 2px solid #8fd1a44d;
z-index: 4000;
box-shadow: 0 5px 14px -2px #23405021
}

.ck_bar_inner {
max-width: 1170px;
margin-left: auto;
margin-right: auto;
padding: 24px;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 24px;
justify-content: space-between
}

.ck_text_box {
flex: 1 1 320px
}

.ck_headline {
font-family: 'Work Sans', sans-serif;
font-size: 17px;
font-weight: 700;
line-height: 1.4;
color: #fff;
margin: 0 0 4px
}

.ck_desc {
font-family: 'Roboto', sans-serif;
font-size: 14px;
line-height: 1.6;
color: #ffffffb3;
margin: 0
}

.ck_desc a {
color: #8FD1A4;
text-decoration: underline
}

.ck_desc a:focus-visible {
outline: 2px dashed #8FD1A4;
outline-offset: 2px;
border-radius: 6px
}

.ck_btn_row {
display: flex;
gap: 12px;
flex-wrap: wrap;
align-items: center
}

.ck_btn {
font-family: 'Work Sans', sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 1.4;
padding: 12px 24px;
border-radius: 10px;
cursor: pointer;
border: 2px solid #8fd1a499;
background: transparent;
color: #fff;
min-height: 44px;
transition: background .38s cubic-bezier(0.34, 1.2, 0.64, 1), border-color .38s cubic-bezier(0.34, 1.2, 0.64, 1), color .38s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.ck_btn:hover,
.ck_btn:focus {
background: #8fd1a426;
border-color: #8FD1A4;
color: #8FD1A4;
outline: none
}

.ck_btn:focus-visible {
outline: 2px dashed #8FD1A4;
outline-offset: 2px
}

.ck_btn.accept {
background: #8fd1a433;
border-color: #8FD1A4
}

.ck_btn.accept:hover,
.ck_btn.accept:focus {
background: #8fd1a459
}

.ck_settings_btn {
position: fixed;
bottom: 24px;
right: 24px;
z-index: 3900;
width: 44px;
height: 44px;
border-radius: 44px;
background: #234050;
border: 2px solid #8fd1a466;
display: none;
align-items: center;
justify-content: center;
cursor: pointer;
box-shadow: 0 5px 14px -2px #23405021;
transition: background .38s cubic-bezier(0.34, 1.2, 0.64, 1), border-color .38s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.ck_settings_btn:hover,
.ck_settings_btn:focus {
background: #37828F;
border-color: #8FD1A4;
outline: none
}

.ck_settings_btn:focus-visible {
outline: 2px dashed #8FD1A4;
outline-offset: 2px
}

.ck_settings_btn .f7-icons {
font-size: 20px;
color: #8FD1A4
}

@media (min-width: 60em) {
.nav_lnk {
transition: color .38s cubic-bezier(0.34, 1.2, 0.64, 1), background .38s cubic-bezier(0.34, 1.2, 0.64, 1), border-color .38s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.ft_lnk {
transition: color .4s ease-in-out, background .4s ease-in-out
}

.ft_contact_item a {
transition: color .35s ease-in-out
}

.ck_btn {
transition: background .38s cubic-bezier(0.34, 1.2, 0.64, 1), border-color .38s cubic-bezier(0.34, 1.2, 0.64, 1), color .38s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.ck_settings_btn {
transition: background .38s cubic-bezier(0.34, 1.2, 0.64, 1), border-color .38s cubic-bezier(0.34, 1.2, 0.64, 1)
}
}

@media (max-width: 59.9em) {
.nav_lnk {
transition: none
}

.ft_lnk {
transition: none
}

.ft_contact_item a {
transition: none
}

.ck_btn {
transition: none
}

.ck_settings_btn {
transition: none
}
}

.terms-box {
max-width: 1170px;
margin: 0 auto;
padding: 48px 24px;
color: #234050
}

.terms-box h1 {
font-size: 54px;
line-height: 1.2;
letter-spacing: -.03em;
color: #234050;
margin-bottom: 24px;
margin-top: 0
}

.terms-box h2 {
font-size: 38px;
line-height: 1.2;
letter-spacing: -.02em;
color: #234050;
margin-top: 48px;
margin-bottom: 24px
}

.terms-box h3 {
font-size: 17px;
line-height: 1.4;
letter-spacing: -.01em;
color: #234050;
font-weight: 700;
margin-top: 48px;
margin-bottom: 12px
}

.terms-box h4 {
font-size: 17px;
line-height: 1.4;
color: #37828F;
font-weight: 700;
margin-top: 24px;
margin-bottom: 12px
}

.terms-box h5 {
font-size: 14px;
line-height: 1.4;
color: #37828F;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .06em;
margin-top: 24px;
margin-bottom: 12px
}

.terms-box h6 {
font-size: 14px;
line-height: 1.4;
color: #234050;
font-weight: 600;
margin-top: 24px;
margin-bottom: 12px
}

.terms-box p {
font-size: 17px;
line-height: 1.9;
color: #234050;
margin-top: 0;
margin-bottom: 24px;
max-width: 72ch
}

.terms-box strong,
.terms-box b {
font-weight: 700;
color: #234050
}

.terms-box em,
.terms-box i {
font-style: italic;
color: #37828F
}

.terms-box a {
color: #37828F;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
transition: color .38s cubic-bezier(0.34, 1.2, 0.64, 1), text-decoration-color .38s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.terms-box a:hover {
color: #234050;
text-decoration-color: #8FD1A4
}

.terms-box a:focus-visible {
outline: 2px solid #37828F;
outline-offset: 2px;
border-radius: 6px
}

.terms-box hr {
border: none;
border-top: 1px solid #8FD1A4;
margin-top: 48px;
margin-bottom: 48px;
opacity: .5
}

.terms-box div {
font-size: 17px;
line-height: 1.6;
color: #234050
}

.abt {
background: #fff;
overflow-x: clip
}

.abt .pg_wrap {
max-width: 1170px;
margin: 0 auto;
padding: 0 24px
}

.abt .grad_txt {
background: linear-gradient(135deg, #234050, #37828F, #8FD1A4);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text
}

.abt .eyebrow {
font-size: 14px;
letter-spacing: .12em;
text-transform: uppercase;
color: #37828F;
font-weight: 600;
line-height: 1.4
}

.abt .divider_mid {
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
margin: 48px 0
}

.abt .divider_mid .d_line {
height: 1px;
width: 80px;
background: #37828F;
opacity: .35
}

.abt .divider_mid .d_diamond {
width: 8px;
height: 8px;
background: #37828F;
transform: rotate(45deg);
opacity: .6
}

.abt .title_blk {
position: relative;
padding: 96px 0 48px;
background: #f3f7f8
}

.abt .title_blk .tx_img_wrap {
overflow: hidden;
border-radius: 16px;
box-shadow: 0 1px 2px -2px #2340500f 0 5px 14px -2px #23405014 0 9px 40px -2px #23405021;
position: relative;
height: 340px;
margin-bottom: 48px
}

.abt .title_blk .tx_img_wrap img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
opacity: .18
}

.abt .title_blk .tx_img_wrap .img_overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(135deg, #234050d1 0%, #37828fa6 55%, #8fd1a461 100%)
}

.abt .title_blk .tx_img_wrap .img_txt {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
flex-direction: column;
justify-content: center;
padding: 48px
}

.abt .title_blk .tx_img_wrap .accent_phrase {
display: inline-block;
background: #8fd1a438;
border: 1px solid #8fd1a480;
border-radius: 6px;
padding: 4px 12px;
font-size: 14px;
color: #8FD1A4;
font-weight: 600;
letter-spacing: .08em;
text-transform: uppercase;
margin-bottom: 24px;
width: fit-content
}

.abt .title_blk .tx_img_wrap h1 {
font-size: 54px;
line-height: 1.2;
letter-spacing: -.02em;
color: #fff;
margin: 0 0 24px;
max-width: 640px
}

.abt .title_blk .tx_img_wrap .sub_line {
font-size: 17px;
line-height: 1.6;
color: #ffffffd1;
max-width: 520px;
margin: 0
}

.abt .title_blk .stats_row {
display: flex;
flex-direction: row;
gap: 24px;
flex-wrap: wrap
}

.abt .title_blk .stat_item {
flex: 1;
min-width: 160px;
background: #fff;
border-radius: 10px;
padding: 24px;
box-shadow: 0 1px 2px -2px #2340500f 0 5px 14px -2px #23405014 0 9px 40px -2px #23405021;
border-top: 3px solid #37828F;
transition: box-shadow .38s cubic-bezier(0.34, 1.2, 0.64, 1)
}

@media (min-width: 60em) {
.abt .title_blk .stat_item:hover {
box-shadow: 0 1px 2px -2px #23405014 0 9px 28px -2px #23405024 0 18px 56px -2px #2340502e
}
}

.abt .title_blk .stat_item .s_num {
font-size: 38px;
line-height: 1.2;
font-weight: 700;
color: #234050;
letter-spacing: -.02em
}

.abt .title_blk .stat_item .s_label {
font-size: 14px;
color: #37828F;
line-height: 1.4;
margin-top: 4px
}

.abt .story_blk {
padding: 96px 0;
background: #fff;
position: relative
}

.abt .story_blk .wavy_top {
position: absolute;
top: 0;
left: 0;
right: 0;
overflow: hidden;
line-height: 0;
pointer-events: none
}

.abt .story_blk .wavy_top svg {
display: block;
width: 100%
}

.abt .story_blk .two_col {
display: flex;
flex-direction: row;
gap: 96px;
align-items: flex-start
}

.abt .story_blk .col_left {
flex: 0 0 340px;
position: relative
}

.abt .story_blk .col_left .img_frame {
border-radius: 16px;
overflow: hidden;
box-shadow: 0 1px 2px -2px #2340500f 0 5px 14px -2px #23405014 0 9px 40px -2px #23405021
}

.abt .story_blk .col_left .img_frame img {
width: 100%;
height: 380px;
object-fit: cover;
display: block
}

.abt .story_blk .col_left .badge {
position: absolute;
bottom: -12px;
right: -12px;
background: #234050;
border-radius: 10px;
padding: 12px 24px;
color: #8FD1A4;
font-size: 14px;
font-weight: 700;
letter-spacing: .04em;
box-shadow: 0 5px 14px -2px #2340502e
}

.abt .story_blk .col_right {
flex: 1
}

.abt .story_blk .col_right h2 {
font-size: 38px;
line-height: 1.2;
letter-spacing: -.02em;
margin: 0 0 24px
}

.abt .story_blk .col_right p {
font-size: 17px;
line-height: 1.6;
color: #3a5060;
margin: 0 0 24px
}

.abt .story_blk .trail {
margin-top: 48px;
display: flex;
flex-direction: column;
gap: 0
}

.abt .story_blk .trail_item {
display: flex;
flex-direction: row;
gap: 24px;
align-items: flex-start
}

.abt .story_blk .trail_dot_col {
display: flex;
flex-direction: column;
align-items: center;
flex-shrink: 0;
width: 24px
}

.abt .story_blk .trail_dot {
width: 12px;
height: 12px;
border-radius: 44px;
background: #8FD1A4;
border: 2px solid #37828F;
flex-shrink: 0;
margin-top: 4px
}

.abt .story_blk .trail_dot.active {
background: #234050;
border-color: #234050;
box-shadow: 0 0 0 3px #37828f38
}

.abt .story_blk .trail_line {
width: 2px;
flex: 1;
background: #37828f38;
min-height: 24px
}

.abt .story_blk .trail_text {
padding-bottom: 24px
}

.abt .story_blk .trail_text h6 {
font-size: 14px;
font-weight: 700;
color: #234050;
margin: 0 0 4px;
line-height: 1.4;
letter-spacing: .03em
}

.abt .story_blk .trail_text p {
font-size: 14px;
line-height: 1.6;
color: #37828F;
margin: 0
}

@media (max-width: 60em) {
.abt .story_blk .two_col {
flex-direction: column;
gap: 48px
}

.abt .story_blk .col_left {
flex: none;
width: 100%
}
}

.abt .team_blk {
padding: 96px 0;
background: #e8eff2;
position: relative
}

.abt .team_blk .tri_bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
pointer-events: none
}

.abt .team_blk .tri_bg svg {
width: 100%;
height: 100%;
opacity: .045
}

.abt .team_blk .t_head {
text-align: center;
margin-bottom: 48px
}

.abt .team_blk .t_head h2 {
font-size: 38px;
line-height: 1.2;
letter-spacing: -.02em;
margin: 12px 0 24px
}

.abt .team_blk .t_head p {
font-size: 17px;
line-height: 1.6;
color: #3a5060;
max-width: 560px;
margin: 0 auto
}

.abt .team_blk .dense_grid {
display: grid;
grid-template-columns: 2fr 1fr 1fr;
grid-template-rows: auto auto;
gap: 24px
}

.abt .team_blk .anchor_card {
grid-column: 1;
grid-row: 1 / 3;
background: #fff;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 1px 2px -2px #2340500f 0 5px 14px -2px #23405014 0 9px 40px -2px #23405021;
display: flex;
flex-direction: column
}

.abt .team_blk .anchor_card .ac_img {
width: 100%;
height: 260px;
object-fit: cover;
display: block
}

.abt .team_blk .anchor_card .ac_body {
padding: 24px;
flex: 1
}

.abt .team_blk .anchor_card .ac_name {
font-size: 17px;
font-weight: 700;
color: #234050;
line-height: 1.4;
margin: 0 0 4px
}

.abt .team_blk .anchor_card .ac_role {
font-size: 14px;
color: #37828F;
line-height: 1.4;
margin: 0 0 12px
}

.abt .team_blk .anchor_card .ac_desc {
font-size: 14px;
line-height: 1.6;
color: #3a5060;
margin: 0
}

.abt .team_blk .compact_card {
background: #fff;
border-radius: 10px;
padding: 24px;
box-shadow: 0 1px 2px -2px #2340500f 0 5px 14px -2px #23405014 0 9px 40px -2px #23405021;
display: flex;
flex-direction: column;
justify-content: space-between;
transition: box-shadow .42s ease-in-out
}

@media (min-width: 60em) {
.abt .team_blk .compact_card:hover {
box-shadow: 0 1px 2px -2px #23405014 0 9px 28px -2px #23405024 0 18px 56px -2px #2340502e;
background: linear-gradient(135deg, #fff 0%, #8fd1a414 100%)
}
}

.abt .team_blk .compact_card .cc_icon {
width: 36px;
height: 36px;
border-radius: 10px;
background: #37828f1f;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 12px
}

.abt .team_blk .compact_card .cc_icon svg {
width: 18px;
height: 18px
}

.abt .team_blk .compact_card .cc_label {
font-size: 14px;
font-weight: 700;
color: #234050;
line-height: 1.4;
margin: 0 0 4px
}

.abt .team_blk .compact_card .cc_val {
font-size: 14px;
color: #37828F;
line-height: 1.4;
margin: 0
}

@media (max-width: 60em) {
.abt .team_blk .dense_grid {
grid-template-columns: 1fr 1fr;
grid-template-rows: auto
}

.abt .team_blk .anchor_card {
grid-column: 1 / 3;
grid-row: auto
}
}

@media (max-width: 30em) {
.abt .team_blk .dense_grid {
grid-template-columns: 1fr
}

.abt .team_blk .anchor_card {
grid-column: 1
}

.abt .title_blk .tx_img_wrap h1 {
font-size: 38px
}

.abt .title_blk .tx_img_wrap {
height: auto;
min-height: 300px
}

.abt .title_blk .tx_img_wrap .img_txt {
padding: 24px
}
}

.abt .shadow_load {
animation: shdw_in .44s cubic-bezier(0.34, 1.2, 0.64, 1) forwards
}

@keyframes shdw_in {
from {
box-shadow: 0 0 0 0 #23405000
}

to {
box-shadow: 0 1px 2px -2px #2340500f 0 5px 14px -2px #23405014 0 9px 40px -2px #23405021
}
}

.abt .click_grow {
cursor: pointer;
transition: transform .35s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.abt .click_grow:active {
transform: scale(1.045)
}

.ct_us {
background: #fff;
overflow-x: clip
}

.ct_us .pg_top {
display: flex;
flex-direction: row;
min-height: 480px;
max-width: 100%;
background: #234050;
position: relative
}

.ct_us .pg_top .img_col {
width: 38%;
flex-shrink: 0;
position: relative;
overflow: hidden
}

.ct_us .pg_top .img_col img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
filter: saturate(0.3) brightness(0.55) sepia(0.4)
}

.ct_us .pg_top .txt_col {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
padding: 96px 96px 96px 48px;
position: relative
}

.ct_us .pg_top .txt_col::before {
content: '';
position: absolute;
top: 24px;
left: 24px;
right: 48px;
bottom: 24px;
border-top: 2px solid #8fd1a42e;
border-right: 2px solid #8fd1a42e;
border-radius: 0 16px 16px 0;
pointer-events: none
}

.ct_us .pg_top .txt_col::after {
content: '';
position: absolute;
bottom: 24px;
left: 24px;
width: 60px;
height: 60px;
border-bottom: 2px solid #37828f4d;
border-left: 2px solid #37828f4d;
border-radius: 0 0 0 10px;
pointer-events: none
}

.ct_us .pg_top .eyebrow {
display: flex;
flex-direction: row;
align-items: center;
gap: 12px;
margin-bottom: 24px
}

.ct_us .pg_top .eyebrow .dot_badge {
width: 8px;
height: 8px;
border-radius: 44px;
background: #8FD1A4;
flex-shrink: 0
}

.ct_us .pg_top .eyebrow span {
font-size: 14px;
line-height: 1.4;
color: #8FD1A4;
letter-spacing: .08em;
text-transform: uppercase
}

.ct_us .pg_top .pg_h1 {
font-size: 54px;
line-height: 1.2;
letter-spacing: -.02em;
margin: 0;
background: linear-gradient(135deg, #8FD1A4 0%, #37828F 50%, #234050 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
max-width: 520px
}

.ct_us .form_band {
background: #f4f7f8;
padding: 96px 0;
position: relative
}

.ct_us .form_band::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg, #234050 0%, #37828F 50%, #8FD1A4 100%)
}

.ct_us .form_band .f_inner {
max-width: 1170px;
margin: 0 auto;
padding: 0 48px;
display: flex;
flex-direction: row;
gap: 96px;
align-items: flex-start
}

.ct_us .form_band .f_meta {
width: 320px;
flex-shrink: 0
}

.ct_us .form_band .f_meta .meta_h {
font-size: 38px;
line-height: 1.2;
letter-spacing: -.015em;
color: #234050;
margin: 0 0 24px;
background: linear-gradient(135deg, #234050 0%, #37828F 60%, #8FD1A4 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text
}

.ct_us .form_band .f_meta .meta_p {
font-size: 17px;
line-height: 1.6;
color: #3a5560;
margin: 0 0 48px
}

.ct_us .form_band .f_meta .cinfo_list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 24px
}

.ct_us .form_band .f_meta .cinfo_list li {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 12px
}

.ct_us .form_band .f_meta .cinfo_list .ci_icon {
width: 36px;
height: 36px;
border-radius: 10px;
background: #234050;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
box-shadow: 0 1px 2px -2px #2340500f 0 5px 14px -2px #23405014
}

.ct_us .form_band .f_meta .cinfo_list .ci_icon i {
color: #8FD1A4;
font-size: 17px
}

.ct_us .form_band .f_meta .cinfo_list .ci_text {
display: flex;
flex-direction: column;
gap: 4px
}

.ct_us .form_band .f_meta .cinfo_list .ci_label {
font-size: 14px;
line-height: 1.4;
color: #37828F;
font-weight: 600;
letter-spacing: .04em;
text-transform: uppercase
}

.ct_us .form_band .f_meta .cinfo_list .ci_val {
font-size: 17px;
line-height: 1.4;
color: #234050;
text-decoration: none
}

.ct_us .form_band .f_meta .cinfo_list a.ci_val:hover {
color: #37828F;
transition: color .38s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.ct_us .form_band .f_form_wrap {
flex: 1
}

.ct_us .form_band .f_form {
background: #fff;
border-radius: 16px;
padding: 48px;
box-shadow: 0 1px 2px -2px #2340500f 0 5px 14px -2px #23405014 0 9px 40px -2px #23405021
}

.ct_us .form_band .f_form .field_row {
display: flex;
flex-direction: row;
gap: 24px;
margin-bottom: 24px
}

.ct_us .form_band .f_form .field_grp {
display: flex;
flex-direction: column;
gap: 4px;
flex: 1
}

.ct_us .form_band .f_form .field_grp.full {
flex: 1 1 100%
}

.ct_us .form_band .f_form label.f_lbl {
font-size: 14px;
line-height: 1.4;
color: #37828F;
font-weight: 600;
letter-spacing: .04em;
text-transform: uppercase
}

.ct_us .form_band .f_form .f_input {
width: 100%;
padding: 12px;
border: 1.5px solid #c8d8de;
border-radius: 10px;
font-size: 17px;
line-height: 1.4;
color: #234050;
background: #fff;
outline: none;
box-sizing: border-box;
box-shadow: inset 0 2px 4px #2340500a;
transition: border-color .38s cubic-bezier(0.34, 1.2, 0.64, 1), box-shadow .38s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.ct_us .form_band .f_form .f_input::placeholder {
color: #8aacb8;
font-weight: 300
}

.ct_us .form_band .f_form .f_input:focus {
border-color: #37828F;
box-shadow: 0 0 0 3px #37828f26 inset 0 2px 4px #2340500a
}

.ct_us .form_band .f_form .chk_group {
margin-bottom: 24px
}

.ct_us .form_band .f_form .chk_group .chk_h {
font-size: 14px;
line-height: 1.4;
color: #37828F;
font-weight: 600;
letter-spacing: .04em;
text-transform: uppercase;
margin-bottom: 12px;
display: block
}

.ct_us .form_band .f_form .chk_grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px
}

.ct_us .form_band .f_form .chk_item {
display: flex;
flex-direction: row;
align-items: center;
gap: 12px;
padding: 12px;
border: 1.5px solid #c8d8de;
border-radius: 10px;
cursor: pointer;
transition: border-color .42s ease-in-out, background .42s ease-in-out
}

.ct_us .form_band .f_form .chk_item:hover {
border-color: #37828F;
background: #f0f8f9
}

.ct_us .form_band .f_form .chk_item input[type="checkbox"] {
width: 18px;
height: 18px;
accent-color: #37828F;
cursor: pointer;
flex-shrink: 0
}

.ct_us .form_band .f_form .chk_item .chk_lbl {
font-size: 14px;
line-height: 1.4;
color: #234050;
cursor: pointer
}

.ct_us .form_band .f_form .privacy_row {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 12px;
margin-bottom: 24px;
padding: 12px;
background: #f4f7f8;
border-radius: 10px
}

.ct_us .form_band .f_form .privacy_row input[type="checkbox"] {
width: 18px;
height: 18px;
accent-color: #234050;
cursor: pointer;
flex-shrink: 0;
margin-top: 2px
}

.ct_us .form_band .f_form .privacy_txt {
font-size: 14px;
line-height: 1.6;
color: #3a5560
}

.ct_us .form_band .f_form .privacy_txt a {
color: #37828F;
text-decoration: underline;
text-underline-offset: 2px
}

.ct_us .form_band .f_form .privacy_txt a:hover {
color: #234050;
transition: color .35s ease-in-out
}

.ct_us .form_band .f_form .submit_btn {
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 12px;
padding: 12px 48px;
background: #234050;
color: #fff;
border: none;
border-radius: 6px;
font-size: 17px;
line-height: 1.4;
cursor: pointer;
box-shadow: 0 1px 2px -2px #2340500f 0 5px 14px -2px #23405014;
transition: background .4s cubic-bezier(0.34, 1.2, 0.64, 1), box-shadow .4s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.ct_us .form_band .f_form .submit_btn:hover {
background: linear-gradient(135deg, #234050 0%, #37828F 100%);
box-shadow: 0 1px 2px -2px #2340500f 0 5px 14px -2px #23405014 0 9px 40px -2px #23405021
}

.ct_us .form_band .f_form .submit_btn:focus-visible {
outline: 3px solid #8FD1A4;
outline-offset: 3px
}

.ct_us .form_band .f_form .submit_btn i {
font-size: 17px
}

@media (max-width: 960px) {
.ct_us .pg_top {
flex-direction: column
}

.ct_us .pg_top .img_col {
width: 100%;
height: 240px
}

.ct_us .pg_top .txt_col {
padding: 48px 24px
}

.ct_us .pg_top .pg_h1 {
font-size: 38px
}

.ct_us .form_band .f_inner {
flex-direction: column;
gap: 48px;
padding: 0 24px
}

.ct_us .form_band .f_meta {
width: 100%
}

.ct_us .form_band .f_form {
padding: 24px
}

.ct_us .form_band .f_form .field_row {
flex-direction: column
}

.ct_us .form_band .f_form .chk_grid {
grid-template-columns: 1fr
}
}

.prtl {
background: #fff;
overflow-x: clip
}

.prtl .mx-auto {
max-width: 1170px;
margin-left: auto;
margin-right: auto;
padding-left: 24px;
padding-right: 24px
}

.prtl .grad-txt {
background: linear-gradient(120deg, #234050, #37828F, #8FD1A4);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text
}

.prtl .s1 {
padding-top: 48px;
padding-bottom: 48px;
background: #fff;
position: relative
}

.prtl .s1-bg-c1 {
position: absolute;
top: -48px;
left: -48px;
width: 320px;
height: 320px;
border-radius: 50%;
background: #37828f0f;
pointer-events: none;
overflow: hidden
}

.prtl .s1-bg-c2 {
position: absolute;
bottom: -24px;
right: 80px;
width: 180px;
height: 180px;
border-radius: 50%;
background: #8fd1a414;
pointer-events: none;
overflow: hidden
}

.prtl .s1-row {
display: flex;
flex-direction: row;
align-items: center;
gap: 48px
}

.prtl .s1-left {
flex: 1 1 0;
min-width: 0
}

.prtl .s1-tag {
display: inline-block;
font-size: 14px;
line-height: 1.4;
color: #37828F;
font-weight: 600;
letter-spacing: .08em;
text-transform: uppercase;
margin-bottom: 12px
}

.prtl .s1-h1 {
font-size: 54px;
line-height: 1.2;
letter-spacing: -.03em;
color: #234050;
margin: 0 0 24px
}

.prtl .s1-sub {
font-size: 17px;
line-height: 1.6;
color: #3a5060;
margin: 0 0 24px;
max-width: 480px
}

.prtl .s1-theses {
display: flex;
flex-direction: column;
gap: 12px
}

.prtl .s1-thesis {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 12px;
font-size: 17px;
line-height: 1.6;
color: #234050
}

.prtl .s1-dot {
width: 8px;
height: 8px;
border-radius: 50%;
background: #37828F;
flex-shrink: 0;
margin-top: 8px
}

.prtl .s1-right {
flex: 0 0 300px
}

.prtl .s1-card {
border-radius: 16px;
overflow: hidden;
box-shadow: 0 1px 2px -2px #2340500f 0 5px 14px -2px #23405014 0 9px 40px -2px #23405021
}

.prtl .s1-card img {
width: 300px;
height: 340px;
object-fit: cover;
display: block;
filter: contrast(1.05) saturate(1.08)
}

.prtl .s2 {
padding-top: 96px;
padding-bottom: 96px;
background: linear-gradient(160deg, #f4f8f9 0%, #eaf4f0 60%, #f0f7f4 100%)
}

.prtl .s2-label {
font-size: 14px;
line-height: 1.4;
color: #37828F;
font-weight: 600;
letter-spacing: .08em;
text-transform: uppercase;
margin-bottom: 12px
}

.prtl .s2-h2 {
font-size: 38px;
line-height: 1.2;
letter-spacing: -.02em;
margin: 0 0 24px;
max-width: 560px
}

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

.prtl .s2-left {
flex: 1 1 0
}

.prtl .s2-p {
font-size: 17px;
line-height: 1.6;
color: #2e4a58;
margin: 0 0 24px
}

.prtl .s2-right {
flex: 0 0 380px
}

.prtl .s2-img-wrap {
border-radius: 10px;
overflow: hidden;
box-shadow: 0 1px 2px -2px #2340500f 0 5px 14px -2px #23405014 0 9px 40px -2px #23405021
}

.prtl .s2-img-wrap img {
width: 380px;
height: 280px;
object-fit: cover;
display: block
}

.prtl .s2-items {
display: flex;
flex-direction: column;
gap: 12px;
margin-top: 24px
}

.prtl .s2-item {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 12px;
font-size: 17px;
line-height: 1.6;
color: #234050
}

.prtl .s2-chk {
flex-shrink: 0;
margin-top: 4px
}

.prtl .s2-chk svg {
display: block
}

.prtl .s3 {
padding-top: 96px;
padding-bottom: 96px;
background: #fff
}

.prtl .s3-h2 {
font-size: 38px;
line-height: 1.2;
letter-spacing: -.02em;
margin: 0 0 12px;
max-width: 600px
}

.prtl .s3-intro {
font-size: 17px;
line-height: 1.6;
color: #3a5060;
margin: 0 0 48px;
max-width: 560px
}

.prtl .s3-grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 24px
}

.prtl .s3-card {
border-radius: 10px;
padding: 24px;
background: #f4f8f9;
box-shadow: 0 1px 2px -2px #2340500f 0 5px 14px -2px #23405014;
transition: box-shadow .38s cubic-bezier(0.34, 1.2, 0.64, 1), background .38s ease-in-out
}

.prtl .s3-card:hover {
background: linear-gradient(135deg, #eaf4f0, #f0f7f5);
box-shadow: 0 1px 2px -2px #2340500f 0 5px 14px -2px #23405014 0 9px 40px -2px #23405021
}

.prtl .s3-icon {
width: 40px;
height: 40px;
border-radius: 10px;
background: linear-gradient(135deg, #234050, #37828F);
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 12px
}

.prtl .s3-icon svg {
display: block
}

.prtl .s3-ch {
font-size: 17px;
line-height: 1.4;
font-weight: 700;
color: #234050;
margin: 0 0 12px
}

.prtl .s3-cp {
font-size: 14px;
line-height: 1.6;
color: #3a5060;
margin: 0
}

.prtl .s4 {
padding-top: 96px;
padding-bottom: 96px;
background: #234050;
position: relative;
overflow: hidden
}

.prtl .s4-spot {
position: absolute;
width: 600px;
height: 600px;
border-radius: 50%;
background: radial-gradient(circle, #37828f2e 0%, transparent 70%);
pointer-events: none;
animation: spot_drift 9s ease-in-out infinite alternate
}

@keyframes spot_drift {
from {
transform: translate(-80px, -40px)
}

to {
transform: translate(120px, 60px)
}
}

.prtl .s4-h2 {
font-size: 38px;
line-height: 1.2;
letter-spacing: -.02em;
color: #fff;
margin: 0 0 48px;
text-align: center
}

.prtl .s4-nums {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 24px
}

.prtl .s4-num {
text-align: center;
padding: 24px 12px;
border-radius: 10px;
background: #ffffff0f;
box-shadow: inset 0 2px 4px #8fd1a414
}

.prtl .s4-val {
font-size: 54px;
line-height: 1.2;
font-weight: 800;
letter-spacing: -.03em;
background: linear-gradient(120deg, #8FD1A4, #37828F, #8FD1A4);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
display: block
}

.prtl .s4-lbl {
font-size: 14px;
line-height: 1.6;
color: #ffffffb8;
margin-top: 4px;
display: block
}

.prtl .s5 {
padding-top: 96px;
padding-bottom: 96px;
background: linear-gradient(170deg, #eaf4f0 0%, #f4f8f9 100%)
}

.prtl .s5-row {
display: flex;
flex-direction: row;
gap: 48px;
align-items: flex-start
}

.prtl .s5-left {
flex: 0 0 360px
}

.prtl .s5-img-wrap {
border-radius: 16px;
overflow: hidden;
box-shadow: 0 1px 2px -2px #2340500f 0 5px 14px -2px #23405014 0 9px 40px -2px #23405021
}

.prtl .s5-img-wrap img {
width: 360px;
height: 420px;
object-fit: cover;
display: block
}

.prtl .s5-right {
flex: 1 1 0
}

.prtl .s5-h2 {
font-size: 38px;
line-height: 1.2;
letter-spacing: -.02em;
margin: 0 0 24px
}

.prtl .s5-p {
font-size: 17px;
line-height: 1.6;
color: #2e4a58;
margin: 0 0 24px
}

.prtl .s5-trail {
display: flex;
flex-direction: column;
gap: 0;
margin-top: 24px
}

.prtl .s5-step {
display: flex;
flex-direction: row;
gap: 24px;
align-items: flex-start
}

.prtl .s5-spine {
display: flex;
flex-direction: column;
align-items: center;
flex-shrink: 0
}

.prtl .s5-dot {
width: 14px;
height: 14px;
border-radius: 50%;
background: #37828F;
border: 3px solid #fff;
box-shadow: 0 0 0 2px #37828F;
flex-shrink: 0
}

.prtl .s5-dot.active {
background: #234050;
box-shadow: 0 0 0 2px #234050
}

.prtl .s5-line {
width: 2px;
flex: 1 1 0;
background: linear-gradient(to bottom, #37828F, #8FD1A4);
min-height: 32px
}

.prtl .s5-step-txt {
padding-bottom: 24px
}

.prtl .s5-sh {
font-size: 17px;
line-height: 1.4;
font-weight: 700;
color: #234050;
margin: 0 0 4px
}

.prtl .s5-sp {
font-size: 14px;
line-height: 1.6;
color: #3a5060;
margin: 0
}

.prtl .s5-step {
opacity: 0;
animation: wave_in .42s cubic-bezier(0.34, 1.2, 0.64, 1) forwards
}

.prtl .s5-step:nth-child(1) {
animation-delay: .05s
}

.prtl .s5-step:nth-child(2) {
animation-delay: .15s
}

.prtl .s5-step:nth-child(3) {
animation-delay: .25s
}

.prtl .s5-step:nth-child(4) {
animation-delay: .35s
}

@keyframes wave_in {
from {
opacity: 0;
transform: translateY(16px)
}

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

.prtl .s6 {
padding-top: 96px;
padding-bottom: 96px;
background: #fff
}

.prtl .s6-h2 {
font-size: 38px;
line-height: 1.2;
letter-spacing: -.02em;
margin: 0 0 12px
}

.prtl .s6-sub {
font-size: 17px;
line-height: 1.6;
color: #3a5060;
margin: 0 0 48px;
max-width: 540px
}

.prtl .s6-row {
display: flex;
flex-direction: row;
gap: 48px;
align-items: flex-start
}

.prtl .s6-col {
flex: 1 1 0
}

.prtl .s6-img-wrap {
border-radius: 10px;
overflow: hidden;
box-shadow: 0 1px 2px -2px #2340500f 0 5px 14px -2px #23405014 0 9px 40px -2px #23405021;
margin-bottom: 24px
}

.prtl .s6-img-wrap img {
width: 100%;
height: 220px;
object-fit: cover;
display: block
}

.prtl .s6-card {
border-radius: 10px;
padding: 24px;
background: linear-gradient(135deg, #f4f8f9, #eaf4f0);
box-shadow: 0 1px 2px -2px #2340500f 0 5px 14px -2px #23405014;
transition: box-shadow .4s ease-in-out
}

.prtl .s6-card:hover {
box-shadow: 0 1px 2px -2px #2340500f 0 5px 14px -2px #23405014 0 9px 40px -2px #23405021
}

.prtl .s6-ch {
font-size: 17px;
line-height: 1.4;
font-weight: 700;
color: #234050;
margin: 0 0 12px
}

.prtl .s6-cp {
font-size: 14px;
line-height: 1.6;
color: #2e4a58;
margin: 0
}

.prtl .s7 {
padding-top: 96px;
padding-bottom: 96px
}

.prtl .s7-glass {
border-radius: 16px;
padding: 48px;
background: #37828f12;
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid #37828f24;
box-shadow: 0 1px 2px -2px #2340500f 0 5px 14px -2px #23405014 0 9px 40px -2px #23405021
}

.prtl .s7-row {
display: flex;
flex-direction: row;
gap: 48px;
align-items: center
}

.prtl .s7-left {
flex: 1 1 0
}

.prtl .s7-h2 {
font-size: 38px;
line-height: 1.2;
letter-spacing: -.02em;
margin: 0 0 24px
}

.prtl .s7-p {
font-size: 17px;
line-height: 1.6;
color: #2e4a58;
margin: 0 0 24px
}

.prtl .s7-right {
flex: 0 0 300px;
display: flex;
flex-direction: column;
gap: 12px
}

.prtl .s7-fact {
border-radius: 10px;
padding: 24px;
background: #fff;
box-shadow: 0 1px 2px -2px #2340500f 0 5px 14px -2px #23405014
}

.prtl .s7-fact-val {
font-size: 38px;
line-height: 1.2;
font-weight: 800;
letter-spacing: -.02em;
display: block
}

.prtl .s7-fact-lbl {
font-size: 14px;
line-height: 1.6;
color: #3a5060;
display: block;
margin-top: 4px
}

.prtl .s7-btn {
display: inline-block;
margin-top: 12px;
padding: 12px 24px;
border-radius: 6px;
background: #234050;
color: #fff;
font-size: 17px;
line-height: 1.4;
font-weight: 600;
text-decoration: none;
border: none;
cursor: pointer;
transition: background .35s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.prtl .s7-btn:hover {
background: linear-gradient(135deg, #234050, #37828F)
}

.prtl .s7-btn:focus {
outline: 2px solid #37828F;
outline-offset: 3px
}

.prtl .div-line {
display: flex;
flex-direction: row;
align-items: center;
gap: 0;
overflow: hidden
}

.prtl .div-line-seg {
flex: 1 1 0;
height: 1px;
background: linear-gradient(90deg, transparent, #37828F, transparent)
}

.prtl .div-line-ctr {
width: 8px;
height: 8px;
border-radius: 50%;
background: #8FD1A4;
flex-shrink: 0;
margin: 0 12px
}

@media (max-width: 860px) {

.prtl .s1-row,
.prtl .s2-row,
.prtl .s5-row,
.prtl .s6-row,
.prtl .s7-row {
flex-direction: column
}

.prtl .s1-right {
flex: none;
width: 100%
}

.prtl .s1-card img {
width: 100%;
height: 220px
}

.prtl .s2-right {
flex: none;
width: 100%
}

.prtl .s2-img-wrap img {
width: 100%;
height: 220px
}

.prtl .s3-grid {
grid-template-columns: 1fr 1fr
}

.prtl .s4-nums {
grid-template-columns: 1fr 1fr
}

.prtl .s5-left {
flex: none;
width: 100%
}

.prtl .s5-img-wrap img {
width: 100%;
height: 260px
}

.prtl .s7-right {
flex: none;
width: 100%;
flex-direction: row
}

.prtl .s1-h1 {
font-size: 38px
}

.prtl .s4-val {
font-size: 38px
}
}

@media (max-width: 560px) {
.prtl .s3-grid {
grid-template-columns: 1fr
}

.prtl .s4-nums {
grid-template-columns: 1fr 1fr
}

.prtl .s7-right {
flex-direction: column
}

.prtl .s7-glass {
padding: 24px
}
}

.succ_page {
min-height: 70vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 96px 24px;
background: #fff
}

.succ_page .card {
max-width: 540px;
width: 100%;
background: #f5faf7;
border-radius: 16px;
padding: 48px;
box-shadow: 0 1px 2px -2px #2340500f 0 5px 14px -2px #23405014 0 9px 40px -2px #23405021;
text-align: center
}

.succ_page .icon_wrap {
width: 72px;
height: 72px;
border-radius: 44px;
background: linear-gradient(135deg, #234050, #37828F, #8FD1A4);
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 24px
}

.succ_page .icon_wrap svg {
width: 36px;
height: 36px;
stroke: #fff;
fill: none;
stroke-width: 2.5;
stroke-linecap: round;
stroke-linejoin: round
}

.succ_page .heading {
font-size: 38px;
line-height: 1.2;
letter-spacing: -.02em;
margin: 0 0 12px;
background: linear-gradient(120deg, #234050, #37828F, #8FD1A4);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text
}

.succ_page .msg {
font-size: 17px;
line-height: 1.6;
color: #234050;
margin: 0 0 48px
}

.succ_page .back_btn {
display: inline-block;
padding: 12px 48px;
background: #234050;
color: #fff;
font-size: 17px;
line-height: 1.4;
border-radius: 10px;
text-decoration: none;
border: none;
cursor: pointer;
box-shadow: 0 1px 2px -2px #2340500f 0 5px 14px -2px #23405014
}

@media (min-width: 60em) {
.succ_page .back_btn {
transition: background .38s cubic-bezier(0.34, 1.2, 0.64, 1), box-shadow .42s ease-in-out
}

.succ_page .back_btn:hover {
background: linear-gradient(135deg, #234050, #37828F);
box-shadow: 0 1px 2px -2px #2340500f 0 5px 14px -2px #23405014 0 9px 40px -2px #23405021
}
}

.succ_page .back_btn:focus-visible {
outline: 2px solid #37828F;
outline-offset: 4px
}

.succ_page .divider {
width: 48px;
height: 3px;
border-radius: 6px;
background: linear-gradient(90deg, #37828F, #8FD1A4);
margin: 0 auto 24px
}