:root {
    --space-none: 0;
    --space-4xs: 2px;
    --space-3xs: 4px;
    --space-2xs: 8px;
    --space-xs: 12px;
    --space-s: 16px;
    --space-m: 20px;
    --space-l: 24px;
    --space-xl: 32px;
    --space-2xl: 40px;
    --space-3xl: 72px;
    --space-4xl: 104px;

    --primary: #0017C1;
    --primary-d-1: #00118F;
    --primary-d-2: #0B1963;
    --primary-d-3: #160D30;
    --primary-l-1: #385ED4;
    --primary-l-2: #7E96E3;
    --primary-l-3: #B5C3EF;
    --primary-l-4: #D9E6FF;
    --border-secondary: #E5E7EB;
    --bg-cloudy: #F1F1F4;
    --text-body: #000000;
    --text-body-invert: #FFFFFF;


    

    --font-family-primary: "Noto Sans", sans-serif;
    --font-family-secondary: "Noto Sans", sans-serif;
    --font-family-tertiary: "Kumbh Sans", sans-serif;

    --text-2xs: 14px;
    --text-xs: 16px;
    --text-s: 22px;
    --text-m: 22px;
    --text-l: 24px;
    --text-xl: 28px;
    --text-2xl: 32px;
    --text-3xl: 32px;
}

@media (min-width: 768px) {
    :root {
        --text-2xs: 14px;
        --text-xs: 16px;
        --text-s: 22px;
        --text-m: 24px;
        --text-l: 28px;
        --text-xl: 32px;
        --text-2xl: 36px;
        --text-3xl: 45px;
    }
}

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

/* Typography */
body {
    font-family: var(--font-family-primary);
    font-size: var(--text-xs);
    font-weight: 500;
    line-height: 1.5;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: var(--font-family-secondary);
    font-weight: 500;
}

h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    line-height: 1.4;
}

/* .h1--l {
    font-size: var(--text-3xl);
    line-height: 1.2;
} */

h1, .h1 {
    font-size: var(--text-3xl);
    line-height: 1.2;
}

h2, .h2 {
    font-size: var(--text-2xl);
}

h3, .h3 {
    font-size: var(--text-xl);
}

h4, .h4 {
    font-size: var(--text-l);
}

h5, .h5 {
    font-size: var(--text-m);
}

h6, .h6 {
    font-size: var(--text-s);
}

p {
    margin-bottom: var(--space-m);
}

a {
    color: var(--primary);
}

/* ul, ol {
    padding-left: 24px;
} */

/* li {
    list-style-type: disc;
    list-style-position: outside;
    padding-left: 16px;
}

li::marker {
    color: var(--primary-d-1);
} */

figure {
    margin: 0;
}

@media (min-width: 768px) {
    body {
        font-size: var(--text-xs);
    }

    p {
        margin-bottom: var(--space-l);
        /* margin-bottom: var(--space-xl); */
    }

    /* .h1--l {
        font-size: var(--text-2xl);
    } */
}
/* END: Typography */

.main-wrapper {
    display: flex;
    flex-direction: column;
    row-gap: var(--space-3xl);
    align-items: center;
    position: relative;
    padding-top: var(--space-3xl);
    padding-bottom: var(--space-4xl);
    /* padding-bottom: 80px; */
    /* background-color: var(--bg-cloudy); */
}

.main-wrapper::after {
    content: '';
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 176px;
    padding: var(--space-l) 0 64px;
    background: linear-gradient(180deg, #FFFFFF 66.5%, var(--primary-l-3) 83.25%, var(--primary-l-1) 100%);
    /* border-top: 1px solid var(--border-secondary); */
}

@media (min-width: 768px) {
    .main-wrapper {
        padding-top: var(--space-4xl);
        /* padding-bottom: var(--space-4xl); */
    }
}

.container {
    max-width: 992px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--space-s);
    padding-right: var(--space-s);
}

.container-s {
    max-width: 842px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--space-s);
    padding-right: var(--space-s);
}

.back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    padding: 12px 14px;
    border-radius: 4px;
    background-color: #575757;
    font-size: var(--text-xs);
    line-height: 1.5;
    text-decoration: none;
    text-align: center;
    color: #ffffff;
    -webkit-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}

.back-to-top:hover {
    background-color: var(--primary);
}

@media (min-width: 768px) {
    .back-to-top {
        bottom: 30px;
        right: 30px;
    }
}


/* Button */
.btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-self: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    justify-content: center;
    width: auto;
    gap: var(--space-4xs);
    padding: var(--space-s);
    background-color: var(--primary);
    border-color: var(--primary);
    border-radius: 8px;
    font-size: var(--text-xs);
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.2px;
    text-decoration: none;
    color: var(--text-body-invert);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.btn:hover {
    background-color: var(--primary-d-1);
    border-color: var(--primary);
    color: #FFFFFF;
}

.btn--external::after {
    content: '';
    width: 24px;
    height: 24px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 24px;
            flex: 0 0 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.1866 4.32492C4.69549 3.77967 5.39492 3.46484 6.13372 3.46484H10.0004C10.3318 3.46484 10.6004 3.73347 10.6004 4.06484C10.6004 4.39621 10.3318 4.66484 10.0004 4.66484H6.13372C5.74094 4.66484 5.35512 4.83164 5.06386 5.1437C4.7713 5.45717 4.60039 5.89063 4.60039 6.35056V17.7791C4.60039 18.2391 4.7713 18.6725 5.06386 18.986C5.35512 19.298 5.74094 19.4648 6.13372 19.4648H17.8671C18.2598 19.4648 18.6457 19.298 18.9369 18.986C19.2295 18.6725 19.4004 18.2391 19.4004 17.7791V14.0648C19.4004 13.7335 19.669 13.4648 20.0004 13.4648C20.3318 13.4648 20.6004 13.7335 20.6004 14.0648V17.7791C20.6004 18.5316 20.3218 19.2609 19.8142 19.8048C19.3053 20.35 18.6059 20.6648 17.8671 20.6648H6.13372C5.39492 20.6648 4.69549 20.35 4.1866 19.8048C3.679 19.2609 3.40039 18.5316 3.40039 17.7791V6.35056C3.40039 5.59806 3.679 4.86877 4.1866 4.32492ZM13.4004 4.06484C13.4004 3.73347 13.669 3.46484 14.0004 3.46484H20.0004C20.3318 3.46484 20.6004 3.73347 20.6004 4.06484V10.0648C20.6004 10.3962 20.3318 10.6648 20.0004 10.6648C19.669 10.6648 19.4004 10.3962 19.4004 10.0648V5.58706L12.9724 12.4742C12.7463 12.7165 12.3666 12.7296 12.1243 12.5035C11.8821 12.2774 11.869 11.8977 12.0951 11.6555L18.6197 4.66484H14.0004C13.669 4.66484 13.4004 4.39621 13.4004 4.06484Z' fill='%23ffffff'/%3E%3C/svg%3E");
}

/* .btn--external:hover::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.1866 4.32492C4.69549 3.77967 5.39492 3.46484 6.13372 3.46484H10.0004C10.3318 3.46484 10.6004 3.73347 10.6004 4.06484C10.6004 4.39621 10.3318 4.66484 10.0004 4.66484H6.13372C5.74094 4.66484 5.35512 4.83164 5.06386 5.1437C4.7713 5.45717 4.60039 5.89063 4.60039 6.35056V17.7791C4.60039 18.2391 4.7713 18.6725 5.06386 18.986C5.35512 19.298 5.74094 19.4648 6.13372 19.4648H17.8671C18.2598 19.4648 18.6457 19.298 18.9369 18.986C19.2295 18.6725 19.4004 18.2391 19.4004 17.7791V14.0648C19.4004 13.7335 19.669 13.4648 20.0004 13.4648C20.3318 13.4648 20.6004 13.7335 20.6004 14.0648V17.7791C20.6004 18.5316 20.3218 19.2609 19.8142 19.8048C19.3053 20.35 18.6059 20.6648 17.8671 20.6648H6.13372C5.39492 20.6648 4.69549 20.35 4.1866 19.8048C3.679 19.2609 3.40039 18.5316 3.40039 17.7791V6.35056C3.40039 5.59806 3.679 4.86877 4.1866 4.32492ZM13.4004 4.06484C13.4004 3.73347 13.669 3.46484 14.0004 3.46484H20.0004C20.3318 3.46484 20.6004 3.73347 20.6004 4.06484V10.0648C20.6004 10.3962 20.3318 10.6648 20.0004 10.6648C19.669 10.6648 19.4004 10.3962 19.4004 10.0648V5.58706L12.9724 12.4742C12.7463 12.7165 12.3666 12.7296 12.1243 12.5035C11.8821 12.2774 11.869 11.8977 12.0951 11.6555L18.6197 4.66484H14.0004C13.669 4.66484 13.4004 4.39621 13.4004 4.06484Z' fill='%23ffffff'/%3E%3C/svg%3E");
} */

@media (min-width: 768px) {
    .btn {
        padding: 16px 30px;
        font-size: var(--text-2xs);
    }
}
/* END: Button */


/* NA Partner Header */
#na_partner {
	width: 100%;
	height: 30px;
	position: relative;
	border-bottom: 1px solid #C7C7C7;
    background-color: #FFF;
}

#na_partner .partner_inner {
    max-width: 966px;
	margin-right: auto;
	margin-left: auto;
    text-align: center;
}

#na_partner .partner_ti {
	height: 30px;
    font-family: "Arial", Gadget, "sans-serif";
    font-weight: 700;
    font-size: 18px;
    line-height: 100%;
    color: #999999;
    padding-top: 7px;
}

#na_partner .client_name {
    position: absolute;
    font-size: 16px;
    font-weight: 400;
    line-height: 100%;
    color: #686868;
    top: 7px;
}

#na_partner .client_logo {
    height: 26px;
    position: absolute;
    font-family: "Arial", Gadget, "sans-serif";
    font-size: 16px;
    line-height: 100%;
    color: #686868;
    top: 2px;
}

@media screen and (max-width: 995px) { /* sp */
    #na_partner .client_name {
        margin-left: 14px;
    }
}

@media screen and (max-width: 780px) { /* sp */
    #na_partner {
        width: 100%;
        height: auto;
        padding-bottom: 8px;
    }
    #na_partner .client_name {
        position: static;
        font-family: "Arial", Gadget, "sans-serif";
        color: #686868;
        top: 0px;
        margin-left: 0;
    }
    #na_partner .client_logo {
        position: static;
        font-family: "Arial", Gadget, "sans-serif";
        font-size: 16px;
        line-height: 100%;
        color: #686868;
        top: 0px;
    }
}
/* END: NA Partner Header */

img {
    display: block;
    max-width: 100%;
    height: auto;
}

figure figcaption {
    margin-top: var(--space-s);
    font-size: var(--text-2xs);
    font-weight: 500;
    color: #666666;
    text-align: center;
}

/* Hero */
.hero {
    background-color: var(--bg-cloudy);
}

.hero__img {
    display: block;
    position: relative;
}

.hero__img:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: calc((41 / 45) * 100%);
}

.hero__img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hero__content {

}

.hero__content-inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: var(--space-s);
    height: 100%;
    padding: 56px var(--space-s);
}

.hero__heading {
    font-weight: 700;
}

.hero__subheading {

}

.hero__text {

}

.hero__btn {
    width: 100%;
    margin-top: var(--space-2xs);
    text-align: center;
}

@media (min-width: 768px) {
    .hero {
        display: flex;
        flex-direction: row-reverse;
    }

    .hero__img {
        flex: 0 0 50%;
    }

    .hero__img:before {
        padding-top: calc((223 / 252) * 100%);
    }

    .hero__img img {

    }

    .hero__content {
        flex: 0 0 50%;
    }

    .hero__content-inner {
        max-width: 756px;
        margin-left: auto;
        padding: 28px 56px;
    }

    .hero__btn {
        width: auto;
    }
}
/* END: Hero */


/* TOC */
.toc {
    padding: var(--space-l) var(--space-s);
    border: 1px solid var(--border-secondary);
    border-radius: 24px;
}

.toc__inner {
    display: flex;
    flex-direction: column;
    row-gap: var(--space-l);
}

.toc__list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    row-gap: var(--space-m);
    padding-left: 24px;
}

.toc__item {
    position: relative;
    list-style-type: none;
    list-style-position: outside;
    padding-left: 16px;
}

.toc__item::before {
    /* opacity: 0; */
    content: '';
    position: absolute;
    top: 3px;
    left: -23px;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='5' viewBox='0 0 5 5' fill='none'%3E%3Cpath d='M5 2.5C5 2.99445 4.85338 3.4778 4.57867 3.88893C4.30397 4.30005 3.91353 4.62048 3.45671 4.8097C2.9999 4.99892 2.49723 5.04843 2.01228 4.95196C1.52732 4.8555 1.08187 4.6174 0.732235 4.26777C0.382604 3.91813 0.144501 3.47268 0.0480379 2.98773C-0.0484251 2.50277 0.0010832 2.00011 0.190302 1.54329C0.379521 1.08648 0.699953 0.69603 1.11108 0.421326C1.5222 0.146623 2.00555 0 2.5 0C3.16304 0 3.79893 0.263393 4.26777 0.732233C4.73661 1.20107 5 1.83696 5 2.5Z' fill='%230017C1'/%3E%3C/svg%3E");
}

.toc__item::marker {
    color: var(--primary-d-1);
}

.toc__item:hover::marker {
    color: transparent;
}

.toc__item:hover.toc__item::before {
    /* opacity: 1; */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.4242 20.4244C12.1899 20.6587 11.81 20.6587 11.5757 20.4244L5.57571 14.4244C5.3414 14.19 5.3414 13.8101 5.57571 13.5758C5.81003 13.3415 6.18993 13.3415 6.42424 13.5758L11.4 18.5516L11.4 4.5001C11.4 4.16873 11.6686 3.9001 12 3.9001C12.3313 3.9001 12.6 4.16873 12.6 4.5001L12.6 18.5516L17.5757 13.5758C17.81 13.3415 18.1899 13.3415 18.4242 13.5758C18.6586 13.8101 18.6586 14.19 18.4242 14.4244L12.4242 20.4244Z' fill='%2300118F'/%3E%3C/svg%3E");
}

.toc__item a {
    position: relative;
    display: inline-block;
    padding: var(--space-4xs) 0;
    text-decoration: none;
    color: var(--primary-d-1);
}

/* .toc__item a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: var(--primary);
}

.toc__item a:hover::after {
    height: 2px;
} */

.toc__heading {
    background-image: linear-gradient(var(--primary), var(--primary));
    background-size: 100% 1px;
    background-position: 0 100%;
    background-repeat: no-repeat;
    padding-bottom: 2px;
}

.toc__item a:hover .toc__heading {
    background-size: 100% 2px;
}

.toc__title {
    font-weight: 700;
}

@media (min-width: 768px) {
    .toc {
        padding: var(--space-xl) var(--space-2xl);
    }
}
/* END: TOC */


/*** Section ***/
.section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: var(--space-xl);
    /* margin-bottom: var(--space-2xl); */
}

.section .container {
    display: flex;
    flex-direction: column;
    row-gap: var(--space-l);
}

.section p {
    margin-bottom: 0;
}

.section figure {
    display: block;
}

@media (min-width: 768px) {
    .section {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: var(--space-xl);
        /* margin-bottom: var(--space-3xl); */
    }

    .section .container {
        row-gap: var(--space-xl);
    }
}

/* Header */
.section__header {
    position: relative;
    padding-bottom: 26px;
    font-weight: 700;
}

.section__header::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 80px;
    height: 10px;
    background-color: var(--primary);
}
/* END: Header */

/* Quote */
.section__quote {
    display: flex;
    flex-direction: column;
    row-gap: var(--space-m);
    position: relative;
    opacity: 0;
    max-width: 812px;
    margin: 0 auto;
    padding: 68px var(--space-m) var(--space-m);
    border-radius: 24px;
    background: var(--bg-cloudy);
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    will-change: transform, opacity;
    -webkit-transition: opacity 1s ease-out, -webkit-transform 1s ease-out;
    transition: opacity 1s ease-out, -webkit-transform 1s ease-out;
    -o-transition: opacity 1s ease-out, transform 1s ease-out;
    transition: opacity 1s ease-out, transform 1s ease-out;
    transition: opacity 1s ease-out, transform 1s ease-out, -webkit-transform 1s ease-out;
}
  
.section__quote.is-visible {
    opacity: 1;
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
}
  
  /* Fallback for IE (force visible without animation) */
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .section__quote {
        opacity: 1 !important;
        -webkit-transform: none !important;
            -ms-transform: none !important;
                transform: none !important;
        -webkit-transition: none !important;
        -o-transition: none !important;
        transition: none !important;
    }
  }
  
  .section__quote::before {
    content: '';
    position: absolute;
    top: var(--space-m);
    left: var(--space-m);
    width: 41px;
    height: 32px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='52' height='40' viewBox='0 0 52 40' fill='none'%3E%3Cmask id='path-1-inside-1_15669_80' fill='white'%3E%3Cpath d='M23.1709 40H0V18.2549L11.4512 0H21.959L14.8184 18.2549H23.1709V40Z'/%3E%3C/mask%3E%3Cpath d='M23.1709 40H0V18.2549L11.4512 0H21.959L14.8184 18.2549H23.1709V40Z' fill='white'/%3E%3Cpath d='M23.1709 40V42H25.1709V40H23.1709ZM0 40H-2V42H0V40ZM0 18.2549L-1.69425 17.1921L-2 17.6795V18.2549H0ZM11.4512 0V-2H10.3448L9.75692 -1.06279L11.4512 0ZM21.959 0L23.8216 0.72857L24.8889 -2H21.959V0ZM14.8184 18.2549L12.9558 17.5263L11.8885 20.2549H14.8184V18.2549ZM23.1709 18.2549H25.1709V16.2549H23.1709V18.2549ZM23.1709 40V38H0V40V42H23.1709V40ZM0 40H2V18.2549H0H-2V40H0ZM0 18.2549L1.69425 19.3177L13.1454 1.06279L11.4512 0L9.75692 -1.06279L-1.69425 17.1921L0 18.2549ZM11.4512 0V2H21.959V0V-2H11.4512V0ZM21.959 0L20.0964 -0.72857L12.9558 17.5263L14.8184 18.2549L16.6809 18.9835L23.8216 0.72857L21.959 0ZM14.8184 18.2549V20.2549H23.1709V18.2549V16.2549H14.8184V18.2549ZM23.1709 18.2549H21.1709V40H23.1709H25.1709V18.2549H23.1709Z' fill='%230017C1' mask='url(%23path-1-inside-1_15669_80)'/%3E%3Cmask id='path-3-inside-2_15669_80' fill='white'%3E%3Cpath d='M52 40H28.8291V18.2549L40.2803 0H50.7881L43.6475 18.2549H52V40Z'/%3E%3C/mask%3E%3Cpath d='M52 40H28.8291V18.2549L40.2803 0H50.7881L43.6475 18.2549H52V40Z' fill='white'/%3E%3Cpath d='M52 40V42H54V40H52ZM28.8291 40H26.8291V42H28.8291V40ZM28.8291 18.2549L27.1349 17.1921L26.8291 17.6795V18.2549H28.8291ZM40.2803 0V-2H39.1739L38.586 -1.06279L40.2803 0ZM50.7881 0L52.6507 0.72857L53.718 -2H50.7881V0ZM43.6475 18.2549L41.7849 17.5263L40.7176 20.2549H43.6475V18.2549ZM52 18.2549H54V16.2549H52V18.2549ZM52 40V38H28.8291V40V42H52V40ZM28.8291 40H30.8291V18.2549H28.8291H26.8291V40H28.8291ZM28.8291 18.2549L30.5233 19.3177L41.9745 1.06279L40.2803 0L38.586 -1.06279L27.1349 17.1921L28.8291 18.2549ZM40.2803 0V2H50.7881V0V-2H40.2803V0ZM50.7881 0L48.9255 -0.72857L41.7849 17.5263L43.6475 18.2549L45.51 18.9835L52.6507 0.72857L50.7881 0ZM43.6475 18.2549V20.2549H52V18.2549V16.2549H43.6475V18.2549ZM52 18.2549H50V40H52H54V18.2549H52Z' fill='%230017C1' mask='url(%23path-3-inside-2_15669_80)'/%3E%3C/svg%3E");
}

.section__quote-text {
    position: relative;
    margin-bottom: 0;
    /* padding-top: 55px; */
    font-family: var(--font-family-secpndary);
    font-size: var(--text-m);
    line-height: 1.4;
    color: var(--primary-d-2);
}

.section__quote-cite {
    /* margin-top: var(--space-m); */
}

.section__quote-author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
    position: relative;
    font-size: var(--text-xs);
}

.section__quote-author::before {
    content: '';
    display: block;
    width: 24px;
    height: 6px;
    background-color: var(--primary);
}

@media (min-width: 768px) {
    .section__quote {
        padding: 24px 55px 24px 108px;
    }

    .section__quote::before {
        width: 52px;
        height: 40px;
        top: var(--space-l);
        left: var(--space-xl);
    }

    .section__quote-text {
        padding-top: 0;
        /* padding-left: 67px; */
        /* font-size: var(--text-m); */
    }

    .section__quote-cite {
        
    }
}
/* END: Quote */

/* Image + Text */
.section__imgtext {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: var(--space-xl);
}

.section__imgtext-img img {
    aspect-ratio: 464 / 309;
    object-fit: cover;
}

.section__imgtext-text {
    display: flex;
    flex-direction: column;
    gap: var(--space-xl);
}

@media (min-width: 768px) {
    .section__imgtext {
        flex-direction: row;
    }
    
    .section__imgtext--reverse {
        flex-direction: row-reverse;
    }

    .section__imgtext-img,
    .section__imgtext-text {
        flex: 0 0 calc(50% - (var(--space-xl) / 2));
    }

    .section__imgtext-text {
        padding: 34px 0;
    }
}
/* END: Image + Text */

/* Stats */
.section__stats {
    border-radius: 24px;
    background-color: var(--bg-cloudy);
    overflow: hidden;
}

.section__stats-col {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: var(--space-xl) var(--space-m);
    transition: background 0.3s ease;
}

.section__stats-col:hover {
    background-color: var(--primary-l-4);
}

.section__stats-num {
    display: flex;
    font-size: 72px;
    font-weight: 400;
    line-height: 1.2;
    color: var(--primary-d-2);
}

.section__stats-num span {
    margin-top: 12px;
    font-size: var(--text-s);
    font-weight: 700;
    line-height: 1.5;
}

.section__stats-text {
    font-size: var(--text-xs);
    font-weight: 500;
    line-height: 1.5;
    text-align: center;
}

@media (min-width: 768px) {
    .section__stats {
        display: flex;
    }

    .section__stats-col {
        flex: 0 0 33.3333333333%;
        padding: var(--space-xl) var(--space-l);
    }

    .section__stats-num {

    }

    .section__stats-num span {

    }

    .section__stats-text {
        
    }
}
/* END: Stats */


/*** END: Section ***/


/* Share */
.share-section {
    padding: var(--space-l) 0 64px;
    background: linear-gradient(180deg, #FFFFFF 66.5%, var(--primary-l-3) 83.25%, var(--primary-l-1) 100%);
    border-top: 1px solid var(--border-secondary);
}

.share-section__inner {}

.share-section__header {
    margin-bottom: var(--space-s);
    font-size: var(--text-xs);
    font-weight: 500;
    text-align: center;
    line-height: 1.5;
}

.share-section__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: var(--space-m);
}

.share-section__item {

}

.share-section__item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 48px;
    height: 48px;
    line-height: 1;
    color: var(--text-body);
    -webkit-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
}

.share-section__item a:hover {
    color: var(--primary);
}

.share-section__item svg {
    width: 40px;
    height: 40px;
}
/* END: Share */