
.first-main-title-text {
    text-align: center;
    font-size: 7vw;
    letter-spacing: 0vw;
    line-height: 6.7vw;
    margin-bottom: 22vw;
    margin-top: 2vw;
}

.second-flex-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 10;
}

.second-box-bg-container {
    background-color: #F5F5F5;
    width: auto;
    height: auto;
    margin-top: -16vw;
}

.second-main-text {
    text-align: center;
    font-size: 6vw;
    letter-spacing: 0vw;
    line-height: 6.5vw;
    margin-top: 2vw;
    margin-bottom: 2vw;
    margin-left: 6vw;
    margin-right: 6vw;
}

.third-bg-img-container {
    background-color: white;
    background-image: url("/assets/usecases/green_face_bg.png");
    aspect-ratio: 360/1034;
    background-size: cover;
    background-repeat: no-repeat;
    width: auto;
    height: auto;
    margin-left: -2vw;
    margin-right: -2vw;
    margin-top: -14vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
}

.third-line {
    border-top: 0.5vw solid white;
    width: 48vw;
    margin-top: 20vw;
}

.third-main-text {
    text-align: left;
    font-size: 4.7vw;
    letter-spacing: 0vw;
    color: white;
    margin-top: 8vw;
    margin-left: 2vw;
    margin-right: 2vw;
}

.third-list-container {
    display: flex;
    flex-direction: column;
    align-items: left;
    justify-content: start;
    margin-top: 2vw;
    margin-bottom: 8vw;
}

.third-list-elements-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: start;
    margin-top: 5vw;
}

.third-pill-icon {
    background-color: none;
    background-image: url("/assets/usecases/angeled_pill_icon.png");
    aspect-ratio: 20/20;
    background-size: cover;
    background-repeat: no-repeat;
    width: 7vw;
    height: auto;
}

.third-list-text {
    text-align: left;
    font-size: 4.7vw;
    letter-spacing: 0vw;
    line-height: 5.2vw;
    color: white;
    margin-left: 5vw;
}

.fourth-flex-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
}


.fourth-box-bg-container {
    background-color: #19994E;
    width: auto;
    height: auto;
    margin-top: 14vw;
}

.fourth-main-text {
    text-align: center;
    color: white;
    font-size: 6vw;
    letter-spacing: 0vw;
    line-height: 6.5vw;
    margin-top: 4vw;
    margin-bottom: 5vw;
    margin-left: 4vw;
    margin-right: 4vw;
}

.fourth-line {
    border-top: 0.5vw solid #19994E;
    width: 48vw;
    margin-top: 5vw;
    margin-bottom: 5vw;
}

.fourth-box-top-main-text {
    background-color: #19994E;
    width: auto;
    height: auto;
}

.fourth-top-main-text {
    text-align: left;
    font-size: 4.7vw;
    letter-spacing: 0vw;
    color: white;
    margin-top: 3vw;
    margin-left: 4vw;
    margin-right: 4vw;
    margin-bottom: 4vw;
}

.fourth-box-bottom-main-text {
    background-color: #19994E;
    width: auto;
    height: auto;
    margin-top: 13vw;
    margin-bottom: 20vw;
}

.fourth-bottom-main-text {
    text-align: left;
    font-size: 4.7vw;
    letter-spacing: 0vw;
    color: white;
    margin-top: 2vw;
    margin-left: 4vw;
    margin-right: 4vw;
    margin-bottom: 4vw;
}

.fifth-bg-img-container {
    background-color: white;
    background-image: url("/assets/usecases/blured_hand_bg.png");
    aspect-ratio: 360/1254;
    background-size: cover;
    background-repeat: no-repeat;
    width: auto;
    height: auto;
    margin-left: -2vw;
    margin-right: -2vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
}

.fifth-list-container {
    display: flex;
    flex-direction: column;
    align-items: left;
    justify-content: start;
    margin-top: 2vw;
}

.fifth-list-elements-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: start;
    margin-top: 10vw;
}

.fifth-icon-1 {
    background-color: none;
    background-image: url("/assets/usecases/circle_img_1.png");
    aspect-ratio: 118/118;
    background-size: cover;
    background-repeat: no-repeat;
    width: 30vw;
    height: auto;
}

.fifth-icon-2 {
    background-color: none;
    background-image: url("/assets/usecases/circle_img_2.png");
    aspect-ratio: 118/118;
    background-size: cover;
    background-repeat: no-repeat;
    width: 30vw;
    height: auto;
}

.fifth-icon-3 {
    background-color: none;
    background-image: url("/assets/usecases/circle_img_3.png");
    aspect-ratio: 118/118;
    background-size: cover;
    background-repeat: no-repeat;
    width: 30vw;
    height: auto;
}

.fifth-icon-4 {
    background-color: none;
    background-image: url("/assets/usecases/circle_img_4.png");
    aspect-ratio: 118/118;
    background-size: cover;
    background-repeat: no-repeat;
    width: 30vw;
    height: auto;
}

.fifth-icon-5 {
    background-color: none;
    background-image: url("/assets/usecases/circle_img_5.png");
    aspect-ratio: 118/118;
    background-size: cover;
    background-repeat: no-repeat;
    width: 30vw;
    height: auto;
}

.fifth-icon-6 {
    background-color: none;
    background-image: url("/assets/usecases/circle_img_6.png");
    aspect-ratio: 118/118;
    background-size: cover;
    background-repeat: no-repeat;
    width: 30vw;
    height: auto;
}

.fifth-icon-7{
    background-color: none;
    background-image: url("/assets/usecases/circle_img_7.png");
    aspect-ratio: 118/118;
    background-size: cover;
    background-repeat: no-repeat;
    width: 30vw;
    height: auto;
}

.fifth-icon-8 {
    background-color: none;
    background-image: url("/assets/usecases/circle_img_8.png");
    aspect-ratio: 118/118;
    background-size: cover;
    background-repeat: no-repeat;
    width: 30vw;
    height: auto;
}

.fifth-list-text {
    text-align: left;
    font-size: 4vw;
    letter-spacing: 0vw;
    line-height: 5vw;
    color: black;
    margin-left: 5vw;
}

.first-title-dp {
    text-align: center;
    font-size: 2.5vw;
    line-height: 2.8vw;
    color: black;
    margin-top: 2vw;
}

.second-box-bg-container-dp {
    background-color: #F5F5F5;
    width: auto;
    height: auto;
    margin-top: 4vw;
}

.second-main-text-dp {
    text-align: center;
    font-size: 2.5vw;
    line-height: 2.8vw;
    color: #19994E;
    margin-top: 1vw;
    margin-left: 1.5vw;
    margin-right: 1.5vw;
    margin-bottom: 1vw;   
}

.second-line-dp {
    width: 51vw;
    border-top: 0.3vw solid #F5F5F5;
    margin-top: 0.5vw;
}

.third-column-flex-container-dp {
    background-color: white;
    background-image: url("/assets/usecases/first_bg.png");
    aspect-ratio: 1920/836;
    background-size: cover;
    background-repeat: no-repeat;
    width: auto;
    height: auto;
    margin-left: -2vw;
    margin-right: -2vw;
    margin-top: -4vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.third-main-text-dp{
    text-align: left;
    font-size: 1.4vw;
    line-height: 1.4vw;
    margin-top: 5vw;
    color: white;
}

.third-icon-text-container-dp {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-top: 2vw;
}

.third-pill-icon-dp {
    background-color: none;
    background-image: url("/assets/usecases/angeled_pill_icon.png");
    aspect-ratio: 20/20;
    background-size: cover;
    background-repeat: no-repeat;
    width: 4vw;
    height: auto;
    margin-left: 3vw;
}

.third-small-text-dp {
    text-align: left;
    font-size: 1.4vw;
    line-height: 1.4vw;
    color: white;
    margin-left: 2vw;
}

.third-c-dp {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: left;
    margin-top: 1vw;
}

.fourth-bg-img-container {
    background-color: white;
    background-image: url("/assets/usecases/second_bg.png");
    aspect-ratio: 1920/1468;
    background-size: cover;
    background-repeat: no-repeat;
    width: auto;
    height: auto;
    margin-left: -2vw;
    margin-right: -2vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
}


.fourth-box-bg-container-dp {
    background-color: #19994E;
    width: auto;
    height: auto;
    margin-top: 4vw;
}

.fourth-main-text-dp {
    text-align: center;
    font-size: 2.5vw;
    line-height: 2.8vw;
    color: white;
    margin-top: 1vw;
    margin-left: 1.5vw;
    margin-right: 1.5vw;
    margin-bottom: 1vw;   
}

.fourth-line-dp {
    width: 51vw;
    border-top: 0.3vw solid #19994E;
    margin-top: 0.5vw;
}

.fourth-row-container-dp {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.fourth-green-box {
    text-align: left;
    font-size: 1.4vw;
    line-height: 1.4vw;
    margin-top: 5vw;
    color: white;
    background-color: #19994E;
    padding-left: 1vw;
    padding-top: 1vw;
    padding-right: 1vw;
    padding-bottom: 1vw;
    border: 0.2vw solid white;
}

.fourth-green-box-sc {
    text-align: left;
    font-size: 1.4vw;
    line-height: 1.4vw;
    margin-top: 5vw;
    color: white;
    background-color: #19994E;
    padding-left: 1vw;
    padding-top: 2vw;
    padding-right: 1vw;
    padding-bottom: 3vw;
    border: 0.2vw solid white;
    margin-left: 4vw;
}

.fourth-corosuel-img {
    background-color: none;
    background-image: url("/assets/usecases/trials.png");
    aspect-ratio: 1198/1042;
    background-size: cover;
    background-repeat: no-repeat;
    width: 55vw;
    height: auto;
}