@charset "utf-8";
@font-face {
font-family: "Montserrat"; font-weight: 100 900; font-style: normal; font-display: swap; src: url(../fonts/Montserrat-VariableFont_wght.woff2) format("woff2"); }
@font-face {
font-family: "Jost"; font-weight: 100 900; font-style: normal; font-display: swap; src: url(../fonts/Jost-VariableFont_wght.woff2) format("woff2"); }
@font-face {
font-family: "bootstrap-icons"; font-display: swap; src: url(../fonts/bootstrap-icons.woff2) format("woff2"); }
@font-face {
font-family: 'FontAwesome'; src: url('../fonts/fontawesome/fontawesome-webfont.eot?v=3.2.1'); src: url('../fonts/fontawesome/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'),url('../fonts/fontawesome/fontawesome-webfont.woff?v=3.2.1') format('woff'),url('../fonts/fontawesome/fontawesome-webfont.ttf?v=3.2.1') format('truetype'),url('../fonts/fontawesome/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg'); font-weight: normal; font-style: normal; }
/* Preloader start */
#preloader { display: none; }
html { overflow: visible; }
#container, #footer, #header, video#my_video { visibility: visible!important; }
/* Preloader stop */
/* bootstrap-icons */
.bi::before, [class*=" bi-"]::before, [class^="bi-"]::before { display: inline-block; font-family: bootstrap-icons!important; font-style: normal; font-weight: normal!important; font-variant: normal; text-transform: none; line-height: 1; vertical-align: -.125em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.bi-person-bounding-box::before { content: "\f4d4"; }
.bi-envelope-at::before { content: "\f84c"; }
.bi-phone-vibrate::before { content: "\f4e6"; }
.bi-telephone::before { content: "\f5c1"; }
.bi-arrow-right::before { content: "\f138"; }
.bi-whatsapp::before { content: "\f618"; }
.bi-pin-map-fill::before { content: "\f64b"; }
.bi-chevron-left::before { content: "\f284"; }
.bi-chevron-right::before { content: "\f285"; }
.bi-chevron-down::before { content: "\f282"; }
.bi-plus-lg::before { content: "\f64d"; }
.bi-dash-lg::before { content: "\f63b"; }
.bi-check2-square::before { content: "\f271"; }
.bi-play-fill::before { content: "\f4f4"; }
.bi-wechat::before { content: "\f829"; }
.bi-envelope-fill::before { content: "\f32c"; }
.bi-house-door-fill::before { content: "\f422"; }
.bi-camera-video::before { content: "\f21f"; }
.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; }
/* fontawesome */
[class*=" icon-"], [class^="icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; margin-right: .3em; }
[class*=" icon-"]:before, [class^="icon-"]:before { text-decoration: inherit; display: inline-block; speak: none; }
.icon-plus:before { content: "\f067"; }
.icon-minus:before { content: "\f068"; }
/* public */
:root { --fs-body: clamp(.875rem,3vw,.9rem); --fs-h6: clamp(1rem,3.5vw,1.125rem); --fs-h5: clamp(1.25rem,4vw,1.5rem); --fs-h4: clamp(1.35rem,4.4vw,1.6rem); --fs-h3: clamp(1.45rem,4.6vw,1.7rem); --fs-h2: clamp(1.55rem,4.8vw,1.8rem); --fs-h1: clamp(1.65rem,5vw,2rem); --lh-heading: 1.2; --lh-body: 1.6; --accent-color: #f08519; --bg-main: #2e3b8a; --hover-color: #0c6fb3; --bg-color1: #1c2c83; --bg-color2: #eff6fc; --family-first: "Montserrat",sans-serif; --family-second: "Jost",sans-serif; --bg-white: #ffffff; --bg-F0: #f0f0f0; --bg-F1: #f1f1f1; --bg-WhiteSmoke: #f5f5f5; --bg-F9: #f9f9f9; --bg-light: #f8f9fa; --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)); }
.hover-color{color: var(--hover-color);}
.accent-color{color: var(--accent-color);}
* { box-sizing: border-box; padding: 0; margin: 0; }
#container, #footer, #header { width: 100%; }
body { color: #555; font-family: var(--family-first); font-weight: 400; font-size: var(--fs-body); line-height: var(--lh-body); background-color: #fff; overflow-x: hidden; overflow-y: auto; height: auto; }
li, ol, ul { list-style: none; margin-bottom: 0; }
.h1, .h2, .h3, .h4, .h5, .h6, .title1, .title2, .title3, .title4, .title5, .title6, h1, h2, h3, h4, h5, h6 { display: block; color: #333; line-height: var(--lh-heading); font-family: var(--family-second); margin-bottom: 1rem; }
.h1, .title1, h1 { font-size: var(--fs-h1); font-weight: 500; }
.h2, .title2, h2 { font-size: var(--fs-h2); font-weight: 500; }
.h3, .title3, h3 { font-size: var(--fs-h3); }
.h4, .title4, h4 { font-size: var(--fs-h4); }
.h5, .title5, h5 { font-size: var(--fs-h5); }
.h6, .title6, h6 { font-size: var(--fs-h6); font-family: var(--family-first); }
a.h2, a.h3, a.h4, a.h5, a.h6, h2 a, h3 a, h4 a, h5 a, h6 a { 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(--hover-color); }
strong { font-weight: 700; }
b { font-weight: 500; }
img { display: block; width: 100%; height: auto; }
a { text-decoration: none; -webkit-tap-highlight-color: transparent; transition: all 0.2s; color: inherit; }
a[class="original-link"] { cursor: default; }
a:hover { text-decoration: none; color: var(--hover-color); }
inquiry-trigger { color: var(--hover-color); }
inquiry-trigger:hover { text-decoration: underline; }
figure { width: 100%; display: flex; flex-wrap: wrap; margin: 0; }
figure>a { width: 100%; display: flex; flex-wrap: wrap; position: relative; overflow: hidden; }
p:last-child { margin-bottom: 0; }
/* 图片放大 */
figure a { pointer-events: none; }
figure.jsclickready a:not(.original-link) { pointer-events: auto!important; cursor: pointer!important; }
/* END */
.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-1-1 { aspect-ratio: 1/1; }.imgbox-2-1 { aspect-ratio: 2/1; }.imgbox-16-9 { aspect-ratio: 16/9; }
.imgbox img { width: 100%; height: 100%; object-fit: cover; transition: all .3s ease-in-out; }
.object-fit-cover { object-fit: cover!important; }.object-fit-contain { object-fit: contain!important; }
.before_none::before { content: none!important; }
.textbox { width: 100%; display: flex; flex: 1; flex-direction: column; }
.container, .container1, .container2, .container3 { width: 100%; max-width: 1230px; margin: 0 auto; padding: 0 15px; }
.container1 { max-width: 1130px; }
.container2 { max-width: 930px; }
.container3 { max-width: 830px; }
.img_bg img, .multiply { mix-blend-mode: multiply; }
.overflow-visible { overflow: visible!important; }
.dropdown { z-index: 5; }

.etw-photo, .row-cols, ul.list { display: flex; flex-wrap: wrap; }
.etw-photo>*, .row-cols>*, ul.list>li { margin: 0; padding: 0; display: flex; }
.row-cols>*>a, .row-cols>*>ol, ul.list>li>* { width: 100%; display: flex; flex-wrap: wrap; transition: all .2s ease-in-out; }
.etw-photo>*, .etw-photo>*>figure, .etw-photo>*>figure>a { flex-direction: column; }
.etw-photo>*>figure>a{border-radius: 5px;}
.etw-photo span { float: 1; display: flex; justify-content: center; text-align: center; padding-top: .625rem; line-height: 1.2;}
.etw-photo.p-5, .row-cols.p-5, ul.list.p-5 { margin-left: -5px!important; margin-right: -5px!important; padding: 0!important; }
.etw-photo.p-5>*, .row-cols.p-5>*, ul.list.p-5>* { padding: 5px!important; }
.p-8 { margin-left: -8px!important; margin-right: -8px!important; }
.p-8>* { padding: 8px!important; }
.p-10 { margin-left: -10px!important; margin-right: -10px!important; }
.p-10>* { padding: 10px!important; }
.p-15 { margin-left: -15px!important; margin-right: -15px!important; }
.p-15>* { padding: 15px!important; }
.p-20 { margin-left: -20px!important; margin-right: -20px!important; }
.p-20>* { padding: 20px!important; }
@media (max-width: 767.98px) {
  .p-15, .p-20 { margin-left: -8px!important; margin-right: -8px!important; }
  .p-15>*, .p-20>* { padding: 8px!important; }
}
@media (max-width: 575.98px) {
  .p-10, .p-15, .p-20, .p-8 { margin-left: -5px!important; margin-right: -5px!important; }
  .p-10>*, .p-15>*, .p-20>*, .p-8>* { padding: 5px!important; }
  ul.list>li { -ms-flex: 0 0 100%!important; flex: 0 0 100%!important; max-width: 100%!important; }
}
@media (max-width: 425.98px) {

}
@media (max-width: 374.98px) {
  .row-cols>* { -ms-flex: 0 0 100%!important; flex: 0 0 100%!important; max-width: 100%!important; }
}
/* items */
ul.items { width: 100%; display: block; margin-bottom: 1rem; }
ul.items:last-child { margin: 0; }
ul.items li { display: block; position: relative; padding-left: 1rem; font-size: .875rem; line-height: 22px; margin-bottom: 5px; }
ul.items li:last-child { margin-bottom: 0; }
ul.items li::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background-color: var(--hover-color); position: absolute; left: 0; top: 9px; }
ul.items .row li { margin-bottom: 5px; }
ul.items .row>*:last-child>li:last-child { margin-bottom: 0; }
ul.items_nub { display: block; width: 100%; counter-reset: nub; }
ul.items_nub li { display: block; position: relative; line-height: 24px; font-size: .875rem; padding-left: 2rem; margin-bottom: .5rem; }
ul.items_nub li::before { counter-increment: nub; content: counter(nub) ""; width: 1.25rem; height: 1.25rem; font-size: .75rem; border: 1px solid var(--hover-color); border-radius: 50%; color: var(--hover-color); display: flex; align-items: center; justify-content: center; transform: initial; position: absolute; left: 0; top: 1px; }
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, .table-left thead { background-color: rgba(0, 0, 0, .05); }
.table thead td, .table-left thead td { color: #000; font-weight: 500; }
.table td, .table-left td { vertical-align: middle; color: #333; font-size: .8rem; line-height: 1.2; padding: .5rem; border: none; border-bottom: 1px solid rgba(0, 0, 0, .1); }
.table tbody tr:nth-of-type(odd){ background-color: var(--bg-white); }
.table tbody tr:nth-of-type(even){ background-color: var(--bg-light); }
.table tbody tr:hover, .table-left tbody tr:hover { background-color: var(--bg-light)!important; }
.table inquiry-trigger { color: var(--hover-color); font-weight: 500; }
.table-left { width: 100%;border-top: 1px solid rgba(0, 0, 0, .1);}
.table-left td{background-color: var(--bg-white);}
.table-left2 tr:has(td:nth-child(3):last-child) td:nth-child(2) {background-color: var(--bg-light);}
@media (max-width: 767.98px){
.table,.table-left{width: 800px;}
}
/* 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; }
.watch_btn2{cursor: pointer; display: flex;padding: .625rem 1.25rem; align-items: center; background-image:linear-gradient(to right, var(--bg-main), var(--hover-color));background-size: 100% 100%; color: #fff; font-size: .875rem; position: relative; overflow: hidden; z-index: 0; line-height: 1; transition: all .3s ease-in-out; border-radius: 30px; margin-left: 2rem;}
.watch_btn2::before{content: "\f21f"; font-size: 1.25rem; display: flex; align-items: center; justify-content: center; font-family: bootstrap-icons !important; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; line-height: 1; vertical-align: -.125em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right: .5rem;}
.watch_btn2::after{content: ""; position: absolute; inset: 2px; background-color: white; border-radius: 30px; opacity: 0; transition: all .3s ease-in-out; z-index: -1;}
.watch_btn2:hover{color: var(--hover-color);}
.watch_btn2:hover::after{opacity: 1;}

/* More */
.more { display: flex; }
.more>a { width: fit-content; display: flex; align-items: center; transition: all .4s; font-size: .75rem; padding-bottom: 5px; line-height: 1.1; color: #333; position: relative; z-index: 0; overflow: hidden; }
.more>a::after { content: ""; width: 100%; height: 1px; background-color: var(--accent-color); position: absolute; right: 0; bottom: 0; transition: all .3s ease-in-out; z-index: -1; }
.more>a>i { margin-left: .5rem; color: inherit; font-size: inherit; }
.more>a:hover { color: var(--accent-color); }
.more>a:hover::after { width: 0; left: 0; right: auto; }
.more-big>a { padding: .5rem 1rem; border: 1px solid var(--hover-color); }
.more-big>a::after { width: 0; height: 100%; }
.more-big>a:hover { color: var(--bg-white); }
.more-big>a:hover::after { width: 100%; }
/* Request a Quote */
.quote-btn { display: flex; }
.quote-btn>a { display: flex; align-items: center; padding: .75rem 1.25rem; background-image:linear-gradient(to right, var(--bg-main), var(--hover-color));background-size: 100% 100%; color: #fff; font-size: .875rem; line-height: 1; position: relative; overflow: hidden; z-index: 0; line-height: 1; transition: all .3s ease-in-out; border-radius: 30px;}
.quote-btn>a::after{content: ""; position: absolute; inset: 2px; background-color: white; opacity: 0; z-index: -1; border-radius: 30px; transition: all .3s ease-in-out;}
.quote-btn>a:hover {color: var(--hover-color);}
.quote-btn>a:hover::after{opacity: 1;}
/* public-End */
/* etw_language */
.etw_language { min-height: 25px; 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: #333; }
#etw_language { display: flex; height: auto; position: relative; z-index: 9; padding: 0; }
#etw_language>a { width: fit-content; padding: 0 .8rem; color: #999; display: flex; justify-content: center; align-items: center; height: 25px; 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(--hover-color); text-decoration: underline; background: initial; }
@media (max-width:991.98px) {
  .iconfont { width: 1.8rem!important; aspect-ratio: 1/1; background: url(../images/icons/earth-globe-tool.svg) no-repeat center center; background-size: contain; padding: 0!important; margin-right: 2.5rem; cursor: pointer; }
  .etw_language { padding-top: 0; position: relative; z-index: 14; }
  .etw_language::before { display: none; }
  .etw_language ul>li { position: relative; }
  .etw_language ul>li>ol { display: none; position: absolute; top: 100%; left: 25%; transform: translateX(-50%); width: 120px; z-index: 9; }
  #etw_language { background-color: #eee; flex-direction: column; }
  #etw_language>a { width: 100%; height: auto; padding: .7rem .5rem; margin: 0; color: #000; font-size: .95rem; line-height: 1; }
  #etw_language>a::after { display: none; }
  #etw_language>a:last-child { padding: .7rem .5rem; }
  #etw_language>a:hover { background-color: var(--bg-main); color: #fff; text-decoration: none; }
}
/* header */
#header { padding-top: 70px; }
.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: 15px 0; position: relative; z-index: 3; }
#etw_logo a { display: flex; align-items: center; }
#etw_logo a>img { display: block; width: auto; max-height: 40px; }
#etw_logo a>span { color: #000; font-size: .75rem; letter-spacing: .3pt; font-weight: 600; line-height: 18px; border-left: 1px solid var(--line-color); padding-left: 1rem; margin-left: 1rem; text-transform: uppercase; }

nav { display: flex; flex-wrap: wrap; flex: 1; padding-top: 5px; }
@media (min-width: 992px) {nav .navbar-collapse { display: flex!important; }}
#navbar { width: 100%; }
.navbar { width: 100%; flex: 1; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: flex-end; }
.navbar>li { padding: 0; display: flex; flex-wrap: wrap; margin-left: 3rem; }
.navbar>li>a { display: flex; align-items: center; color: #333; font-weight: 500; letter-spacing: .3pt; font-size: .875rem; min-height: 40px; position: relative; }
.navbar>li>a>span.pro_icon { display: none; }
.navbar>li>a::before { content: ""; width: 0; height: 2px; background-color: var(--hover-color); position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); transition: all .3s; }
.navbar>li>a.dropdown-toggle::after { content: none; }
.navbar>li.active>a, .navbar>li>a:hover { color: var(--hover-color); }
.navbar>li:hover>a::before { width: 100%; }
@media (min-width: 992px) {
  .navbar>li.order-lg-last>a { padding: 0 1rem; background-color: var(--accent-color); color: #fff; }
  .navbar>li.order-lg-last>a::before { content: none; }
  .navbar>li.order-lg-last>a>i { width: 1.25rem; aspect-ratio: 1/1; background-color: var(--bg-white); color: var(--accent-color); border-radius: 50%; align-items: center; justify-content: center; padding-left: 3px; margin-left: .5rem; }
  .navbar>li.order-lg-last>a:hover { background-color: var(--bg-main); }
  .navbar>li.order-lg-last>a:hover>i { color: var(--bg-main); }
}
.navbar .dropdown-menu.show { visibility: visible; pointer-events: all; opacity: 1; top: 100%; display: block; }
.dropdown-menu { left: 0; top: 150%; border: none; margin: 0; padding: 0; background-color: #fff; overflow: hidden; transition: all 0.3s ease 0s; visibility: hidden; pointer-events: none; opacity: 0; display: block; box-shadow: 0 10px 10px rgba(0,0,0,.15); border-radius: 0; }
.dropdown-menu>ul { width: 100%; margin: 0; display: flex; flex-direction: column; }
.dropdown-menu>ul>li { width: 100%; padding: 0; border-bottom: 1px dashed rgba(0, 0, 0, .05); display: flex; }
.dropdown-menu>ul>li:last-child { border-bottom: none; }
.dropdown-menu>ul>li>a { width: 100%; white-space: nowrap; padding: .3125rem .625rem; font-size: .875rem; }
.dropdown-menu>ul>li>a:hover { background-color: rgba(0, 0, 0, .05); }
.dropdown-menu>ul>li>a.active { color: var(--hover-color); }
@media (max-width: 1199.98px) {
  .navbar>li { margin-left: 2rem; }
}@media (max-width:991.98px) {
  #header { padding-top: 0; }
  .header { position: relative; }
  .header .container { display: flex; flex-wrap: wrap; align-items: center; }
  .navbar-toggler { width: 80%; height: 100%; padding: 0; background: url(../images/icons/menu_icon.svg) no-repeat center center; background-size: 100% 100%; }
  .navbtn { width: 40px; height: 36px; float: right; border: 1px solid #000; display: flex; align-items: center; justify-content: center; border-radius: 5px; }
  nav { width: 100%; flex: none; padding: 0;}
  .navbar { padding: 0; }
  .navbar>li { width: 100%; border-bottom: 1px solid rgba(0, 0, 0, .125); margin: 0; padding: 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.active>a, .navbar>li:hover>a { background-color: var(--bg-main); color: #fff; }
  .navbar>li.active>a span.pro_icon, .navbar>li>a:hover 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; }
}@media (max-width:575.98px) {
  #etw_logo a>img { max-height: 30px; }
  #etw_logo a>span { display: none; }
  .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: 1.25rem; }
}
/* Banner */
.etw-banner { width: 100%; height: 500px; overflow: hidden; }
.carousel-control-next, .carousel-control-prev { width: 5%; z-index: 9; }
.banner-picture, .banner-picture img, .banner-picture picture { width: 100%; height: 100%; position: absolute; inset: 0; }
.banner-picture img, .banner-picture picture { object-fit: cover; }
.carousel-caption { width: 100%; left: 0; top: 50%; bottom: auto; right: auto; transform: translateY(-50%); position: absolute; z-index: 5; transition: all .3s ease-in-out; }
.carousel-caption .container { display: flex; justify-content: flex-end; align-items: flex-end; text-align: right; }
.caption-box { width: 100%; max-width: 600px; display: flex; flex-direction: column; align-items: flex-end; }
.caption-title { font-size: clamp(1.625rem, 5vw, 3rem); font-weight: 400; }
.caption-desc { color: #333; font-size: 1rem; }
.caption-box .more-big>a { background-color: var(--bg-main); border-color: var(--bg-main); color: #fff; padding: 1rem 1.5rem; }
.caption-box .more-big>a:hover { border-color: var(--accent-color); }
@media (max-width: 1440.98px) {
  .etw-banner { height: 375px; }
}
@media (max-width: 1199.98px) {
  .etw-banner { height: 310px; }
}
@media (max-width: 991.98px) {
  .etw-banner { height: 300px; }
}
@media (max-width: 767.98px) {
  .etw-banner { height: 230px; }
  .caption-box{justify-content: center; max-width: 350px;}
  .caption-box .caption-title{margin-bottom: 0 !important;}
  .caption-box .more-big{display: none;}
}
@media (max-width: 575.98px) {
  .etw-banner { height: 200px; }
}
/* index */
.section, .section-item, section { width: 100%; padding: 3rem 0; display: block; position: relative; }
.section { padding: 2.5rem 0; }
.section-item { padding: 2rem 0; }

ul.home-pros-big { position: relative; overflow: hidden; }
ul.home-pros-big::after { content: ""; width: 100%; height: 2px; background-color: #e9eef2; }
ul.home-pros-big>li { display: flex; }
ul.home-pros-big>li>a { padding: 1.25rem 0; text-align: center; justify-content: center; border-bottom: 2px solid transparent; font-weight: 500; }
ul.home-pros-big>li>a:hover { border-bottom-color: var(--accent-color); color: var(--accent-color); }
.home-pros-title { display: flex; flex-wrap: wrap; justify-content: center; align-self: flex-start; margin: 2rem 0 .625rem 0; }
.home-pros-title .vicut-logo { width: 230px; padding: 10px; display: flex; align-items: flex-start; }
.home-pros-title .vicut-logo>img { width: 100%; height: auto; }
.home-pros-title .title-right { padding: 10px 10px 10px 30px; }
.home-pros-title .title-right>.title6 { color: var(--bg-main); }
ul.home-pros-list>li>.home-pros-card { width: 100%; min-height: 260px; display: flex; flex-wrap: wrap; align-items: stretch; background-color: var(--bg-white); box-shadow: 0 12px 28px rgba(0,0,0,.12); overflow: hidden; position: relative; transition: all .3s ease-in-out; }
ul.home-pros-list>li>.home-pros-card .imgbox { width: 48%; min-height: 260px; aspect-ratio: auto; background-color: #f7f7f7; border-radius: 0 0 4.5rem 0; padding: 1.25rem; }
ul.home-pros-list>li>.home-pros-card .imgbox>img { width: 92%; height: 92%; object-fit: contain; filter: drop-shadow(6px 8px 8px rgba(0,0,0,.16)); }
ul.home-pros-list>li>.home-pros-card .textbox { flex: 1; justify-content: center; padding: 1.75rem 1.5rem; }
ul.home-pros-list>li>.home-pros-card .title6 { margin: 0 0 .75rem 0; color: var(--bg-main); font-weight: 700; font-size: 1.18rem; line-height: 1.18; overflow-wrap: anywhere; }
ul.home-pros-list>li>.home-pros-card p { margin: 0; color: #111; font-size: .95rem; line-height: 1.45; }
ul.home-pros-list>li>.home-pros-card:hover { transform: translateY(-.35rem); box-shadow: 0 16px 32px rgba(0,0,0,.16); }
ul.home-pros-list>li>.home-pros-card .title6:hover { color: var(--accent-color); }
@media (max-width:1199.98px) {
  ul.home-pros-list>li>.home-pros-card { min-height: 240px; }
  ul.home-pros-list>li>.home-pros-card .imgbox { min-height: 240px; }
  ul.home-pros-list>li>.home-pros-card .title6 { font-size: 1.12rem; }
}
@media (max-width:767.98px) {
  ul.home-pros-list>li>.home-pros-card { min-height: auto; flex-direction: column; }
  ul.home-pros-list>li>.home-pros-card .imgbox { width: 100%; min-height: 220px; aspect-ratio: 4/3; border-radius: 0 0 3rem 0; }
  ul.home-pros-list>li>.home-pros-card .textbox { padding: 1.25rem; }
}
.home-apps { background-color: var(--bg-white); }
.home-apps .title2 { margin-bottom: .75rem; font-size: 1.65rem; text-transform: none; }
.home-apps .sub-title { display: block; max-width: 680px; margin: 0 auto 1.75rem auto; color: #4b5563; text-align: center; font-size: .95rem; line-height: 1.7; }
.home-apps ul.list>li>ol { flex-direction: column; background-color: var(--bg-white); overflow: hidden; box-shadow: 0 12px 28px rgba(0,0,0,.12); }
.home-apps ul.list>li>ol a.imgbox { aspect-ratio: 3/4; align-items: flex-end; justify-content: flex-start; position: relative; }
.home-apps ul.list>li>ol a.imgbox::before { content: ""; position: absolute; inset: 0; z-index: 2; background: linear-gradient(180deg, rgba(46,59,138,.18), rgba(46,59,138,.7)); transition: all .35s ease-in-out; }
.home-apps ul.list>li>ol a.imgbox>img { position: absolute; inset: 0; z-index: 1; transition: all .45s ease-in-out; }
.home-apps ul.list>li>ol a.imgbox .title6 { width: 100%; margin: 0; padding: 1.25rem; color: #fff; font-weight: 700; font-size: 1.05rem; line-height: 1.25; position: absolute; left: 0; bottom: 0; z-index: 3; text-shadow: 0 2px 8px rgba(0,0,0,.25); }
.home-apps ul.list>li>ol a.imgbox:hover::before { opacity: 0; }
.home-apps ul.list>li>ol a.imgbox:hover>img { transform: scale(1.05); }
.home-apps .more-big { justify-content: center; margin-top: 1.5rem; }
.home-apps .more-big>a { padding: .75rem 1.5rem; color: var(--bg-main); }
.home-apps .more-big>a::after { background-image: linear-gradient(to right, #0a2a88, #59cde9); }
.home-apps .more-big>a:hover { color: #fff; border-color: transparent; }

.home-about { background-image: url(../images/about-bg.webp); background-repeat: no-repeat; background-size: cover; overflow: hidden; }
.home-about::before { content: ""; position: absolute; inset: 0; background: linear-gradient(to right, #0a2a88, #59cde9); opacity: .7; }
.home-about .textbox { float: right; max-width: 600px; background-color: var(--bg-white); padding: 2.5rem;  box-shadow:-5px 5px 0 #2e3b8a;}
.home-about .textbox .more-big>a { background-image: linear-gradient(to right, #0a2a88, #59cde9); border: none; padding: .75rem 1.5rem; color: #fff; }
.home-about .textbox .more-big>a::after { background-image: linear-gradient(to left, #0a2a88, #59cde9); }
@media (max-width:1199.98px) {
  section { padding: 3rem 0; }
}@media (max-width:991.98px) {
  .section, section { padding: 2.5rem 0; }
}@media (max-width:767.98px) {
  .section,.section-item, section { padding: 2rem 0; }
  .home-pros-title .title-right{padding: 0;}
}@media (max-width:575.98px) {
  .section,.section-item, section { padding: 1.5rem 0; }
  ul.home-pros-big>li{border-top: 1px solid var(--line-color);}
  ul.home-pros-big>li>a{padding: .5rem 0;}

}@media (max-width:375.98px) {
  .section,.section-item, section { padding: 1.25rem 0; }
}
/* index-end */
.footer { padding: 2.5rem 0; position: relative; overflow: hidden;border-radius: 0 0 150px 0; box-shadow:5px 5px 0 #2e3b8a;}
.footer .container { position: relative; z-index: 2; }
.footer .col:nth-child(1) { -ms-flex: 0 0 22%; flex: 0 0 22%; max-width: 22%; }
.footer .col:nth-child(2) { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }
.footer .col:nth-child(4) { -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; }

.footer-logo { display: flex; margin-bottom: 1.25rem; }
.footer-logo a { display: flex; flex-direction: column; align-items: flex-start; }
.footer-logo a>img { display: block; width: auto; height: 40px; }
.footer-logo a>span { color: #000; font-size: .75rem; letter-spacing: .3pt; font-weight: 600; line-height: 18px; margin-top: .625rem; }
.footer_contact { width: 100%; display: flex; flex-direction: column; margin-bottom: 0; }
.footer_contact>li { width: 100%; color: #333; margin: 0 0 4px 0; font-size: .8rem; line-height: 24px; padding: 0; padding-left: 1.8rem; position: relative; }
.footer_contact>li a { color: #333; }
.footer_contact>li>i { color: var(--bg-main); font-size: 1rem; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.footer_contact>li a:hover { color: var(--hover-color); text-decoration: underline; }
.footer_contact>li:last-child { margin-bottom: 0; }

.footer .h3 { font-weight: 500; font-size: 1.2rem; color: #333; margin: 1rem 0 1.5rem 0; }
.footer .h3>a { font-size: inherit; color: inherit; }
.footer .h3>a:hover { color: var(--hover-color); }
.footer_list { display: flex; flex-direction: column; width: 100%; margin: 0; }
.footer_list li { display: block; margin-bottom: .625rem; padding: 0; }
.footer_list li:last-child { margin-bottom: 0; }
.footer_list li>a { display: block; color: #555; font-size: .8rem; line-height: 1.3; position: relative; transition: all .3s ease-in-out; }
.footer_list li>a.more, .footer_list li>a:hover { color: var(--hover-color); text-decoration: underline; }
.footer_list li>a.more:hover { color: var(--accent-color); text-decoration: none; }
/* #otherlink */
.footercop { width: 100%; overflow: hidden; position: relative; z-index: 2; padding: 1.5rem 0 0 0; margin-top: 1.5rem; border-top: 1px solid var(--line-color); }
#otherlink { clear: both; width: 100%; height: auto; font-size: 1rem; display: flex; justify-content: center; }
#otherlink a { color: #333; display: inline-block; padding: 4px 8px; margin: 4px; font-weight: 300; line-height: 1; border: 1px solid #333; font-size: .875rem; opacity: .5; }
#etw_coper a:hover, #etw_homefooters a:hover, #otherlink a:hover, .etw_homefoot a:hover { color: var(--hover-color); border-color: var(--hover-color); opacity: 1; }
#otherlink a:hover span { opacity: 1; top: -2px; transition: all 0.3s ease-in-out; }
#etw_coper { width: 100%; line-height: 22px; font-size: 1rem; display: flex; font-weight: 300; justify-content: center; }
#etw_coper a { color: #333; font-size: .9rem; }
/* #etw_top */
#etw_top { display: none!important; }
.theme-send-inquiry-box { background: var(--hover-color)!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::before { content: "\f32c"; display: inline-block; font-family: bootstrap-icons!important; font-style: normal; font-weight: normal!important; font-variant: normal; text-transform: none; line-height: 1; vertical-align: -.125em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.theme-box-i .glyphicon{margin: 0;}
@media (max-width:991.98px) {
.footer .col { -ms-flex: 0 0 50%!important; flex: 0 0 50%!important; max-width: 50%!important; }
}@media (max-width:767.98px) {
  .footer { padding: 2rem 0; }
  .footercop { padding: 1rem 0 0 0; margin-top: 1rem; }
}@media (max-width: 575.98px) {
  .footer { padding: 1.25rem 0 3rem 0; }
  .footer .col { -ms-flex: 0 0 100%!important; flex: 0 0 100%!important; max-width: 100%!important; }
  .footer .h3 { margin: 0 0 1rem 0; }
}
/* #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: .8rem;}
#quicknav ul li::after { content: "\F285"; color: inherit; font-size: inherit; margin: 0 2px; display: inline-block; font-family: bootstrap-icons!important; font-style: normal; font-weight: normal!important; font-variant: normal; text-transform: none; line-height: 1; vertical-align: -.125em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
#quicknav ul li:last-child::after { display: none; }
#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(--hover-color); }
#quicknav ul.quicknav li, #quicknav ul.quicknav li a { color: rgba(255,255,255,.8); }
#quicknav ul.quicknav li:last-child { color: var(--bg-white); opacity: 1; }
#quicknav ul.quicknav li a:hover { text-decoration: underline; color: var(--bg-white); opacity: 1; }
@media (max-width:767.98px) {#quicknav { display: none; }}
/* Products */
.pros-banner { height: 300px; clip-path: ellipse(105% 100% at 50% 0);}
.pros-banner .banner-picture::after { content: ""; width: 100%; height: 100%; position: absolute; inset: 0; background-image: linear-gradient(135deg, var(--bg-main), #0a2a88,var(--hover-color), #59cde9); opacity: .8; }
.pros-banner-hover { width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 2; }
.pros-banner-box { max-width: 620px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; text-align: center; }
.pros-banner-box .title1 { color: #fff; margin: 1rem 0 1.25rem 0; }
.pros-banner-box p { color: rgba(255,255,255,.7); }

.pros-main { width: 100%; display: flex; flex-wrap: wrap; }
.pros_menu { width: 100%; display: flex; position: sticky; left: 0; top: 70px; z-index: 9; background-color: #fff; }
.pros_menu::after { content: ""; width: 100%; height: 2px; background-color: var(--line-color); position: absolute; left: 0; bottom: 0; }
.pros_menu ul { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-evenly; position: relative; z-index: 2; }
.pros_menu ul>li { width: fit-content; display: flex; }
.pros_menu ul>li>a { width: 100%; display: flex; align-items: center; justify-content: center; text-align: center; font-size: .875rem; color: #000; padding: 20px 10px; font-weight: 500; position: relative; overflow: hidden; transition: all .3s ease-in-out; }
.pros_menu ul>li>a::after { content: ""; width: 0; height: 2px; background-color: var(--hover-color); position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); transition: inherit; }
.pros_menu ul>li.dq>a, .pros_menu ul>li>a:hover { color: var(--hover-color); }
.pros_menu ul>li.dq>a::after, .pros_menu ul>li>a:hover::after { width: 100%; }
.tabfixed { top: 70px; }
.tabfixed ul>li>a { padding: 10px; }

.clp-btn {clip-path: ellipse(105% 100% at 50% 0%);}
.pro_model { position: relative; z-index: 0; overflow: hidden; }
.pro_model .title2{font-weight: 300; text-align: center;}
.pro_model ul.list{padding: 1px 0 0 .0625rem; margin-top: 2rem; margin-bottom: 1.5rem;}
.pro_model ul.list>li{margin: -1px 0 0 -1px;}
.pro_model ul.list>li>a {flex-direction: column; position: relative; transition: all .3s ease-in-out; z-index: 2; mix-blend-mode: multiply;}
.pro_model ul.list>li>a .imgbox {mix-blend-mode: multiply; padding: .625rem; background-color: white;}
.pro_model ul.list>li>a .imgbox>img{object-fit: contain;}
.pro_model ul.list>li>a .title6 { flex: 1; padding-top: 1rem; display: flex; align-items: center; justify-content: center; text-align: center; font-weight: 500; margin: 0; font-size: .875rem;}
.pro_model ul.list>li>a:hover {background-color: white; transform: translateY(-1rem);}
.pro_model ul.list>li>a:hover .imgbox { border-color: var(--accent-color); }
.pro_model ul.list>li>a:hover .title6 { color: var(--hover-color); }
.pro_model .more-big { justify-content: center; margin-top: 1.25rem; }
.pro_model .more-big>a {flex-direction: row-reverse; background-image: linear-gradient(to right, #0a2a88, #59cde9); border: none; padding: .75rem 1.5rem; color: #fff; }
.pro_model .more-big>a::before{content: "\f054"; width: 1rem; aspect-ratio: 1/1; font-family:FontAwesome; font-weight:normal; font-style:normal; text-decoration:inherit; -webkit-font-smoothing:antialiased; margin-left: .25rem; line-height: 1; padding-top: 1px; font-size: .75rem; display: flex; align-items: center; justify-content: center;}
.pro_model .more-big>a::after { background-image: linear-gradient(to left, #0a2a88, #59cde9); }
.pro_model4 ul.list>li>a .imgbox { aspect-ratio: 16/9; }

.pros-apps { background-color: #eff6fc; }
.pros-apps .title1 { margin-bottom: .5rem; }
.pros-apps .sub-title { display: flex; justify-content: center; text-align: center; font-size: 1rem; margin-bottom: 1rem; }
.pros-apps ul.list>li>ol { flex-direction: column; }
.pros-apps ul.list>li>ol a.imgbox { aspect-ratio: 120/77; box-shadow: 4px 6px 15px 0 rgb(0 0 0 / .2); }
.pros-apps ul.list>li>ol .textbox { flex-direction: column; justify-content: center; padding: 1.25rem; padding-bottom: 0; }
.pros-apps ul.list>li>ol .textbox a.title6 { flex: 1; background-color: var(--bg-white); font-weight: 500; line-height: 1.3; font-size: 1rem; margin: 0; padding: 1rem; text-align: center; box-shadow: 4px 5px 11px 1px rgb(0 0 0 / .2); font-size: .875rem;}
.pros-apps ul.list>li>ol .textbox a.title6:hover { color: var(--hover-color); transform: scale(1.05); }

.brief{clip-path: ellipse(105% 100% at 50% 0%);}
.brief .container3 { position: relative; padding: 0; }
.brief .textbox {flex-direction: column; align-items: center; text-align: center; padding: 1.25rem; position: relative; z-index: 2;}
.brief .textbox .title2 { font-weight: 600;  font-size: var(--fs-h5);}
.brief-cat-btn { width: 150px; border-radius: 30px; display: flex; justify-content: center; }
.brief-cat-btn>a { width: 100%; background-color: var(--bg-main); line-height: 34px; text-align: center; border-radius: 30px; text-transform: uppercase; font-weight: 600; position: relative; z-index: 2; color: white;}
.brief-cat-btn>a:hover {background-color: var(--hover-color);}
@media (max-width: 1199.98px) {
.pros-banner{height: 200px;}
}@media (max-width: 991.98px) {
.pros-banner-box .title1{margin-bottom: 0;}
.pros-banner-box p{display: none;}
}@media (max-width: 767.98px) {
.pros-banner{height: 160px;}
.pros-banner-box .title1{margin: 0;}
}
/* Hub */
.hub-banner { height: 150px; clip-path: ellipse(105% 100% at 50% 0%);}
.hub-banner .banner-picture::after { content: ""; width: 100%; height: 100%; position: absolute; inset: 0; background-image: linear-gradient(135deg, var(--bg-main), #0a2a88,var(--hover-color), #59cde9); opacity: .8;}
.hub-banner-hover { width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 2; }
.hub-banner-hover .title1{color: white; text-align: center; margin: .5rem 0 0 0;}

ul.hub-list{padding: 1px 0 0 1px;}
ul.hub-list>li{border: 1px solid var(--line-color); margin: -1px 0 0 -1px;}
ul.hub-list>li>ol {flex-direction: column; padding: 1.25rem;}
ul.hub-list>li>ol a.imgbox { filter: drop-shadow(10px 10px 10px rgba(0,0,0,.2)); transition: all .3s ease-in-out; }
ul.hub-list>li>ol a.imgbox>img { object-fit: contain; }
ul.hub-list>li>ol .textbox {padding-top: 1.25rem; overflow: hidden; align-items: center; justify-content: space-between; transition: all .3s ease-in-out; }
ul.hub-list>li>ol .textbox a.title6 {display: flex; flex-direction: column-reverse; font-size: .95rem; font-weight: 600; text-align: center; }
ul.hub-list>li>ol .textbox a.title6>span{color: var(--hover-color); font-weight: 500; font-size: .875rem; display: block; margin-bottom: .5rem;}
ul.hub-list>li>ol .textbox>ul.items>li { margin: 0; color: #333; font-size: .75rem; }
ul.hub-list>li>ol .textbox>ul.items>li::before{background-color: #e0e0e0;}
ul.hub-list>li>ol .textbox>.more>a{flex-direction: row-reverse; padding: 0;}
ul.hub-list>li>ol .textbox>.more>a::before{content: "\f054"; font-family:FontAwesome; font-weight:normal; font-style:normal; text-decoration:inherit; -webkit-font-smoothing:antialiased; margin-left: .25rem; line-height: 1; padding-top: 1px; font-size: .75rem; display: flex; align-items: center; justify-content: center;}
ul.hub-list>li>ol .textbox>.more>a::after {content: none;}
ul.hub-list>li>ol .textbox>.more>a:hover { color: var(--hover-color); }
ul.hub-list>li>ol:hover a.imgbox { transform: translateY(-.5rem); }
ul.hub-list>li>ol:hover .textbox { border-color: var(--hover-color); }

ul.hub-list2{padding: 1px 0 0 1px;}
ul.hub-list2>li{border: 1px solid var(--line-color); margin: -1px 0 0 -1px;}
ul.hub-list2>li>ol {padding: 1.25rem;}
ul.hub-list2>li>ol a.imgbox {width: 40%; filter: drop-shadow(10px 10px 10px rgba(0,0,0,.2)); transition: all .3s ease-in-out; }
ul.hub-list2>li>ol a.imgbox>img { object-fit: contain; }
ul.hub-list2>li>ol .textbox {padding-left: 2rem; overflow: hidden; flex-direction: column; justify-content: center; transition: all .3s ease-in-out; }
ul.hub-list2>li>ol .textbox a.title6 {display: flex; flex-direction: column-reverse; font-size: .95rem; font-weight: 600;}
ul.hub-list2>li>ol .textbox a.title6>span{color: var(--hover-color); font-weight: 500; font-size: .875rem; display: block; margin-bottom: .5rem;}
ul.hub-list2>li>ol .textbox>ul.items>li { margin: 0; color: #333; font-size: .75rem; }
ul.hub-list2>li>ol .textbox>ul.items>li::before{background-color: #e0e0e0;}
ul.hub-list2>li>ol .textbox>.more>a{flex-direction: row-reverse; padding: 0;}
ul.hub-list2>li>ol .textbox>.more>a::before{content: "\f054"; font-family:FontAwesome; font-weight:normal; font-style:normal; text-decoration:inherit; -webkit-font-smoothing:antialiased; margin-left: .25rem; line-height: 1; padding-top: 1px; font-size: .75rem; display: flex; align-items: center; justify-content: center;}
ul.hub-list2>li>ol .textbox>.more>a::after {content: none;}
ul.hub-list2>li>ol .textbox>.more>a:hover { color: var(--hover-color); }
ul.hub-list2>li:hover{border-color: var(--hover-color); position: relative; z-index: 2;}
ul.hub-list2>li>ol:hover a.imgbox { transform: translateY(-.5rem); }
ul.hub-list2>li>ol:hover .textbox { border-color: var(--hover-color); }

ul.hub-list3>li>ol a.imgbox{aspect-ratio: 16/9;}
ul.hub-list4>li>ol{box-shadow: 0 0 10px rgba(0, 0, 0, .125); border-radius: .5rem; overflow: hidden; padding: 1.5rem; background-color: white;}
ul.hub-list4>li>ol a.imgbox{width: 40%; aspect-ratio: 16/9; background-color: #f5f8fc; border-radius: .5rem; overflow: hidden;}
ul.hub-list4>li>ol a.imgbox>img{object-fit: contain; mix-blend-mode: multiply;}
ul.hub-list4>li>ol .textbox{ flex-direction: column; justify-content: center; padding-left: 2rem;}
ul.hub-list4>li>ol .textbox a.title6{font-weight: 600;}
ul.hub-list4>li>ol .textbox>p{color: #777; font-size: .875rem;}
ul.hub-list4>li>ol .textbox ul.items{display: flex; flex-wrap: wrap;}
ul.hub-list4>li>ol .textbox>ul.items>li::before{background-color: #e0e0e0;}

.hub-apps ul.list>li>ol { border-radius: 1rem; overflow: hidden; box-shadow: 0 10px 10px rgba(0, 0, 0, .05);}
.hub-apps ul.list>li>ol a.imgbox{aspect-ratio: 2/1;}
.hub-apps ul.list>li>ol .textbox { padding: 0; }
.hub-apps ul.list>li>ol .textbox a.title6 { padding: 1rem; display: flex; align-items: center; justify-content: center; text-align: center; box-shadow: 4px 5px 11px 1px rgb(0 0 0 / .2); position: relative; background-color: white !important;}
.hub-apps ul.list>li>ol .textbox a.title6:hover { color: var(--hover-color); transform: scale(1); }
@media (max-width: 767.98px) {
ul.hub-list4>li>ol{padding: 1rem;}
ul.hub-list4>li>ol .textbox{padding-left: 1.5rem;}
ul.hub-list4>li>ol .textbox>p{display: none;}
ul.hub-list4>li>ol .textbox>.row-cols-2>*{-ms-flex: 0 0 100% !important; flex: 0 0 100% !important; max-width: 100% !important;}
}@media (max-width: 575.98px) {
ul.hub-list2>li>olul.hub-list4>li>ol{padding: 1rem; flex-direction: column;}
ul.hub-list2>li>ol a.imgbox,ul.hub-list4>li>ol a.imgbox {width: 100%;}
ul.hub-list2>li>ol .textbox,ul.hub-list4>li>ol .textbox {padding: 1rem 0 0 0;}
}
/* Details */
.details-banner {height: 160px; clip-path: ellipse(105% 100% at 50% 0%);}
.details-banner .banner-picture::after { content: ""; width: 100%; height: 100%; position: absolute; inset: 0; background-image: linear-gradient(135deg, var(--bg-main), #0a2a88,var(--hover-color), #59cde9); opacity: .6;}
.details-banner-hover { width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 2; }
.details-banner-hover .title1 {background: rgba(255, 255, 255, .2); width: fit-content; padding: .95rem 1.5rem; color: white; font-weight: 300; border-left: 5px solid var(--accent-color);}

.details-banner4{background-image: linear-gradient(to right,#0a2a88, #59cde9);}

.etw-hometitle { display: flex; flex-direction: column; font-weight: 600; margin-bottom: 1rem; }
.etw-hometitle>span { font-size: 1.125rem; color: var(--hover-color); font-weight: 500; }
.title-bottom-heng, .title-top-heng { display: flex; flex-direction: column; }
.title-bottom-heng::after { content: ""; width: 120px; height: 3px; background-image: linear-gradient(to right,#0a2a88, #59cde9); display: flex; margin-top: .625rem; }
.title-top-heng::before { content: ""; width: 120px; height: 3px; background-image: linear-gradient(to right,#0a2a88, #59cde9); display: flex; margin-bottom: .625rem; }
.title-left-heng{display: flex; align-items: center; position: relative; overflow: hidden; padding-left: 1rem; line-height:1;}
.title-left-heng::before {content: ""; width: 5px; height: 100%; background-image: linear-gradient(to bottom,#0a2a88, #59cde9); display: flex; margin-right: .625rem; position: absolute; left: 0; top: 0;}

.first-section{background-image: linear-gradient(#fff,#f5f8fc); overflow: hidden;clip-path: ellipse(150% 100% at 50% 0);}
.right-figure{padding: 1rem; border-radius: .5rem; box-shadow: 0 15px 15px rgba(0, 0, 0, .1);}
.right-figure>a{border-radius: .5rem;}
.left_pics{width: 100%; display: flex; flex-direction: column;}
.left_pic{width: 100%; flex-direction: column; display: flex; position: relative; overflow: hidden;}
.left_pic img{mix-blend-mode: multiply;}
.item_mod{width: 100%; display: flex; justify-content: center; text-align: center; color: #333; font-weight: 500; padding-top: .625rem;}
.related_pic{width: 100%; margin-top: 1rem;}
.related_pic ul{width: calc(100% + 10px); margin: 0 -5px; display: flex; flex-wrap: wrap; justify-content: center;}
.related_pic ul>li{width: 20%; padding: 0 5px; display: flex; align-items: center; justify-content: center;}
.related_pic ul>li a{border: 1px solid #ccc;}
.related_pic ul>li.imgdq a{border-color: var(--hover-color);}
.related_pic .video_btn::before{--w:40px;}
.item_txt{display: none;}

.left_pics2{flex-direction: row-reverse; justify-content: space-between;}
.left_pics2 .left_pic{width: calc(100% - 100px);}
.left_pics2 .related_pic{width: 90px; margin: 0;}
.left_pics2 .related_pic ul{width: 100%; margin: -5px 0; flex-direction: column;}
.left_pics2 .related_pic ul>li{width: 100%; padding: 5px 0;}

.appbg,.bg02{background-color: #f5f8fc !important;}
.appbg .no-gutters{border-radius: 1rem; overflow: hidden; margin-top: 1.5rem;}
.appbg ul.items>li{margin-bottom: 1rem;}
.appbg ul.items>li:last-child{margin-bottom: 0;}
.appbg ul.row-cols>li>figure>a{border-radius: .5rem; box-shadow: 0 10px 10px rgba(0, 0, 0, .1);}

.key-items{display: flex; flex-wrap: wrap;}
.key-items>li{width: calc(100% / 3);}
.key-items>li>ol{border-bottom: 1px solid var(--line-color); overflow: hidden; padding-bottom: 1.25rem; flex-direction: column;}
.key-items>li>ol>strong{font-size: 1rem; line-height: 1.1; font-weight: 600; margin-bottom: .5rem;}
.key-items>li>ol>p{font-size: .8rem; line-height: 1.5;}
.key-items2>li{width: calc(100% / 2);}

ul.details-des>li>ol{border-radius: .5rem; overflow: hidden; padding: 1rem; background-color: white;}
ul.details-des>li>ol>figure{width: 40%;}
ul.details-des>li>ol>figure>a { border-radius: .5rem;}
ul.details-des>li>ol>figure>a>img { width: 100%; height: 100%; object-fit: cover; }
ul.details-des>li>ol>.textbox { flex-direction: column; justify-content: center; padding-left: 1.25rem; }
ul.details-des>li>ol>.textbox .title6 { font-weight: 600; font-size: .9rem; margin-bottom: .5rem;}
ul.details-des>li>ol>.textbox .title6:last-child { margin-bottom: 0; }
ul.details-des>li>ol>.textbox>p { font-size: .8rem; line-height: 1.5; }
.details-des-btn{display: flex; justify-content: center; margin-top: 1rem;}
.details-des-btn>span{padding: .5rem 1rem; border-radius: 4px; overflow: hidden; cursor: pointer; border:1px solid var(--bg-main); color: var(--bg-main); line-height: 1; transition: all .3s ease-in-out;}
.details-des-btn>span:hover{background-color: var(--hover-color); border-color: var(--hover-color); color:white;}
ul.details-des1>li>ol{padding: 0; border-radius: 0;}
ul.details-des1>li>ol>figure{width: 30%;}
ul.details-des2>li>ol{flex-direction: column; border-radius: .5rem; overflow: hidden; padding: 1rem; background-color: white;}
ul.details-des2>li>ol>figure>a {border-radius: .5rem;}
ul.details-des2>li>ol>figure>a>img { width: 100%; height: 100%; object-fit: cover; }
ul.details-des2>li>ol>.textbox { flex-direction: column; padding-top: 1.25rem; }
ul.details-des2>li>ol>.textbox .title6 { font-weight: 600; font-size: .9rem; margin-bottom: .5rem;}
ul.details-des2>li>ol>.textbox .title6:last-child { margin-bottom: 0; }
ul.details-des2>li>ol>.textbox>p { font-size: .8rem; line-height: 1.5; }
ul.details-des4>li>ol{flex-direction: column; border-radius: .5rem; overflow: hidden; background-color: white; box-shadow: 0 0 5px rgba(0, 0, 0, .1);}
ul.details-des4>li>ol>figure>a>img { width: 100%; height: 100%; object-fit: cover; }
ul.details-des4>li>ol>.textbox { flex-direction: column; padding: 1rem .5rem; }
ul.details-des4>li>ol>.textbox .title6 { margin: 0; font-weight: 500; font-size: .9rem; text-align: center;}

ul.main-features li>ol{flex-direction: column; align-items: center; text-align: center; border-radius: .5rem; overflow: hidden; padding: 1rem; background-color: white;}
ul.main-features li>ol .iconbox{width: 50px; overflow: hidden; display: flex; align-items: center; justify-content: center;}
ul.main-features li>ol .textbox{flex: 1; padding-top: 1rem;}
ul.main-features li>ol .textbox .title6 { font-weight: 600; font-size: 1rem; margin-bottom: .5rem;}
ul.main-features li>ol .textbox .title6:last-child { margin-bottom: 0; }
ul.main-features li>ol .textbox>p { font-size: .85rem; line-height: 1.5; }

.table-btn{display: flex; justify-content: center; position: relative; z-index: 2; margin-top: -10px;}
.table-btn>span{width: 1.5rem; aspect-ratio: 1/1; border-radius: 50%; background-color: var(--bg-main); display: flex; align-items: center; justify-content: center; text-align: center; line-height: 1.5rem; color: #fff; cursor: pointer;}
.table-btn>span>i{font-size: .875rem; line-height: 1.5rem; display: flex; align-items: center; justify-content: center;}

.bg01{background-image: linear-gradient(#fff, #f5f8fc);}
.details-biref .container1{max-width: 1100px; padding: 2rem; border-radius: 1rem; border: 1px solid var(--line-color); position: relative; z-index: 0;}
.details-biref .container1::before{content: ""; position: absolute; inset: 0; background-image: linear-gradient(to right,#0a2a88, #59cde9); border-radius: 1rem; z-index: -2;}
.details-biref .container1::after{content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 3px; background-color: white; border-radius: 1rem; z-index: -1;}
.details-biref p{color: #666; font-size: .875rem; line-height: 1.6;}

.related-pros ul.list>li>a { flex-direction: column; border-radius: .5rem; overflow: hidden; padding: 1rem; position: relative; transition: all .3s ease-in-out; background-color: var(--bg-white); box-shadow: 0 0 10px rgba(0, 0, 0, .05);}
.related-pros ul.list>li>a .imgbox {padding: .625rem; border-radius: .5rem;}
.related-pros ul.list>li>a .imgbox>img{object-fit: contain; mix-blend-mode: multiply;}
.related-pros ul.list>li>a .title6 { flex: 1; display: flex; flex-direction: column-reverse; justify-content: flex-end; padding-top: 1rem; font-size: .875rem; font-weight: 500; margin: 0; text-align: center; }
.related-pros ul.list>li>a .title6>span{ font-size: .875rem; color: var(--hover-color); margin-bottom: 5px;}
.related-pros ul.list>li>a:hover { transform: translateY(-.5rem); border-color: var(--hover-color); }
.related-pros ul.list>li>a:hover .title6,.related-pros ul.list>li>a:hover .title6>span { color: var(--hover-color); }

.details-inquire .container1 { max-width: 1100px; padding: 20px; background-image: linear-gradient(to right,#0a2a88, #59cde9); overflow: hidden;  clip-path: ellipse(105% 100% at 50% 0%);}
.details-inquire .title5 { color: #fff; font-weight: 500; margin-bottom: 1.5rem; }
.details-inquire p { color: rgba(255,255,255,.8); font-size: .95rem; line-height: 1.4; }
.details-inquire .feedback { background-color: #fff; padding: 1.25rem; border-radius: .4rem; min-height: 346px; clip-path: ellipse(150% 100% at 30% 0%);}

.other-pros ul.list>li>a { flex-direction: column; position: relative; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius: .5rem; overflow: hidden;}
.other-pros ul.list>li>a .imgbox { aspect-ratio: 16/9; background-color: var(--bg-WhiteSmoke); }
.other-pros ul.list>li>a .imgbox>img { mix-blend-mode: multiply; }
.other-pros ul.list>li>a .title6 { flex: 1; margin: 0; display: flex; text-align: center; padding: 1rem .5rem; justify-content: center; font-size: .95rem; font-weight: 600; background-color: white;}
.other-pros ul.list>li>a:hover { transform: translateY(-.5rem); box-shadow: 0 15px 15px -10px rgba(0, 0, 0, .2); }
.other-pros ul.list>li>a:hover .title6 { color: var(--hover-color); font-weight: 500; }

.cutting ul.list,.roll-label ul.list,.sheet-label ul.list{counter-reset: nub;}
.cutting ul.list li>ol,.roll-label ul.list li>ol{flex-direction: column; position: relative; padding: 1rem; box-shadow: 0 0 10px rgba(0, 0, 0, .125); border-radius: .5rem;}
.cutting ul.list li>ol::before,.roll-label ul.list li>ol::before,.sheet-label ul.list>li>ol::before { counter-increment: nub; content: counter(nub) ""; width: 1.5rem; height: 1.5rem; font-size: .875rem; border: 1px solid var(--hover-color); border-radius: 50%; color: var(--hover-color); display: flex; align-items: center; justify-content: center; transform: initial; position: absolute; left: -12px; top: -12px; background-color: white;}
.cutting ul.list li>ol .imgbox,.roll-label ul.list li>ol .imgbox{background-color: #f5f8fc; border-radius: .5rem;}
.cutting ul.list li>ol .imgbox>img,.roll-label ul.list li>ol .imgbox>img{mix-blend-mode: multiply;}
.cutting ul.list li>ol .textbox{flex: 1; flex-direction: column; padding-top: 1rem;}
.cutting ul.list li>ol .textbox>.title6{font-size: .95rem; font-weight: 600; margin-bottom: .5rem; line-height: 1.2;}
.cutting ul.list li>ol .textbox>p{font-size: .85rem; line-height: 1.5rem;}
.roll-label ul.list li>ol .textbox{flex: 1; flex-direction: column; padding-top: 1rem; position: relative;}
.roll-label ul.list li>ol .textbox>span{display: flex; line-height: 30px; padding: 0 10px; position: absolute; left: 0; top: -30px; z-index: 2; background-color: var(--bg-main); border-radius: 0 .5rem; color: white;}
.roll-label ul.list li>ol .textbox>p{font-size: .85rem; line-height: 1.2rem; font-weight: 500;}

.sheet-label ul.list>li>ol{flex-direction: column; background-color: white; box-shadow: 0 0 10px rgba(0, 0, 0, .125); border-radius: 0.5rem; position: relative; padding: 1rem;}
.sheet-label ul.list>li>ol .title6{font-weight: 500; margin-bottom: 1rem;}
.sheet-label ul.list>li>ol ul.etw-photo>li>ol{flex-direction: column;}
.sheet-label ul.list>li>ol ul.etw-photo>li>ol .imgbox{border-radius: .5rem; background-color: #f5f8fc;}
.sheet-label ul.list>li>ol ul.etw-photo>li>ol .imgbox>img{mix-blend-mode: multiply;}
.sheet-label ul.list>li>ol ul.etw-photo>li>ol .textbox{flex: 1; padding-top: 1rem; text-align: center; font-weight: 500;}
.film ul.list li>ol .textbox>.title6{font-size: .875rem; font-weight: 500;}
.film ul.list li>ol .textbox>p{font-size: .8rem; line-height: 1.2rem;}

ul.etw-photo-white>li>figure{background-color: white; border-radius: .5rem; overflow: hidden; padding: .625rem;}
ul.etw-photo-white>li>figure>a{border-radius: .5rem;}

ul.applicable-list>li>ol{flex-direction: column; border-radius: .5rem; overflow: hidden; box-shadow: 0 0 10px rgba(0, 0, 0, .125);}
ul.applicable-list>li>ol .imgbox{aspect-ratio: 16/9;}
ul.applicable-list>li>ol .textbox{flex: 1; flex-direction: column; padding: 1rem;}
ul.applicable-list>li>ol .textbox .title6{font-weight: 500; line-height: 1.2; margin-bottom: .5rem;}
ul.applicable-list>li>ol .textbox>p{font-size: .85rem; line-height: 1.5;}

.samples-list ul.etw-photo li>figure{border-radius: .5rem; overflow: hidden;}
.samples-list ul.etw-photo li>figure>a.imgbox{background-color: #f5f8fc; aspect-ratio: 33/13;}
.samples-list ul.etw-photo li>figure>a.imgbox>img{mix-blend-mode: multiply;}

.versatile ul.list>li>ol{flex-direction: column; background-color: white; border-radius: .5rem; overflow: hidden; padding: 1rem;}
.versatile ul.list>li>ol .imgbox{aspect-ratio: 1/1; border-radius: 50%;}
.versatile ul.list>li>ol .textbox{align-items: center; justify-content: center; text-align: center; padding-top: 1rem; line-height: 1.2; font-weight: 500;}

.printer .title4{margin-bottom: 0.5rem;}
.printer small{font-size: 1rem; color: #000;}
.printer ul.list>li>ol{flex-direction: column; align-items: center;}
.printer ul.list>li>ol>.icon{width: 60px; overflow: hidden; display: flex; align-items: center; justify-content: center;}
.printer ul.list>li>ol>.icon>img{width: 100%; position: relative; transform: translateX(-100%); filter: drop-shadow(60px 0 #333);}
.printer ul.list>li>ol>.textbox{flex: 1; display: block; padding-top: 1rem; text-align: center; line-height: 1.5; font-size: .95rem; font-weight: 500; color: #666;}
.printer-bottom{display: flex; align-items: center; justify-content: center; text-align: center; color: #555; font-weight: 500;}

@media (max-width: 1199.98px) {
.details-biref .container1{max-width: calc(100% - 40px);}
}@media (max-width: 991.98px) {
.first-section{clip-path:initial}
.left_pics{margin-bottom: 1.5rem;}
ul.details-des>li{-ms-flex: 0 0 100% !important; flex: 0 0 100% !important; max-width: 100% !important;}
}@media (max-width: 767.98px) {
.details-biref .container1{padding: 1.25rem;}
.details-inquire .container1{clip-path:initial}
}@media (max-width: 575.98px) {
ul.details-des>li>ol{flex-direction: column;}
ul.details-des>li>ol>figure{width: 100%;}
ul.details-des>li>ol>.textbox{padding: 1rem 0 0 0;}
}
/* Products_End */
/* Solutins */
.solutions-banner { width: calc(100% - 40px); overflow: hidden; border-radius: .5rem; height: 300px; margin: 0 auto; }
.solutions-banner::after, .solutions-banner::before { content: ""; width: 320px; height: 66px; position: absolute; left: 0; bottom: 0; background-image: url(../images/solutions-left.svg); background-position: center; background-repeat: no-repeat; background-size: contain; z-index: 2; }
.solutions-banner::after { left: auto; right: 0; transform: scaleX(-1); }
.solutions-banner .banner-picture::after { content: ""; position: absolute; inset: 0; background-color: rgba(0, 0, 0, .3); }
.solutions-banner-hover { width: 100%; max-width: 800px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 3; display: flex; flex-direction: column; align-items: center; text-align: center; background-color: rgba(0, 0, 0, .5); border-radius: 1rem; padding: 2.5rem; }
.solutions-banner-hover>small { width: fit-content; background-color: #fff; text-transform: uppercase; line-height: 1; padding: .25rem .5rem; border-radius: 30px; position: absolute; left: 50%; top: 0; transform: translate(-50%,-50%); }
.solutions-banner-hover>.title1 { color: #fff; }
.solutions-banner-hover>.title1:last-child { margin: 0; }

.solutions-textbox{padding-left:2.5rem;position: relative; overflow: hidden; font-size: .875rem; line-height: 1.6;}
.solutions-textbox::before{content: ""; width: 6px; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; background-image: linear-gradient(to bottom,#0a2a88, #59cde9);}

.solutions-title { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; }
.solutions-title .title4 { font-size: 1.25rem; font-weight: 600; margin: 0; }
.solutions-title .more-big>a { border-radius: 30px; }
.solutions-title .more-big>a::after { background-color: var(--hover-color); }

.solutions-list { position: relative; overflow: hidden; }
.solutions-list::before { content: ""; position: absolute; inset: 0; border: 1px solid var(--line-color); border-radius: .5rem; }
.solutions-list ul.list { position: relative; z-index: 2; }
.solutions-list ul.list>li>a { flex-direction: column; padding: .625rem; border: 1px solid transparent; }
.solutions-list ul.list>li>a .title6 { flex: 1; display: flex; align-items: center; justify-content: center; text-align: center; font-size: .875rem; font-weight: 500; margin: 0; padding: 1.25rem 0 .625rem 0; }
.solutions-list ul.list>li:first-child>a { border-radius: .5rem 0 0 .5rem; }
.solutions-list ul.list>li:last-child>a { border-radius: 0 .5rem .5rem 0; }
.solutions-list ul.list>li>a:hover { border-color: var(--hover-color); }
.solutions-list ul.list>li>a:hover .title6 { color: var(--hover-color); }

.solutions-hub-list ul.list>li>a{border-radius: 1rem; overflow: hidden; background-image: url(../images/bg05.webp); background-repeat: no-repeat; background-position: center center; background-size: cover; box-shadow: 0 0 10px rgba(0, 0, 0, .125); padding: 1rem; flex-direction: row-reverse;}
.solutions-hub-list ul.list>li>a .imgbox{width: 50%; aspect-ratio: 4/3; overflow: visible; filter: drop-shadow(-2px -2px 0 #fff) drop-shadow(-2px 2px 0 #fff) drop-shadow(2px 2px 0 #fff);}
.solutions-hub-list ul.list>li>a .imgbox>img{object-fit: contain;}
.solutions-hub-list ul.list>li>a .textbox{ padding-right: 1rem; flex-direction: column; justify-content: space-between;}
.solutions-hub-list ul.list>li>a .textbox>small{color: white; text-transform: uppercase; font-weight: 400; display: flex; line-height: 1.2; margin-bottom: 1rem;}
.solutions-hub-list ul.list>li>a .title6{color: white; margin-bottom: 0; width: 115%; font-size: 1rem; line-height: 1.3; font-weight: 600;}

.other-solutions{padding-top: 0;}
.other-solutions ul.list>li>a{ align-items: center;border-right: 1px solid var(--line-color);}
.other-solutions ul.list>li:last-child>a{border-right: none;}
.other-solutions ul.list>li>a .icon{width: 80px; padding: 1rem; aspect-ratio: 1/1; overflow: hidden; background-color: white; border-radius: 50%; box-shadow: 0 0 10px rgba(0, 0, 0, .05);}
.other-solutions ul.list>li>a .icon>img{filter: drop-shadow(100px 0 var(--hover-color)); position: relative; transform: translateX(-100px);}
.other-solutions ul.list>li>a .title6{flex: 1; color: #333; font-weight: 500; font-size: .95rem; margin-bottom: 0; padding-left: 1.25rem;}
.other-solutions ul.list>li>a:hover .title6{color: var(--hover-color);}
.other-solutions ul.list>li.active>a .title6{color: var(--hover-color); font-weight: 600;}
@media (max-width: 575.98px){
.solutions-title .more-big{display: none;}
.solutions-hub-list ul.list>li>a{flex-direction: column; background:#1f5cb5;}
.solutions-hub-list ul.list>li>a .imgbox{width: 100%; background-color: white;}
.solutions-hub-list ul.list>li>a .textbox{padding: 1rem 0 0 0;}
}
/* Solutins_End */
/* Applications */
.apps-list ul.list>li>a { flex-direction: column; }
.apps-list ul.list>li>a .imgbox { aspect-ratio: 120/77; }
.apps-list ul.list>li>a .title6 { flex: 1; display: flex; align-items: center; flex-direction: column; padding: 1rem .5rem; font-size: .875rem; line-height: 1.4; text-align: center; margin: 0; background-color: var(--bg-F9); transition: all .3s ease-in-out; }
.apps-list ul.list>li>a .title6>strong { display: flex; font-size: 1rem; line-height: 1.2; font-weight: 600; margin-bottom: .5rem; }
.apps-list ul.list>li>a:hover .title6 { background-color: var(--hover-color); color: #fff; }

.apps-solutions {background-color: var(--bg-light);}
.apps-solutions .container { display: flex; flex-direction: column; align-items: center; text-align: center; }
.apps-solutions small { font-size: .875rem; font-weight: 700; font-family: var(--family-second); text-transform: uppercase; color: var(--hover-color);}
.apps-solutions .title1 { color: #333; font-weight: 500; font-family: var(--family-first); font-size: var(--fs-h1); margin: 0 0 1rem 0; }
.apps-solutions p { color: #666; font-size: .875rem; font-weight: 400; margin-bottom: 1.5rem; }
.apps-solutions .more>a { display: flex; align-items: center; overflow: visible; position: relative;}
.apps-solutions .more>a::after { content: none; }
.apps-solutions .more>a>span { flex: 1; background-color: var(--bg-main); color: #fff; height: 40px; padding: 0 1.25rem; display: flex; align-items: center; justify-content: center; font-weight: 600; text-transform: uppercase; font-size: .75rem; letter-spacing: 1pt; }
.apps-solutions .more>a:hover>span{background-color: var(--hover-color);}

.recommended-item{background-color: white; padding: 1.5rem; overflow: hidden; border-radius: 1rem;box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15); display: flex; flex-direction: column;}
.recommended-item {font-size: .8rem; line-height: 1.5;}
.equipment strong{display: block; margin-bottom: .5rem;}
.equipment a{font-size: .8rem; line-height: 1; font-weight: 500; color: var(--bg-main);}
.equipment a:hover{color: var(--hover-color); text-decoration: underline;}

.otter-apps ul.list>li>a{flex-direction: column; background-color: white; border-radius: .5rem; overflow: hidden; position: relative;}
.otter-apps ul.list>li>a .title6{flex: 1; margin: 0; display: flex; align-items: center; justify-content: center; text-align: center; padding: 1rem .5rem; font-size: .95rem; font-weight: 500;}
.otter-apps ul.list>li>a:hover{transform: translateY(-.5rem); box-shadow: 0 15px 15px -10px rgba(0, 0, 0, .125);}

/* Applications_End */
/* About Us */
.distributors{background-color: #eff6fc;}
.distributors .etw-photo .imgbox{aspect-ratio: 16/9;}

.our-pros ul.list>li>a{flex-direction: column; background-color: white; box-shadow: 0 0 10px rgba(0, 0, 0, .1); position: relative;}
.our-pros ul.list>li>a .imgbox{background: url(../images/bg01.webp) no-repeat center center; background-size: cover}
.our-pros ul.list>li>a .imgbox>img{width: 80%; height: 80%; object-fit: contain; filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, .2));}
.our-pros ul.list>li>a .title6{margin: 0; flex: 1; display: flex; align-items: center; justify-content: center; text-align: center; padding: 1rem; font-size: .875rem; font-weight: 600; color: #555;}
.our-pros ul.list>li>a:hover{transform: translateY(-.5rem); box-shadow: 0 15px 15px -10px rgba(0, 0, 0, .125);}
.our-pros ul.list>li>a:hover .title6{color: var(--hover-color);}

ul.distributor-videos>li>ol{flex-direction: column; background-color: white; border-radius: .5rem; overflow: hidden;cursor: pointer;}
ul.distributor-videos>li>ol .imgbox{aspect-ratio: 16/9;}
ul.distributor-videos>li>ol .textbox{flex: 1; flex-direction: row; align-items: center; padding: .625rem; font-size: .85rem; line-height: 1.2;}
ul.distributor-videos>li>ol .textbox>span{flex: 1;}
ul.distributor-videos>li>ol .textbox>i{width: 24px; line-height: 1; aspect-ratio: 1/1; display: flex; align-items:center; justify-content: center; border-radius: 50%; overflow: hidden; color: var(--bg-main); border: 1px solid var(--bg-main); padding: 2px 0 0 1px;}


/* 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: .875rem; 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: #333; }
.contact ul>li strong { color: #222; font-weight: 600; margin-right: .5rem; }
.contact ul>li a { color: var(--bg-main); }
.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 .feedback { padding: 1.5rem; background-color: white; box-shadow: 0 10px 10px rgba(0, 0, 0, .1);}
.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-main)!important; }
#floatchatiframe2011 #feedback2017 .etw-inquery-container { padding: 0; }
#floatchatiframe2011 #feedback2017 .etw-inquery-icon { display: none; }
#floatchatiframe2011 #feedback2017 .etw-inquery-control { padding: 10px; border-radius: 0; font-size: .875rem; border-color: rgba(0, 0, 0, .05); }
#floatchatiframe2011 #feedback2017 .etw-inquery-btn { background: var(--bg-main)!important; color: #fff!important; transition: all .4s; }
#floatchatiframe2011 #feedback2017 .etw-inquery-btn:hover { background: var(--hover-color)!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, 4vw, 1.25rem); 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 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:60px;}
.videos_hub ul li>a .textbox { flex: 1; flex-direction: column; padding: 1rem; align-items: center; text-align: center; justify-content: center; font-size: .875rem; line-height: 1.2; 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(--hover-color); }
.videos_hub:last-child { margin-bottom: 0; }

.videos_company ul li { width: 100%; }
.videos_company ul li>a { flex-direction: row; }
.videos_company ul li>a .imgbox { width: 50%; }
.videos_company ul li>a .imgbox .video_btn::before { --w: 70px; }
.videos_company ul li>a .textbox { padding: 2rem; padding-left: 3rem; align-items: flex-start; text-align: left; }
.videos_company ul li>a .textbox>.h6 { font-size: 1.25rem; color: #333; transition: all .4s; font-weight: 600; }
.videos_company ul li>a .textbox>p { font-size: .95rem; font-weight: 400; line-height: 1.5; color: #666; transition: all .4s; }
.videos_company ul li>a:hover .textbox .h6 { color: var(--hover-color); }

.video_details>.container { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; }
#video_right { width: 65%; }
#video_right video { width: 100%; aspect-ratio: 16/9; }
#video_right h2 { color: #333; font-size: var(--fs-h4); font-weight: 600; font-family: var(--family-first);}
.video_more { display: flex; margin-top: 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-main); color: #fff; border-color: var(--bg-main); }
.etw_videolist_more { display: none; }
#video_right .feedback { box-shadow: 0 0 10px rgba(0, 0, 0, .125); padding: 1.5rem 2rem; margin-top: 2rem; box-shadow: 6px 6px 0 #eee,-6px -6px 0 #eee; }
#video_sidebar { width: 30%; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, .125); overflow: hidden; }
#video_sidebar .title4 { color: #fff; background-color: var(--bg-main); font-size: var(--fs-h4); font-weight: 500; display: flex; align-items: center; justify-content: center; padding: .5rem; margin-bottom: 0; }
#etw_videolist .webtitle { font-size: 1rem; color: #333; 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: .5rem; 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.85rem; padding-left: 1rem; line-height: 24px; transition: all .4s; position: relative; }
#etw_videolist ul li a::before { content: "\f285"; font-size: .75rem; position: absolute; left: 0; top: 6px; display: inline-block; font-family: bootstrap-icons !important; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; line-height: 1; vertical-align: -.125em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
#etw_videolist ul li a.dq, #etw_videolist ul li a:hover { color: var(--hover-color); }
#etw_videolist .video_more { padding: .5rem 1rem; line-height: 1; 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_company ul li>a { flex-direction: column; }
  .videos_company ul li>a .imgbox { width: 100%; }
  .videos_company ul li>a .textbox { padding: 1.25rem; }
  .videos_hub ul li>a .imgbox { width: 100%; }
}
@media (max-width:575.98px) {
  #video_right h2 { font-size: 1.25rem; }
}
/* videos-End */