p, h1, h2, h3 {
    margin-top: 0;
    margin-bottom: 0;
}
  
main {
    margin-top: 90px;
    color: #2B2B35;
    font-family: 'Inter', sans-serif;
}

/* SECTION 1 */
.hero {
    display: flex;
    flex-wrap: wrap;
    padding-top: 50px;
    padding-bottom: 50px;
}

.hero div {
    max-width: 600px;
}

.hero-container-left {
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding-right: 30px;
    width: 50%;
}

.hero-header {
    font-size: 20px;
    line-height: 24px;
    color: #6F7D8B;
}

.hero-text {
    font-weight: bold;
    font-size: 50px;
    line-height: 61px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.hero-button {
    cursor: pointer;
}

.hero-image {
    width: 100%;
    height: auto;
}

.hero-container-right {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(50% - 30px);
}

.container {
    padding-left: 100px;
    padding-right: 100px;
    justify-content: center;
}

@media only screen and (max-width: 1024px) {
    .container {
        padding-left: 40px;
        padding-right: 40px;
    }

    .hero-container-left {
        padding-right: 10px;
    }

    .hero-container-right {
        width: calc(50% - 10px);
    }

    .hero-text {
        font-size: 40px;
        line-height: 50px;
    }
}

@media only screen and (max-width: 768px) {
    .hero {
        padding-bottom: 20px;
    }

    .hero-text {
        font-size: 30px;
        line-height: 36px;
    }

    .hero-container-left {
        width: 100%;
        text-align: center;
        padding-right: 0;
    }

    .hero-container-right {
        padding-top: 25px;
        width: 100%;
    }

    .hero-image {
        width: 90%;
    }
}

/* SECTION 2 */
.user_logo_root {
    display: flex;
    justify-content: center; 
}
  
.user_logo_layoutContainer {
    margin: 68px 16px 60px;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    display: flex;
    text-align: center; 
}
  
.user_logo_caption {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 24px; 
}
  
.user_logo_imageSmall {
    display: none; 
}

@media only screen and (max-width: 768px) {
    .user_logo_image {
        display: none; 
    }

    .user_logo_imageSmall {
        display: inherit; 
    } 

    .user_logo_layoutContainer {
        margin-top: 40px;
        margin-bottom: 40px;
    }
}

@media only screen and (max-width: 480px) {
    .user_logo_layoutContainer {
        width: 100%; 
    } 
}

/* SECTION 3 */
.map {
  padding-top: 70px;
  padding-bottom: 70px;
  display: flex;
}

.map div {
    max-width: 1200px;
}

.map-box {
    background: #F6F6F6;
    display: flex;
    padding: 50px;
    flex-wrap: wrap;
}

.map-container-left {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.map-header {
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    color: #6F7D8B;
}

.map-text {
    font-size: 18px;
    line-height: 22px;
    padding-top: 20px;
    padding-bottom: 30px;
}

.map-button-desktop {
    display: inline-block;
    visibility: visible;
}

.map-container-right {
    padding-left: 20px;
    width: calc(50% - 20px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.map-image {
    width: 100%;
    height: auto;
}

.map-button-mobile {
    display: none;
    visibility: hidden;
}

@media only screen and (max-width: 768px) {
    .map {
        padding: 0;
    }

    .map-header { 
        text-align: center;
    }

    .map-text {
        text-align: center;
        font-size: 16px;
        line-height: 19px;
    }

    .map-button-desktop {
        display: none;
        visibility: hidden;
    }
    .map-button-mobile {
        display: inline-block;
        visibility: visible;
        margin-top: 30px;
    }

    .map-container-left {
        width: 100%;
        align-items: center;
    }

    .map-container-right {
        width: 100%;
        margin-top: 30px;
        padding-left: 0;
    }

    .map-image {
        width: 95%;
    }
}

@media only screen and (max-width: 400px) {
    .map-box {
        padding-left: 30px;
        padding-right: 30px;
    }
}

/* SECTION 4 */
.journey {
    padding-top: 70px;
    padding-bottom: 70px;
    background-color: #EBF1FD;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.journey div {
    max-width: 1300px;
}

.journey-header-container {
    position: relative;
}

.green-x-icon {
    position: absolute;
    width: 25px;
    height: 25px;
    top: 0;
    left: 0;
}

.blue-sparkle-icon {
    position: absolute;
    width: 25px;
    height: 25px;
    top: 0;
    right: 0;
}

.journey-header {
    font-weight: bold;
    font-size: 38px;
    line-height: 46px;
    text-align: center;
}

.journey-text {
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    padding-top: 20px;
    width: 85%;
    margin: auto;
}

.journey-story-container {
    margin-top: 50px;
    display: flex;
    flex-direction: column;
}

.journey-story-box {
    display: flex;
    margin-top: -40px;
}

.journey-story-box-1 {
    margin-top: 0 !important;
}

.journey-story {
    width: calc(50% - 30px);
    display: flex;
}

.journey-story-block-left {
    text-align: right;
}

.journey-story-date {
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    color: #0082FF;
}

.journey-story-heading {
    font-weight: bold;
    font-size: 24px;
    line-height: 29px;
    color: #2B2B35;
    padding-top: 10px;
}

.journey-story-text {
    font-size: 16px;
    line-height: 19px;
    color: #2B2B35;
    padding-top: 10px;
}

.journey-story-icon-left {
    margin-left: 20px;
}

.journey-story-icon-right {
    margin-right: 20px;
}

.journey-story-icon-1 {
    width: 133.3px;
    height: 122.53px;
}

.journey-story-icon-2 {
    width: 122px;
    height: 122px;
}

.journey-story-icon-3 {
    width: 122px;
    height: 122px;
}

.journey-story-icon-4 {
    width: 149px;
    height: 123.13px;
}

.journey-story-icon-5 {
    width: 137.3px;
    height: 141.45px;
}

.journey-story-icon-6 {
    width: 133.21px;
    height: 122px;
}

.chain {
    width: 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 50px;
}

.chain-circle {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border-collapse: separate; 
    background-color: #0082FF;
}

.chain-line {
    border-left: 1px solid #2B2B35;
    height: 100%;
    margin: auto;
    margin-top: 10px;
}

.journey-story-empty-block {
    width: calc(50% - 30px);
}

.journey-button-container {
    margin-top: 50px;
}

@media only screen and (max-width: 900px) {
    .journey-story-empty-block {
        width: calc(50% - 22px);
    }

    .journey-story {
        width: calc(50% - 22px);
    }

    .chain {
        width: 44px;
    }

    .journey-story-icon {
        -webkit-transform: scale(0.85);
        -moz-transform: scale(0.85); 
        -ms-transform: scale(0.85); 
        -o-transform: scale(0.85); 
        transform: scale(0.85);
    }

    .journey-story-icon-left {
        margin-left: 10px;
    }
    
    .journey-story-icon-right {
        margin-right: 10px;
    }
}

@media only screen and (max-width: 768px) {
    .journey-header {
        font-size: 22px;
        line-height: 27px;
    }
    
    .journey-text {
        font-size: 18px;
        line-height: 22px;
        width: 100%;
    }
    
    .green-x-icon {
        display: none;
        visibility: hidden;
    }
    
    .blue-sparkle-icon {
        display: none;
        visibility: hidden;
    }

    .journey-story {
        flex-direction: column;
    }

    .chain {
        order: -1;
        width: 30px;
    }

    .chain-circle {
        width: 18px;
        height: 18px;
    }

    .journey-story-empty-block {
        display: none;
        visibility: hidden;
    }

    .journey-story {
        width: calc(100% - 30px);
        padding-left: 20px;
    }

    .journey-story-icon-left {
        margin-left: 0;
    }
    
    .journey-story-icon-right {
        margin-right: 0;
    }

    .journey-story-block-left {
        text-align: left;
    }

    .journey-story-icon  {
        order: -1;
        align-self: center;
        margin-bottom: 20px;
        -webkit-transform: unset;
        -moz-transform: unset; 
        -ms-transform: unset; 
        -o-transform: unset; 
        transform: unset;
    }

    .journey-story-heading {
        font-size: 20px;
        line-height: 24px;
    }

    .journey-story-box {
        margin-top: 0;
        padding-top: 40px;
        overflow: visible;
    }
}


@media only screen and (max-width: 480px) {
    .journey {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media only screen and (max-width: 400px) {
    .journey {
        padding-left: 20px;
        padding-right: 20px;
    }
}

/* SECTION 5 */
.leadership {
    padding-top: 70px;
    padding-bottom: 70px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1300px;
}

.leadership-heading {
    position: relative;
    text-align: center;
}

.sparkle-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 27px;
}

.squiggle-icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 35px;
    height: 31px;
}

.leadership-header {
    font-weight: bold;
    font-size: 38px;
    line-height: 46px;
}

.leadership-text {
    width: 65%;
    margin: auto;
    font-size: 18px;
    line-height: 22px;
    padding-top: 20px;
}

.leadership-team {
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.leadership-team-member {
    width: calc(100% / 3);
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 40px;
}

.leadership-team-member-image {
    width: 100px;
    height: 100px;
}

.leadership-team-member-name {
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    padding-top: 15px;
    padding-bottom: 10px;
}

.leadership-team-member-title {
    text-align: center;
    font-size: 16px;
    line-height: 19px;
}

@media only screen and (max-width: 1024px) {
    .leadership {
        padding-bottom: 30px;
    }
}

@media only screen and (max-width: 768px) {
    .leadership-header {
        font-size: 22px;
        line-height: 27px;
    }

    .leadership-text {
        width: 80%;
    }

    .leadership-team-member-name {
        font-size: 16px;
        line-height: 19px;
    }
    
    .leadership-team-member-title {
        font-size: 14px;
        line-height: 17px;
    }

    .sparkle-icon {
        display: none;
        visibility: hidden;
    }

    .squiggle-icon {
        display: none;
        visibility: hidden;
    }
}

@media only screen and (max-width: 640px) {
    .leadership-team-member {
        width: 50%;
    }
}

/* SECTION 6 */
.culture {
    padding-top: 70px;
    padding-bottom: 70px;
    background-color: #F6F6F6;
}

.culture div {
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
}


.culture-heading {
    text-align: center;
    margin-bottom: 50px;
}

.culture-header {
    font-weight: bold;
    font-size: 30px;
    line-height: 36px;
}

.culture-text {
    width: 80%;
    margin: auto;
    margin-top: 15px;
    font-size: 18px;
    line-height: 22px;
}

.culture-team {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
    justify-content: center;
}

.culture-team-member {
    width: 20%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 40px;
}

.culture-team-member-image {
    width: 100px;
    height: 100px;
}

.culture-team-member-name {
    text-align: center;
    padding-top: 15px;
    padding-bottom: 10px;
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
}

.culture-team-member-title {
    text-align: center;
    font-size: 16px;
    line-height: 19px;
}

@media only screen and (max-width: 900px) {
    .culture-team-member {
        width: 25%;
    }

    .culture {
        padding-bottom: 30px;
    }
}

@media only screen and (max-width: 768px) {
    .culture-text {
        width: 90%;
    }

    .culture-team-member {
        width: calc(100% / 3);
    }

    .culture-team-member-name {  
        font-size: 16px;
        line-height: 19px;
    }

    .culture-team-member-title {
        font-size: 14px;
        line-height: 17px;
    }

    .culture-header {
        font-size: 22px;
        line-height: 27px;
    }
}

@media only screen and (max-width: 555px) {
    .culture-team-member {
        width: 50%;
    }
}

/* SECTION 7 */
.dna {
    padding-top: 90px;
    padding-bottom: 100px;
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
}

.dna-header {
    font-weight: bold;
    font-size: 38px;
    line-height: 46px;
    text-align: center;
}

.dna-text {
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
    width: 55%;
    margin: auto;
}

.dna-chart {
    width: 75%;
    max-width: 1000px;
    margin: 40px auto 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.dna-chart-image-container {
    width: calc(100% - 250px);
}

.dna-chart-image {
    width: 100%;
    height: auto;
}

.dna-chart-legend {
    width: 210px;
    margin-left: 40px;
    display: flex;
    flex-direction: column;
}

.dna-chart-legend-item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 10px 0;
}

.dna-chart-legend-text {
    font-size: 16px;
    line-height: 19px;
    margin-left: 20px;
}

.dna-chart-legend-text-hidden {
    display: none;
    visibility: hidden;
}

.dna-chart-legend-bullet {
    width: 26px;
    height: 26px;
    border-radius: 50%;
}

.dna-chart-legend-bullet-1 {
    background-color: #FFC42A;
}

.dna-chart-legend-bullet-2 {
    background-color: #EE5C33;
}

.dna-chart-legend-bullet-3 {
    background-color: #FA7B7E;

}

.dna-chart-legend-bullet-4 {
    background-color: #0DBD95;

}

.dna-chart-legend-bullet-5 {
    background-color: #00A7B6;

}

.dna-chart-legend-bullet-6 {
    background-color: #A173FE;

}

.dna-chart-legend-bullet-7 {
    background-color: #3770E9;

}

@media only screen and (max-width: 1200px) {
    .dna-chart {
        width: 80%;
    }
}

@media only screen and (max-width: 1024px) {
    .dna-chart {
        width: 90%;
    }
}

@media only screen and (max-width: 900px) {
    .dna-text {
        width: 70%;
    }
}

@media only screen and (max-width: 768px) {
    .dna-chart {
        width: 100%;
        flex-direction: column;
    }

    .dna-chart-image-container {
        width: 100%;
    }

    .dna-chart-legend {
        width: 100%;
        margin-top: 40px;
        margin-left: 0;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
    }

    .dna-chart-legend-item {
        width: 50%;
    }

    .dna-chart-legend-bullet {
        width: 20px;
        height: 20px;
    }

    .dna-chart-legend-text {
        font-size: 14px;
        line-height: 17px;
        margin-left: 10px;
    }

    .dna-header {
        font-size: 22px;
        line-height: 27px;
    }
    
    .dna-text {
        width: 85%;
    }
}

@media only screen and (max-width: 480px) {
    .dna {
        padding-left: 30px;
        padding-right: 30px;
    }

    .dna-chart-image-container {
        padding-left: 10px;
        padding-right: 10px;
    }

    .dna-chart-legend-bullet {
        width: 16px;
        height: 16px;
        border-radius: 50%;
    }

    .dna-chart-legend-text {
        font-size: 13px;
        line-height: 15px;
    }
}

@media only screen and (max-width: 425px) {
    .dna-chart-legend-text-hidden {
        display: inline-block;
        visibility: visible;
    }
}

/* SECTION 8 */
.statistics {
    padding: 90px 0;
    background: #EBF1FD;
    text-align: center;
}

.statistics div {
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
}

.statistics-card-container {
    display: flex;
    flex-wrap: wrap;
    padding-left: 70px;
    padding-right: 70px;
}

.statistics-card {
    width: calc(20% - 24px);
    background-color: #FFFFFF;
    margin-left: 12px !important;
    margin-right: 12px  !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 30px 25px;
    box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.05);
    border-radius: 4px;
    margin-bottom: 30px;
}

.statistics-card-image_1 {
    width: 132px;
    height: 107px;
}

.statistics-card-image_2 {
    width: 111px;
    height: 107px;
}

.statistics-card-image_3 {
    width: 107px;
    height: 107px;
}

.statistics-card-image_4 {
    width: 129px;
    height: 107px;
}

.statistics-card-image_5 {
    width: 107px;
    height: 107px;
}

.statistics-card-percentage {
    padding: 20px 0 10px;
    font-weight: bold;
    font-size: 30px;
    line-height: 36px;
    color: #0082FF;
}

.statistics-card-text {
    font-size: 16px;
    line-height: 19px;
}

.statistics-button-container {
    margin-top: 10px;
}

@media only screen and (max-width: 1024px) {
    .statistics div {
        margin-left: unset;
        margin-right: unset;
    }

    .statistics-card {
        width: calc((100% / 3) - 24px);
    }

    
    .statistics-card-container {
        padding-left: 40px;
        padding-right: 40px;
    }
}

@media only screen and (max-width: 768px) {
    .statistics-card {
        width: calc(50% - 24px);
    }
}

@media only screen and (max-width: 768px) {
    .statistics-card {
        width: calc(50% - 24px);
    }
}

@media only screen and (max-width: 480px) {
    .statistics-card {
        width: calc(100% - 24px);
        padding-left: 30px;
        padding-right: 30px;
    }

    
    .statistics-card-container {
        padding-left: 70px;
        padding-right: 70px;
    }
}

/* SECTION 9 */
.life {
    padding-top: 90px;
    padding-bottom: 90px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1450px;
}

.life-header-container {
    position: relative;
    margin-bottom: 50px;
}

.green-aha-icon {
    position: absolute;
    top: 0;
    left: 20px;
    width: 30px;
    height: 30px;
}

.blue-x-icon {
    position: absolute;
    top: 0;
    right: 20px;
    width: 30px;
    height: 30px;
}

.life-header {
    font-weight: bold;
    font-size: 38px;
    line-height: 46px;
    text-align: center;
}

.life-slider {
    display: flex;
    flex-wrap: wrap;
}

.life-slider-button {
    border-radius: 50%;
    border: none;
    background-color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 42px;
    width: 42px;
    margin: auto;
    box-shadow: 1px 1px 15px rgba(138, 138, 138, 0.25);
}

.life-slider-button:hover path  {
    fill: #0082FF;
}

.life-slider-button:hover  {
    cursor: pointer;
}

.life-slider-button-disabled {
    background-color: rgb(202, 202, 202);
}

.life-slider-button-disabled path  {
    fill: currentColor;
}

.life-slider-button-disabled:hover path  {
    fill: currentColor;
}

.life-slider-button-disabled:hover {
   cursor: not-allowed;
}

.life-slider-container {
    display: flex;
    width: calc(100% - 130px);
    margin-left: 20px;
    margin-right: 20px;
    overflow-x: scroll;
    -ms-overflow-style: none; 
    scrollbar-width: none; 
    scroll-behavior: smooth;
    cursor: pointer;
    user-select: none;
}

.life-slider-container::-webkit-scrollbar {
    display: none;
}


.life-slider-container-active {
    cursor: grabbing;
    cursor: -webkit-grabbing;
}

.life-slider-image {
    width: 260px;
    height: 260px;
    margin-left: 8px;
    margin-right: 8px;
}

@media only screen and (max-width: 768px) {
    .life {
        padding-left: 0;
        padding-right: 0;
    }

    .life-header {
        font-size: 22px;
        line-height: 27px;
    }

    .life-slider-image {
        width: 135px;
        height: 135px;
    }

    .life-slider-container {
        width: 100%;
        margin-right: 0;
    }

    .life-slider-button {
        display: none;
        visibility: hidden;
    }

    .green-aha-icon {
        display: none;
        visibility: hidden;
    }

    .blue-x-icon {
        display: none;
        visibility: hidden;
    }
}

/* SECTION 10 */
.join_us {
    padding-top: 70px;
    padding-bottom: 70px;
    background-color: #EBF1FD;
}

.join_us div {
    margin-left: auto;
    margin-right: auto;
    max-width: 1100px;
}

.join_us-super_container {
    display: flex;
    flex-wrap: wrap;
}

.join_us-container {
    width: 60%;
    padding-right: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.join_us-text {
    font-weight: bold;
    font-size: 50px;
    line-height: 61px;
}

.join_us-text-button {
    margin-top: 30px;
    margin-left: unset !important;
    margin-right: unset !important;
}

.join_us-image {
    width: 40%;
    height: auto;
}

@media only screen and (max-width: 768px) {
    .join_us-container {
        align-items: center;
    }

    .join_us-text {
        text-align: center;
        width: 310px;
        font-size: 26px;
        line-height: 31px;
    }

    .join_us-container {
        align-items: center;
        padding-right: 0;
    }

    .join_us-container {
        width: 100%;
    }

    .join_us-image {
        width: 90%;
        margin: 40px auto auto;
    }
}