body{font-family:Open Sans,sans-serif;color:#444}a{color:#ffb706}a:hover{color:#22d8b6;text-decoration:none}h1,h2,h3,h4,h5,h6{font-family:Raleway,sans-serif}.back-to-top{position:fixed;display:none;width:40px;height:40px;border-radius:3px;right:15px;bottom:15px;background:#ffb706;color:#fff;transition:display .5s ease-in-out;z-index:99999}.back-to-top i{font-size:24px;position:absolute;top:8px;left:8px}.back-to-top:hover{color:#fff;background:#18967e;transition:background .2s ease-in-out}#header{height:72px;z-index:997;transition:all .5s;padding:15px 0;background:#ffffff}header .container{max-width:initial}header .d-flex{justify-content:space-between;align-items:center}#header .logo h1{font-size:30px;margin:0;padding:6px 0;line-height:1;font-weight:700;letter-spacing:2px;text-transform:uppercase;white-space:nowrap}#header .logo h1 a,#header .logo h1 a:hover{color:#16302f;text-decoration:none}#header .logo img{padding:0;margin:0;max-height:40px}@media (max-width: 992px){#header{height:60px;padding:8px 0}}.nav-menu,.nav-menu *{margin:0;padding:0;list-style:none}.nav-menu>ul>li{position:relative;white-space:nowrap;float:left}.nav-menu a{display:block;position:relative;color:#16302f;padding:8px 0 12px;transition:.3s;font-size:14px;font-family:Open Sans,sans-serif}.nav-menu>ul>li+li{margin-left:15px}.nav-menu>ul>li.another-logo{display:none}.nav-menu>ul>li>a:before{content:"";position:absolute;width:100%;height:2px;bottom:3px;left:0;background-color:#ffb706;visibility:hidden;width:0px;transition:all .3s ease-in-out 0s}.nav-menu a:hover:before,.nav-menu li:hover>a:before,.nav-menu .active>a:before{visibility:visible;width:100%}.nav-menu a:hover,.nav-menu .active>a,.nav-menu li:hover>a{color:#16302f}.nav-menu .drop-down ul{display:block;position:absolute;left:0;top:100%;z-index:99;opacity:0;visibility:hidden;padding:10px 0;background:#16302f;box-shadow:0 0 30px #7f89a140;transition:ease all .3s}.nav-menu .drop-down:hover>ul{opacity:1;visibility:visible}.nav-menu .drop-down li{min-width:180px;position:relative}.nav-menu .drop-down ul a{padding:10px 20px;font-size:14px;font-weight:500;text-transform:none;color:#062822}.nav-menu .drop-down ul a:hover,.nav-menu .drop-down ul .active>a,.nav-menu .drop-down ul li:hover>a{color:#ffb706}.nav-menu .drop-down>a:after{content:"";font-family:IcoFont;padding-left:5px}.nav-menu .drop-down .drop-down ul{top:0;left:calc(100% - 30px)}.nav-menu .drop-down .drop-down:hover>ul{opacity:1;top:0;left:100%}.nav-menu .drop-down .drop-down>a{padding-right:35px}.nav-menu .drop-down .drop-down>a:after{content:"";font-family:IcoFont;position:absolute;right:15px}@media (min-width: 1248px){.nav-menu>ul>li.another-logo{display:block}}@media (max-width: 1366px){.nav-menu .drop-down .drop-down ul{left:-90%}.nav-menu .drop-down .drop-down:hover>ul{left:-100%}.nav-menu .drop-down .drop-down>a:after{content:""}}.mobile-nav-toggle{position:fixed;right:15px;top:15px;z-index:9998;border:0;background:none;font-size:24px;transition:all .4s;outline:none!important;line-height:1;cursor:pointer;text-align:right}.mobile-nav-toggle i{color:#fff}.mobile-nav{position:fixed;top:55px;right:15px;bottom:15px;left:15px;z-index:9999;overflow-y:auto;background:#fff;transition:ease-in-out .2s;opacity:0;visibility:hidden;border-radius:10px;padding:10px 0}.mobile-nav *{margin:0;padding:0;list-style:none}.mobile-nav a{display:block;position:relative;color:#21413c;padding:10px 20px;font-weight:500;outline:none}.mobile-nav a:hover,.mobile-nav .active>a,.mobile-nav li:hover>a{color:#ffb706;text-decoration:none}.mobile-nav .drop-down>a:after{content:"";font-family:IcoFont;padding-left:10px;position:absolute;right:15px}.mobile-nav .active.drop-down>a:after{content:""}.mobile-nav .drop-down>a{padding-right:35px}.mobile-nav .drop-down ul{display:none;overflow:hidden}.mobile-nav .drop-down li{padding-left:20px}.mobile-nav-overly{width:100%;height:100%;z-index:9997;top:0;left:0;position:fixed;background:rgba(16,31,29,.6);overflow:hidden;display:none;transition:ease-in-out .2s}.mobile-nav-active{overflow:hidden}.mobile-nav-active .mobile-nav{opacity:1;visibility:visible}.mobile-nav-active .mobile-nav-toggle i{color:#fff}.mobile-nav>ul>li.another-logo{display:none}#hero{width:100%;background:url(/build/assets/hero-bg-4eeeadb9.jpg) right center;background-size:cover;position:relative;margin-top:72px;padding:0}#hero .container{z-index:2}#hero h1{margin:0;font-size:60px;font-weight:700;line-height:56px;color:#fff}#hero h2{color:#fbbd0ee6;margin-bottom:60px;font-size:30px;font-weight:700}#hero .btn-get-started{font-family:Raleway,sans-serif;text-transform:uppercase;font-weight:500;font-size:16px;letter-spacing:1px;display:inline-block;padding:8px 28px;border-radius:4px;transition:.5s;border:2px solid #fff;color:#fff}#hero .btn-get-started:hover{border-color:#ffb706;background:#ffb706}@media (min-width: 1024px){#hero{background-attachment:fixed}}@media (max-width: 992px){#hero{margin-top:60px}}@media (max-width: 768px){#hero h1{font-size:28px;line-height:36px}#hero h2{font-size:18px;line-height:24px;margin-bottom:30px}}.demo-hero{aspect-ratio:15/6}section{padding:60px 0;overflow:hidden}.section-bg{background-color:#e4e4e4}.section-title{padding-bottom:40px;text-align:center}.section-title h2{font-size:36px;font-weight:300;margin-bottom:20px;padding-bottom:0;color:#000}.section-title p{margin-bottom:0}.about h3{font-weight:400;font-size:34px;color:#21413c}.about .icon-box{margin-top:44px}.about .icon-box i{font-size:48px;float:left;color:#ffb706}.about .icon-box h4{font-size:22px;font-weight:500;margin-left:60px;color:#21413c}.about .icon-box p{font-size:15px;color:#848484;margin-left:60px}.steps{padding:50px 0 40px}.steps .row{overflow:hidden}.steps .content-item{padding:40px;border-left:1px solid #d4e9e6;border-bottom:1px solid #d4e9e6;margin:-1px}.steps .content-item span{display:block;font-size:24px;font-weight:400;color:#fff}.steps .content-item h4{font-size:28px;font-weight:400;padding:0;margin:20px 0;color:#000}.steps .content-item p{color:#aaa;font-size:15px;margin:0;padding:0}@media (max-width: 768px){.steps .content-item{padding:40px 0}}.features .nav-tabs{border:0}.features .nav-link{border:0;padding:20px;transition:.3s;color:#21413c}.features .nav-link:hover{color:#ffb706}.features .nav-link h4{font-size:18px;font-weight:600}.features .nav-link p{font-size:14px;margin-bottom:0}.features .nav-link.active{box-shadow:0 2px 15px #0000001f}.features .nav-link.active h4{color:#ffb706}.features .tab-pane.active{animation:slide-down .5s ease-out}@keyframes slide-down{0%{opacity:0}to{opacity:1}}.product{margin:0;padding:0;border:0;outline:0;top:60px;z-index:995!important}@media (min-width: 1024px){.product{top:75px}}.product h5{font-size:.9rem;text-align:center;margin-top:.5rem}.product img{width:100%;height:auto}.product .main{display:flex;justify-content:center;position:relative}.product .main ul{list-style:none;padding:0;display:flex;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none;margin:0;max-width:1344.22px;width:100%;justify-content:center}.product .main ul::-webkit-scrollbar{display:none}.product .main ul li{width:25%;flex-shrink:0;padding:5px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.product .main ul li.active,.product .main ul li:hover{background-color:#ccc}.product .main>i{transform:rotate(180deg);transition:transform .2s ease-in}.product .main li.active>i{transform:rotate(0)}@media (min-width: 768px){.product .main ul li{width:calc(100% / 11)}}.product .controller{position:absolute;top:50%;transform:translateY(-50%);border:none;background-color:#02061780;color:#fff;z-index:10}@media (min-width: 768px){.product .main .controller{display:none}}.product .right{right:0}.product .left{left:0}.product .mime{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.product .mime .controller{display:none;animation:controller-appear .2s ease-in-out forwards}@keyframes controller-appear{0%{opacity:0}to{opacity:1}}.product .mime ul{background-color:#ccc;max-width:1334.22px;list-style:none;padding:0;margin:0;display:flex;transition:max-height .2s ease-in-out;max-height:0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;width:100%}.product .mime ul::-webkit-scrollbar{display:none}.product .mime ul.active{max-height:500px}.product .mime ul.active .controller{display:block}.product .mime ul li{flex-shrink:0;padding:5px;width:25%;cursor:pointer}.product .mime ul li:hover{background-color:#b3b3b3}.product .mime a{color:#000;height:100%;width:100%;display:inline-block}@media (min-width: 768px){.product .mime ul li{width:calc(100% / 9)}}.product-detail .container{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;background:#f0f0f0;padding-bottom:1rem}.product-detail .detail-title h3{font-size:1rem;text-align:center;font-family:Arial,Helvetica,sans-serif}.product-detail .detail-title{padding:20px 0}.product-detail .detail-content{display:flex;gap:.5rem;font-size:.5rem}.product-detail img{width:100%;height:auto}.product-detail .detail-content article{width:50%}.product-detail .option{margin-top:2rem;display:flex;justify-content:center}.product-detail table{width:100%;margin-bottom:.3rem}.product-detail td,.product-detail th{border-bottom:#1d6cd3 solid 1px;padding:4px;width:50%}.product-detail b{word-break:break-all}.product-detail td{word-break:break-all;background-color:#fff}.product-detail .model{border-top:rgb(29,108,211) solid 1rem}.product-detail .info{border-top:rgb(29,108,211) solid .5rem}.product-detail .img-article img{margin-bottom:.4rem}.product-detail .option button{font-size:1rem;background-color:#34d399;color:#fff;border:none;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;border-radius:5px;padding:.5rem 2rem;transition:all .3s ease-in-out}.product-detail .option button:hover{background-color:#10b981}.product-detail .option button:focus{background-color:#16a34a}@media (min-width: 640px){.product-detail .detail-content{font-size:.7rem}}@media (min-width: 768px){.product-detail .detail-content{font-size:1rem}.product-detail .detail-title h3,.product-detail .option button{font-size:1.5rem}}.catalog .catalog-container .catalog-wrap{position:relative}.catalog .catalog-container .catalog-wrap:hover{filter:brightness(70%)}.catalog .catalog-container .catalog-info{position:absolute;bottom:0;background-color:#000c;width:100%;text-align:center;color:#fff}.catalog .catalog-container .catalog-info h5{font-family:Arial,Helvetica,sans-serif}.services .icon-box{padding:30px;position:relative;overflow:hidden;margin:0;background:#fff;transition:all .3s ease-in-out;border-radius:15px;text-align:center;border-bottom:3px solid #fff}.services .icon-box:hover{box-shadow:0 2px 29px #2525251a}.services .icon i{font-size:48px;line-height:1;margin-bottom:15px}.services .title{font-weight:700;margin-bottom:15px;font-size:18px}.services .title a{color:#111}.services .description{font-size:15px;line-height:28px;margin-bottom:0}.services .icon-box-pink .icon i{color:#ff689b}.services .icon-box-cyan .icon i{color:#3fcdc7}.services .icon-box-green .icon i{color:#41cf2e}.services .icon-box-blue .icon i{color:#2282ff}.testimonials .testimonial-item{box-sizing:content-box;min-height:320px}.testimonials .testimonial-item .testimonial-img{width:90px;border-radius:50%;margin:-40px 0 0 40px;position:relative;z-index:2;border:6px solid #fff}.testimonials .testimonial-item h3{font-size:18px;font-weight:700;margin:10px 0 5px 45px;color:#111}.testimonials .testimonial-item h4{font-size:14px;color:#999;margin:0 0 0 45px}.testimonials .testimonial-item .quote-icon-left,.testimonials .testimonial-item .quote-icon-right{color:#a8d3cc;font-size:26px}.testimonials .testimonial-item .quote-icon-left{display:inline-block;left:-5px;position:relative}.testimonials .testimonial-item .quote-icon-right{display:inline-block;right:-5px;position:relative;top:10px}.testimonials .testimonial-item p{font-style:italic;margin:0 15px;padding:20px 20px 60px;background:#eff7f6;border-radius:6px;position:relative;z-index:1}.testimonials .owl-nav,.testimonials .owl-dots{margin-top:5px;text-align:center}.testimonials .owl-dot{display:inline-block;margin:0 5px;width:12px;height:12px;border-radius:50%;background-color:#ddd!important}.testimonials .owl-dot.active{background-color:#ffb706!important}@media (max-width: 767px){.testimonials{margin:30px 10px}}.portfolio .portfolio-item{margin-bottom:30px}.portfolio #portfolio-flters{margin:0 auto 35px;list-style:none;text-align:center;background:#fff;box-shadow:0 2px 15px #0000001a;border-radius:50px;padding:8px 20px}.portfolio #portfolio-flters li{cursor:pointer;display:inline-block;padding:10px 15px 8px;font-size:14px;font-weight:600;line-height:1;text-transform:uppercase;color:#444;margin-bottom:5px;transition:all .3s ease-in-out}.portfolio #portfolio-flters li:hover,.portfolio #portfolio-flters li.filter-active{color:#ffb706}.portfolio #portfolio-flters li:last-child{margin-right:0}.portfolio .portfolio-wrap{transition:.3s;position:relative;overflow:hidden;z-index:1;background:rgba(0,0,0,.6)}.portfolio .portfolio-wrap:before{content:"";background:rgba(0,0,0,.5);position:absolute;left:30px;right:30px;top:30px;bottom:30px;transition:all ease-in-out .3s;z-index:2;opacity:0}.portfolio .portfolio-wrap .portfolio-info{opacity:0;position:absolute;top:0;left:0;right:0;bottom:0;text-align:center;z-index:3;transition:all ease-in-out .3s;display:flex;flex-direction:column;justify-content:center;align-items:center}.portfolio .portfolio-wrap .portfolio-info:before{display:block;content:"";width:48px;height:48px;position:absolute;top:35px;left:35px;border-top:3px solid #fff;border-left:3px solid #fff;transition:all .5s ease 0s;z-index:9994}.portfolio .portfolio-wrap .portfolio-info:after{display:block;content:"";width:48px;height:48px;position:absolute;bottom:35px;right:35px;border-bottom:3px solid #fff;border-right:3px solid #fff;transition:all .5s ease 0s;z-index:9994}.portfolio .portfolio-wrap .portfolio-info h4{font-size:20px;color:#fff;font-weight:600}.portfolio .portfolio-wrap .portfolio-info p{color:#fff;font-size:14px;text-transform:uppercase;padding:0;margin:0}.portfolio .portfolio-wrap .portfolio-links{text-align:center;z-index:4}.portfolio .portfolio-wrap .portfolio-links a{color:#fff;margin:0 2px;font-size:28px;display:inline-block;transition:.3s}.portfolio .portfolio-wrap .portfolio-links a:hover{color:#4ae3c6}.portfolio .portfolio-wrap:hover:before{top:0;left:0;right:0;bottom:0;opacity:1}.portfolio .portfolio-wrap:hover .portfolio-info{opacity:1}.portfolio .portfolio-wrap:hover .portfolio-info:before{top:15px;left:15px}.portfolio .portfolio-wrap:hover .portfolio-info:after{bottom:15px;right:15px}.team .member{text-align:center;margin-bottom:20px;background:#343a40;position:relative;overflow:hidden}.team .member .member-info{opacity:0;position:absolute;bottom:0;top:0;left:0;right:0;transition:.2s}.team .member .member-info-content{position:absolute;left:50px;right:0;bottom:0;transition:bottom .4s}.team .member .member-info-content h4{font-weight:700;margin-bottom:2px;font-size:18px;color:#fff}.team .member .member-info-content span{font-style:italic;display:block;font-size:13px;color:#fff}.team .member .social{position:absolute;left:-50px;top:0;bottom:0;width:50px;transition:left ease-in-out .3s;background:rgba(0,0,0,.5);text-align:center}.team .member .social a{transition:color .3s;display:block;color:#fff;margin-top:15px}.team .member .social a:hover{color:#ffb706}.team .member .social i{font-size:18px;margin:0 2px}.team .member:hover .member-info{background:linear-gradient(0deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.8) 20%,rgba(0,212,255,0) 100%);opacity:1;transition:.4s}.team .member:hover .member-info-content{bottom:30px;transition:bottom .4s}.team .member:hover .social{left:0;transition:left ease-in-out .3s}.faq .faq-list{padding:0 100px}.faq .faq-list ul{padding:0;list-style:none}.faq .faq-list li+li{margin-top:15px}.faq .faq-list li{padding:20px;background:#fff;border-radius:4px;position:relative}.faq .faq-list a{display:block;position:relative;font-family:Poppins,sans-serif;font-size:16px;line-height:24px;font-weight:500;padding:0 30px;outline:none}.faq .faq-list .icon-help{font-size:24px;position:absolute;right:0;left:20px;color:#97cac2}.faq .faq-list .icon-show,.faq .faq-list .icon-close{font-size:24px;position:absolute;right:0;top:0}.faq .faq-list p{margin-bottom:0;padding:10px 0 0}.faq .faq-list .icon-show{display:none}.faq .faq-list a.collapsed{color:#343a40}.faq .faq-list a.collapsed:hover{color:#ffb706}.faq .faq-list a.collapsed .icon-show{display:inline-block}.faq .faq-list a.collapsed .icon-close{display:none}@media (max-width: 1200px){.faq .faq-list{padding:0}}.contact .info{padding:30px;width:100%;background:#fff;box-shadow:0 2px 15px #0000001a}.contact .info i{font-size:20px;color:#ffb706;float:left;width:44px;height:44px;background:#e1f0ee;display:flex;justify-content:center;align-items:center;border-radius:50px;transition:all .3s ease-in-out}.contact .info h4{padding:0 0 0 60px;font-size:22px;font-weight:600;margin-bottom:5px;color:#21413c}.contact .info p{padding:0 0 0 60px;margin-bottom:0;font-size:14px;color:#43857a}.contact .info .email p{padding-top:5px}.contact .info .social-links{padding-left:60px}.contact .info .social-links a{font-size:18px;display:inline-block;background:#333;color:#fff;line-height:1;padding:8px 0;border-radius:50%;text-align:center;width:36px;height:36px;transition:.3s;margin-right:10px}.contact .info .social-links a:hover,.contact .info .email:hover i,.contact .info .address:hover i,.contact .info .phone:hover i{background:#ffb706;color:#fff}.contact .php-email-form{width:100%;padding:30px;background:#fff;box-shadow:0 0 24px #0000001f}.contact .php-email-form .form-group{padding-bottom:8px}.contact .php-email-form .validate{display:none;color:red;margin:0 0 15px;font-weight:400;font-size:13px}.contact .php-email-form .error-message{display:none;color:#fff;background:#ed3c0d;text-align:center;padding:15px;font-weight:600}.contact .php-email-form .sent-message{display:none;color:#fff;background:#18d26e;text-align:center;padding:15px;font-weight:600}.contact .php-email-form .loading{display:none;background:#fff;text-align:center;padding:15px}.contact .php-email-form .loading:before{content:"";display:inline-block;border-radius:50%;width:24px;height:24px;margin:0 10px -6px 0;border:3px solid #18d26e;border-top-color:#eee;animation:animate-loading 1s linear infinite}.contact .php-email-form input,.contact .php-email-form textarea{border-radius:0;box-shadow:none;font-size:14px}.contact .php-email-form input{height:44px}.contact .php-email-form textarea{padding:10px 12px}.contact .php-email-form button[type=submit]{background:#ffb706;border:0;padding:10px 24px;color:#fff;transition:.4s;border-radius:4px}.contact .php-email-form button[type=submit]:hover{background:#22d8b6}@keyframes animate-loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#footer{background:black;padding:0 0 30px;color:#fff;font-size:14px}#footer .footer-top{background:#0c1817;border-bottom:1px solid #18302c;padding:60px 0 30px}#footer .footer-top .footer-info{margin-bottom:30px}#footer .footer-top .footer-info h3{font-size:24px;margin:0 0 20px;padding:2px 0;line-height:1;font-weight:700}#footer .footer-top .footer-info p{font-size:14px;line-height:24px;margin-bottom:0;font-family:Raleway,sans-serif;color:#fff}#footer .footer-top .social-links a{font-size:18px;display:inline-block;background:#1c3733;color:#fff;line-height:1;padding:8px 0;margin-right:4px;border-radius:50%;text-align:center;width:36px;height:36px;transition:.3s}#footer .footer-top .social-links a:hover{background:#ffb706;color:#fff;text-decoration:none}#footer .footer-top h4{font-size:16px;font-weight:600;color:#fff;position:relative;padding-bottom:12px}#footer .footer-top .footer-links{margin-bottom:30px}#footer .footer-top .footer-links ul{list-style:none;padding:0;margin:0}#footer .footer-top .footer-links ul i{padding-right:2px;color:#4ae3c6;font-size:18px;line-height:1}#footer .footer-top .footer-links ul li{padding:10px 0;display:flex;align-items:center}#footer .footer-top .footer-links ul li:first-child{padding-top:0}#footer .footer-top .footer-links ul a{color:#fff;transition:.3s;display:inline-block;line-height:1}#footer .footer-top .footer-links ul a:hover{color:#34dfbf}#footer .footer-top .footer-newsletter form{margin-top:30px;background:#fff;padding:6px 10px;position:relative;border-radius:4px 0 0 4px}#footer .footer-top .footer-newsletter form input[type=email]{border:0;padding:4px;width:calc(100% - 110px)}#footer .footer-top .footer-newsletter form input[type=submit]{position:absolute;top:0;right:-4px;bottom:0;border:0;background:none;font-size:16px;padding:0 20px;background:#ffb706;color:#fff;transition:.3s;border-radius:0 4px 4px 0}#footer .footer-top .footer-newsletter form input[type=submit]:hover{background:#14806c}#footer .copyright{text-align:center;padding-top:30px}#footer .credits{padding-top:10px;text-align:center;font-size:13px;color:#fff}.helper-button{position:fixed;left:5px;bottom:10%;display:flex;flex-direction:column;gap:.3rem;z-index:1020}.helper-button button,.helper-button .support-button{border:none;background-color:#d4d4d4;width:100%;max-width:2rem;height:2rem;padding:3px;transition:filter .3s ease;border-radius:4px;align-items:center;display:flex;gap:1rem;transition:max-width .3s ease;overflow:hidden}.helper-button .support-button{cursor:pointer}.helper-button button.active,.helper-button .support-button.active{max-width:20rem}.helper-button button:focus{outline:none}.helper-button img{height:100%;width:100%;max-width:1.6rem}.helper-button .search-container{display:flex;height:100%;align-items:center}.helper-button .search-container i{background-color:#fff;border-radius:5px 0 0 5px;height:100%;display:flex;align-items:center;padding:0 4px;color:#575757}.helper-button #search{border-radius:0 5px 5px 0;border:none;color:#575757;width:200px;height:100%}.helper-button #search:focus{outline:none}.helper-button .support-container{display:flex;gap:.5rem}.helper-button .support-container a{border-radius:5px;display:flex;align-items:center}.helper-button .support-container a.support-link{background-color:#32c03c}.helper-button .support-container a.support-link-2{background-color:red}@media (min-width: 768px){.helper-button{top:50%;bottom:initial}}@media (min-width: 1024px){.helper-button button,.helper-button .support-button{height:2.5rem;max-width:2.5rem}.helper-button img{max-width:-moz-max-content;max-width:max-content}}.popup-product{position:fixed;top:80px;left:50%;transform:translate(-50%);display:none;background-color:#fff;border:1px solid #ccc;box-shadow:0 0 10px #0003;max-height:200px;overflow-y:auto;width:100%;max-width:calc(100% - 20px);padding:10px 5px;text-align:center;z-index:1100;height:-moz-max-content;height:max-content;max-height:80vh}.popup-product .loading{display:none;text-align:center;padding:10px}.popup-product .no-data-found{text-align:center;display:none;padding:10px}.popup-product .popup-result{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.popup-product .search-container{display:flex;justify-content:center;align-items:stretch}.popup-product .search-container i{display:flex;align-items:center;border-width:1px 0 1px 1px;border-color:#ccc;border-style:solid;padding:0 5px;border-radius:5px 0 0 5px}.popup-product .search-container input{border:1px solid #ccc;border-radius:0 5px 5px 0}.popup-product .search-container input:focus{outline:none}.popup-product .top-section{position:relative}.popup-product .top-section button{border:none;background-color:transparent;position:absolute;top:1px;right:1px}.popup-product .top-section button:focus,.popup-product .top-section button:focus-visible{outline:none}.popup-result img{width:100%;height:auto}.popup-result{width:100%;padding:5px}.popup-result h6{word-break:break-all;font-family:Arial,Helvetica}.popup-result a{color:#000}.popup-result .item-result{cursor:pointer;padding:5px;transition:background-color .2s ease;position:relative}.popup-result .item-result:hover{background-color:#d8d8d8}@media (min-width: 768px){.popup-product .popup-result{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1024px){.popup-product{max-width:768px}}@media (min-width: 1440px){.popup-product{max-width:1200px}.popup-product .popup-result{grid-template-columns:repeat(5,minmax(0,1fr))}}.popup-container{display:none;position:fixed;top:0;left:0;width:100%;background-color:#00000080;justify-content:center;align-items:center;z-index:100000}.popup-form{background-color:#fff;border-radius:5px;box-shadow:0 0 10px #0000004d;padding:20px;width:300px}.popup input[type=text]:focus,.popup input[type=email]:focus,.popup input[type=tel]:focus{border-color:#007bff}.popup input[type=text].error:focus,.popup input[type=email].error:focus,.popup input[type=tel].error:focus{border-color:red}.popup-container{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;justify-content:center;align-items:center;z-index:100000}.popup-form{background-color:#fff;border-radius:5px;box-shadow:0 0 10px #0000004d;padding:20px;width:100%;max-width:500px}.form-field{margin-bottom:15px}.popup label{display:block;font-weight:700;margin-bottom:5px}.popup input[type=text],.popup input[type=email],.popup input[type=tel]{width:100%;padding:8px;border:1px solid #ccc;border-radius:3px;transition:border-color .3s ease}.popup input[type=text]:focus,.popup input[type=email]:focus,.popup input[type=tel]:focus{outline:none;border-color:#007bff}.popup input[type=text].error:focus,.popup input[type=email].error:focus,.popup input[type=tel].error:focus{outline:none;border-color:red}.popup button[type=submit]{background-color:#007bff;color:#fff;border:none;border-radius:3px;padding:10px 15px;cursor:pointer;transition:background-color .3s ease}.popup button[type=submit]:hover{background-color:#0056b3}.popup .error-message{color:red;font-size:14px}