.popup{z-index:1000;background-color:#000;width:90%;max-width:600px;height:auto;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 8px #0003}.popup iframe{border:none;width:100%;height:300px;display:block}@media (min-width:768px){.popup iframe{height:400px}}.popup .close-btn{color:#fff;cursor:pointer;background-color:red;border:none;padding:0 5px;position:absolute;top:-30px;right:0}.overlay{z-index:999;background-color:#000000d9;position:fixed;inset:0}
@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:1s both fadeInUp}.fade-in-up-delay-2{animation-delay:.2s}.fade-in-up-delay-4{animation-delay:.4s}.fade-in-up-delay-8{animation-delay:.8s}.banner-container{z-index:2;width:100%;max-width:1580px;margin-inline:auto;padding-inline:15px;position:relative}@media (max-width:1500px){.banner-container{max-width:1330px}}@media (max-width:1199.98px){.banner-container{max-width:960px}}@media (max-width:991.98px){.banner-container{max-width:720px}}@media (max-width:767.98px){.banner-container{max-width:100%}}.area-bg{background-position:50%;background-size:cover}.pb-50{padding-bottom:50px}.banner-bg{z-index:1;background-position:50%;background-size:cover;width:100%;height:890px;padding:300px 0 0;position:relative}.banner-content{text-align:center;margin-bottom:15px}.banner-content .title{color:var(--tg-white);margin-bottom:20px;font-size:60px;line-height:.9}.banner-content .sub-title{color:var(--tg-primary-color);letter-spacing:5px;margin-bottom:35px;font-size:24px;font-weight:800;line-height:1;display:block}.banner-img.text-center{text-align:center}.banner-img.text-center img{vertical-align:middle;width:auto;max-width:none;height:auto;display:inline-block}.banner-shape-wrap{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.banner-shape-wrap picture{z-index:0;line-height:0;position:absolute}.banner-shape-wrap picture img{width:auto;max-width:none;height:auto;transform:translate(var(--parallax-x,0px), var(--parallax-y,0px));transition:transform 1s ease-out;display:block}.banner-shape-wrap picture:first-child{inset:auto auto 17% 9%}.banner-shape-wrap picture:nth-child(2){inset:auto auto 7% 24%}.banner-shape-wrap picture:nth-child(3){inset:auto 11% 3% auto}.banner-shape-wrap picture:nth-child(4){inset:auto 3% 26% auto}@media (max-width:1500px){.banner-bg{height:760px;padding:250px 0 0}.banner-content .title{font-size:100px}.banner-content .sub-title{margin-bottom:25px;font-size:20px}.banner-shape-wrap picture:first-child{bottom:11%;left:5%}.banner-shape-wrap picture:nth-child(2){bottom:6%;left:21%}.banner-shape-wrap picture:nth-child(3){bottom:1%;right:9%}.banner-shape-wrap picture:nth-child(3) img{width:280px}.banner-shape-wrap picture:nth-child(4){bottom:23%;right:2%}}@media (max-width:1199.98px){.banner-content .title{font-size:90px}.banner-img.text-center img{max-width:400px}.banner-shape-wrap picture:first-child{bottom:6%;left:3%}.banner-shape-wrap picture:first-child img{width:110px}.banner-shape-wrap picture:nth-child(2){bottom:4%;left:20%}.banner-shape-wrap picture:nth-child(2) img{width:50px}.banner-shape-wrap picture:nth-child(3){bottom:0%;right:10%}.banner-shape-wrap picture:nth-child(3) img{width:190px}.banner-shape-wrap picture:nth-child(4){bottom:9%;right:3%}.banner-shape-wrap picture:nth-child(4) img{width:60px}.banner-bg{height:710px;padding:230px 0 0}}@media (max-width:991.98px){.banner-content .title{font-size:85px}.banner-bg{height:670px;padding:210px 0 0}.banner-shape-wrap picture:nth-child(2){display:none}.banner-shape-wrap picture:nth-child(3){right:2%}.banner-shape-wrap picture:nth-child(4){display:none}}@media (max-width:767.98px){.banner-img.text-center img{max-width:100%}.banner-bg{height:590px;padding:130px 0 0}.banner-content .title{font-size:50px}.banner-content .sub-title{margin-bottom:25px;font-size:20px}.banner-shape-wrap{display:none}}@media only screen and (min-width:576px) and (max-width:767px){.banner-content .title{font-size:75px}.banner-bg{height:700px}}
.about-container{width:100%;color:var(--color-white,#fff);max-width:1580px;margin-inline:auto;padding-inline:15px}@media (max-width:1500px){.about-container{max-width:1330px}}@media (max-width:1199.98px){.about-container{max-width:960px}}@media (max-width:991.98px){.about-container{max-width:720px}}@media (max-width:767.98px){.about-container{max-width:100%}}.about-area-two{background-color:#180905;background-image:url(/images/bg/product_bg01.jpg);background-position:50%;background-size:cover;padding:115px 0 60px}.about-grid{flex-wrap:wrap;justify-content:center;align-items:center;margin-left:-15px;margin-right:-15px;display:flex}.about-grid>*{width:100%;padding-left:15px;padding-right:15px}.about-media{order:0}.about-media img{width:100%;max-width:100%;height:auto;display:block}.about-content-two{order:0}.about-content-two a{-webkit-user-select:none;user-select:none;background:var(--tg-primary-color);color:var(--tg-white);cursor:pointer;font-size:16px;font-weight:400;font-family:var(--tg-heading-font-family);letter-spacing:0;text-align:center;text-transform:uppercase;vertical-align:middle;white-space:nowrap;border:none;border-radius:25px;align-items:center;margin-bottom:0;padding:17px 32px;line-height:1;text-decoration:none;transition:all .3s;display:inline-flex}.about-content-two a:hover{background:var(--tg-secondary-color);color:var(--tg-white)}@media (min-width:768px){.about-media{width:75%}}@media (min-width:992px){.about-grid>*{width:50%}.about-media{order:2}.about-content-two{order:1}}.mb-40{margin-bottom:40px}.section-title{position:relative}.section-title .sub-title{font-size:22px;font-weight:400;font-family:var(--tg-pacifico-font-family);color:var(--tg-primary-color);margin-bottom:10px;display:block}.section-title .title{margin-bottom:0;font-size:50px}.about-content-two .section-title .title{color:var(--tg-secondary-color)}.about-content-two p{color:var(--tg-heading-font-color);margin-bottom:25px;font-size:16px;line-height:1.7}@media (max-width:1500px){.section-title .title{font-size:45px}}@media (max-width:1199.98px){.section-title .title{font-size:42px}.about-content-two p br{display:none}}@media (max-width:991.98px){.section-title .title{font-size:40px}}@media (max-width:767.98px){.section-title .title{font-size:38px}.about-area-two{padding:100px 0 60px}}
