@import "https://cdn.jsdelivr.net/npm/@fontsource/ibm-plex-serif@latest/400.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/ibm-plex-serif@latest/400-italic.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/ibm-plex-serif@latest/700.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/ibm-plex-serif@latest/700-italic.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/nunito@latest/400.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/nunito@latest/400-italic.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/nunito@latest/700.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/nunito@latest/700-italic.css";

html,
body {
margin: 0;
padding: 0
}

body {
min-height: 100vh;
font-family: 'Nunito', sans-serif
}

.site-header {
position: relative;
background: linear-gradient(135deg, #fff 0%, #EAF3EF 60%, #d4ebe2 100%);
border-bottom: 2px solid #3F8E77;
box-shadow: 0 6px 25px 0 #3f8e771a;
z-index: 100;
overflow: hidden
}

.site-header::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg, #3F8E77 0%, #6DAA7C 50%, #3F8E77 100%);
pointer-events: none
}

.header-inner {
max-width: 1500px;
margin: 0 auto;
padding: 0 48px;
display: flex;
align-items: center;
gap: 48px;
min-height: 88px
}

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

.brand-mark-img {
display: block;
width: 56px;
height: 56px;
background-color: #fff;
border: 1.5px solid #3F8E77;
box-shadow: 0 1px 6px 0 #3f8e770d 0 0 0 3px #3f8e7714;
padding: 6px;
flex-shrink: 0
}

.brand-mark-img img {
display: block;
width: 100%;
height: 100%;
object-fit: contain
}

.brand-name {
font-family: 'IBM Plex Serif', serif;
font-size: 27px;
font-weight: 700;
line-height: 1.15;
color: #1b4d3e;
letter-spacing: 0
}

.primary-nav {
flex: 1;
display: flex;
align-items: center;
justify-content: flex-end
}

.primary-nav-list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
justify-content: flex-end
}

.primary-nav-list li {
display: flex
}

.primary-nav-list a {
font-family: 'Nunito', sans-serif;
font-size: 15px;
font-weight: 700;
line-height: 1.65;
color: #2c5f52;
text-decoration: none;
padding: 8px 16px;
border-radius: 3px;
border: 1.5px solid transparent;
transition: color .38s cubic-bezier(0.34, 1.2, 0.64, 1), background-color .38s cubic-bezier(0.34, 1.2, 0.64, 1), border-color .38s cubic-bezier(0.34, 1.2, 0.64, 1);
white-space: nowrap;
display: block
}

.primary-nav-list a:hover {
color: #1b4d3e;
background-color: #EAF3EF;
border-color: #6DAA7C
}

.primary-nav-list a:focus-visible {
outline: 3px solid #3F8E77;
outline-offset: 2px
}

.primary-nav-list .active-link {
color: #3F8E77;
border-color: #3F8E77;
background-color: #3f8e770f
}

.site-footer {
background: linear-gradient(180deg, #1b4d3e 0%, #163d31 100%);
border-top: 3px solid #3F8E77;
box-shadow: 0 -6px 25px 0 #3f8e771a
}

.footer-upper {
max-width: 1500px;
margin: 0 auto;
padding: 48px 48px 24px;
display: flex;
align-items: flex-start;
gap: 48px;
flex-wrap: wrap
}

.footer-brand {
flex-shrink: 0;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 16px
}

.footer-brand-img {
display: block;
width: 54px;
height: 54px;
background-color: #fff;
border: 1.5px solid #6DAA7C;
box-shadow: 0 1px 6px 0 #6daa7c0d 0 0 0 3px #6daa7c26;
padding: 6px;
flex-shrink: 0
}

.footer-brand-img img {
display: block;
width: 100%;
height: 100%;
object-fit: contain
}

.footer-brand-name {
font-family: 'IBM Plex Serif', serif;
font-size: 27px;
font-weight: 700;
line-height: 1.15;
color: #EAF3EF
}

.footer-tagline {
font-family: 'Nunito', sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 1.65;
color: #eaf3efa6;
max-width: 260px
}

.footer-cols {
flex: 1;
display: flex;
gap: 48px;
flex-wrap: wrap;
justify-content: flex-end
}

.footer-col {
display: flex;
flex-direction: column;
gap: 8px;
min-width: 160px
}

.footer-col-label {
font-family: 'IBM Plex Serif', serif;
font-size: 15px;
font-weight: 700;
line-height: 1.15;
color: #6DAA7C;
text-transform: uppercase;
letter-spacing: .08em;
margin-bottom: 8px
}

.footer-col a {
font-family: 'Nunito', sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 1.65;
color: #eaf3efcc;
text-decoration: none;
transition: color .32s ease-in-out;
display: inline-block
}

.footer-col a:hover {
color: #6DAA7C
}

.footer-col a:focus-visible {
outline: 2px solid #6DAA7C;
outline-offset: 2px;
border-radius: 3px
}

.footer-contact-block {
display: flex;
flex-direction: column;
gap: 8px
}

.footer-contact-block span {
font-family: 'Nunito', sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 1.65;
color: #eaf3efa6
}

.footer-contact-block a {
font-family: 'Nunito', sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 1.65;
color: #eaf3efcc;
text-decoration: none;
transition: color .32s ease-in-out
}

.footer-contact-block a:hover {
color: #6DAA7C
}

.footer-contact-block a:focus-visible {
outline: 2px solid #6DAA7C;
outline-offset: 2px;
border-radius: 3px
}

.footer-lower {
border-top: 1px solid #6daa7c38;
max-width: 1500px;
margin: 0 auto;
padding: 24px 48px;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 16px
}

.footer-copy {
font-family: 'Nunito', sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 1.65;
color: #eaf3ef80
}

.footer-legal-links {
display: flex;
align-items: center;
gap: 24px;
flex-wrap: wrap
}

.footer-legal-links a {
font-family: 'Nunito', sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 1.65;
color: #eaf3ef8c;
text-decoration: underline;
text-underline-offset: 3px;
transition: color .28s ease-in-out
}

.footer-legal-links a:hover {
color: #6DAA7C
}

.footer-legal-links a:focus-visible {
outline: 2px solid #6DAA7C;
outline-offset: 2px;
border-radius: 3px
}

.cookie-popup {
position: fixed;
top: 24px;
right: 24px;
z-index: 1500;
background: #fff;
border: 1.5px solid #3F8E77;
border-radius: 14px;
box-shadow: 0 8px 48px 0 #3f8e771a;
padding: 24px;
max-width: 320px;
width: calc(100vw - 48px);
display: none
}

.cookie-popup-desc {
font-family: 'Nunito', sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 1.65;
color: #1b4d3e;
margin: 0 0 8px
}

.cookie-popup-head {
font-family: 'IBM Plex Serif', serif;
font-size: 15px;
font-weight: 700;
line-height: 1.15;
color: #1b4d3e;
margin: 0 0 16px
}

.cookie-toggle-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
margin-bottom: 16px;
padding: 8px 0;
border-top: 1px solid #EAF3EF;
border-bottom: 1px solid #EAF3EF
}

.cookie-toggle-label {
font-family: 'Nunito', sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 1.65;
color: #2c5f52
}

.cookie-toggle-input {
width: 40px;
height: 22px;
cursor: pointer;
accent-color: #3F8E77;
flex-shrink: 0
}

.cookie-actions {
display: flex;
align-items: center;
gap: 24px;
justify-content: flex-end
}

.cookie-btn {
font-family: 'Nunito', sans-serif;
font-size: 15px;
font-weight: 700;
line-height: 1.65;
background: none;
border: none;
cursor: pointer;
padding: 0;
text-decoration: underline;
text-underline-offset: 3px;
transition: color .32s ease-in-out
}

.cookie-btn:focus-visible {
outline: 2px solid #3F8E77;
outline-offset: 2px;
border-radius: 3px
}

.cookie-btn.decline {
color: #2c5f52
}

.cookie-btn.decline:hover {
color: #1b4d3e
}

.cookie-btn.accept {
color: #3F8E77
}

.cookie-btn.accept:hover {
color: #1b4d3e
}

@media (max-width: 900px) {
.header-inner {
padding: 0 24px;
gap: 24px;
flex-wrap: wrap;
min-height: auto;
padding-top: 16px;
padding-bottom: 16px
}

.primary-nav-list {
gap: 8px
}

.primary-nav-list a {
padding: 8px
}

.footer-upper {
padding: 48px 24px 24px;
flex-direction: column
}

.footer-cols {
justify-content: flex-start
}

.footer-lower {
padding: 24px;
flex-direction: column;
align-items: flex-start
}
}

.content-policy {
max-width: 1500px;
margin: 0 auto;
padding: 96px 48px;
color: #2d3a35
}

.content-policy h1 {
font-size: 51px;
line-height: 1.15;
color: #1e2e28;
margin-bottom: 48px;
padding-bottom: 24px;
border-bottom: 2px solid #EAF3EF
}

.content-policy h2 {
font-size: 37px;
line-height: 1.15;
color: #2a3d35;
margin-top: 96px;
margin-bottom: 24px
}

.content-policy h3 {
font-size: 27px;
line-height: 1.15;
color: #2a3d35;
margin-top: 48px;
margin-bottom: 16px
}

.content-policy h4 {
font-size: 15px;
line-height: 1.65;
color: #3F8E77;
text-transform: uppercase;
letter-spacing: .12em;
margin-top: 48px;
margin-bottom: 16px
}

.content-policy h5 {
font-size: 15px;
line-height: 1.65;
color: #2a3d35;
font-weight: 700;
margin-top: 24px;
margin-bottom: 8px
}

.content-policy h6 {
font-size: 15px;
line-height: 1.65;
color: #4a6358;
font-weight: 600;
margin-top: 24px;
margin-bottom: 8px
}

.content-policy p {
font-size: 15px;
line-height: 1.65;
color: #2d3a35;
margin-bottom: 16px
}

.content-policy ul,
.content-policy ol {
font-size: 15px;
line-height: 1.65;
color: #2d3a35;
margin-bottom: 16px;
padding-left: 24px
}

.content-policy li {
margin-bottom: 8px
}

.content-policy em,
.content-policy i {
font-style: italic;
color: #3a5248
}

.content-policy strong {
font-weight: 700;
color: #1e2e28
}

.content-policy a {
color: #3F8E77;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
transition: color .35s cubic-bezier(0.34, 1.2, 0.64, 1), text-decoration-color .35s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.content-policy a:hover {
color: #2d6b57;
text-decoration-color: #6DAA7C
}

.content-policy a:visited {
color: #5a7d72
}

.content-policy hr {
border: none;
border-top: 1px solid #EAF3EF;
margin: 48px 0;
background: none
}

.content-policy table {
width: 100%;
border-collapse: collapse;
font-size: 15px;
line-height: 1.65;
margin-bottom: 48px;
border-radius: 14px;
overflow: hidden;
box-shadow: 0 1px 6px 0 #3f8e770d 0 6px 25px 0 #3f8e771a
}

.content-policy thead {
background-color: #3F8E77
}

.content-policy thead th {
color: #fff;
font-size: 15px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .08em;
padding: 16px 24px;
text-align: left;
border: none
}

.content-policy tbody tr {
background-color: #fff;
transition: background-color .38s ease-in-out
}

.content-policy tbody tr:nth-child(even) {
background-color: #EAF3EF
}

.content-policy tbody tr:hover {
background-color: #d4ebe2
}

.content-policy td {
padding: 16px 24px;
color: #2d3a35;
border-bottom: 1px solid #EAF3EF;
vertical-align: top
}

.content-policy tbody tr:last-child td {
border-bottom: none
}

@media (max-width: 768px) {
.content-policy {
padding: 48px 24px
}

.content-policy h1 {
font-size: 37px
}

.content-policy h2 {
font-size: 27px;
margin-top: 48px
}

.content-policy h3 {
font-size: 15px;
margin-top: 24px
}

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

.content-policy thead th,
.content-policy td {
padding: 16px;
white-space: nowrap
}
}

@media (max-width: 480px) {
.content-policy {
padding: 48px 16px
}

.content-policy h1 {
font-size: 27px;
margin-bottom: 24px;
padding-bottom: 16px
}

.content-policy h2 {
font-size: 27px;
margin-top: 48px
}
}

.nd-detail {
background: #fff;
overflow-x: clip;
container-type: inline-size
}

.nd-detail .nd-schema {
display: none
}

.nd-detail .nd-zigzag {
display: block;
width: 100%;
height: 18px;
overflow: hidden;
line-height: 0
}

.nd-detail .nd-zigzag svg {
display: block;
width: 100%;
height: 18px
}

.nd-detail .nd-title-block {
max-width: 1500px;
margin: 0 auto;
padding: 96px 48px 48px;
display: grid;
grid-template-columns: 1fr 2.2fr 1fr;
gap: 48px;
align-items: start
}

.nd-detail .nd-img-side {
position: relative;
border-radius: 14px;
overflow: hidden;
border: 1.5px solid #c8ddd6;
box-shadow: 0 6px 25px 0 #3f8e771a
}

.nd-detail .nd-img-side img {
width: 100%;
height: 280px;
object-fit: cover;
display: block;
filter: sepia(28%) contrast(1.07) brightness(0.96) saturate(0.85)
}

.nd-detail .nd-img-side.right img {
filter: sepia(18%) contrast(1.05) brightness(0.94) saturate(0.9) hue-rotate(0deg)
}

.nd-detail .nd-flow-arrow {
position: absolute;
bottom: 12px;
right: 12px;
width: 32px;
height: 32px;
opacity: .55
}

.nd-detail .nd-flow-arrow.left-arr {
right: auto;
left: 12px;
transform: scaleX(-1)
}

.nd-detail .nd-title-center {
display: flex;
flex-direction: column;
gap: 24px;
align-items: center;
text-align: center
}

.nd-detail .nd-tag-row {
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
justify-content: center
}

.nd-detail .nd-tag {
display: inline-block;
padding: 4px 16px;
border-radius: 40px;
background: #EAF3EF;
color: #2a6b57;
font-size: 15px;
line-height: 1.65;
font-weight: 600;
letter-spacing: .04em;
text-transform: uppercase;
border: 1.5px solid #b5d5c9
}

.nd-detail .nd-art-h1 {
font-size: 51px;
line-height: 1.15;
color: #1b3d33;
font-weight: 800;
margin: 0;
position: relative;
display: inline-block
}

.nd-detail .nd-art-h1::before {
content: '';
position: absolute;
left: -8px;
right: -8px;
top: 0;
bottom: 0;
background: linear-gradient(105deg, #EAF3EF 80%, transparent 100%);
border-radius: 3px;
z-index: -1
}

.nd-detail .nd-subtitle {
font-size: 27px;
line-height: 1.65;
color: #3b5a52;
margin: 0;
font-weight: 400
}

.nd-detail .nd-meta-row {
display: flex;
align-items: center;
gap: 16px;
flex-wrap: wrap;
justify-content: center;
font-size: 15px;
line-height: 1.65;
color: #5a7a72
}

.nd-detail .nd-meta-sep {
width: 4px;
height: 4px;
border-radius: 40px;
background: #6DAA7C;
display: inline-block;
flex-shrink: 0
}

.nd-detail .nd-meta-author {
font-weight: 600;
color: #2a6b57
}

.nd-detail .nd-circles-deco {
position: absolute;
top: -40px;
right: -60px;
pointer-events: none;
z-index: 0
}

.nd-detail .nd-div-wrap {
width: 100%;
background: #EAF3EF;
line-height: 0
}

.nd-detail .nd-body-block {
background: linear-gradient(105deg, #EAF3EF 0%, #fff 62%);
padding: 96px 48px
}

.nd-detail .nd-body-inner {
max-width: 1500px;
margin: 0 auto;
display: grid;
grid-template-columns: 3fr 1fr;
gap: 48px;
align-items: start
}

.nd-detail .nd-article-body {
font-size: 15px;
line-height: 1.65;
color: #1b3d33
}

.nd-detail .nd-article-body p {
margin: 0 0 24px
}

.nd-detail .nd-article-body h2 {
font-size: 37px;
line-height: 1.15;
color: #1b3d33;
font-weight: 700;
margin: 48px 0 16px;
position: relative;
display: inline-block
}

.nd-detail .nd-article-body h2::before {
content: '';
position: absolute;
left: -6px;
right: -6px;
top: 0;
bottom: 0;
background: #EAF3EF;
border-radius: 3px;
z-index: -1
}

.nd-detail .nd-article-body h4 {
font-size: 27px;
line-height: 1.15;
color: #2a6b57;
font-weight: 700;
margin: 24px 0 8px
}

.nd-detail .nd-article-body strong {
color: #1b3d33;
font-weight: 700
}

.nd-detail .nd-article-body ul {
list-style: none;
padding: 0;
margin: 0 0 24px;
display: flex;
flex-direction: column;
gap: 8px
}

.nd-detail .nd-article-body ul li {
padding: 8px 16px;
border-top: 2px solid #6DAA7C;
background: #fff;
border-radius: 3px;
font-size: 15px;
line-height: 1.65;
box-shadow: 0 1px 6px 0 #3f8e770d
}

.nd-detail .nd-article-body figure {
margin: 24px 0;
border-radius: 14px;
overflow: hidden;
border: 1.5px solid #c8ddd6;
box-shadow: 0 6px 25px 0 #3f8e771a
}

.nd-detail .nd-article-body figure img {
width: 100%;
display: block;
object-fit: cover;
filter: sepia(22%) contrast(1.06) brightness(0.95) saturate(0.88)
}

.nd-detail .nd-article-body figcaption {
background: #EAF3EF;
color: #3b5a52;
font-size: 15px;
line-height: 1.65;
padding: 8px 16px;
text-align: center
}

.nd-detail .nd-aside {
display: flex;
flex-direction: column;
gap: 24px
}

.nd-detail .nd-aside-card {
border-radius: 14px;
border: 1.5px solid #c8ddd6;
padding: 24px;
background: #fff;
box-shadow: 0 6px 25px 0 #3f8e771a;
display: flex;
flex-direction: column;
gap: 16px
}

.nd-detail .nd-aside-label {
font-size: 15px;
line-height: 1.15;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .08em;
color: #3F8E77
}

.nd-detail .nd-aside-val {
font-size: 27px;
line-height: 1.15;
color: #1b3d33;
font-weight: 800
}

.nd-detail .nd-aside-desc {
font-size: 15px;
line-height: 1.65;
color: #3b5a52
}

.nd-detail .nd-icon-rect {
display: inline-flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
border: 2px solid #3F8E77;
border-radius: 14px;
flex-shrink: 0
}

.nd-detail .nd-icon-rect svg {
display: block
}

@keyframes nd-shadow-pulse {
0% {
box-shadow: 0 6px 25px 0 #3f8e771a
}

50% {
box-shadow: 0 8px 48px 0 #3f8e7738
}

100% {
box-shadow: 0 6px 25px 0 #3f8e771a
}
}

.nd-detail .nd-aside-card.pulse {
animation: nd-shadow-pulse 2.8s cubic-bezier(0.34, 1.2, 0.64, 1) infinite
}

.nd-detail .nd-div2 {
background: #fff;
line-height: 0
}

.nd-detail .nd-cta-block {
background: #fff;
padding: 48px 48px 96px
}

.nd-detail .nd-cta-inner {
max-width: 1500px;
margin: 0 auto;
display: grid;
grid-template-columns: 2.2fr 1fr;
gap: 48px;
align-items: center
}

.nd-detail .nd-cta-text {
display: flex;
flex-direction: column;
gap: 16px
}

.nd-detail .nd-cta-h2 {
font-size: 37px;
line-height: 1.15;
color: #1b3d33;
font-weight: 800;
margin: 0;
position: relative;
display: inline-block
}

.nd-detail .nd-cta-h2::before {
content: '';
position: absolute;
left: -6px;
right: -6px;
top: 0;
bottom: 0;
background: #EAF3EF;
border-radius: 3px;
z-index: -1
}

.nd-detail .nd-cta-p {
font-size: 15px;
line-height: 1.65;
color: #3b5a52;
max-width: 520px
}

.nd-detail .nd-cta-btn {
display: inline-block;
padding: 16px 48px;
border-radius: 40px;
background: linear-gradient(120deg, #3F8E77 0%, #6DAA7C 100%);
color: #fff;
font-size: 15px;
line-height: 1.15;
font-weight: 700;
text-decoration: none;
border: none;
cursor: pointer;
transition: background .38s cubic-bezier(0.34, 1.2, 0.64, 1), box-shadow .42s ease-in-out;
box-shadow: 0 6px 25px 0 #3f8e771a;
align-self: flex-start
}

.nd-detail .nd-cta-btn:hover {
background: linear-gradient(240deg, #3F8E77 0%, #6DAA7C 100%);
box-shadow: 0 8px 48px 0 #3f8e771a
}

.nd-detail .nd-cta-btn:focus {
outline: 3px solid #3F8E77;
outline-offset: 3px
}

.nd-detail .nd-cta-btn:active {
background: linear-gradient(60deg, #2a6b57 0%, #3F8E77 100%)
}

.nd-detail .nd-cta-visual {
display: flex;
flex-direction: column;
align-items: center;
gap: 24px;
position: relative
}

.nd-detail .nd-circles-stack {
position: relative;
width: 180px;
height: 180px;
flex-shrink: 0
}

.nd-detail .nd-circle {
position: absolute;
border-radius: 40px;
opacity: .13
}

.nd-detail .nd-circle.c1 {
width: 180px;
height: 180px;
background: #3F8E77;
top: 0;
left: 0
}

.nd-detail .nd-circle.c2 {
width: 140px;
height: 140px;
background: #6DAA7C;
top: 20px;
left: 20px;
opacity: .18
}

.nd-detail .nd-circle.c3 {
width: 100px;
height: 100px;
background: #3F8E77;
top: 40px;
left: 40px;
opacity: .22
}

.nd-detail .nd-cta-links {
display: flex;
flex-direction: column;
gap: 8px;
align-items: center
}

.nd-detail .nd-cta-link {
font-size: 15px;
line-height: 1.65;
color: #3F8E77;
text-decoration: underline;
text-underline-offset: 3px;
transition: opacity .35s ease-in-out
}

.nd-detail .nd-cta-link:hover {
opacity: .65
}

.nd-detail .nd-div3 {
background: #EAF3EF;
line-height: 0
}

.nd-detail .nd-focus-block {
background: linear-gradient(105deg, #fff 38%, #EAF3EF 100%);
padding: 96px 48px
}

.nd-detail .nd-focus-inner {
max-width: 1500px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 48px
}

.nd-detail .nd-focus-head {
text-align: center
}

.nd-detail .nd-focus-h2 {
font-size: 37px;
line-height: 1.15;
color: #1b3d33;
font-weight: 800;
margin: 0 0 16px;
display: inline-block;
position: relative
}

.nd-detail .nd-focus-h2::before {
content: '';
position: absolute;
left: -6px;
right: -6px;
top: 0;
bottom: 0;
background: #EAF3EF;
border-radius: 3px;
z-index: -1
}

.nd-detail .nd-focus-sub {
font-size: 15px;
line-height: 1.65;
color: #3b5a52;
max-width: 600px;
margin: 0 auto
}

.nd-detail .nd-focus-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px
}

.nd-detail .nd-focus-item {
border-radius: 14px;
border: 1.5px solid #c8ddd6;
padding: 24px;
background: #fff;
display: flex;
flex-direction: column;
gap: 16px;
box-shadow: 0 1px 6px 0 #3f8e770d;
transition: box-shadow .42s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.nd-detail .nd-focus-item:focus-within {
outline: 3px solid #3F8E77;
outline-offset: 2px;
box-shadow: 0 8px 48px 0 #3f8e771a
}

.nd-detail .nd-focus-item:hover {
box-shadow: 0 8px 48px 0 #3f8e771a
}

.nd-detail .nd-focus-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
border: 2px solid #3F8E77;
border-radius: 14px
}

.nd-detail .nd-focus-h4 {
font-size: 15px;
line-height: 1.15;
color: #1b3d33;
font-weight: 700;
margin: 0
}

.nd-detail .nd-focus-p {
font-size: 15px;
line-height: 1.65;
color: #3b5a52;
margin: 0
}

@container (max-width: 1100px) {
.nd-detail .nd-title-block {
grid-template-columns: 1fr 2fr;
padding: 96px 24px 48px
}

.nd-detail .nd-img-side.right {
display: none
}

.nd-detail .nd-body-inner {
grid-template-columns: 1fr
}

.nd-detail .nd-aside {
flex-direction: row;
flex-wrap: wrap
}

.nd-detail .nd-aside-card {
flex: 1 1 220px
}

.nd-detail .nd-cta-inner {
grid-template-columns: 1fr
}

.nd-detail .nd-cta-visual {
flex-direction: row;
justify-content: flex-start
}

.nd-detail .nd-focus-grid {
grid-template-columns: repeat(2, 1fr)
}
}

@container (max-width: 700px) {
.nd-detail .nd-title-block {
grid-template-columns: 1fr;
padding: 48px 16px 24px
}

.nd-detail .nd-img-side {
display: none
}

.nd-detail .nd-art-h1 {
font-size: 37px
}

.nd-detail .nd-subtitle {
font-size: 15px
}

.nd-detail .nd-body-block,
.nd-detail .nd-focus-block {
padding: 48px 16px
}

.nd-detail .nd-cta-block {
padding: 24px 16px 48px
}

.nd-detail .nd-focus-grid {
grid-template-columns: 1fr
}

.nd-detail .nd-cta-inner {
gap: 24px
}
}

.nws-pg {
background: #fff;
overflow-x: hidden
}

.nws-pg .pg-band {
background: linear-gradient(170deg, #EAF3EF 0%, #fff 100%);
padding: 96px 24px 48px;
text-align: center;
position: relative
}

.nws-pg .pg-band::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 600px;
height: 600px;
background: radial-gradient(ellipse at center, #3f8e7714 0%, transparent 70%);
pointer-events: none
}

.nws-pg .pg-band-label {
display: inline-block;
background: #EAF3EF;
color: #3F8E77;
font-size: 15px;
font-weight: 600;
letter-spacing: .12em;
text-transform: uppercase;
padding: 8px 24px;
border-radius: 40px;
margin-bottom: 24px;
box-shadow: 0 1px 6px 0 #3f8e770d
}

.nws-pg .pg-band-heading {
font-size: 51px;
line-height: 1.15;
color: #1b3d34;
font-weight: 800;
max-width: 700px;
margin: 0 auto 16px
}

.nws-pg .pg-band-sub {
font-size: 15px;
line-height: 1.65;
color: #4a6b61;
max-width: 520px;
margin: 0 auto
}

.nws-pg .grid-area {
max-width: 1500px;
margin: 0 auto;
padding: 48px 24px 96px
}

.nws-pg .post-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
gap: 24px
}

.nws-pg .post-card {
background: #fff;
border-radius: 14px;
box-shadow: 0 6px 25px 0 #3f8e771a;
overflow: hidden;
display: flex;
flex-direction: column;
transition: box-shadow .38s cubic-bezier(0.34, 1.2, 0.64, 1), transform .38s cubic-bezier(0.34, 1.2, 0.64, 1);
border: 1px solid #3f8e771a
}

.nws-pg .post-card:hover {
box-shadow: 0 8px 48px 0 #3f8e771a;
transform: translateY(-4px)
}

.nws-pg .post-card-img-wrap {
position: relative;
width: 100%;
aspect-ratio: 16/9;
overflow: hidden;
border-bottom: 1px solid #3f8e7714
}

.nws-pg .post-card-img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
transition: transform .42s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.nws-pg .post-card:hover .post-card-img-wrap img {
transform: scale(1.04)
}

.nws-pg .post-card-cat {
position: absolute;
top: 16px;
left: 16px;
background: #3F8E77;
color: #fff;
font-size: 15px;
font-weight: 600;
padding: 8px 16px;
border-radius: 40px;
letter-spacing: .06em;
text-transform: uppercase
}

.nws-pg .post-card-body {
padding: 24px;
display: flex;
flex-direction: column;
flex: 1;
gap: 16px
}

.nws-pg .post-card-meta {
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
flex-wrap: wrap
}

.nws-pg .post-card-tag {
background: #EAF3EF;
color: #3F8E77;
font-size: 15px;
font-weight: 600;
padding: 8px 16px;
border-radius: 3px;
letter-spacing: .04em
}

.nws-pg .post-card-date {
font-size: 15px;
color: #7a9e95;
line-height: 1.65
}

.nws-pg .post-card-read {
font-size: 15px;
color: #7a9e95;
margin-left: auto
}

.nws-pg .post-card-heading {
font-size: 27px;
line-height: 1.15;
color: #1b3d34;
font-weight: 700;
margin: 0
}

.nws-pg .post-card-sub {
font-size: 15px;
line-height: 1.65;
color: #3a5a52;
font-style: italic;
margin: 0
}

.nws-pg .post-card-desc {
font-size: 15px;
line-height: 1.65;
color: #4a6b61;
margin: 0;
flex: 1
}

.nws-pg .post-card-foot {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 16px;
padding-top: 16px;
border-top: 1px solid #3f8e771a
}

.nws-pg .post-card-author {
font-size: 15px;
color: #3F8E77;
font-weight: 600
}

.nws-pg .post-card-link {
display: inline-flex;
align-items: center;
gap: 8px;
background: linear-gradient(120deg, #3F8E77, #6DAA7C);
color: #fff;
font-size: 15px;
font-weight: 700;
padding: 8px 24px;
border-radius: 40px;
text-decoration: none;
box-shadow: 0 1px 6px 0 #3f8e770d;
transition: background .35s ease-in-out, box-shadow .35s ease-in-out
}

.nws-pg .post-card-link:hover {
background: linear-gradient(220deg, #6DAA7C, #3F8E77);
box-shadow: 0 6px 25px 0 #3f8e771a
}

.nws-pg .post-card-link svg {
width: 14px;
height: 14px;
fill: none;
stroke: #fff;
stroke-width: 2.2;
stroke-linecap: round;
stroke-linejoin: round
}

.nws-pg .feat-strip {
background: #EAF3EF;
padding: 96px 24px;
position: relative;
overflow: hidden
}

.nws-pg .feat-strip::after {
content: '';
position: absolute;
bottom: -80px;
right: -80px;
width: 320px;
height: 320px;
border-radius: 40px;
background: #3f8e770f;
pointer-events: none
}

.nws-pg .feat-strip-inner {
max-width: 1500px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 48px;
align-items: center
}

.nws-pg .feat-strip-visual {
position: relative
}

.nws-pg .feat-strip-img {
width: 100%;
height: 420px;
object-fit: cover;
object-position: center;
border-radius: 14px;
display: block;
border: 1px solid #3f8e7724;
box-shadow: 0 8px 48px 0 #3f8e771a
}

.nws-pg .feat-strip-badge {
position: absolute;
bottom: 24px;
left: 24px;
background: #fff;
border-radius: 14px;
padding: 16px 24px;
box-shadow: 0 6px 25px 0 #3f8e771a;
display: flex;
flex-direction: column;
gap: 8px;
max-width: 200px
}

.nws-pg .feat-strip-badge-num {
font-size: 37px;
font-weight: 800;
color: #3F8E77;
line-height: 1.15
}

.nws-pg .feat-strip-badge-lbl {
font-size: 15px;
color: #4a6b61;
line-height: 1.65
}

.nws-pg .feat-strip-text {
display: flex;
flex-direction: column;
gap: 24px
}

.nws-pg .feat-strip-kicker {
display: inline-block;
background: #3F8E77;
color: #fff;
font-size: 15px;
font-weight: 600;
letter-spacing: .1em;
text-transform: uppercase;
padding: 8px 16px;
border-radius: 3px;
align-self: flex-start
}

.nws-pg .feat-strip-heading {
font-size: 37px;
line-height: 1.15;
color: #1b3d34;
font-weight: 800;
margin: 0
}

.nws-pg .feat-strip-body {
font-size: 15px;
line-height: 1.65;
color: #4a6b61;
margin: 0
}

.nws-pg .feat-strip-list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 16px
}

.nws-pg .feat-strip-list li {
font-size: 15px;
line-height: 1.65;
color: #2e5048;
padding: 16px;
padding-left: 24px;
border-left: 3px solid #6DAA7C;
background: #3f8e770d;
border-radius: 0 3px 3px 0
}

.nws-pg .expert-strip {
padding: 96px 24px;
background: #fff;
position: relative
}

.nws-pg .expert-strip-inner {
max-width: 1500px;
margin: 0 auto;
display: grid;
grid-template-columns: 340px 1fr;
gap: 48px;
align-items: start
}

.nws-pg .expert-portrait-wrap {
position: relative
}

.nws-pg .expert-portrait {
width: 100%;
aspect-ratio: 5/7;
object-fit: cover;
object-position: center;
border-radius: 14px;
display: block;
border: 1px solid #3f8e7724;
box-shadow: 0 6px 25px 0 #3f8e771a
}

.nws-pg .expert-portrait-deco {
position: absolute;
top: -16px;
right: -16px;
width: 80px;
height: 80px;
border-radius: 40px;
background: linear-gradient(135deg, #EAF3EF, #6DAA7C);
opacity: .35;
pointer-events: none
}

.nws-pg .expert-text {
display: flex;
flex-direction: column;
gap: 24px;
padding-top: 16px
}

.nws-pg .expert-kicker {
display: inline-block;
background: #EAF3EF;
color: #3F8E77;
font-size: 15px;
font-weight: 600;
letter-spacing: .1em;
text-transform: uppercase;
padding: 8px 16px;
border-radius: 3px;
align-self: flex-start
}

.nws-pg .expert-heading {
font-size: 37px;
line-height: 1.15;
color: #1b3d34;
font-weight: 800;
margin: 0
}

.nws-pg .expert-body {
font-size: 15px;
line-height: 1.65;
color: #4a6b61;
margin: 0
}

.nws-pg .expert-quote {
background: #EAF3EF;
border-radius: 14px;
padding: 24px;
font-size: 15px;
line-height: 1.65;
color: #2e5048;
font-style: italic;
position: relative
}

.nws-pg .expert-quote-mark {
display: block;
width: 32px;
height: 24px;
margin-bottom: 8px
}

.nws-pg .expert-quote-mark path {
fill: #3f8e7740
}

.nws-pg .expert-name {
font-size: 27px;
font-weight: 700;
color: #1b3d34;
margin: 0
}

.nws-pg .expert-role {
font-size: 15px;
color: #3F8E77;
font-weight: 600;
margin: 0
}

.nws-pg .expert-tags {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 8px
}

.nws-pg .expert-tag {
background: #EAF3EF;
color: #3F8E77;
font-size: 15px;
font-weight: 600;
padding: 8px 16px;
border-radius: 40px;
border: 1px solid #3f8e772e
}

.nws-pg .grid-area-heading {
font-size: 37px;
line-height: 1.15;
color: #1b3d34;
font-weight: 800;
margin: 0 0 48px;
display: inline-block;
background: #EAF3EF;
padding: 8px 24px;
border-radius: 3px
}

@keyframes gridpulse {

0%,
100% {
opacity: .04
}

50% {
opacity: .1
}
}

.nws-pg .pg-band-grid-deco {
position: absolute;
inset: 0;
pointer-events: none;
overflow: hidden
}

.nws-pg .pg-band-grid-deco svg {
width: 100%;
height: 100%;
animation: gridpulse 4s ease-in-out infinite
}

@media (max-width: 900px) {
.nws-pg .feat-strip-inner {
grid-template-columns: 1fr
}

.nws-pg .expert-strip-inner {
grid-template-columns: 1fr
}

.nws-pg .expert-portrait-wrap {
max-width: 280px
}

.nws-pg .pg-band-heading {
font-size: 37px
}
}

@media (max-width: 600px) {
.nws-pg .post-grid {
grid-template-columns: 1fr
}

.nws-pg .pg-band-heading {
font-size: 27px
}

.nws-pg .feat-strip-heading,
.nws-pg .expert-heading {
font-size: 27px
}

.nws-pg .feat-strip-img {
height: 240px
}
}

.lrn-prog {
overflow-x: hidden
}

.lrn-prog * {
box-sizing: border-box
}

@keyframes slideInLeft {
from {
opacity: 0;
transform: translateX(-48px)
}

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

.lrn-prog .reveal {
animation: slideInLeft .42s cubic-bezier(0.34, 1.2, 0.64, 1) both
}

.lrn-prog .reveal-d1 {
animation-delay: .08s
}

.lrn-prog .reveal-d2 {
animation-delay: .18s
}

.lrn-prog .reveal-d3 {
animation-delay: .28s
}

.lrn-prog .reveal-d4 {
animation-delay: .38s
}

.lrn-prog ::selection {
background: #3F8E77;
color: #fff
}

.lrn-prog input::placeholder,
.lrn-prog textarea::placeholder {
color: #3f8e7773
}

.lrn-prog .pg-title-block {
display: grid;
grid-template-columns: 1fr 1fr;
min-height: 560px;
max-width: 1500px;
margin: 0 auto
}

.lrn-prog .pg-title-img-col {
position: relative;
overflow: hidden
}

.lrn-prog .pg-title-img-col img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
border: 1px solid #3f8e772e
}

.lrn-prog .pg-title-img-col::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(135deg, #3f8e778c 0%, transparent 70%);
pointer-events: none
}

.lrn-prog .pg-title-text-col {
background: #fff;
padding: 48px 48px 96px;
display: flex;
flex-direction: column;
justify-content: center;
gap: 24px
}

.lrn-prog .pg-label {
display: inline-block;
background: #EAF3EF;
color: #3F8E77;
font-size: 15px;
font-weight: 600;
letter-spacing: .12em;
text-transform: uppercase;
padding: 8px 16px;
border-radius: 3px;
width: fit-content
}

.lrn-prog .pg-title-h {
font-size: 51px;
line-height: 1.15;
color: #1e3a30;
font-weight: 800;
margin: 0
}

.lrn-prog .pg-title-h span {
display: block;
color: #3F8E77
}

.lrn-prog .pg-title-desc {
font-size: 15px;
line-height: 1.65;
color: #2e4a3e;
max-width: 480px;
margin: 0
}

.lrn-prog .pg-title-meta {
display: flex;
flex-direction: row;
gap: 24px;
flex-wrap: wrap
}

.lrn-prog .pg-meta-item {
display: flex;
flex-direction: column;
gap: 8px
}

.lrn-prog .pg-meta-label {
font-size: 15px;
color: #5a7a6e;
font-weight: 500
}

.lrn-prog .pg-meta-val {
font-size: 27px;
font-weight: 700;
color: #1e3a30;
line-height: 1.15
}

.lrn-prog .pg-meta-val span {
font-size: 15px;
font-weight: 500;
color: #3F8E77
}

.lrn-prog .dots-divider {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 8px;
padding: 24px 0
}

.lrn-prog .dots-divider span {
display: block;
width: 6px;
height: 6px;
border-radius: 40px;
background: #6DAA7C;
opacity: .5
}

.lrn-prog .dots-divider span:nth-child(2) {
opacity: .8;
background: #3F8E77
}

.lrn-prog .modules-band {
background: #1e3a30;
padding: 96px 48px
}

.lrn-prog .modules-inner {
max-width: 1500px;
margin: 0 auto
}

.lrn-prog .band-heading-wrap {
text-align: center;
margin-bottom: 48px
}

.lrn-prog .band-heading {
display: inline-block;
background: #6daa7c38;
color: #a8d8b8;
font-size: 37px;
font-weight: 700;
line-height: 1.15;
padding: 8px 24px;
border-radius: 3px;
margin: 0
}

.lrn-prog .band-sub {
font-size: 15px;
line-height: 1.65;
color: #8ab89e;
text-align: center;
max-width: 560px;
margin: 16px auto 0
}

.lrn-prog .modules-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px
}

.lrn-prog .mod-card {
background: #ffffff0d;
border: 1px solid #6daa7c33;
border-radius: 14px;
padding: 24px;
display: flex;
flex-direction: column;
gap: 16px;
transition: background .38s ease-in-out, border-color .38s ease-in-out;
box-shadow: 0 1px 6px 0 #3f8e770d
}

.lrn-prog .mod-card:hover {
background: #6daa7c1f;
border-color: #6daa7c73
}

.lrn-prog .mod-num {
font-size: 51px;
font-weight: 800;
line-height: 1.15;
color: #6daa7c4d;
letter-spacing: -2px
}

.lrn-prog .mod-title {
font-size: 15px;
font-weight: 700;
color: #d0ead8;
margin: 0;
line-height: 1.15
}

.lrn-prog .mod-desc {
font-size: 15px;
line-height: 1.65;
color: #8ab89e;
margin: 0
}

.lrn-prog .mod-topics {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 8px
}

.lrn-prog .mod-topics li {
font-size: 15px;
line-height: 1.65;
color: #a8d8b8;
padding-left: 16px;
border-left: 2px solid #3F8E77
}

.lrn-prog .instructors-strip {
background: #EAF3EF;
padding: 96px 48px
}

.lrn-prog .instructors-inner {
max-width: 1500px;
margin: 0 auto
}

.lrn-prog .strip-heading-wrap {
margin-bottom: 48px
}

.lrn-prog .strip-heading {
display: inline-block;
background: #3F8E77;
color: #fff;
font-size: 37px;
font-weight: 700;
line-height: 1.15;
padding: 8px 24px;
border-radius: 3px;
margin: 0
}

.lrn-prog .strip-sub {
font-size: 15px;
line-height: 1.65;
color: #2e4a3e;
max-width: 540px;
margin: 16px 0 0
}

.lrn-prog .instructors-layout {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 48px;
align-items: start
}

.lrn-prog .instructors-portraits {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px
}

.lrn-prog .portrait-card {
display: flex;
flex-direction: column;
gap: 8px
}

.lrn-prog .portrait-frame {
width: 100%;
aspect-ratio: 2/3;
overflow: hidden;
border: 1px solid #3f8e7738;
box-shadow: 0 6px 25px 0 #3f8e771a
}

.lrn-prog .portrait-frame img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block
}

.lrn-prog .portrait-name {
font-size: 15px;
font-weight: 700;
color: #1e3a30;
margin: 0
}

.lrn-prog .portrait-role {
font-size: 15px;
color: #3F8E77;
margin: 0
}

.lrn-prog .instructors-text {
display: flex;
flex-direction: column;
gap: 24px
}

.lrn-prog .instr-block {
display: flex;
flex-direction: column;
gap: 8px;
padding-left: 16px;
border-left: 2px solid #6DAA7C
}

.lrn-prog .instr-block-title {
font-size: 15px;
font-weight: 700;
color: #1e3a30;
margin: 0
}

.lrn-prog .instr-block-body {
font-size: 15px;
line-height: 1.65;
color: #2e4a3e;
margin: 0
}

.lrn-prog .portrait-extra {
display: flex;
flex-direction: column;
gap: 8px
}

.lrn-prog .portrait-extra-name {
font-size: 15px;
font-weight: 700;
color: #1e3a30;
margin: 0
}

.lrn-prog .portrait-extra-role {
font-size: 15px;
color: #3F8E77;
margin: 0
}

.lrn-prog .portrait-extra-bio {
font-size: 15px;
line-height: 1.65;
color: #2e4a3e;
margin: 0
}

.lrn-prog .enrol-panel {
background: #fff;
padding: 96px 48px
}

.lrn-prog .enrol-inner {
max-width: 1500px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 48px;
align-items: start
}

.lrn-prog .enrol-left {
display: flex;
flex-direction: column;
gap: 24px
}

.lrn-prog .enrol-heading-wrap {
display: flex;
flex-direction: column;
gap: 8px
}

.lrn-prog .enrol-heading {
display: inline-block;
background: #EAF3EF;
color: #1e3a30;
font-size: 37px;
font-weight: 700;
line-height: 1.15;
padding: 8px 24px;
border-radius: 3px;
margin: 0
}

.lrn-prog .enrol-sub {
font-size: 15px;
line-height: 1.65;
color: #2e4a3e;
margin: 0
}

.lrn-prog .enrol-features {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 16px
}

.lrn-prog .enrol-features li {
font-size: 15px;
line-height: 1.65;
color: #2e4a3e;
padding-left: 16px;
border-left: 2px solid #3F8E77
}

.lrn-prog .enrol-img-wrap {
position: relative;
overflow: hidden;
border: 1px solid #3f8e772e;
border-radius: 14px;
box-shadow: 0 8px 48px 0 #3f8e771a
}

.lrn-prog .enrol-img-wrap img {
width: 100%;
height: 420px;
object-fit: cover;
object-position: center;
display: block
}

.lrn-prog .enrol-img-overlay {
position: absolute;
inset: 0;
background: linear-gradient(160deg, transparent 40%, #3f8e7759 100%);
pointer-events: none
}

.lrn-prog .enrol-stats {
position: absolute;
bottom: 24px;
left: 24px;
right: 24px;
display: flex;
flex-direction: row;
gap: 16px;
flex-wrap: wrap
}

.lrn-prog .enrol-stat-chip {
background: #ffffffeb;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
border-radius: 40px;
padding: 8px 16px;
display: flex;
flex-direction: column;
gap: 0;
box-shadow: 0 1px 6px 0 #3f8e770d
}

.lrn-prog .stat-chip-val {
font-size: 27px;
font-weight: 800;
color: #1e3a30;
line-height: 1.15
}

.lrn-prog .stat-chip-lbl {
font-size: 15px;
color: #3F8E77;
font-weight: 500
}

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

.lrn-prog .btn-primary {
display: inline-block;
background: linear-gradient(120deg, #3F8E77 0%, #6DAA7C 100%);
color: #fff;
font-size: 15px;
font-weight: 700;
padding: 16px 48px;
border-radius: 3px;
text-decoration: none;
border: none;
cursor: pointer;
transition: background .42s cubic-bezier(0.34, 1.2, 0.64, 1), box-shadow .38s ease-in-out;
box-shadow: 0 6px 25px 0 #3f8e771a;
letter-spacing: .04em
}

.lrn-prog .btn-primary:hover {
background: linear-gradient(240deg, #3F8E77 0%, #6DAA7C 100%);
box-shadow: 0 8px 48px 0 #3f8e771a
}

.lrn-prog .btn-primary:focus {
outline: 3px solid #3F8E77;
outline-offset: 3px
}

.lrn-prog .btn-ghost {
display: inline-block;
background: transparent;
color: #3F8E77;
font-size: 15px;
font-weight: 600;
padding: 16px 24px;
border-radius: 3px;
text-decoration: none;
border: 2px solid #3F8E77;
cursor: pointer;
transition: background .35s ease-in-out, color .35s ease-in-out
}

.lrn-prog .btn-ghost:hover {
background: #EAF3EF;
color: #1e3a30
}

.lrn-prog .btn-ghost:focus {
outline: 3px solid #3F8E77;
outline-offset: 3px
}

@media (max-width: 1024px) {
.lrn-prog .pg-title-block {
grid-template-columns: 1fr
}

.lrn-prog .pg-title-img-col {
min-height: 320px
}

.lrn-prog .modules-grid {
grid-template-columns: 1fr 1fr
}

.lrn-prog .instructors-layout {
grid-template-columns: 1fr
}

.lrn-prog .enrol-inner {
grid-template-columns: 1fr
}
}

@media (max-width: 768px) {
.lrn-prog .pg-title-text-col {
padding: 48px 24px 96px
}

.lrn-prog .pg-title-h {
font-size: 37px
}

.lrn-prog .modules-band {
padding: 48px 24px
}

.lrn-prog .modules-grid {
grid-template-columns: 1fr
}

.lrn-prog .instructors-strip {
padding: 48px 24px
}

.lrn-prog .instructors-portraits {
grid-template-columns: 1fr 1fr
}

.lrn-prog .enrol-panel {
padding: 48px 24px
}

.lrn-prog .band-heading {
font-size: 27px
}

.lrn-prog .strip-heading {
font-size: 27px
}

.lrn-prog .enrol-heading {
font-size: 27px
}
}

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

.ctus-pg .band-divider {
height: 4px;
background: linear-gradient(105deg, #3F8E77, #6DAA7C 60%, transparent);
width: 100%
}

.ctus-pg .band-divider.rev {
background: linear-gradient(105deg, transparent, #6DAA7C 40%, #3F8E77)
}

.ctus-pg .pg-top {
padding: 96px 48px 48px;
max-width: 1500px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 2fr 1fr;
gap: 48px;
align-items: end
}

.ctus-pg .pg-top-deco {
position: relative;
height: 320px
}

.ctus-pg .pg-top-deco .deco-rect {
position: absolute;
border-radius: 14px;
overflow: hidden
}

.ctus-pg .pg-top-deco.left .deco-rect:nth-child(1) {
width: 160px;
height: 220px;
bottom: 0;
right: 0;
background: linear-gradient(135deg, #3F8E77 0%, #6DAA7C 100%);
opacity: .18
}

.ctus-pg .pg-top-deco.left .deco-rect:nth-child(2) {
width: 100px;
height: 140px;
bottom: 48px;
right: 48px;
background: #EAF3EF;
border: 1px solid #3f8e7733
}

.ctus-pg .pg-top-deco.left .deco-rect:nth-child(3) {
width: 60px;
height: 60px;
bottom: 96px;
right: 96px;
background: #3F8E77;
opacity: .3;
border-radius: 3px
}

.ctus-pg .pg-top-deco.right .deco-rect:nth-child(1) {
width: 140px;
height: 200px;
bottom: 0;
left: 0;
background: linear-gradient(135deg, #6DAA7C 0%, #3F8E77 100%);
opacity: .14
}

.ctus-pg .pg-top-deco.right .deco-rect:nth-child(2) {
width: 90px;
height: 120px;
bottom: 48px;
left: 48px;
background: #EAF3EF;
border: 1px solid #6daa7c33
}

.ctus-pg .pg-top-deco.right .deco-rect:nth-child(3) {
width: 50px;
height: 50px;
bottom: 80px;
left: 88px;
background: #6DAA7C;
opacity: .25;
border-radius: 3px
}

.ctus-pg .pg-top-text {
text-align: center;
position: relative;
padding-bottom: 24px
}

.ctus-pg .pg-top-text .bg-num {
position: absolute;
top: -48px;
left: 50%;
transform: translateX(-50%);
font-size: 180px;
font-weight: 900;
color: #EAF3EF;
line-height: 1.15;
letter-spacing: -8px;
pointer-events: none;
user-select: none;
white-space: nowrap;
z-index: 0
}

.ctus-pg .pg-top-text .top-label {
display: inline-block;
background: #EAF3EF;
color: #3F8E77;
font-size: 15px;
font-weight: 600;
letter-spacing: .12em;
text-transform: uppercase;
padding: 8px 24px;
border-radius: 3px;
margin-bottom: 24px;
position: relative;
z-index: 1
}

.ctus-pg .pg-top-text h1 {
font-size: 51px;
line-height: 1.15;
color: #1b2e27;
margin: 0 0 24px;
position: relative;
z-index: 1
}

.ctus-pg .pg-top-text h1 .strip {
background: #EAF3EF;
padding: 0 8px;
border-radius: 3px
}

.ctus-pg .pg-top-text .top-desc {
font-size: 15px;
line-height: 1.65;
color: #3a4e46;
max-width: 480px;
margin: 0 auto;
position: relative;
z-index: 1
}

.ctus-pg .contact-body {
background: #f4f8f6;
background-image: radial-gradient(circle at 20% 30%, #3f8e7712 0%, transparent 55%), radial-gradient(circle at 80% 70%, #6daa7c0f 0%, transparent 50%);
padding: 96px 48px;
animation: inner-glow 6s ease-in-out infinite
}

@keyframes inner-glow {

0%,
100% {
background-color: #f4f8f6
}

50% {
background-color: #edf5f1
}
}

.ctus-pg .contact-body .cb-inner {
max-width: 1500px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1px 1.4fr;
gap: 48px;
align-items: start
}

.ctus-pg .contact-body .col-divider {
background: linear-gradient(180deg, transparent, #3F8E77 30%, #6DAA7C 70%, transparent);
align-self: stretch
}

.ctus-pg .info-col {
display: flex;
flex-direction: column;
gap: 24px
}

.ctus-pg .info-col .col-heading {
font-size: 27px;
line-height: 1.15;
color: #1b2e27;
margin: 0 0 8px
}

.ctus-pg .info-col .col-heading .strip {
background: #EAF3EF;
padding: 2px 8px;
border-radius: 3px
}

.ctus-pg .info-col .col-sub {
font-size: 15px;
line-height: 1.65;
color: #3a4e46;
margin: 0
}

.ctus-pg .detail-card {
background: #fff;
border-radius: 14px;
box-shadow: 0 1px 6px 0 #3f8e770d 0 6px 25px 0 #3f8e771a;
padding: 24px;
display: flex;
flex-direction: column;
gap: 16px
}

.ctus-pg .detail-card .detail-row {
display: flex;
flex-direction: row;
gap: 16px;
align-items: flex-start;
padding-bottom: 16px;
border-bottom: 1px solid #EAF3EF
}

.ctus-pg .detail-card .detail-row:last-child {
border-bottom: none;
padding-bottom: 0
}

.ctus-pg .detail-card .dr-icon {
width: 36px;
height: 36px;
border-radius: 3px;
background: #EAF3EF;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center
}

.ctus-pg .detail-card .dr-icon svg {
width: 18px;
height: 18px
}

.ctus-pg .detail-card .dr-label {
font-size: 15px;
font-weight: 600;
color: #3F8E77;
text-transform: uppercase;
letter-spacing: .08em;
line-height: 1.15;
margin-bottom: 4px
}

.ctus-pg .detail-card .dr-val {
font-size: 15px;
line-height: 1.65;
color: #1b2e27
}

.ctus-pg .detail-card .dr-val a {
color: #3F8E77;
text-decoration: none;
transition: opacity .35s ease-in-out
}

.ctus-pg .detail-card .dr-val a:hover {
opacity: .7
}

.ctus-pg .circles-deco {
position: relative;
height: 80px;
overflow: hidden
}

.ctus-pg .circles-deco span {
position: absolute;
border-radius: 40px;
border: 2px solid #3f8e7726
}

.ctus-pg .circles-deco span:nth-child(1) {
width: 80px;
height: 80px;
top: 0;
left: 0
}

.ctus-pg .circles-deco span:nth-child(2) {
width: 56px;
height: 56px;
top: 12px;
left: 24px;
background: #6daa7c0f
}

.ctus-pg .circles-deco span:nth-child(3) {
width: 36px;
height: 36px;
top: 22px;
left: 44px;
background: #3f8e771a
}

.ctus-pg .form-col {
display: flex;
flex-direction: column;
gap: 24px
}

.ctus-pg .form-col .form-heading {
font-size: 27px;
line-height: 1.15;
color: #1b2e27;
margin: 0 0 8px
}

.ctus-pg .form-col .form-heading .strip {
background: #EAF3EF;
padding: 2px 8px;
border-radius: 3px
}

.ctus-pg .ctus-form {
display: flex;
flex-direction: column;
gap: 16px
}

.ctus-pg .ctus-form .form-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px
}

.ctus-pg .ctus-form .field-grp {
display: flex;
flex-direction: column;
gap: 8px
}

.ctus-pg .ctus-form label {
font-size: 15px;
font-weight: 600;
color: #1b2e27;
line-height: 1.15
}

.ctus-pg .ctus-form label .req {
color: #3F8E77;
margin-left: 2px
}

.ctus-pg .ctus-form input[type="text"],
.ctus-pg .ctus-form input[type="email"],
.ctus-pg .ctus-form input[type="tel"],
.ctus-pg .ctus-form select,
.ctus-pg .ctus-form textarea {
background: #fff;
border: 1.5px solid #c8ddd7;
border-radius: 3px;
padding: 12px 16px;
font-size: 15px;
line-height: 1.65;
color: #1b2e27;
width: 100%;
box-sizing: border-box;
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);
box-shadow: inset 0 2px 4px #3f8e770a inset 0 -1px 2px #3f8e7708
}

.ctus-pg .ctus-form input::placeholder,
.ctus-pg .ctus-form textarea::placeholder {
color: #3f8e7773
}

.ctus-pg .ctus-form input[type="text"]:focus,
.ctus-pg .ctus-form input[type="email"]:focus,
.ctus-pg .ctus-form input[type="tel"]:focus,
.ctus-pg .ctus-form select:focus,
.ctus-pg .ctus-form textarea:focus {
outline: none;
border-color: #3F8E77;
box-shadow: 0 0 0 3px #3f8e771f inset 0 2px 4px #3f8e770a
}

.ctus-pg .ctus-form select {
appearance: none;
cursor: pointer;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%233F8E77' d='M4 6l4 4 4-4'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 12px center;
padding-right: 40px
}

.ctus-pg .ctus-form textarea {
resize: vertical;
min-height: 100px
}

.ctus-pg .ctus-form .topic-select {
display: flex;
flex-direction: column;
gap: 8px
}

.ctus-pg .ctus-form .cond-trigger {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
cursor: pointer;
padding: 10px 16px;
background: #EAF3EF;
border-radius: 3px;
border: 1.5px solid transparent;
transition: border-color .32s ease-in-out, background .32s ease-in-out
}

.ctus-pg .ctus-form .cond-trigger:hover {
border-color: #3F8E77
}

.ctus-pg .ctus-form .cond-trigger input[type="checkbox"] {
width: 18px;
height: 18px;
accent-color: #3F8E77;
cursor: pointer;
flex-shrink: 0
}

.ctus-pg .ctus-form .cond-trigger .trig-lbl {
font-size: 15px;
color: #1b2e27;
line-height: 1.15
}

.ctus-pg .ctus-form .cond-field {
display: none;
flex-direction: column;
gap: 8px
}

.ctus-pg .ctus-form .cond-wrap:has(#chk-course:checked) .cond-field {
display: flex !important
}

.ctus-pg .ctus-form .privacy-row {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 8px;
padding: 16px;
background: #EAF3EF;
border-radius: 3px
}

.ctus-pg .ctus-form .privacy-row input[type="checkbox"] {
width: 18px;
height: 18px;
accent-color: #3F8E77;
cursor: pointer;
flex-shrink: 0;
margin-top: 2px
}

.ctus-pg .ctus-form .privacy-row .priv-text {
font-size: 15px;
line-height: 1.65;
color: #3a4e46
}

.ctus-pg .ctus-form .privacy-row .priv-text a {
color: #3F8E77;
text-decoration: underline;
text-underline-offset: 2px;
transition: opacity .32s ease-in-out
}

.ctus-pg .ctus-form .privacy-row .priv-text a:hover {
opacity: .7
}

.ctus-pg .ctus-form .submit-btn {
align-self: flex-start;
background: linear-gradient(105deg, #3F8E77, #6DAA7C);
color: #fff;
font-size: 15px;
font-weight: 700;
letter-spacing: .06em;
text-transform: uppercase;
padding: 16px 48px;
border: none;
border-radius: 40px;
cursor: pointer;
box-shadow: 0 6px 25px 0 #3f8e771a;
transition: background .42s cubic-bezier(0.34, 1.2, 0.64, 1), box-shadow .42s cubic-bezier(0.34, 1.2, 0.64, 1), transform .28s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.ctus-pg .ctus-form .submit-btn:hover {
background: linear-gradient(260deg, #3F8E77, #6DAA7C);
box-shadow: 0 8px 48px 0 #3f8e771a;
transform: translateY(-2px)
}

.ctus-pg .ctus-form .submit-btn:focus {
outline: 3px solid #6DAA7C;
outline-offset: 3px
}

.ctus-pg .ctus-form .submit-btn:active {
transform: translateY(0)
}

.ctus-pg .reach-sec {
padding: 96px 48px;
max-width: 1500px;
margin: 0 auto
}

.ctus-pg .reach-sec .rs-head {
text-align: center;
margin-bottom: 48px
}

.ctus-pg .reach-sec .rs-head h2 {
font-size: 37px;
line-height: 1.15;
color: #1b2e27;
margin: 0 0 16px
}

.ctus-pg .reach-sec .rs-head h2 .strip {
background: #EAF3EF;
padding: 2px 8px;
border-radius: 3px
}

.ctus-pg .reach-sec .rs-head p {
font-size: 15px;
line-height: 1.65;
color: #3a4e46;
max-width: 560px;
margin: 0 auto
}

.ctus-pg .reach-cols {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px
}

.ctus-pg .reach-col {
background: #fff;
border-radius: 14px;
box-shadow: 0 1px 6px 0 #3f8e770d 0 6px 25px 0 #3f8e771a;
padding: 48px 24px 24px;
position: relative;
overflow: hidden;
transition: box-shadow .4s cubic-bezier(0.34, 1.2, 0.64, 1), transform .4s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.ctus-pg .reach-col:hover {
box-shadow: 0 8px 48px 0 #3f8e771a;
transform: translateY(-4px)
}

.ctus-pg .reach-col .col-num {
position: absolute;
top: 16px;
right: 16px;
font-size: 37px;
font-weight: 900;
color: #EAF3EF;
line-height: 1.15;
pointer-events: none;
user-select: none
}

.ctus-pg .reach-col .col-tag {
display: inline-block;
background: #EAF3EF;
color: #3F8E77;
font-size: 15px;
font-weight: 600;
letter-spacing: .08em;
text-transform: uppercase;
padding: 4px 16px;
border-radius: 3px;
margin-bottom: 16px
}

.ctus-pg .reach-col h3 {
font-size: 27px;
line-height: 1.15;
color: #1b2e27;
margin: 0 0 16px
}

.ctus-pg .reach-col .col-body {
font-size: 15px;
line-height: 1.65;
color: #3a4e46;
margin: 0 0 24px
}

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

.ctus-pg .reach-col .col-items li {
font-size: 15px;
line-height: 1.65;
color: #1b2e27;
padding: 8px 8px 8px 16px;
position: relative;
border-left: 3px solid #EAF3EF;
transition: border-color .35s ease-in-out
}

.ctus-pg .reach-col .col-items li::before {
content: '';
display: block;
width: 6px;
height: 6px;
border-radius: 40px;
background: #6DAA7C;
position: absolute;
left: -5px;
top: 50%;
transform: translateY(-50%)
}

.ctus-pg .reach-col:hover .col-items li {
border-color: #3f8e7740
}

.ctus-pg .reach-col .col-cta {
display: inline-block;
margin-top: 24px;
padding: 12px 24px;
background: #EAF3EF;
color: #3F8E77;
font-size: 15px;
font-weight: 600;
border-radius: 40px;
text-decoration: none;
transition: background .38s cubic-bezier(0.34, 1.2, 0.64, 1), color .38s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.ctus-pg .reach-col .col-cta:hover {
background: #3F8E77;
color: #fff
}

@media (max-width: 1100px) {
.ctus-pg .pg-top {
grid-template-columns: 1fr 2fr;
padding: 96px 24px 48px
}

.ctus-pg .pg-top-deco.right {
display: none
}

.ctus-pg .contact-body .cb-inner {
grid-template-columns: 1fr
}

.ctus-pg .contact-body .col-divider {
height: 1px;
background: linear-gradient(90deg, transparent, #3F8E77 30%, #6DAA7C 70%, transparent);
align-self: auto
}

.ctus-pg .reach-cols {
grid-template-columns: 1fr 1fr
}
}

@media (max-width: 768px) {
.ctus-pg .pg-top {
grid-template-columns: 1fr;
padding: 48px 24px 24px
}

.ctus-pg .pg-top-deco {
display: none
}

.ctus-pg .pg-top-text h1 {
font-size: 37px
}

.ctus-pg .pg-top-text .bg-num {
font-size: 100px;
top: -24px
}

.ctus-pg .contact-body {
padding: 48px 24px
}

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

.ctus-pg .reach-sec {
padding: 48px 24px
}

.ctus-pg .reach-cols {
grid-template-columns: 1fr
}
}

.innov-pg {
max-width: 1500px;
margin: 0 auto;
overflow-x: clip
}

.innov-pg script {
display: none
}

.innov-pg .pg-wave-divider {
width: 100%;
line-height: 0;
overflow: hidden
}

.innov-pg .pg-wave-divider svg {
display: block;
width: 100%
}

.innov-pg .dot-divider {
border: none;
border-top: 2px dotted #c8d8d3;
margin: 0 48px
}

.innov-pg ::selection {
background: #3F8E77;
color: #fff
}

.innov-pg .title-blk {
position: relative;
padding: 96px 48px 48px;
background: linear-gradient(160deg, #EAF3EF 0%, #fff 60%);
text-align: center
}

.innov-pg .title-blk .tri-accent-tl {
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 64px 64px 0 0;
border-color: #3F8E77 transparent transparent;
opacity: .18;
pointer-events: none
}

.innov-pg .title-blk .tri-accent-tr {
position: absolute;
top: 0;
right: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 64px 64px 0;
border-color: transparent #6DAA7C transparent transparent;
opacity: .14;
pointer-events: none
}

.innov-pg .title-blk .img-focal {
width: 480px;
max-width: 100%;
height: 280px;
object-fit: cover;
object-position: center;
border-radius: 14px;
margin: 0 auto 48px;
display: block;
border: 1px solid #3f8e772e;
box-shadow: 0 6px 25px 0 #3f8e771a;
filter: saturate(0.82);
transition: filter .38s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.innov-pg .title-blk .img-focal:hover {
filter: saturate(1)
}

.innov-pg .title-blk .lbl-strip {
display: inline-block;
background: #3F8E77;
color: #fff;
font-size: 15px;
letter-spacing: .12em;
text-transform: uppercase;
padding: 8px 24px;
border-radius: 3px;
margin-bottom: 24px
}

.innov-pg .title-blk .pg-h1 {
font-size: 51px;
line-height: 1.15;
color: #1b3d32;
margin: 0 auto 24px;
max-width: 820px
}

.innov-pg .title-blk .pg-desc {
font-size: 15px;
line-height: 1.65;
color: #3a5a50;
max-width: 580px;
margin: 0 auto 48px
}

.innov-pg .title-blk .act-links {
display: flex;
flex-direction: row;
gap: 24px;
justify-content: center;
flex-wrap: wrap
}

.innov-pg .title-blk .act-link-primary {
display: inline-block;
padding: 16px 48px;
background: linear-gradient(120deg, #3F8E77, #6DAA7C);
color: #fff;
font-size: 15px;
border-radius: 40px;
text-decoration: none;
box-shadow: 0 6px 25px 0 #3f8e771a;
transition: background-position .42s ease-in-out, box-shadow .35s ease-in-out;
background-size: 200% 200%;
background-position: 0 50%
}

.innov-pg .title-blk .act-link-primary:hover {
background-position: 100% 50%;
box-shadow: 0 8px 48px 0 #3f8e771a
}

.innov-pg .title-blk .act-link-secondary {
display: inline-block;
padding: 16px 48px;
background: transparent;
color: #3F8E77;
font-size: 15px;
border-radius: 40px;
text-decoration: none;
border: 2px solid #3F8E77;
transition: background .38s cubic-bezier(0.34, 1.2, 0.64, 1), color .28s ease-in-out
}

.innov-pg .title-blk .act-link-secondary:hover {
background: #EAF3EF;
color: #1b3d32
}

.innov-pg .approach-blk {
padding: 96px 48px;
background: radial-gradient(ellipse at 50% 40%, #fff 30%, #d6ece4 100%);
position: relative
}

.innov-pg .approach-blk .tri-br {
position: absolute;
bottom: 0;
right: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 80px 80px;
border-color: transparent transparent #3F8E77;
opacity: .12;
pointer-events: none
}

.innov-pg .approach-blk .asym-grid {
display: grid;
grid-template-columns: 2fr 3fr;
gap: 48px;
max-width: 1200px;
margin: 0 auto;
align-items: start
}

.innov-pg .approach-blk .aside-col .h-strip {
display: inline-block;
background: #EAF3EF;
padding: 8px 16px;
border-radius: 3px;
margin-bottom: 24px
}

.innov-pg .approach-blk .aside-col .h-strip h2 {
font-size: 37px;
line-height: 1.15;
color: #1b3d32;
margin: 0
}

.innov-pg .approach-blk .aside-col .sub-note {
font-size: 15px;
line-height: 1.65;
color: #3a5a50;
margin-bottom: 24px
}

.innov-pg .approach-blk .aside-col .img-side {
width: 100%;
height: 320px;
object-fit: cover;
object-position: center;
border-radius: 14px;
border: 1px solid #3f8e7726;
box-shadow: 0 6px 25px 0 #3f8e771a;
filter: saturate(0.8);
transition: filter .44s cubic-bezier(0.34, 1.2, 0.64, 1);
display: block
}

.innov-pg .approach-blk .aside-col .img-side:hover {
filter: saturate(1)
}

.innov-pg .approach-blk .detail-col {
display: flex;
flex-direction: column;
gap: 24px
}

.innov-pg .approach-blk .detail-col .pillar-item {
padding: 24px;
background: #fff;
border-radius: 14px;
box-shadow: 0 1px 6px 0 #3f8e770d;
border-top: 3px solid #6DAA7C;
transition: box-shadow .4s cubic-bezier(0.34, 1.2, 0.64, 1), transform .4s cubic-bezier(0.34, 1.2, 0.64, 1);
cursor: default
}

.innov-pg .approach-blk .detail-col .pillar-item:hover {
box-shadow: 0 8px 48px 0 #3f8e771a;
transform: translateY(-4px)
}

.innov-pg .approach-blk .detail-col .pillar-item h4 {
font-size: 15px;
line-height: 1.15;
color: #1b3d32;
margin: 0 0 8px;
text-transform: uppercase;
letter-spacing: .08em
}

.innov-pg .approach-blk .detail-col .pillar-item p {
font-size: 15px;
line-height: 1.65;
color: #3a5a50;
margin: 0
}

.innov-pg .progress-blk {
padding: 96px 48px;
background: #1b3d32;
position: relative
}

.innov-pg .progress-blk .tri-tl {
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 56px 56px 0 0;
border-color: #6DAA7C transparent transparent;
opacity: .22;
pointer-events: none
}

.innov-pg .progress-blk .prog-inner {
max-width: 900px;
margin: 0 auto
}

.innov-pg .progress-blk .h-strip-dk {
display: inline-block;
background: #6daa7c2e;
padding: 8px 16px;
border-radius: 3px;
margin-bottom: 24px
}

.innov-pg .progress-blk .h-strip-dk h2 {
font-size: 37px;
line-height: 1.15;
color: #EAF3EF;
margin: 0;
text-align: center
}

.innov-pg .progress-blk .prog-lead {
font-size: 15px;
line-height: 1.65;
color: #a8c8bc;
text-align: center;
margin-bottom: 48px
}

.innov-pg .progress-blk .prog-steps {
display: flex;
flex-direction: column;
gap: 48px
}

.innov-pg .progress-blk .prog-step {
display: grid;
grid-template-columns: 56px 1fr;
gap: 24px;
align-items: start
}

.innov-pg .progress-blk .step-num {
width: 56px;
height: 56px;
border-radius: 14px;
background: linear-gradient(135deg, #3F8E77, #6DAA7C);
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
font-size: 27px;
line-height: 1.15;
color: #fff;
flex-shrink: 0;
box-shadow: 0 6px 25px 0 #3f8e771a
}

.innov-pg .progress-blk .step-body h4 {
font-size: 15px;
line-height: 1.15;
color: #EAF3EF;
margin: 0 0 8px;
text-transform: uppercase;
letter-spacing: .09em
}

.innov-pg .progress-blk .step-body p {
font-size: 15px;
line-height: 1.65;
color: #a8c8bc;
margin: 0
}

.innov-pg .progress-blk .prog-bar-wrap {
margin-top: 16px;
background: #ffffff14;
border-radius: 40px;
height: 8px;
overflow: hidden
}

.innov-pg .progress-blk .prog-bar-fill {
height: 100%;
border-radius: 40px;
background: linear-gradient(90deg, #3F8E77, #6DAA7C);
box-shadow: inset 0 1px 2px #ffffff26 inset 0 -1px 2px #0000001f;
transition: width .45s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.innov-pg .progress-blk .prog-bar-label {
display: flex;
flex-direction: row;
justify-content: space-between;
margin-top: 8px
}

.innov-pg .progress-blk .prog-bar-label span {
font-size: 15px;
line-height: 1.65;
color: #6DAA7C
}

.innov-pg .progress-blk .expert-note {
margin-top: 48px;
padding: 24px;
background: #3f8e771f;
border-radius: 14px;
display: flex;
flex-direction: row;
gap: 24px;
align-items: center
}

.innov-pg .progress-blk .expert-note .portrait-wrap {
flex-shrink: 0;
width: 80px;
height: 112px;
border-radius: 14px;
overflow: hidden;
border: 1px solid #6daa7c4d;
box-shadow: 0 1px 6px 0 #3f8e770d
}

.innov-pg .progress-blk .expert-note .portrait-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
filter: saturate(0.8);
transition: filter .38s ease-in-out
}

.innov-pg .progress-blk .expert-note .portrait-wrap img:hover {
filter: saturate(1)
}

.innov-pg .progress-blk .expert-note .note-text {
display: flex;
flex-direction: column;
gap: 8px
}

.innov-pg .progress-blk .expert-note .note-text blockquote {
font-size: 15px;
line-height: 1.65;
color: #EAF3EF;
margin: 0;
font-style: italic
}

.innov-pg .progress-blk .expert-note .note-text .attr {
font-size: 15px;
line-height: 1.15;
color: #6DAA7C
}

.innov-pg .tools-blk {
padding: 96px 48px;
background: #fff;
position: relative
}

.innov-pg .tools-blk .tri-bl {
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 72px 0 0 72px;
border-color: transparent transparent transparent #EAF3EF;
opacity: .9;
pointer-events: none
}

.innov-pg .tools-blk .tools-head {
text-align: center;
max-width: 680px;
margin: 0 auto 48px
}

.innov-pg .tools-blk .tools-head .h-strip-lt {
display: inline-block;
background: #EAF3EF;
padding: 8px 16px;
border-radius: 3px;
margin-bottom: 24px
}

.innov-pg .tools-blk .tools-head .h-strip-lt h2 {
font-size: 37px;
line-height: 1.15;
color: #1b3d32;
margin: 0
}

.innov-pg .tools-blk .tools-head p {
font-size: 15px;
line-height: 1.65;
color: #3a5a50;
margin: 0
}

.innov-pg .tools-blk .tools-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
max-width: 1100px;
margin: 0 auto
}

.innov-pg .tools-blk .tool-card {
padding: 24px;
border-radius: 14px;
background: #EAF3EF;
box-shadow: 0 1px 6px 0 #3f8e770d;
transition: transform .35s cubic-bezier(0.34, 1.2, 0.64, 1), box-shadow .42s cubic-bezier(0.34, 1.2, 0.64, 1);
cursor: default
}

.innov-pg .tools-blk .tool-card:hover {
transform: scale(1.04);
box-shadow: 0 8px 48px 0 #3f8e771a
}

.innov-pg .tools-blk .tool-card.featured {
background: linear-gradient(140deg, #3F8E77 0%, #6DAA7C 100%)
}

.innov-pg .tools-blk .tool-card.featured h4,
.innov-pg .tools-blk .tool-card.featured p {
color: #fff
}

.innov-pg .tools-blk .tool-card.tall {
padding: 48px 24px
}

.innov-pg .tools-blk .tool-card .icon-shape {
width: 40px;
height: 40px;
margin-bottom: 16px
}

.innov-pg .tools-blk .tool-card h4 {
font-size: 15px;
line-height: 1.15;
color: #1b3d32;
margin: 0 0 8px;
text-transform: uppercase;
letter-spacing: .08em
}

.innov-pg .tools-blk .tool-card p {
font-size: 15px;
line-height: 1.65;
color: #3a5a50;
margin: 0
}

.innov-pg .tools-blk .img-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px;
max-width: 1100px;
margin: 48px auto 0
}

.innov-pg .tools-blk .img-row .img-frame {
border-radius: 14px;
overflow: hidden;
border: 1px solid #3f8e7724;
box-shadow: 0 6px 25px 0 #3f8e771a
}

.innov-pg .tools-blk .img-row .img-frame img {
width: 100%;
height: 220px;
object-fit: cover;
object-position: center;
display: block;
filter: saturate(0.78);
transition: filter .44s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.innov-pg .tools-blk .img-row .img-frame img:hover {
filter: saturate(1)
}

@media (max-width: 900px) {
.innov-pg .approach-blk .asym-grid {
grid-template-columns: 1fr
}

.innov-pg .tools-blk .tools-grid {
grid-template-columns: 1fr 1fr
}

.innov-pg .tools-blk .img-row {
grid-template-columns: 1fr
}

.innov-pg .title-blk .pg-h1 {
font-size: 37px
}
}

@media (max-width: 600px) {

.innov-pg .title-blk,
.innov-pg .approach-blk,
.innov-pg .progress-blk,
.innov-pg .tools-blk {
padding: 48px 16px
}

.innov-pg .tools-blk .tools-grid {
grid-template-columns: 1fr
}

.innov-pg .progress-blk .expert-note {
flex-direction: column
}

.innov-pg .title-blk .pg-h1 {
font-size: 27px
}

.innov-pg .dot-divider {
margin: 0 16px
}
}

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

.why-pg .split-panel {
display: grid;
grid-template-columns: 1fr 1fr;
min-height: 88vh;
max-width: 1500px;
margin: 0 auto
}

.why-pg .split-panel .txt-zone {
padding: 96px 48px 96px 96px;
display: flex;
flex-direction: column;
justify-content: center;
position: relative
}

.why-pg .split-panel .txt-zone::after {
content: '';
position: absolute;
right: 0;
top: 10%;
height: 80%;
width: 1px;
background: linear-gradient(to bottom, transparent, #3F8E77 30%, #6DAA7C 70%, transparent)
}

.why-pg .split-panel .img-zone {
position: relative;
overflow: hidden
}

.why-pg .split-panel .img-zone img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
border: 1px solid #3f8e771f;
box-shadow: inset 0 0 80px 20px #00000052
}

.why-pg .split-panel .img-zone::before {
content: '';
position: absolute;
inset: 0;
background: radial-gradient(ellipse at 70% 50%, transparent 40%, #14281e61 100%);
z-index: 1;
pointer-events: none
}

.why-pg .split-panel .img-zone::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(160deg, #3f8e7714 0%, transparent 60%);
z-index: 2;
pointer-events: none
}

.why-pg .eyebrow {
font-size: 15px;
letter-spacing: .14em;
text-transform: uppercase;
color: #3F8E77;
margin-bottom: 24px;
font-weight: 600
}

.why-pg .split-panel .strip-head {
display: inline-block;
background: #EAF3EF;
padding: 8px 16px;
border-radius: 3px;
font-size: 51px;
line-height: 1.15;
font-weight: 800;
color: #1b2e28;
margin-bottom: 24px
}

.why-pg .split-panel .lead-para {
font-size: 15px;
line-height: 1.65;
color: #2c3e38;
max-width: 480px;
margin-bottom: 48px
}

.why-pg .stat-row {
display: flex;
flex-direction: row;
gap: 48px;
margin-bottom: 48px
}

.why-pg .stat-item {
display: flex;
flex-direction: column;
gap: 8px
}

.why-pg .stat-num {
font-size: 37px;
line-height: 1.15;
font-weight: 800;
color: #3F8E77;
position: relative;
display: inline-flex;
align-items: center;
justify-content: center
}

.why-pg .ring-wrap {
position: relative;
width: 72px;
height: 72px;
margin-bottom: 8px
}

.why-pg .ring-wrap svg {
position: absolute;
inset: 0;
width: 100%;
height: 100%
}

.why-pg .ring-inner-val {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
font-size: 15px;
font-weight: 800;
color: #1b2e28;
line-height: 1.15
}

.why-pg .stat-label {
font-size: 15px;
line-height: 1.65;
color: #4a6058
}

.why-pg .pill-link {
display: inline-block;
background: linear-gradient(135deg, #3F8E77 0%, #6DAA7C 100%);
color: #fff;
font-size: 15px;
font-weight: 700;
padding: 16px 48px;
border-radius: 40px;
text-decoration: none;
box-shadow: 0 6px 25px 0 #3f8e771a;
transition: background .38s cubic-bezier(0.34, 1.2, 0.64, 1), box-shadow .42s ease-in-out, transform .35s cubic-bezier(0.34, 1.2, 0.64, 1);
align-self: flex-start
}

.why-pg .pill-link:hover {
background: linear-gradient(220deg, #6DAA7C 0%, #3F8E77 100%);
box-shadow: 0 8px 48px 0 #3f8e771a;
transform: translateY(-2px)
}

.why-pg .pill-link:focus-visible {
outline: 2px solid #3F8E77;
outline-offset: 4px
}

.why-pg .matrix-section {
background: #EAF3EF;
padding: 96px 0;
position: relative
}

.why-pg .matrix-section::before {
content: '';
position: absolute;
inset: 0;
background-image: repeating-linear-gradient(120deg, transparent 0px, transparent 28px, #3f8e770b 28px, #3f8e770b 30px);
pointer-events: none
}

.why-pg .matrix-inner {
max-width: 1500px;
margin: 0 auto;
padding: 0 96px
}

.why-pg .matrix-head-row {
display: flex;
flex-direction: row;
align-items: flex-end;
gap: 48px;
margin-bottom: 48px
}

.why-pg .matrix-head-row .mh-text {
flex: 1
}

.why-pg .matrix-head-row .mh-text .strip-head2 {
display: inline-block;
background: #fff;
padding: 8px 16px;
border-radius: 3px;
font-size: 37px;
line-height: 1.15;
font-weight: 800;
color: #1b2e28;
margin-bottom: 16px
}

.why-pg .matrix-head-row .mh-text p {
font-size: 15px;
line-height: 1.65;
color: #2c3e38;
max-width: 440px
}

.why-pg .matrix-head-row .mh-aside {
flex: 0 0 auto;
display: flex;
flex-direction: column;
gap: 8px;
align-items: flex-end
}

.why-pg .news-ref {
font-size: 15px;
color: #3F8E77;
text-decoration: none;
font-weight: 600;
opacity: 1;
transition: opacity .32s ease-in-out;
border-bottom: 1px solid #3f8e774d;
padding-bottom: 2px
}

.why-pg .news-ref:hover {
opacity: .65
}

.why-pg .comp-matrix {
width: 100%;
border-collapse: separate;
border-spacing: 0;
border-radius: 14px;
overflow: hidden;
box-shadow: 0 6px 25px 0 #3f8e771a
}

.why-pg .comp-matrix thead tr {
background: #3F8E77
}

.why-pg .comp-matrix thead th {
padding: 16px 24px;
font-size: 15px;
font-weight: 700;
color: #fff;
text-align: left;
line-height: 1.65
}

.why-pg .comp-matrix thead th:not(:first-child) {
text-align: center
}

.why-pg .comp-matrix tbody tr {
background: #fff;
transition: background .35s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.why-pg .comp-matrix tbody tr:nth-child(even) {
background: #f5faf7
}

.why-pg .comp-matrix tbody tr:hover {
background: #e0f0e8
}

.why-pg .comp-matrix tbody td {
padding: 16px 24px;
font-size: 15px;
line-height: 1.65;
color: #1b2e28;
border-bottom: 1px solid #3f8e7714
}

.why-pg .comp-matrix tbody td:not(:first-child) {
text-align: center
}

.why-pg .comp-matrix tbody tr:last-child td {
border-bottom: none
}

.why-pg .check-yes {
display: inline-block;
width: 22px;
height: 22px;
border-radius: 40px;
background: #3F8E77;
position: relative
}

.why-pg .check-yes::after {
content: '';
position: absolute;
left: 6px;
top: 5px;
width: 5px;
height: 9px;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
transform: rotate(40deg)
}

.why-pg .check-no {
display: inline-block;
width: 22px;
height: 22px;
border-radius: 40px;
background: #d9e8e3;
position: relative
}

.why-pg .check-no::after {
content: '';
position: absolute;
left: 50%;
top: 50%;
width: 10px;
height: 2px;
background: #7a9e94;
transform: translate(-50%, -50%)
}

.why-pg .check-part {
display: inline-block;
width: 22px;
height: 22px;
border-radius: 40px;
background: #b8d9cc;
position: relative
}

.why-pg .check-part::after {
content: '';
position: absolute;
left: 50%;
top: 50%;
width: 10px;
height: 2px;
background: #3F8E77;
transform: translate(-50%, -50%)
}

.why-pg .check-part::before {
content: '';
position: absolute;
left: 50%;
top: 50%;
width: 2px;
height: 10px;
background: #3F8E77;
transform: translate(-50%, -50%)
}

.why-pg .expert-strip {
max-width: 1500px;
margin: 48px auto 0;
padding: 0 96px;
display: flex;
flex-direction: row;
gap: 48px;
align-items: stretch
}

.why-pg .expert-card {
flex: 1;
background: #fff;
border-radius: 14px;
padding: 24px;
display: flex;
flex-direction: row;
gap: 24px;
align-items: flex-start;
box-shadow: 0 1px 6px 0 #3f8e770d;
position: relative;
overflow: hidden;
transition: box-shadow .42s ease-in-out, transform .38s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.why-pg .expert-card::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 0;
background: linear-gradient(to top, #3f8e770f 0%, transparent 100%);
transition: height .4s cubic-bezier(0.34, 1.2, 0.64, 1);
pointer-events: none
}

.why-pg .expert-card:hover::before {
height: 100%
}

.why-pg .expert-card:hover {
box-shadow: 0 8px 48px 0 #3f8e771a;
transform: translateY(-3px)
}

.why-pg .expert-portrait {
width: 80px;
height: 112px;
border-radius: 14px;
overflow: hidden;
flex-shrink: 0;
border: 1px solid #3f8e7726;
box-shadow: 0 1px 6px 0 #3f8e770d
}

.why-pg .expert-portrait img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block
}

.why-pg .expert-info {
display: flex;
flex-direction: column;
gap: 8px
}

.why-pg .expert-name {
font-size: 15px;
font-weight: 800;
color: #1b2e28;
line-height: 1.15
}

.why-pg .expert-role {
font-size: 15px;
color: #3F8E77;
font-weight: 600;
line-height: 1.15
}

.why-pg .expert-quote {
font-size: 15px;
line-height: 1.65;
color: #4a6058
}

@keyframes fadeRise {
from {
opacity: 0;
transform: translateY(24px)
}

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

.why-pg .split-panel .txt-zone>* {
opacity: 0;
animation: fadeRise .45s cubic-bezier(0.34, 1.2, 0.64, 1) forwards
}

.why-pg .split-panel .txt-zone .eyebrow {
animation-delay: .08s
}

.why-pg .split-panel .txt-zone .strip-head {
animation-delay: .18s
}

.why-pg .split-panel .txt-zone .lead-para {
animation-delay: .28s
}

.why-pg .split-panel .txt-zone .stat-row {
animation-delay: .36s
}

.why-pg .split-panel .txt-zone .pill-link {
animation-delay: .44s
}

@media (max-width: 1100px) {
.why-pg .split-panel {
grid-template-columns: 1fr
}

.why-pg .split-panel .img-zone {
height: 400px;
order: -1
}

.why-pg .split-panel .txt-zone {
padding: 48px 24px
}

.why-pg .split-panel .txt-zone::after {
display: none
}

.why-pg .matrix-inner {
padding: 0 24px
}

.why-pg .expert-strip {
flex-direction: column;
padding: 0 24px
}

.why-pg .matrix-head-row {
flex-direction: column;
gap: 24px
}

.why-pg .matrix-head-row .mh-aside {
align-items: flex-start
}
}

@media (max-width: 720px) {
.why-pg .split-panel .strip-head {
font-size: 37px
}

.why-pg .stat-row {
flex-wrap: wrap;
gap: 24px
}

.why-pg .comp-matrix thead th,
.why-pg .comp-matrix tbody td {
padding: 8px 16px;
font-size: 15px
}

.why-pg .matrix-section {
padding: 48px 0
}
}

.prtl {
background: #fff;
overflow-x: clip;
container-type: inline-size
}

.prtl .col-reveal {
opacity: 0;
transform: translateY(32px);
animation: colAppear .42s cubic-bezier(0.34, 1.2, 0.64, 1) forwards
}

.prtl .col-reveal:nth-child(1) {
animation-delay: .08s
}

.prtl .col-reveal:nth-child(2) {
animation-delay: .22s
}

.prtl .col-reveal:nth-child(3) {
animation-delay: .36s
}

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

.prtl ::selection {
background: #3F8E77;
color: #fff
}

.prtl input::placeholder,
.prtl textarea::placeholder {
color: #3f8e7773
}

.prtl .pg-max {
max-width: 1500px;
margin-left: auto;
margin-right: auto;
padding-left: 48px;
padding-right: 48px
}

.prtl .strip-label {
display: inline-block;
background: #EAF3EF;
color: #3F8E77;
font-size: 15px;
font-weight: 700;
letter-spacing: .12em;
text-transform: uppercase;
padding: 8px 16px;
border-radius: 3px
}

.prtl .sec-head {
display: inline-block;
background: #EAF3EF;
padding: 8px 16px;
border-radius: 3px;
font-size: 37px;
line-height: 1.15;
color: #1b3d33;
font-weight: 700
}

.prtl .body-p {
font-size: 15px;
line-height: 1.65;
color: #2a3d38
}

.prtl .body-p-light {
font-size: 15px;
line-height: 1.65;
color: #4a6360
}

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

.prtl .title-blk .atm-spot {
position: absolute;
border-radius: 40px;
filter: blur(64px);
pointer-events: none;
z-index: 0
}

.prtl .title-blk .atm-spot.a1 {
width: 420px;
height: 280px;
background: #3f8e771f;
top: 0;
left: -80px
}

.prtl .title-blk .atm-spot.a2 {
width: 320px;
height: 200px;
background: #6daa7c17;
bottom: 0;
right: 10%
}

.prtl .title-blk .tb-inner {
position: relative;
z-index: 1;
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 48px
}

.prtl .title-blk .tb-text {
flex: 1 1 55%;
display: flex;
flex-direction: column;
gap: 24px
}

.prtl .title-blk .tb-img-col {
flex: 0 0 38%;
display: flex;
flex-direction: column;
gap: 16px;
align-items: flex-end
}

.prtl .title-blk h1 {
font-size: 68px;
line-height: 1.15;
color: #1b3d33;
font-weight: 800;
margin: 0
}

.prtl .title-blk h1 .line-mid {
font-size: 51px;
display: block;
color: #3F8E77
}

.prtl .title-blk h1 .line-top {
font-size: 37px;
display: block;
color: #4a6360;
font-weight: 600
}

.prtl .title-blk .tb-desc {
font-size: 15px;
line-height: 1.65;
color: #2a3d38;
max-width: 520px
}

.prtl .title-blk .tb-cta {
display: inline-flex;
align-items: center;
gap: 8px;
background: linear-gradient(120deg, #3F8E77 0%, #6DAA7C 100%);
color: #fff;
font-size: 15px;
font-weight: 700;
padding: 16px 48px;
border-radius: 40px;
border: none;
cursor: pointer;
text-decoration: none;
transition: background-position .38s cubic-bezier(0.34, 1.2, 0.64, 1), box-shadow .38s ease-in-out;
background-size: 200% 100%;
background-position: 0 50%;
box-shadow: 0 6px 25px 0 #3f8e771a;
align-self: flex-start
}

.prtl .title-blk .tb-cta:hover {
background-position: 100% 50%;
box-shadow: 0 8px 48px 0 #3f8e771a
}

.prtl .title-blk .tb-img-frame {
position: relative;
width: 100%;
max-width: 420px
}

.prtl .title-blk .tb-img-frame img {
width: 100%;
height: 340px;
object-fit: cover;
object-position: center;
display: block;
border-radius: 3px;
filter: grayscale(100%) contrast(1.1);
border: 1px solid #3f8e772e
}

.prtl .title-blk .tb-img-frame .corner-dec {
position: absolute;
width: 28px;
height: 28px;
pointer-events: none
}

.prtl .title-blk .tb-img-frame .corner-dec.tl {
top: -8px;
left: -8px;
border-top: 2px solid #3F8E77;
border-left: 2px solid #3F8E77
}

.prtl .title-blk .tb-img-frame .corner-dec.br {
bottom: -8px;
right: -8px;
border-bottom: 2px solid #3F8E77;
border-right: 2px solid #3F8E77
}

.prtl .title-blk .tb-badge {
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
background: #EAF3EF;
border-radius: 14px;
padding: 16px;
max-width: 420px;
width: 100%;
box-shadow: 0 1px 6px 0 #3f8e770d
}

.prtl .title-blk .tb-badge .badge-num {
font-size: 37px;
font-weight: 800;
color: #3F8E77;
line-height: 1.15
}

.prtl .title-blk .tb-badge .badge-desc {
font-size: 15px;
line-height: 1.65;
color: #2a3d38
}

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

.prtl .approach-sec .appr-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 48px;
align-items: start
}

.prtl .approach-sec .appr-left {
display: flex;
flex-direction: column;
gap: 24px
}

.prtl .approach-sec .appr-right {
display: flex;
flex-direction: column;
gap: 24px;
padding-top: 48px
}

.prtl .approach-sec .appr-item {
display: flex;
flex-direction: row;
gap: 16px;
align-items: flex-start;
padding: 16px;
background: #fff;
border-radius: 14px;
box-shadow: 0 1px 6px 0 #3f8e770d;
transition: box-shadow .42s cubic-bezier(0.34, 1.2, 0.64, 1), transform .42s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.prtl .approach-sec .appr-item:hover {
box-shadow: 0 6px 25px 0 #3f8e771a;
transform: translateY(-3px)
}

.prtl .approach-sec .appr-icon {
flex-shrink: 0;
width: 48px;
height: 48px;
border: 1.5px solid #3F8E77;
border-radius: 14px;
display: flex;
align-items: center;
justify-content: center
}

.prtl .approach-sec .appr-icon svg {
width: 22px;
height: 22px;
stroke: #3F8E77;
fill: none;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round
}

.prtl .approach-sec .appr-item-text h5 {
font-size: 15px;
font-weight: 700;
color: #1b3d33;
margin: 0 0 8px;
line-height: 1.15
}

.prtl .approach-sec .appr-item-text p {
font-size: 15px;
line-height: 1.65;
color: #4a6360;
margin: 0
}

.prtl .approach-sec .appr-img {
width: 100%;
height: 260px;
object-fit: cover;
object-position: center;
border-radius: 14px;
border: 1px solid #3f8e7726;
display: block
}

.prtl .metrics-sec {
background: #1b3d33;
padding-top: 96px;
padding-bottom: 96px;
position: relative;
overflow: hidden
}

.prtl .metrics-sec .met-bg {
position: absolute;
inset: 0;
background: radial-gradient(ellipse at 30% 50%, #3f8e7738 0%, transparent 70%);
pointer-events: none
}

.prtl .metrics-sec .met-inner {
display: flex;
flex-direction: column;
gap: 48px;
position: relative;
z-index: 1
}

.prtl .metrics-sec .met-head {
display: inline-block;
background: #3f8e7738;
padding: 8px 16px;
border-radius: 3px;
font-size: 37px;
line-height: 1.15;
color: #EAF3EF;
font-weight: 700;
text-align: center
}

.prtl .metrics-sec .met-sub {
font-size: 15px;
line-height: 1.65;
color: #eaf3efbf;
text-align: center;
max-width: 600px;
margin: 0 auto
}

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

.prtl .metrics-sec .met-card {
background: #ffffff0f;
border: 1px solid #eaf3ef1f;
border-radius: 14px;
padding: 24px;
display: flex;
flex-direction: column;
gap: 8px;
position: relative;
transition: background .38s ease-in-out, border-color .38s ease-in-out
}

.prtl .metrics-sec .met-card:hover {
background: #3f8e772e;
border-color: #3f8e7766
}

.prtl .metrics-sec .met-card::before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 0;
height: 3px;
background: linear-gradient(90deg, #3F8E77, #6DAA7C);
border-radius: 3px 3px 0 0;
transition: width .44s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.prtl .metrics-sec .met-card:hover::before {
width: 100%
}

.prtl .metrics-sec .met-num {
font-size: 51px;
font-weight: 800;
color: #6DAA7C;
line-height: 1.15
}

.prtl .metrics-sec .met-label {
font-size: 15px;
line-height: 1.65;
color: #eaf3efcc
}

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

.prtl .conditions-sec .cond-layout {
display: grid;
grid-template-columns: 5fr 7fr;
gap: 48px;
align-items: start
}

.prtl .conditions-sec .cond-img-wrap {
position: relative
}

.prtl .conditions-sec .cond-img {
width: 100%;
height: 400px;
object-fit: cover;
object-position: center;
border-radius: 14px;
border: 1px solid #3f8e7726;
display: block
}

.prtl .conditions-sec .cond-img-badge {
position: absolute;
bottom: -24px;
right: -24px;
background: #3F8E77;
color: #fff;
border-radius: 14px;
padding: 16px;
font-size: 15px;
line-height: 1.65;
font-weight: 600;
max-width: 180px;
box-shadow: 0 6px 25px 0 #3f8e771a
}

.prtl .conditions-sec .cond-right {
display: flex;
flex-direction: column;
gap: 24px
}

.prtl .conditions-sec .cond-list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 16px
}

.prtl .conditions-sec .cond-list li {
padding: 16px 16px 16px 24px;
border-left: none;
position: relative;
font-size: 15px;
line-height: 1.65;
color: #2a3d38;
background: #EAF3EF;
border-radius: 3px;
transition: background .35s ease-in-out
}

.prtl .conditions-sec .cond-list li::before {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 4px;
background: #3F8E77;
border-radius: 3px 0 0 3px
}

.prtl .conditions-sec .cond-list li:hover {
background: #3f8e771f
}

.prtl .conditions-sec .cond-list li strong {
color: #1b3d33
}

.prtl .fit-sec {
background: linear-gradient(160deg, #EAF3EF 0%, #eaf3ef4d 100%);
padding-top: 96px;
padding-bottom: 96px
}

.prtl .fit-sec .fit-inner {
display: flex;
flex-direction: column;
gap: 48px
}

.prtl .fit-sec .fit-head-row {
display: flex;
flex-direction: column;
gap: 16px;
align-items: center;
text-align: center
}

.prtl .fit-sec .fit-cols {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 48px
}

.prtl .fit-sec .fit-col {
display: flex;
flex-direction: column;
gap: 16px
}

.prtl .fit-sec .fit-col-label {
font-size: 15px;
font-weight: 700;
letter-spacing: .1em;
text-transform: uppercase;
color: #3F8E77
}

.prtl .fit-sec .fit-col.not .fit-col-label {
color: #8a9e9a
}

.prtl .fit-sec .fit-entry {
padding: 16px;
background: #fff;
border-radius: 14px;
font-size: 15px;
line-height: 1.65;
color: #2a3d38;
box-shadow: 0 1px 6px 0 #3f8e770d;
transition: box-shadow .4s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.prtl .fit-sec .fit-entry:hover {
box-shadow: 0 6px 25px 0 #3f8e771a
}

.prtl .fit-sec .fit-col.not .fit-entry {
background: #fff9;
color: #6a8480
}

.prtl .fit-sec .fit-profiles {
display: flex;
flex-direction: row;
gap: 24px;
align-items: flex-start
}

.prtl .fit-sec .fit-profile {
display: flex;
flex-direction: row;
gap: 16px;
align-items: center;
background: #fff;
border-radius: 14px;
padding: 16px;
box-shadow: 0 1px 6px 0 #3f8e770d;
flex: 1 1 0
}

.prtl .fit-sec .fit-portrait {
width: 64px;
height: 80px;
object-fit: cover;
object-position: center;
display: block;
flex-shrink: 0;
border: 1px solid #3f8e7726
}

.prtl .fit-sec .fit-profile-text {
display: flex;
flex-direction: column;
gap: 8px
}

.prtl .fit-sec .fit-profile-name {
font-size: 15px;
font-weight: 700;
color: #1b3d33;
line-height: 1.15
}

.prtl .fit-sec .fit-profile-role {
font-size: 15px;
line-height: 1.65;
color: #4a6360
}

.prtl .current-sec {
background: #fff;
padding-top: 96px;
padding-bottom: 96px;
position: relative
}

.prtl .current-sec .cur-layout {
display: grid;
grid-template-columns: 7fr 5fr;
gap: 48px;
align-items: start
}

.prtl .current-sec .cur-left {
display: flex;
flex-direction: column;
gap: 24px
}

.prtl .current-sec .cur-right {
display: flex;
flex-direction: column;
gap: 24px;
padding-top: 48px
}

.prtl .current-sec .cur-tag-row {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 8px
}

.prtl .current-sec .cur-tag {
display: inline-block;
padding: 8px 16px;
border: 1.5px solid #3F8E77;
border-radius: 40px;
font-size: 15px;
color: #3F8E77;
font-weight: 600;
transition: background .35s ease-in-out, color .35s ease-in-out
}

.prtl .current-sec .cur-tag:hover {
background: #3F8E77;
color: #fff
}

.prtl .current-sec .cur-stat {
background: #EAF3EF;
border-radius: 14px;
padding: 24px;
display: flex;
flex-direction: column;
gap: 8px;
box-shadow: 0 1px 6px 0 #3f8e770d
}

.prtl .current-sec .cur-stat-num {
font-size: 51px;
font-weight: 800;
color: #3F8E77;
line-height: 1.15
}

.prtl .current-sec .cur-stat-label {
font-size: 15px;
line-height: 1.65;
color: #2a3d38
}

.prtl .offers-sec {
background: #EAF3EF;
padding-top: 96px;
padding-bottom: 96px
}

.prtl .offers-sec .off-inner {
display: flex;
flex-direction: column;
gap: 48px
}

.prtl .offers-sec .off-head-row {
display: flex;
flex-direction: column;
gap: 16px
}

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

.prtl .offers-sec .off-card {
background: #fff;
border-radius: 14px;
padding: 24px;
display: flex;
flex-direction: column;
gap: 16px;
box-shadow: 0 1px 6px 0 #3f8e770d;
position: relative;
overflow: hidden;
transition: box-shadow .44s cubic-bezier(0.34, 1.2, 0.64, 1), transform .44s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.prtl .offers-sec .off-card:hover {
box-shadow: 0 8px 48px 0 #3f8e771a;
transform: translateY(-4px)
}

.prtl .offers-sec .off-card .edge-strip {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 0;
background: linear-gradient(90deg, #3F8E77, #6DAA7C);
border-radius: 14px 14px 0 0;
transition: height .38s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.prtl .offers-sec .off-card:hover .edge-strip {
height: 4px
}

.prtl .offers-sec .off-card-icon {
width: 48px;
height: 48px;
border: 1.5px solid #3f8e7759;
border-radius: 14px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0
}

.prtl .offers-sec .off-card-icon svg {
width: 22px;
height: 22px;
stroke: #3F8E77;
fill: none;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round
}

.prtl .offers-sec .off-card h5 {
font-size: 15px;
font-weight: 700;
color: #1b3d33;
margin: 0;
line-height: 1.15
}

.prtl .offers-sec .off-card p {
font-size: 15px;
line-height: 1.65;
color: #4a6360;
margin: 0
}

.prtl .offers-sec .off-card .off-link {
font-size: 15px;
font-weight: 700;
color: #3F8E77;
text-decoration: none;
display: inline-flex;
align-items: center;
gap: 8px;
margin-top: auto;
transition: opacity .32s ease-in-out
}

.prtl .offers-sec .off-card .off-link:hover {
opacity: .7
}

.prtl .offers-sec .off-card .off-link svg {
width: 14px;
height: 14px;
stroke: #3F8E77;
fill: none;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round
}

@container (max-width: 960px) {
.prtl .title-blk .tb-inner {
flex-direction: column
}

.prtl .title-blk .tb-img-col {
flex: none;
width: 100%;
align-items: flex-start
}

.prtl .title-blk h1 {
font-size: 51px
}

.prtl .approach-sec .appr-grid {
grid-template-columns: 1fr
}

.prtl .approach-sec .appr-right {
padding-top: 0
}

.prtl .metrics-sec .met-grid {
grid-template-columns: 1fr 1fr
}

.prtl .conditions-sec .cond-layout {
grid-template-columns: 1fr
}

.prtl .conditions-sec .cond-img-badge {
position: static;
margin-top: 16px
}

.prtl .fit-sec .fit-cols {
grid-template-columns: 1fr
}

.prtl .fit-sec .fit-profiles {
flex-direction: column
}

.prtl .current-sec .cur-layout {
grid-template-columns: 1fr
}

.prtl .current-sec .cur-right {
padding-top: 0
}

.prtl .offers-sec .off-grid {
grid-template-columns: 1fr 1fr
}
}

@container (max-width: 600px) {
.prtl .pg-max {
padding-left: 24px;
padding-right: 24px
}

.prtl .title-blk h1 {
font-size: 37px
}

.prtl .title-blk h1 .line-mid {
font-size: 37px
}

.prtl .title-blk h1 .line-top {
font-size: 27px
}

.prtl .sec-head {
font-size: 27px
}

.prtl .metrics-sec .met-grid {
grid-template-columns: 1fr
}

.prtl .metrics-sec .met-num {
font-size: 37px
}

.prtl .offers-sec .off-grid {
grid-template-columns: 1fr
}

.prtl .title-blk {
padding-top: 48px
}

.prtl .metrics-sec,
.prtl .approach-sec,
.prtl .conditions-sec,
.prtl .fit-sec,
.prtl .current-sec,
.prtl .offers-sec {
padding-top: 48px;
padding-bottom: 48px
}
}

.abt-us {
overflow-x: hidden
}

.abt-us .pg-about {
max-width: 1500px;
margin: 0 auto;
padding: 0 24px
}

.abt-us .anm-zoom {
animation: zoomSettle .85s cubic-bezier(0.34, 1.2, 0.64, 1) both
}

@keyframes zoomSettle {
from {
transform: scale(1.08);
opacity: .7
}

to {
transform: scale(1);
opacity: 1
}
}

.abt-us ::selection {
background: #3F8E77;
color: #fff
}

.abt-us ::-moz-selection {
background: #3F8E77;
color: #fff
}

.abt-us .title-blk {
background: #fff;
position: relative;
padding: 96px 0 48px
}

.abt-us .title-blk .cross-bg {
position: absolute;
inset: 0;
pointer-events: none;
overflow: hidden;
background-image: linear-gradient(#3f8e770f 1px, transparent 1px), linear-gradient(90deg, #3f8e770f 1px, transparent 1px);
background-size: 36px 36px
}

.abt-us .title-blk .cross-bg::after {
content: '';
position: absolute;
inset: 0;
background-image: radial-gradient(circle at 12px 12px, #3f8e7717 1.5px, transparent 1.5px);
background-size: 36px 36px
}

.abt-us .title-blk .tb-grid {
max-width: 1500px;
margin: 0 auto;
padding: 0 24px;
display: grid;
grid-template-columns: 1fr 1.45fr;
gap: 48px;
align-items: center
}

.abt-us .title-blk .tb-text {
display: flex;
flex-direction: column;
gap: 24px
}

.abt-us .title-blk .label-pill {
display: inline-flex;
align-items: center;
gap: 8px;
background: #EAF3EF;
color: #3F8E77;
font-size: 15px;
font-weight: 600;
padding: 8px 16px;
border-radius: 40px;
letter-spacing: .04em;
text-transform: uppercase;
width: fit-content;
box-shadow: 0 1px 6px 0 #3f8e770d
}

.abt-us .title-blk .tb-h1 {
font-size: 68px;
line-height: 1.15;
color: #1b2e27;
margin: 0;
font-weight: 800;
letter-spacing: -.01em
}

.abt-us .title-blk .tb-h1 span {
display: inline-block;
background: linear-gradient(135deg, #3F8E77, #6DAA7C);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text
}

.abt-us .title-blk .tb-sub {
font-size: 15px;
line-height: 1.65;
color: #3a4a44;
max-width: 420px;
margin: 0
}

.abt-us .title-blk .tb-stats {
display: flex;
flex-direction: row;
gap: 24px;
margin-top: 8px
}

.abt-us .title-blk .stat-item {
display: flex;
flex-direction: column;
gap: 8px
}

.abt-us .title-blk .stat-num {
font-size: 37px;
line-height: 1.15;
font-weight: 800;
color: #3F8E77
}

.abt-us .title-blk .stat-lbl {
font-size: 15px;
line-height: 1.65;
color: #5a706a
}

.abt-us .title-blk .tb-img-col {
position: relative;
display: flex;
justify-content: flex-end;
align-items: center
}

.abt-us .title-blk .img-frame {
position: relative;
border-radius: 14px;
overflow: hidden;
box-shadow: 0 8px 48px 0 #3f8e771a;
border: 1.5px solid #3f8e7721;
width: 100%;
max-width: 620px
}

.abt-us .title-blk .img-frame img {
width: 100%;
height: 420px;
object-fit: cover;
object-position: center;
display: block;
transition: transform .45s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.abt-us .title-blk .img-frame:hover img {
transform: scale(1.04)
}

.abt-us .title-blk .img-glow {
position: absolute;
inset: 0;
background: linear-gradient(160deg, #ffffff2e 0%, transparent 60%);
pointer-events: none;
border-radius: 14px
}

.abt-us .title-blk .curve-line {
position: absolute;
left: -48px;
top: 50%;
transform: translateY(-50%);
width: 48px;
height: 120px;
pointer-events: none
}

.abt-us .title-blk .curve-line path {
fill: none;
stroke: #6DAA7C;
stroke-width: 1.5;
stroke-dasharray: 4 4;
opacity: .55
}

.abt-us .scallop-div {
width: 100%;
line-height: 0;
overflow: hidden
}

.abt-us .scallop-div svg {
display: block;
width: 100%
}

.abt-us .story-blk {
background: linear-gradient(0deg, #fff 0%, #1b2e27 100%);
padding: 96px 0;
position: relative
}

.abt-us .story-blk .pg-about {
display: grid;
grid-template-columns: 1.1fr 0.9fr;
gap: 48px;
align-items: start
}

.abt-us .story-blk .story-left {
display: flex;
flex-direction: column;
gap: 48px
}

.abt-us .story-blk .sec-label {
font-size: 15px;
font-weight: 700;
letter-spacing: .08em;
text-transform: uppercase;
color: #6DAA7C
}

.abt-us .story-blk .sec-h2 {
font-size: 51px;
line-height: 1.15;
color: #fff;
margin: 0;
font-weight: 800
}

.abt-us .story-blk .hl-strip {
display: inline;
background: #3f8e7740;
padding: 0 8px;
border-radius: 3px
}

.abt-us .story-blk .story-body {
display: flex;
flex-direction: column;
gap: 24px
}

.abt-us .story-blk .story-body p {
font-size: 15px;
line-height: 1.65;
color: #d4e8e1;
margin: 0
}

.abt-us .story-blk .steps-block {
display: flex;
flex-direction: column;
gap: 0;
position: relative
}

.abt-us .story-blk .steps-line {
position: absolute;
left: 20px;
top: 24px;
bottom: 24px;
width: 2px;
background: linear-gradient(180deg, #3F8E77 0%, #3f8e771a 100%);
border-radius: 3px
}

.abt-us .story-blk .step-item {
display: flex;
flex-direction: row;
gap: 16px;
align-items: flex-start;
padding: 16px 0;
position: relative
}

.abt-us .story-blk .step-num-circle {
flex-shrink: 0;
width: 40px;
height: 40px;
border-radius: 40px;
background: #3F8E77;
display: flex;
align-items: center;
justify-content: center;
font-size: 15px;
font-weight: 800;
color: #fff;
box-shadow: 0 6px 25px 0 #3f8e771a;
position: relative;
z-index: 1;
transition: background .38s cubic-bezier(0.34, 1.2, 0.64, 1), box-shadow .38s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.abt-us .story-blk .step-item:hover .step-num-circle {
background: #6DAA7C;
box-shadow: 0 8px 48px 0 #3f8e771a
}

.abt-us .story-blk .step-icon {
width: 22px;
height: 22px;
display: flex;
align-items: center;
justify-content: center
}

.abt-us .story-blk .step-icon svg {
width: 18px;
height: 18px;
fill: none;
stroke: #fff;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round
}

.abt-us .story-blk .step-content {
display: flex;
flex-direction: column;
gap: 8px;
padding-top: 8px
}

.abt-us .story-blk .step-content h5 {
font-size: 15px;
line-height: 1.15;
color: #fff;
font-weight: 700;
margin: 0
}

.abt-us .story-blk .step-content p {
font-size: 15px;
line-height: 1.65;
color: #b0cec5;
margin: 0
}

.abt-us .story-blk .story-right {
display: flex;
flex-direction: column;
gap: 48px;
position: sticky;
top: 48px
}

.abt-us .story-blk .img2-frame {
border-radius: 14px;
overflow: hidden;
border: 1.5px solid #6daa7c2e;
box-shadow: 0 6px 25px 0 #3f8e771a;
position: relative
}

.abt-us .story-blk .img2-frame img {
width: 100%;
height: 320px;
object-fit: cover;
object-position: center;
display: block;
transition: transform .42s ease-in-out
}

.abt-us .story-blk .img2-frame:hover img {
transform: scale(1.035)
}

.abt-us .story-blk .team-cards {
display: flex;
flex-direction: column;
gap: 16px
}

.abt-us .story-blk .team-h4 {
font-size: 27px;
line-height: 1.15;
color: #fff;
margin: 0 0 8px;
font-weight: 700
}

.abt-us .story-blk .team-card {
display: flex;
flex-direction: row;
gap: 16px;
align-items: center;
background: #ffffff0d;
border: 1px solid #6daa7c26;
border-radius: 14px;
padding: 16px;
box-shadow: 0 1px 6px 0 #3f8e770d;
transition: background .35s ease-in-out, box-shadow .4s cubic-bezier(0.34, 1.2, 0.64, 1);
box-shadow: inset 0 1px 0 #ffffff0f inset 0 -1px 0 #0000001f 0 1px 6px 0 #3f8e770d
}

.abt-us .story-blk .team-card:hover {
background: #3f8e771f;
box-shadow: 0 6px 25px 0 #3f8e771a
}

.abt-us .story-blk .portrait-wrap {
flex-shrink: 0;
width: 72px;
height: 96px;
border-radius: 3px;
overflow: hidden;
border: 1.5px solid #6daa7c38
}

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

.abt-us .story-blk .team-info {
display: flex;
flex-direction: column;
gap: 8px
}

.abt-us .story-blk .team-name {
font-size: 15px;
font-weight: 700;
color: #fff;
margin: 0
}

.abt-us .story-blk .team-role {
font-size: 15px;
color: #6DAA7C;
margin: 0
}

.abt-us .story-blk .team-quote {
font-size: 15px;
line-height: 1.65;
color: #b0cec5;
margin: 0;
font-style: italic
}

.abt-us .story-blk .vals-block {
display: flex;
flex-direction: column;
gap: 16px;
background: #ffffff0a;
border-radius: 14px;
padding: 24px;
border: 1px solid #6daa7c1f
}

.abt-us .story-blk .vals-block h5 {
font-size: 27px;
line-height: 1.15;
color: #fff;
margin: 0;
font-weight: 700
}

.abt-us .story-blk .val-item {
display: flex;
flex-direction: row;
gap: 16px;
align-items: flex-start;
padding: 8px 0;
border-bottom: 1px solid #6daa7c1a
}

.abt-us .story-blk .val-item:last-child {
border-bottom: none
}

.abt-us .story-blk .val-num {
flex-shrink: 0;
width: 32px;
height: 32px;
border-radius: 40px;
background: linear-gradient(135deg, #3F8E77, #6DAA7C);
display: flex;
align-items: center;
justify-content: center;
font-size: 15px;
font-weight: 800;
color: #fff;
animation: shadowPulse 3.2s cubic-bezier(0.34, 1.2, 0.64, 1) infinite
}

@keyframes shadowPulse {
0% {
box-shadow: 0 1px 6px 0 #3f8e770d
}

45% {
box-shadow: 0 8px 48px 0 #3f8e771a
}

100% {
box-shadow: 0 1px 6px 0 #3f8e770d
}
}

.abt-us .story-blk .val-text {
display: flex;
flex-direction: column;
gap: 8px
}

.abt-us .story-blk .val-text strong {
font-size: 15px;
color: #fff;
font-weight: 700
}

.abt-us .story-blk .val-text span {
font-size: 15px;
line-height: 1.65;
color: #b0cec5
}

.abt-us .story-blk .review-img-wrap {
border-radius: 14px;
overflow: hidden;
border: 1.5px solid #6daa7c2e;
box-shadow: 0 6px 25px 0 #3f8e771a
}

.abt-us .story-blk .review-img-wrap img {
width: 100%;
height: 260px;
object-fit: cover;
object-position: center;
display: block;
transition: transform .44s ease-in-out
}

.abt-us .story-blk .review-img-wrap:hover img {
transform: scale(1.04)
}

@media (max-width: 1024px) {
.abt-us .title-blk .tb-grid {
grid-template-columns: 1fr;
gap: 48px
}

.abt-us .title-blk .tb-img-col {
justify-content: center
}

.abt-us .title-blk .curve-line {
display: none
}

.abt-us .story-blk .pg-about {
grid-template-columns: 1fr
}

.abt-us .story-blk .story-right {
position: static
}

.abt-us .title-blk .tb-h1 {
font-size: 51px
}

.abt-us .story-blk .sec-h2 {
font-size: 37px
}
}

@media (max-width: 640px) {
.abt-us .title-blk {
padding: 48px 0
}

.abt-us .title-blk .tb-h1 {
font-size: 37px
}

.abt-us .title-blk .tb-stats {
flex-direction: column;
gap: 16px
}

.abt-us .story-blk {
padding: 48px 0
}

.abt-us .story-blk .sec-h2 {
font-size: 27px
}
}

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

.success-pg .success-frame {
max-width: 1500px;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
gap: 48px
}

.success-pg .icon-wrap {
width: 88px;
height: 88px;
border-radius: 40px;
background: #EAF3EF;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 6px 25px 0 #3f8e771a;
flex-shrink: 0
}

.success-pg .icon-wrap svg {
width: 44px;
height: 44px;
display: block
}

.success-pg .success-body {
display: flex;
flex-direction: column;
align-items: center;
gap: 24px;
text-align: center;
max-width: 560px
}

.success-pg .success-label {
font-size: 15px;
line-height: 1.65;
letter-spacing: .12em;
text-transform: uppercase;
color: #3F8E77;
font-weight: 600
}

.success-pg .success-heading {
font-size: 51px;
line-height: 1.15;
color: #1b2e28;
margin: 0;
font-weight: 700
}

.success-pg .success-desc {
font-size: 15px;
line-height: 1.65;
color: #3a4a45;
margin: 0
}

.success-pg .divider-strip {
width: 64px;
height: 3px;
border-radius: 3px;
background: linear-gradient(105deg, #3F8E77, #6DAA7C)
}

.success-pg .detail-block {
background: #EAF3EF;
border-radius: 14px;
padding: 24px 48px;
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
box-shadow: 0 1px 6px 0 #3f8e770d;
text-align: center;
max-width: 480px;
width: 100%
}

.success-pg .detail-block .detail-title {
font-size: 15px;
line-height: 1.65;
color: #3F8E77;
font-weight: 600;
margin: 0
}

.success-pg .detail-block .detail-text {
font-size: 15px;
line-height: 1.65;
color: #2e3d38;
margin: 0
}

.success-pg .action-row {
display: flex;
flex-direction: row;
gap: 16px;
flex-wrap: wrap;
justify-content: center
}

.success-pg .btn-primary {
display: inline-block;
padding: 16px 48px;
border-radius: 40px;
background: linear-gradient(105deg, #3F8E77, #6DAA7C);
color: #fff;
font-size: 15px;
line-height: 1.15;
font-weight: 600;
text-decoration: none;
border: none;
cursor: pointer;
box-shadow: 0 6px 25px 0 #3f8e771a;
transition: background .38s cubic-bezier(0.34, 1.2, 0.64, 1), box-shadow .42s ease-in-out;
letter-spacing: .02em
}

.success-pg .btn-primary:hover {
background: linear-gradient(165deg, #3F8E77, #6DAA7C);
box-shadow: 0 8px 48px 0 #3f8e771a
}

.success-pg .btn-primary:focus {
outline: 2px solid #3F8E77;
outline-offset: 3px
}

.success-pg .btn-secondary {
display: inline-block;
padding: 16px 48px;
border-radius: 40px;
background: #fff;
color: #3F8E77;
font-size: 15px;
line-height: 1.15;
font-weight: 600;
text-decoration: none;
border: 2px solid #3F8E77;
cursor: pointer;
transition: background .35s cubic-bezier(0.34, 1.2, 0.64, 1), color .35s ease-in-out;
letter-spacing: .02em
}

.success-pg .btn-secondary:hover {
background: #EAF3EF;
color: #2d6b56
}

.success-pg .btn-secondary:focus {
outline: 2px solid #3F8E77;
outline-offset: 3px
}

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

.success-pg .success-heading {
font-size: 37px
}

.success-pg .detail-block {
padding: 24px 16px
}

.success-pg .action-row {
flex-direction: column;
align-items: stretch
}

.success-pg .btn-primary,
.success-pg .btn-secondary {
text-align: center;
padding: 16px 24px
}
}