body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,li,dt,dd,form,input,textarea,select{margin:0;padding:0;}
    em{font-style:normal;}
    li{list-style:none;vertical-align:middle;}
    a{text-decoration:none;outline:none;}
    img{border:none;vertical-align:top;}
    table{border-collapse:collapse;}
    input,textarea{outline:none;}
    textarea{resize:none;overflow:auto;}
    body{font-size:12px;}
    .clear{zoom:1;}
    .clear:after{content:'';display:block;clear:both;}
    .fl{float:left;}
    .fr{float:right;}
    /* 导入字体 */
        @import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;600;700;900&display=swap');
        @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap');
    body{
        background:#c85c40 url(../images/5588ps-bg-index-01.gif) no-repeat center top;
        margin-left: 0px;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
    }
    body,td,th {
        font-size: 9pt;
        color: #FF9900;
    }
        
        ::-webkit-scrollbar {
            width: 20px;
        }
        

        ::-webkit-scrollbar-thumb {
            background-color: #7a0000;
            border-radius: 0px;
        }
        
        
        ::-webkit-scrollbar-thumb:hover {
            background-color: #b11414;
        }
        

        ::-webkit-scrollbar-track {
            background-color: #570000;
        }
        

        ::-webkit-scrollbar-button {
            display: none;
        }
        
        ::-webkit-scrollbar-corner {
            background-color: #ed2020;
        }
        
        ::-webkit-resizer {
            display: none;  
        }
        
        @keyframes float {
        0% {
            transform: translateY(0);
        }
        50% {
            transform: translateY(-20px);
        }
        100% {
            transform: translateY(0);
        }
        }
        
        .float-image {
        animation: float 3s ease-in-out infinite;
        }

    a {
        font-size: 9pt
        color: #FF0000;
        font-family: ΢   ź ;
    }
    .STYLE1 {color: #FFCC00}
    a:link {
        text-decoration: none;
        color: #FFFFFF;
    }
    a:visited {
        text-decoration: none;
        color: #FFFFFF;
    }
    a:hover {
        text-decoration: none;
        color: #FFFF00;
    }
    a:active {
        text-decoration: none;
        color: #FF0000;
    }
    .hover-image:hover {
        filter: brightness(1.5); /* Increase brightness on hover */
    }
    .hover-image-1:hover {
        filter: brightness(0.8); /* Increase brightness on hover */
    }
    .hover-image-2:hover {
        filter: brightness(1.1); /* Increase brightness on hover */
    }
    .news_wz {
        font-family: ΢   ź ;
        font-size: 14pt;
        color: #ffffff;
        text-shadow: 0 1px Black, 1px 0 Black, -1px 0 Black, 0 -1px Black;
    }
    .news_wz:hover {
        font-family: ΢   ź ;
        font-size: 14pt;
        color: #dfdfdf;
        text-shadow: 0 1px Black, 1px 0 Black, -1px 0 Black, 0 -1px Black;
    }


            .image-container {
                position: relative;
                display: inline-block;
                overflow: hidden;
                margin: 0px;
            }

            .image-container img {
                display: block;
                max-width: 100%;
                height: auto;
            }

            .shine {
                position: absolute;
                top: 0;
                left: -150%;
                width: 100%;
                height: 100%;
                background: linear-gradient(120deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.8) 100%, rgba(255, 255, 255, 0) 100%);
                transform: skewX(-25deg);
                animation: shine-animation 1.5s ease-in-out infinite;
            }

            @keyframes shine-animation {
                from {
                    left: -150%;
                }
                to {
                    left: 150%;
                }
            }
            

    .anniu {
                transition: All 0.4s ease-in-out;
                -webkit-transition: All 0.4s ease-in-out;
                -moz-transition: All 0.4s ease-in-out;
                -o-transition: All 0.4s ease-in-out;
            }

    .xuanzhuan {
                transition: All 0.4s ease-in-out;
                -webkit-transition: All 0.4s ease-in-out;
                -moz-transition: All 0.4s ease-in-out;
                -o-transition: All 0.4s ease-in-out;
            }

    .xuanzhuan:hover {
                transform: scale(1.2);
                -webkit-transform: scale(1.2);
                -moz-transform: scale(1.2);
                -o-transform: scale(1.2);
                -ms-transform: scale(1.2);
            }
    .zuoyi {
                transition: All 0.4s ease-in-out;
                -webkit-transition: All 0.4s ease-in-out;
                -moz-transition: All 0.4s ease-in-out;
                -o-transition: All 0.4s ease-in-out;
            }

    .zuoyi:hover {
                transform: translate(0, 10px);
                -webkit-transform: translate(0, 10px);
                -moz-transform: translate(0, 10px);
                -o-transform: translate(0, 10px);
                -ms-transform: translate(0, 10px);
            }
    .fangda {
                transition: All 0.4s ease-in-out;
                -webkit-transition: All 0.4s ease-in-out;
                -moz-transition: All 0.4s ease-in-out;
                -o-transition: All 0.4s ease-in-out;
            }

    .fangda:hover {
                transform: scale(1.03);
                -webkit-transform: scale(1.03);
                -moz-transform: scale(1.03);
                -o-transform: scale(1.03);
                -ms-transform: scale(1.03);
            }
    .suoxiao{
                transition: All 0.4s ease-in-out;
                -webkit-transition: All 0.4s ease-in-out;
                -moz-transition: All 0.4s ease-in-out;
                -o-transition: All 0.4s ease-in-out;
            }

    .suoxiao:hover {
                transform: scale(1);
                -webkit-transform: scale(0.9);
                -moz-transform: scale(0.9);
                -o-transform: scale(0.9);
                -ms-transform: scale(0.9);
            }
    .zuoyi-1 {
                transition: All 0.4s ease-in-out;
                -webkit-transition: All 0.4s ease-in-out;
                -moz-transition: All 0.4s ease-in-out;
                -o-transition: All 0.4s ease-in-out;
            }

    .zuoyi-1:hover {
                transform: translateX(10px);
                -webkit-transform: translateX(10px);
                -moz-transform: translateX(10px);
                -o-transform: translateX(10px);
                -ms-transform: translateX(10px);
            }		
    .zuoyi-2 {
                transition: All 0.4s ease-in-out;
                -webkit-transition: All 0.4s ease-in-out;
                -moz-transition: All 0.4s ease-in-out;
                -o-transition: All 0.4s ease-in-out;
            }

    .zuoyi-2:hover {
                transform: translate(0, -10px);
                -webkit-transform: translate(0, -10px);
                -moz-transform: translate(0, -10px);
                -o-transform: translate(0, -10px);
                -ms-transform: translate(0, -10px);
            }
    .zuoyi-3 {
                transition: All 0.4s ease-in-out;
                -webkit-transition: All 0.4s ease-in-out;
                -moz-transition: All 0.4s ease-in-out;
                -o-transition: All 0.4s ease-in-out;
            }

    .zuoyi-3:hover {
                transform: translateX(-10px);
                -webkit-transform: translateX(-10px);
                -moz-transform: translateX(-10px);
                -o-transform: translateX(-10px);
                -ms-transform: translateX(-10px);
            }
    .fanzhuan {
                transition: All 0.4s ease-in-out;
                -webkit-transition: All 0.4s ease-in-out;
                -moz-transition: All 0.4s ease-in-out;
                -o-transition: All 0.4s ease-in-out;
            }

    .fanzhuan:hover {
                transform: rotate(360deg);
                -webkit-transform: rotate(360deg);
                -moz-transform: rotate(360deg);
                -o-transform: rotate(360deg);
                -ms-transform: rotate(360deg);
            }

    #preview{position:absolute;border:1px solid #650000;background:#f30000;padding:5px;display:none;color:#fff;}

    #Floatingbar{width:110px;height:650px;position:fixed;top:50%;right:0px;margin-top:-340px;padding-top:60px;padding-right:18px;padding-left:50px;background:url(../images/floatingbg.png) no-repeat left top;z-index:2500;}
    #Floatingbar .erweima{width:109px;line-height:20px;text-align:center;margin:0px auto 10px auto;}
    #Floatingbar .erweima:hover{}
    #Floatingbar .erweima:hover img{transform:scale(1.1);}
    #Floatingbar .erweima img{width:109px;height:109px;margin-bottom:3px;display:block;transition:all 0.3s ease-in;}
    #Floatingbar .erweima span{font-size:13px;color:#e7dbc0;}
    #Floatingbar ul{margin-bottom:7px;}
    #Floatingbar ul li{line-height:26px;text-align:center;color:#e7dbc0;margin-bottom:3px;}
    #Floatingbar ul li a{display:block;}
    #Floatingbar ul li a img{margin:0 auto;display:block;}
    #Floatingbar .downlist{line-height:2.14;font-size:14px;}
    #Floatingbar .downlist li a{color:#dab974;}
    #Floatingbar .downlist li a:hover{color:#e7dbc0;text-decoration:none;}


    /* Container for the image */
    .image-container {
    perspective: 1000px;
    display: inline-block;
    }

    /* The image itself */
    .image {
    transition: transform 0.5s;
    transform-style: preserve-3d;
    }

    /* Apply rotation when hovered */
    .image:hover {
    transform: rotateY(20deg); 
    }

    /* Apply rotation when hovered */
    .image:hover::before {
    transform: rotateY(-20deg); 
    }

    /* Hide the back side of the image */
    .image-back {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    backface-visibility: hidden;
    }


    /* Container for the image */
    .new-image-container {
    perspective: 1000px;
    display: inline-block;
    }

    /* The image itself */
    .new-image {
    transition: transform 0.5s;
    transform-style: preserve-3d;
    }

    /* Apply rotation when hovered */
    .new-image-container:hover .new-image {
    transform: rotateY(180deg); 
    }

    /* Apply rotation when hovered */
    .new-image-container:hover .new-image::before {
    transform: rotateY(-180deg); 
    }

    /* Hide the back side of the image */
    .new-image-back {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    backface-visibility: hidden;
    }

    #musicButton {
        width: 80px;
        height: 80px;
        background-image: url('../images/music-on.png'); 
        background-size: cover;
        background-repeat: no-repeat; 
        background-color: transparent;
        border: none;
        cursor: pointer;
        animation: spin 2s linear infinite; 
    }

    @keyframes spin {
        from { transform: rotate(0deg); }
        to { transform: rotate(360deg); } 
    }


    .popup {
                display: none;
                position: fixed;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                background-color: #a9a9a9;
                padding: 60px;
                border: 1px solid #ccc;
                border-radius: 0px;
                z-index: 9999;
            }
            

    .popup-button {
                cursor: pointer;
                color: blue;
                text-decoration: underline;
            }
            

    .hove-nav-css {
        background: linear-gradient(0deg, #ff9d00, #ffffff);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        font-weight: normal;
        text-align: center;
        line-height: 1.5;
        text-shadow: 1px 1px 10px rgba(143, 0, 0, 0.3);
        transition: all 0.3s ease;
        cursor: pointer;
        display: inline-block;
    }


    .hove-nav-css:hover {
        background: linear-gradient(135deg, #ff5b32, #ff0000, #ff7e23, #ff9900);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-shadow: 
            1px 1px 15px rgba(247, 255, 123, 0.8),
            0 0 20px rgba(247, 255, 123, 0.6),
            0 0 30px rgba(160, 0, 0, 0.4);
        transform: scale(1.05);
        color: #ffffff;
    }


    .hove-nav-css:active {
        transform: scale(0.98);
        transition: all 0.1s ease;
    }


    @supports (-moz-appearance: none) {
        .hove-nav-css {
            background: linear-gradient(135deg, #858dff, #ffffff, #858dff, #ffffff);
            background-clip: text;
            -moz-text-fill-color: transparent;
        }
        
        .hove-nav-css:hover {
            background: linear-gradient(135deg, #f7ff7b, #ffffff, #f7ff7b, #ffffff);
            background-clip: text;
            -moz-text-fill-color: transparent;
        }
    }

    .news-bg-css {
        background: linear-gradient(0deg, #ff0000, #460000);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        font-weight: normal;
        text-align: center;
        line-height: 1.5;
        text-shadow: 1px 1px 10px rgba(255, 255, 255, 0.3);
        transition: all 0.3s ease;
        cursor: pointer;
        display: inline-block;
    }

    .news-bg-css:hover {
        background: linear-gradient(135deg, #b50000, #600000, #ba0000, #a40000);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-shadow: none;
        transform: scale(1.05);
        color: #1e3a8a;
    }

    .news-bg-css:active {
        transform: scale(0.98);
        transition: all 0.1s ease;
    }


    .news-bg-css-1 {
        background: linear-gradient(0deg, #7e0000, #b00000);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        font-weight: normal;
        text-align: center;
        line-height: 1.5;
        text-shadow: 1px 1px 10px rgba(255, 255, 255, 0.3);
        transition: all 0.3s ease;
        cursor: pointer;
        display: inline-block;
    }

    .news-bg-css-1:hover {
        background: linear-gradient(135deg, #a04300, #000dda, #3b0000, #c00000);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-shadow: none;
        transform: scale(1.05);
        color: #1e3a8a;
    }

    .news-bg-css-1:active {
        transform: scale(0.98);
        transition: all 0.1s ease;
    }

    .news-bg-css-2 {
        background: linear-gradient(0deg, #000000, #500000);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        font-weight: normal;
        text-align: center;
        line-height: 1.5;
        filter: drop-shadow(0 0 2px rgba(255, 255, 255, 1));
        transition: all 0.3s ease;
        cursor: pointer;
        display: inline-block;
    }

    .news-bg-css-2:hover {
        background: linear-gradient(135deg, #3d1900, #000000, #490000, #780000);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-shadow: none;
        transform: scale(1.05);
        color: #000000;
    }
	.news-bg-css-2:hover {
    background: linear-gradient(135deg, #3d1900, #000000, #490000, #780000);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-shadow: none;
    transform: scale(1.05);
    color: #000000;
}

.news-bg-css-2:active {
    transform: scale(0.98);
    transition: all 0.1s ease;
}

.bt-css {
    background: linear-gradient(0deg, #90ee90, #ffffff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-weight: normal;
    text-align: center;
    line-height: 1.5;
    text-shadow: 1px 1px 10px rgba(255, 255, 255, 0.3);
    transition: all 0.3s ease;
    cursor: pointer;
}

.bt-css:hover {
    background: linear-gradient(135deg, #ffffff, #90ee90, #ffffff, #90ee90);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-shadow: none;
    transform: scale(1.05);
    color: #006400;
}

.bt-css:active {
    transform: scale(0.98);
    transition: all 0.1s ease;
}

.shuxing-show-container {
    width: 1300px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    gap: 30px 0;
    justify-content: center;
}

.shuxing-show-item {
    width: 185px;
    text-align: center;
}

.shuxing-show-wrapper {
    width: 150px;
    height: 150px;
    margin: 0 auto;
}

.shuxing-show-main {
    width: 150px;
    height: 150px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 150px 150px;
    position: relative;
}

.shuxing-show-image {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.shuxing-show-image img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.shuxing-show-fanzhuan {
    font-size: 13px;
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.shuxing-show-fanzhuan a {
    display: block;
}

.shuxing-show-hover-image:hover {
    transform: scale(1.1);
    transition: transform 0.3s ease;
}

.shuxing-show-zuoyi:hover {
    cursor: pointer;
}

.zb-show-01-container {
    width: 1400px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}

.zb-show-01-item {
    width: 433px;
    height: 560px;
    cursor: pointer;
}

.zb-show-01-item img {
    width: 433px;
    height: 560px;
    display: block;
    transition: transform 0.3s ease;
}

.zb-show-02-container {
    width: 1300px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    gap: 30px 0;
}

.zb-show-02-item {
    width: 1300px;
    height: 700px;
    cursor: pointer;
}

.zb-show-02-item img {
    width: 1300px;
    height: 700px;
    display: block;
    transition: transform 0.3s ease;
}

.qr-container {
    position: relative;
    display: inline-block;
}

.qr-container img {
    transition: opacity 0.3s ease;
}

.hover-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(0, 0, 0, 0.8);
    color: white;
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 14px;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
    white-space: nowrap;
}

.qr-container:hover .hover-text {
    opacity: 1;
}

.qr-container:hover img {
    opacity: 0.7;
}

.container {
    width: 1350px;
    margin: 0 auto;
}

.grid-container {
    display: grid;
    grid-template-columns: repeat(10, 135px); 
    gap: 0;
    justify-content: center;
    justify-items: center; 
}

.grid-container.cols-5 {
    grid-template-columns: repeat(5, 135px);
}

.grid-container.cols-8 {
    grid-template-columns: repeat(8, 135px);
}

.grid-item {
    width: 135px;
    height: 135px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.item-wrapper {
    width: 135px;
    height: 135px;
    background-image: url('../images/shuixing-bg.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}

.grid-container::after {
    content: "";
    grid-column: 1 / -1; 
}

.gap-small {
    gap: 5px;
}

.gap-medium {
    gap: 10px;
}

.gap-large {
    gap: 15px;
}

.spacer {
    width: 100%;
    height: 5px;
}

.grid-container.center-incomplete-rows {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0;
}

.grid-container.center-incomplete-rows .grid-item {
    flex: 0 0 135px;
}

.huishou-bg-01-container {
    width: 1350px;
    min-height: 100px;
    height: auto;
    margin: 0 auto;
    padding: 10px 0;
}

.huishou-bg-01-grid {
    display: grid;
    grid-template-columns: repeat(4, 269px);
    gap: 0;
    justify-content: center;
    min-height: 100px;
    height: auto;
    align-items: center;
}

.huishou-bg-01-grid.center-incomplete {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    min-height: 100px;
    height: auto;
}

.huishou-bg-01-grid.center-incomplete .huishou-bg-01-item {
    flex: 0 0 269px;
}

.huishou-bg-01-item {
    width: 269px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}

.huishou-bg-01-wrapper {
    width: 269px;
    height: 90px;
    background-image: url('../images/huishou-bg.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 修复图层问题 - 确保导航按钮在视频层之上 */
.nav-container {
    position: relative;
    z-index: 1000 !important;
}

/* 确保所有导航相关元素都在最上层 */
.nav-container table,
.nav-container td,
.nav-container div,
.nav-container a {
    position: relative;
    z-index: 1001 !important;
}

/* 防止按钮点击时模糊和闪动 - 重写原有样式 */
.hove-nav-css {
    background: linear-gradient(0deg, #ff9d00, #ffffff);
    -webkit-background-clip: text;
    background-clip: text;
    color: #ff9d00; /* 加这行作为备用颜色 */
    font-weight: normal;
    text-align: center;
    line-height: 1.5;
    text-shadow: 1px 1px 10px rgba(143, 0, 0, 0.3);
    transition: all 0.3s ease;
    display: inline-block;
    position: relative;
    z-index: 999;
}

.hove-nav-css:hover {
    background: linear-gradient(135deg, #ff5b32, #ff0000, #ff7e23, #ff9900) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    text-shadow: 
        1px 1px 15px rgba(247, 255, 123, 0.8),
        0 0 20px rgba(247, 255, 123, 0.6),
        0 0 30px rgba(160, 0, 0, 0.4);
    transform: scale(1.05) !important;
    color: #ffffff;
}

.hove-nav-css a {
    position: relative;
    z-index: 1003 !important;
    display: block;
    color: inherit;
    text-decoration: none;
    user-select: none !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
}

/* 禁用点击时的模糊效果 */
.hove-nav-css:active,
.hove-nav-css a:active {
    filter: none !important;
    opacity: 1 !important;
    transform: scale(1.05) !important;
    transition: none !important;
    background: linear-gradient(135deg, #ff5b32, #ff0000, #ff7e23, #ff9900) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

/* 确保hover效果清晰 */
.hover-image:active {
    filter: brightness(1.5) !important;
    transform: none !important;
}

/* 确保Firefox兼容性 */
@supports (-moz-appearance: none) {
    .hove-nav-css {
        background: linear-gradient(135deg, #858dff, #ffffff, #858dff, #ffffff) !important;
        background-clip: text !important;
        -moz-text-fill-color: transparent !important;
    }
    
    .hove-nav-css:hover {
        background: linear-gradient(135deg, #f7ff7b, #ffffff, #f7ff7b, #ffffff) !important;
        background-clip: text !important;
        -moz-text-fill-color: transparent !important;
    }
}


        /* 主容器 */
        .promotion-container {
            width: 100%;
            max-width: 1929px;
            height: auto;
            margin: 0 auto;
            background: transparent;
            position: relative;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 60px 40px;
            animation: containerPulse 4s ease-in-out infinite;
        }

        @keyframes containerPulse {
            0%, 100% { 
                transform: scale(0.9); 
            }
            50% { 
                transform: scale(1.02); 
            }
        }


          /* 橙色变体 */
        .promo-cta-1 {
            font-family: 'Noto Serif SC', serif;
            font-size: 56px;
            font-weight: 900;
            display: flex;
            padding: 11px 33px;
            text-decoration: none;
            font-size: 25px;
            color: white;
            background: linear-gradient(135deg, #f97316, #ea580c, #dc2626, #b91c1c);
            transition: 1s;
            box-shadow: 6px 6px 0 black;
            transform: skewX(-15deg);
            border: none;
            cursor: pointer;
            margin: 0 auto 60px auto;
            align-items: center;
            justify-content: center;
        }

        .promo-cta-1:focus {
            outline: none;
        }

        .promo-cta-1:hover {
            transition: 0.5s;
            box-shadow: 10px 10px 0 #fbbf24;
        }

        .promo-cta-1 .second {
            transition: 0.5s;
            margin-right: 0px;
        }

        .promo-cta-1:hover .second {
            transition: 0.5s;
            margin-right: 45px;
        }

        .promo-cta-1:hover .three {
            animation: color_anim_orange 1s infinite 0.2s;
        }

        .promo-cta-1:hover .one {
            transform: translateX(0%);
            animation: color_anim_orange 1s infinite 0.6s;
        }

        .promo-cta-1:hover .two {
            transform: translateX(0%);
            animation: color_anim_orange 1s infinite 0.4s;
        }

        @keyframes color_anim_orange {
            0% {
                fill: white;
            }
            50% {
                fill: #fbbf24;
            }
            100% {
                fill: white;
            }
        }

              .glowing-text {
            color: #ffffff;
            font-weight: 600;
            text-shadow: 
                0 0 5px #000000,
                0 0 5px #000000,
                0 0 5px #000000,
                0 0 5px #000000;
            position: relative;
            overflow: hidden;
            animation: textGlow 2s ease-in-out infinite alternate;
            padding: 0 50px;
            letter-spacing: 10px;
        }