.howToOrder {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: rgb(184, 247, 184);
    padding-top: clamp(15px, calc(15px + (35 * ((100vw - 300px) / 250))), 50px);
    padding-bottom: clamp(15px, calc(15px + (35 * ((100vw - 300px) / 250))), 50px);
}

.howToOrderBanner {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 45px;
    margin-bottom: clamp(10px, calc(10px + (5 * ((100vw - 300px) / 250))), 40px);
}
.howToOrderBanner img {
  width: clamp(28px, calc(28px + (22 * ((100vw - 300px) / 250))), 50px);
}
.howToOrderBanner h1 {
    color: #A50cf8;
    -webkit-text-stroke: 1px black; /* Outline width and color */
    font-weight: bold;
    margin: 0;
    font-size: clamp(28px, calc(28px + (22 * ((100vw - 300px) / 250))), 50px);
    margin-left: clamp(5px, calc(5px + (5 * ((100vw - 300px) / 250))), 10px);
    white-space: nowrap;
}

.howToOrderContainer {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    box-sizing: border-box;
    width: 1150px;
    padding-top: 0px;
}

.howToOrder ul {
    list-style:disc;
    font-size: clamp(15px, calc(15px + (5 * ((100vw - 300px) / 250))), 20px);
    margin: 0;
    padding: 0;
    padding-left: clamp(20px, calc(20px + (20 * ((100vw - 300px) / 250))), 40px);
}
.howToOrder p {
    margin-top: 0;
}

.howToOrderList {
  color: #e8bdff;
  font-weight: bold;
  -webkit-text-stroke: 0.5px black; /* Outline width and color */
}

@media screen and (max-width: 1200px) {
    .howToOrderContainer {
        width: 95vw;
    }
}