body {
    margin: 0px;
    padding: 0px;
    width: 100%;
}

@font-face {
    font-family: 'Mabry Pro';
    src: url('./mabry-pro/MabryPro-Regular.woff2') format('woff2'),
        url('./mabry-pro/MabryPro-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

.container {
    display: flex;
    width: 100%;
    padding: 30px;
    flex-direction: column;
    gap: 100px;
    box-sizing: border-box;
    overflow-x: hidden;
    background-color: #F8F9FB;

}


.web-header-component-wrapper {
    background-color: black;
    color: white;
}


.top-text {
    color: #fff;
    font-size: 48px;
    font-weight: 600;
}

.bottom-text {
    color: #1f6ddf;
    font-size: 32px;
    font-weight: 500;
}

.top-text-wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.top-bg-wrapper {
    height: 377px;
    flex-shrink: 0;
    background: url("../Assets/Images/fashivly/background.png");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;

}

.video-content {
    animation: none;
}

.video-text-wrapper {
    height: 576px;
}

.front-wrapper {
    height: 576px;
}

.middle-video-wrapper {
    height: unset;
}

.heading-1 {
    color: #FFF;
    text-align: center;
    font-family: "Mabry Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

/* Fashivly Case study */

/* mobile screen */

.vision {
    display: flex;
    /* padding: 100px; */
    align-items: center;
    /* gap: 100px; */
    align-self: stretch;
    background: #0E2642;
}

.vision>.vision_info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 60px;
    flex: 1 0 0;
    padding: 100px;
    padding-right: 0px;
}

.vision>.vision_info>h2 {
    color: #BCA17D;
    leading-trim: both;
    text-edge: cap;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #BCA17D;
    font-family: "Self Modern Trial";
    font-size: 64px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 1.5px;
    align-self: stretch;
    margin: 0;
}

.vision>.vision_info>.additional_info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    align-self: stretch;
}

.vision>.vision_info>.additional_info>p {
    align-self: stretch;
    color: #FFF;
    text-align: justify;
    font-family: "Self Modern Trial";
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    margin: 0;
    /* 162.5% */
}

.vision>.vision_info>.additional_info>span {
    color: #FFF;
    text-align: justify;
    font-family: "Mabry Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    /* 162.5% */
    align-self: stretch;
}

.vision>.vision_info>.additional_info>.main_vision {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    align-self: stretch;
}


.vision>.vision_info>.additional_info>.main_vision>p {
    color: #FFF;
    text-align: justify;
    font-family: "Mabry Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    /* 162.5% */
    align-self: stretch;
}

.vision>.vision_info>.additional_info>.main_vision>span {
    color: #BCA17D;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #BCA17D;
    font-family: "Self Modern Trial";
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px;
    /* 125% */
    letter-spacing: 1.5px;
    align-self: stretch;
}


.vision>.vision_image {
    display: flex;
    padding: 100px 70px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex: 1 0 0;

}


.vision>.vision_image>img {
    /* width: 100%; */
    /* height: 472px; */
    width: 446px;
    object-fit: contain;
    aspect-ratio: 223/236;
}

/* challenge */

.challenge {
    display: flex;
    height: 712px;
    align-items: center;
    align-self: stretch;
    background: #421715;
}

.challenge>.info {
    display: flex;
    padding: 100px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 60px;
    flex: 1 0 0;
    align-self: stretch;
    z-index: 1;
}


.challenge>.info svg {
    position: absolute;
    width: 50%;
    height: 715px;
    fill: #4a2c24;
    left: 0;
}

.challenge>.info>.context_item {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-direction: row;
    align-content: center;
    z-index: 1;
}

.challenge>.info>.context_item>span {
    color: #421715;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #421715;
    font-family: "Self Modern Trial";
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    line-height: 42px;
    /* 175% */
    letter-spacing: 2px;
    text-transform: uppercase;
}

.challenge>.challenge_info {
    display: flex;
    padding: 100px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 60px;
    flex: 1 0 0;
    background: #421715f2;
    height: -webkit-fill-available;
}


.challenge>.challenge_info>h2 {
    color: #BCA17D;
    leading-trim: both;
    text-edge: cap;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #BCA17D;
    font-family: "Self Modern Trial";
    font-size: 64px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 1.5px;
    align-self: stretch;
    z-index: 1;
    margin: 0;
}


.challenge>.challenge_info>.additonal_info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    align-self: stretch;
    z-index: 1;

}

.challenge>.challenge_info>.additonal_info>span {
    color: #FFF;
    text-align: justify;
    font-family: "Self Modern Trial";
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    /* 162.5% */
    align-self: stretch;
}

.challenge>.challenge_info>.additonal_info>p {
    color: #FFF;
    text-align: justify;
    font-family: "Mabry Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    /* 162.5% */
    align-self: stretch;
    margin: 0;
}

/* Founder Message */

.founder_message {
    display: flex;
    padding: 167px 150px 150px 150px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 60px;
    align-self: stretch;
    position: relative;
    background: #FBF6E9;
}

.message_icon {
    position: absolute;
    left: 100px;
    top: 100px;
    width: 140px;
    height: 125px;
    aspect-ratio: 28/25;
}

.message {
    display: flex;
    padding: 60px;
    flex-direction: column;
    align-items: flex-start;
    gap: 50px;
    align-self: stretch;
    border-radius: 40px;
    background: rgba(66, 23, 21, 0.70);
    border-color: #FBF6E8;
    color: #FBF6E8;
}

.message>p {
    color: #FBF6E8;
    text-align: justify;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #FBF6E8;
    font-family: "Self Modern Trial";
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    line-height: 36px;
    /* 150% */
    letter-spacing: 2px;
}

.message>.founder_info {
    display: flex;
    justify-content: end;
    align-items: flex-end;
    width: 100%;
    flex-direction: column;
}

.message>.founder_info>.founder {
    color: #FBF6E8;
    font-family: "Mabry Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    /* 187.5% */
    letter-spacing: 1px;
    align-items: flex-start;
}

.message>.founder_info>.info {
    color: #FBF6E8;
    font-family: "Mabry Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    /* 187.5% */
    letter-spacing: 1px;
}


/* role */
.role {
    display: flex;
    padding: 100px;
    flex-direction: column;
    align-items: center;
    gap: 100px;
    align-self: stretch;
    background: #F9F2BD;
}

.role>.role_header {
    display: flex;
    align-items: center;
    gap: 60px;
    align-self: stretch;
    flex-direction: row;
}

.role>.role_header>.role_image {
    flex: 1 0 0;
    display: flex;
    justify-content: center;
    align-items: center;

}

.role>.role_header>.role_image>img {
    width: 500px;
    /* height: 612px; */
    object-fit: contain;
    aspect-ratio: 700/470;
}

.role_info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 60px;
    flex: 1 0 0;
}

.role_info>h2 {
    color: #421715;
    leading-trim: both;
    text-edge: cap;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #421715;
    font-family: "Self Modern Trial";
    font-size: 64px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 1.5px;
    margin: 0;
}

.role_additional_info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    align-self: stretch;
}

.role_additional_info>span {
    color: #421715;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #421715;
    font-family: "Self Modern Trial";
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px;
    /* 125% */
    letter-spacing: 1.5px;
}

.role_additional_info>p {
    color: #000;
    font-family: "Mabry Pro", sans-serif;
    ;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    /* 162.5% */
    align-self: stretch;
    margin: 0;
}

.role_info>a.cta {
    display: flex;
    padding: 8px 14px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    border-radius: 8px;
    border: 1px solid #421715;
    background: rgba(249, 249, 249, 0.00);
    color: #421715;
    font-family: "Mabry Pro";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.25px;
    text-decoration: none;
}

.role>.role_info_items {
    display: grid;
    /* align-items: center; */
    gap: 50px;
    align-self: stretch;
    border-radius: 16px;
    grid-template-columns: 1fr 1fr 1fr;
    /* flex-wrap: wrap; */
}

.role>.role_info_items>.role_info_item {
    display: flex;
    padding: 30px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;

    border-radius: 40px;
    border: 1px solid #421715;
}

.role>.role_info_items>.role_info_item>h4 {
    color: #421715;
    text-align: center;
    -webkit-text-stroke-width: 0.6px;
    -webkit-text-stroke-color: #421715;
    font-family: "Self Modern Trial";
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px;
    /* 187.5% */
    letter-spacing: 1.5px;
    margin: 0;
}

.role>.role_info_items>.role_info_item>span {
    color: #000;
    text-align: center;
    font-family: "Mabry Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
}


/* Impact */

.impact {
    display: flex;
    align-items: center;
    background: #0E2642;
    height: 712px;
}

.impact>.left-panel svg {
    position: absolute;
    width: 56%;
    height: 712px;
    fill: #4a2c24;
    left: 0;
}

.impact>.left-panel {
    display: flex;
    padding: 100px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 60px;
    flex: 1 0 0;
    align-self: stretch;
}

.impact>.left-panel>h2 {
    color: #421715;
    leading-trim: both;
    text-edge: cap;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #421715;
    font-family: "Self Modern Trial";
    font-size: 64px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 1.5px;
    align-self: stretch;
    z-index: 1;
    margin: 0;
}

.impact>.left-panel>.impact_additional_info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
    align-self: stretch;
    z-index: 1;
}

.impact>.left-panel>.impact_additional_info>.impact_additional_info_item {
    display: flex;
    align-items: center;
    gap: 20px;
    align-self: stretch;
}

.impact>.left-panel>.impact_additional_info>.impact_additional_info_item>span {
    color: #0E2642;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #0E2642;
    font-family: "Self Modern Trial";
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    line-height: 42px;
    /* 175% */
    letter-spacing: 2px;
    flex: 1 0 0;
    margin: 0;
}

.impact>.right-panel {
    display: flex;
    padding: 100px 30px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 100px;
    flex: 1 0 0;
    align-self: stretch;
}

.impact>.right-panel>img {
    width: 350px;
    object-fit: contain;
    aspect-ratio: 202/269;
}


.impact_footer {
    display: flex;
    padding: 100px;
    align-items: center;
    gap: 50px;
    align-self: stretch;
    background: #0E2642;
}

.impact_item {
    border-radius: 40px;
    border: 1px solid #BCA17D;
    display: flex;
    padding: 30px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    flex: 1 0 0;
    align-self: stretch;
}

.impact_item>h2 {
    color: #FFF;
    text-align: center;
    -webkit-text-stroke-width: 0.6px;
    -webkit-text-stroke-color: #BCA17D;
    font-family: "Self Modern Trial";
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px;
    /* 187.5% */
    letter-spacing: 1.5px;
    margin: 0;
}

.impact_item>span {
    color: #FFF;
    text-align: center;
    font-family: "Mabry Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 125% */
}


/* additional founder message */

.msg {
    color: #FBF6E8;
    text-align: justify;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #FBF6E8;
    font-family: "Self Modern Trial";
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    line-height: 36px;
    /* 150% */
    letter-spacing: 2px;
    align-self: stretch;
}

.message[role='additional'] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 50px;
    align-self: stretch;
}

.founder {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    color: #FBF6E8;
    font-family: "Mabry Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    /* 187.5% */
    letter-spacing: 1px;
}

.separator {
    width: 100%;
    height: 1px;
    background: #EFE5D3;
}

.footer_message {
    color: #FBF6E8;
    text-align: justify;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #FBF6E8;
    font-family: "Self Modern Trial";
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    line-height: 36px;
    /* 150% */
    letter-spacing: 2px;
}


/* Scaling */
.scaling {
    display: flex;
    padding: 100px;
    align-items: center;
    gap: 100px;
    align-self: stretch;
    background: #F9F2BD;
    flex-direction: column;

}

.scaling>.scaling_one {
    display: flex;
    align-items: center;
    gap: 60px;
    align-self: stretch;
}

.scaling>.scaling_one>.scaling_image {
    flex: 1 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.scaling>.scaling_one>.scaling_image>.image_container {
    background: url("../Assets/Images/fashivly/scaling_group.png") no-repeat;
    background-size: contain;
    width: 699px;
    height: 612px;
}

.scaling>.scaling_one>.scaling_image>img {
    aspect-ratio: 6035/5018;
    object-fit: contain;
    width: 500px;

}

.scaling>.scaling_one>.scaling_info {
    display: flex;
    align-items: flex-start;
    gap: 60px;
    flex: 1 0 0;
    flex-direction: column;
}

.scaling>.scaling_one>.scaling_info>h2 {
    color: #421715;
    leading-trim: both;
    text-edge: cap;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #421715;
    font-family: "Self Modern Trial";
    font-size: 64px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 1.5px;
    margin: 0;
}

.scaling>.scaling_one>.scaling_info>.scaling_additional_info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    align-self: stretch;
}

.scaling>.scaling_one>.scaling_info>.scaling_additional_info>span {
    color: #421715;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #421715;
    font-family: "Self Modern Trial";
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px;
    /* 125% */
    letter-spacing: 1.5px;
}


.scaling>.scaling_one>.scaling_info>.scaling_additional_info>p {
    color: #120F06;
    font-family: "Mabry Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    /* 162.5% */
    margin: 0;
}

.scaling>.scaling_items {
    display: grid;
    justify-content: center;
    align-items: flex-start;
    gap: 40px;
    align-self: stretch;
    flex-wrap: wrap;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.scaling>.scaling_items>.scaling_item {
    display: flex;
    padding: 30px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;

    align-self: stretch;
    border-radius: 40px;
    border: 1px solid #421715;
}

.scaling>.scaling_one>.scaling_items>.scaling_item>.scaling_item_info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    align-self: stretch;
}

.scaling>.scaling_one>.scaling_items>.scaling_item>.scaling_item_info>h2 {
    color: #421715;
    text-align: center;
    -webkit-text-stroke-width: 0.6px;
    -webkit-text-stroke-color: #421715;
    font-family: "Self Modern Trial";
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px;
    /* 187.5% */
    letter-spacing: 1.5px;
    align-self: stretch;
    margin: 0;
}

.scaling>.scaling_one>.scaling_items>.scaling_item>.scaling_item_info>p {
    color: #0E2642;
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-family: "Mabry Pro";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 166.667% */
    letter-spacing: 1px;
    align-self: stretch;
    margin: 0;
}

.scaling>.scaling_footer {
    display: flex;
    align-items: center;
    gap: 20px;
    align-self: stretch;
}

.scaling>.scaling_footer>p {
    color: #421715;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #421715;
    font-family: "Self Modern Trial";
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    line-height: 42px;
    /* 175% */
    letter-spacing: 2px;
    margin: 0;
}


/* Stylish Dashboard */

.stylish_dashboard {
    display: flex;
    padding: 100px;
    flex-direction: column;
    align-items: center;
    gap: 100px;
    align-self: stretch;
    background: #120F06;
}

.stylish_dashboard>h2 {
    color: #BCA17D;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #BCA17D;
    font-family: "Self Modern Trial";
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px;
    /* 125% */
    letter-spacing: 1.5px;
    align-self: stretch;
    margin: 0;
}

.stylish_dashboard>.dashboard {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    align-self: stretch;
}

.stylish_dashboard>.dashboard>h2 {
    color: #BCA17D;
    leading-trim: both;
    text-edge: cap;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #BCA17D;
    font-family: "Self Modern Trial";
    font-size: 64px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 1.5px;
    align-self: stretch;
    margin: 0;
}

.stylish_dashboard>.dashboard>span {
    color: #FFF;
    font-family: "Mabry Pro";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    /* 108.333% */
    align-self: stretch;
}

.stylish_dashboard>.dashboard>.frame {
    /* 
    align-self: stretch;
    border-radius: 8px;
    background: #FBF6E9; */
    display: flex;
    padding: 10px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
    border-radius: 14px;
    background: linear-gradient(115deg, #BCA17D 0.8%, #66481F 98.19%);
    width: 100%;
    aspect-ratio: 8000/5050;
}

.stylish_dashboard>.dashboard>.frame img {
    flex: 1 0 0;
    align-self: stretch;
    border-radius: 8px;
    background: #FBF6E9;
    width: 100%;
    aspect-ratio: 8000/5050;

}


.chrome_extension {
    display: flex;
    padding: 0 100px 100px 100px;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    align-self: stretch;
    background: #120F06;
}

.chrome_extension>h2 {
    align-self: stretch;
    color: #BCA17D;
    leading-trim: both;
    text-edge: cap;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #BCA17D;
    font-family: "Self Modern Trial";
    font-size: 64px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 1.5px;
    margin: 0;
}

.chrome_extension>span {
    align-self: stretch;
    color: #FFF;
    font-family: "Mabry Pro";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    /* 108.333% */
}

.chrome_extension>.frame {
    display: flex;
    /* height: 790px; */
    padding: 10px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
    border-radius: 14px;
    background: linear-gradient(115deg, #BCA17D 0.8%, #66481F 98.19%);
    width: 100%;
    aspect-ratio: 8000/5050;
}


.chrome_extension>.frame>img {
    width: 100%;
    aspect-ratio: 8000/5050;
}

.customer_portal {
    display: flex;
    padding: 0 100px 100px 100px;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    align-self: stretch;
    background: #120F06;
}

.customer_portal>h2 {
    align-self: stretch;
    color: #BCA17D;
    leading-trim: both;
    text-edge: cap;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #BCA17D;
    font-family: "Self Modern Trial";
    font-size: 64px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 1.5px;
    margin: 0;
}

.customer_portal>span {
    color: #FFF;
    font-family: "Mabry Pro";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    /* 108.333% */
    align-self: stretch;
}

.customer_portal>.frame {
    display: flex;
    /* height: 790px; */
    padding: 10px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
    border-radius: 14px;
    background: linear-gradient(115deg, #BCA17D 0.8%, #66481F 98.19%);
    width: 100%;
    aspect-ratio: 8000/5050;
}

.customer_portal>.frame img {
    width: 100%;
    aspect-ratio: 8000/5050;
}

/* cto_approach */

.cto_approach {
    display: flex;
    align-items: center;
    align-self: stretch;
    background: #0E2642;
    height: 712px;
}

.cto_approach>.left-panel {
    display: flex;
    padding: 100px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 60px;
    flex: 1 0 0;
    align-self: stretch;
}

.cto_approach>.left-panel svg {
    position: absolute;
    width: 50%;
    height: 712px;
    fill: #4a2c24;
    position: absolute;
    left: 0;
}

.cto_approach>.left-panel>h2 {
    color: #421715;
    leading-trim: both;
    text-edge: cap;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #421715;
    font-family: "Self Modern Trial";
    font-size: 64px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 1.5px;
    align-self: stretch;
    z-index: 1;
    margin: 0;
}

.cto_approach>.left-panel>p {
    color: #0E2642;
    font-family: "Mabry Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    /* 162.5% */
    align-self: stretch;
    z-index: 1;
    margin: 0;
}

.cto_approach>.right-panel {
    display: flex;
    padding: 140px 100px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 60px;
    flex: 1 0 0;
    align-self: stretch;
}

.cto_approach>.right-panel>h2 {
    color: #BCA17D;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #BCA17D;
    font-family: "Self Modern Trial";
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    line-height: 42px;
    /* 175% */
    letter-spacing: 2px;
    text-transform: uppercase;
    margin: 0;
}

.cto_approach>.right-panel {
    display: flex;
    padding: 140px 100px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 60px;
    flex: 1 0 0;
    align-self: stretch;
}

.cto_approach>.right-panel>h2 {
    color: #BCA17D;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #BCA17D;
    font-family: "Self Modern Trial";
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    line-height: 42px;
    /* 175% */
    letter-spacing: 2px;
    text-transform: uppercase;
    align-self: stretch;
    margin: 0;
}

.cto_approach>.right-panel>.info_items {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
    align-self: stretch;
}

.cto_approach>.right-panel>.info_items>.info_item {
    display: flex;
    align-items: center;
    gap: 20px;
    align-self: stretch;
}

.cto_approach>.right-panel>.info_items>.info_item>span {

    color: #FBF6E8;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #FBF6E8;
    font-family: "Self Modern Trial";
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    line-height: 42px;
    /* 175% */
    letter-spacing: 2px;

}


/* fractional_cto */

.fractional_context {
    display: flex;
    padding: 140px 100px 100px 100px;
    flex-direction: column;
    align-items: flex-start;
    gap: 60px;
    align-self: stretch;
    background: #FBF6E8;
    position: relative;
    flex: 1 0 0;
}

.fractional_context>.message[role='fractional_message'] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 50px;
    align-self: stretch;
}

.fractional_context>.message_icon[role='fractional'] {
    position: absolute;
    left: 45px;
    top: 72.988px;
    width: 140px;
    height: 125px;
    aspect-ratio: 28/25;
}

.fractional_context>.message>.cto {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.fractional_context>.message>.cto>span {
    color: #FBF6E8;
    font-family: "Mabry Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    /* 187.5% */
    letter-spacing: 1px;
}

.fractional_context>.message>.cto>span[role='founder'] {
    font-weight: 700;
}

.fractional_context>.context_footer {
    color: #421715;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #421715;
    font-family: "Self Modern Trial";
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    line-height: 42px;
    /* 175% */
    letter-spacing: 2px;
    align-self: stretch;
}

/* results section */
.results {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    align-self: stretch;
    height: 766px;
    background-color: #FBF6E8;
}

.results>.left-panel svg {
    position: absolute;
    width: 50%;
    height: 766px;
    left: 0;
}

.results>.left-panel {
    display: flex;
    padding: 100px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 60px;
    flex: 1 0 0;
    align-self: stretch;
}

.results>.left-panel>h2 {
    color: #BCA17D;
    leading-trim: both;
    text-edge: cap;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #BCA17D;
    font-family: "Self Modern Trial";
    font-size: 64px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 1.5px;
    align-self: stretch;
    z-index: 1;
    margin: 0;
}

.results>.left-panel>.result_info_items {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
    align-self: stretch;
    z-index: 1;

}

.results>.left-panel>.result_info_items>.result_info_item {
    display: flex;
    align-items: center;
    gap: 15px;
    align-self: stretch;
}


.results>.left-panel>.result_info_items>.result_info_item>span {
    color: #FFF;
    font-family: "Mabry Pro", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    /* 162.5% */
    flex: 1 0 0;
}

.results>.right-panel {
    display: flex;
    padding: 0 100px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex: 1 0 0;
    height: -webkit-fill-available;
}

.results>.right-panel>img {
    width: 326px;
    aspect-ratio: 6000 / 7207;
}


/* magical_transformation  */

.magical_transformation {
    display: flex;
    padding: 100px;
    flex-direction: column;
    align-items: flex-start;
    gap: 60px;
    align-self: stretch;
    background: #FBF6E8;

}

.magical_transformation>.magical {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 140px;
    align-self: stretch;
}

.magical_transformation>.magical>.magical_info {
    display: flex;
    padding: 30px 40px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    align-self: stretch;
    border-radius: 40px;
    border: 1px solid #421715;
}

.magical_transformation>.magical>.magical_info>.info_items {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    align-self: stretch;
}

.magical_transformation>.magical>.magical_info>.info_items>.info_item {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    align-self: stretch;
}

.magical_transformation>.magical>.magical_info>.info_items>.info_item>.before {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    flex: 1 0 0;
}

.magical_transformation>.magical>.magical_info>.info_items>.info_item>.before>span {
    display: flex;
    padding: 6px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 6px;
    background: #421715;
    color: #FFF;
    font-family: "Mabry Pro";
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 1px;
}

.magical_transformation>.magical>.magical_info>.info_items>.info_item>.after {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    flex: 1 0 0;
}

.magical_transformation>.magical>.magical_info>.info_items>.info_item>.after>span {
    display: flex;
    padding: 6px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 6px;
    background: #4F542B;
    color: #FFF;
    font-family: "Mabry Pro";
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 1px;

}


.magical_transformation>.magical>.magical_info>.info_items>.info_item>.pdf_process {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    flex: 1 0 0;
}

.magical_transformation>.magical>.magical_info>.info_items>.info_item>.pdf_process>h2 {
    color: #421715;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #421715;
    font-family: "Self Modern Trial";
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 1.5px;
    align-self: stretch;
    margin: 0;
}

.magical_transformation>.magical>.magical_info>.info_items>.info_item>.pdf_process>.process_items {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 17px;
    align-self: stretch;
}

.magical_transformation>.magical>.magical_info>.info_items>.info_item>.pdf_process>.process_items>.process_item {
    display: flex;
    align-items: center;
    gap: 15px;
    align-self: stretch;
}

.magical_transformation>.magical>.magical_info>.info_items>.info_item>.pdf_process>.process_items>.process_item>span {
    color: #0F0F0F;
    leading-trim: both;
    text-edge: cap;
    font-family: "Mabry Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    /* 162.5% */
    flex: 1 0 0;
}

.magical_transformation>.magical>.magical_info>.info_items>.info_item>.automated_process {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    flex: 1 0 0;
}

.magical_transformation>.magical>.magical_info>.info_items>.info_item>.automated_process>h2 {
    color: #4F542B;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #4F542B;
    font-family: "Self Modern Trial";
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 1.5px;
    align-self: stretch;
    margin: 0;
}

.magical_transformation>.magical>.magical_info>.info_items>.info_item>.automated_process>.automated_items {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 17px;
    align-self: stretch;
}

.magical_transformation>.magical>.magical_info>.info_items>.info_item>.automated_process>.automated_items>.automated_item {
    display: flex;
    align-items: center;
    gap: 15px;
    align-self: stretch;
}

.magical_transformation>.magical>.magical_info>.info_items>.info_item>.automated_process>.automated_items>.automated_item>span {
    color: #0F0F0F;
    leading-trim: both;
    text-edge: cap;
    font-family: "Mabry Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    /* 162.5% */

}

.magical_transformation>.magical>.magical_info>h2 {
    color: #0E2642;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #0E2642;
    font-family: "Self Modern Trial";
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    line-height: 42px;
    /* 175% */
    letter-spacing: 2px;
    align-self: stretch;
    margin: 0;
}

.magical_transformation>.magical>.message {
    display: flex;
    padding: 60px;
    flex-direction: column;
    align-items: flex-end;
    gap: 50px;
    align-self: stretch;
    position: relative;
}

.magical_transformation>.magical>.message>span {
    color: #FBF6E8;
    text-align: justify;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #FBF6E8;
    font-family: "Self Modern Trial";
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    line-height: 36px;
    /* 150% */
    letter-spacing: 2px;
    align-self: stretch;
}

.magical_transformation>.magical>.message>.message_icon[role='magical'] {
    top: -70px;
    left: -30px;
}

.magical_transformation>.magical>.message>.cto {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.magical_transformation>.magical>.message>.cto>span[role='founder'] {
    font-weight: 700;
}

.magical_transformation>.magical>.message>.cto>span {
    color: #FBF6E8;
    font-family: "Mabry Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    /* 187.5% */
    letter-spacing: 1px;
}

.magical_transformation>.footer>span {
    color: #421715;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #421715;
    font-family: "Self Modern Trial";
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    line-height: 42px;
    /* 175% */
    letter-spacing: 2px;
    align-self: stretch;
}

/* recognition */


.recognition {
    display: flex;
    padding: 100px;
    flex-direction: column;
    align-items: flex-start;
    gap: 60px;
    align-self: stretch;
    background: #F9F2BD;
}

.recognition>h2 {
    color: #421715;
    leading-trim: both;
    text-edge: cap;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #421715;
    font-family: "Self Modern Trial";
    font-size: 64px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 1.5px;
    align-self: stretch;
    margin: 0;
}

.recognition>.info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
    align-self: stretch;
}

.recognition>.info>.recognized_items {
    display: flex;
    padding: 40px;
    justify-content: center;
    align-items: center;
    gap: 30px;
    align-self: stretch;
    border-radius: 40px;
    border: 1px solid #421715;
    flex-direction: row;
}

.recognition>.info>.recognized_items>.recognized_item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;

    align-self: stretch;
    border-radius: 16px;
}

.recognition>.info>.recognized_items>.recognized_item>img[data-id="1"] {
    width: 85px;
    height: 60px;
    aspect-ratio: 17/12;
}

.recognition>.info>.recognized_items>.recognized_item>img[data-id="2"] {
    width: 60px;
    height: 60px;
    aspect-ratio: 1/1;
}

.recognition>.info>.recognized_items>.recognized_item>img[data-id="3"] {
    width: 65px;
    height: 60px;
    aspect-ratio: 13/12;
}

.recognition>.info>.recognized_items>.recognized_item>img[data-id="4"] {
    width: 60px;
    height: 60px;
    aspect-ratio: 1/1;
}

.recognition>.info>.recognized_items>.recognized_item>img[data-id="5"] {
    width: 66px;
    height: 60px;
    aspect-ratio: 11/10;
}


.recognition>.info>.recognized_items>.recognized_item>span {
    color: #3C3C3C;
    font-family: "Mabry Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    /* 187.5% */
    letter-spacing: 1px;
    align-self: stretch;
}

.recognition>.info>.recog {
    display: flex;
    height: 500px;
    align-items: flex-start;
    gap: 30px;
    align-self: stretch;
}

.recognition>.info>.recog>.recog_one {
    display: flex;
    padding: 40px;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    flex: 1 0 0;
    align-self: stretch;
    border-radius: 40px;
    border: 1px solid #421715;
}

/* image */
.recognition>.info>.recog>.recog_one>.one_image {
    flex: 1 0 0;
    align-self: stretch;
    border-radius: 20px;
    background: url("../Assets/Images/fashivly/recognition_main_one.png") no-repeat;
    background-size: 100%;
}

.recognition>.info>.recog>.recog_one>.add_info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    align-self: stretch;
}



.recognition>.info>.recog>.recog_one>.add_info>span {
    color: #421715;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #421715;
    font-family: "Self Modern Trial";
    font-size: 22px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px;
    /* 136.364% */
    letter-spacing: 1.5px;
    align-self: stretch;
}

.recognition>.info>.recog>.recog_one>.add_info>p {
    color: #0F0F0F;
    font-family: "Mabry Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    /* 162.5% */
    align-self: stretch;
    margin: 0;
}

.recognition>.info>.recog>.recog_two {
    display: flex;
    padding: 40px;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    flex: 1 0 0;
    align-self: stretch;
    border-radius: 40px;
    border: 1px solid #421715;
}

/* image */

.recognition>.info>.recog>.recog_two>.two_image {
    flex: 1 0 0;
    align-self: stretch;
    border-radius: 20px;
    background: url("../Assets/Images/fashivly/recognition_main_two.png") no-repeat;
    background-size: 100%;

}

.recognition>.info>.recog>.recog_two>.add_info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    align-self: stretch;
}

.recognition>.info>.recog>.recog_two>.add_info>span {
    color: #421715;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #421715;
    font-family: "Self Modern Trial";
    font-size: 22px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px;
    /* 136.364% */
    letter-spacing: 1.5px;
    align-self: stretch;
}

.recognition>.info>.recog>.recog_two>.add_info>p {
    color: #0F0F0F;
    font-family: "Mabry Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    /* 162.5% */
    align-self: stretch;
    margin: 0;
}

/* founders_message */

.founders_message {
    display: flex;
    padding: 100px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 140px;
    align-self: stretch;
    position: relative;
    background: #FBF6E8;
}

.founders_message>.message_icon[role='founders_message'] {
    position: absolute;
    left: 92px;
    top: 233px;
    width: 140px;
    height: 125px;
    aspect-ratio: 28/25;
}

.founders_message>h2 {
    align-self: stretch;
    color: #421715;
    leading-trim: both;
    text-edge: cap;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #421715;
    font-family: "Self Modern Trial";
    font-size: 64px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 1.5px;
    margin: 0;
}

.founders_message>.info {
    display: flex;
    padding: 60px;
    flex-direction: column;
    align-items: flex-start;
    gap: 50px;
    align-self: stretch;
    border-radius: 40px;
    background: #421715B2;
}

.founders_message>.info>.f_message {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 50px;
    align-self: stretch;
}

.founders_message>.info>.f_message>span {
    color: #FBF6E8;
    text-align: justify;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #FBF6E8;
    font-family: "Self Modern Trial";
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    line-height: 36px;
    /* 150% */
    letter-spacing: 2px;
    align-self: stretch;
}

.founders_message>.info>.f_message>.cto {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.founders_message>.info>.f_message>.cto>span[role='founder'] {
    font-weight: 700;
}

.founders_message>.info>.f_message>.cto>span {
    color: #FBF6E8;
    font-family: "Mabry Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    /* 187.5% */
    letter-spacing: 1px;
}

/* matters */
.matters {
    display: flex;
    align-items: center;
    background: #0E2642;
    height: 712px;
}

.matters>.left-panel svg {
    position: absolute;
    width: 50%;
    height: 712px;
    fill: #4a2c24;
    left: 0;
}

.matters>.left-panel {
    display: flex;
    padding: 100px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 60px;
    flex: 1 0 0;
    align-self: stretch;
}

.matters>.left-panel>h2 {
    color: #421715;
    leading-trim: both;
    text-edge: cap;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #421715;
    font-family: "Self Modern Trial";
    font-size: 64px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 1.5px;
    align-self: stretch;
    z-index: 1;
    margin: 0;
}

.matters>.left-panel>span {
    color: #0E2642;
    font-family: "Mabry Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    /* 162.5% */
    align-self: stretch;
    z-index: 1;

}

.matters>.right-panel {
    display: flex;
    padding: 140px 100px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 100px;
    flex: 1 0 0;
    align-self: stretch;
}

.matters>.right-panel>.outcome_item {
    display: flex;
    align-items: center;
    gap: 20px;
    align-self: stretch;
}

.matters>.right-panel>.outcome_item>span {
    color: #FBF6E8;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #FBF6E8;
    font-family: "Self Modern Trial";
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    line-height: 42px;
    /* 175% */
    letter-spacing: 2px;

}

.matters>.right-panel>.outcome_item>span[role='uppercase'] {
    text-transform: uppercase;
}

/* impact */
.matters {
    display: flex;
    align-items: center;
    background: #0E2642;
    height: 712px;
}

.matters>.left-panel svg {
    position: absolute;
    width: 50%;
    height: 712px;
    fill: #4a2c24;
    left: 0;
}

.matters>.left-panel {
    display: flex;
    padding: 100px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 60px;
    flex: 1 0 0;
    align-self: stretch;
}

.matters>.left-panel>h2 {
    color: #421715;
    leading-trim: both;
    text-edge: cap;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #421715;
    font-family: "Self Modern Trial";
    font-size: 64px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 1.5px;
    align-self: stretch;
    z-index: 1;
    margin: 0;
}

.matters>.left-panel>span {
    color: #0E2642;
    font-family: "Mabry Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    /* 162.5% */
    align-self: stretch;
    z-index: 1;

}

.matters>.right-panel {
    display: flex;
    padding: 140px 100px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 100px;
    flex: 1 0 0;
    align-self: stretch;
}

/* screen size min 1280 */
@media screen and (min-width: 1280px) {
    .role>.role_header>.role_image>img {
        width: 759px;
    }

    .scaling>.scaling_one>.scaling_image>img {
        width: 759px;
    }

    .results>.right-panel>img {
        width: 450px;
    }
}