.flagship-section {
    width: 100%;
    background-color: #d4e3ea;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.flagship-img-wrapper {
    padding: 4rem 0;
    width: 70rem;
    height: 65rem;
    position: relative;
}
.flagship-img-wrapper img {
    width: 100%;
    height: 100%;
}
.flagship-content-wrapper {
    position: absolute;
    top: 4rem;
    right: 17rem;
}
.flagship-content-title {
    font-size: 1.4rem;
    font-weight: bolder;
    color: rgb(77, 75, 75);
}
.flagship-content-wrapper ul {
    margin-left: 1rem;
    margin-top: 1rem;
}
.flagship-content-wrapper li {
    font-size: 0.8rem;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
}

/* mobile */
@media screen and (max-width: 767px) {
    .flagship-section {
        flex-direction: column;
    }
    .flagship-img-wrapper {
        width: 100%;
        height: 100%;
        padding: 1rem 0;
    }
    .flagship-content-wrapper {
        position: unset;
    }
}

/* tab */
@media screen and (min-width: 350px) and (max-width: 768px) {
    .flagship-section {
        flex-direction: column;
    }
    .flagship-img-wrapper {
        width: 85%;
        height: 100%;
        padding: 1rem 0;
    }
    .flagship-content-wrapper {
        position: unset;
    }
}