@charset "utf-8";
@font-face{font-family:"NotoSans"; font-weight:300 700; font-style:normal; font-display:swap; src:url(../fonts/NotoSans-VariableFont_wdth,wght.woff2) format("woff2");}
@font-face{font-family:"Oswald"; font-weight:200 700; font-style:normal; font-display:swap; src:url(../fonts/Oswald-VariableFont_wght.woff2) format("woff2");}
/* Preloader start */
#preloader{display: none;}
html{overflow: visible;}
#header,#container,#footer,video#my_video{visibility:visible!important}
/* Preloader stop */
/* public */
: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.5rem,3.5vw,1.728rem);
	--fs-h2:clamp(1.5rem,3.5vw,2.074rem);
	--fs-h1:clamp(1.5rem,3.5vw,2.488rem);
	--bg-main: #004d9d;
	--bg-hover: #3a9cdd;
	--family-first: "NotoSans", sans-serif;
	--family-second: "Oswald", sans-serif;
  --bg-white: #fff;
	--bg-F0: #f0f0f0;
	--bg-F1: #f1f1f1;
	--bg-WhiteSmoke: #f5f5f5;
	--bg-F9: #f9f9f9;
	--bg-light: #f8f9fa;
  --primary-blue: #2c3e50;
  --accent-teal: #009688;
  --text-grey: #666666;
  --line-color: #e0e0e0;
}

.bg-F0{background-color: var(--bg-F0) !important;}
.bg-F1{background-color: var(--bg-F1) !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:#444; font-family:var(--family-first); font-weight: 400; font-size: .9rem; line-height:1.6; background-color:var(--bg-white); overflow-x:hidden; overflow-y: auto; height: auto;}
li,ol,ul {list-style: none;margin-bottom: 0;}
h3,h4,h5,h6,.h2,.h3,.h4,.h5,.h6,.title1,.title2,.title3,.title4,.title5,.title6 {display: block; color: #333; line-height: 1.2; font-family: var(--family-second); margin-bottom: 1rem; font-weight: bold;}
h1,.h1,.title1 {font-size: var(--fs-h1);}
.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: var(--fs-h6); 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);}
p:last-child{margin-bottom: 0;}
strong {font-weight: bold;}
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[class='original-link']{cursor: default;}
a:hover{text-decoration:none;color: var(--bg-hover);}
u.inquiry{color: var(--bg-main);}
u.inquiry:hover{color: var(--bg-hover);}
.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;}
.icon-remove{content: "";width: 2rem !important; aspect-ratio: 1/1; float: left; background: url(../images/icons/icon-remove.svg) no-repeat center center; background-size: contain;}
figure{width: 100%; display:flex; flex-wrap: wrap;}
figure>a{width: 100%; display: flex; flex-wrap: wrap; position: relative; overflow: hidden;}
figure:last-child,p:last-child{margin-bottom: 0;}
.imgbox{width:100%; aspect-ratio: 4/3; 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;}
.before_none::before{content: none !important;}
.textbox{width: 100%; display: flex; flex: 1; flex-direction: column;}
.img-abs{position:absolute;left:0;right:0;top:0;bottom:0;max-width:100%;max-height:100%;display:block;margin:auto;padding:auto;}
.img-cover{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;display:block;object-fit:cover;}
.container{width: 100%; max-width:1230px; margin: 0 auto;}
.container1{width: 100%; max-width:1130px; margin: 0 auto; padding: 0 15px;}
.container2{width: 100%; max-width:1030px; margin: 0 auto; padding: 0 15px;}
.container3{width: 100%; max-width:930px; margin: 0 auto; padding: 0 15px;}
.multiply,.img_bg img{mix-blend-mode: multiply;}
.overflow-visible{overflow: visible !important;}
ul.list{width: calc(100% + 30px); margin: 0 -15px; display: flex; flex-wrap: wrap;}
ul.list li{display: flex; flex-wrap: wrap; padding: 15px;}
ul.list li>ol,ul.list li>a{width: 100%; display: flex; flex-wrap: wrap; transition: all .2s ease-in-out;}

.etw_photo,.etw_photo ul,.etw_photo ul li,.etw_photo ul li>a,.etw_photo ul li>ol{width: 100%; display: flex; flex-wrap: wrap;}
.etw_photo ul{width: calc(100% + 20px); margin: 0 -10px;}
.etw_photo ul li{padding: 10px; flex-direction: column;}
.etw_photo ul li>ol,.etw_photo ul li>a{flex-direction: column;}
.etw_photo ul li span{width: 100%; flex: 1; display: flex; justify-content: center; text-align: center; font-size: .95rem; padding-top: .625rem;}
.etw_photo2 ul li{width:calc(100% / 2);}
.etw_photo3 ul li{width:calc(100% / 3);}
.etw_photo4 ul li{width:calc(100% / 4);}
.etw_photo5 ul li{width:calc(100% / 5);}
.etw_photo6 ul li{width:calc(100% / 6);}
.etw_photo_m1 ul{width: calc(100% + 10px); margin: 0 -5px;}
.etw_photo_m1 ul li{padding: 0 5px; margin-bottom: 10px;}
.etw_photo_m2{width: calc(100% + 30px); margin: 0 -15px;}
.etw_photo_m2 ul li{padding: 0 15px; margin-bottom: 30px;}
.etw_photo .no-gutters{width: 100%;}
.etw_photo .no-gutters>div{display: flex; flex-wrap: wrap;}
.etw_photo_aspect1 .imgbox{aspect-ratio: 1/1;}
@media (max-width:991.98px){
.etw_photo5 ul li,.etw_photo6 ul li{width: calc(100% / 3);}
}@media (max-width:767.98px){
.etw_photo5 ul li,.etw_photo6 ul li{width: calc(100% / 3);}
}@media (max-width:575.98px){
	.etw_photo3 ul li,.etw_photo4 ul li,.etw_photo5 ul li,.etw_photo6 ul li{width: 50%;}
	.etw_photo ul li span{font-size: .875rem;}
}@media (max-width:375.98px){
	.etw_photo ul li:has(span){width: 100%;}
}@media (max-width:370.98px){
	.etw_photo ul li{width: 100% !important; display: flex !important;}
}
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: 10px; padding-left: 1rem; line-height: 24px; color: #555;}
ul.items li b{font-weight: 500; color: #000;}
ul.items li:last-child{margin-bottom: 0;}
ul.items:has(.row) li{margin-bottom: 10px;}
ul.items li::before{content: ""; width: 6px; height: 6px; background-color: var(--bg-main); position: absolute; left: 0; top: 9px; transform: rotate(45deg);}
ul.items li>ol>li::before{border-radius: 50%; background-color: rgba(0, 0, 0, .3);}
ul.items_nub{counter-reset: nub;}
ul.items_nub li{padding-left: 2rem; line-height: 24px; position: relative; margin-bottom: .625rem;}
ul.items_nub li:last-child{margin-bottom: 0;}
ul.items_nub li::before{counter-increment: nub; content: counter(nub) ""; color: var(--bg-main); display: flex; align-items: center; justify-content: center; transform: initial; position: absolute; left: 0; top: 2px; width: 20px; height: 20px; font-size: .75rem; border: 1px solid var(--bg-main); border-radius: 50%; background-color: #fff;}
ul.items_none li::before{content: none;}
/* table */
.table-responsive{margin-bottom: 1rem;}
.table-responsive:last-child{margin-bottom: 0;}
.table:last-child{margin-bottom: 0;}
.table thead{background-color: rgba(0, 0, 0, .05);}
.table thead th{font-weight: 500; font-size: .875rem; color: #333;}
.table td{vertical-align: middle; color: #555; font-size: .875rem; line-height: 1.2; padding: .625rem;}
.table-bordered tbody td{border: 1px solid #e0e0e0;}
.table-striped tbody tr:nth-of-type(odd) td{background-color: #fff;}
.table-striped tbody tr:nth-of-type(even) td{background-color: var(--bg-light);}
.table inquiry-trigger{color: var(--bg-main); font-weight: 500;}
.table inquiry-trigger:hover{color: var(--bg-hover);}
.table-hover tbody tr:hover td{background-color: var(--bg-WhiteSmoke);}
/* video_Btn */
.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,.more_big{display: flex;}
.more>a{width:fit-content; display: flex; align-items: center; position: relative; z-index: 0; transition: all .4s; font-size: .875rem; font-weight: 400; line-height: 1; color: var(--bg-main); overflow: hidden; padding-bottom: .5rem;}
.more>a>i{margin-left: 1rem;}
.more>a::after{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:hover{color: var(--bg-main);}
.more>a:hover::after{width: 100%; left: 0; right: auto;}
.more_big>a{width:fit-content; display: flex; align-items: center; transition: all .4s; padding: .5rem 1rem; font-size: .75rem; font-weight: 600; color: #fff; line-height: 1.5; background-color: var(--primary-blue); overflow: hidden; border-radius: 4px;}
.more_big>a:hover{color: #fff; background-color: var(--bg-main);}
/* inquiry_quote */
.inquiry_quote{display: flex;}
.inquiry_quote>a{display: flex; padding: .5rem 1.5rem; color: #fff; font-size: .875rem; font-weight: 600; position: relative; border-radius: 4px; overflow: hidden; z-index: 0; background-color: var(--bg-main);  transition: all .3s ease-in-out;}
.inquiry_quote>a:hover{background-color: var(--bg-hover);}
/* public-End */
/* etw_language */
.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: .875rem; text-transform: uppercase; 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:#555; display:flex; justify-content:center; align-items:center; height: 40px; position: relative; text-align: center; font-size: .875rem;}
#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>span{color: #333; font-size: 1.875rem; margin-right: 2.5rem;}
	.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;}
	#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 */
#header{padding-top: 100px;}
.header{width: 100%; position:fixed; left:0; top:0; z-index:12; background-color: #fff; transition: all .5s ease-in-out; box-shadow: 4px 4px 100px rgba(0,0,0,.15); visibility: visible;}
.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: 10px 0; position: relative; z-index: 3;}
#etw_logo a{display: flex; align-items: center;}
#etw_logo a>img{display:block; max-height:80px;}
#etw_logo a>span{color: var(--bg-main); font-size: .8rem; line-height: 1.5; border-left: 1px solid var(--bg-main); padding-left: 1.875rem; margin-left: 1.875rem; text-transform: uppercase;}
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: 15px 0 0 3rem; display: flex; flex-wrap: wrap; justify-content: flex-end;}
.navbar>li{padding: 0; display: flex; flex-wrap: wrap; margin-left: 4rem;}
.navbar>li:first-child{margin: 0;}
.navbar>li>a{display: flex; color: #333; min-height: 45px; font-size: 1rem; position: relative;}
.navbar>li>a>span.pro_icon{display: none;}
.navbar>li>a::before{content: ""; width: 0; height: 2px; background-color: var(--bg-hover); 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-hover);}
.navbar>li:hover>a::before{width: 100%;}
.navbar .dropdown-menu.show{visibility:visible;pointer-events:all;opacity:1;top:100%;display:block;}
@media (max-width:1199.98px){
.navbar>li{margin-left: 3rem;}
}@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;}
.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: 0 1rem; align-items: center; font-size: .875rem;}
.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;}
#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: .5rem;}
}

/* banner */
.banenr-switch-carousel{position:relative;width:100%;overflow:hidden;touch-action:pan-y;}
.banenr-switch-track{display:flex;width:100%;position:relative;}
.banenr-switch-slide{position:absolute;top:0;left:0;width:100%; opacity:0;transition:opacity 0.8s ease,transform 0.8s ease;user-select:none;overflow:hidden}
.banenr-switch-slide.active{opacity:1;z-index:1;position:relative}
.banenr-switch-picture{width: 100%; overflow: hidden; position: relative; aspect-ratio: 16/5;}
.banenr-switch-picture picture,.banenr-switch-picture img{width:100%;height:100%;object-fit:cover; position: absolute; inset: 0; transition: all 20s;}
.banenr-switch-slide.active .banenr-switch-picture picture,
.banenr-switch-slide.active .banenr-switch-picture img{transform: scale(1.1);}

.banenr-switch-caption{width: auto; position:absolute; z-index: 5; transition: all .3s ease-in-out;}
.caption-title{font-weight: bold; color: #1a252f; letter-spacing: 1px; font-family: var(--family-second); margin-bottom: 1.25rem; transition-delay:1.2s; text-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);}
.caption-desc{color: #555; margin-bottom: 1.25rem; font-weight: 500;}
.caption_more{display: flex; align-items: center;}
.caption_more>a{width: fit-content; border: 1px solid var(--bg-main); font-size: .75rem; font-weight: 600; padding: .5rem 1rem; color: var(--bg-main);}
.caption_more>a:hover{background-color: var(--bg-main) !important; color: #fff;}
.caption_more>a:first-child{margin-right: 2rem; background-color: var(--bg-main) !important; color: #fff;}
.caption_more>a:first-child:hover{background-color: var(--bg-hover) !important; border-color: var(--bg-hover) !important;}
.banner1 .banenr-switch-caption{width: 100%; max-width: 615px; top: 12%; right: -100%; background-color: rgba(255,255,255,.7); padding: 2.5rem; border-radius: 0.5rem; overflow: hidden;}
.banner1.active .banenr-switch-caption{right: 8%;}
.banner2 .banenr-switch-caption{width: 100%; max-width: 615px; top: 12%; left: -100%; background-color: rgba(255,255,255,.4); padding: 2.5rem; border-radius: 0.5rem; overflow: hidden;}
.banner2 .banenr-switch-caption .caption-desc{color: #000;}
.banner2 .banenr-switch-caption .caption_more>a{background-color: rgba(255,255,255,.9);}
.banner2.active .banenr-switch-caption{left: 8%;}
/* dots */
.banenr-switch-dots{width: 100%; position:absolute; bottom:15px; left:0; display:flex; justify-content:center; z-index:4;}
.banenr-switch-dots .dot-indicator{width:10px; height:10px; border-radius:50%; background-color: var(--bg-main); cursor:pointer; transition:all 0.3s ease; margin: 5px;}
.banenr-switch-dots .dot-indicator.active{background-color: var(--bg-hover);}
/* btn */
.banenr-switch-prev,.banenr-switch-next{position:absolute; left: -100%; top:50%; transform:translateY(-50%); background-color:rgba(255,255,255,5); width: fit-content; padding: .5rem 1rem; font-size:2rem; cursor:pointer; transition:all 0.3s ease-in-out; display:flex; line-height: 1; z-index: 5;}
.banenr-switch-next{left: auto; right:-100%;}
.banenr-switch-prev:hover,.banenr-switch-next:hover{background-color: var(--bg-main); color: #fff;}
.banenr-switch-carousel:hover .banenr-switch-prev{left: 1%;}
.banenr-switch-carousel:hover .banenr-switch-next{right: 1%;}
@media (max-width: 1199.98px){
.banner1 .banenr-switch-caption{padding: 1.5rem; top: 50%; transform: translateY(-50%);}
.banner1.active .banenr-switch-caption {right: 4%;}
}@media (max-width: 991.98px){
.banner1 .banenr-switch-caption{max-width: 510px;}
.banner2 .banenr-switch-caption{max-width: 510px; padding: 1.5rem;}
.caption-desc{display: none;}
}@media (max-width: 767.98px){
.banenr-switch-picture{min-height: 300px;}
.caption_more{display: none;}
.banenr-switch-prev,.banenr-switch-next{display: none;}
}@media (max-width: 575.98px){
.caption-title{ margin-bottom: 0; text-align: center;}
.banner1 .banenr-switch-caption{max-width: 90%; right: 50%; transform: translate(50%,-50%); transition: initial; opacity: 1;}
.banner2 .banenr-switch-caption{max-width: 90%; right: 50%; top: 50%; transform: translate(-50%,-50%); transition: initial; opacity: 1;}
.banner1.active .banenr-switch-caption{right: 50%;}
.banner2.active .banenr-switch-caption{left: 50%;}
.banenr-switch-slide.active .banenr-switch-picture picture,
.banenr-switch-slide.active .banenr-switch-picture img{transform: scale(1) !important;}
}
/* index */
section,.section,.section_item{width: 100%; padding:3.125rem 0; display: block; position: relative;}

.home_about .title2{color: var(--primary-blue);}
.home_about p{font-size: 1.1rem; color: #777;}
.home_about .imgbox{aspect-ratio: auto;}
.home_about .more_big>a{padding: .75rem 1.875rem;}
.home_about_items{width: 100%; display: flex; counter-reset: nub; position: relative; justify-content: space-evenly;}
.home_about_items::before{content: ""; width: 100%; height: 4px; background-color: var(--line-color); position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.home_about_item{width: auto; position: relative; display: flex; flex-direction: column; align-items: center;}
.home_about_item>span{flex: 1; display: flex; align-items: center; justify-content: center; text-align: center; position: relative; background-color: #fff; z-index: 2; padding: .5rem 1rem; border-radius: 30px; color: #333; line-height: 1; border: 3px solid var(--accent-teal); font-weight: 600; font-size: .9rem; transition: all .3s;}
.home_about_item:hover>span{background-color: var(--accent-teal); color: #fff; transform: scale(1.02);}

.home_pros_title{display: flex; flex-direction: column; align-items: center; text-align: center;}
.home_pros_title::after{content: ""; width: 60px; height: 3px; background-color: var(--bg-main); margin: 1.25rem auto;}
.home_pros_title .title2{color: var(--primary-blue);}
.home_pros_title small{font-size: 1rem; color: #666;}
.home_pros ul.list{width: calc(100% + 20px); margin: 0 -10px;}
.home_pros ul.list>li{width: calc(100% / 4); padding: 10px;}
.home_pros ul.list>li>a{flex-direction: column; position: relative;border-radius: 4px; overflow: hidden;}
.home_pros ul.list>li>a .imgbox{border-radius: 4px;}
.home_pros ul.list>li>a .textbox{flex: 1; padding: 1.25rem .75rem;}
.home_pros ul.list>li>a .textbox>h6{color: #333; transition: all .3s; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; margin-bottom: 0;}
.home_pros ul.list>li>a .textbox>p{color: #7f8c8d; font-size: .8rem; padding-left: .75rem; position: relative;}
.home_pros ul.list>li>a .textbox>p::before{content: ''; width: 3px; height: 14px; background-color: #ddd; position: absolute; left: 0; top: 50%; transform: translateY(-50%); transition: all .3s; border-radius: 3px;}
.home_pros ul.list>li>a:hover{transform: translateY(-5px); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.06);}
.home_pros ul.list>li>a:hover .textbox>h6{color: var(--bg-main);}
.home_pros ul.list>li>a:hover .textbox>p::before{background-color: var(--bg-main);}

.home_apps .title2{color: var(--primary-blue); text-align: center;}
.home_apps ul.list>li{width: 50%;}
.home_apps ul.list>li>ol{flex-direction: column; border-radius: 4px; overflow: hidden; box-shadow: 0 0 15px rgba(0, 0, 0, .125);}
.home_apps ul.list>li>ol a.imgbox{aspect-ratio: 3/1;}
.home_apps ul.list>li>ol a.imgbox>img{height: 100%; object-fit: cover;}
.home_apps ul.list>li>ol .textbox{flex: 1; flex-direction: column; padding: 1.5rem;}
.home_apps ul.list>li>ol .textbox a.title6{font-size: 1.25rem; color: var(--primary-blue);}
.home_apps ul.list>li>ol .textbox a.title6:hover{color: var(--bg-hover);}
.home_apps ul.list>li>ol .textbox p{flex: 1; color: #777;}
.home_apps ul.list>li>ol .textbox .more>a{color: var(--bg-main); font-weight: 600; padding-bottom: 0;}
.home_apps ul.list>li>ol .textbox .more>a>svg{width: 1.5rem; height: auto; color: inherit;}
.home_apps ul.list>li>ol .textbox .more>a:hover{color: var(--bg-hover);}
.home_apps ul.list>li>ol .textbox .more>a:hover::after{background-color: var(--bg-hover);}

.home_cases_title{display: flex; flex-direction: column;}
.home_cases ul.list{justify-content: center;}
.home_cases ul.list>li{width: calc(100% / 4);}
.home_cases ul.list>li>ol{flex-direction: column;}
.home_cases ul.list>li>ol .imgbox{aspect-ratio: 4/3; border-radius: .5rem; box-shadow: 0 10px 10px rgba(0, 0, 0, .125);}
.home_cases ul.list>li>ol .imgbox>img{height: 100%; object-fit: cover;}
.home_cases ul.list>li>ol .textbox{flex: 1; padding-top: 1.25rem;}
.home_cases ul.list>li>ol .textbox .h6{font-size: 1rem; font-weight: 600; margin-bottom: .5rem; border-left: 3px solid var(--bg-main); padding-left: .625rem;}
.home_cases ul.list>li>ol .textbox>p{font-size: .875rem;}
@media (max-width:991.98px){
	section,.section,.section_item{padding:2.5rem 0;}
  .home_pros ul.list>li {width: calc(100% / 3);}
  .home_apps ul.list>li>ol a.imgbox {aspect-ratio: 2/1;}
}
@media (max-width:767.98px){
	section,.section,.section_item{padding:1.875rem 0;}
  .home_pros ul.list>li {width: calc(100% / 2);}
  .home_about_items{flex-wrap: wrap;}
  .home_about_items::before{content: none;}
  .home_about_item{width: calc(100% / 3); padding: 5px;}
  .home_about_item>span{width: 100%;}
  .home_apps ul.list{width: calc(100% + 20px); margin: 0 -10px;}
  .home_apps ul.list>li{padding: 10px;}
  .home_apps ul.list>li>ol a.imgbox {aspect-ratio: 4/3;}
  .home_apps ul.list>li>ol .textbox{padding: 1rem;}
  .home_apps ul.list>li>ol .textbox a.title6{font-size: var(--fs-h6);}
  .home_cases ul.list>li {width: calc(100% / 2);}
}
@media (max-width:575.98px){
	section,.section,.section_item{padding:1.25rem 0;}
}@media (max-width:425.98px){
  .home_pros ul.list>li,.home_apps ul.list>li,.home_cases ul.list>li {width: calc(100% / 2);}
  .home_about_item{width: calc(100% / 2);}
}@media (max-width: 424.98px){
.home_pros ul.list>li,.home_apps ul.list>li,.home_cases ul.list>li {width: calc(100% / 1);}
}@media (max-width:375.98px){
	section,.section,.section_item{padding:1rem 0;}
}
/* index-end */
.footer {padding:3rem 0; position: relative; overflow: hidden; background-color: var(--bg-light); border-top: 1px solid var(--line-color); display: flex;}
.footer>div{display: flex; flex-wrap: wrap;}
.footer_left{width: 30%; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0 2rem 0 0;}
.footer_logo{width: fit-content; display: flex; align-items: center; margin-bottom: 1.25rem;}
.footer_logo>a{width: fit-content;}
.footer_logo>a>img{width: 100%; height: 50px;}
.footer_logo .footer_text{flex: 1; font-size: .9rem; color: #555; padding-left: .625rem; margin-left: .625rem; font-weight: 600; border-left: 2px solid var(--accent-teal);}
.footer_iso{width: 100%; margin: 0; display: flex;}
.footer_iso>li{width: auto; padding: 0 10px; line-height: 1; border-right: 1px solid var(--line-color); display: flex; align-items: center; font-size: .875rem; color: #666;}
.footer_iso>li:first-child{padding-left: 0;}
.footer_iso>li:last-child{border-right: none; padding-right: 0;}

.footer_right{width: 70%;}
.footer .h3{font-weight: 500; font-size: 1.125rem; color: #333; margin-bottom: 1rem;}
.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{width: fit-content; display: block; color: #555; font-size: .875rem; position: relative; transition: all .3s ease-in-out;}
.footer_list li>a::before{content: ""; width: 0; height: 2px; background-color: var(--accent-teal); position: absolute; left: 0; top: 11px; transition: all .3s ease-in-out;}
.footer_list li>a:hover{color: var(--bg-main); padding-left: 1rem;}
.footer_list li>a:hover::before{width: 10px;}
.footer_list li.viewall>a{font-weight: 600; color: var(--bg-main);}
.footer_list li.viewall>a:hover{color: var(--accent-teal);}

.footer_contact{width: 100%; display:flex; flex-direction: column; margin-bottom: 0;}
.footer_contact>li{width: 100%; color: #333; margin: 0 0 .5rem 0; font-size: .95rem; line-height: 24px; padding: 0; padding-left: 1.8rem; position: relative;}
.footer_contact>li a{color: #333;}
.footer_contact>li svg{width: 1rem; height: 24px; position: absolute; left: 0; top: 0; color: var(--bg-main);}
.footer_contact>li a:hover{color: var(--bg-hover); text-decoration: underline;}
.footer_contact>li:last-child{margin-bottom: 0;}
/* #otherlink */
.footercop{width:100%;overflow:hidden; position:relative;z-index:2; padding: 10px 0; background-color: #2c3e50;}
#otherlink{clear:both; width:100%; height:auto; display:flex; justify-content:center;}
#otherlink a{color:#fff; display:inline-block; padding:4px; margin:4px; line-height:1; border:1px solid #fff; font-size:.75rem; opacity: .5;}
#otherlink a span{position:relative;top:0}
#otherlink a:hover,#etw_homefooters a:hover,.etw_homefoot a:hover,#etw_coper a:hover{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:.875rem;display:flex; justify-content:center}
#etw_coper a{color:#333;font-size:.9rem;}
/* #etw_top */
#etw_top{display: none !important;}
.theme-send-inquiry-box{background: #333 !important; border: none !important; display: flex; padding: 0;}
.theme-send-inquiry-box .theme-box-name{flex: 1; background: var(--bg-main) !important; border-left: none !important; padding: 0 10px !important;}
.theme-send-inquiry-box .theme-box-i{width: 42px; display: flex; padding: 0 !important; align-items: center; justify-content: center;}
.theme-send-inquiry-box .theme-box-i .icon-envelope{width: 80%; height: 90%; padding: 0; background: url(../images/icons/email-fill-white.svg) no-repeat center center; background-size: 100% 100%;}
@media (max-width:991.98px){
.footer {padding: 2rem 0;}  
.footer>div{flex-direction: column;}
.footer_left,.footer_right{width: 100%; padding: 0 15px;}
.footer_left{margin-bottom: 1.5rem;}
.footer_iso{justify-content: center;}
}@media (max-width:767.98px){
	.footer{padding: 1.25rem 0;}
	.footercop {padding: 1rem 0; margin-top: 1rem;}
}@media (max-width: 575.98px){.theme-send-inquiry {bottom: 50px;}}
/* #quicknav */
#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: .875rem;}
#quicknav ul li::after{content: ""; width: .875rem; height: .875rem; background-image: url(../images/icons/chevron-right-black.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; transition: all .3s ease-in-out;}
#quicknav .icon-home:hover{opacity: 1;}
#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: var(--bg-white);}
#quicknav ul.quicknav li a:hover{text-decoration:underline; color:var(--bg-white); opacity: 1;}
@media (max-width:767.98px){#quicknav{display: none;}}
/* #quicknav-End */
.etw_hometitle{display: flex; flex-direction: column; margin-bottom: 1rem;}
h2,.etw_hometitle>div[itemprop]{font-size: var(--fs-h2); font-family: var(--family-second); color: #333; font-weight: 500; margin-bottom: 1.25rem;}
h2:last-child,.etw_hometitle>div[itemprop]:last-child{margin-bottom: 0;}
/* Products */
.pros_banner_picture{width: 100%; overflow: hidden; position: relative; aspect-ratio: 96/25; min-height: 300px;}
.pros_banner_picture picture,.pros_banner_picture img{width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0;}
.pros_banner_hover{width: 100%; height: 100%; position: absolute; inset: 0; z-index: 2; display: flex; flex-direction: column; justify-content: center; background: linear-gradient(to right, rgba(4, 28, 59, 0.9) 0%, rgba(4, 28, 59, 0.6) 40%, rgba(4, 28, 59, 0) 100%);}
.pros_banner_text{max-width: 550px;}
.pros_banner_text h1{color: #fff; font-family: var(--family-second); letter-spacing: 2px; text-shadow: 2px 2px 0 var(--primary-blue); margin-bottom: 2rem;}
.pros_banner_text h1:last-child{margin-bottom: 0;}
.pros_banner_text p{font-size: 1rem; line-height: 1.7; color: #fff;}

.pros_info .container3{background-color: #fff; padding: 2.5rem 2.5rem 0 2.5rem; position: relative; transform: translateY(-20%); z-index: 9; display: flex; flex-direction: column; align-items: center;}
.pros_info h2{display: flex; flex-direction: column; align-items: center; text-align: center;}
.pros_list ul.list>li{width: calc(100% / 3); padding: 15px;}
.pros_list ul.list>li>a{flex-direction: column; border-radius: 6px; overflow: hidden; box-shadow: 0 0 15px rgba(0, 0, 0, .125); position: relative; transition: all .2s;}
.pros_list ul.list>li>a .imgbox{aspect-ratio: 2/1;}
.pros_list ul.list>li>a .imgbox>img{width: 100%; height: 100%; object-fit: cover;}
.pros_list ul.list>li>a .textbox{flex: 1; align-items: center; justify-content: center; text-align: center; padding: 1rem; font-size: 1rem; font-weight: bold; color: var(--bg-main); background-color: var(--bg-light);}
.pros_list ul.list>li>a:hover{transform: translateY(-10px); box-shadow: 0 10px 15px rgba(0, 0, 0, .2);}

.pros_apps .title2{text-align: center; color: var(--primary-blue); font-weight: 600;}
.pros_apps ul.list{width: calc(100% + 20px); margin: 0 -10px;}
.pros_apps ul.list>li{width: calc(100% / 4); padding: 0 10px; margin-top: 10px;}
.pros_apps ul.list>li>ol{background-color: #fff; box-shadow: 0 5px 20px rgba(0,0,0,0.05); border: 1px solid #eee; border-radius: 1rem; flex-direction: column; position: relative; transform: .2s ease-in-out;}
.pros_apps ul.list>li>ol a.imgbox{aspect-ratio: 4/3; border-radius: 1rem 1rem 0 0;}
.pros_apps ul.list>li>ol .textbox{flex: 1; flex-direction: column; justify-content: space-between; padding: 1rem;}
.pros_apps ul.list>li>ol .textbox>a.title6{flex: 1; font-size: clamp(1rem, 3.3333vw, 1.125rem); font-weight: 600; color: #333;}
.pros_apps ul.list>li>ol .textbox>a.title6:hover{color: var(--bg-hover);}
.pros_apps ul.list>li>ol .textbox>p{font-size: .875rem; color: #666; height:72px; line-height: 24px; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word; word-break: break-word; hyphens: auto;}
.pros_apps ul.list>li>ol .textbox>.more_big{justify-content: center; margin-bottom: -1rem; position: relative; transform: translateY(50%);}
.pros_apps ul.list>li>ol .textbox>.more_big>a{background-color: var(--bg-main);}
.pros_apps ul.list>li>ol .textbox>.more_big>a:hover{background-color: var(--bg-hover);}
.pros_apps ul.list>li>ol:hover{transform: translateY(-5px); box-shadow: 0 15px 30px rgba(0, 77, 157, 0.1); border-color: var(--accent-teal);}

.custom .title2{display: flex; flex-direction: column; color: var(--primary-blue); font-weight: 600; margin-bottom: .5rem;}
.custom .title2::after{content: ""; width: 50px; height: 3px; background-color: var(--bg-main); margin: 1rem 0;}
.custom .textbox{margin-bottom: 1.5rem;}
.custom .imgbox{aspect-ratio: 16/9;}

.pros_cases .title2{text-align: center; color: var(--primary-blue); font-weight: 600;}
.pros_cases ul.list>li{width: calc(100% / 2);}
.pros_cases ul.list>li>ol{border: 1px solid var(--line-color); border-radius: .5rem; overflow: hidden; background-color: var(--bg-light); box-shadow: 0 5px 15px rgba(0,0,0,0.03); cursor: pointer;}
.pros_cases ul.list>li>ol .imgbox{width: 40%;}
.pros_cases ul.list>li>ol .textbox{flex: 1; padding: 1rem 1rem 1rem 1.5rem; justify-content: center;}
.pros_cases ul.list>li>ol:hover{transform: translateY(-5px); box-shadow: 0 15px 30px rgba(0,0,0,0.1); border-color: var(--bg-main);}

.card{border: none; border-radius: 0; background-color: #fff; border-bottom: 1px solid rgba(0, 0, 0, .125);}
.card-header{background-color: inherit; padding: 0;border-bottom: none;}
.card-link{width:100%; display:block; padding:1rem; padding-right: 2.5rem; font-size: .95rem; color: #333; position:relative; line-height:24px}
.card-link::after{content:""; width: 1.5rem; height: 1.5rem; background-image: url(../images/icons/plus-lg.svg); background-position: center center; background-repeat: no-repeat; background-size: contain; position: absolute; right: 1rem; top: 1rem; opacity: .5;}
.card-body{padding:1rem; padding-top: 0; font-size: .875rem;}
.card-body p{font-size: inherit; color: #666; line-height: 1.7rem;}
.card:hover{background-color: var(--bg-light);}
.card-link[aria-expanded="true"]::after{background-image: url(../images/icons/dash-lg.svg);}
.faqs_main .card-link::after{content: none;}
@media (max-width: 1199.98px){
.pros_info .container3{transform: initial;}
}@media (max-width: 991.98px){
.pros_list ul.list>li,.pros_apps ul.list>li{width: calc(100% / 2);}
.pros_apps ul.list>li{padding: 10px;}
.pros_apps ul.list>li>ol a.imgbox{aspect-ratio: 2/1;}
}@media (max-width: 767.98px){
.pros_list ul.list>li>a .imgbox {aspect-ratio: 4/3;}
.pros_cases ul.list>li {width: calc(100% / 1);}
}@media (max-width: 425.98px){
.pros_list ul.list>li,.pros_apps ul.list>li{width: calc(100% / 1);}
}
/* Details */
.details_banner_picture{width: 100%; overflow: hidden; position: relative; height: 300px;}
.details_banner_picture picture,.details_banner_picture img{width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0;}
.details_banner_hover{width: 100%; height: 100%; position: absolute; inset: 0; z-index: 2; display: flex; flex-direction: column; justify-content: center; background: linear-gradient(to right, rgba(127, 140, 157, 0.9) 0%, rgba(117, 132, 151, 0.6) 40%, rgba(4, 28, 59, 0) 100%);}
.details_banner_text{max-width: 550px;}
.details_banner_text h1{color: #fff; font-size: clamp(1.4rem, 4vw, 2.25rem); font-family: var(--family-second); letter-spacing: 2px; text-shadow: 2px 2px 0 var(--primary-blue); margin-bottom: 1rem;}
.details_banner_text p{font-size: .95rem; line-height: 1.7; color: #fff;}

.details_title h2{color: var(--bg-main);}
.details_title4_style{display: flex; font-weight: 600; font-family: var(--family-first); color: #333;}

.details_content{background-color: #f5f4ef; position: relative; overflow: hidden; margin-top: 2rem;}
.details_left,.details_right{width: 50%; display: flex;}
.details_left{justify-content: flex-end; padding-left: .625rem;}
.details_left .textbox{max-width: 640px; background-color: #fff; padding: 1.25rem 2.5rem; font-size: .9rem;}
.details_left .textbox p{font-size: .9rem;}
.details_right{position: absolute; right: 0; top: 0; bottom: 0; overflow: hidden;}
.details_right figure,.details_right figure a{width: 100%; height: 100%; display: flex;}
.details_right img{height: 100%; object-fit: cover;}

ul.features_list li{line-height: 1.8;}

.specifications .title4{margin-bottom: 0;}
.specifications .note{font-size: .875rem; color: #777;}
.specifications .table-responsive::after {content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 80px;background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));pointer-events: none;opacity: .8;}
.specifications  .table-responsive.expanded::after {display: none;}
.table_more{width: fit-content; display: flex; align-items: center; justify-content: center; margin: 1rem auto; line-height: 1; position: relative; z-index: 2;}
.table_more svg{width: 30px; height: 30px; border-radius: 50%; background-color: var(--bg-main); padding: 5px; z-index: 2; display: flex; align-items: center; justify-content: center; cursor: pointer;  margin-right: .5rem;}
.table_more svg>path{fill: #fff;}
.table_more>span{ display: flex; align-items: center; justify-content: center; cursor: pointer; color: #333; font-size: .875rem; text-transform: uppercase;}
.table_more:hover svg{background-color: var(--bg-hover);}
.table_more:hover>span{color: var(--bg-hover);}
.description_text{line-height: 1.8; font-size: .9rem;}

.inquiryform::before{content: "";position: absolute; inset: 0;background: url(../images/bg01.webp) no-repeat center center; background-size: cover; opacity: .2;}
.inquiryform::after{content: ""; position: absolute; inset: 0; background-color: #f5f4ef; backdrop-filter: blur(5px); opacity: .9;}
.inquiryform>div{position: relative; z-index: 2;}
.inquiryform .title3{color: #222; line-height: 1.5; display: flex; flex-direction: column;}
.inquiryform .title3::after{content: ""; width: 50px; height: 3px; background-color: var(--bg-main); margin: 1rem 0;}
.inquiryform p{font-weight: 300; color: #444;}
.inquiryform #floatchatiframe2011 #feedback2017 .etw-inquery-control{background: none !important; border: none !important; border-bottom: 1px solid #ced4da !important;}
.inquiryform #floatchatiframe2011 #feedback2017 .etwfrom-message{padding: .5rem; outline: none !important;}
.inquiryform #floatchatiframe2011 #feedback2017 .etw-inquery-btn {background: #808080 !important; padding: .75rem 1.25rem; line-height: 1; height: auto; text-transform: uppercase; color: #fff !important; transition: all .4s; border-radius: 0 !important; letter-spacing: 2px;}
.inquiryform #floatchatiframe2011 #feedback2017 .etw-inquery-btn:hover{background-color: var(--bg-main) !important;}

.related_pros_title{display: flex; align-items: center; position: relative;}
.related_pros_title::after{content: ""; width: 100%; height: 1px; background-color: #e0e0e0; position: absolute; left: 0; bottom: 0;}
.related_pros_title .title3{flex: 1; display: flex; font-weight: 200; font-size: clamp(1rem, 4vw, 1.5rem); margin-bottom: 0; position: relative; z-index: 2;}
.related_pros_title .title3>span{display: flex; line-height: 1; padding: 0.625rem 1.5rem; cursor: pointer; border-radius: .5rem .5rem 0 0;}
.related_pros_title .title3>span.active{background-color: #fff; border: 1px solid #e0e0e0; border-bottom: 0; color: var(--bg-main);}
.related_pros_title .more>a{display: none; color: #333; font-weight: 600; padding: 0 0 0 0;}
.related_pros_title .more>a>svg>path{fill: var(--bg-hover);}
.related_pros_title .more>a::after{background-color: var(--bg-hover);}
.related_pros_title .more>a:hover{color: var(--bg-hover);}
.related_pros_title .more>a.active{display: flex;}

.related_pros_content>div{display: none;}
.related_pros_content>div:first-child{display: block;}
.related_pros_list ul.list>li{width: calc(100% / 4); padding: 0 15px; margin-top: 30px;}
.related_pros_list ul.list>li>a{flex-direction: column; background-color: var(--bg-light); border: 1px solid var(--line-color); border-radius: 4px; overflow: hidden;  position: relative;}
.related_pros_list ul.list>li>a .imgbox>img{transition: all .3s ease-in-out;}
.related_pros_list ul.list>li>a .textbox{align-items: center; justify-content: center; text-align: center; padding: 1rem .5rem; font-weight: 600;}
.related_pros_list ul.list>li>a:hover{transform: translateY(-6px); box-shadow: 0 15px 15px -10px rgba(0, 0, 0, .2);}
.related_pros_list ul.list>li>a:hover .imgbox>img{transform: scale(1.05);}

.pros_materials_list ul.list>li{width: calc(100% / 3); padding: 0 15px; margin-top: 30px;}
.pros_materials_list ul.list>li>a{position: relative; overflow: hidden; border-radius: 4px;}
.pros_materials_list ul.list>li>a .textbox{width: 100%; position: absolute; left: 0; bottom: 0; z-index: 2; background-color: rgba(4, 28, 59, 0.5); align-items: center; justify-content: center; text-align: center; flex-direction: column; transition: all .3s ease-in-out;}
.pros_materials_list ul.list>li>a .textbox>.title6{width: 100%; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 1.25rem; font-weight: bold; color: #fff; margin: 0; padding: 1rem;}

.whyus .title2{display: flex; flex-direction: column; align-items: center; color: var(--bg-main);}
.whyus .title2::after{content: ""; width: 60px; height: 4px; background-color: var(--accent-teal); margin-top: 1rem;}
.whyus ul.list>li{width: calc(100% / 3);}
.whyus ul.list>li>ol{flex-direction: column; border-radius: 6px; overflow: hidden; background-color: #fff; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);}
.whyus ul.list>li>ol .imgbox{aspect-ratio: 16/9;}
.whyus ul.list>li>ol .textbox{padding: 1.5rem; flex-direction: column;}
.whyus ul.list>li>ol .textbox .title6{font-size: 1.25rem; color: #333;}
.whyus ul.list>li>ol .textbox small{font-size: .95rem; color: #666; line-height: 1.6;}

ul.items_standard{display: flex; flex-wrap: wrap; width: calc(100% + 10px); margin: 0 -5px;}
ul.items_standard li{width: calc(100% / 4); padding: 5px;}
ul.items_standard li>span{display: flex; align-items: center; justify-content: center; text-align: center; border-left: 2px solid var(--bg-main); background-color: var(--bg-light); line-height: 1; padding: .5rem; font-size: .875rem;}

.items_apps{gap: 30px;}
.items_apps>*{-ms-flex: 0 0 calc(25% - 30px); flex: 0 0 calc(25% - 30px); max-width: calc(25% - 30px); display: flex; margin-top: 3rem;}
.items_apps ol{background-color: #fff; border-radius: .5rem; box-shadow: 0 0 10px rgba(0, 0, 0, .125); padding: 1rem; display: flex; flex-direction: column; align-items: center; text-align: center;}
.items_apps ol>.icon{width: 80px; height: 80px; padding: 1rem; aspect-ratio: 1/1; border-radius: 50%; background-color: #fff; overflow: hidden; position: relative; margin-top: -3.5rem; box-shadow: 0 -5px 10px rgba(0, 0, 0, .1);}
.items_apps ol>.icon>img{width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(80px 0 var(--bg-main)); position: relative; transform: translateX(-80px);}
.items_apps ol>.textbox{flex: 1; flex-direction: column; padding-top: 1rem;}
.items_apps ol>.textbox .title6{font-size: 1.1rem;}
.items_apps ol>.textbox p{font-size: .875rem;}
.items_apps2>*{-ms-flex: 0 0 calc(50% - 30px); flex: 0 0 calc(50% - 30px); max-width: calc(50% - 30px); margin-top: 0;}
.items_apps2 ol{text-align: left;}

.standard .details_title4_style{align-items: center;}
.standard .details_title4_style>span{font-size: 1rem; color: #666; margin-left: .5rem;}

.details_photo .etw_photo ul li>a.imgbox{display: flex; aspect-ratio: 1/1;}
.details_photo .etw_photo ul li>a.imgbox:hover{background: var(--bg-light) !important;}

.details_main_pros_photo ul li>a{flex: 1; background-color: var(--bg-F9); border: 1px solid var(--line-color); border-radius: .5rem; overflow: hidden;}
.details_main_pros_photo ul li>a .textbox{flex: 1; padding: 1rem; align-items: center; justify-content: center; text-align: center; font-size: .875rem;}
.details_main_pros_photo ul li>a .textbox>strong{font-size: 1rem; margin-top: .5rem;}

.process_flow_list{display: flex; flex-wrap: wrap; width: calc(100% + 20px); margin: 0 -10px; justify-content: flex-end;}
.process_flow_list li{width: calc(100% / 5); padding: 0 10px; margin-top: 20px;}
.process_flow_list li>ol{flex-direction: column; filter: drop-shadow(0 0 10px rgba(0,0,0,.125)); position: relative; display: flex;}
.process_flow_list li>ol a.imgbox{clip-path: polygon(0 0, 90% 0, 90% 35%, 100% 50%, 90% 65%, 90% 100%, 0 100%);}
.process_flow_list li>ol .textbox{width: 90%; display: flex; align-items: center; justify-content: center; text-align: center; background-color: #fff;  padding: .5rem 0;font-size: .9rem;}
.process_flow_list li:nth-child(10)>ol a.imgbox{clip-path: polygon(10% 0, 100% 0, 100% 100%, 10% 100%);}
@media screen and (min-width: 992px){
.process_flow_list li:nth-child(6){order: 10;}
.process_flow_list li:nth-child(7){order: 9;}
.process_flow_list li:nth-child(8){order: 8;}
.process_flow_list li:nth-child(9){order: 7;}
.process_flow_list li:nth-child(10){order: 6;}
.process_flow_list li:nth-child(6)>ol,.process_flow_list li:nth-child(7)>ol,.process_flow_list li:nth-child(8)>ol,.process_flow_list li:nth-child(9)>ol,.process_flow_list li:nth-child(10)>ol{transform: translateX(-10%); align-items: flex-end;}
.process_flow_list li:nth-child(6)>ol a.imgbox,.process_flow_list li:nth-child(7)>ol a.imgbox,.process_flow_list li:nth-child(8)>ol a.imgbox,.process_flow_list li:nth-child(9)>ol a.imgbox,.process_flow_list li:nth-child(10)>ol a.imgbox{clip-path: polygon(10% 0, 100% 0, 100% 100%, 10% 100%, 10% 65%, 0 50%, 10% 35%);}
.process_flow_list li:nth-child(5)>ol{ padding-bottom: 20px;}
.process_flow_list li:nth-child(5)>ol::after{content: ""; width: 0; height: 0; border-top: 20px solid #fff; border-left: 20px solid transparent; border-right: 20px solid transparent; position: absolute; left: 45%; bottom: 0; transform: translateX(-50%);}
.process_flow_list li:nth-child(5)>ol a.imgbox{clip-path: polygon(0 0, 90% 0, 90% 100%, 0% 100%);}
}@media (min-width: 768px) and (max-width: 991.98px){
.process_flow_list{justify-content: flex-start;}
.process_flow_list li{width: calc(100% / 4);}
.process_flow_list li:nth-child(5){order: 8;}
.process_flow_list li:nth-child(6){order: 7;}
.process_flow_list li:nth-child(7){order: 6;}
.process_flow_list li:nth-child(8){order: 5;}
.process_flow_list li:nth-child(9){order: 9;}
.process_flow_list li:nth-child(10){order: 10;}
.process_flow_list li:nth-child(5)>ol,.process_flow_list li:nth-child(6)>ol,.process_flow_list li:nth-child(7)>ol,.process_flow_list li:nth-child(10)>ol{transform: translateX(-10%); align-items: flex-end;}
.process_flow_list li:nth-child(5)>ol a.imgbox,.process_flow_list li:nth-child(6)>ol a.imgbox,.process_flow_list li:nth-child(7)>ol a.imgbox,.process_flow_list li:nth-child(8)>ol a.imgbox{clip-path: polygon(10% 0, 100% 0, 100% 100%, 10% 100%, 10% 65%, 0 50%, 10% 35%);}
.process_flow_list li:nth-child(4)>ol,.process_flow_list li:nth-child(8)>ol{ padding-bottom: 20px;}
.process_flow_list li:nth-child(4)>ol::after,.process_flow_list li:nth-child(8)>ol::after{content: ""; width: 0; height: 0; border-top: 20px solid #fff; border-left: 20px solid transparent; border-right: 20px solid transparent; position: absolute; left: 45%; bottom: 0; transform: translateX(-50%);}
.process_flow_list li:nth-child(4)>ol a.imgbox,.process_flow_list li:nth-child(8)>ol a.imgbox{clip-path: polygon(0 0, 90% 0, 90% 100%, 0% 100%);}
}@media (min-width: 320px) and (max-width: 767.98px){
.process_flow_list{justify-content: flex-start;}
.process_flow_list li{width: calc(100% / 2);}
.process_flow_list li>ol a.imgbox{clip-path: initial !important;}
.process_flow_list li>ol .textbox{width: 100%;}
}
@media (max-width: 991.98px){
.details_content{display: flex; flex-direction: column-reverse;}
.details_left{width: 100%; padding: 0; justify-content: center;}
.details_left .textbox {max-width: 95%;padding: 1.25rem 2.5rem;}
.details_right{width: 100%; position: relative;}
.details_right figure a{aspect-ratio: 2/1;}
.related_pros_list ul.list,.pros_materials_list ul.list{width: calc(100% + 20px); margin: 0 -10px;}
.related_pros_list ul.list>li,.pros_materials_list ul.list>li {padding: 0 10px; margin-top: 20px;}
.items_apps>*{-ms-flex: 0 0 calc(50% - 15px); flex: 0 0 calc(50% - 15px); max-width: calc(50% - 15px); margin-top: 3rem;}
}@media (max-width: 767.98px){
.related_pros_title .title3{font-size: var(--fs-h5);}
.related_pros_title .title3>span {padding: 0.625rem 1rem;}
.related_pros_list ul.list>li,.pros_materials_list ul.list>li {width: 50%;}
.whyus ul.list>li {width: calc(100% / 1);}
.whyus ul.list>li>ol{flex-direction: row;}
.whyus ul.list>li>ol .imgbox {width: 40%;}
.whyus ul.list>li>ol .textbox .title6{font-size: var(--fs-h5);}
.details_main_pros_photo ul>li{width: 50%;}
}@media (max-width: 575.98px){
.related_pros_title .more{display: none;}
.pros_materials_list ul.list>li>a .textbox>.title6 {font-size: var(--fs-h6); padding: .5rem;}
.whyus ul.list>li>ol .textbox .title6{font-size: var(--fs-h6);}
.whyus ul.list>li>ol{flex-direction: column;}
.whyus ul.list>li>ol .imgbox {width: 100%;}
.items_apps>*{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
}@media (max-width: 374.98px){
.related_pros_list ul.list>li, .pros_materials_list ul.list>li {width: 100%;}
}
/* Products_End */
/* Applications */
.apps_banner_picture{width: 100%; overflow: hidden; position: relative; height: 300px;}
.apps_banner_picture picture,.apps_banner_picture img{width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0;}
.apps_banner_hover{width: 100%; height: 100%; position: absolute; inset: 0; z-index: 2; display: flex; flex-direction: column; justify-content: center; background: linear-gradient(to right, rgba(4, 28, 59, 0.9) 0%, rgba(4, 28, 59, 0.6) 40%, rgba(4, 28, 59, 0) 100%);}
.apps_banner_text{max-width: 550px;}
.apps_banner_text .etw_hometitle{margin-bottom: 0;}
.apps_banner_text .etw_hometitle>h2,.apps_banner_text .title1{color: #fff; font-size: clamp(1.4rem, 4vw, 2.25rem); font-family: var(--family-second); letter-spacing: 2px; text-shadow: 2px 2px 0 var(--primary-blue); margin-bottom: 0;}

.apps_list ul.list{width: 100%; margin: 0; justify-content: space-evenly;}
.apps_list ul.list>li{width: 45%; padding: 0 10px; margin-top: 50px;}
.apps_list ul.list>li>ol{background-color: #fff; box-shadow: 0 5px 20px rgba(0,0,0,0.05); border: 1px solid #eee; border-radius: 1rem; overflow: hidden; flex-direction: column-reverse; padding: 2rem; position: relative; transition: all .2s ease-in-out;}
.apps_list ul.list>li>ol a.imgbox{aspect-ratio: 2/1; border-radius: 1rem;}
.apps_list ul.list>li>ol .textbox{flex: 1; flex-direction: column; justify-content: space-between; padding-bottom: 2rem;}
.apps_list ul.list>li>ol .textbox>a.title6{font-size: clamp(1.125rem, 4vw, 1.625rem); font-weight: 500; color: #333;}
.apps_list ul.list>li>ol .textbox>a.title6:hover{color: var(--bg-hover);}
.apps_list ul.list>li>ol .textbox>p{font-size: .875rem; color: #666; height:72px; line-height: 24px; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word; word-break: break-word; hyphens: auto;}
.apps_list ul.list>li>ol .textbox>.more_big>a{background-color: var(--bg-main);}
.apps_list ul.list>li>ol .textbox>.more_big>a:hover{background-color: var(--bg-hover);}
.apps_list ul.list>li>ol:hover{transform: translateY(-5px); box-shadow: 0 15px 30px rgba(0, 77, 157, 0.1); border-color: var(--accent-teal);}

.inquiryform_hub{padding:40px 0;}
.inquiryform_hub .container{background-color:#ffffff; max-width:800px !important; padding:30px 20px; text-align:center;position:relative;box-shadow:0 4px 15px rgba(0,77,157,0.08);border:1px solid #eef1f5;overflow:hidden}
.inquiryform_hub .container::before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--bg-main),var(--accent-teal))}
.inquiryform_hub .title3{color:var(--bg-main);margin-bottom:10px;line-height:1.2}
.inquiryform_hub p{font-size:15px;color:#666;line-height:1.5;margin:0 auto 20px auto;max-width:600px}
.inquiry_btn a{display:inline-block;padding:10px 30px;background-color:var(--bg-main);color:#ffffff;font-size:14px;font-weight:700; text-decoration:none; transition:all 0.3s ease}
.inquiry_btn a:hover{background-color:var(--bg-hover);transform:translateY(-2px);box-shadow:0 5px 10px rgba(0,150,136,0.2)}

.apps_cases .title2{text-align: center; color: var(--primary-blue); font-weight: 600;}
.apps_cases ul.list>li{width: calc(100% / 3);}
.apps_cases ul.list>li>ol{border: 1px solid var(--line-color); border-radius: .5rem; overflow: hidden; background-color: var(--bg-light); box-shadow: 0 5px 15px rgba(0,0,0,0.03); cursor: pointer; flex-direction: column;}
.apps_cases ul.list>li>ol .imgbox{width: 100%;}
.apps_cases ul.list>li>ol .textbox{flex: 1; padding: 1rem 1rem 1rem 1.5rem; flex-direction: column;}
.apps_cases ul.list>li>ol:hover{transform: translateY(-5px); box-shadow: 0 15px 30px rgba(0,0,0,0.1); border-color: var(--bg-main);}
@media (max-width: 1199.98px){
}@media (max-width: 991.98px){
.apps_list ul.list>li{width: 50%;}
.apps_list ul.list>li>ol{padding: 1.25rem;}

}@media (max-width: 767.98px){
.pros_info .container3{padding: 1.25rem;}
.apps_list ul.list>li{width: 100%; margin-top: 2rem;}
.apps_list ul.list>li>ol {flex-direction: row; padding: 0;}
.apps_list ul.list>li>ol a.imgbox{width: 40%;}
.apps_list ul.list>li>ol .textbox{padding: 1rem 1rem 1rem 1.5rem;}
.apps_list ul.list>li>ol .textbox>a.title6{font-size: var(--fs-h5);}
.apps_cases ul.list>li {width: 100%;}
.apps_cases ul.list>li>ol{flex-direction: row;}
.apps_cases ul.list>li>ol .imgbox {width: 40%;}
.apps_cases ul.list>li>ol .textbox{justify-content: center;}
.etw_photo_md_2 ul>li{width: 50%;}
}@media (max-width: 575.98px){
.apps_list ul.list>li{ margin-top: 1.25rem;}
.apps_list ul.list>li>ol {flex-direction: column;}
.apps_list ul.list>li>ol a.imgbox{width: 100%;}
.apps_list ul.list>li>ol .textbox{padding: 1rem;}
}@media (max-width: 374.98px){
.apps_cases ul.list>li>ol{flex-direction: column;}
.apps_cases ul.list>li>ol .imgbox {width: 100%;}
}
/* Applications-End */
/* Ceramic Materials */
.materials_list ul.list{width: 100%; margin: 0;}
.materials_list ul.list>li{width: 100%; padding: 3rem 0; position: relative; margin: 0;}
.materials_list ul.list>li:nth-child(even)::before{content: ""; width: 120%; height: 100%; position: absolute; left: 50%; top: 0; transform: translateX(-50%); background-color: var(--bg-light);}
.materials_list ul.list>li>ol{flex-direction: row-reverse; position: relative; z-index: 2;}
.materials_list ul.list>li>ol a.imgbox{width: 40%; border-radius: .5rem;}
.materials_list ul.list>li>ol .textbox{flex: 1; padding-right: 5rem; flex-direction: column;}
.materials_list ul.list>li>ol .textbox a.title2{font-weight: 400;}
.materials_list ul.list>li>ol .textbox>p{font-size: .875rem; color: #777;}
ul.material-specs{display:flex;gap:15px; padding:1rem 0; margin-bottom: 1rem; width: 100%;}
ul.material-specs>li{flex: 1 1 50%; display: flex; flex-direction: column; justify-content: center; background:#f4f6f8;padding:8px 15px;border-left:3px solid var(--accent-teal);border-radius:4px}
ul.material-specs .spec-label{display:block;font-size:12px;color:#666;text-transform:uppercase}
ul.material-specs .spec-value{display:block;font-size:16px;font-weight:700;color:var(--bg-main)}

.materials_apps .title2{text-align: center; color: var(--primary-blue); font-weight: 600;}
.materials_apps ul.list>li{width: calc(100% / 3);}
.materials_apps ul.list>li>ol{border: 1px solid var(--line-color); border-radius: .5rem; overflow: hidden; background-color: var(--bg-light); box-shadow: 0 5px 15px rgba(0,0,0,0.03); cursor: pointer; flex-direction: column;}
.materials_apps ul.list>li>ol .imgbox{width: 100%; aspect-ratio: 2/1;}
.materials_apps ul.list>li>ol .imgbox>img{transition: all .3s ease-in-out;}
.materials_apps ul.list>li>ol .textbox{flex: 1; padding: 1.5rem; flex-direction: column;}
.materials_apps ul.list>li>ol .textbox a.title6{font-size: clamp(.9rem, 4vw, 1.125rem);}
.materials_apps ul.list>li>ol .textbox>p{font-size: .875rem; flex: 1;}
.materials_apps ul.list>li>ol .textbox .more>a{padding: 0;}
.materials_apps ul.list>li>ol:hover{transform: translateY(-5px); box-shadow: 0 15px 30px rgba(0,0,0,0.1); border-color: var(--bg-main);}
.materials_apps ul.list>li>ol:hover .imgbox>img{transform: scale(1.05);}

.main>div{display: flex; flex-wrap: wrap; align-items: flex-start; flex-direction: row-reverse; justify-content: space-between;}
.main_left{width: 21%; position: sticky; top: 120px; max-width: 250px;}
.left_menu{background-color:#ffffff;border-radius:6px;box-shadow:0 5px 15px rgba(0,0,0,0.05);margin-bottom:1.5rem;border:1px solid #eef1f5;overflow:hidden}
.left_menu:last-child{margin-bottom: 0;}
.left_menu .title2{background-color:var(--bg-main);color:#ffffff; font-size:18px; font-weight:700; padding:1rem 1.5rem; margin:0}
.left_menu ul{list-style:none;padding:0;margin:0}
.left_menu>ul>li{border-bottom:1px solid #f5f5f5}
.left_menu>ul>li:last-child{border-bottom:none}
.left_menu>ul>li>a{display:block;padding:.75rem 1.5rem;color:#555;font-size:.875rem; text-decoration:none;transition:all 0.3s;border-left:3px solid transparent;position:relative}
.left_menu>ul>li>a:hover,.left_menu>ul>li.active>a{background-color:#f8fbff;color:var(--bg-main);padding-left:32px;border-left-color:var(--bg-main);}
.left_menu>ul>li.has-sub>a{padding-right:40px}
.left_menu>ul>li.has-sub>a::after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:18px;color:#ccc;font-weight:normal;transition:color 0.3s}
.left_menu>ul>li.has-sub>a:hover::after{color:var(--accent-teal);}
.left_menu .sub-menu{background-color:#f9fbfd;display:block;border-top:1px solid #eee}
.left_menu .sub-menu li{border-bottom:1px solid #eee}
.left_menu .sub-menu li:last-child{border-bottom:none}
.left_menu .sub-menu li a{display:block;padding:12px 20px 12px 45px;font-size:14px;color:#666;text-decoration:none;transition:all 0.3s;position:relative}
.left_menu .sub-menu li a::before{content:"";position:absolute;left:28px;top:50%;width:8px;height:1px;background-color:#ddd}
.left_menu .sub-menu li a:hover{color:var(--bg-main);background-color:#fff;padding-left:50px}
.left_menu .sub-menu li a:hover::before{background-color:var(--bg-main);}
.main_right{flex: 1; padding-left: 2.5rem;}

.materials_title4_style{display: flex; padding-bottom: .625rem; margin-bottom: 1.25rem; color: var(--bg-main); border-bottom: 2px solid var(--line-color);}
.grade_row_wrap{display: flex; flex-direction: column; border: 1px solid var(--line-color); border-radius: 4px; overflow: hidden; background-color: #fff;}
.grade_card_item{display: flex; align-items: center; padding: 1rem 1.5rem; border-bottom: 1px solid var(--line-color);}
.grade_card_item:last-child{border-bottom: none;}
.grade_card_item:hover {background-color: #f9fcff;}
.grade_left{flex:0 0 160px;border-right:1px solid #eee;margin-right:20px;padding-right:15px;display:flex;flex-direction:column;justify-content:center}
.grade_num{font-size:24px;font-weight:800;color:#333;line-height:1.2;}
.grade_name{font-size:12px;color:#888;text-transform:uppercase;font-weight:400;margin-top:2px}
.highlight-1 {color: #005bb5;}
.highlight-2 {color: #0069cf;}
.highlight-3 {color: #0077e6;}
.highlight-4 {color: #009688;}

.table_nav{display: flex; gap: .5rem; flex-wrap: wrap;}
.table_nav .sub_title {width: fit-content; background-color:#e6eef5; cursor:pointer; padding:12px 20px; font-size:15px; font-weight:600; color:#666; border-radius:6px 6px 0 0;transition:all 0.3s ease; display:flex; align-items:center;}
.table_nav .sub_title .icon{width: 18px; height: 18px; margin-right: .5rem; overflow: hidden;}
.table_nav .sub_title .icon>img{position: relative; transform: translateX(-100%); filter: drop-shadow(18px 0 #666);}
.table_nav .sub_title:hover{background-color: #dbe4ef; color: var(--bg-main);}
.table_nav .sub_title:hover .icon>img{filter: drop-shadow(18px 0 var(--bg-main));}
.table_nav .sub_title.active{background-color:#fff; color:var(--bg-main); box-shadow:0 -3px 0 var(--bg-main) inset;}
.table_nav .sub_title.active .icon>img{filter: drop-shadow(18px 0 var(--accent-teal));}

.table_content{display: block; padding: 2rem; border-radius: 0 6px 6px 6px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);}
.table_content>div{display: none;}
.table_content>div:first-child{display: block;}

.data-table{width:100%;border-collapse:collapse;font-size:13px}
.data-table th,.data-table td{padding:10px 8px;border:1px solid #e0e0e0;text-align:center;vertical-align:middle}
.data-table th{background-color:#f1f4f8;color:var(--bg-main);font-weight:700}
.data-table th:first-child{text-align:left;padding-left:15px}
.data-table td:first-child{text-align:left;padding-left:15px;font-weight:600;color:#444}
.data-table tbody tr:nth-child(even){background-color:#fafafa}
.data-table tbody tr:hover{background-color:#eef6fc}

.app-grid{display:flex;gap:20px}
.app-box{flex:1;border:1px solid #e0e0e0;border-radius:6px;overflow:hidden;background:#fff}
.app-header{padding:15px;color:#fff;text-align:center}
.bg-95{background:#005bb5}
.bg-99{background:#0069cf}
.bg-high{background:#009688}
.app-header h3{margin:0;font-size:16px;color:#fff}
.cn-app-title{margin:5px 0 0 0;font-size:13px;opacity:0.9}
.app-body{padding:20px}
.app-body ul{width:100%;margin:0;padding-left:20px;list-style-type:disc !important}
.app-body li{margin-bottom:10px;font-size:14px;color:#333;padding:0;list-style-type:disc !important}
.cn-li{display:block;font-size:12px;color:#888;margin-top:2px}

.recommend_pros .title3{font-weight: 400; color: var(--bg-main); text-align: center;}
.recommend_pros ul.list{justify-content: center;}
.recommend_pros ul.list>li{width: calc(100% / 4);}
.recommend_pros ul.list>li>a{flex-direction: column; background-color: #fff; border-radius: 4px; overflow: hidden; box-shadow: 0 0 15px rgba(4, 28, 59, 0.3); position: relative; transition: all .2s ease-in-out;}
.recommend_pros ul.list>li>a .imgbox{background-color: var(--bg-F0);}
.recommend_pros ul.list>li>a .imgbox>img{mix-blend-mode: multiply;}
.recommend_pros ul.list>li>a .textbox{flex: 1; align-items: center; justify-content: center; text-align: center; padding: 1.5rem; color: #333; font-size: .9rem; font-weight: bold;}
.recommend_pros ul.list>li>a:hover{transform: translateY(-5px); box-shadow: 0 15px 15px -10px rgba(4, 28, 59, 0.3);}
.recommend_pros ul.list>li>a:hover .textbox{color: var(--bg-main);}

.related_materials_list ul.list>li{width: 50%; padding: 0 15px; margin-top: 30px;}
.related_materials_list ul.list>li>a{background-color: var(--bg-light); border-radius: .5rem; overflow: hidden; border: 1px solid var(--line-color); position: relative;}
.related_materials_list ul.list>li>a .imgbox{width: 40%;}
.related_materials_list ul.list>li>a .textbox{flex: 1; flex-direction: column; justify-content: center; padding: 1.5rem;}
.related_materials_list ul.list>li>a .textbox .title6{font-size: 1.125rem;}
.related_materials_list ul.list>li>a .textbox p{font-size: .875rem; color: #555; height:72px; line-height: 24px; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word; word-break: break-word; hyphens: auto;}
.related_materials_list ul.list>li>a .textbox .more{width: auto; padding: .5rem 1rem; position: absolute; right: 0; bottom: 0; background-color: var(--bg-main); border-radius: .5rem 0 0 0;}
.related_materials_list ul.list>li>a:hover{transform: translateY(-5px); box-shadow: 0 15px 15px -10px rgba(4, 28, 59, 0.3); border-color: var(--bg-main);}
.related_materials_list ul.list>li>a:hover .textbox .title6{color: var(--bg-main);}
.related_materials_list ul.list3>li{width: calc(100% / 3);}
.related_materials_list ul.list3>li>a{flex-direction: column;}
.related_materials_list ul.list3>li>a .imgbox{width: 100%; aspect-ratio: 2/1;}

.materials_apps_list ul.list>li{width: calc(100% / 4); padding: 0 15px; margin-top: 30px; flex-direction: column; align-items: center;}
.materials_apps_list ul.list>li>ol{flex: 1; flex-direction: column; background-color: var(--bg-light); border-radius: .5rem; overflow: hidden; border: 1px solid var(--line-color); position: relative;}
.materials_apps_list ul.list>li>ol .textbox{flex: 1; flex-direction: column; padding: 1.25rem;}
.materials_apps_list ul.list>li>ol .textbox a.title6{font-size: clamp(.95rem, 3vw, 1.125rem);}
.materials_apps_list ul.list>li>ol .textbox>p{font-size: .875rem; flex: 1; margin-bottom: 1rem;}
.materials_apps_list ul.list>li .more_big{position: relative; margin-top: -1rem; transition: all .2s ease-in-out;}
.materials_apps_list ul.list>li>ol:hover{transform: translateY(-5px); box-shadow: 0 15px 15px -10px rgba(4, 28, 59, 0.3); border-color: var(--bg-main);}
.materials_apps_list ul.list>li>ol:hover ~ .more_big{transform: translateY(-5px);}
.materials_apps_list ul.list2>li{width: calc(100% / 2);}
.materials_apps_list ul.list2>li>ol{flex-direction: row;}
.materials_apps_list ul.list2>li>ol a.imgbox{width: 30%;}
.materials_apps_list ul.list2>li>ol .textbox{justify-content: center;}
.materials_apps_list ul.list2>li>ol .textbox>p{flex: none; height:72px; line-height: 24px; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word; word-break: break-word; hyphens: auto;}

.materials_apps_list ul.list3>li{width: calc(100% / 3);}
.materials_apps_list ul.list3>li>ol a.imgbox{aspect-ratio: 2/1;}

.subhub_apps_list{width: 100%; margin: 0; display: flex; flex-direction: column;}
.subhub_apps_list>li{width: 100%; margin-top: 30px;}
.subhub_apps_list>li>ol{display: flex; padding: 2rem; box-shadow: 0 30px 30px -20px rgba(0, 0, 0, .2);}
.subhub_apps_list>li>ol a.imgbox{width: 30%; border-radius: .5rem;}
.subhub_apps_list>li>ol .textbox{flex: 1; flex-direction: column; justify-content: center; padding-left: 2rem;}
.subhub_apps_list>li>ol .textbox a.title4{font-family: var(--family-first); font-weight: 600;}
.subhub_apps_list2>li>ol a.imgbox{background-color: var(--bg-WhiteSmoke);}
.subhub_apps_list2>li>ol a.imgbox>img{mix-blend-mode: multiply; object-fit: contain;}

.left_pics{width: 100%; display: flex; flex-direction: column;}
.left_pic{width: 100%; display: flex; justify-content: center; align-items: center; position: relative; overflow: hidden;}
.left_pic img{mix-blend-mode: multiply;}
.related_pic{width: 100%; margin-top: 1rem;}
.related_pic ul{width: 100%; display: flex; gap: 10px; flex-wrap: wrap; justify-content: center;}
.related_pic ul>li{flex: 0 0 calc(20% - 10px); border: 1px solid #ccc; display: flex; align-items: center; justify-content: center;}
.related_pic ul>li.imgdq{border-color: var(--bg-hover);}
.related_pic6 ul>li{flex: 0 0 calc(calc(100% / 6) - 10px);}

.physical .table-bordered th,.physical .table-bordered td{border:none; border-bottom: 1px solid #dee2e6;}
.apps_ceramics .col{display: flex; margin-bottom: 1.5rem;}
.apps_ceramics .col>ol{width: 100%; display: flex; flex-direction: column; background-color: var(--bg-light);  box-shadow: 0 0 10px rgba(0, 0, 0, .125);}
.apps_ceramics .imgbox{aspect-ratio: 1/1;}
.apps_ceramics .imgbox>figure,.apps_ceramics .imgbox>figure>a{width: 100%; height: 100%; display: flex;}
.apps_ceramics .imgbox img{width: 100%; height: 100%; object-fit: cover;}
.apps_ceramics  .textbox{flex: 1; flex-direction: column; padding: 1.5rem 1rem;}
.apps_ceramics  .textbox .h6:last-child{margin-bottom: 0;}

@media (max-width: 1024.98px){
.recommend_pros ul.list>li{width: calc(100% / 3);}
}@media (max-width: 991.98px){
.main_left{width: 100%; display: none;}
.main_right{width: 100%; flex: none; padding: 0;}
.materials_list ul.list>li>ol .textbox{padding-right: 2em;}
.materials_apps ul.list>li>ol .textbox {padding: 1rem;}
.materials_apps_list ul.list>li{width: calc(100% / 2);}
.materials_apps_list ul.list>li>ol a.imgbox{aspect-ratio: 2/1;}
}@media (max-width: 767.98px){
.materials_apps_list ul.list3>li,.related_materials_list ul.list3>li {width: calc(100% / 1); margin-top: 1.25rem;}
.materials_apps_list ul.list>li>ol,.related_materials_list ul.list3>li>a{flex-direction: row;}
.materials_apps_list ul.list3>li>ol a.imgbox,.related_materials_list ul.list3>li>a .imgbox{width: 40%; aspect-ratio: 4/3;}
.materials_apps_list ul.list>li>ol .textbox>p{flex: none; height:48px; line-height: 24px; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; word-break: break-word; hyphens: auto; margin-bottom: 0;}
.materials_apps_list ul.list>li .more_big{display: none;}
.subhub_apps_list>li>ol {padding: 1.25rem;}
.subhub_apps_list>li>ol a.imgbox{width: 40%;}
.materials_apps ul.list>li{width: 100%;}
.materials_apps ul.list>li>ol{flex-direction: row;}
.materials_apps ul.list>li>ol .imgbox{width: 40%;}
.materials_apps ul.list>li>ol .textbox>p{flex: none; height:48px; line-height: 24px; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; word-break: break-word; hyphens: auto;}
.materials_apps_list ul.list2>li {width: calc(100% / 1);}
.materials_list ul.list>li{padding: 1.5rem 0;}
.materials_list ul.list>li>ol a.imgbox{width: 100%; aspect-ratio: 2/1;}
.materials_list ul.list>li>ol .textbox{padding: 1.5em 0 0 0;}
.table_content{padding: 1rem;}
.app-grid{gap: 0; flex-direction: column;}
.app-box{width: 100%; flex: none; margin-bottom: 1.25rem;}
.recommend_pros ul.list>li>a .textbox{padding: .625rem; font-size: .875rem;}
.related_materials_list ul.list>li{width: 100%;}
}@media (max-width: 575.98px){
.subhub_apps_list>li>ol {padding: 1rem; flex-direction: column;}
.subhub_apps_list>li>ol a.imgbox{width: 100%;}
.subhub_apps_list>li>ol .textbox{padding: 1rem;}
.recommend_pros ul.list>li{width: calc(100% / 2);}
.materials_apps_list ul.list{width: calc(100% + 20px); margin: 0 -10px;}
.materials_apps_list ul.list>li{padding: 0 10px; margin-top: 20px;}
.materials_apps_list ul.list>li>ol .textbox{padding: .625rem;}
}@media (max-width: 425.98px){
.materials_apps_list ul.list>li>ol,.related_materials_list ul.list3>li>a{flex-direction: column;}
.materials_apps_list ul.list3>li>ol a.imgbox,.related_materials_list ul.list3>li>a .imgbox{width: 100%; aspect-ratio: 2/1;}
.materials_apps_list ul.list2>li>ol{flex-direction: row !important;}
.materials_apps_list ul.list2>li>ol a.imgbox{width: 40%;}
.materials_apps_list ul.list2>li>ol p{display: none !important;}
.materials_apps ul.list>li>ol .imgbox{width: 100%;}
ul.material-specs{flex-direction: column;}
ul.material-specs>li{flex:1 1 100%;}
.grade_card_item{padding: 1rem;flex-direction: column; align-items: flex-start;}
.grade_left{width: 100%; flex: none; margin-bottom: .625rem;}
.table_nav{gap: 0;}
.table_nav .sub_title{width: 50%; padding: .3125rem .625rem; font-size: .75rem; border:1px solid #fff}
.apps_ceramics.row-cols-2>*{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
.items_apps2>*{margin: 0;}
.items_apps2 ol>.textbox{padding: 0;}
}@media (max-width: 374.98px){
.recommend_pros ul.list>li,.materials_apps_list ul.list>li{width: 100%;}
.related_materials_list ul.list>li>a .imgbox{width: 100%;}
}
/* Ceramic Materials-End */
/* About Us */
.nbanner_picture{width: 100%; overflow: hidden; position: relative; aspect-ratio: 24/5; min-height: 300px;}
.nbanner_picture picture,.nbanner_picture img{width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0;}
.nbanner_hover{width: 100%; height: 100%; position: absolute; inset: 0; z-index: 2; display: flex; flex-direction: column; justify-content: center; background: linear-gradient(to right, rgba(4, 28, 59, 0.9) 0%, rgba(4, 28, 59, 0.6) 40%, rgba(4, 28, 59, 0) 100%);}
.nbanner_text{max-width: 580px;}
.nbanner_text h1,.nbanner_text .etw_hometitle>h2{color: #fff; font-family: var(--family-second); letter-spacing: 2px; text-shadow: 2px 2px 0 var(--primary-blue); margin-bottom: 2rem;}
.nbanner_text p{font-size: 1rem; line-height: 1.7; color: #fff;}
.nbanner_text2{max-width: 390px;}

.etw_pic figure{width: 100%; height: 100%; padding: 4px;}
.etw_pic figure>a{width: 100%; height: 100%; aspect-ratio: 4/3; overflow: hidden;}
.etw_pic figure>a>img{width: 100%; height: 100%; object-fit: cover;}

.customer_cases{gap: 15px; justify-content: space-between;}
.customer_cases>.col{-ms-flex: 0 0 calc(calc(100% / 3) - 15px); flex: 0 0 calc(calc(100% / 3) - 15px); max-width: calc(calc(100% / 3) - 15px); display: flex; margin-top: 10px;}
.customer_cases>.col>ol{width: 100%; display: flex; flex-direction: column-reverse; overflow: hidden; border-radius: .5rem; box-shadow: 0 0 10px rgba(0, 0, 0, .125);} 
.customer_cases>.col>ol a.imgbox{background-color: var(--bg-WhiteSmoke);}
.customer_cases>.col>ol a.imgbox img{mix-blend-mode: multiply;}
.customer_cases>.col>ol .textbox{ padding: 1.25rem;}

.company_nav{display: flex; flex-wrap: wrap; justify-content: center;}
.company_nav>li{width: calc(100% / 6); padding: 15px; position: relative;}
.company_nav>li::after{content: ""; width: 1px; height: 50%; background-color: var(--line-color); position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.company_nav>li:last-child::after{display: none;}
.company_nav>li>a{display: flex; flex-direction: column; align-items: center; text-align: center;}
.company_nav>li>a .icon{width: 70px; overflow: hidden;}
.company_nav>li>a .icon>img{filter: drop-shadow(70px 0 rgba(0,0,0,.5)); position: relative; transform: translateX(-70px);}
.company_nav>li>a .textbox{flex: 1; padding-top: 1rem; align-items: center; text-align: center; line-height: 1.2; color: #333; font-weight: 500;}
.company_nav>li>a:hover .icon>img,.company_nav>li.active>a .icon>img{filter: drop-shadow(70px 0 var(--bg-main));}
.company_nav>li>a:hover .textbox,.company_nav>li.active>a .textbox{color: var(--bg-main);}

.our_pros .title2{text-align: center; color: var(--bg-main); font-weight: 500;}
.our_pros ul.list>li{width: 25%;}
.our_pros ul.list>li>a{flex-direction: column; border-radius: 4px; overflow: hidden; border: 1px solid var(--line-color); background-color: #fff; position: relative;}
.our_pros ul.list>li>a .imgbox{border-bottom: 1px solid var(--line-color);}
.our_pros ul.list>li>a .textbox{flex: 1; align-items: center; justify-content: center; text-align: center; padding: 1rem .5rem; font-weight: 500;}
.our_pros ul.list>li>a:hover{transform: translateY(-10px); border-color: var(--bg-main); box-shadow: 0 15px 15px -10px rgba(0, 0, 0, .2);}

.process_list{display: flex; flex-wrap: wrap; width: calc(100% + 20px); margin: 0 -10px;}
.process_list li{width: calc(100% / 4); padding: 0 10px; margin-top: 20px;}
.process_list li>ol{flex-direction: column; filter: drop-shadow(0 0 10px rgba(0,0,0,.125)); position: relative; display: flex;}
.process_list li>ol a.imgbox{clip-path: polygon(0 0, 90% 0, 90% 35%, 100% 50%, 90% 65%, 90% 100%, 0 100%);}
.process_list li>ol .textbox{width: 90%; display: flex; align-items: center; justify-content: center; text-align: center; background-color: #fff;  padding: .5rem 0;font-size: .9rem;}
.process_list li:nth-child(11)>ol a.imgbox{clip-path: polygon(0 0, 90% 0, 90% 100%, 0% 100%);}
@media screen and (min-width: 992px){
.process_list li:nth-child(4)>ol,.process_list li:nth-child(8)>ol{ padding-bottom: 20px;}
.process_list li:nth-child(4)>ol::after,.process_list li:nth-child(8)>ol::after{content: ""; width: 0; height: 0; border-top: 20px solid #fff; border-left: 20px solid transparent; border-right: 20px solid transparent; position: absolute; left: 45%; bottom: 0; transform: translateX(-50%);}
.process_list li:nth-child(4)>ol a.imgbox,.process_list li:nth-child(8)>ol a.imgbox{clip-path: polygon(0 0, 90% 0, 90% 100%, 0% 100%);}
.process_list li:nth-child(5){order: 8;}
.process_list li:nth-child(6){order: 7;}
.process_list li:nth-child(7){order: 6;}
.process_list li:nth-child(8){order: 5;}
.process_list li:nth-child(9){order: 9;}
.process_list li:nth-child(10){order: 10;}
.process_list li:nth-child(11){order: 11;}
.process_list li:nth-child(5)>ol,.process_list li:nth-child(6)>ol,.process_list li:nth-child(7)>ol{transform: translateX(-10%); align-items: flex-end;}
.process_list li:nth-child(5)>ol a.imgbox,.process_list li:nth-child(6)>ol a.imgbox,.process_list li:nth-child(7)>ol a.imgbox{clip-path: polygon(10% 0, 100% 0, 100% 100%, 10% 100%, 10% 65%, 0 50%, 10% 35%);}
}@media (min-width: 768px) and (max-width: 991.98px){
.process_list{justify-content: flex-end;}
.process_list li{width: calc(100% / 3);}
.process_list li:nth-child(4){order: 6;}
.process_list li:nth-child(5){order: 5;}
.process_list li:nth-child(6){order: 4;}
.process_list li:nth-child(7){order: 7;}
.process_list li:nth-child(8){order: 8;}
.process_list li:nth-child(9){order: 9;}
.process_list li:nth-child(10){order: 11;}
.process_list li:nth-child(11){order: 10;}
.process_list li:nth-child(3)>ol,.process_list li:nth-child(6)>ol,.process_list li:nth-child(9)>ol{ padding-bottom: 20px;}
.process_list li:nth-child(3)>ol::after,.process_list li:nth-child(6)>ol::after,.process_list li:nth-child(9)>ol::after{content: ""; width: 0; height: 0; border-top: 20px solid #fff; border-left: 20px solid transparent; border-right: 20px solid transparent; position: absolute; left: 45%; bottom: 0; transform: translateX(-50%);}
.process_list li:nth-child(3)>ol a.imgbox,.process_list li:nth-child(6)>ol a.imgbox,.process_list li:nth-child(9)>ol a.imgbox{clip-path: polygon(0 0, 90% 0, 90% 100%, 0% 100%);}
.process_list li:nth-child(4)>ol,.process_list li:nth-child(5)>ol,.process_list li:nth-child(10)>ol{transform: translateX(-10%); align-items: flex-end;}
.process_list li:nth-child(4)>ol a.imgbox,.process_list li:nth-child(5)>ol a.imgbox,.process_list li:nth-child(10)>ol a.imgbox{clip-path: polygon(10% 0, 100% 0, 100% 100%, 10% 100%, 10% 65%, 0 50%, 10% 35%);}
}@media (min-width: 375px) and (max-width: 767.98px){
.process_list li{width: calc(100% / 2);}
.process_list li>ol a.imgbox{clip-path: initial !important;}
.process_list li>ol .textbox{width: 100%;}
}@media (max-width: 374.98px){
.process_list li{width: calc(100% / 1);}
.process_list li>ol a.imgbox{clip-path: initial !important;}
.process_list li>ol .textbox{width: 100%;}
}
@media (max-width: 991.98px){
.company_nav>li{width: calc(100% / 3);}
.our_pros ul.list{width: calc(100% + 20px); margin: 0 -10px;}
.our_pros ul.list>li{padding: 10px;}
}@media (max-width: 767.98px){
.customer_cases>.col { -ms-flex: 0 0 calc(calc(100% / 2) - 15px); flex: 0 0 calc(calc(100% / 2) - 15px); max-width: calc(calc(100% / 2) - 15px);}
.our_pros ul.list>li{width: 50%;}
}@media (max-width: 575.98px){
.company_nav>li{width: calc(100% / 2);}
}@media (max-width: 425.98px){
.customer_cases>.col { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
.our_pros ul.list>li{width: 100%;}
}@media (max-width: 375.98px){}
/* About Us-End */
/* Contact Us */
.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.3rem; font-weight: 700; line-height: 1.2; margin:0; color: var(--bg-main);}
.contact ul li strong{color:#222; font-weight: 500; margin-right: .5rem;}
.contact ul li a{color: var(--bg-hover);}
.contact ul li a:hover{color:var(--bg-main); 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 ul .row>div:nth-child(odd){border-right: 1px solid var(--line-color);}
.contact .feedback{padding: 1.5rem;}
.contact .feedback .webtitle{font-size:1.875rem; color:#000; text-align: center; font-weight: 700;}
.contact_map{margin-top: 2rem;}
#floatchatiframe2011 #feedback2017.etw-inquery-from-box{min-height: initial;}
#floatchatiframe2011 #feedback2017 .etw-inquery-btn{background-color: var(--bg-main) !important; color: #fff !important; transition: all .4s;}
#floatchatiframe2011 #feedback2017 .etw-inquery-btn:hover{background-color: var(--bg-hover) !important;}
#floatchatiframe2011 #feedback2017 .etw-inquery-container{padding: 0;}
#floatchatiframe2011 #feedback2017 .etw-inquery-icon{display: none;}
#floatchatiframe2011 #feedback2017 .etw-inquery-control{padding: 0 10px; border-radius: 0 !important;}
#floatchatiframe2011 #feedback2017 .etw-inquery-btn{background: #808080 !important; color: #fff !important; transition: all .4s;}
#floatchatiframe2011 #feedback2017 .etw-inquery-btn:hover{background: var(--bg-main) !important;}
@media (max-width: 575.98px){
.contact ul .row>div{border-right: none !important;border-bottom: 1px solid var(--line-color); padding: 1rem; margin: 0 !important;}
}
/* Contact Us-End */
/* videos */
.videos{padding: 0 0 2.5rem 0;}
.videos_hub{width: 100%; display: flex; flex-direction: column; margin-bottom: 1.25rem;}
.videos_hub_title{font-size:clamp(1rem, 3vw, 1.5rem); font-weight: 500; line-height: 1; display:flex; align-items: center; color:#333; position:relative; z-index: 0; margin:1.25rem 0;}
.videos_hub ul{width: calc(100% + 30px); margin: 0 -15px; display: flex; flex-wrap: wrap;}
.videos_hub ul li{width: calc(100% / 3); padding: 0 15px; margin-bottom: 30px; display: flex;}
.videos_hub ul li>a{width: 100%; display: flex; flex-wrap: wrap; flex-direction: column; background-color: #fff; border-radius: 10px; overflow: hidden; box-shadow: 0 0 10px rgba(0,0,0,.15);}
.videos_hub ul li>a .imgbox{width: 100%; aspect-ratio: 16/9;}
.videos_hub ul li>a .imgbox img{height: 100%; object-fit: cover;}
.videos_hub ul li>a .imgbox .video_btn::before{--w:70px;}
.videos_hub ul li>a .textbox{flex: 1; flex-direction: column; padding: 1rem; align-items: center; text-align: center; justify-content: center; font-size: 1rem; color: #555; font-weight: 500;}
.videos_hub ul li>a:hover{position: relative; transform: translateY(-10px);}
.videos_hub ul li>a:hover .textbox{color: var(--bg-main);}
.videos_hub:last-child{margin-bottom: 0;}
.videos_company ul li{width: 50%;}

.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%}
#video_right h2{font-size: clamp(1.125rem, 3vw, 1.625rem); color: #333; font-weight: bold;}
.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; margin-top: 2.5rem;}
#video_sidebar{width:30%; border-radius:10px; box-shadow: 0 0 10px rgba(0, 0, 0, .125); overflow: hidden;}
#video_sidebar .title3{color: #fff; background-color: var(--bg-main); font-size: clamp(1rem, 4vw, 1.5rem); text-transform:uppercase; display: flex; align-items: center; justify-content: center; padding: .75rem; margin-bottom: 0; font-weight: 500;}
#etw_videolist .webtitle{font-size: clamp(.9rem, 4vw, 1.125rem); 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-hover);}
#etw_videolist .video_more{ padding: 1.5rem; padding-top: 0; margin: 0;}
.videohid{display:none}
@media (max-width:991.98px){
#video_right{width:100%}
#video_sidebar{width:100%;margin-top:2rem}
#etw_videolist ul li{width: calc(50% - 1rem);}
}@media (max-width:767.98px){
#etw_videolist ul li{width: 100%;}
#video_sidebar{margin-top:1rem}
.videos_hub ul{width: calc(100% + 20px); margin: 0 -10px;}
.videos_hub ul li{width: calc(100% / 2); padding: 0 10px; margin-bottom: 20px;}
}@media (max-width:575.98px){
	#video_right h2{font-size:1.25rem;}
}@media (max-width: 475.98px){
.videos_hub ul li{width: calc(100% / 1);}
#video_right .feedback{padding: 1rem;}
}
/* videos-End */