@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.section-banner{background:#000;max-width:100%;width:100%;border-radius:0px;font-family:ProductSans;letter-spacing:1px;flex-direction:row;justify-content:center}.section-banner .left{position:relative;margin-left:-188px;margin-right:32px}.section-banner .left .left-img{max-width:965px;position:relative;z-index:2}.section-banner .left .left-img-discount{display:none;max-width:280px;position:absolute;right:6%;top:4%;z-index:1;transform-origin:left;animation:shake 1.1s infinite linear}.section-banner .right .right-title{display:flex;align-items:center}.section-banner .right .right-title>p{display:flex;align-items:center;justify-content:center}.section-banner .right .right-title>p>img{max-width:22px;margin-right:5px}.section-banner .right .right-title>p>span{color:#f2f2f2;font-size:21.919px;font-style:normal;font-weight:400;line-height:normal}.section-banner .right .right-title>span{margin:auto 22px;color:#f2f2f2;font-size:22px;font-style:normal;font-weight:700;line-height:normal}.section-banner .right .right-title-02{margin-top:18px;max-width:583px;color:#fff;font-size:48px;font-style:normal;font-weight:700;line-height:153.8%}.section-banner .right .right-title-02 #title-typewriting{display:inline-block;color:#fff;font-size:48px;font-style:normal;font-weight:700;line-height:153.8%;background:url(../images/activity/black-friday-2023/banner-black-text-bg.png) center no-repeat;background-size:100% 100%;width:max-content;padding:0 13px;position:relative;margin-right:6px}.section-banner .right .right-title-02 #title-typewriting .hide-text{opacity:0}.section-banner .right .right-title-02 #title-typewriting .show-text{position:absolute;left:0;top:0;padding:0 13px}.section-banner .right .right-title-02 #title-typewriting .show-text::after{content:" ";position:absolute;right:8px;top:10%;width:1px;height:80%;background:#fff}.section-banner .right .right-title-02>span{background:url(../images/activity/black-friday-2023/banner-black-span-bg.png) center no-repeat;background-position:bottom;background-size:100% 12px;padding:0 5px 5px}.section-banner .right .right-desc{margin-top:18px;color:#fff;font-size:20px;font-style:normal;font-weight:400;line-height:normal}.section-banner .right .section-btn{margin:44px auto 24px;display:flex;align-items:center;justify-content:flex-start}.section-banner .right .section-btn .btn-left{display:flex;flex-direction:column;align-items:center}.section-banner .right .section-btn .btn-left .btn-download-updf{margin:20px 8px auto 0;border-radius:8px;border:1px solid #fff;background:none;display:flex;color:#fff;width:252px;justify-content:center;align-items:center;font-family:Sen;font-size:16px;font-style:normal;font-weight:700;line-height:normal;transition:all .5s}.section-banner .right .section-btn .btn-left .btn-download-updf>.icon.icon-win{background-image:url(../images/icon-win-white.png)}.section-banner .right .section-btn .btn-left .btn-download-updf>.icon.icon-mac{background-image:url(../images/icon-mac-white.png?v=1.0)}.section-banner .right .section-btn .btn-left .btn-download-updf::after{border:2px solid #fff;background:url(../images/icon-white-download.png) center no-repeat;background-size:contain;box-sizing:border-box}.section-banner .right .section-btn .btn-left .btn-download-updf:hover{transition:all .5s;opacity:1}.section-banner .right .section-btn .btn-left .btn-download-updf.ios{border:1px solid #fff !important}.section-banner .right .section-btn .btn-left .btn-download-updf.ios::after{transition:all .5s;background:#000;opacity:1}.section-banner .right .section-btn .btn-left .text{margin-top:16px;color:#fff;font-size:12px;font-style:normal;font-weight:400;line-height:normal;opacity:.7}.section-banner .right .section-btn .btn-right{display:flex;flex-direction:column;align-items:center}.section-banner .right .section-btn .btn-right .btn-checkout-updf{margin:20px 8px auto;width:252px;height:48px;display:flex;align-items:center;justify-content:center;z-index:6;border-radius:8px;border:none;background:none;position:relative;padding:1px;text-decoration:none;transition:all .18s ease-in-out;transform:translate3d(0, 0, 0);box-sizing:border-box}.section-banner .right .section-btn .btn-right .btn-checkout-updf>span{position:relative;display:flex;flex-direction:column;width:100%;padding:12px 22px;border-radius:8px;color:#fff;font-size:18px;font-style:normal;text-align:center;font-weight:700;line-height:normal;z-index:1;transition:all .18s ease;background:rgba(0,0,0,.3);backdrop-filter:blur(40px);background:linear-gradient(91deg, #E33F3F 4.04%, #E941BA 99.56%);backface-visibility:hidden}.section-banner .right .section-btn .btn-right .btn-checkout-updf::after,.section-banner .right .section-btn .btn-right .btn-checkout-updf::before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:9.5px;background-size:100% 100%;background-position:0px 0px;background-image:conic-gradient(from var(--angle) at 50% 50%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 33%, var(--glowColor) 50%, rgba(0, 0, 0, 0) 66%, rgba(0, 0, 0, 0) 100%);animation:btn-rotate 1.5s infinite linear}.section-banner .right .section-btn .btn-right .btn-checkout-updf::before{animation:none}.section-banner .right .section-btn .btn-right .btn-checkout-updf:hover{border:0px solid rgba(0,0,0,0);border-radius:8px;background:linear-gradient(91deg, #FF7276 4.04%, #FF65D4 99.56%)}.section-banner .right .section-btn .btn-right .text{margin-top:16px;color:#fff;font-size:12px;font-style:normal;font-weight:400;line-height:normal;opacity:.7;opacity:0}.lang-ar .section-banner .left{margin-left:0px;margin-right:0px}.lang-kr .section-banner .right .section-btn .btn-left .btn-download-updf,.lang-kr .section-banner .right .section-btn .btn-left .btn-checkout-updf,.lang-kr .section-banner .right .section-btn .btn-right .btn-download-updf,.lang-kr .section-banner .right .section-btn .btn-right .btn-checkout-updf{width:259px}@media screen and (max-width: 1520px){.section-banner .left{width:52%}.section-banner .left .left-img{width:100%}.section-banner .left .left-img-discount{width:28%}.section-banner .right{width:42%}.section-banner .right .right-title>p>span{font-size:18px}.section-banner .right .right-title-02{font-size:42px}.section-banner .right .right-title-02 #title-typewriting{font-size:42px}.section-banner .right .right-desc{font-size:16px}.section-banner .right .section-btn{width:152%}}@media screen and (max-width: 1152px){.section-banner{flex-direction:column-reverse}.section-banner .right{width:90%}.section-banner .right .right-title{justify-content:center}.section-banner .right .right-title-02{max-width:100%;text-align:center}.section-banner .right .right-desc{text-align:center}.section-banner .right .section-btn{margin:24px auto 0px;justify-content:center;width:100%}.section-banner .left{width:90%;margin-left:0px;margin-right:0px}.section-banner .left .left-img-discount{right:7%}}@media screen and (max-width: 888px){.section-banner .right .right-title>p>span{font-size:16px}.section-banner .right .right-title-02{font-size:36px}.section-banner .right .right-title-02 #title-typewriting{font-size:36px}.section-banner .right .right-desc{font-size:16px}.section-banner .right .section-btn{flex-wrap:wrap}}@media screen and (max-width: 888px){.section-banner .right-title-02{font-size:32px}.section-banner .right-title-02 #title-typewriting{font-size:32px}}@keyframes btn-rotate{0%{--angle: 0deg;--glowColor: #FFF}100%{--angle: 360deg;--glowColor: #FFF}}@keyframes shake{0%{transform:rotateZ(-3deg)}50%{transform:rotateZ(5deg)}100%{transform:rotateZ(-3deg)}}@keyframes blink{0%,100%{opacity:0}50%{opacity:1}}