@charset "utf-8";@font-face{font-family:"OpenSans";font-weight:100 900;font-style:normal;font-display:swap;src:url(../fonts/OpenSans-VariableFont_wdth,wght.woff2) format("woff2")}
@font-face{font-family:"Roboto";font-weight:200 700;font-style:normal;font-display:swap;src:url(../fonts/Roboto-VariableFont_wdth,wght.woff2) format("woff2")}
@font-face{font-family:'Saira Condensed';src:url('../fonts/Saira-VariableFont_wdth,wght.ttf') format('truetype');font-weight:100 900;font-stretch:50% 125%;font-style:normal;font-display:swap}
#preloader{display:none}
html{overflow:visible}
#header,#container,#footer,video#my_video{visibility:visible!important}
:root{--fs-body:clamp(0.875rem,3.5vw,1rem);--fs-h6:clamp(0.875rem,3.5vw,1rem);--fs-h5:clamp(1.0625rem,3.5vw,1.1875rem);--fs-h4:clamp(1.25rem,3.5vw,1.44rem);--fs-h3:clamp(1.375rem,3.5vw,1.728rem);--fs-h2:clamp(1.5rem,3.5vw,2.574rem);--fs-h1:clamp(1.625rem,3.5vw,3rem);--lh-heading:1.2;--lh-body:1.75;--bg-main:#40b2e9;--bg-hover:#72be44;--family-first:"OpenSans",sans-serif;--family-second:"Roboto",sans-serif;--bg-white:#ffffff;--bg-F0:#eaf8ff;--bg-F1:#f1f1f1;--bg-WhiteSmoke:#f5f5f5;--bg-F9:#f9f9f9;--bg-light:#f8f9fa;--line-color:#e0e0e0;--icon-bg:#F0F7FF;--icon-stroke:#475569;--bg-main2:#003451;--body-text:#4a5568;--card-shadow:0 10px 30px -5px rgba(15,23,42,0.05)}
.bg-F0{background-color:var(--bg-F0) !important}
.bg-F1{background-color:var(--bg-F1) !important}
.bg-Main{background-color:var(--bg-main) !important}
.bg-WhiteSmoke{background-color:var(--bg-WhiteSmoke) !important}
.bg-F9{background-color:var(--bg-F9) !important}
.bg-white-WhiteSmoke{background-image:linear-gradient(var(--bg-white),var(--bg-WhiteSmoke))}
.bg-WhiteSmoke-white{background-image:linear-gradient(var(--bg-WhiteSmoke),var(--bg-white))}
.bg-white-light{background-image:linear-gradient(var(--bg-white),var(--bg-light))}
.bg-light-white{background-image:linear-gradient(var(--bg-light),var(--bg-white))}
.bg-white-F9{background-image:linear-gradient(var(--bg-white),var(--bg-F9))}
.bg-F9-white{background-image:linear-gradient(var(--bg-F9),var(--bg-white))}
*{box-sizing:border-box;padding:0;margin:0}
#header,#container,#footer{width:100%}
body{color:#424242;font-family:var(--family-first);font-weight:400;font-size:var(--fs-body);line-height:var(--lh-body);background-color:#fff;overflow-x:hidden;overflow-y:auto;height:auto}
li,ol,ul{list-style:none;margin-bottom:0}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,.title1,.title2,.title3,.title4,.title5,.title6{color:#333;line-height:var(--lh-heading);font-family:var(--family-first);margin-bottom:1rem}
h1,h2,.h1,.h2{font-family:'Saira Condensed';font-stretch:75%}
h1,.h1,.title1{font-size:var(--fs-h1)}
h2,.h2,.title2{font-size:var(--fs-h2)}
h3,.h3,.title3{font-size:var(--fs-h3)}
h4,.h4,.title4{font-size:var(--fs-h4)}
h5,.h5,.title5{font-size:var(--fs-h5)}
h6,.h6,.title6{font-size:.9rem;font-family:var(--family-first)}
h2 a,h3 a,h4 a,h5 a,h6 a,a.h2,a.h3,a.h4,a.h5,a.h6{color:inherit;font-size:inherit}
a.h2:hover,a.h3:hover,a.h4:hover,a.h5:hover,a.h6:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{color:var(--bg-hover)}
strong{font-weight:700}
b{font-weight:500;color:#000}
img{display:block;width:100%;height:auto}
a{text-decoration:none;-webkit-tap-highlight-color:transparent;transition:all 0.2s;color:inherit;text-decoration:none}
a:hover{text-decoration:none;color:var(--bg-main)}
inquiry-trigger{color:var(--bg-main)}
inquiry-trigger:hover{color:var(--bg-hover)}
figure{width:100%;display:flex;flex-wrap:wrap}
figure>a{width:100%;display:flex;flex-wrap:wrap;position:relative;overflow:hidden}
figure>a[class="original-link"]{cursor:default}
figure:last-child,p:last-child{margin-bottom:0}
.imgbox{width:100%;aspect-ratio:16/9;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;overflow:hidden;position:relative;z-index:2}
.imgbox img{width:100%;height:100%;object-fit:cover}
.object-fit-cover{object-fit:cover !important}
.object-fit-contain{object-fit:contain !important}
.before_none::before{content:none !important}
.textbox{width:100%;display:flex;flex:1;flex-direction:column}
.container,.container1,.container2,.container3{width:100%;max-width:1200px;margin:0 auto;padding:0 15px}
.container1{max-width:1100px}
.container2{max-width:1000px}
.container3{max-width:900px}
.multiply,.img_bg img{mix-blend-mode:multiply}
.overflow-visible{overflow:visible !important}
.dropdown{z-index:5}
.icon-comments:before{content:"";width:1rem !important;aspect-ratio:1/1;float:left;background:url(../images/icons/icon-comments.svg) no-repeat center center;background-size:contain;margin-right:.25rem}
ul.list{width:calc(100% + 20px);margin:0 -10px;display:flex;flex-wrap:wrap}
ul.list li{display:flex;padding:10px}
ul.list li>ol,ul.list li>a{width:100%;display:flex;flex-wrap:wrap;transition:all .2s ease-in-out}
.row-cols{margin:0 -5px;display:flex;flex-wrap:wrap}
.row-cols>*{margin:0;padding:5px;display:flex}
.row-cols>*>ol,.row-cols>*>a{width:100%;display:flex;flex-wrap:wrap;transition:all .2s ease-in-out;margin:0}
.p-8{margin:0 -8px}
.p-8>*{padding:8px}
.p-10{margin:0 -10px}
.p-10>*{padding:10px}
.p-15{margin:0 -15px}
.p-15>*{padding:15px}
.p-20{margin:0 -20px}
.p-20>*{padding:20px}
.etw-photo{display:flex;flex-wrap:wrap}
.etw-photo figure{margin:0}
.etw-photo a{flex-direction:column}
.etw-photo span{flex:1;display:flex;justify-content:center;text-align:center;font-size:.875rem;padding-top:10px}
.etw-photo a[onClick]{cursor:pointer}
.etw-photo a[class="original-link"]{cursor:default}
@media (max-width:767.98px){ul.list{width:calc(100% + 20px);margin:0 -10px}
ul.list li{padding:10px}
}@media (max-width:575.98px){.p-8,.p-10,.p-15,.p-20{margin:0 -5px}
.p-8>*,.p-10>*,.p-15>*,.p-20>*{padding:5px}
ul.list{width:calc(100% + 10px);margin:0 -5px}
ul.list li{padding:5px}
}@media (max-width:325.98px){.row-cols>*,.etw-photo>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
}ul.items,ul.items li>ol{width:100%;display:block;margin:0 0 1rem 0}
ul.items:last-child,ul.items li>ol{margin-bottom:0}
ul.items li{display:block;position:relative;margin-bottom:.5rem;padding-left:1rem;line-height:24px}
ul.items li:last-child{margin-bottom:0}
ul.items li::before{content:"";width:6px;height:6px;background-color:#666;position:absolute;left:0;top:9px;border-radius:50%}
ul.items li>ol>li::before{border-radius:50%;background-color:rgba(0,0,0,.3)}
ul.items1 li{padding-left:2rem;position:relative;margin-bottom:.5rem;line-height:1.55;font-size:.95rem}
ul.items1 li::before{position:absolute;content:"\2713";width:22px;height:22px;background-color:#32b3f3;color:#fff;left:0;top:.25rem;display:flex;align-items:center;justify-content:center}
ul.items1 li b{font-weight:700}
ul.items_nub{counter-reset:nub}
ul.items_nub li{padding-left:2rem;position:relative}
ul.items_nub li::before{counter-increment:nub;content:counter(nub) "";width:1.25rem;height:1.25rem;border:1px solid var(--bg-main);border-radius:50%;background:var(--bg-white);color:var(--bg-main);font-size:.875rem;display:flex;align-items:center;justify-content:center;transform:initial;position:absolute;left:0;top:2px}
ul.items_none li::before{content:none}
.table-responsive{margin-bottom:1rem}
.table-responsive:last-child{margin-bottom:0}
.table:last-child{margin-bottom:0}
.table thead{background-color:#dcdcdc}
.table thead td,.table thead inquiry-trigger{color:#000;font-weight:500}
.table td,.table-left td{vertical-align:middle;color:#333;line-height:1.2;padding:.625rem;font-size:.9rem}
.table-bordered td{border:none;border:1px solid #fff}
.table-striped tbody tr:nth-of-type(odd){background-color:var(--bg-F9)}
.table-striped tbody tr:nth-of-type(even){background-color:var(--bg-F0)}
.table-hover tbody tr:hover{background-color:var(--line-color) !important}
.table tbody inquiry-trigger{color:var(--bg-main)}
.table inquiry-trigger:hover{color:var(--bg-hover) !important}
.table-left{width:100%}
.table-left td:first-child,.table-left td:nth-child(3){color:#000;font-weight:700}
.video_btn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease-in-out}
.video_btn::before{content:"";--w:70px;width:var(--w);height:var(--w);border-radius:50%;background:url(../images/video_btn.webp) no-repeat center center;background-size:100% 100%;transition:all .3s ease-in-out}
.video_bigbtn{left:0;top:0;right:0;bottom:0;transform:initial}
.video_btn:hover::before{opacity:.8}
.watch_btn{left:1rem;top:auto;bottom:1rem;transform:initial;z-index:9}
.watch_btn::before{--w:40px;z-index:2;opacity:1 !important}
.watch_btn>span{background-color:var(--bg-main);line-height:1;border-radius:20px;color:#fff;padding:.5rem 1rem .5rem 2rem;margin-left:-1.5rem;font-size:.875rem;text-transform:uppercase}
.more,.more_big{display:flex;margin-top:2rem}
.more>a{width:fit-content;display:flex;align-items:center;position:relative;z-index:0;transition:all .4s;font-size:.875rem;font-weight:200;line-height:1;color:var(--bg-main);overflow:hidden;padding-bottom:.5rem;border-radius:8px;padding:.65rem 1.5rem}
.more>a::before{content:'';width:0;height:1px;background-color:var(--bg-main);position:absolute;right:0;bottom:0;transition:all .3s ease-in-out;z-index:-1}
.more>a::after{content:"";width:1.275rem;aspect-ratio:1/1;background-image:url(../images/icons/arrow-right-white.svg);background-repeat:no-repeat;background-size:contain;margin-left:1rem}
.more>a:hover{color:var(--bg-main)}
.more>a:hover::before{width:100%;left:0;right:auto}
.more_big>a{width:fit-content;display:flex;align-items:center;transition:all .4s;padding:.65rem 1.5rem;font-size:.875rem;font-weight:600;color:#fff;line-height:1;background:linear-gradient(to bottom right,rgba(0,52,81,1),rgba(4,171,238,1));overflow:hidden;border-radius:8px}
.more_big>a:hover{color:#fff;background-color:var(--bg-main)}
.inquiry_quote,.inquiry_btn{display:flex}
.inquiry_quote>a,.inquiry_btn>a{display:flex;padding:0.55rem 2rem;color:#fff;font-size:.875rem;position:relative;overflow:hidden;z-index:0;background-color:var(--bg-main);transition:all .3s ease-in-out;border-radius:5px}
.inquiry_quote>a:hover,.inquiry_btn>a:hover{background:var(--bg-hover) !important}
.inquiry_quote{margin-top:1.5rem}
.inquiry_btn>a{background:var(--bg-blue-color1)}
.etw_language{min-height:40px;display:flex}
.etw_language ul{width:100%;margin:0;display:flex;flex-wrap:wrap;justify-content:flex-end}
.etw_language ul>li{display:flex;flex-wrap:wrap;position:relative;padding:0}
.etw_language ul>li>span{width:100%;display:flex;align-items:center;justify-content:center;padding:0 1rem;font-size:.95rem;color:var(--bg-hover)}
#etw_language{display:flex;height:auto;position:relative;z-index:9;padding:0}
#etw_language>a{width:fit-content;padding:0 .8rem;color:#424242;display:flex;justify-content:center;align-items:center;height:40px;position:relative;text-align:center;font-size:.8rem}
#etw_language>a::after{content:'';width:1px;height:40%;background-color:#ccc;position:absolute;right:0;top:50%;transform:translateY(-50%);opacity:.5}
#etw_language>a:last-child{margin-bottom:0;padding-right:0}
#etw_language>a:last-child::after{display:none}
#etw_language>a:hover{color:var(--bg-hover);text-decoration:underline;background:initial}
@media (max-width:991.98px){.iconfont{width:1.8rem !important;aspect-ratio:1/1;background:url(../images/icons/earth-globe-tool.svg) no-repeat center center;background-size:contain;padding:0 !important;margin-right:2.5rem;cursor:pointer}
.etw_language{padding-top:0;position:relative;z-index:14}
.etw_language::before{display:none}
.etw_language ul>li{position:relative}
.etw_language ul>li>ol{display:none;position:absolute;top:100%;left:25%;transform:translateX(-50%);width:120px;z-index:9}
#etw_language{background-color:#eee;flex-direction:column}
#etw_language>a{width:100%;height:auto;padding:.7rem .5rem;margin:0;color:#000;font-size:.95rem;line-height:1}
#etw_language>a::after{display:none}
#etw_language>a:last-child{padding:.7rem .5rem}
#etw_language>a:hover{background-color:var(--bg-main);color:#fff;text-decoration:none}
}#header{padding-top:80px}
.header{width:100%;position:fixed;left:0;top:0;z-index:12;transition:all .5s ease-in-out;box-shadow:4px 4px 100px rgba(0,0,0,.15);visibility:visible;background-color:#fff}
.header-inner{width:100%;max-width:1460px;margin:0 auto;padding:0 50px}
.nav-fixed{-webkit-animation:.5s ease-in-out 0s normal none 1 running fadeInDown;animation:.5s ease-in-out 0s normal none 1 running fadeInDown}
@keyframes fadeInDown{from{opacity:0;transform:translate3d(0,-100%,0)}
to{opacity:1;transform:none}
}#etw_logo{float:left;padding:15px 0;position:relative;z-index:3}
#etw_logo a{display:flex;align-items:center}
#etw_logo a>img{display:block;width:auto;max-height:60px;object-fit:contain}
#etw_logo a>span{font-size:.85rem;line-height:1.5;border-left:1px solid var(--line-color);padding-left:1.25rem;margin-left:1.25rem;width:160px;font-weight:600}
nav{display:flex;flex-wrap:wrap;flex:1}
@media (min-width:992px){nav .navbar-collapse{display:flex !important}
}#navbar{width:100%}
.navbar{width:100%;flex:1;margin:0;padding:0 0 0 3rem;display:flex;flex-wrap:wrap;justify-content:flex-end}
.navbar>li{padding:0;min-height:40px;display:flex;flex-wrap:wrap;margin-left:2rem}
.navbar>li>a{display:flex;color:#424242;font-weight:600;font-family:var(--family-second);position:relative}
.navbar>li>a>span.pro_icon{display:none}
.navbar>li>a::before{content:"";width:0;height:2px;background-color:var(--bg-main);position:absolute;left:50%;bottom:0;transform:translateX(-50%);transition:all .3s}
.navbar>li>a.dropdown-toggle::after{content:none}
.navbar>li>a:hover,.navbar>li.active>a{color:var(--bg-main)}
.navbar>li:hover>a::before{width:100%}
.navbar>li:first-child{margin-left:0}
.navbar .dropdown-menu.show{visibility:visible;pointer-events:all;opacity:1;top:100%;display:block}
.dropdown-menu{left:0;top:150%;border:none;margin:0;padding:0;background-color:#fff;overflow:hidden;transition:all 0.3s ease 0s;visibility:hidden;pointer-events:none;opacity:0;display:block;box-shadow:0 10px 10px rgba(0,0,0,.15);border-radius:0}
.dropdown-menu>ul{width:100%;margin:0;display:flex;flex-direction:column}
.dropdown-menu>ul>li{width:100%;padding:0;border-bottom:1px dashed rgba(0,0,0,.05);display:flex}
.dropdown-menu>ul>li:last-child{border-bottom:none}
.dropdown-menu>ul>li>a{width:100%;white-space:nowrap;padding:1rem 1.5rem;font-size:.875rem}
.dropdown-menu>ul>li>a:hover{background-color:rgba(0,0,0,.05)}
.dropdown-menu>ul>li>a.active{color:var(--bg-main)}
@media (max-width:1199.98px){.navbar>li{margin-left:1.5rem}
.navbar{padding-left:0}
.navbar > li > a{font-weight:400}
}@media (max-width:991.98px){#header{padding-top:0}
.header{position:relative}
.header .container{display:flex;flex-wrap:wrap;align-items:center}
.navbar-toggler{width:80%;height:100%;padding:0;background:url(../images/icons/menu_icon.svg) no-repeat center center;background-size:100% 100%}
.navbtn{width:40px;height:36px;float:right;border:1px solid #000;display:flex;align-items:center;justify-content:center;border-radius:5px}
nav{width:100%;flex:none;padding:0}
.navbar{padding:0}
.navbar>li{width:100%;border-bottom:1px solid rgba(0,0,0,.125);margin:0}
.navbar>li>a{width:100%;position:relative;padding:.5rem 1rem;align-items:center;font-size:.875rem;font-weight:600}
.navbar>li>a>span.pro_icon{position:absolute;top:0;right:0;color:#000;padding:0;font-size:34px;line-height:1;width:50px;height:100%;display:flex;justify-content:center;text-align:center;align-items:center;font-weight:200;z-index:2;font-family:var(--family-first)}
.navbar>li:hover>a,.navbar>li.active>a{background-color:var(--bg-hover);color:#fff}
.navbar>li>a:hover span.pro_icon,.navbar>li.active>a span.pro_icon{color:#fff}
.navbar>li>a::after,.navbar>li>a::before{display:none}
.navbar .dropdown-menu{display:none;width:100%;min-width:initial;max-width:100%;position:relative;left:initial !important;top:initial !important}
.dropdown-menu>ul>li>a{padding:.35rem 1.5rem}
#etw_logo{flex:1;display:flex}
#etw_logo a>img{max-height:50px}
}@media (max-width:575.98px){#etw_logo a>img{max-height:40px}
.etw_language ul>li>span{margin-right:1.5rem}
}@media (max-width:375.98px){.etw_language ul>li>span{font-size:1.5rem;margin-right:1rem}
}section,.section_item{width:100%;padding:3.5rem 0;display:block;position:relative}
.etw-banner{position:relative}
.etw-banner .banner-picture{width:100%;overflow:hidden;position:relative}
.etw-banner .banner-picture picture,.etw-banner .banner-picture img{width:100%;height:auto;display:block}
.etw-banner .banner-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;margin:0 auto;color:#000}
.etw-banner .banner-text .banner-text-inner{width:100%;max-width:550px;font-weight:400;line-height:1.75}
.etw-banner .banner-text .banner-text-inner .banner-title{letter-spacing:1px;font-stretch:85%;font-size:clamp(1.5rem,2.5vw,2.28rem)}
.etw-banner .banner-text .banner-text-inner .banner-title strong{position:relative;font-stretch:85%}
.etw-banner .banner-text .banner-text-inner .banner-title strong::before{position:absolute;content:"";width:100%;height:15px;background-color:var(--bg-main);bottom:4px;left:0;z-index:-1}
.elementor-shape{overflow:hidden;position:absolute;left:0;bottom:-1px;width:100%;line-height:0;direction:ltr;transform:rotate(180deg)}
.elementor-shape svg{display:block;width:calc(100% + 1.3px);position:relative;left:50%;transform:translateX(-50%);height:100px;z-index:-1}
.elementor-shape .elementor-shape-fill{fill:#fff;transform-origin:center}
.elementor-shape-top{top:0px;bottom:inherit;transform:rotateY(0deg)}
.elementor-shape-top svg{height:60px}
.features-list-block{background-image:linear-gradient(rgba(238,238,238,1),rgba(238,238,238,1))}
.features-list-block .page-title::before{right:inherit}
.top-pro-des .title6,.small-title{color:var(--bg-hover);text-transform:uppercase;font-weight:700;text-transform:uppercase;font-size:.85rem}
.top-pro-des{width:100%;max-width:800px;margin:0 auto;text-align:center;margin-bottom:2rem;font-weight:400}
.main-products-block{background-image:linear-gradient(to bottom,rgba(255,255,255,1),rgba(235,250,255,.51))}
.main-products-block ul li ol{flex-direction:column;background-color:#fff;position:relative;padding-bottom:1.5rem}
.main-products-block ul li ol .imgbox{aspect-ratio:4/3;position:inherit;z-index:inherit}
.main-products-block ul li ol .imgbox img{mix-blend-mode:multiply;transition:all .5s ease}
.main-products-block ul li ol:hover .imgbox img{transform:scale(1.05)}
.main-products-block ul li ol .textbox{padding:2rem;padding-top:1rem;font-size:.9rem;line-height:1.55}
.main-products-block ul li ol .textbox .title3{margin-bottom:0}
.main-products-block ul li ol .textbox .title3 h3{color:var(--bg-main);font-weight:300;font-size:clamp(1rem,2.5vw,1.1rem);line-height:1.12}
.main-products-block ul li ol .textbox .title3 h3 span{display:block;font-size:clamp(1.1rem,2.5vw,1.45rem);font-weight:700}
.main-products-block ul li ol .textbox .h4{font-size:.9rem;color:var(--bg-hover);font-size:.9rem;font-weight:400}
.more-btn a{color:var(--bg-hover);position:absolute;bottom:2rem;left:2rem;font-weight:600;font-size:.9rem;padding-right:1.5rem}
.more-btn a::before{position:absolute;content:"→";right:0;top:50%;transform:translateY(-50%);font-size:1.1rem;transition:all .5s ease}
.more-btn a:hover::before{right:-.5rem}
.webtitle{font-size:clamp(1.35rem,2.5vw,2.25rem);color:var(--bg-main2);font-family:'Saira Condensed';line-height:1.25;font-weight:700;font-stretch:75%}
.page-title{font-family:'Saira Condensed';line-height:1.25;font-weight:700;font-size:clamp(1.1rem,2.5vw,1.475rem);color:var(--bg-main2);position:relative;display:block;z-index:2}
.page-title::before{position:absolute;content:"";width:100px;height:12px;background-color:var(--bg-main);bottom:0;left:0;right:0;margin:0 auto;z-index:-1}
.application-block{background:linear-gradient(to top,#f2f2f2,#fff 50%,#fff);overflow:hidden}
.application-block .webtitle{font-weight:300}
.application-block ul li ol{flex-direction:column;border-radius:10px;position:relative}
.application-block ul li ol .imgbox{aspect-ratio:4/3;z-index:inherit;border-radius:10px;overflow:hidden}
.application-block ul li ol .imgbox a::before{position:absolute;content:"";width:100%;height:100%;background-image:linear-gradient(45deg,rgba(0,52,81,0.6),rgba(0,52,81,0.6));transition:all .5s ease}
.application-block ul li ol .imgbox a{display:block;height:100%}
.application-block ul li ol .textbox{position:absolute;bottom:2rem;left:2rem;z-index:2}
.application-block ul li ol .textbox a strong{display:block;margin-bottom:.5rem;font-size:clamp(1rem,2.5vw,1.25rem);color:#fff;line-height:1.35}
.application-block ul li ol .textbox a span{display:inline-block;color:#fff;background-color:var(--bg-main2);padding:.25rem 1.22rem;font-weight:600;text-transform:uppercase;font-size:.75rem;border-radius:50px;letter-spacing:1px;transition:all .5s ease}
.application-block ul li ol:hover .textbox a span{background-color:var(--bg-hover)}
.application-block ul li ol:hover .imgbox a::before{background-image:linear-gradient(45deg,rgba(0,52,81,0.8),rgba(0,52,81,0.8))}
.wave-top{position:relative;padding-top:180px;padding-bottom:4.5rem}
.wave-top::before{content:"";display:block;position:absolute;top:0;left:0;right:0;height:150px;background:url(../images/wave-green.svg) no-repeat center center;background-size:auto;background-size:100% 100%;-webkit-transform:scaleY(-1) scaleX(-1);transform:scaleY(-1) scaleX(-1)}
.about-us-blcok .container{position:relative;z-index:2}
.distributor-block{font-size:.9rem;color:#fff;background-image:linear-gradient(to bottom right,rgba(0,52,81,1),rgba(4,171,238,1))}
.distributor-block .webtitle{font-weight:700;color:#fff}
.distributor-block .textbox{width:100%;max-width:750px}
.learn-more{font-weight:600;font-size:.9rem;display:inline-block;position:relative;padding:5px 30px 5px 0;text-decoration:none;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;z-index:2;color:#fff;margin:1rem 1rem 0 0}
.learn-more::before{content:"";display:block;position:absolute;top:0;bottom:0;left:25px;right:0;background:#72BE44;background-color:rgb(114,190,68);z-index:-1;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}
.learn-more::after{content:"";display:block;position:absolute;top:50%;right:-10px;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:25px;height:25px;background:url(../images/icons/arrow-right-white.svg) no-repeat center center;background-size:auto;background-size:contain;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}
.learn-more:hover{color:#fff}
.learn-more:hover:before{right:-10px;left:-5px}
.learn-more:hover:after{right:-20px}
.distributor-block .more{position:absolute;top:50%;transform:translateY(-50%);right:0;margin-top:0}
.distributor-block .more a{background:linear-gradient(to left,#106894,#32b3f3)}
.footer-title-block{text-align:center;margin-bottom:1.5rem}
.footer-title-block strong{font-size:clamp(1.5rem,5vw,55px);color:var(--bg-hover);line-height:1;display:block}
.footer-title-block span{font-size:clamp(1.25rem,2.5vw,1.32rem);color:var(--bg-main);font-weight:600;line-height:1.2;position:relative;padding-right:1.25rem;letter-spacing:-2px}
.footer-title-block span::before{position:absolute;content:"";width:5px;height:5px;background-color:#666;border-radius:50%;right:0;top:50%;transform:translateY(-50%)}
.footer-title-block em{font-size:clamp(1.2rem,2.5vw,1.35rem);line-height:1.2;color:var(--bg-main);font-weight:600;font-style:normal;padding-left:.5rem;letter-spacing:-2px}
.footer{padding:2.5rem 0 1.25rem 0;position:relative;background:linear-gradient(142deg,#dde0e5 39.42%,#fcfcfc 71.08%,#dde0e5 98.45%);border-top:3px solid var(--bg-hover)}
.footer .container{position:relative;z-index:2}
.footer .h3{font-weight:700;font-size:1.15rem;color:#000;margin-bottom:.5rem}
.footer .h3>a{font-size:inherit;color:inherit}
.footer .h3>a:hover{color:var(--bg-main)}
.footer_list{display:flex;flex-direction:column;width:100%;margin:0}
.footer_list li{display:block;margin-bottom:.5rem;padding:0}
.footer_list li:last-child{margin-bottom:0}
.footer_list li>a{display:block;color:#666;font-size:.9rem;position:relative;transition:all .3s ease-in-out}
.footer_list li>a:hover{color:var(--bg-main);text-decoration:underline}
.footer_list a.see-more-link{font-size:.8rem;text-decoration:underline}
.footer_contact{width:100%;display:flex;flex-direction:column;margin-bottom:0}
.footer_contact>li{width:100%;color:#666;margin:0 0 .5rem 0;font-size:.9rem;line-height:24px;padding:0;padding-left:1.8rem;position:relative}
.footer_contact>li a{color:inherit}
.footer_contact>li svg{width:1rem;height:24px;position:absolute;left:0;top:0;fill:var(--bg-main)}
.footer_contact>li a:hover{color:var(--bg-main);text-decoration:underline}
.footer_contact>li:last-child{margin-bottom:0}
#footer .logo-des img{width:30%;max-width:80px;margin-bottom:1rem}
#footer .logo-des{font-size:.9rem;color:#666;line-height:1.65}
#footer .logo-des a{display:flex;align-items:flex-end}
#footer .logo-des .title5{color:#000}
.footercop{width:100%;overflow:hidden;position:relative;z-index:2;margin-top:2.5rem;padding:1.25rem 0 0 0;border-top:1px solid rgba(255,255,255,.2)}
#otherlink{clear:both;width:100%;height:auto;font-size:1rem;display:flex;justify-content:center}
#otherlink a{color:#333;display:inline-block;padding:0 4px;margin:0 4px;font-weight:300;line-height:22px;margin-bottom:10px;border:1px solid #333;font-size:.9rem}
#otherlink a span{position:relative;top:0}
#otherlink a:hover,#etw_homefooters a:hover,.etw_homefoot a:hover,#etw_coper a:hover{color:var(--bg-main);opacity:1}
#otherlink a:hover span{opacity:1;top:-2px;transition:all 0.3s ease-in-out}
#etw_coper{width:100%;line-height:22px;font-size:1rem;display:flex;font-weight:300;justify-content:center}
#etw_coper a{color:#333;font-size:.9rem}
#etw_top{display:none !important}
.theme-send-inquiry-box{background:var(--bg-main) !important;border:2px solid var(--bg-white) !important;display:flex;padding:0;box-shadow:initial}
.theme-send-inquiry-box .theme-box-name{flex:1;background:transparent !important;border-left:none !important;padding:0 10px 0 0 !important}
.theme-send-inquiry-box .theme-box-i{width:42px;display:flex;padding:0 !important;align-items:center;justify-content:center}
@media (max-width:1199.98px){.footer{padding:2.5rem 0 1.25rem 0}
}@media (max-width:991.98px){.footer{padding:2rem 0 1.25rem 0}
.footer .h3{margin-bottom:.625rem}
.footercop{margin-top:1.5rem;padding:1.25rem 0 0 0}
}@media (max-width:767.98px){.footer{padding:1.25rem 0}
.footer-top-background{display:none}
.footercop{padding:1rem 0;margin-top:1rem}
}.pro_banner .banner-picture{max-height:400px;min-height:220px}
.pro_banner .banner-picture picture,.pro_banner .banner-picture img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.pro_banner .banner-picture::before{content:"";display:block;padding-top:26.041667%;position:inherit}
.pro_banner_hover{width:100%;height:100%;position:absolute;left:0;top:0;z-index:2;display:flex;align-items:center}
.pro_banner_hover .pro_banner_text{max-width:530px;margin:1.25rem 0 0 0}
.pro_banner_hover h2,.pro_banner_hover .h1{color:#fff;font-size:clamp(1.4rem,2.5vw,3rem);font-weight:700}
.pro_banner_hover strong{color:#fff;display:block}
.pro_banner_hover small{color:rgba(255,255,255,.8);color:var(--bg-white);line-height:1.75;display:block}
.pro_banner_hover .title1:last-child{margin:0}
.chambers-des-block .textinner h2{position:relative;padding-bottom:2rem;margin-bottom:2rem;font-size:clamp(1.5rem,2.5vw,2.25rem);color:var(--bg-main2);font-stretch:90%}
.chambers-des-block .textinner h2::before{position:absolute;content:"";width:100px;height:3px;background-color:var(--bg-hover);bottom:0;left:0;right:0;margin:0 auto;border-radius:5px}
.hub-products-block ul li ol{flex-direction:row;align-items:center;margin-bottom:3rem}
.hub-products-block ul li:last-child ol{margin-bottom:0}
.hub-products-block ul li ol .imgbox{width:36%;aspect-ratio:4/3}
.hub-products-block ul li ol .textbox{width:60%;flex:none;font-size:.9rem}
.hub-products-block ul li ol .textbox .title3 h3{color:var(--bg-main);font-weight:300;font-size:clamp(1.35rem,2.5vw,1.45rem);line-height:1.12;margin-bottom:0}
.hub-products-block ul li ol .textbox .title3 h3 span{display:block;font-size:clamp(1.35rem,2.5vw,1.65rem);font-weight:700;font-family:'Saira Condensed'}
.hub-products-block .more-link a{color:var(--bg-hover);display:inline-block;text-decoration:underline}
.hub-products-block .bg-pro-center ul li ol .textbox{order:0}
.hub-products-block .bg-pro-center ul li ol .imgbox{order:1}
.hub-products-block .feature-list ul{display:flex;margin-bottom:1rem}
.hub-products-block .feature-list ul li{background-color:var(--bg-hover);color:#fff;padding:.35rem 1rem;font-weight:600}
.hub-products-block .feature-list ul li:last-child{background-color:var(--bg-main)}
.pro-application-block{padding-top:6rem;background:var(--bg-F0)}
.pro-application-block ul li ol{background-color:#fff;padding:1.25rem;border-radius:10px;font-size:.9rem;line-height:1.65}
.pro-application-block ul li ol .textbox a strong{display:block;font-size:clamp(1.1rem,2.5vw,1.25rem);color:var(--bg-main2);position:relative;padding-left:2rem}
.pro-application-block ul li ol .textbox p{margin-bottom:0}
.pro-application-block ul.list{width:calc(100% + 10px);margin:0 -5px}
.pro-application-block ul.list li{padding:5px}
.pro-application-block ul li ol .textbox a strong::before{position:absolute;content:"\2713";width:22px;height:22px;background-color:#32b3f3;color:#fff;left:0;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center}
.pro-application-block .learn-more-link{color:var(--bg-hover);display:inline-block;margin-top:.5rem;text-decoration:underline;font-weight:700}
.pro-application-block .learn-more-link:hover,.pro-application-block ul li ol .textbox a strong:hover{color:var(--bg-main)}
.faq-block .faq-item{margin-bottom:2rem;color:#666;font-size:.95rem;border-bottom:1px solid var(--line-color);padding-bottom:2rem}
.faq-block .faq-item h4.faq-name{font-size:1.275rem;font-weight:700}
.faq-block .faq-item:last-child{border:none;padding-bottom:0;margin-bottom:0}
.products-page-inner{padding-top:6rem}
.products-page-inner #quicknav{position:absolute;top:.25rem;left:0;right:0;margin:0 auto}
.products-page-inner::before{height:100px}
.chambers-inner-page h2{color:var(--bg-main);line-height:1.1;font-size:clamp(1.65rem,2.5vw,3rem);font-stretch:95%}
.chambers-inner-page h2 span{display:block;font-weight:300;font-size:clamp(1.5rem,2.5vw,1.65rem)}
.chambers-top-img-des{background:linear-gradient(to top,#f2f2f2,#fff);padding-bottom:1rem}
.chambers-top-img-des img{mix-blend-mode:multiply}
.pro-adv-list{display:flex;text-align:center;margin-bottom:1rem}
.pro-adv-list li{color:#fff;background-color:var(--bg-hover);width:auto;padding:.25rem 1rem;font-weight:700}
.pro-adv-list li:nth-child(2n){background-color:var(--bg-main)}
.how-works-blxok{font-size:.95rem;background-image:linear-gradient(to bottom,rgba(255,255,255,1),rgb(244,248,250));border-top:1px solid #eee}
.how-works-blxok img{border-radius:5px}
.applicaton-block{background-image:linear-gradient(to bottom,rgba(255,255,255,1),rgba(235,250,255,1),rgba(255,255,255,1));padding-bottom:0}
.applicaton-block ul li ol{background:#fff;border-radius:10px;padding:1.5rem;flex-direction:column;line-height:1.65;box-shadow:0 12px 30px -18px rgba(11,58,86,0.25);font-size:.9rem}
.applicaton-block ul li ol strong{display:block;color:var(--bg-main2);font-size:1.2rem;line-height:1.35;margin-bottom:1rem;font-weight:700}
.applicaton-block ul li ol .icon-box{width:80px;margin-bottom:.5rem}
.cl_show_hide{padding:1.25rem 1rem;border:none;position:relative;width:120px;color:#72BE44;font-weight:600;margin-top:1rem}
.cl_show_hide::before{position:absolute;content:"View More";left:0;right:0;margin:0 auto;top:50%;transform:translateY(-50%);width:100px;color:var(--hover-color);font-size:.9rem;font-weight:400}
.cl_show_hide[aria-expanded="true"]::before{content:"Less"}
.inquiry-box{background:linear-gradient(to left,#fff,#fff,#e6f5fc);position:relative;margin-top:3rem;padding-bottom:0;border-bottom:1px solid var(--line-color);border-top:1px solid var(--bg-F9)}
.inquiry-box::before{position:absolute;content:"";width:600px;height:100%;background:url(../images/about-bg.jpg) no-repeat top center;top:50%;right:0;transform:translateY(-50%);background-size:cover}
.etw-inquery-from-box{color:#666 !important;font-weight:300 !important}
.etw-inquery-control{border:none!important;border-radius:0!important;border-bottom:1px solid #ddd!important;font-size:14px!important;background:none !important}
.etw-inquery-icon{display:none!important}
.etwfrom-message{min-height:80px!important}
.etw-inquery-btn{border-radius:0!important;text-transform:uppercase!important;letter-spacing:2px!important}
.inquiry-box .title4{color:var(--primary-color);font-weight:600;position:relative;font-size:clamp(1.1rem,2.5vw,1.25rem);font-family:'Saira Condensed'}
.inquiry-box .inquiry_des{font-size:.9rem;background-image:linear-gradient(to bottom right,rgba(0,52,81,1),rgba(4,171,238,1));color:#fff;padding:0 2.5rem;position:relative;padding-bottom:6rem}
.inquiry-box .inquiry_des::before{position:absolute;content:"";width:100%;height:100px;background-image:linear-gradient(to top right,rgba(0,52,81,1),rgba(4,171,238,1));left:0;top:-100px;border-radius:10px 10px 0 0}
.inquiry-box .inquiry_des ul li::before{background-color:#fff}
.inquiry-box .inquiry_des ul li b{color:#fff;font-weight:600}
.inquiry-box .inquiry_des ul li{line-height:1.35}
.application-hub .app-item{color:#fff;position:relative;margin-top:2rem;margin-bottom:5rem;padding-left:20%}
.application-hub .app-item:last-child{margin-bottom:0}
.application-hub .app-item .appimg-text{width:100%;max-width:350px;position:absolute;top:-3rem;left:-5%;background:var(--bg-main);padding:2rem}
.application-hub .app-item .appimg-text ul li{font-size:.9rem;margin-bottom:.5rem;font-weight:600;line-height:1.35;position:relative;padding-left:1.2rem}
.application-hub .app-item .appimg-text ul li::before{position:absolute;content:"\2713";left:0;top:0}
.application-hub .app-item .appimg-text h3 a{color:#fff;font-weight:700;font-size:clamp(1.1rem,2.5vw,1.35rem)}
.application-hub .bottom-text-des{padding:1.5rem;padding-bottom:3.5rem;color:#000}
.application-hub .see-more a{display:inline-block;color:var(--bg-hover);background-color:#fff;padding:.5em 2rem;border-radius:10px;position:absolute;bottom:1.2rem;right:2rem;font-size:.9rem}
.application-hub .see-more a:hover{background-color:var(--bg-hover);color:#fff}
.application-hub .app-item .appimg-box{background-color:var(--bg-F9)}
.app-top-des .text-box{background-color:#fff;padding:2rem;position:relative;border-radius:8px;width:96%;margin:0 auto;margin-top:-2rem}
.app-top-des .text-box h2{color:var(--bg-main);font-stretch:75%;font-weight:700}
.sidevar_left{position:sticky;top:10px;padding-bottom:2rem}
.sidevar_left a{display:block}
.sidevar_left>ul>li>a{font-weight:500;padding:.75rem 0;border-bottom:1px solid var(--line-color);position:relative}
.sidevar_left>ul>li>ol{margin-bottom:.65rem}
.sidevar_left>ul>li>ol>li>a{font-size:.8rem;font-weight:300;padding:.35rem 0;position:relative;padding-left:1.2rem}
.sidevar_left>ul>li>ol>li>a::before{position:absolute;content:"";width:5px;height:5px;border-radius:50%;background-color:var(--bg-main);left:0;top:.8rem}
.sidevar_left a:hover,.sidevar_left a.dq{color:var(--bg-hover)}
.sidevar_left>ul{border-radius:10px}
.recommended-chambers ul li ol{background-color:var(--bg-F9);padding:1rem;padding-bottom:0;transition:all  .5s ease}
.recommended-chambers ul li ol .imgbox{aspect-ratio:4/3;margin-bottom:1rem}
.recommended-chambers ul li ol .h4{font-size:.9rem}
.recommended-chambers ul li ol h3{font-weight:600;font-size:1rem;margin-bottom:0}
.recommended-chambers ul li ol:hover{background-color:var(--bg-F0)}
.about-top-des h2{font-weight:700;color:var(--bg-main);font-size:clamp(1.3rem,2.5vw,2rem)}
.about-us-adv .textbox{background-color:#fff;padding:3rem;border-radius:10px;height:100%;position:relative}
.about-us-adv .textbox .icon-svg,.abuot-bottom-des .textbox .icon-svg{width:64px;position:absolute;left:3rem;top:1.5rem}
.about-us-adv .textbox .title5,.abuot-bottom-des .textbox .title5{color:var(--bg-main);padding-left:68px;margin-bottom:1.2rem;display:block}
.abuot-bottom-des .textbox .icon-svg{left:.75rem;top:-1rem}
.abuot-bottom-des .textbox .title5{margin-bottom:1.6rem}
.exhibitions-pic ul li ol{flex-direction:column;background-color:#fff}
.exhibitions-pic .etw-photo span{justify-content:flex-start;text-align:left;padding:.75rem;display:block;line-height:1.45}
.section-header .sub-title{color:var(--bg-hover);font-weight:700;text-transform:uppercase;letter-spacing:1.5px;font-size:0.85rem;margin-bottom:8px;display:block}
.section-header .main-title{color:var(--bg-main2);font-weight:800;font-size:2.25rem;margin-bottom:16px}
.section-header .desc{color:var(--body-text);max-width:680px;margin:0 auto 50px auto;font-size:1.05rem;line-height:1.6}
.action-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:40px 32px;height:100%;display:flex;flex-direction:column;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;box-shadow:0 4px 6px -1px rgba(0,0,0,0.05)}
.action-card:hover{transform:translateY(-8px);border-color:var(--bg-main);box-shadow:0 20px 35px -5px rgba(64,178,233,0.18)}
.card-tag{background-color:rgba(64,178,233,0.1);color:var(--bg-main);font-weight:600;font-size:0.8rem;padding:6px 14px;border-radius:20px;display:inline-block;align-self:flex-start;margin-bottom:20px}
.card-icon{width:56px;height:56px;margin-bottom:20px}
.card-title{color:var(--bg-main2);font-weight:700;font-size:1.4rem;margin-bottom:16px}
.unohai-next-steps .feature-list{padding-left:0;margin:0 0 32px 0;flex-grow:1}
.unohai-next-steps .feature-list li{position:relative;padding-left:28px;margin-bottom:12px;color:var(--body-text);font-size:0.95rem;line-height:1.5}
.unohai-next-steps .feature-list li::before{content:"✓";position:absolute;left:0;top:0;color:var(--bg-main);font-weight:bold;font-size:1.1rem}
.btn-theme{color:var(--bg-hover) !important;border:none;border-radius:8px;font-weight:600;font-size:0.95rem;transition:all 0.3s ease;display:inline-block;width:auto}
.btn-theme:hover{color:var(--bg-main) !important}
.btn-theme .arrow{margin-left:8px;transition:transform 0.3s ease}
.btn-theme:hover .arrow{transform:translateX(5px)}
@media (max-width:767.98px){.section-header .main-title{font-size:1.75rem}
.action-card{padding:28px 20px}
}.customization-hero-section{background:linear-gradient(to bottom,#ffffff 0%,#e6f5fc 60%,#fff 100%);position:relative;border-bottom:1px solid var(--line-color)}
.hero-badge{background-color:#ffffff;border:1px solid rgba(70,233,64,0.3);color:var(--bg-hover);font-weight:700;font-size:0.82rem;padding:8px 18px;border-radius:50px;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 12px rgba(64,178,233,0.1);margin-bottom:24px;line-height:1.35}
.hero-badge .pulse-dot{width:8px;height:8px;background-color:var(--bg-hover);border-radius:50%;display:inline-block;box-shadow:0 0 0 0 rgba(64,178,233,0.7);animation:pulse 2s infinite}
@keyframes pulse{0%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(64,178,233,0.7)}
70%{transform:scale(1);box-shadow:0 0 0 8px rgba(64,178,233,0)}
100%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(64,178,233,0)}
}.hero-title{color:var(--bg-main2);font-weight:800;font-size:clamp(1.5rem,2.5vw,2.5rem);line-height:1.25;margin-bottom:24px;letter-spacing:-0.02em}
.hero-title span{background:linear-gradient(135deg,#40b2e9 0%,#157cb1 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero-desc{font-size:1.05rem;color:var(--body-text);margin-bottom:32px;line-height:1.7}
.hero-highlight-box{background:#ffffff;border-left:4px solid var(--bg-hover);border-radius:0 12px 12px 0;padding:20px 24px;box-shadow:var(--card-shadow);margin-top:20px;line-height:1.45}
.section-title-wrap{margin-bottom:1.5rem}
.main-header{color:var(--bg-main2);font-weight:800;font-size:clamp(1.5rem,2.5vw,2.25rem);letter-spacing:-0.01em;margin-bottom:16px}
.header-desc{color:var(--body-text);font-size:1.05rem;max-width:720px;margin:0 auto}
.options-section{background-color:var(--bg-F9)}
.option-card{background:#ffffff;border:1px solid var(--line-color);border-radius:20px;padding:40px 32px;height:100%;transition:all 0.35s cubic-bezier(0.4,0,0.2,1);position:relative;display:flex;flex-direction:column;box-shadow:var(--card-shadow);position:relative}
.option-card:hover{transform:translateY(-8px);box-shadow:var(--bg-main)}
.option-icon{width:50px;height:50px;background:var(--bg-F0);border-radius:10px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(64,178,233,0.2);position:absolute;left:2rem;top:1.5rem}
.option-title{color:var(--bg-main2);font-weight:700;font-size:clamp(1.1rem,2.5vw,1.3rem);margin-bottom:16px;padding-left:70px;margin-bottom:1.5rem}
.option-text{color:var(--body-text);font-size:0.98rem;line-height:1.65;margin-bottom:0}
.why-section{background-color:#ffffff}
.why-card{background:var(--bg-light);border:1px solid var(--line-color);border-radius:16px;padding:30px 24px;height:100%;transition:all 0.3s ease}
.why-card:hover{background:#ffffff;box-shadow:var(--card-shadow);transform:translateY(-4px)}
.why-icon-wrap{display:flex;align-items:center;gap:16px;margin-bottom:16px}
.why-icon{width:48px;height:48px;background:#ffffff;border-radius:12px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(64,178,233,0.25);flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,0.02)}
.why-title{color:var(--bg-main2);font-weight:700;font-size:1.12rem;margin-bottom:0;line-height:1.3}
.why-text{color:var(--body-text);font-size:0.94rem;line-height:1.6;margin-bottom:0}
.cta-section{background-image:linear-gradient(to bottom right,rgba(0,52,81,1),rgba(4,171,238,1));color:#ffffff;padding:2rem 0;border-radius:24px;position:relative;overflow:hidden;padding:2rem}
.cta-section::before{content:'';position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:radial-gradient(circle,rgba(64,178,233,0.25) 0%,rgba(0,0,0,0) 70%);border-radius:50%}
.cta-title{color:#ffffff;font-weight:800;font-size:clamp(1.3rem,2.5vw,2.25rem);margin-bottom:16px}
.cta-desc{color:#fff;font-size:1.05rem;max-width:650px;margin:0 auto 32px auto}
.btn-custom-primary{background:linear-gradient(to left,#106894,#32b3f3);color:#ffffff !important;border:none;border-radius:10px;padding:14px 32px;font-weight:700;font-size:1rem;transition:all 0.3s ease;display:inline-flex;align-items:center;gap:10px;box-shadow:0 4px 15px rgba(64,178,233,0.4);text-decoration:none !important}
.btn-custom-primary:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 8px 25px rgba(64,178,233,0.5)}
.badge-pill{background-color:#72be44;color:#ffffff;font-size:0.85rem;letter-spacing:1px;text-transform:uppercase}
#quicknav{width:100%;position:relative;z-index:2;padding:0;flex:none}
#quicknav ul{width:100%;display:flex;flex-wrap:wrap;min-height:40px;padding:.5rem 0;margin:0}
#quicknav ul li{display:flex;align-items:center;position:relative;font-size:.8rem}
#quicknav ul li::after{content:"";width:.8rem;height:.8rem;background-image:url(../images/icons/chevron-right.svg);background-position:center center;background-repeat:no-repeat;background-size:contain;margin:0 5px}
#quicknav ul li:last-child::after{display:none}
#quicknav ul li a{text-transform:capitalize}
#quicknav .icon-home{width:1.25rem;height:1.25rem;display:flex;background-image:url(../images/icons/icon-home.svg);background-repeat:no-repeat;background-position:center center;background-size:contain;opacity:.5}
#quicknav ul li::after,#quicknav ul li a,#quicknav ul>li:first-child>a{color:#555}
#quicknav ul li:last-child{color:#000}
#quicknav ul li a:hover{text-decoration:underline;color:var(--bg-main)}
#quicknav ul.quicknav{padding-left:0}
#quicknav ul.quicknav .icon-home{background-image:url(../images/icons/icon-home-white.svg);opacity:.8}
#quicknav ul.quicknav li,#quicknav ul.quicknav li a{color:rgba(255,255,255,.8)}
#quicknav ul.quicknav li::after{background-image:url(../images/icons/chevron-right-white.svg);opacity:.8}
#quicknav ul.quicknav li:last-child{color:#fff}
#quicknav ul.quicknav li a:hover{text-decoration:underline;color:var(--bg-white);opacity:1}
@media (max-width:767.98px){#quicknav{display:none}
}.contact{padding:1rem 0 2.5rem 0}
.contact ul{width:100%;margin:0;display:flex;flex-direction:column}
.contact ul>li{width:100%;padding:0;display:flex;flex-wrap:nowrap;font-size:1rem;line-height:24px;color:#333;font-weight:400;margin-bottom:.5rem}
.contact ul>li:first-child{margin-bottom:1rem}
.contact ul>li:first-child>strong{font-size:1.15rem;font-weight:600;line-height:1.2;margin:0;color:#000}
.contact ul>li strong{color:#000;font-weight:600;margin-right:.5rem}
.contact ul>li a{color:var(--bg-main)}
.contact ul>li a:hover{color:var(--bg-hover);text-decoration:underline}
.contact ul>li b{font-weight:400;color:#222}
.contact ul>li>ol{flex:1}
.contact ul>li img{margin-left:0}
.contact .feedback{padding:1.5rem}
.contact .feedback .webtitle{font-size:1.875rem;color:#000;text-align:center;font-weight:300}
.contact_map{margin-top:2rem}
.videos{padding:0 0 2.5rem 0}
.videos h2{color:#000;text-align:center;font-weight:300}
.videos_hub{width:100%;display:flex;flex-direction:column;margin-bottom:1.25rem}
.videos_hub_title{font-size:var(--fs-h4);font-weight:300;line-height:1;display:flex;align-items:center;color:#333;position:relative;z-index:0;margin:1.25rem 0}
.videos_hub_title>span{border-left:6px solid var(--bg-main);padding-left:1rem}
.videos_hub ul.list{width:calc(100% + 20px);margin:0 -10px}
.videos_hub ul.list li{padding:10px}
.videos_hub ul.list li>a,.videos_hub ul.list li>ol{width:100%;display:flex;flex-wrap:wrap;flex-direction:column;background-color:#fff;border-radius:4px;overflow:hidden;border:1px solid var(--line-color)}
.videos_hub ul.list li>a .imgbox,.videos_hub ul.list li>ol .imgbox{width:100%;aspect-ratio:16/9}
.videos_hub ul.list li>a .imgbox .video_btn::before,.videos_hub ul.list li>ol .imgbox .video_btn::before{--w:60px}
.videos_hub ul.list li>a .imgbox img,.videos_hub ul.list li>ol .imgbox img{height:100%;object-fit:cover}
.videos_hub ul.list li>a .textbox,.videos_hub ul.list li>ol .textbox{flex:1;flex-direction:column;padding:1rem .625rem;align-items:center;text-align:center;justify-content:center;font-size:1.15rem;line-height:1.2;color:#666;font-weight:500}
.videos_hub ul.list li>a:hover,.videos_hub ul.list li>ol:hover{position:relative;transform:translateY(-5px);box-shadow:0 15px 15px -10px rgba(0,0,0,.125);border-color:var(--bg-hover)}
.videos_hub ul.list li>a:hover .textbox,.videos_hub ul.list li>ol:hover .textbox{color:var(--bg-main)}
.videos_hub:last-child{margin-bottom:0}
.videos_company ul li:first-child{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.videos_company ul li:first-child>a{flex-direction:row}
.videos_company ul li:first-child>a .imgbox{width:50%}
.videos_company ul li:first-child>a .imgbox .video_btn::before{--w:70px}
.videos_company ul li:first-child>a .textbox{padding:1.5rem;padding-left:2.5rem;align-items:flex-start;text-align:left}
.videos_company ul li:first-child>a .textbox>.h6{font-size:1.25rem;transition:all .4s;font-weight:600}
.videos_company ul li:first-child>a .textbox>p{font-size:.95rem;line-height:1.5;font-weight:400;color:#666;transition:all .4s}
.videos_company ul li:first-child>a:hover .textbox .h6{color:var(--bg-hover)}
.video_details>.container{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between}
#video_right{width:65%}
#video_right video{width:100%;aspect-ratio:16/9}
#video_right h2{font-size:var(--fs-h2);font-weight:500;color:#333}
.video_more{display:flex;margin-bottom:2rem}
.video_more>a,.video_more>span{padding:0.4rem 1.2rem;border:1px solid #000;color:#000;border-radius:20px;transition:all .4s;cursor:pointer;font-weight:500}
.video_more>a:hover,.video_more>span:hover{background-color:var(--bg-hover);color:#fff;border-color:var(--bg-hover)}
.etw_videolist_more{display:none}
#video_right .feedback{box-shadow:0 0 10px rgba(0,0,0,.125);padding:1.5rem 2rem;box-shadow:6px 6px 0 #eee,-6px -6px 0 #eee;background-color:var(--bg-white)}
#video_sidebar{width:30%}
#video_sidebar .title3{display:flex;font-weight:500;padding:.75rem .5rem;margin-bottom:0}
#etw_videolist .webtitle{font-size:var(--fs-h5);font-weight:500;padding:.75rem 1rem;background-color:#eee}
#etw_videolist ul{width:100%;margin:0;display:flex;flex-direction:column;padding:.75rem 1rem}
#etw_videolist ul li{width:100%;margin-bottom:.9rem;padding:0}
#etw_videolist ul li:last-child{margin-bottom:0}
#etw_videolist ul li a{width:100%;display:flex;align-items:center;font-size:0.95rem;padding-left:1rem;line-height:24px;transition:all .4s;position:relative}
#etw_videolist ul li a::before{content:"";width:.75rem;height:.75rem;background:url(../images/icons/chevron-right.svg) no-repeat center center;background-size:contain;position:absolute;left:0;top:6px}
#etw_videolist ul li a.dq,#etw_videolist ul li a:hover{color:var(--bg-main)}
#etw_videolist .video_more{padding:1.5rem;padding-top:0;margin:0}
.videohid{display:none}
@media (max-width:1110.98px){.pro_banner_hover small{display:none}
.application-page-inner .wave-top::before{display:none}
.application-page-inner .products-page-inner{padding-top:2rem}
}@media (max-width:991.98px){#video_right{width:100%}
#video_sidebar{width:100%;margin-top:2rem}
#etw_videolist ul li{width:calc(50% - 1rem)}
.elementor-shape{display:none}
.etw-banner .more{display:none}
.etw-banner .banner-text .banner-text-inner .banner-title{text-shadow:0px 1px 1px #fff}
section,.section_item{padding:2rem 0}
.distributor-block .more{position:relative;top:inherit;transform:inherit;margin-top:1rem}
.application-hub .app-item .appimg-text{position:relative;top:inherit;left:inherit;max-width:inherit}
.application-hub .app-item{padding-left:0;margin-bottom:0}
.products-page-inner{padding-bottom:0}
.inquiry-box{margin-top:0}
.sidevar_left ul{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
.sidevar_left > ul > li > a{padding:.25rem .5rem}
.sidevar_left .title3{margin-top:2rem}
}@media (max-width:767.98px){#etw_videolist ul li{width:100%}
#video_sidebar{margin-top:1rem}
.videos_company ul li:first-child>a .imgbox{width:100%}
.videos_company ul li:first-child>a .textbox{padding:1.25rem}
.inquiry-box .inquiry_des::before{display:none}
.inquiry-box .inquiry_des{padding:1.5rem;margin-bottom:1rem}
.inquiry-box::before,.hero-badge{display:none}
.app-top-des .text-box{width:100%;padding:0;margin-top:1.2rem}
}@media (max-width:650.98px){.hub-products-block ul li ol .imgbox,.hub-products-block ul li ol .textbox{width:100%}
}@media (max-width:575.98px){#video_right h2{font-size:1.25rem}
#etw_logo a > span{display:none}
.main-products-block ul li ol .textbox{padding:1rem}
.more-btn a{left:1rem}
.wave-top::before{display:none}
.wave-top{padding-top:0;padding-bottom:0}
.about-us-blcok{padding:2rem 0}
.application-block{padding-bottom:2rem !important}
.hub-products-block .feature-list ul li{width:auto;flex:none}
.option-icon{display:none}
.option-title{padding-left:0;margin-bottom:1rem}
}@media (max-width:450.98px){.sidevar_left ul{grid-template-columns:1fr}
}.ETWfloatbox_list{background-color:rgb(50,179,243,.7)}
#ETWfloatbox > ul > li > a > .boxtext{background-color:var(--bg-main)}