.header-screen {
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.4);
    position: relative;
}
.landscape-section .title-black {
    text-align: center;
    position: absolute;
    margin-bottom: 0;
    align-self: center;
    width: 100%;
}
.title-small {
    text-align: center;
    display: none;
}
.landscape-section {
    display: flex;
    align-items: center;
}
.questions-left {
    background: url('../assets/questions-landscape-left.png') 0 60% / cover no-repeat;
    height: 300px;
    width: 100%;
}
.questions-right {
    background: url('../assets/questions-landscape-right.png') 100% 0 / cover no-repeat;
    height: 300px;
    width: 100%;
}
.title-black {
    margin-bottom: 64px;
}

.info-instructor {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.note {
    display: flex;
    align-items: flex-start;
    margin-bottom: 40px;
}
.note img {
    margin-right: 8px;
    margin-top: 2px;
}

.info-instructor .item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: #FFF6F2;
    border-radius: 16px;
    width: 200px;
}
.items-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-bottom: 8px;
}
.info-instructor .item .x-big {
    padding: 10px 0;
}
.item:nth-child(2) {
    margin-left: 20px;
    margin-right: 20px;
}
.item .primary-light{
    display: flex;
}

.questions-wrapper {
    margin-top: 64px;
    display: flex;
    flex-direction: column;
}
.question-container {
    display: flex;
    flex-direction: column;
}

.accordion {
    display: flex;
    align-items: flex-start;
}
.accordion:hover {
    cursor: pointer;
}
.accordion .x-small {
    margin-left: 16px;
}
.accordion-img {
    transition: 0.2s ease-in-out;
    margin-top: 4px;
}
.active {
    transform: rotate(45deg);
}
.panel {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-in-out;
    margin-left: 42px;
}
.oug {
    text-decoration: underline;
    font-weight: bold;
    font-style: italic;
}
#choose-list {
    padding-inline-start: 18px;
}
ol {
    padding-inline-start: 18px;
}
@media (max-width: 1200px) {
    .questions-left {
        background: url('../assets/questions-landscape-left-small.png') 0 60% / cover no-repeat;
    }
    .questions-right {
        background: url('../assets/questions-landscape-right-small.png') 100% 0 / cover no-repeat;
    }
}
@media (max-width: 950px) {
    .items-wrapper {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .item:nth-child(2) {
        margin-left: 0;
        margin-right: 0;
        margin-top: 20px;
        margin-bottom: 20px;
    }
}
@media (max-width: 850px) {
    .title-big {
        display: none;
    }
    .title-small {
        display: block;
    }
}
@media (max-width: 700px) {
    .questions-left {
        background: url('../assets/questions-landscape-left-x-small.png') 0 60% / cover no-repeat;
    }
    .questions-right {
        background: url('../assets/questions-landscape-right-x-small.png') 100% 0 / cover no-repeat;
    }
}
@media (max-width: 500px) {
    .questions-wrapper {
        margin-left: -24px;
        margin-right: -24px;
    }
    .panel {
        margin-left: 8px;
    }
    * {
        margin: 0;
        padding: 0;
    }
    #choose-list ul {
        padding-inline-start: 18px;
    }
    .questions-right {
        display: none;
    }
    .questions-left {
        background: url('../assets/questions-landscape-left-x-small.png') 0 100% / cover no-repeat;
    }
}
