.about-content {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 85%;
    height: 100%;
    color: white;
}

.about-title {
    position: absolute;
    top: 5%;
    left: 50%;
    transform: translateX(-50%);
    font-size: 1.9rem;
    letter-spacing: 0.05em;
}

.about-text {
    position: absolute;
    top: 62%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    font-size: 0.85rem;
    line-height: 1.2;
    letter-spacing: 0.07em;
}

.about-section {
    position: relative;
}

.about-section .bg {
    width: 100%;
    display: block;
}

.about-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to top,
        rgba(240, 107, 4, 0.6) 0%,
        rgba(240, 107, 4, 0.3) 40%,
        rgba(226, 170, 54, 0.15) 70%,
        rgba(226, 170, 54, 0) 100%
    );
    pointer-events: none;
}

.train-content {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 85%;
    height: 100%;
    color: white;
}

.train-title {
    position: absolute;
    top: 5%;
    left: 50%;
    transform: translateX(-50%);
    font-size: 1.9rem;
    letter-spacing: 0.05em;
}

.train-text {
    position: absolute;
    top: 58%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    font-size: 0.95rem;
    line-height: 1.5;
}

.act-btn {
    position: absolute;
    top: 67%;
    left: 50%;
    transform: translateX(-50%);
    background: #FBB728;
    color: white;
    padding: 0.7rem 1.6rem;
    border-radius: 999rem;
    cursor: pointer;
}

.shop-wrap {
    position: relative;
}

.shop-content {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 85%;
    height: 100%;
    color: white;
}

.shop-title {
    position: absolute;
    top: 5%;
    left: 50%;
    transform: translateX(-50%);
    font-size: 1.9rem;
    letter-spacing: 0.05em;
}

.shop-text {
    position: absolute;
    top: 58%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    font-size: 0.95rem;
}

.star {
    position: absolute;
    right: -11%;
    top: 5%;
    width: 13.75rem;
    height: 13.75rem;
}

@media (max-width: 600px) {
    .star {
        right: -15%;
    }
}