.activity-october-banner{font-family:Sen;background:url(../images/activity/october/activity-october-banner-bg.png);width:100%;background-size:100% 100%;overflow:hidden}.activity-october-banner .section-banner{width:1450px;background:none;padding-top:64px;padding-bottom:70px;position:relative;max-width:1450px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;order:-1}.activity-october-banner .section-banner .text{display:flex;flex-direction:column;align-items:center;align-items:flex-start}.activity-october-banner .section-banner .text .updf-title{min-height:44px;background:url(../images/october-title-bg.png) no-repeat;background-size:100% 100%;padding:5px 14px 5px 18px;box-sizing:border-box}.activity-october-banner .section-banner .text .updf-title>span{color:#fff;font-family:Poppins;font-size:18px;font-style:normal;font-weight:700;line-height:normal}.activity-october-banner .section-banner .text .title{color:#fff;text-shadow:0px 4px 14px #11003f;font-family:ProductSans;font-size:36px;font-style:normal;font-weight:700;line-height:normal;max-width:538px}.activity-october-banner .section-banner .text .desc{max-width:528px;margin-top:12px;color:#fff;font-size:14px;font-style:normal;font-weight:400;line-height:18px;opacity:.5;text-align:left}.activity-october-banner .section-banner .text .activity-btn{cursor:pointer;border-radius:10px;background:#fbc12b;width:100%;display:flex;flex-direction:row;align-items:center;max-height:66px;margin-top:38px;position:relative;max-width:535px}.activity-october-banner .section-banner .text .activity-btn>a{position:absolute;width:100%;height:100%;left:0;top:0}.activity-october-banner .section-banner .text .activity-btn .iphone-img{margin-left:24px;margin-right:0%;position:relative;bottom:12px;display:block;max-width:88px}.activity-october-banner .section-banner .text .activity-btn .text{flex:1;margin-left:8px;padding:13px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.activity-october-banner .section-banner .text .activity-btn .text>p{max-width:318px;color:#0d0043;font-family:ProductSans;font-size:16px;font-style:normal;font-weight:700;line-height:122.333%}.activity-october-banner .section-banner .text .activity-btn .text>img{width:20px;margin-right:33.5px}.activity-october-banner .section-banner .text .btn-group{margin-top:36px}.activity-october-banner .section-banner .text .btn-group .btn{min-width:248px;min-height:48px;line-height:48px}.activity-october-banner .section-banner .text .btn-group .left-group,.activity-october-banner .section-banner .text .btn-group .right-group{display:flex;flex-direction:column;align-items:center}.activity-october-banner .section-banner .text .btn-group .left-group>a,.activity-october-banner .section-banner .text .btn-group .left-group>p,.activity-october-banner .section-banner .text .btn-group .right-group>a,.activity-october-banner .section-banner .text .btn-group .right-group>p{margin-top:8px;color:#fff;font-size:14px;font-style:normal;font-weight:400;line-height:22px;opacity:.5}.activity-october-banner .section-banner .text .btn-group .left-group>a,.activity-october-banner .section-banner .text .btn-group .right-group>a{cursor:pointer;transition:all .5s}.activity-october-banner .section-banner .text .btn-group .left-group>a:hover,.activity-october-banner .section-banner .text .btn-group .right-group>a:hover{opacity:1}.activity-october-banner .section-banner .text .btn-group .left-group .blue-btn{margin-left:0px;border:1px solid #fff;background:none;color:#fff;font-size:16px;font-style:normal;font-weight:700;line-height:normal}.activity-october-banner .section-banner .text .btn-group .left-group .blue-btn:hover{border-radius:8px;background:#512c9a}.activity-october-banner .section-banner .text .btn-group .right-group .yellow-btn{color:#fff;text-align:center;font-size:18px;font-style:normal;font-weight:700;margin-left:16px;margin-right:0;border-radius:8px;position:relative;background:linear-gradient(91deg, #FF8328 0.23%, #C728FF 99.48%)}.activity-october-banner .section-banner .text .btn-group .right-group .yellow-btn>a{color:#fff;position:absolute;width:100%;height:100%;top:0;left:0}.activity-october-banner .section-banner .text .btn-group .right-group .yellow-btn:hover{border:none !important;background:linear-gradient(91deg, #C8591A 0.23%, #A315C9 99.48%)}.activity-october-banner .section-banner .text .btn-group .right-group .yellow-btn>span{position:absolute;right:0;top:0;width:88px;height:30px;box-sizing:border-box;padding:5px;transform:translate(50%, -50%);background:url(../images/october-discount.png) no-repeat;background-size:100%;color:#000;font-family:Poppins;font-size:16px;font-style:normal;font-weight:700;line-height:122.333%}.activity-october-banner .section-banner .text .btn-group .right-group .a-link{cursor:auto}.activity-october-banner .section-banner .text .btn-group .right-group .a-link:hover{opacity:.5}.activity-october-banner .section-banner .text .bottom-time-box{margin:28px auto auto}.activity-october-banner .section-banner .text .bottom-time-box .time-square{display:flex;align-items:center;position:relative;color:#fff;text-align:center;font-size:16px;font-style:normal;font-weight:700;text-transform:uppercase}.activity-october-banner .section-banner .text .bottom-time-box .time-square span{margin:auto 6.5px;width:35px;height:43px;display:block;background:#200492;text-align:center;border-radius:3px;color:#fff;text-align:center;font-family:Rajdhani;font-size:24px;font-style:normal;font-weight:400;text-transform:uppercase;display:flex;flex-direction:column;align-items:center;justify-content:center}.activity-october-banner .section-banner .text .bottom-time-box .time-square span .label{color:#637cff;text-align:center;font-size:12px;font-style:normal;font-weight:600;text-transform:uppercase}.activity-october-banner .section-banner .text .bottom-time-box .time-square .left{color:#fff;text-align:center;font-size:14.631px;font-style:normal;font-weight:700;text-transform:uppercase}.activity-october-banner .section-banner .image{margin-right:8%;box-shadow:none;position:relative}.activity-october-banner .section-banner .image .image-01{max-width:625px;position:relative;z-index:2}.activity-october-banner .section-banner .image .image-02{position:absolute;max-width:220px;left:-5%;bottom:0;z-index:3}.activity-october-banner .section-banner .image .image-03{position:absolute;right:-30%;bottom:0;z-index:1;max-width:371px}.activity-october-banner .section-banner .image .location-05-img{position:absolute;right:-26%;max-width:145px;bottom:-10%;z-index:0}.activity-october-banner .section-banner .img{display:none}.activity-october-banner .section-banner .location-01-img{position:absolute;top:0;left:38%;max-width:105px}.lang-fr .activity-october-banner .section-banner .text .btn-group .left-group .blue-btn,.lang-es .activity-october-banner .section-banner .text .btn-group .left-group .blue-btn{max-width:246px}.leaf{position:fixed;top:-52px;background-size:cover;animation:falling 7s linear;z-index:4}.leaf.img-01{background-image:url("../images/activity/october/leaf-01.png");background-size:100% 100%;width:40px;height:43px;animation:falling-2 7s linear}.leaf.img-02{background-image:url("../images/activity/october/leaf-02.png");background-size:100% 100%;width:26px;height:21px}.leaf.img-03{background-image:url("../images/activity/october/leaf-03.png");background-size:100% 100%;width:16px;height:16px;animation:falling-2 7s linear}.leaf.img-04{background-image:url("../images/activity/october/leaf-04.png");background-size:100% 100%;width:68px;height:57px;animation:falling-3 7s linear}@keyframes falling{0%{transform:translateX(-50%) translateY(-50%)}100%{transform:translateX(52vw) translateY(120vh) rotate(188deg)}}@keyframes falling-2{0%{transform:translateX(-50%) translateY(-50%)}100%{transform:translateX(52vw) translateY(120vh) rotate(166deg)}}@keyframes falling-3{0%{transform:translateX(-50%) translateY(-50%)}100%{transform:translateX(52vw) translateY(120vh) rotate(152deg)}}@keyframes leafShake{0%,100%{transform:rotate(0deg)}50%{transform:rotate(10deg)}}@media screen and (max-width: 1600px){.activity-october-banner .section-banner{justify-content:space-around}.activity-october-banner .section-banner>.image{margin-right:5%;width:100%;max-width:45%}.activity-october-banner .section-banner>.image .image-01{width:85%}.activity-october-banner .section-banner>.image .image-02{width:30%}.activity-october-banner .section-banner>.image .image-03{width:50%;right:-15%}}@media screen and (max-width: 1440px){.activity-october-banner .section-banner{width:100%}.activity-october-banner .section-banner .image{display:none}.activity-october-banner .section-banner>.img{display:block;max-width:582px;width:100%}}@media screen and (max-width: 1164px){.activity-october-banner .section-banner .text .title{font-size:32px}.activity-october-banner .section-banner .text .desc{max-width:520px}.activity-october-banner .section-banner .text .btn-group{flex-wrap:wrap}.activity-october-banner .section-banner .text .btn-group .left-group .btn,.activity-october-banner .section-banner .text .btn-group .right-group .btn{font-size:16px}.activity-october-banner .section-banner .text .btn-group .left-group .btn>span,.activity-october-banner .section-banner .text .btn-group .right-group .btn>span{font-size:14px}.activity-october-banner .section-banner .img{max-width:40%}}@media screen and (max-width: 988px){.activity-october-banner{background:#0d0043}.activity-october-banner .section-banner{flex-direction:column;padding-bottom:0}.activity-october-banner .section-banner .text{align-items:center}.activity-october-banner .section-banner .text .title{font-size:28px;max-width:85%;text-align:center}.activity-october-banner .section-banner .text .desc{max-width:85%}.activity-october-banner .section-banner .text .activity-btn{max-width:520px}.activity-october-banner .section-banner .img{margin-top:24px;max-width:582px}}@media screen and (max-width: 640px){.activity-october-banner .section-banner{padding-top:46px}.activity-october-banner .section-banner .text .updf-title{min-height:35px}.activity-october-banner .section-banner .text .updf-title>span{font-size:14px}.activity-october-banner .section-banner .text .title{font-size:22px;max-width:93%}.activity-october-banner .section-banner .text .desc{max-width:90%}.activity-october-banner .section-banner .text .activity-btn>.text>p{max-width:152px;font-size:14px}.activity-october-banner .section-banner .text .activity-btn>.text>img{margin-right:12px}.activity-october-banner .section-banner .text .btn-group .left-group .btn,.activity-october-banner .section-banner .text .btn-group .right-group .btn{margin:12px auto;min-width:252px}.activity-october-banner .section-banner .location-01-img{width:20%}}