/* s4 */
#s4 {
    margin-bottom: 50vh;
}

#s4 .img-outer img {
    width: 58%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
    opacity: 0.7;
    position: relative;
    top: unset;
    left: unset;
}

#s4 .text-outer {
    padding: 8% 10.2%;
    justify-content: space-between;
    gap: 0;
}

#s4 .text-outer>div {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
}

/* s5 */
#s5 {
    margin: 50vh 0;
}

#s5 .img-outer {
    width: 68.23%;
    height: 100vh;
    position: relative;
}

#s5 .img-outer img {
    height: 87.69%;
    width: 100%;
    object-fit: cover;
    object-position: center;
    opacity: 0.7;
    left: unset;
}

#s5 .text-outer {
    width: auto;
    height: 60%;
    position: absolute;
    left: 54.07%;
    top: 18%;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0;
}

/* #panels */
.full-screen {
    display: block;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

#panels::-webkit-scrollbar {
    display: none;
}

#panels {
    overflow-x: hidden;
}

#panels #panels-container {
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 0;
    overflow: hidden;
}

#panels #panels-container .panel {
    height: 100vh;
}

/* #panel_5 */
#panel_5 {
    height: 100vh;
}

#panel_5 img {
    height: 100%;
    object-fit: cover;
    object-position: center 45%;
}

#panel_5 .text-outer {
    left: 8vw;
    top: 12vh;
}

/* #panel_6 */
#panel_6 {
    height: 100vh;
}

#panel_6 img {
    height: 100%;
    object-fit: cover;
}

#panel_6 .text-outer {
    left: 8vw;
    top: 12vh;
}

/* #panel_7 */
#panel_7 img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center 5%;
    position: relative;
    top: unset;
    left: unset;
}

#panel_7 .text-outer {
    left: 8vw;
    top: 12vh;
}