.section {
    display: flex;
    flex-direction: column;
    padding: 5vw;
    row-gap: 2.5vh;
}

.section_headline {
    font-size: 8vh;
    background: linear-gradient(to right,#FFFFFF, #6584F2);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    width: max-content;
}

.header {
    height: 60vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: 5vh;
}

.header_headline {
    font-size: 10vh;
    background: linear-gradient(to right,#2685ce, #ed25ff);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
}

.header_subheadline {
    font-size: 3.5vh;
    color: #ffffff;
    text-align: center;
}

.section_challenges_div {
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 5vw;
    margin-top: 5vh;
    justify-content: center;
}

.section_challenges_div_item {
    display: flex;
    flex-direction: column;
    row-gap: 2vh;
    width: 20vw;
    height: 30vh;
    border-radius: 0.5vh;
    box-shadow: 0vh 0vh 3vh #ffffff4C;
    background-color: #080A12;
    padding: 5vh;
}

.section_challenges_div_item_heading {
    font-size: 3.5vh;
    background: linear-gradient(to right,#2685ce, #ed25ff);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.section_challenges_div_item_text {
    font-size: 2.25vh;
    line-height: 2.5vh;
}

.section_solution_div {
    display: flex;
    flex-direction: column;
    row-gap: 5vh;
    margin-top: 5vh;
}

.section_solution_div_text {
    font-size: 3vh;
    color: #FFFFFF80;
}

.highlight {
    background: linear-gradient(to right,#2685ce, #ed25ff);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.section_process_subheading {
    margin: 2vh 0vh;
    font-size: 3.5vh;
    color: #FFFFFF80;
}

.section_process_cycle {
    margin: 2vh 0vh;
    font-size: 4vh;
    background: linear-gradient(to right,#2685ce, #ed25ff);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.section_process_div {
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 5vw;
    margin-top: 5vh;
    justify-content: center;
}

.section_process_div_item {
    display: flex;
    flex-direction: column;
    row-gap: 2vh;
    width: 20vw;
    height: 40vh;
    border-radius: 0.5vh;
    box-shadow: 0vh 0vh 3vh #ffffff4C;
    background-color: #080A12;
    padding: 5vh;
}

.section_process_div_heading {
    font-size: 3vh;
    background: linear-gradient(to right,#2685ce, #ed25ff);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.section_process_div_text {
    font-size: 2vh;
    line-height: 2.25vh;
}

.section_outcome_div {
    display: flex;
    flex-direction: column;
    row-gap: 5vh;
    margin-top: 5vh;
}

.section_outcome_row {
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 5vw;
    justify-content: center;
}

.section_outcome_row_item {
    display: flex;
    row-gap: 2vh;
    width: 10vw;
    height: 20vh;
    border-radius: 0.5vh;
    box-shadow: 0vh 0vh 3vh #ffffff4C;
    background-color: #080A12;
    padding: 5vh;
}

.section_outcome_row_text {
    font-size: 3vh;
    background: linear-gradient(to right,#2685ce, #ed25ff);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.section_contact_div {
    margin: 5vh 0vh;
    text-align: start;
    position: relative;
    padding: 2vh;
    display: inline-flex;
    align-items: center;
    width: 30vw;
    background-color: #080A12;
}

.section_contact_div::before,
.section_contact_div::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 0.1vh;
    background: linear-gradient(to right, #ffffff00,#FFFFFF1a,#ffffff00);
}

.section_contact_div::before {
    top: 0;
}

.section_contact_div::after {
    bottom: 0;
}

.section_contact_div_text {
    font-size: 2.5vh;
    background: linear-gradient(to right,#2685ce, #ed25ff);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.section_contact_email {
    font-size: 2vh;
    color: #FFFFFF32;
}

@media (max-width: 768px) {

    .section {
        padding: 10vw;
        row-gap: 2.5vh;
    }
    
    .section_headline {
        font-size: 5vh;
        width: 80vw;
    }
    
    .header {
        height: 70vh;
    }

    .header_headline {
        font-size: 9vh;
    }
    
    .section_challenges_div {
        flex-direction: column;
        row-gap: 5vh;
    }
    
    .section_challenges_div_item {
        row-gap: 2vh;
        width: 70vw;
        height: 40vh;
    }
    
    .section_process_div {
        flex-direction: column;
        row-gap: 5vw;
    }
    
    .section_process_div_item {
        width: 70vw;
    }
    
    .section_process_div_heading {
        font-size: 3vh;
        background: linear-gradient(to right,#2685ce, #ed25ff);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    
    .section_outcome_row {
        flex-direction: column;
        row-gap: 5vw;
    }
    
    .section_outcome_row_item {
        width: 50vw;
        height: 15vh;
    }
    
    .section_contact_div {
        width: 70vw;
    }
    
    .section_contact_email {
        text-align: center;
    }
}