html{scroll-behavior:smooth}body,html{overflow-x:hidden}.bg-base{background-color:rgba(0,27,56,.03)}.bg-base-yellow{background-color:#febd00}.color-base{color:#001b38}.min-height{min-height:60vh}.opacity-80{opacity:.8}.color-base-yellow{color:#febd00}.slogan-text{font-family:Arial,sans-serif;padding:15px 0;letter-spacing:1px;text-shadow:2px 2px 4px rgba(0,0,0,.2);background:linear-gradient(90deg,#febd00 0,#febd00);-webkit-background-clip:text;-webkit-text-fill-color:transparent}#categoryCarousel,#deviceCarousel{scroll-margin-top:130px}#categories,#core-value,#factory-workflow,#main-market,#tech-devices{scroll-margin-top:80px}@-webkit-keyframes slideinRightToLeft{0%{opacity:0;margin-left:60%}to{opacity:1;margin-left:0}}@keyframes slideinRightToLeft{0%{opacity:0;margin-left:60%}to{opacity:1;margin-left:0}}@-webkit-keyframes zoomInOut{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes zoomInOut{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}.my-8{margin-top:80px;margin-bottom:80px}.mission-vision-title{font-size:2.2rem;font-weight:700;color:#343a40;margin-bottom:15px}.text-highlight{color:#febd00}.section-subtitle{font-size:2.2rem;font-weight:700;color:#febd00;line-height:1.2}.bg-card-base{background-color:rgba(0,0,0,.03)}.icon-box{width:30px;height:15px;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,30% 100%);clip-path:polygon(0 0,100% 0,100% 100%,30% 100%);border-bottom-left-radius:30px}.zoom-link{position:absolute;top:10px;right:10px;z-index:10;background:rgba(0,0,0,.6);color:#fff;padding:3px;border-radius:50%;font-size:15px;transition:background .3s ease;text-decoration:none}.zoom-link:hover{background:rgba(255,193,7,.8);color:#000}.flip-wrapper{position:relative;cursor:pointer;width:100%;height:auto;overflow:hidden}.flip-wrapper img{display:block;width:100%;height:auto;transition:opacity .4s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden}.flip-wrapper .front{position:relative;z-index:2}.flip-wrapper .back{position:absolute;top:0;left:0;z-index:1;opacity:0}.flip-wrapper.flipped .front{opacity:0}.flip-wrapper.flipped .back{opacity:1}.border-base{border:1px solid #e0e0e0}.navbar{background-color:#fff}#modalImage{max-height:80vh}.highlight-title{display:inline-block;position:relative;font-weight:700;font-size:2.5rem;margin-bottom:-.5rem}.highlight-title:after{content:"";position:absolute;bottom:0;right:0;width:20px;height:30px;background-color:#febd00;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,30% 100%);clip-path:polygon(0 0,100% 0,100% 100%,30% 100%);-webkit-transform:rotate(90deg);transform:rotate(90deg);border-radius:20%;z-index:-1}.about-company .content-row,.mission-block .content-row{display:flex;flex-wrap:wrap;align-items:stretch}.about-company .col-lg-6,.mission-block .col-lg-6{display:flex;flex-direction:column}.about-company .content-section,.mission-block .content-section{background-color:#fff;padding:30px;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.08);position:relative;overflow:hidden;flex-grow:1;display:flex;flex-direction:column}.about-company .section-title,.mission-block .section-title{font-size:2.2rem;font-weight:700;color:#343a40;margin-bottom:15px}.about-company .shape-dark,.mission-block .shape-dark{bottom:-100px;left:-80px;width:400px;height:250px;border-radius:150px 0 200px 150px;-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}.about-company .shape-dark,.about-company .shape-yellow,.mission-block .shape-dark,.mission-block .shape-yellow{position:absolute;background-color:#febd00;z-index:0;opacity:.05;-webkit-filter:blur(6px);filter:blur(6px);transition:all .8s ease-out}.about-company .shape-yellow,.mission-block .shape-yellow{top:130px;right:-100px;width:300px;height:200px;border-radius:100px 180px 100px 100px;-webkit-transform:rotate(10deg);transform:rotate(10deg)}.about-company .content-text,.mission-block .content-text{position:relative;z-index:2}.about-company .light-rectangle,.mission-block .light-rectangle{margin-top:20px;background-color:#e0e0e0;border-radius:15px;position:relative;box-shadow:3px 3px 10px rgba(0,0,0,.2);overflow:hidden;transition:background-color .3s ease,box-shadow .3s ease,-webkit-transform .3s ease;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease}.about-company .light-rectangle:hover,.mission-block .light-rectangle:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.1)}.about-company .light-rectangle img,.mission-block .light-rectangle img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;max-width:100%}@media (max-width:767.98px){.about-company .mission-vision-title,.about-company .section-subtitle,.about-company .section-title,.mission-block .mission-vision-title,.mission-block .section-subtitle,.mission-block .section-title{font-size:1.8rem}.about-company .content-section,.mission-block .content-section{padding:15px;min-height:auto}.about-company .header-section,.mission-block .header-section{margin-bottom:15px}.about-company .shape-dark,.about-company .shape-yellow,.mission-block .shape-dark,.mission-block .shape-yellow{width:180px;height:90px;bottom:-40px;top:70px;opacity:.02;-webkit-filter:blur(4px);filter:blur(4px)}.about-company .content-row,.mission-block .content-row{flex-direction:column}.about-company .col-lg-6,.mission-block .col-lg-6{margin-bottom:20px}}.manufacturing-section .card{border:none;overflow:hidden;box-shadow:0 4px 8px rgba(0,0,0,.1);transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;cursor:pointer}.manufacturing-section .card:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.manufacturing-section .card-img-top{height:200px;-o-object-fit:cover;object-fit:cover;width:100%}.charts{background-image:url(/images/global.png?b220a75633b9a692d4ef5872a451326e);background-repeat:no-repeat;background-position-x:center}.charts .chart{transition:background-color .3s ease,box-shadow .3s ease,-webkit-transform .3s ease;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease;cursor:pointer}.charts .chart:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.charts .chart .circle-chart{width:120px;height:120px;border-radius:50%;background:conic-gradient(#febd00 0,#071f35 0);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:24px;color:#071f35;margin:0 auto;position:relative;transition:background 1s linear}.charts .chart .circle-chart:before{content:"";position:absolute;width:75%;height:75%;background:#fff;border-radius:50%;z-index:1}.charts .chart .circle-chart span{position:relative;z-index:2}@media (max-width:762px){.charts .card-slogan{width:80%}}.categories{overflow:hidden}.categories .category-item{background:#fff;border-radius:12px;text-align:center;padding-bottom:15px;height:100%;box-shadow:0 2px 6px rgba(0,0,0,.05);transition:background-color .3s ease,box-shadow .3s ease,-webkit-transform .3s ease;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease;border:none;cursor:pointer}.categories .category-item:hover{background-color:#ffe5b4;-webkit-transform:translateY(-5px);transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.1)}.categories .category-img{border-top-left-radius:12px;border-top-right-radius:12px;width:100%;height:auto;-o-object-fit:cover;object-fit:cover;margin-bottom:10px;transition:opacity .3s ease-in-out}.categories .category-img.main-image{position:relative;z-index:0}.categories .category-img.hover-image{position:absolute;top:0;left:0;opacity:0;z-index:1}.categories .image-wrapper:hover .hover-image{opacity:1}.categories .image-wrapper:hover .main-image{opacity:0}.categories .category-title{font-size:16px;font-weight:500;margin:0}.core-value .card{transition:background-color .3s ease,box-shadow .3s ease,-webkit-transform .3s ease;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease;border:none}.core-value .card:hover{background-color:#ffe5b4;-webkit-transform:translateY(-5px);transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.1)}.core-value .highlight{color:#febd00;padding:0 6px;display:inline-block}.core-value .title-section{font-size:32px;font-weight:600}.core-value .subheading{font-size:24px;font-weight:600;margin-bottom:10px}.core-value .mb-40{margin-bottom:40px}.imageModal .close{top:10px;right:15px;z-index:10;color:#febd00}.imageModal .close span{font-size:2rem}.factory-workflow .production-process-container{max-width:1200px;margin:0 auto;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.factory-workflow .images .image-item{transition:background-color .3s ease,box-shadow .3s ease,-webkit-transform .3s ease;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease}.factory-workflow .images .image-item:hover{-webkit-transform:scale(1.05);transform:scale(1.05);z-index:2}.factory-workflow h1{color:#333;text-align:center;margin-bottom:30px;font-size:2.5em;color:#febd00}.factory-workflow .timeline-wrapper{overflow-x:auto;padding-bottom:20px}.factory-workflow .timeline{display:flex;justify-content:space-between;align-items:stretch;position:relative;padding:20px 0;min-width:800px}.factory-workflow .timeline:before{content:"";position:absolute;top:30px;left:0;right:0;height:4px;background-color:#e0e0e0;z-index:0}.factory-workflow .timeline-item{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:1;padding:0 10px}.factory-workflow .timeline-dot{width:20px;height:20px;background-color:#febd00;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 2px #febd00;margin-bottom:15px;position:relative;z-index:2}.factory-workflow .timeline-content{position:relative;background-color:#ffe5b4;padding:15px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.05);width:100%;max-width:200px;text-align:left;transition:background-color .3s ease,box-shadow .3s ease,-webkit-transform .3s ease;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease;flex:1}.factory-workflow .timeline-content:hover{background-color:#ffe5b4;-webkit-transform:scale(1.05);transform:scale(1.05);z-index:2}.factory-workflow .timeline-content:before,.factory-workflow .timeline-content:hover:before{border-color:transparent transparent #ffe5b4}.factory-workflow .timeline-content:before{content:"";position:absolute;top:-8px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);border-style:solid;border-width:0 8px 10px;transition:border-color .3s ease,box-shadow .3s ease,-webkit-transform .3s ease;transition:border-color .3s ease,transform .3s ease,box-shadow .3s ease;transition:border-color .3s ease,transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease}.factory-workflow .timeline-content h3{margin-top:0;color:#333;font-size:1.2em;margin-bottom:10px}.factory-workflow .timeline-content p{font-size:.9em;line-height:1.5;color:#555}@media (max-width:768px){.factory-workflow .timeline-wrapper{padding:20px}.factory-workflow .timeline-content:before{content:"";position:absolute;top:50%;left:-8px;-webkit-transform:translateY(-50%);transform:translateY(-50%);border-color:transparent #ffe5b4 transparent transparent;border-style:solid;border-width:8px 10px 8px 0;transition:border-color .3s ease,-webkit-transform .3s ease;transition:border-color .3s ease,transform .3s ease;transition:border-color .3s ease,transform .3s ease,-webkit-transform .3s ease}.factory-workflow .timeline-content:hover{background-color:#ffe5b4;-webkit-transform:scale(1.05);transform:scale(1.05);z-index:2}.factory-workflow .timeline-content:hover:before{border-color:transparent #ffe5b4 transparent transparent}.factory-workflow .timeline{flex-direction:column;align-items:flex-start;min-width:unset;padding:0}.factory-workflow .timeline:before{left:10px;width:4px;height:calc(100% - 60px);top:30px}.factory-workflow .timeline-item{flex-direction:row;text-align:left;padding:20px 0;width:100%;justify-content:flex-start}.factory-workflow .timeline-dot{margin-right:15px;margin-bottom:0;flex-shrink:0}.factory-workflow .timeline-content{max-width:unset;width:auto}}@-webkit-keyframes slidein{0%{opacity:0;margin-left:-60%}to{opacity:1;margin-left:0}}@keyframes slidein{0%{opacity:0;margin-left:-60%}to{opacity:1;margin-left:0}}.slides .carousel-item{position:relative}.slides .carousel-caption{height:100%}.slides .carousel-text{display:flex;flex-direction:column;justify-content:center;align-items:center;width:80%;max-width:900px;padding:30px;box-sizing:border-box;background-color:rgba(0,0,0,.6);border-radius:10px;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);color:#fff;text-shadow:2px 2px 6px rgba(0,0,0,.8);z-index:2}.slides .carousel-caption h1{font-family:Playfair Display,serif;font-size:3em;font-weight:700;color:#febd00;letter-spacing:3px;margin-bottom:20px;text-align:center;opacity:0;-webkit-animation:fadeInDown 1s ease-out forwards;animation:fadeInDown 1s ease-out forwards}.slides .carousel-caption h6{font-family:Lato,sans-serif;font-size:1.3em;font-weight:400;line-height:1.8;color:#f0f0f0;margin-top:0;text-align:center;opacity:0;-webkit-animation:fadeInUp 1s ease-out forwards;animation:fadeInUp 1s ease-out forwards;-webkit-animation-delay:.3s;animation-delay:.3s}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-50px,0);transform:translate3d(0,-50px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-50px,0);transform:translate3d(0,-50px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@media (max-width:992px){.slides .carousel-caption h1{font-size:3em;letter-spacing:2px}.slides .carousel-caption h6{font-size:1.3em}}@media (max-width:768px){.slides .carousel-caption{padding:20px}.slides .carousel-caption h1{font-size:2.2em;letter-spacing:1px}.slides .carousel-caption h6{font-size:1em;line-height:1.5}}@media (max-width:576px){.slides .carousel-text{padding-right:0;padding-left:0}.slides .carousel-caption{padding:0}.slides .carousel-caption h1{font-size:1.3em}.slides .carousel-caption h6{font-size:.8em}}.slides .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:1}.slides .carousel-img{height:80vh;-o-object-fit:cover;object-fit:cover}@media (max-width:992px){.slides .carousel-img{height:60vh}}@media (max-width:768px){.slides .carousel-img{height:50vh}}@media (max-width:576px){.slides .carousel-img{height:40vh}}.tech-devices{overflow:hidden}.tech-devices .carousel-item{padding:20px 0}.tech-devices .carousel-controls{background-color:#fff;padding:1rem;border-radius:.5rem;box-shadow:0 2px 4px rgba(0,0,0,.05)}.tech-devices .carousel-control-btn{width:40px;height:40px;display:inline-flex;justify-content:center;align-items:center;font-size:1.25rem}.tech-devices .item-card{cursor:pointer;background-color:#fff;border-radius:12px;padding:0;box-shadow:0 2px 6px rgba(0,0,0,.05);display:flex;flex-direction:column;align-items:center;text-align:center;transition:box-shadow .2s ease-in-out,-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out,-webkit-transform .2s ease-in-out;height:100%;overflow:hidden}.tech-devices .item-card:hover .text-content{background-color:#ffe5b4}.tech-devices .item-card .title{min-height:40px}.tech-devices .item-card:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.2)}.tech-devices .item-card .item-image{padding-left:5px;padding-right:5px;width:100%;height:auto;-o-object-fit:cover;border-top-left-radius:12px;border-top-right-radius:12px;object-fit:cover}.tech-devices .item-card .text-content{padding:10px;width:100%;margin-top:auto}.tech-devices .item-card .text-content h5{margin-bottom:0;color:#343a40;font-weight:500;font-size:1.15em;line-height:1.4}@media (max-width:767.98px){.tech-devices .header h1{font-size:2.2em}}.header-section .custom-navbar{background-color:#001b38!important;box-shadow:0 4px 8px rgba(0,0,0,.2);transition:all .3s ease-in-out}.header-section .navbar-brand .navbar-logo{height:40px;width:auto;transition:height .3s ease}.header-section .scrolled .navbar-brand .navbar-logo{height:30px}.header-section .navbar-brand span{color:#fff!important;font-size:1.4rem;transition:color .3s ease}.header-section .navbar-brand:hover span{color:var(--primary-color)!important}.header-section .navbar-nav .nav-link{color:#fff!important;font-weight:500;margin-right:15px;position:relative;transition:all .1s ease}.header-section .navbar-nav .nav-link:after{content:"";position:absolute;height:2px;background:#febd00;left:0;bottom:-5px;transition:width .1s ease}.header-section .navbar-nav .nav-link.active:after,.header-section .navbar-nav .nav-link:hover:after{width:100%}.header-section .navbar-nav .nav-link.active,.header-section .navbar-nav .nav-link:hover{color:#febd00!important}.header-section .custom-btn-call{background-color:#3498db;border-color:#3498db;color:#fff;font-weight:700;padding:8px 20px;border-radius:50px;transition:all .3s ease}.header-section .custom-btn-call:hover{background-color:#2980b9;border-color:#2980b9;-webkit-transform:translateY(-2px);transform:translateY(-2px)}@media (max-width:991.98px){.header-section .navbar-collapse{background-color:var(--dark-bg-color);padding:15px;border-radius:5px;margin-top:10px}.header-section .navbar-nav .nav-link{margin-right:0;padding:10px 0;text-align:center}.header-section .navbar-brand span{font-size:1.2rem}.header-section .custom-btn-call{display:block;width:100%;text-align:center;margin-top:15px}}.footer-section{background-color:#001b38}.footer-section h5{color:#febd00}.footer-section li,.footer-section p{color:#ecf0f1}.footer-section .list-unstyled li{margin-bottom:10px}.footer-section .list-unstyled li i{color:#febd00;width:20px}.footer-section .map-container{border:2px solid #febd00}.footer-section hr{border-color:#febd00}.footer-section .text-policy:hover{opacity:1}.modal .modal-content{display:flex;justify-content:center;align-items:center}.modal .image-preview{max-width:100%;max-height:80vh;height:auto;width:auto;display:inline-block}.contact{background-image:url(/images/background-contact.jpg?611e22fc0120aa3cfc6e80c9f2e4774a);background-repeat:no-repeat;background-size:cover}.contact .contact-card{margin-top:20px;background-color:#fff;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.15);padding:30px;max-width:700px;-webkit-animation:fadeIn 1s ease-out;animation:fadeIn 1s ease-out;-webkit-transform:translateY(0);transform:translateY(0);transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.contact .contact-card h2{color:#343a40;margin-bottom:30px;font-weight:700}@media (max-width:990px){.contact .contact-card{margin-top:100px;padding:30px}.contact .contact-card h2{font-size:2rem;margin-bottom:25px}}@media (max-width:768px){.contact .contact-card{margin-top:100px;padding:30px}.contact .contact-card h2{font-size:2rem;margin-bottom:25px}}@media (max-width:576px){.contact .contact-card{margin-top:100px;padding:25px}.contact .contact-card h2{font-size:1.8rem;margin-bottom:20px}}.form-group label{font-weight:600;color:#555}.form-control{border-radius:8px;padding:10px 15px;border:1px solid #ced4da;transition:all .3s ease}.form-control:focus{border-color:#2193b0;box-shadow:0 0 0 .2rem rgba(33,147,176,.25)}@media (max-width:576px){.form-control{padding:8px 12px}}.btn-primary{background-color:#2193b0;border-color:#2193b0;border-radius:8px;font-weight:700;padding:12px 0;transition:background-color .3s ease,-webkit-transform .3s ease;transition:background-color .3s ease,transform .3s ease;transition:background-color .3s ease,transform .3s ease,-webkit-transform .3s ease}.btn-primary:hover{background-color:#1a7b93;border-color:#1a7b93;-webkit-transform:translateY(-2px);transform:translateY(-2px)}@media (max-width:576px){.btn-primary{padding:10px 0}}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@media (max-width:768px){.form-row [class*=col-]{margin-bottom:15px}.form-row [class*=col-]:last-child{margin-bottom:0}}.zoom-animation{-webkit-animation:zoomInOut 2s ease-in-out infinite;animation:zoomInOut 2s ease-in-out infinite}.right-to-left{-webkit-animation:slideinRightToLeft 1s ease-in-out;animation:slideinRightToLeft 1s ease-in-out}@media (max-width:576px){.icon-box{width:25px;height:12px}h5{font-size:1rem}}