@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap);
:root{--text-gradient: linear-gradient( 180deg, #e1bb80 30.5%, #fff 48%, #f8e9bb 56.5%, #f8e9bb 82.5%, #fffff9 100% )}
body{min-height:100%;font-family:"Inter",sans-serif;font-weight:400;font-style:normal;position:relative}
.content{background-image:url(../assets/bgd552fdfa3d9fe4834740.png);background-repeat:no-repeat;background-size:100% 100%;background-position:center;height:100%;position:relative}
.content .scroll-icon{bottom:1rem;left:50%;animation:bounce 1s infinite;cursor:pointer}
.mb-0{margin-bottom:0}
p{font-family:"Inter"}
@keyframes bounce{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-10px)}}
@keyframes zoom{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}
@keyframes textAnimation{0%,100%{opacity:1}50%{opacity:0}}
@keyframes textAnimation-reverse{0%,100%{opacity:0}50%{opacity:1}}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-100%)}}
header p{text-align:center;text-transform:uppercase;font-weight:800;background:linear-gradient(95deg, #ffe05a 39.33%, #f7940e 54.05%, #fdf6a9 64.14%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}
.regFrm{z-index:9}
.regFrm .form-group{position:relative;width:100%;margin-bottom:.6rem}
.regFrm .form-group .input-form{background:linear-gradient(180deg, #ffffe4 0%, #4d3319 40.5%, #e7cea5 54%, #4d3319 67.5%, #ffffe4 100%);clip-path:polygon(12px 0, calc(100% - 12px) 0, 100% 12px, 100% calc(100% - 12px), calc(100% - 12px) 100%, 12px 100%, 0 calc(100% - 12px), 0 12px);padding:2px}
.regFrm .form-group input{background-color:#16100f;border-radius:8px;color:#fff;text-align:center;padding:.7rem;font-size:1rem;border:0;clip-path:polygon(12px 0, calc(100% - 12px) 0, 100% 12px, 100% calc(100% - 12px), calc(100% - 12px) 100%, 12px 100%, 0 calc(100% - 12px), 0 12px)}
.regFrm .form-group input:focus{box-shadow:none}
.regFrm .form-group input::-moz-placeholder{color:#787878;font-weight:400}
.regFrm .form-group input::placeholder{color:#787878;font-weight:400}
.regFrm .form-group figure{width:15px;margin-bottom:0}
.regFrm .form-group .u-p{position:absolute;top:50%;transform:translate(-50%, -50%);left:8%;z-index:1}
.regFrm .form-group .eye{position:absolute;width:20px;top:50%;transform:translate(-50%, -50%);right:3%}
.regFrm .btn{border:0;padding:0;margin:0rem auto 0;width:70%;animation:zoom 2s infinite}
#form .bg-form{background-image:url(../assets/bg-form198539a9bdabe69382fc.png);background-position:top center;background-size:100% 100%;background-repeat:no-repeat;padding:3.4rem 0rem 2rem;position:relative;z-index:20}
#form .bg-form .join{line-height:normal}
.social{position:absolute;right:1rem;top:2rem;z-index:10}
.social figure{margin-bottom:1.5rem}
.social figure img{width:70px}
.social figure img:last-of-type{display:none}
.social figure:hover img:first-of-type{display:none}
.social figure:hover img:last-of-type{display:block}
.error.errors{color:red;width:100%;text-align:center;display:block;font-size:.8rem;margin-bottom:-1rem}
.vertical-split-text{position:relative;display:block;font-size:.9rem;font-family:"Inter",sans-serif;font-weight:bold;text-transform:uppercase;height:1.1rem;text-align:center}
.vertical-split-text .top-half,.vertical-split-text .bottom-half{position:absolute;left:0;width:100%;pointer-events:none;overflow:hidden;text-shadow:0px 1px red}
.vertical-split-text .top-half{color:#fffdc5;height:50%;top:0;z-index:2}
.vertical-split-text .bottom-half{color:#feaf39;height:100%;bottom:0;top:0%}
.banner{z-index:4;margin-top:15%}
.banner .line{margin:2rem 0 0rem}
footer{padding:2rem 0;background-image:url(../assets/bg-ft0515872245081eab6f39.png);background-position:center center;background-size:cover;background-repeat:no-repeat}
footer .text-grey{margin-bottom:.5rem}
footer p{text-align:center}
footer .title{margin-bottom:1rem;text-transform:uppercase;font-weight:800;background:linear-gradient(90deg, #ffe05a 46.95%, #f7940e 49.69%, #fdf6a9 52.63%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}
footer .hotline{background-image:url(../assets/bg-hotlinea0ae72d631e61ca7bc05.png);background-position:center center;background-size:contain;background-repeat:no-repeat;width:-moz-max-content;width:max-content;padding:8px 23px;display:block;margin:auto auto 1rem}
footer .copyright{font-size:.875rem;color:#fff;text-align:center}
footer .copyright span{color:#ffffb4;text-transform:uppercase}
.social-top{position:absolute;right:.5rem;top:.5rem;z-index:100}
.social-top figure{margin-bottom:.5rem;width:35px}
.products .slider{animation:marquee 8s linear infinite}
.products figure{margin-right:1.5rem;width:100px}
@media screen and (min-width: 320px){html,body{height:100%;overflow-x:hidden}header figure{width:65%;margin-bottom:.5rem}.content{background-size:cover;background-position:center;background-image:url(../assets/bg_mobile0a485d93cbd68983f311.png)}#form{position:static}#form .bg-form{padding:.4rem 0rem 1.5rem;background-size:100% 100%}#form .bg-form .join{margin-bottom:1rem}.regFrm{width:85%}.regFrm .form-group{margin-bottom:1rem}.regFrm .btn{width:85%;margin:0rem auto 0}.line{margin:1.5rem 0}.products figure{width:80px}footer{margin-top:-3px}footer .title{font-size:.9rem}.logo_ft{width:25vw;margin:auto auto 1rem}.scroll-icon{display:none}}
@media screen and (min-width: 344px){html,body{height:100%}}
@media screen and (min-width: 360px){header figure{margin-bottom:1rem}#form .bg-form{padding-top:.5rem}}
@media screen and (min-width: 390px){#form .bg-form{background-size:100% 100%}.vertical-split-text{font-size:1rem;height:1.2rem}.products figure{width:100px}footer .title{font-size:1rem}}
@media screen and (min-width: 540px){html,body{height:100%}}
@media screen and (min-width: 540px)and (orientation: landscape){html,body{height:auto}.logo_ft{width:15vw}}
@media screen and (min-width: 540px){header figure{width:50%}#form .bg-form{width:70vw}.regFrm .form-group input{font-size:1rem;padding:.6rem}.logo_ft{width:16vw}}
@media screen and (min-width: 568px){#form .bg-form{width:65vw}}
@media screen and (min-width: 667px){header figure{width:55%}}
@media screen and (min-width: 720px){html,body{height:100%}.content{background-size:100% 100%}header p{font-size:4.6vw}#form .bg-form{width:60vw}}
@media screen and (orientation: landscape)and (min-width: 720px){html,body{height:auto}.logo_ft{width:14vw}}
@media screen and (min-width: 768px){html,body{height:100%}#form .bg-form{width:55vw}.regFrm .form-group{margin-bottom:1.5rem;width:100%;margin-left:auto;margin-right:auto}footer .title{font-size:1.2rem}footer .line{width:100%}.logo_ft{width:13vw}}
@media screen and (min-width: 780px){html,body{height:auto}}
@media screen and (orientation: landscape)and (min-width: 812px){html,body{height:auto}}
@media screen and (min-width: 820px){html,body{height:100%}}
@media screen and (min-width: 844px)and (orientation: landscape){html,body{height:auto}}
@media screen and (min-width: 882px){#form .bg-form{width:50vw}}
@media screen and (min-width: 912px){#form .bg-form{width:45vw}}
@media screen and (min-width: 912px)and (orientation: landscape){.logo_ft{width:10vw}}
@media screen and (min-width: 992px){html,body{height:100%}.bannerLeft{position:absolute;top:0;left:0%;transform:translateX(-120%);height:100%;margin-bottom:0}.bannerRight{position:absolute;top:0;right:0%;transform:translateX(120%);height:100%}.bannerRight div img{-o-object-fit:cover;object-fit:cover}.bannerRight .slick-dots{display:flex;align-items:center;justify-content:center;padding-left:0;gap:1rem;list-style:none}.bannerRight .slick-dots li button{border:none;background-image:url(../assets/dotfc046815735cc755ea80.png);background-position:center;background-size:cover;background-repeat:no-repeat;background-color:rgba(0,0,0,0);width:15px;height:15px;font-size:0}.bannerRight .slick-dots li.slick-active button{background-image:url(../assets/dot-active07851048f4700cc81580.png);background-position:center;background-size:cover;background-repeat:no-repeat;width:23px;height:23px}.scroll-icon{display:block}}
@media screen and (min-width: 1024px){html,body{height:100%}header p{font-size:3.4vw}#form .bg-form .join p{font-size:1.8vw;margin-bottom:2rem}}
@media screen and (min-width: 1180px){#form .bg-form{width:40vw}}
@media screen and (min-width: 1180px)and (orientation: landscape){.logo_ft{width:9vw}}
@media screen and (min-width: 1200px){html,body{height:100%}.content{background-image:url(../assets/bgd552fdfa3d9fe4834740.png);background-position:center;background-size:cover;background-repeat:no-repeat}header figure{width:70%}#form .bg-form{padding:.7rem 0rem 2rem}#form .bg-form .join{margin-bottom:2.5rem}.vertical-split-text{font-size:1.2rem;height:1.5rem}.vertical-split-text .top-half,.vertical-split-text .bottom-half{text-shadow:0px 2px red}.bannerLeft{transform:translateX(-120%)}.bannerRight{transform:translateX(120%)}.regFrm .form-group{margin-bottom:1.7rem}.regFrm .form-group figure{width:20px}.regFrm .form-group .input-form{clip-path:polygon(16px 0, calc(100% - 16px) 0, 100% 16px, 100% calc(100% - 16px), calc(100% - 16px) 100%, 16px 100%, 0 calc(100% - 16px), 0 16px)}.regFrm .form-group input{padding:1rem;font-size:1rem;clip-path:polygon(16px 0, calc(100% - 16px) 0, 100% 16px, 100% calc(100% - 16px), calc(100% - 16px) 100%, 16px 100%, 0 calc(100% - 16px), 0 16px)}.regFrm .form-group .eye{width:25px}footer{padding:2rem 0;margin-top:-1px}footer .intro p{font-size:12px}footer .title{font-size:1rem}.logo_ft{width:10%}.social{top:5%}}
@media screen and (min-width: 1200px)and (max-height: 580px){header figure{width:50%}#form .bg-form{width:30vw}#form .bg-form .join{margin-bottom:1.5rem}#form .bg-form .join p{font-size:1vw;margin-bottom:1rem}.regFrm .form-group{margin-bottom:1.2rem}}
@media screen and (min-width: 1440px){#form .bg-form{width:35vw}}
@media screen and (min-width: 1680px){#form .bg-form{width:30vw}#form .bg-form .join{margin-bottom:2rem}}
@media screen and (min-width: 1920px){#form .bg-form{width:26vw}}
@media screen and (min-width: 2056px){header figure{width:85%}#form .social figure img{width:50px}#form .bannerRight .slick-dots li button{width:20px;height:20px}#form .bannerRight .slick-dots li.slick-active button{width:28px;height:28px}.regFrm .form-group input{padding:1rem}.logo_ft{width:12%}}
@media screen and (min-width: 2056px)and (max-height: 640px){header figure{width:70%}#form .bg-form{width:23vw;padding:.8rem 0rem 2rem}#form .bg-form .join{margin-bottom:1.5rem}.regFrm .form-group{margin-bottom:1rem}.regFrm .form-group:last-of-type{margin-bottom:1rem}.regFrm .form-group input{padding:.5rem}}
@media screen and (min-width: 2336px){.vertical-split-text{font-size:1.5rem;height:1.8rem}#form .bg-form{padding:.9rem 0rem 3rem}#form .bg-form .join{margin-bottom:3rem}#form .bannerRight .slick-dots{left:7%}#form .social figure img{width:60px}.regFrm .form-group{margin-bottom:2rem}.regFrm .form-group figure{width:25px}.regFrm .form-group input{font-size:1.4rem}footer h6{font-size:1.12rem}footer p{font-size:1rem}}
@media screen and (min-width: 2336px)and (max-height: 700px){header figure{width:70%}#form .bg-form{width:20vw;padding:.8rem 0rem 2rem}#form .bg-form .join{margin-bottom:1.5rem}#form .bg-form .join p{font-size:.8vw;margin-bottom:1rem}.regFrm .form-group{margin-bottom:1rem}.regFrm .form-group:last-of-type{margin-bottom:1rem}.regFrm .form-group input{padding:.5rem}}
@media screen and (min-width: 2560px){header figure{width:100%;margin-bottom:2rem}.logo_ft{width:14%}}
@media screen and (min-width: 2560px)and (max-height: 780px){header figure{width:70%}#form .bg-form{width:20vw;padding:.8rem 0rem 2rem}#form .bg-form .join{margin-bottom:1.5rem}.regFrm .form-group{margin-bottom:1rem}.regFrm .form-group:last-of-type{margin-bottom:1rem}.regFrm .form-group input{padding:.5rem}}
@media screen and (min-width: 2992px){header figure{margin-bottom:2.5rem}#form .bg-form{padding:1.3rem 0rem 4rem}#form .bg-form .join{margin-bottom:4rem}#form .bannerRight .slick-dots{left:9%}#form .bannerRight .slick-dots li button{width:25px;height:25px}#form .bannerRight .slick-dots li.slick-active button{width:32px;height:32px}#form .social figure img{width:110px}.regFrm .form-group{margin-bottom:2.7rem}.regFrm .form-group input{font-size:2rem}.regFrm .form-group figure{width:30px}.regFrm .form-group .eye{width:35px}.error.errors{font-size:1.5rem;margin-bottom:-1.7rem}}
@media screen and (min-width: 2992px)and (max-height: 900px){header figure{width:75%}#form .bg-form{width:20vw;padding:1rem 0rem 2rem}#form .bg-form .join{margin-bottom:2rem}#form .bg-form .join p{font-size:.7vw;margin-bottom:1rem}.regFrm .form-group{margin-bottom:1.5rem}.regFrm .form-group:last-of-type{margin-bottom:1rem}.regFrm .form-group input{padding:.5rem;font-size:1.5rem}}
@media screen and (min-width: 3456px){.vertical-split-text{font-size:2rem;height:2.3rem}#form .social figure{margin-bottom:2.5rem}.regFrm .form-group figure{width:40px}.regFrm .form-group input{font-size:2.3rem}.regFrm .form-group .eye{width:40px}}
@media screen and (min-width: 3456px)and (max-height: 980px){header figure{width:80%}#form .bg-form{width:20vw;padding:1.1rem 0rem 2rem}#form .bg-form .join{margin-bottom:2.5rem}.regFrm .form-group{margin-bottom:1.7rem}.regFrm .form-group:last-of-type{margin-bottom:1rem}.regFrm .form-group input{padding:.5rem}}
@media screen and (min-width: 3840px){#form .bg-form{padding:1.7rem 0rem 4rem}#form .bg-form .join{margin-bottom:5rem}#form .regFrm .form-group{margin-bottom:3.5rem}.error.errors{font-size:1.5rem;margin-bottom:-2.3rem}}
@media screen and (min-width: 3840px)and (max-height: 1090px){header figure{width:80%}#form .bg-form{width:20vw;padding:1.3rem 0rem 2rem}#form .bg-form .join{margin-bottom:2.5rem}#form .bg-form .join p{font-size:.7vw;margin-bottom:1rem}.regFrm .form-group{margin-bottom:2rem}.regFrm .form-group:last-of-type{margin-bottom:1rem}.regFrm .form-group input{padding:.5rem}}
@media screen and (min-width: 576px)and (max-width: 990.98px)and (orientation: landscape){.scroll-icon{display:none !important}}
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:rgba(0,0,0,0)}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{transform:translate3d(0, 0, 0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{display:table;content:""}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid rgba(0,0,0,0)}.slick-arrow.slick-hidden{display:none}