@charset "utf-8";@import "../fonts/bootstrap-icons/bootstrap-icons.min.css";@font-face{font-weight:400;font-style:normal;font-family:fontawesome;src:url(//:) format("no404"),url(../fonts/fontawesome-webfont.woff) format("woff"),url(../fonts/fontawesome-webfont.ttf) format("truetype");font-display:swap}





/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/Montserrat-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/Montserrat-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/Montserrat-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/Montserrat-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(../fonts/Montserrat-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(../fonts/Montserrat-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/Open-Sans-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/Open-Sans-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/Open-Sans-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/Open-Sans-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/Open-Sans-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/Open-Sans-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}




@font-face{font-family:"iconfont";src:url("../fonts/iconfont.ttf?t=1622274305876") format("truetype");font-display:swap}
.iconfont{font-family:"iconfont" !important;font-size:1.8rem;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#666}
.sp-preloader{display:none!important; width: 100% !important;}
#header,#container,#footer,video#my_video{visibility:visible!important}
html{overflow:visible!important;}

body{color:#333;font-family:'Open Sans',Arial,Helvetica,sans-serif;font-size:1rem;line-height:1.85;background-color:#fff;font-weight:400;}
.home_bg{background:#fff !important}
*{box-sizing:border-box;padding:0;margin:0}
li,ol,ul{list-style:none;margin-bottom:0}
img{vertical-align:top;max-width:100%;-ms-interpolation-mode:bicubic}
.pro_img{overflow: hidden;}
.pro_img a img{transition: all .8s ease;}
.pro_img a:hover img{transform: scale(1.05);}

.clear{clear:both}
.clearfix::after{display:table}
hr{margin-bottom:1rem;border-top:1px solid #ddd}
strong{color: #1d1b19; font-weight: 700;}

b{color:#333}
.inquiry{color:#023b7d;text-decoration:none}
.inquiry:hover{color:#0075c1}
a{text-decoration:none;-webkit-tap-highlight-color:transparent;color:#016acf;transition:all .5s}
a:hover{color:#174277}
a:focus{outline:0;text-decoration:none}
a,a:hover{text-decoration:none}
a.link{color:#174277;display:inline-block;text-decoration:underline;font-size:1.2rem}
a.link:hover{color:#0075c1;text-decoration:none}

.table td{border-top:none;border:1px solid #f0f2f5;vertical-align:middle;background-color:#fafafa;line-height:1.45;font-size:.875rem;font-weight:300;border-right:0.0625rem solid #eef0f3;border-bottom:0.0625rem solid #eef0f3;vertical-align:middle;color:#111827; padding: .5rem;}
.table tr:nth-child(2n) td{background-color: #fff;}
.table tr.top td{ font-weight: 700; background-color: #fafafa;}
.table tr td strong {font-size: 1.1rem;font-weight: 400;margin-top: .8rem;}
.tablestyle{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:0.0625rem solid #e5e7eb;border-radius:0.5rem;box-shadow:0 0.5rem 1.5rem rgba(0,0,0,0.04);font-size:clamp(0.9rem,0.9vw,1rem)}




h1,h2,h3{font-family:'Montserrat';font-weight:700;}



.inquiry{color:#004680;text-decoration:underline}
.inquiry:hover{color:#005094}
.theme-send-inquiry-box{background:#c8102e !important}
.theme-box-name{background:#00234f !important;text-transform:uppercase;border-left:1px #00234f solid !important}
h3{font-size:1.2rem}
h4{color:#333;font-size:1.1rem;margin-top:1rem}
h2,.etw_hometitle{display:block;font-size:clamp(1.2rem,3vw,2rem);margin:0;padding-bottom:1rem;line-height:1.15; font-weight: 300;  }
.etw_hometitle{font-size:2.6rem;position:relative;margin-bottom:1rem;padding-bottom:.5rem}
.small_font{font-size:.95rem;color:#666}
.pro_name{color:#666;font-size:1.1rem;position:relative;line-height:1.35;margin-top:-.5rem;margin-bottom:.8rem;position:relative;padding-bottom:1rem}
.color_font{color:#333;font-size:1.4rem;margin-top:1rem;border-bottom:1px solid #333;padding-bottom:1rem;margin-bottom:1rem}

h2 strong{font-size:2.2rem}
h2 small{display:block;color:#666;font-size:1.6rem}
.page_title{font-size:clamp(1.2rem,3vw,1.42rem); display:block;line-height:1.35;padding-bottom:1rem; font-weight: 600; border-bottom: 1px solid #eee; margin-bottom:2rem; position: relative; color: #333;}
.page_title::before{position: absolute; content: ""; width: 30px; height: 2px; background-color: #c8102e; bottom: -2px; left: 0;}

.font_fold{font-size:1.2rem;color:#000}
.contact_des a{color:#005094;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s}
.contact_des a:hover{color:#023b7d}
.contact_des b{font-weight:600}
.contact_des h3.title01{font-size:1.5rem; font-weight: 700; }
.indent-left{padding-left:3.8rem}


#header{width:100%;position:fixed;top:0;left:0;right:0;margin:0 auto;z-index:99;float:left;transition:all .5s;background-color:rgba(255,255,255,1);padding:0 1rem;box-shadow:0 0 25px rgb(0 0 0 / 10%)}
.header_in{width:100%;max-width:1200px;margin:0 auto;position:relative}

#header::before{position: absolute; content: ""; width: 100%; height: 8px; background: #c8102e;  top: 0; left: 0;}




#etw_logo{width:auto;text-align:center;float:left;margin-top:2rem;transition:all .8s}
#etw_logo a{width:100%;display:flex;align-items:center}
#etw_logo h1{color:#666;font-size:.9rem;display:block;display:block;width:100%;max-width:170px;text-align:center;padding-left:.8rem;line-height:1.35}
.top-nav{width:auto;float:right;transition:all .8s; position: relative; padding-left: 2rem;}
.top-nav .navbar{padding:0;}
.nav-fixed{box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15);-webkit-animation:0.5s ease-in-out 0s normal none 1 running fadeInDown;animation:0.5s ease-in-out 0s normal none 1 running fadeInDown;margin-top:0 !important;background-color:rgba(255,255,255,1)  !important}
@keyframes fadeInDown{from{opacity:0;transform:translate3d(0,-100%,0)}
to{opacity:1;transform:none}
}.dropdown-menu-one{background-color:#eee}
.navbar-expand-lg .navbar-collapse{flex-flow:row wrap !important}

.navbar-nav{width:100%}
.navbar-light .navbar-nav .nav-link{transition:all 0.5s}
.navbar-expand-lg .navbar-nav .nav-link{padding:1rem 1.35rem;color:#555;position:relative;line-height: 1.35; font-weight: 700;}
.navbar-light .navbar-nav a.nav-link::before{content:"";position:absolute;left:50%;bottom:-2px;width:0px;height:3px;background:#c8102e;transform:translateX(-50%);transition:0.5s;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s}
.navbar-light .navbar-nav .nav-item.active .nav-link::before,.navbar-light .navbar-nav .nav-item .nav-link:hover::before{width:100%}
.navbar-expand-lg .navbar-nav .nav-link i{font-size: 1.2rem; line-height: 1.15;}
.navbar-light .navbar-nav .nav-item:first-child .nav-link::before{display: none;}

.navbar-expand-lg .navbar-nav .dropdown-menu{top:51px;transition:all .5s;box-shadow:0 15px 22px -10px rgb(0 51 153 / 30%);background-color:rgb(255 255 255 / 100%);border-radius:0 0 1rem 1rem;padding:1rem .8rem;border:none;border-top:1px solid #eee}
.navbar-expand-lg .navbar-nav .dropdown-menu > li > a{color:#333;font-size:1rem;position:relative;display:block;transition:all 0.5s;padding-top:0.6rem;padding-bottom:0.6rem;padding-left:1rem;border-bottom:1px solid #eee;background:none;font-weight:300}

.navbar-expand-lg .navbar-nav .dropdown-menu > li:last-child > a{border-bottom:none}
.navbar-light .navbar-nav .active > .nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show > .nav-link,.dropdown-menu-one li > a.active{color:#c8102e !important}
.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:#c8102e}
.navbar-light .dropdown-item.active,.navbar-light .dropdown-item:hover{color:#c8102e!important}
.dropdown-item{font-size:0.9rem}
.dropdown-item.active,.dropdown-item:active{background:none !important}
.nav-item span.pro_icon{position:absolute;top:0.5rem;right:1rem;color:#333;padding:2px 8px;font-size:2rem;width:32px;height:28px;line-height:24px;display:none;text-align:center}
.top-nav ul>li>ul.dropdown-menu>li{position:relative}
.dropdown-toggle::after{display: none !important;}
.navbar-light .navbar-nav .video_item .nav-link{padding-right:50px;position:relative; text-align: right; }
.navbar-light .navbar-nav .video_item .nav-link::before{display:none}
.navbar-light .navbar-nav .video_item .nav-link::after{position:absolute;content:"\f4f2";font-family:bootstrap-icons !important;right:1rem;top:.5rem;font-size:1.5rem; color: #c8102e ;}



.etw_language{float:right;display:flex;flex-wrap:wrap;margin-left:1rem;justify-content:flex-end;width:62%;height:22px;line-height:22px;z-index:1;position:relative;margin-top:1rem; }
#etw_language{float:right;width:auto;text-align:right}
#etw_language .dropdown-item{display:inline-block;width:auto;line-height:12px;padding:0.2rem .8rem;color:#333;min-width:auto !important;font-size:.9rem;position:relative}
#etw_language .dropdown-item::before{position:absolute;content:"";right:0;top:.2rem;width:1px;height:15px;background-color:#ccc}
#etw_language .dropdown-item:last-child::before{display:none}
#etw_language .dropdown-item img{margin-right:5px;margin-top:1px}
#etw_language .dropdown-item:hover{color:#000 ;background:none}
#etw_language .dropdown-item:focus{background:none !important}



#etw_banner{width:100%;position:relative;margin:0 auto;   }

#etw_banner .banner_txt{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; z-index: 1; color: #fff;}
#etw_banner .banner_txt h1,#etw_banner .banner_txt h2{font-size: clamp(1.5rem,3vw,2.4rem);font-weight: 700; position: relative; padding-bottom: 1rem; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);}
#etw_banner .banner_txt h1 span{display: block;}
#etw_banner .banner_txt p{font-size: clamp(1rem, 3vw, 1.2rem); display: block; font-weight: 300; line-height: 1.35; }

.more_btn{  color: #fff;display: inline-block; padding: .9rem 2rem; position: relative; line-height: 1.35; background-color: #c8102e; margin-top: 1rem; border-radius: 3px; font-weight: 700; text-transform: uppercase; font-size: .9rem; }
.more_btn:hover{background-color: #00ADD9; color: #fff; transform: translateY(-2px);box-shadow: 0 4px 8px rgba(0,0,0,0.15); }

#etw_banner .banenr-switch-caption{bottom: inherit; top: 22%; background: none;}
#etw_banner .banner_inner{max-width: 550px;}
.banenr-switch-carousel{box-shadow: none; margin-bottom: 0;}
.dot-indicator{width: 12px; height: 12px;}
.dot-indicator.active {
  background: #c8102e;
  transform: scale(1.3);
}
.banenr-switch-slide,.banenr-switch-carousel{border-radius: 0;}
.banenr-switch-image{min-height: auto;}
#etw_banner .banner_inner1{ background-color: rgba(0, 0, 0, 0.3); padding: 2rem; margin: 0 auto;}
#etw_banner .banner_inner2{ background-color: rgba(0, 0, 0, 0.3); padding: 2rem;max-width: 700px;}
/* about_us_content */
.about_us_content{width: 100%;  position:relative; padding-top: 4rem; padding-bottom: 4rem;}
.about_us_content::before{content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-image:url(../images/background_wave.svg) ; background-repeat:no-repeat; background-size:cover; background-position:bottom; pointer-events:none; z-index:0;}
.about_us_content .content{position:relative; z-index:1;}
.about_us_content .about_des p{line-height: 1.85;}


  
.profile-data-col{flex:1 1 55%;box-sizing:border-box}
.data-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}
.data-card{background:#fff;padding:1.5rem 1rem;border-radius:12px;text-align:center;box-shadow:0 5px 20px rgba(0,0,0,0.06);border:1px solid #f0f0f0;transition:all 0.3s ease;position:relative;top:0}
.data-card:hover{top:-10px;box-shadow:0 20px 40px rgba(0,0,0,0.12);border-color:transparent}
.data-number{font-size:clamp(1.6rem,3vw,2.6rem);font-weight:800;color:#c8102e;line-height:1;margin-bottom:15px}
.data-card.speed-card .data-number{color:#c8102e}
.data-number small{font-size:1.4rem;font-weight:600;margin-left:5px;opacity:0.7}
.data-icon{font-size:2.52rem;color:#c8102e; line-height: 1.2;}
.data-label{font-size:1.2rem;font-weight:700;margin-bottom:10px;}
.data-text{font-size:0.95rem;line-height:1.4;padding:0 10px}


.webtitle{font-size: clamp(1.3rem,3vw,1.8rem);  margin-bottom: 1rem; color: #333; position: relative; padding-bottom: 2rem; margin-bottom: 2rem;}
.webtitle::before{position: absolute; content: ""; width: 50px; height: 3px; background-color: #333; bottom: -5px; left: 0;}

.small_webtitle{font-size: clamp(1.3rem,3vw,1.6rem); font-weight: 500; padding-bottom: 1.5rem;}


.text-center::before{right: 0; left: 0; margin: 0 auto;}
.border-radius-8{border-radius: 8px;}
.webtitle span{font-weight: 300}

/* select_by_feature */
.select_by_feature{ margin-top: 2rem;}
.select_by_feature ul{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;max-width:1200px;margin:0 auto}
.select_by_feature ul li{text-align:center;flex:0 0 calc(15% - .5rem);position:relative}
.select_by_feature ul li a{display:flex;flex-direction:column;align-items:center}
.select_by_feature .iconfont{width:95px;height:95px;margin:0 auto 1rem;border:4px solid #eee;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;position:relative}
.select_by_feature .iconfont img{max-width:55%;height:auto;position:relative;z-index:1}
.select_by_feature ul li p{color:#555;margin:0;position:relative;padding-bottom:0.8rem;line-height:1.3}
.select_by_feature ul li + li{border-left:1px solid #ffffff;padding-left:1.5rem}
/* hover effect for each feature item */
.select_by_feature ul li{transition:transform .32s ease, color .32s ease}




/* explore_our_range */
.explore_our_range{ background-color: #f8f9fa; padding: 4rem 0; margin-bottom: 4rem;}


.explore_our_range .explore_box{width:100%; background-color: #fff; padding: 1.5rem; height: 100%; position: relative; padding-bottom: 6rem;}
.explore_our_range .explore_img_box{display:flex;align-items:center;justify-content:center;}
.explore_our_range .explore_img_box img{ mix-blend-mode: multiply;}
.explore_our_range .explore_des h4{font-family:'Montserrat';font-weight:700;font-size:1.15rem;margin-top:1.25rem;margin-bottom:1rem}
.explore_our_range .explore_des p{color:#666;font-size:.95rem;line-height:1.85;}
.explore_our_range .explore_des strong{display: block; font-weight: 300; font-size: clamp(1rem, 3vw, 1.4rem); margin-bottom:.5rem; color: #333;}
.explore_our_range .explore_more{display:inline-block;padding:.5rem 1.2rem;border:1px solid #555;color:#555;border-radius:4px;text-transform:uppercase; font-size: .875rem; position: absolute; bottom: 2rem; left: 2rem;}
.explore_our_range .explore_more:hover{background:#c8102e;color:#fff}
.explore_our_range .col-md-6:nth-child(1) .explore_des h4{color:#c8102e}
.explore_our_range .col-md-6:nth-child(2) .explore_des h4{color:#00add9}

/* hover effect for explore boxes */
.explore_our_range .explore_box{transition:transform .36s cubic-bezier(.2,.9,.2,1),box-shadow .36s ease;will-change:transform}
.explore_our_range .explore_box:hover{box-shadow:0 18px 40px rgba(16,24,40,0.08)}
.explore_our_range .explore_img_box img{transition:transform .36s ease}
.explore_our_range .explore_box:hover .explore_img_box img{transform:scale(1.04)}
.explore_our_range .explore_box:hover .explore_des h4{color:#000}

/* who_we_serve */
.who_we_serve{margin: 4rem auto;}

.who_we_serve .case_item{position:relative;overflow:hidden;border-radius:12px;background:#1a1a1a; margin: 10px;}
.who_we_serve .case_item a{display:flex;flex-direction:column;height:100%;color:#fff;text-decoration:none}
.who_we_serve .case_img{width:100%;overflow:hidden;position:relative}
.who_we_serve .case_img img{width:100%;height:100%;object-fit:cover;transition:transform .42s cubic-bezier(.2,.9,.2,1)}
.who_we_serve .case_item:hover .case_img img{transform:scale(1.08)}

.who_we_serve .case_item span{position:absolute;bottom:0;left:0;right:0;padding:1.5rem;background:linear-gradient(to top,rgba(0,0,0,0.8),transparent);color:#fff;font-family:'Montserrat';font-weight:700;font-size:clamp(1rem, 3vw, 1.1rem);line-height:1.3;z-index:1;transition:all .36s ease}
.who_we_serve .case_left_box{height: 100%;}
.who_we_serve .case_left_box .case_item{height:520px; margin-bottom: 0;}

.who_we_serve .case_right_box .case_item{height:250px}


.who_we_serve .case_item:hover span{background:linear-gradient(to top,rgba(0,0,0,0.95),transparent);}
.who_we_serve .case_item:hover{box-shadow:0 16px 32px rgba(0,0,0,0.15)}




/* pro_banner_content */
.pro_banner_content{width:100%;position:relative;margin:0 auto;color:#555; background: #f8f9fa; padding: 3rem 0; border-bottom: 1px solid #eee;}

.pro_banner_content .pro_banenr_txt{max-width:650px; margin: 0 auto; text-align: center;}
.pro_banner_content h2{color:#333;font-size:clamp(1.5rem,4.6vw,2rem);font-weight:800;line-height:1.05; padding-bottom: .5rem; margin-top: 1rem;}
.pro_banner_content p{margin:0;font-size:.9rem;font-weight:300}
.pro_banner_content .pro_cta{margin-top:1rem}

.quicknav_bg{width:100%;position:relative;margin:0 auto;color:#555; background: #f8f9fa; padding: 1rem 0; border-bottom: 1px solid #eee;}



/* prodcuts_series_list */
.prodcuts_series_list{margin-bottom: 4rem; }
.prodcuts_series_list .prodcuts_series_item{width: 100%; max-width: 1000px; margin: 0 auto; background-color: #fff; padding: 2rem; margin-bottom: 2rem; border-bottom: 2px solid #eee; padding-bottom: 3rem; }
.prodcuts_series_list .prodcuts_series_item:last-child{border: none; padding-bottom: 0; margin-bottom: 0;}
.prodcuts_series_list .prodcuts_series_item .pro_des h4{font-size:clamp(1.2rem,2.5vw,1.4rem);font-weight:700;margin-bottom:1rem;color:#333}
.prodcuts_series_list .prodcuts_series_item .pro_des {padding-left:2rem;}
.prodcuts_series_list .prodcuts_series_item .pro_des strong{display: block; margin-bottom: 1rem; font-weight: 300; font-size: clamp(1.05rem, 3vw, 1.4rem); color: #666;}
.prodcuts_series_item .more_link{display:inline-block;padding:0.9rem 2rem;background-color:#c8102e;color:#fff;text-decoration:none;border-radius:3px;font-weight:700;text-transform:uppercase;font-size:0.9rem;margin-top:1rem;transition:all .3s ease;border:2px solid #c8102e}
.prodcuts_series_item .more_link:hover{background-color:#00ADD9;border-color:#00ADD9;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,173,217,0.3)}
.prodcuts_series_list .prodcuts_series_item:nth-child(2n) .more_link{background-color: #00ADD9;border:2px solid #00ADD9}
.prodcuts_series_list .prodcuts_series_item:nth-child(2n) .more_link:hover{background-color:#c8102e;border-color:#c8102e;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgb(200, 16, 46,.3)}
.adv_list li{position: relative; padding-left: 1.5rem; margin-bottom: .5rem; line-height: 1.75; font-size: .9rem;}
.adv_list li::before{position: absolute; content: "\f270";font-family: bootstrap-icons !important; left: 0; top: 0; color: #c8102e;}



/* big_page_title */

.big_page_title{font-size:clamp(1.4rem,6vw,1.8rem);margin:0 auto 1.5rem auto;line-height:1.15;text-align:center;position:relative;color:#333}



/* application_content_box */

.application_content_box{background-color: #f8f9fa; padding: 4rem 0;}

.application_content_box .application_item{position:relative;background-color: #fff; height: 100%;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,0.08);transition:transform .36s cubic-bezier(.2,.9,.2,1),box-shadow .36s ease}
.application_content_box .application_item a{display:block;color:#333;text-decoration:none}
.application_content_box .application_item .inner_img{position:relative;width:100%;background-color:#f0f0f0}
.application_content_box .application_item .inner_img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .36s ease}
.application_content_box .application_item .icon_img{position:absolute;bottom:-30px;right:0; left: 0; width:60px;height:60px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center; margin: 0 auto;}
.application_content_box .application_item .icon_img img{max-width:60%;height:auto;display:block}
.application_content_box .application_item h5,.application_content_box .application_item p{padding:0 1rem}
.application_content_box .application_item h5{color: #333; margin-top: 1.2rem; margin-bottom: 0.6rem; font-weight: 700; font-size:1.1rem; line-height:1.35; margin-top: 2rem;}
.application_content_box .application_item p{color:#666;font-size:0.95rem;line-height:1.6;margin:0 0 1.2rem;padding-bottom:0}
.application_content_box .application_item:hover{transform:translateY(-6px);box-shadow:0 12px 28px rgba(0,0,0,0.15)}
.application_content_box .application_item:hover .inner_img img{transform:scale(1.05)}



/* company_biref_box */
.company_biref_box{padding: 4rem 0;}
.company_biref_box .webtitle{font-size: 1.6rem;}


.company_biref_box ul{display:flex;flex-wrap:wrap;justify-content:center;}
.company_biref_box ul li{width: 32%; margin-right: 2%; display: flex; flex-wrap: wrap;}
.company_biref_box ul li:nth-child(3n){margin-right: 0;}
.company_biref_box ul li .img_icon{width: 60px; height: 60px; margin-right: 1rem; flex-shrink: 0;}
.company_biref_box ul li .img_des{width: 60%; }
.company_biref_box ul li p{font-size: .9rem; line-height: 1.45; color: #666;}
.statement_des{max-width: 650px; margin: 0 auto; color: #666;font-size: .9rem; margin-top:1rem;}
.company_biref_box ul li .img_des strong{font-size:clamp(1rem, 3vw, 1.2rem); line-height: 1.3;}

/* bottom_inquiry_wrap */
.bottom_inquiry_wrap .inquiry_des{color: #fff; padding: 3rem 0;  font-size: .9rem; background: url(../images/inquiry_bg.jpg) no-repeat center center; background-size: cover; position: relative; margin-bottom: -5rem; z-index: 2;}
.bottom_inquiry_wrap .inquiry_des strong{display: block; font-weight: 700; margin-bottom: 1rem; color: #fff; font-size: clamp(1.3rem, 3vw, 1.6rem); line-height: 1.35; padding: 0 10px;}
.bottom_inquiry_wrap .inquiry_des .inquiry_inner{max-width: 580px; margin: 0 auto; text-align: center;} 
.bottom_inquiry_wrap .inquiry_btn{display: inline-block; padding: .9rem 2rem; background-color: #c8102e; color: #fff; text-decoration: none; border-radius: 3px; font-weight: 700; text-transform: uppercase; margin-top: 1rem; transition: all .3s ease; cursor: pointer;}
.bottom_inquiry_wrap .inquiry_btn:hover{background-color: #00ADD9; color: #fff; transform: translateY(-2px); box-shadow: 0 4px 8px rgba(0,0,0,0.15);}

/* products_top_des */
.products_top_des1{color: #fff;}
.products_top_des1 .content{position: relative; z-index: 1;}
.products_top_des1 h2{font-size:clamp(1.4rem,6vw,1.6rem);line-height:1.15;}
.products_top_des1 h2 span{display: block;}
.products_top_des1{background: linear-gradient(rgba(0,0,0,0.75), rgba(0,0,0,0.35)), url('../images/kitchen_banner_img.jpg');
    background-position-x: 0%, 0%;
    background-position-y: 0%, 0%;
    background-size: auto, auto;
  background-size: cover;
  background-position: center;
  color: #fff;
  padding: 100px 0;}


.products_top_des1 .pro_des_inner h2,.products_top_des1 .pro_des_inner p{color: #fff;}
.products_top_des1 .pro_des_inner h2 span{display: block;}
.products_top_des1 .pro_des_inner h2 {font-size: clamp(1.5rem,3vw,2rem); font-weight: 800;}

/* cer_list */
.cer_list {display: flex; flex-wrap: wrap; justify-content: center; margin-top: 2rem;}
.cer_list li{ width: 80px; height: 80px; background-color: #fff; border-radius: 50%; overflow: hidden; display: flex; align-items: center;  justify-content: center; text-align: center; margin-right: 2%; padding: 5px; }
.cer_list li img{width: 60px;border-radius: 50%;}
/* pro_center_des */
.pro_center_des{margin: 3rem auto;}

.products_top_des2{background: linear-gradient(rgba(0,0,0,0.75), rgba(0,0,0,0.35)), url('../images/pisai_img_bg.jpg');
    background-position-x: 0%, 0%;
    background-position-y: 0%, 0%;
    background-size: auto, auto;
  background-size: cover;
  background-position: center;
  color: #fff;
  padding: 100px 0;}
.products_top_des2 .pro_des_right h2,.products_top_des2 .pro_des_right p{color: #fff;}
.products_top_des2 .pro_des_right h2 span{display: block;}
.products_top_des2 .pro_des_right h2 {font-size: clamp(1.5rem,3vw,2rem); font-weight: 800;}





/* hub_products */
.hub_products{margin-bottom: 4rem;}
.group-title{border-left:5px solid #c8102e;padding-left:15px;margin:60px 0 30px;font-weight:700}
.product-card{border-radius:8px;transition:all 0.3s ease;background:white;height:100%;overflow:hidden;box-shadow:0 15px 18px rgba(0,0,0,0.05);justify-content: flex-start;}
.product-card:hover{box-shadow:0 15px 30px rgba(0,0,0,0.1);transform:translateY(-5px);border-color:#ddd}
.card-img-wrapper{height:auto;display:flex;align-items:center;justify-content:center;background:linear-gradient(to top,#f0f2f5,#fff,#f8f9fa);border-bottom:1px solid #f0f0f0}
.card-img-wrapper img{max-height:100%;max-width:100%;mix-blend-mode: multiply;}
.badge-custom{background-color:#555;font-weight:600;font-size:0.75rem;padding:5px 10px;border-radius:4px}

.hub_products .card-body .card-title{font-size:1.35rem}

.features-list{font-size:0.9rem;margin:15px 0;padding-left:0;list-style:none}
.features-list li{margin-bottom:8px; padding-left: 2rem; position: relative;}
.features-list li::before{position: absolute; content: "\f633";font-family: bootstrap-icons; left: 0; top: 0; color: #c8102e; font-size: 1.1rem;}
.features-list li strong{color: #555;}

.btn-primary-red{background-color:#c8102e;border-color:#c8102e;color:white;padding:10px 25px;font-weight:600;text-transform:uppercase}
.btn-primary-red:hover{background-color:#b71c1c}
.comparison-section{background-color:var(--light-steel);padding:80px 0}
.table-custom th{background-color:#333;color:white;font-weight:600;border:none}
.table-custom td{vertical-align:middle;font-size:0.95rem}

/* products_top_img_overview */


.products_top_img_overview{width:100%;position: relative; border-bottom: 1px solid #eee; padding-bottom: 2rem; margin-bottom: 3rem;}
.products_top_img_overview::before{content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-image:url(../images/background_wave.svg) ; background-repeat:no-repeat; background-size:cover; background-position:bottom; pointer-events:none; z-index:0; opacity: .35;}


.pro_des_right h5{font-size:0.9rem;color:#c8102e;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:0.5rem;display:block}
.pro_des_right h2{font-size:clamp(1.5rem,3vw,1.68rem);color:#333;font-weight:800;line-height:1.2;}
.pro_des_right h3{font-size:1rem;color:#666;font-weight:400;line-height:1.45;margin-bottom:1.5rem;}
.pro_des_right > p{font-size:1rem;color:#555}
.pro_des_right ul{list-style:none;margin-bottom:1rem}
.pro_des_right ul li{font-size:1rem;color:#333;line-height:1.8;margin-bottom:0.8rem;padding-left:1.5rem;position:relative;font-weight:500}
.pro_des_right ul li::before{content:'';position:absolute;left:0;top:.8rem;width:6px;height:6px;background-color:#c8102e;border-radius:50%}
.pro_des_right ul li i{margin-right:0.8rem;color:#c8102e;font-size:1.1rem}
.pro_des_right ol li{font-size:1rem;color:#333;line-height:1.8;margin-bottom:0.8rem;font-weight:500}





.btn_inquiry{display:inline-flex;align-items:center;justify-content:center;padding:.6rem 1.5rem;background-color:#c8102e;color:#fff;font-size:0.95rem;font-weight:700;text-transform:uppercase;border:none;border-radius:4px;cursor:pointer;transition:all 0.3s ease;margin-right:1rem;letter-spacing:1px}
.btn_inquiry:hover{background-color:#a60823;transform:translateY(-2px);box-shadow:0 8px 16px rgba(200,16,46,0.3);color:#fff;text-decoration:none}
.etw_pdf{background-color: #004680; margin: 0.5rem 0;}

.view_link{color: #00234f; display: inline-block; margin-bottom: 2rem; padding-right: 2rem; position: relative; font-size: .9rem; }
.view_link::before{position: absolute; content: "\f27e"; font-family: bootstrap-icons !important; right: 0; top: 0; font-size: 1.2rem; color: #00234f; font-size: .9rem;}
.view_link::after{position: absolute; content: ""; width: 100%; height: 1px; background-color: #00234f; left: 0; bottom: 0;}
.view_link:hover,.view_link:hover::before{color: #c8102e;}
.view_link:hover::after{background-color: #c8102e;}





.watch_video_btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 38px;background-color:transparent;color:#c8102e;font-size:0.95rem;font-weight:700;text-transform:uppercase;border:2px solid #c8102e;border-radius:4px;cursor:pointer;transition:all 0.3s ease;letter-spacing:1px}
.watch_video_btn:hover{background-color:#c8102e;color:#fff;transform:translateY(-2px);box-shadow:0 8px 16px rgba(200,16,46,0.2)}
.pro_img_left{text-align:center;position:relative}
.pro_img_left img{max-width:100%;height:auto;display:inline-block;border-radius:8px;transition:all 0.3s ease;mix-blend-mode: multiply;}


/* solutions_des */
.solutions_des{margin: 2rem auto;}
.solutions_des .sol-card{background-color: #fff; padding: 1.5rem; height: 100%; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.08); transition: transform .36s cubic-bezier(.2,.9,.2,1), box-shadow .36s ease; text-align: center; font-size: 0.9rem; line-height: 1.45; border-top: 5px solid #ddd; }

.solutions_des .sol-card strong{ font-size: 1.1rem; margin-bottom: 1rem; display: block; color: #333; font-weight: 700;    position: relative; margin-bottom: .5rem;}

/* applications_des */
.applications_des{background-color: #f8f9fa; padding: 2rem; }
.applications_des .webtitle{color:#333;font-weight:800;margin-bottom:1.5rem}
.applications_des .section-subtitle{color:#666;font-size:1rem;line-height:1.6;margin-bottom:1.5rem}
.applications_des .app-card{border:none;border-radius:12px;overflow:hidden;transition:all 0.3s ease;position:relative;display:flex;flex-direction:column;height:100%}
.applications_des .app-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,0.12)}
.applications_des .app-img-box{width:100%;overflow:hidden;background:linear-gradient(135deg,#6b5449 0%,#5a4a41 100%);display:flex;align-items:center;justify-content:center;position:relative}
.applications_des .app-card:nth-child(2) .app-img-box{background:linear-gradient(135deg,#4a6f80 0%,#3d5f70 100%)}
.applications_des .app-card:nth-child(3) .app-img-box{background:linear-gradient(135deg,#b8713c 0%,#a0622f 100%)}
.applications_des .app-img-box img{max-width:100%;max-height:100%;object-fit:cover;opacity:0.9;transition:transform 0.3s ease}
.applications_des .app-card:hover .app-img-box img{transform:scale(1.05)}
.applications_des .card-body{padding:1rem;flex-grow:1;display:flex;flex-direction:column}
.applications_des .h5{color:#333;font-size:1rem;margin-bottom:0.8rem;}
.applications_des .card-text{color:#666;font-size:0.95rem;line-height:1.6;margin-bottom:0}
.applications_des .app-foods-title{font-weight:700;font-size:0.85rem;color:#c8102e;text-transform:uppercase;letter-spacing:1px;margin-bottom:0.8rem;margin-top:1rem}
.applications_des .food-tag{display:inline-flex;align-items:center;background-color:#f8f9fa;color:#555;padding:0.5rem 0.8rem;border-radius:20px;font-size:0.8rem;margin-right:0.6rem;margin-bottom:0.6rem;transition:all 0.2s ease}
.applications_des .food-tag:hover{background-color:#c8102e;color:#fff}
.applications_des .food-tag svg{width:22px;height:22px;margin-right:0.4rem;fill:currentColor}

.applications_des2 .h5{padding: 1rem; background-color: #ddd; height: 60px; display: flex; align-items: center;}
.applications_des2 .card-body p{padding: 1rem; padding-top: 0;}
.applications_des2 .card-body{padding: 0;}











/* how_works */
.how_works{margin: 2rem auto;}
.how_works .numer_list li{ padding-left: 2rem; position: relative; margin-bottom: .5rem; font-size: 0.85rem; line-height: 1.45;}
.how_works .numer_list li span{position: absolute; content: ""; width: 20px; height: 20px; font-size: 13px; border: 1px solid #eee; background-color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; left: 0; top:0}
.how_works .construction_des .adv_list{margin-bottom: 2rem;}
.how_works .construction_des strong{ font-weight: 600; font-size: 1.2rem;}

/* features_des */
.features_des{background-color: #f8f9fa; padding: 2rem;}
.features_des .feat-card{background-color: #fff; padding: 1rem; height: 100%; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.08); font-size: 0.9rem; line-height: 1.45; position: relative;  }
.features_des .feat-card .img_icon{width: 70px; margin: 0 auto; margin-bottom: 1rem;}

.features_des .feat-card strong{ font-size: 1.2rem; margin-bottom: 1rem; color: #333; font-weight: 700; text-align: center;  display: block;}
.features_des .feat-card li::before{color: #666;}

/* features_des2 */
.features_des2{margin: 2rem auto;}







/* specifications_bg */
.specifications_bg{margin: 2rem auto;}
.nav-tabs-specifications{border-bottom:none;margin-bottom:1rem;justify-content:center}
.nav-tabs-specifications li{margin-right: 1%;}
.nav-tabs-specifications li a{color:#fff;padding:.5rem 1.5rem;display:block;width:100%;position:relative;text-align:center;border-radius:30px;font-size:1.125rem; background-color: #8f99a5;font-size: .9rem; }
.nav-tabs-specifications li a:hover,.nav-tabs-specifications li a.active{background-color:#c8102e;color:#fff}
/* accessories_des */
.accessories_des{margin-bottom: 3rem;}
.accessories_des .accessories-card{height: 100%; display: flex; flex-wrap: wrap; align-items: center;} 
.accessories_des .accessories-card .img_box{width: 120px; margin: 0 auto;}
.accessories_des .accessories-card .img_box img{mix-blend-mode: multiply;}
.accessories_des .accessories-card span{flex: 1; display: block; font-weight: 700; padding-left: 1rem;}


.left_sidebar{position:sticky;top:100px;padding-bottom:0;margin-bottom:4rem;background-color:#fff;border-radius:0;box-shadow:none;overflow:hidden; padding:1.5rem;  border: 1px solid #e9ecef; box-shadow: 0 2px 5px rgba(0,0,0,0.05); width: 94%;border-radius: 8px;}

.left_sidebar .sidebar_title{font-size: 1.2rem; font-weight: 700;font-family: 'Montserrat'; }
.left_sidebar ul li a{display:block;padding:.8rem 0;color:#555;font-size:1rem; border-bottom:1px solid #eee;transition:all 0.3s ease;line-height: 1.45; font-weight: 600; }
.left_sidebar ul li ol{padding-left:1rem;margin-top:.5rem;margin-bottom:.5rem}
.left_sidebar ul li ol li a{padding-left:1.5rem;font-size:0.85rem; border: none;padding:.5rem 0; font-weight: 400;}
.left_sidebar ul li a:hover,.left_sidebar ul li a.active{color:#c8102e;background-color:transparent;}



/* feedback_wrap */
.feedback_wrap {margin: 3rem auto; background:url(../images/inquiry_bg2.jpg) no-repeat center center; background-size: cover; padding: 2rem; }


.feedback_wrap .left_feedback{color:#fff;font-size:.9rem; }
.feedback_wrap .left_feedback h4{font-size:1.8rem;font-weight:600;margin-bottom:1rem;color:#fff}
.feedback_wrap .left_feedback b{color:#fff;display:block;color:#fbbf24;font-size:1.1rem;font-weight:400}
.feedback_wrap .left_feedback p{font-size:1rem;line-height:1.6;margin:0}
.feedback_wrap .right_feedback{padding:1rem 1.2rem;background-color:#fff; border-radius: 10px;}
.feedback_wrap .right_feedback h4{font-size:1.8rem;font-weight:600;color:#333;margin-bottom:1.5rem}
#etw_set_feedback_form{width:100%}
#floatchatiframe2011{width:100%;min-height:300px}
.feedback_wrap .left_feedback ul{display: flex; flex-wrap: wrap; margin-top: 2rem;}
.feedback_wrap .left_feedback ul li{flex: 0 0 48%; margin-right: 4%; margin-bottom: 1rem; position: relative;  font-size: .9rem; line-height: 1.35; }
.feedback_wrap .left_feedback ul li:nth-child(2n){margin-right: 0;}    
.feedback_wrap .left_feedback ul li strong{color:#fff;font-size:1.1rem;display:block;margin-bottom:0.5rem;font-size: .9rem; font-weight:700}

.feedback_wrap .left_feedback ul li .icon_item{ font-size: 2rem; font-weight: normal; margin-bottom: .5rem;}

#feedback2017 .etw-inquery-btn{background-color:#00234f;height:auto;text-transform:uppercase;color:#fff;padding:.2rem 2rem;font-weight:800; margin-top: 2rem;}
#feedback2017  .etw-inquery-control{border-radius:0;border:none;border-bottom:1px solid #f2f2f2}
#feedback2017 .etw-inquery-icon{display:none}
#feedback2017 .etw-inquery-control{font-size:14px; }
#feedback2017 .etw-inquery-group{margin-bottom: .5rem;}
/* other_products_wrap */
.other_products_wrap{margin-bottom: 3rem; margin-top: 1rem; background-color: #f0f0f0; padding: 3rem 0;}
.other_products_wrap .webtitle{font-weight: 300; font-size: clamp(1.5em,3vw,1.8rem);}
.other_products_wrap .product-card span{font-weight: 700; color: #c8102e;}
.other_products_wrap .product-card h4{margin-top: 0; font-size: .9rem; line-height: 1.55;}





/* faq_content */
.faq_content{margin-bottom: 4rem;}
/* accordion */
.accordion .card{background:0;border:none;border-radius:0 !important; font-size: .875rem;}
.accordion .card-header{transition:.3s all ease-in-out;border-radius:0 !important;background:#fff;padding:0}
.accordion .card-header:hover,.accordion .btn[aria-expanded="true"]{background:#d5d5d5}
.accordion .card-header .faq_btn{ position: relative; font-size:1rem;color:#666;line-height:1.355;white-space:normal;padding:1rem 3rem 1rem 1rem;border-bottom:1px solid #ddd !important; font-weight: 500; }
.accordion .card-header .faq_btn:before{content:"\f64d";width:25px;height:25px;transition:.3s all ease-in-out;background-color:#f2f2f2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:bootstrap-icons; font-weight: normal; position: absolute; right: 1rem; top: 1rem;  }
.accordion .card-body{position:relative;padding:1rem 2rem 1rem 2rem;font-size: .875rem;line-height:1.5rem;color:#555;font-weight:300}
.accordion .card-header .faq_btn span{float:right;font-size:3rem;color:#777;font-weight:100;transition:.3s all ease-in-out}
.accordion .card-header .faq_btn:hover span{transform:rotate(135deg);color:#0d948f}
.accordion .faq_btn:hover,.accordion .faq_btn[aria-expanded="true"],.btn-link.focus,.btn-link:focus{text-decoration:none;color:#000}
.accordion .faq_btn:hover:before,.accordion .faq_btn[aria-expanded="true"]:before{transform:rotate(45deg)}
.accordion .faq_btn[aria-expanded="true"] span{transform:rotate(135deg);color:#666}
.accordion p{margin-bottom:0}

/* performance_wrap */
.performance_wrap{background-color: #f0f2f5; padding: 2rem; margin-bottom: 2rem;}
.performance_wrap p{margin-bottom: 1rem;}
.power-stat { font-size: clamp(1.2rem,3vw,1.6rem); font-weight: 900; color: #c8102e; text-align: center; line-height: 1.35; }
.power-label,.power-des { font-size: 0.9rem; opacity: 0.8; font-weight: 700; text-align: center; }
.power-des{text-transform: none; line-height: 1.35;font-weight: 300; }



.note_bg {
    border-left: 5px solid #c8102e; padding: 1rem;
    background: #f8f9fa;
    color: #666;
}

.note_bg b{color: #555;}

/* products_center_des */
.products_center_des{margin-bottom: 3rem; padding: 3rem 0;}

.products_center_des .tech-box {
  background: #fff;
  padding: 30px;
  border-left: 4px solid #c8102e;
  height: 100%;
  box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}
.products_center_des h3{font-weight: 700; color: #c8102e; font-size: clamp(1.2rem,3vw,1.6rem); }
.products_center_des h4{font-weight: 700; font-size: clamp(1.1rem,3vw,1.2rem); }
/* products_models */
.products_models .col-md-5 { border: none; overflow: hidden; background: #fff; box-shadow: 0 5px 20px rgba(0,0,0,0.05); transition: 0.3s; padding: 0; margin: 0 10px;}
.products_models .col-md-5:hover { transform: translateY(-5px); box-shadow: 0 10px 30px rgba(0,0,0,0.1); }

.products_models .model-body { padding: 30px; text-align: center; }
.products_models .model-header a{background-color: #c8102e; color: #fff; display: flex; padding:.5rem; font-weight: 700; font-size: 1.2rem; justify-content: center; text-align: center;}
.products_models .col-md-5:nth-child(2n) .model-header a{ background-color: #00ADD9;}

.btn-outline-dark-custom{ border:1px solid #666; color: #666; font-weight: 300; padding: 10px 25px; margin-top: 1rem; font-size: .9rem;}
.btn-outline-dark-custom:hover{background-color: #c8102e; color: #fff;border:1px solid #c8102e; }

/* ventless-bg */
.ventless-bg{background-color: #f8f9fa; padding: 3rem 0;margin: 3rem auto; }
/* performance_des_list */
.performance_des_list{margin: 2rem auto; font-size: .9rem; color: #666; line-height: 1.45;}
.performance_des_list strong{display: block; color: #333; font-size: 1.1rem; margin-bottom: .5rem;}


/* about_top_banner */
.about_top_banner{ position: relative;width: 100%; height: 30vh;min-height: 450px;background: url('../images/about_banner_img_01.jpg') no-repeat center center; background-size: cover;display: flex;align-items: center; justify-content: center;color: white;text-align: center;}
.about_top_banner .hero-overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(rgba(0,46,91,0.7), rgba(0,0,0,0.8)); z-index: 1;}
.about_top_banner .about_inner_des h2{font-size: clamp(1.4rem,3vw,2rem); font-weight: 700; margin-top: 2rem;}
.about_top_banner .about_inner_des{position: relative; color: #fff; width: 100%; max-width: 800px; margin: 0 auto; z-index: 1;}
.about_top_banner .about_inner_des strong{color: #fff; font-size: 1.4rem; font-weight: 600; display: block; line-height: 1.45; margin-bottom: 1rem; padding-bottom: 1rem; border-bottom:  1px solid rgba(255,255,255,0.2); letter-spacing: 1px;}

.about_top_banner .about_inner_des strong b{color: #c8102e; font-size: 1.6rem; text-shadow: 1px 1px 1px #fff;}

/* stats-section */
.stats-section { background-color: #c8102e; color: #fffe; padding: 2rem 0; }
.stat-num{ font-size: clamp(1.6rem,3vw,3rem); font-weight: bold; line-height: 1; }
.stat-label{ opacity: 0.8; text-transform: uppercase; font-size: 0.9rem; letter-spacing: 1px; margin-top: 5px; }
/* innovation-section */
.innovation-section{margin: 3rem auto;}
.highlight-text{color: #c8102e; font-weight: 700;}

/* .tech-section */
.tech-section { background-color: #f8f9fa; padding: 3rem 0; }
.tech-card { background: #fff; padding: 40px; border-radius: 8px; box-shadow: 0 10px 30px rgba(0,0,0,0.05); border-top: 5px solid #c8102e;}
/*.vision-section */
.vision-section { padding: 3rem 0; background: white;}
.vision-box { max-width: 800px; margin: 0 auto;  text-align: center; }

/* small_page_title */
.small_page_title{display: block; font-size: 1.1rem; font-weight: 600;  border-bottom: 2px solid #eee; margin-bottom: 1rem; margin-top: 1rem; }
 /* .cert-section  */
.cert-section { border-top: 1px solid #eee; padding-top: 3rem;  margin-bottom: 3rem;}
.cert-box { border: 2px solid #eee; padding: 30px; border-radius: 8px; text-align: center; height: 100%; transition: 0.3s; }
.cert-box:hover { border-color: #c8102e; transform: translateY(-5px); }
.cert-category { font-weight: 700; font-size: 1.1rem; margin-bottom: 1rem; color: #c8102e; height: 60px; display: flex; align-items: center; justify-content: center; line-height: 1.35; }
.cert-badge {display: inline-block;  border: 1px solid #ddd;padding: .5rem 2rem; font-weight: bold; margin: 5px; border-radius: 50px;  }
/* .product-nav-section */
.product-nav-section { padding: 3rem 0; background-color: #fcfcfc; border-top: 2px solid #eee; margin-bottom: 3rem;  }
.prod-nav-card {position: relative; border-radius: 8px; overflow: hidden; box-shadow: 0 5px 20px rgba(0,0,0,0.05); transition: 0.3s; height: 100%;background: #fff; border: 1px solid #eee; display: flex; flex-direction: column;}
.prod-nav-card:hover { transform: translateY(-10px); box-shadow: 0 20px 40px rgba(0,0,0,0.1); border-color:#c8102e; }
.prod-content { padding: 2rem; text-align: center; flex-grow: 1; display: flex; flex-direction: column; justify-content:space-between; align-items: center; }
.prod-content h3 { font-size: 1.2rem; font-weight: bold; color: #c8102e;  }
.prod-content p { color: #666; font-size: .9rem;  line-height: 1.5; }
.btn-outline-brand{border: 1px solid #555; padding: .5rem 1.5rem; border-radius: 50px; color: #666; font-size: .9rem;  margin-top: 1.2rem; }
.btn-outline-brand:hover{background-color: #c8102e; color: #fff;border: 1px solid #c8102e;}
 /* .case-hero */
.case-hero {background-color:#f0f0f0;  padding: 3rem 0; text-align: center; background-image: linear-gradient(rgba(206,206,206,0.59), rgba(226,229,227,0.9)), url('../images/placeholder-world-map.jpg'); background-size: cover; background-position: center;  }
.case-hero .hero-title{ font-weight: 600; font-size: clamp(1.5rem,3vw,2rem); margin-bottom: 1rem; letter-spacing: 1px; margin-top: 1rem; }
.intro-text { font-size: 1rem; opacity: 0.9; max-width: 900px; margin: 0 auto 30px auto; font-weight: 300; }
.case-hero .stats-row { margin-top: 2rem; border-top: 1px solid rgba(255,255,255,0.2); padding-top: 2rem; }
.case-hero .stat-num { font-size: clamp(1.5rem,3vw,2rem); font-weight: bold; color: #c8102e; line-height: 1; }
.case-hero .stat-label { text-transform: uppercase; letter-spacing: 1px; font-size: 0.9rem; margin-top: 10px; opacity: 0.8; }
/* .case-section */
.case-section { padding: 3rem 0; }
.case-section .content{max-width: 1030px; margin: 0 auto;}
.case-section .section-header { text-align: center; margin-bottom: 1rem; }

.case-section .section-header p { margin-top: 15px; color: #666; }

.case-section .case-card { 
            margin-bottom: 30px; border-radius: 8px; overflow: hidden; background: white; 
            box-shadow: 0 5px 15px rgba(0,0,0,0.08); transition: 0.3s; border: 1px solid #eee;
            height: 100%; display: flex; flex-direction: column;
        }
.case-section .case-card:hover { transform: translateY(-5px); box-shadow: 0 15px 30px rgba(0,0,0,0.15); border-color: #c8102e; }
        
.case-section .case-img { position: relative;
            display: flex; align-items: center; justify-content: center;
            color: #666; font-weight: bold; text-align: center; 
        }
.case-section .case-flag {
            position: absolute; top: 15px; right: 15px; background: white; 
            padding: 5px 10px; border-radius: 4px; font-size: 0.8rem; font-weight: bold; 
            color: #c8102e; box-shadow: 0 2px 5px rgba(0,0,0,0.2);
        }
        
.case-section .case-body { padding: 1rem; flex-grow: 1; display: flex; align-items: center; }
.case-section .case-title {  color: #333; margin-bottom: 0; line-height: 1.35; }


.app-hero {
            background-color:#333; color: white; padding: 3rem 0; text-align: center;
            background: linear-gradient(rgba(0,46,91,0.7), rgba(0,0,0,0.8)), url('../images/kitchen_bg.jpg') no-repeat center center;
            background-size: cover;
        }
.app-hero .hero-title { font-weight: 600; font-size: clamp(1.5rem,3vw,2rem); margin-bottom: 15px;margin-top: 2rem; }
.app-hero .hero-title span{display: block; font-weight: 300;}
.app-hero .hero-desc { font-size: 1.1rem; opacity: 0.9; max-width: 800px; margin: 0 auto; font-weight: 300; }
.app-hero .small-hero-title{font-size: 1.8rem;font-weight: 400;}
.app-hero .small-hero-title span{display: block; text-transform: uppercase;font-size: 2.5rem;font-weight:800; margin-top:.5rem;}





  /* .app-container */
 .app-container{padding-top: 3rem;}
 .app-container .content{max-width: 1040px;}

.app-container .app-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.06);margin-bottom:3rem;overflow:hidden;border-top:3px solid #c8102e;display:flex;flex-direction:column;transition:transform 0.3s,box-shadow 0.3s}
.app-container .app-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,0.1)}
.card-header-custom{padding:20px 25px;display:flex;align-items:center;border-bottom:1px solid #e9ecef}
.app-container .icon-box{width:40px;height:40px;background:transparent;color:#c8102e;display:flex;align-items:center;justify-content:center;font-size:1.8rem;margin-right:15px;flex-shrink:0}
.card-title-text a{font-size:1.25rem;margin:0;color:#333333;font-weight:600}
.card-body-custom{padding:0;display:flex;flex-wrap:wrap}
.challenge-zone{flex:0 0 40%;background-color:#fcfcfc;padding:25px;border-right:1px solid #e9ecef}
.solution-zone{flex:0 0 60%;padding:25px;display:flex;flex-direction:column;background-color:#fff}
.zone-label{text-transform:uppercase;font-size:0.7rem;font-weight:700;letter-spacing:1px;margin-bottom:10px;display:block}
.label-challenge{color:#00ADD9}
.label-solution{color:#c8102e}
.challenge-text{font-size:1rem;font-weight:500;color:#444;font-style:italic;line-height:1.5}
.solution-text{font-size:0.95rem;color:#666666;margin-bottom:20px;line-height:1.6}
.rec-bar{margin-top:auto;background:#f1f3f5;color:#333333;padding:12px 25px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e9ecef}
.rec-info{display:flex;align-items:baseline}
.rec-label-small{font-size:0.7rem;text-transform:uppercase;opacity:0.6;margin-right:10px;font-weight:bold}
.rec-models,.rec-models a{font-weight:700;font-size:1rem;color:#c8102e}
.btn-card-link{color:#666666;font-weight:600;font-size:0.8rem;text-decoration:none;display:flex;align-items:center;transition:0.3s;text-transform:uppercase}
.btn-card-link i{margin-left:5px;transition:0.3s;font-size:0.9rem}
.btn-card-link:hover{color:#c8102e;text-decoration:none}
.btn-card-link:hover i{transform:translateX(3px)}
.footer-clean{background-color:#fff;padding:60px 0;text-align:center;border-top:1px solid #e9ecef}


.container-fluid {padding: 3rem 0; background-color: #f8f9fa; }
        
        

        .sidebar-nav{background:#fff;border-radius:8px;padding:20px;border:1px solid #e9ecef;box-shadow:0 2px 5px rgba(0,0,0,0.05)}
.sidebar-title{font-size:1.25rem;font-weight:700;margin-bottom:15px;color:#333}
.nav-pills .nav-link{color:#555;font-weight:600;padding:12px 15px;border-radius:6px;margin-bottom:5px;transition:0.2s;border-left:3px solid transparent;display:flex;align-items:center}
.nav-pills .nav-link:hover{background-color:#f8f9fa;color:#c8102e;text-decoration:none}
.nav-pills .nav-link.active{color:#c8102e;background-color:#fff;border-left-color:#c8102e;box-shadow:0 2px 8px rgba(0,0,0,0.08)}
.nav-icon{margin-right:12px;font-size:1.2rem}
.content-container-styled{background:#fff;padding:40px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.05)}
.content-main-title{color:#c8102e;margin-bottom:30px;font-size:clamp(1.3rem, 3vw, 1.6rem);border-bottom:2px solid #f8f9fa;padding-bottom:15px}
.content-lead{font-size:1.15rem;font-weight:500;color:#444;margin-bottom:40px;line-height:1.7}
.feature-block{display:flex;margin-bottom:30px;background-color:#fff;border:1px solid #e9ecef;border-radius:8px;overflow:hidden}
.fb-icon-side{flex:0 0 80px;background-color:#00ADD9;display:flex;align-items:center;justify-content:center;color:white;font-size:2.5rem}
.feature-block.alt-color .fb-icon-side{background-color:#c8102e}
.fb-text-side{padding:25px;flex-grow:1;display:flex;align-items:center}
.fb-text-side p{margin:0;color:#555;font-size:1.05rem}
.value-conclusion-box{margin-top:40px;padding:30px;background-color:#fff5f6;border-left:5px solid #c8102e;border-radius:4px}
.value-conclusion-box p{margin:0;font-size:1.1rem;font-weight:600;color:#c8102e;font-style:italic}
.rec-section-title{margin-top:60px;margin-bottom:30px;font-size:clamp(1.2rem, 2vw, 1.55rem);color:#333;text-align:center;position:relative}
.rec-section-title::before,.rec-section-title::after{content:"";display:inline-block;width:50px;height:2px;background:#c8102e;vertical-align:middle;margin:0 15px;opacity:0.5}
.product-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}
.prod-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;overflow:hidden;transition:transform 0.3s,box-shadow 0.3s;display:flex;flex-direction:column}
.prod-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,0.1);border-color:#c8102e}
.prod-img-box{ text-align: center;}
.prod-info{padding:25px;text-align:center;flex-grow:1;display:flex;flex-direction:column}
.prod-title{margin:0 0 15px 0;font-size:1.1rem;color:#c8102e; font-weight: 600;}
.prod-desc-text{font-size:0.9rem;color:#555;margin-bottom:20px;flex-grow:1}
.btn-prod-link{margin-top:auto;display:inline-block;padding:10px 20px;background-color:#fff;color:#666;border:1px solid #666;border-radius:50px;text-transform:uppercase;font-size:0.85rem;text-decoration:none;transition:0.3s}
.btn-prod-link:hover{background-color:#c8102e;color:#fff;text-decoration:none}
@media (max-width:575.98px){.content-container-styled{padding:25px}
.feature-block{flex-direction:column}
.fb-icon-side{flex:0 0 60px;width:100%}
.fb-text-side{padding:20px}
.rec-section-title::before,.rec-section-title::after{display:none}
}

/* .contact-info-card */

.contact-info-card{background:#fff;padding:40px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.05);height:100%}
.company-name{font-size:1.4rem;color:#c8102e;margin-bottom:1rem;padding-bottom:20px;border-bottom:2px solid #f8f9fa; font-weight: 700; display: flex;}
.contact-person-box{display:flex;align-items:center;background-color:#f0f8ff;padding:20px;border-radius:8px;margin-bottom:1rem;border-left:4px solid #00ADD9}
.cp-icon{font-size:2rem;color:#00ADD9;margin-right:15px}
.cp-label{font-size:0.9rem;color:#666;text-transform:uppercase;font-weight:700;display:block}
.cp-name{font-size:1.3rem;font-weight:800;color:#333;margin:0}

.info-item{display:flex;margin-bottom:25px;align-items:flex-start}
.info-icon-wrap{flex:0 0 40px;height:40px;background-color:#fdf2f3;color:#c8102e;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:15px}
.wa-bg{background-color:#e6ffed;color:#25D366}
.info-content h4{font-size:1rem;margin-bottom:5px;color:#333;margin-top: 0;}
.info-content p,.info-content a{margin:0;color:#555;font-size:.9rem;display:block;margin-bottom:5px}
.contact-link{text-decoration:none;transition:0.2s;border-bottom:1px dotted #ccc}
.contact-link:hover{color:#c8102e;border-bottom-color:#c8102e;text-decoration:none}
.wa-link{color:#25D366;border-bottom-color:#25D366;font-weight:600}
.wa-link:hover{color:#128C7E;border-bottom-color:#128C7E}
.cta-form-card{background:#002e5b;color:white;padding:40px;border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,0.1); height: 100%;}
.cta-title{font-size:1.6rem;font-weight:700;}
.cta-desc{opacity:0.9;margin-bottom:1rem;}
.cta-form-card .etw-inquery-control{background: rgba(255,255,255,0.1); border: none !important; color: #fff;}




.video-section{ padding: 3rem 0;}

.video-card{border-radius:8px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,0.08);background:#fff;transition:transform 0.3s,box-shadow 0.3s;height:100%;cursor:pointer;display:flex;flex-direction:column}
.video-card:hover{transform:translateY(-5px);box-shadow:0 12px 25px rgba(0,0,0,0.15)}
.thumbnail-box{position:relative;overflow:hidden}
.thumbnail-box img{width:100%}
.thumbnail-img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s}
.video-card:hover .thumbnail-img{transform:scale(1.05)}
.play-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.3);display:flex;align-items:center;justify-content:center;transition:background 0.3s; cursor: pointer; z-index: 1;}
.play-overlay:hover i{color: #00ADD9;}


.video-card:hover .play-overlay{background:rgba(0,0,0,0.1)}
.play-icon{font-size:4rem;color:white;opacity:0.9;transition:transform 0.3s}
.video-card:hover .play-icon{transform:scale(1.1);color:#00ADD9}
.video-info{padding:20px;flex-grow:1;display:flex;flex-direction:column}
h3.video-title a,h3.video-title{font-size:1rem;margin-bottom:10px;color:#333;line-height:1.4}
.video-tags{margin-bottom:15px}
.badge-model{background-color:#00ADD9;color:white;font-weight:600;letter-spacing:0.5px;padding:5px 10px}
.badge-feature{background-color:#e9ecef;color:#555;font-weight:600;margin-right:5px}
.video-cta{margin-top:auto;color:#c8102e;font-weight:700;font-size:0.9rem;text-transform:uppercase;display:flex;align-items:center}
.video-cta i{margin-left:5px;transition:0.3s}
.video-card:hover .video-cta i{transform:translateX(5px)}
.modal-content{background-color:#000}
.modal-header{border-bottom:none;padding:15px 20px 0}
.close{color:white;opacity:0.8;text-shadow:none;font-size:2rem}
.close:hover{color:#c8102e;opacity:1}
.modal-body{padding:0;position:relative;padding-bottom:56.25%;height:0;overflow:hidden}
.modal-body iframe,.modal-body video,.modal-body .placeholder-video{position:absolute;top:0;left:0;width:100%;height:100%;border:none}
.placeholder-video{background:#222;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem}

/* etw_right  */
.etw_right h2{font-size: 1.6rem;  margin-bottom: 1rem;}
#etw_videolist ul li a{color: #555; display: block; padding: .5rem; line-height: 1.45; font-size: .9rem; padding-left: 1rem;}
#etw_videolist ul li a::before{position: absolute; content: "\f22d";font-family: bootstrap-icons !important; left: 1rem; opacity: .2;}
#etw_videolist ul li a:hover,#etw_videolist ul li a.dq{color: #c8102e}


#container{width:100%;margin:0 auto;margin-top:91px}
.home_box{margin-top:0 !important}
.content{width:100%;max-width:1200px;margin:0 auto}
.big_content{max-width: 1200px;}



#quicknav{width:100%;margin:0 auto;height:auto;color:#666;font-size:0.85rem;overflow:hidden;position:relative;font-weight:400;}
#quicknav ul{width:100%;max-width:1200px;margin:0 auto}
#quicknav a{color:#666}
#quicknav li{display:inline-block;padding:0.2rem 0.4rem 0.2rem 0}
#quicknav li + li::before{padding:0 5px;color:#666;content:"/\00a0"}
#quicknav a:hover{color:#000}
#quicknav li:last-child{color:#000}
.quicknav_01{border:none !important}
.quicknav_01 a{color:#fff !important}
.quicknav_01 li + li::before,.quicknav_01 li:last-child{color:#fff !important}
.pro_bg{background-image:-webkit-gradient(linear,left top,right top,color-stop(0,#fff),color-stop(70%,#eee));background-image:linear-gradient(to right,#fff 0 30%,#eee 70% 100%);padding:2rem;padding-left:0;margin-bottom:2rem}
.left_pro_img{position:relative; display: flex; flex-wrap: wrap; justify-content: space-between;}
.left_pro_img a{position:relative;display:block}
.left_pics{height:auto;margin:0 auto;text-align:center;position:relative;margin-bottom:1rem;width:100%; }

.related_pic{width: 100%;}
.related_pic ul{width:100%;position:relative;display:flex;flex-wrap:wrap;justify-content:center; }
.related_pic ul li{width: 15%; margin-right: 1%; max-width: 100px;}
.related_pic ul li:last-child{margin-right: 0;}
.related_pic img{width:100%;height:auto;float:left;border:1px #eee solid;margin-bottom:5px; }
.related_pic img:hover,.related_pic li.imgdq img{border:1px #d82c36 solid}
.related_pic span{font-size:0.7rem;line-height:0.9rem;display:block;text-align:center;color:#666}

.left_pics .item_mod{height:60px;display:flex;align-items:center;justify-content:center;position:absolute;bottom:0;left:0;right:0;background-color:rgba(0,0,0,0.05);color:#fff;width:100%;padding:.8rem;background:linear-gradient(to top,rgb(0, 0, 0,.3),transparent);line-height:1.35;font-size:.875rem}

.pro_video_menu{position:relative;z-index:1;cursor:pointer}
.pro_video_menu::before{position:absolute; z-index: 1; width:35px;height:35px;content:"\f4f4";font-family:bootstrap-icons;font-size:1.4rem;display:flex;align-items:center;justify-content:center;border-radius:50%;padding-left:5px;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;border:2px solid #fff;background-color:#d82c36}












.foot_top{padding-top: 4rem;}

#footer{width:100%;text-align:center;margin:0 auto;position:relative; font-weight: 300;  font-size: .85rem; background: url(../images/foot_bg.jpg) no-repeat top center; background-size: cover; }

.foot_logo strong{ display: block; line-height: 1.35; margin-top: 1rem;  font-size: 1.2rem; color: #333; font-weight: 700; margin-bottom: 1rem;}
.etw_bottom{padding-bottom:2rem;width:100%;margin:0 auto;position:relative;text-align:left;color:#333;z-index:1; padding: 4rem 0; padding-bottom: 0;}

.home_link{width:100%;overflow:hidden;margin:0 auto;padding:.5rem 0;position:relative; }
#footer a:hover{color:#c8102e}
.etw_bottom .etw_foot_title,.etw_bottom .etw_foot_title a{position:relative;font-size:1.2rem;line-height:1.35;margin-bottom:.8rem;color:#333;padding-bottom:1rem; font-weight: 700;  }
.etw_bottom .etw_foot_title{position:relative}
.etw_bottom .etw_foot_title a:hover{color:#333!important;text-decoration:none}
.etw_bottom .etw_foot_title::before{position:absolute;content:"";width:100%;height:1px;background-color:#eee;left:0;bottom:0}
.etw_bottom .etw_foot_title::after{position:absolute;content:"";width:30px;height:5px;background-color:#c8102e;left:0;bottom:-2px}



.pblist{overflow:hidden;margin:0.5rem auto;}
.pblist_box{width:100%}
.etw_bottom a{color:#333}
.etw_bottom a:hover{color:#c8102e}
.etw_bottom ul{width:100%;margin-right:2%;float:left;display:flex;flex-flow:wrap}
.etw_bottom ul li{width:100%;float:left;position:relative}
.etw_bottom ul > li > a{display:block;line-height:1.25rem;color:#333;position:relative;position:relative;padding:.3rem 0;padding-left:.8rem; font-weight: 300; font-size: .85rem;}
.etw_bottom ul > li > a::before{position:absolute;content:"\f105";left:0;top:.3rem;font-family:fontawesome}
.cot_add,.cot_tel,.cot_email,.cot_people,.cot_mobile,.cot_fax,.cot_whatsapp{position:relative;padding-left:25px;display:block;margin-bottom:0.5rem;padding-top:0.2rem}
.cot_add:before{content:"\f041";position:absolute;left:0px;top:4px;color:#333;font-family:fontawesome;font-size:20px}
.cot_tel:before{content:"\f095";position:absolute;left:0px;top:3px;color:#333;font-family:fontawesome;font-size:18px}
.cot_email:before{content:"\f0e0";position:absolute;left:0px;top:2px;color:#333;font-family:fontawesome;font-size:16px}
.cot_people:before{content:"\f007";position:absolute;left:0px;top:2px;color:#333;font-family:fontawesome;font-size:16px}
.cot_mobile:before{content:"\f10b";position:absolute;left:2px;top:-6px;color:#333;font-family:fontawesome;font-size:26px}
.cot_fax:before{content:"\f1ac";position:absolute;left:0px;top:2px;color:#333;font-family:fontawesome;font-size:16px}
.cot_whatsapp:before{content:"\f232";position:absolute;left:0px;top:2px;color:#333;font-family:fontawesome;font-size:18px}
#etw_coper{margin-top:2px;width:100%;line-height:22px}
#etw_coper a{color:#333;font-size:12px}
#otherlink{clear:both;width:100%;height:auto;font-size:12px;margin-top:1rem}
#otherlink a{color:#333;display:inline-block;padding:0 4px;margin-right:5px;line-height:22px;margin-bottom:5px;font-size:12px}
#otherlink a span{opacity:0.5;position:relative;top:0}
#otherlink a:hover,#etw_homefooters a:hover,.etw_homefoot a:hover,#etw_coper a:hover{color:#c8102e}
#otherlink a:hover span{opacity:1;top:-2px;transition:all 0.3s ease-in-out}

@media (max-width:1549.98px){
.navbar-expand-lg .navbar-nav .nav-link{padding: 1rem 1rem; }

}

@media (max-width:1449.98px){

}



@media (max-width:1259.98px){
.content{padding-left: 15px; padding-right: 15px;}
}
@media (max-width:1199.98px){
#quicknav ul{padding-left:1rem}
.content #quicknav ul{padding-left:0}
.who_we_serve .case_left_box .case_item{height:auto;}
.who_we_serve .case_right_box .case_item{height:auto}


}



@media (max-width:991.98px){#header{position:inherit;min-height:inherit;display:block;padding-bottom:0;background-color:#fff}
#container,#etw_content,.home_box{margin:0 auto}
#header::before{height:2px}
#quicknav ul,.tags_box,#etw_sidebar,.carousel-control-next,.carousel-control-prev,#header::before,#quicknav,#etw_banner .banner_txt .more_btn,.n-block{display:none}
.top-nav .navbar{float:left;width:100%}
.nav-item span.pro_icon{display:block}
.navbar-light .navbar-toggler{color:#333;font-size:2.5rem;border:none !important;padding:.5rem 0.75rem;position:relative;z-index:1;margin-top:0.7rem}
.top-nav{width:100%;padding-left:0;margin-top:0;background-color:#eee;padding:0}
.navbar-expand-lg .navbar-nav .nav-link{padding:0.6rem 0.5rem;border-right:none;font-size:1.1rem;border-bottom:1px solid #666;color:#333;text-transform:none}
.navbar-light .navbar-nav .active .nav-link:before,.navbar-light .navbar-nav .show .nav-link:before,.navbar-light .navbar-nav .nav-link:hover:before{display:none}
.navbar-expand-lg .navbar-nav .dropdown-menu > li > a{font-size:1rem}
.navbar{padding:0}
.dropdown-item{white-space:normal;padding-top:0.5rem;font-size:14px}
.dropdown-toggle::after{display:none}
.navbar-light .navbar-nav .active > .nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show > .nav-link{border-radius:0;color:#fff !important;background-color:#004e8f}
.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{border-radius:0;color:#fff;background-color:#004e8f}
.top-nav{width:100%;float:left;background:#fff;margin:0;display:block;padding:0 !important}

.navbar-nav .dropdown-menu{background:#fff;box-shadow:none;padding:.3rem 0;position:relative!important;left:0!important;top:0!important;margin-left:0!important;min-width:auto!important}
.navbar-light .navbar-nav .nav-link:focus span.pro_icon,.navbar-light .navbar-nav .nav-link:hover span.pro_icon,.navbar-light .navbar-nav .active .nav-link span.pro_icon,.navbar-light .navbar-nav .show .nav-link span.pro_icon{color:#fff}
.navbar-light .navbar-nav li.nav-item:last-child a.nav-link{border-bottom:none}
.navbar-light .navbar-nav .nav-item:last-child a.nav-link{background:0;color:#333 !important;padding:0.6rem 0.5rem;font-size:1.2rem}
.navbar-light .navbar-nav .video_item .nav-link::after{display:none}
.navbar-light .navbar-nav .nav-item:last-child .nav-link:focus,.navbar-light .navbar-nav .nav-item:last-child .nav-link:hover,.navbar-light .navbar-nav .nav-item:last-child.active .nav-link{border-radius:0;color:#fff !important;background-color:#004e8f}

.etw_language{background:none;width:auto;padding-top:.5rem;display:block;float:right;height:auto;z-index:9}
.etw_language > ul{position:relative;float:right;font-size:1rem;border-radius:8px}
.etw_language > ul > li span{cursor:pointer;float:left;padding:.5rem 1rem}
.etw_language ul ul{display:none;position:absolute;top:100%;left:-1rem;padding:0;background-color:#eee;min-width:100px;border-radius:10px}
.etw_language ul ul a{display:block;text-align:left;float:left;padding:0.3rem 1rem;color:#333}
#etw_language .dropdown-item{color:#333;padding:0.2rem 0 0 1.5rem}
#etw_language .dropdown-item:hover{color:#8f99a5}
.etw_language ul li:hover > ul{display:block}
.etw_language .dropdown-item{min-width:100px}
.etw_language #etw_language{float:none;margin-top:0;height:auto}
.etw_language #etw_language a{line-height:1.5rem;width:100%}
.etw_language #etw_language a:hover{color:#004680 !important}
#etw_language .dropdown-item::before{display:none}
#etw_language .dropdown-item img{display:none}
#etw_logo{margin-top:1.2rem;margin-bottom:0.5rem}
#footer{padding-top:0}
.etw_bottom{padding:2rem 0 1rem}
.navbar-light .navbar-nav .nav-item:last-child a.nav-link{position: relative; right: inherit; bottom: inherit; text-align: left;}
.explore_our_range{padding:3rem 0;  margin-bottom:3rem;}
.select_by_feature ul li {flex: 0 0 calc(32% - .5rem);}
.select_by_feature ul li:nth-child(4){border-left:none;}
.who_we_serve{ margin: 3rem auto;}
.application_content_box{ padding: 3rem 0;}
.application_content_box .col-md-6{ margin-bottom: 1rem;}
.bottom_inquiry_wrap .inquiry_des{ margin-bottom:15px; margin-top:15px;}
.img_box img{ margin: 0 auto; display: block;}
.sidebar-nav{padding: 10px;}
.nav-pills .nav-link{padding: 8px; font-size:0.97rem; line-height: 1.6;}
.nav-pills .nav-icon{margin-right: 8px;}
.content-lead{ font-size: 1rem;}
.content-container-styled{ padding: 20px;}
.rec-section-title::before, .rec-section-title::after{display: none;}
.card-img-wrapper{ display: block;height:auto !important;}
.card-img-wrapper img{ display: block; margin: 0 auto;}
.justify-content-between{justify-content:flex-start !important;}
.product-card .h-100 {height:auto !important;}
.pro_des_right{ margin-top: 2rem;}
.feedback_wrap {margin:2rem auto;}
.accessories_des{ margin-bottom: 1rem;}
.case-section{ padding: 2rem 0;}
.feedback_wrap{ margin-top: 0;}
#etw_videolist ul li a::before{ transform: rotateY(180deg); left: 0;}
#etw_videolist ul li a{ padding: 0; min-height:42px;padding-left: 1.5rem; line-height: 1.2;}
#etw_videolist{ margin-top: 1rem; overflow: hidden;}
#etw_videolist ul li{ width:48%; margin-right: 2%; float: left; position: relative;}
#etw_videolist strong{ display: block; clear: both;}
.foot_logo strong{ font-size: 1rem;}
.products_top_des2{padding: 2rem 0;}
}
@media (max-width:767.98px){
.select_by_feature,.who_we_serve,.company_biref_box,.cer_list,.application_bottom_des{ display: none;}
.webtitle {padding-bottom:1rem;  margin-bottom:1rem;}
.explore_our_range{padding:2rem 0;  margin-bottom:2rem;}
.who_we_serve{ margin: 2rem auto;}
.pro_banner_content{ padding:1.5rem 0 2rem 0;}
.prodcuts_series_item .more_link{ padding:0.3rem 1rem;}
.prodcuts_series_list .prodcuts_series_item{ padding-left: 0; padding-right: 0;}
.prodcuts_series_list .prodcuts_series_item .pro_des{ padding-left: 0;}
.application_content_box,.vision-section{ padding:2rem 0;}
.cert-section{ padding-top:2rem; margin-bottom:1rem;}
.cert-box{ padding:15px;}
.product-nav-section{ padding: 2rem 0 1rem 0; margin-bottom: 2rem;}
.case-hero{ padding: 2rem 0;}
.challenge-zone,.solution-zone{flex: 0 0 100%;border-right:none}
.rec-section-title{ margin-top: 30px;}
.container-fluid{ padding: 2rem 0 1rem 0;}
.sidebar-nav{ margin-top: 1rem;}
.cta-form-card,.contact-info-card{ padding: 20px;}
.products_top_des1{ padding: 50px 0 30px 0;}
.group-title{margin:30px 0 20px;}
.pro_center_des{ margin: 1.5rem 0;}
.hub_products .card-body{ padding-top: 0;}
.features_des{ padding: 1rem;}
#etw_videolist ul li{ width:100%; margin-right:0%; float: none;}
#etw_videolist ul li a{ padding:0.5rem 0 0.5rem 1.5rem; min-height:auto;line-height: 1.2;}
.explore_our_range{background: linear-gradient(to top,#fff,#f8f9fa); padding-bottom: 0;}


}
@media (max-width:575.98px){
.banner_txt,.rec-bar .btn-card-link,.left_feedback{ display: none;}
.data-grid {grid-template-columns: repeat(1,1fr);gap:20px;}
.stats-section{ padding-bottom:1rem;}
.stats-section .col-sm-4{ margin-bottom: 0.5rem;}
.tech-card{ padding: 20px;}
.rec-models, .rec-models a{ font-size: 0.9rem; line-height: 1.2;}
.feedback_wrap{padding:1rem;}
.ventless-bg{padding:2rem 0;  margin:2rem auto;}
#etw_banner{display: none;}
.about_us_content{padding-top: 2rem;}
#etw_logo img{width: 160px;}
}