.banner{width:100%;overflow:hidden;}
        .section_frame {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            text-align: center;
            color: white;
            font-family: Arial, sans-serif;
        }

        .section_content {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }

        .slide-effect {
            animation: slideIn 1s ease-out;
        }

        .split-slide-effect {
            animation: splitSlideIn 1.5s ease-out;
        }

        .style2 {
            font-size: 2.2em;
            font-weight: bold;
            margin-top:50px;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
        }

        .style2-2 {
            font-size: 1.5em;
            
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
        }

        .style13 {
            font-size: 1.2em;
            margin: 20px 0;
            line-height: 1.6;
            text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
        }

        @keyframes slideIn {
            from {
                opacity: 0;
                transform: translateY(-50px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @keyframes splitSlideIn {
            from {
                opacity: 0;
                transform: translateX(-50px);
            }
            to {
                opacity: 1;
                transform: translateX(0);
            }
        }

@media all and (max-width:1680px) {
    
    .style2 {
        font-size: 30px;
        margin-top:20px;
    }

}

@media all and (max-width:900px) {
    .section_content{width:280px}
    .style2 {
       
        font-size: 25px;
        margin-top:20px;
    }

    .style2-2 {
        font-size: 18px;
        margin-top:20px;
    }
    .style13 {
        font-size: 18px;
        margin-top:20px;
    }
}