@charset "utf-8";
 @import url('fonts.css');

 :root {
   --banner-border: 10px;
   --banner-border-with-q: -10px;
   --dark-blue: #263D68;
   --drak-blue-sec: #163a70;
   --dark-blue-three: #04519f;
   --mini-width: 900px;
   --medium-width: 1100px;
   --font-family: Manrope;
   --bg-color-gray: #b7c0c9;
   --yellow-color: #f2c500;
   --footer-font-color: #000;
   --footer-bg-color: #f7f7f7;
   --footer-border-color: #d7d7d7;
   --footer-border-color-1: #c5c5c5;
 }

 * {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
 }

 html,
 body {
   overflow: visible !important;
 }

 #preloader {
   visibility: hidden !important;
   display: none !important;
 }

 header,
 main,
 footer,
 section,
 aside {
   visibility: visible !important;
 }

 *,
 li,
 ol,
 ul,
 figure {
   margin: 0;
   padding: 0
 }

 body {
   font-family: var(--font-family), Helvetica, Arial, sans-serif;
   color: #333;
   line-height: 1.6;
   background-color: #fff;
   -webkit-font-smoothing: antialiased;
   font-weight: 300;
 }

 .content-width {
   width: 1200px;
   margin: 0 auto;
   padding: 0 24px;
 }

 .py-20 {
   padding: 40px 0;
 }

 .text-center {
   text-align: center;
 }

 .lite-red-text {
   color: #E60012;
 }

 #header {
   width: 100%;
   position: static;
   top: 0;
   left: 0;
   right: 0;
   margin: 0 auto;
   background: #fff;
   visibility: visible;
   transition: .5s all ease-in-out;
   z-index: 1000;
 }

 .top-bar-flex {
   min-height: 38px;
 }

 .top-info span {
   font-size: 13px;
   color: #6b7280;
   line-height: 1.4;
 }

 .etw_language {
   width: 100%;
   height: 26px;
   float: right;
   text-align: right;
   visibility: visible;
 }

 #etw_language>a:last-child {
   margin-bottom: 0;
   padding-right: 0;
 }

 .etw_language>ul {
   position: relative;
   margin: 0 auto;
   width: 100%;
   z-index: 99;
 }

 .etw_language>ul>li {
   position: relative
 }

 .etw_language>ul>li>span {
   display: block
 }

 .etw_language ul li ol {
   position: relative;
   display: block
 }

 #etw_language {
   width: auto;
 }

 #etw_language .dropdown-item {
   display: inline-block;
   width: auto;
   font-size: 0.85rem;
   line-height: 0.85rem;
   padding: 0.7rem 1rem;
   color: #000;
   background: 0;
   min-width: auto !important;
   font-weight: 300;
   position: relative;
   text-decoration: none;
 }

 #etw_language .dropdown-item::before {
   position: absolute;
   content: "";
   right: 0;
   top: 11px;
   width: 1px;
   height: 15px;
   background-color: #ccc;
 }

 #etw_language .dropdown-item:last-child::before {
   display: none;
 }

 #etw_language .dropdown-item img {
   padding: 0 .3rem .15rem 0
 }

 #etw_language .dropdown-item:hover {
   color: var(--first-color);
   background: 0
 }

 .etw_language a:not([href]):not([tabindex]) {
   color: #fff;
   cursor: pointer
 }

 .etw_language ul li {
   list-style: none;
 }

 .glyphicon-envelope {
   width: auto;
   height: auto;
   line-height: normal;
   vertical-align: baseline;
   background-image: none;
   background-position: 0% 0%;
   background-repeat: repeat;
   margin-top: 0;
 }

 .theme-box-i {
   color: #fff;
   border-radius: 0 !important;
   width: 45px !important;
 }

 .glyphicon-envelope::before {
   content: "";
   display: inline-block;
   width: 25px;
   height: 25px;
   background-image: url("data:image/svg+xml,%3Csvg t='1770600480407' viewBox='0 0 1312 1024' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M1312.820513 1024H0V0h1312.820513z m-1137.777778-175.042735h962.735043V175.042735H175.042735z' fill='%23ffffff'/%3E%3Cpath d='M656.410256 743.931624L61.264957 148.786325 183.794872 26.25641l472.615384 472.615385L1129.025641 26.25641l122.529915 122.529915-595.1453 595.145299z' fill='%23ffffff'/%3E%3C/svg%3E");
   background-repeat: no-repeat;
   background-size: contain;
 }

 .theme-send-inquiry {
   border-radius: 0 !important;
 }

 .theme-send-inquiry-box {
   border-radius: 0 !important;
   display: flex !important;
   flex-direction: row !important;
   justify-content: center !important;
   align-items: center !important;
   background: var(--dark-blue) !important;
 }

 .theme-box-name {
   width: 140px !important;
   border-radius: 0 !important;
   display: flex !important;
   align-items: center !important;
   justify-content: center !important;
   font-family: var(--font-family);
   background-color: #ccc !important;
   border-left: 1px var(--dark-blue) solid !important;
 }

 .theme-box-name {
   text-decoration: none !important;
   border-bottom: none !important;
   color: #000 !important;
 }

 .icon-close,
 .glyphicon-remove {
   width: 32px;
   height: 32px;
   display: inline-block;
   background-color: var(--dark-blue);
   -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201024%201024'%3E%3Cpath%20fill='%23272536'%20d='M872.802928%20755.99406%20872.864326%20755.99406%20872.864326%20755.624646Z'/%3E%3Cpath%20fill='%23272536'%20d='M927.846568%20511.997953c0-229.315756-186.567139-415.839917-415.838893-415.839917-229.329059%200-415.85322%20186.524161-415.85322%20415.839917%200%20229.300406%20186.524161%20415.84094%20415.85322%20415.84094C741.278405%20927.838893%20927.846568%20741.29836%20927.846568%20511.997953M512.007675%20868.171955c-196.375529%200-356.172979-159.827125-356.172979-356.174002%200-196.374506%20159.797449-356.157629%20356.172979-356.157629%20196.34483%200%20356.144326%20159.783123%20356.144326%20356.157629C868.152001%20708.34483%20708.352505%20868.171955%20512.007675%20868.171955'/%3E%3Cpath%20fill='%23272536'%20d='M682.378947%20642.227993%20553.797453%20513.264806%20682.261267%20386.229528c11.661597-11.514241%2011.749602-30.332842%200.234337-41.995463-11.514241-11.676947-30.362518-11.765975-42.026162-0.222057L511.888971%20471.195665%20385.223107%20344.130711c-11.602246-11.603269-30.393217-11.661597-42.025139-0.059352-11.603269%2011.618619-11.603269%2030.407544-0.059352%2042.011836l126.518508%20126.887922L342.137823%20639.104863c-11.662621%2011.543917-11.780301%2030.305213-0.23536%2041.96988%205.830799%205.89015%2013.429871%208.833179%2021.086248%208.833179%207.53972%200%2015.136745-2.8847%2020.910239-8.569166l127.695311-126.311801L640.293433%20684.195827c5.802146%205.8001%2013.428847%208.717546%2021.056572%208.717546%207.599072%200%2015.165398-2.917446%2020.968567-8.659217C693.922864%20672.681586%20693.950494%20653.889591%20682.378947%20642.227993'/%3E%3C/svg%3E") no-repeat center / contain;
   mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201024%201024'%3E%3Cpath%20fill='%23272536'%20d='M872.802928%20755.99406%20872.864326%20755.99406%20872.864326%20755.624646Z'/%3E%3Cpath%20fill='%23272536'%20d='M927.846568%20511.997953c0-229.315756-186.567139-415.839917-415.838893-415.839917-229.329059%200-415.85322%20186.524161-415.85322%20415.839917%200%20229.300406%20186.524161%20415.84094%20415.85322%20415.84094C741.278405%20927.838893%20927.846568%20741.29836%20927.846568%20511.997953M512.007675%20868.171955c-196.375529%200-356.172979-159.827125-356.172979-356.174002%200-196.374506%20159.797449-356.157629%20356.172979-356.157629%20196.34483%200%20356.144326%20159.783123%20356.144326%20356.157629C868.152001%20708.34483%20708.352505%20868.171955%20512.007675%20868.171955'/%3E%3Cpath%20fill='%23272536'%20d='M682.378947%20642.227993%20553.797453%20513.264806%20682.261267%20386.229528c11.661597-11.514241%2011.749602-30.332842%200.234337-41.995463-11.514241-11.676947-30.362518-11.765975-42.026162-0.222057L511.888971%20471.195665%20385.223107%20344.130711c-11.602246-11.603269-30.393217-11.661597-42.025139-0.059352-11.603269%2011.618619-11.603269%2030.407544-0.059352%2042.011836l126.518508%20126.887922L342.137823%20639.104863c-11.662621%2011.543917-11.780301%2030.305213-0.23536%2041.96988%205.830799%205.89015%2013.429871%208.833179%2021.086248%208.833179%207.53972%200%2015.136745-2.8847%2020.910239-8.569166l127.695311-126.311801L640.293433%20684.195827c5.802146%205.8001%2013.428847%208.717546%2021.056572%208.717546%207.599072%200%2015.165398-2.917446%2020.968567-8.659217C693.922864%20672.681586%20693.950494%20653.889591%20682.378947%20642.227993'/%3E%3C/svg%3E") no-repeat center / contain;
 }

 /****footer****/
 /* ===== refined footer ===== */
 .footer-refined {
   background: #f3f3f3;
   color: #222;
   padding: 36px 0 0;
   border-top: 1px solid #e3e3e3;
 }

 .footer-refined-grid {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
   gap: 22px;
   align-items: start;
 }

 .footer-refined-column {
   min-width: 0;
 }

 .footer-refined-kicker {
   font-size: 11px;
   line-height: 1.2;
   letter-spacing: .8px;
   color: #7d7d7d;
   margin-bottom: 2px;
   font-weight: 500;
 }

 .footer-refined-title {
   font-family: var(--font-family), Arial, sans-serif;
   font-size: 16px;
   line-height: 1.05;
   font-weight: 500;
   color: #131211;
   margin: 0 0 14px;
   padding-bottom: 8px;
   border-bottom: 1px solid #cfcfcf;
 }

 .footer-refined-list {
   list-style: none;
   margin: 0;
   padding: 0;
 }

 .footer-refined-list a {
   color: #646361;
   text-decoration: none;
   font-size: 0.87em;
   line-height: 1.1666666667em;
   transition: color .25s ease, padding-left .25s ease;
   margin-bottom: 3px;
 }

 .footer-refined-list a:hover {
   color: #E60012;
   padding-left: 4px;
 }

 .footer-contact-column .footer-contact-block p {
   margin: 0 0 8px;
   color: #4d4d4d;
   font-size: 12px;
   line-height: 1.6;
 }

 .footer-contact-column a {
   color: #4d4d4d;
   text-decoration: none;
   transition: color .25s ease;
 }

 .footer-contact-column a:hover {
   color: #E60012;
 }

 .footer-refined .footercop {
   margin-top: 14px;
   padding: 14px 0;
   border-top: 1px solid var(--footer-border-color-1);
 }

 .footer-refined #etw_coper a,
 .footer-refined #otherlink a {
   color: var(--footer-font-color);
 }

 #otherlink {
   display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
 }

 #otherlink a {
   color: var(--footer-font-color);
   display: inline-block;
   padding: 0 8px;
   margin-right: 5px;
   line-height: 22px;
   margin-bottom: 5px;
   font-size: 12px;
 }

 #otherlink a span {
   opacity: .5;
   position: relative;
   top: 0;
   font-size: 14px
 }

 #otherlink a:hover {
   color: var(--drak-blue-sec)
 }

 #otherlink a:hover span {
   opacity: 1;
   top: -2px;
   transition: all .3s ease-in-out
 }

 .etw-inquery-control {
   border: none !important;
   border-radius: 0 !important;
   border-bottom: 1px solid #eee !important;
   font-size: 14px !important;
 }

 .etw-inquery-icon {
   display: none !important;
 }

 .etwfrom-message {
   min-height: 50px !important;
 }

 .etw-inquery-btn {
   border-radius: 0 !important;
   text-transform: uppercase !important;
   letter-spacing: 2px !important;
 }

 .navbar {
   width: 100%;
 }

 .navbar-nav .nav-link.active,
 .navbar-nav .nav-link.show {
   font-weight: 500;
 }

 /*=================================contact start===================================*/
 a {
   color: inherit;
   text-decoration: none;
 }

 img {
   width: 100%;
   max-width: 100%;
   display: block;
 }

 ul {
   list-style: none;
 }

 .container {
   width: 100%;
   max-width: 1200px;
   margin: 0 auto;
   padding: 0 20px;
 }

 .container-mini {
   max-width: var(--mini-width);
 }

 .container-medium {
   max-width: var(--medium-width);
 }

 .container2 {
   max-width: 980px;
 }

 .section {
   padding: 60px 0;
 }

 .section-mini {
   padding: 30px 0;
 }

 .section-title {
   text-align: center;
   margin-bottom: 12px;
 }

 .section-title h2 {
   font-size: clamp(1.4rem, 4vw, 2.25rem);
   line-height: 1.2;
   color: var(--drak-blue-sec);
   margin-bottom: 12px;
 }

 .section-title p {
   max-width: 760px;
   margin: 0 auto;
   font-size: 1rem;
   color: #5d6b7a;
 }

 .header-wrap {
   display: flex;
   align-items: center;
   justify-content: space-between;
   min-height: 88px;
   gap: 20px;
 }

 .logo a {
   font-size: clamp(1.25rem, 3vw, 1.8rem);
   font-weight: 700;
   color: var(--drak-blue-sec);
   letter-spacing: .5px;
 }

 .navbar ul {
   display: flex;
   align-items: center;
   gap: 20px;
   flex-wrap: wrap;
 }

 .navbar a {
   font-size: 0.9rem;
   font-weight: 200;
   color: var(--dark-blue);
   transition: color .3s ease;
 }

 @media (max-width: 1199.98px) {
   .navbar a {
     font-size: 0.8rem;
     padding-left: 0.5rem;
   }

   .navbar-expand-lg .navbar-nav .nav-link {
     padding: 0;
     padding-left: 0.8rem;
   }

   .navbar-brand.site-logo {
     width: 120px;
   }

 }

 .navbar-expand-lg .navbar-nav .nav-link {
   padding: 0;
   padding-left: 1rem;
 }

 .navbar a:hover,
 .navbar a.active {
   color: var(--dark-blue-three);
 }

 .navbar .pro_icon {
   display: none;
   font-size: 2rem;
   line-height: 1;
 }

 .navbar .dropdown-menu {
   padding: 0;
   border: none;
   box-shadow: 0 10px 10px rgba(0, 0, 0, .2);
   background-color: #fff;
   transition: all 0.3s ease 0s;
 }

 .navbar .dropdown-menu ul {
   gap: 0;
   padding: 0.5rem 0;
 }

 .navbar .dropdown-menu ul li {
   width: 100%;
 }
.navbar .dropdown-menu a {
    display: block;
    padding: 0.3rem 1rem;
    font-size: 0.7rem;
}
 @media (min-width:992px) {

   .navbar .nav-item.dropdown,
   .nav-item:has(.dropdown-menu) {
     position: relative;
   }

   .navbar .dropdown-menu.show {
     display: block;
   }
 }

 @media (max-width:991.98px) {
   .main-header {
     padding-top: .65rem;
   }

   .top-bar {
     position: absolute;
     right: 3rem;
     top: 1.2rem;
   }

   .navbar ul {
     gap: 0;
   }

   .navbar ul .nav-item {
     border-bottom: 1px solid #eee;
     width: -webkit-fill-available;
     box-sizing: border-box;
     padding: 0.5rem;
   }

   .navbar a {
     font-size: .95rem;
   }

   .navbar-expand-lg .navbar-nav .nav-link {
     padding-left: 0;
   }

   .navbar .pro_icon {
     float: right;
     display: inline-block;
     padding: 0 12px;
     font-weight: bold;
     cursor: pointer;
   }

   .navbar .dropdown-menu {
     border: none;
     box-shadow: none;
     background: #f5f5f5;
     clear: both;
   }

   .navbar .dropdown-menu.show {
     display: block;
   }
 }



 .hero {
   position: relative;
   min-height: 400px;
   overflow: visible;
   background: linear-gradient(90deg, rgba(6, 35, 91, .12) 0%, rgba(9, 63, 128, .24) 42%, rgba(11, 73, 132, .18) 100%), url("../imgs/banner.webp") center/cover no-repeat;
   display: flex;
   align-items: center;
   z-index: 1;
   margin-top: 20px;
 }

 .hero::before,
 .hero::after {
   content: "";
   position: absolute;
   left: 28%;
   width: 72%;
   height: var(--banner-border);
   z-index: 1;
   pointer-events: none;
   background: linear-gradient(90deg, #263D68 0%, #4B79CE 50%, #5479b1 100%);
 }

 .hero::before {
   top: var(--banner-border-with-q);
 }

 .hero::after {
   bottom: var(--banner-border-with-q);
 }

 .hero .container {
   position: relative;
   z-index: 2;
 }

 .hero-content {
   max-width: 700px;
   color: #ffffff;
   margin-left: 30rem;
 }

 .hero-content h1 {
   font-size: clamp(2rem, 5vw, 2.4rem);
   line-height: 1.12;
   margin-bottom: 22px;
   font-weight: 700;
 }

 .hero-content p {
   font-size: clamp(.8rem, 2vw, 1.2rem);
   max-width: 500px;
   line-height: 1.6;
   color: rgba(255, 255, 255, .92);
   margin-bottom: 30px;
 }

 .hero-btns {
   display: flex;
   gap: 16px;
   flex-wrap: wrap;
 }

 .btn {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   min-width: 170px;
   padding: 14px 20px;
   border-radius: 999px;
   font-size: 1rem;
   font-weight: 700;
   transition: all .3s ease;
   border: none;
 }

 .btn-primary {
   background: #f2c500;
   color: #0f2f63;
 }

 .btn-primary:hover {
   background: #ffd633;
 }

 .btn-outline {
   border: 1px solid rgba(255, 255, 255, .55);
   color: #ffffff;
 }

 .btn-outline:hover {
   background: #ffffff;
   color: var(--drak-blue-sec);
 }

 .intro {
   background: #ffffff;
 }

 .intro-content {
   max-width: 820px;
   margin: 0 auto;
   text-align: center;
 }

 .intro-content h2 {
   font-size: clamp(1.35rem, 2.2vw, 1.6rem);
   line-height: 1.2;
   color: var(--drak-blue-sec);
   margin-bottom: 18px;
   font-weight: 700;
   letter-spacing: 0;
 }

 .intro-content .intro-content-kicker_h2 {
   font-size: clamp(1.35rem, 2.2vw, 1.6rem);
   line-height: 1.2;
   color: var(--drak-blue-sec);
   margin-bottom: 18px;
   font-weight: 700;
   letter-spacing: 0;
 }

 .intro-content p {
   max-width: 760px;
   margin: 0 auto 14px;
   color: #5e6b78;
   font-size: 0.95rem;
   line-height: 1.8;
   font-weight: 400;
 }

 .quick-nav {
   background: #ffffff;
   padding: 50px 0 40px;
 }

 .quick-nav-grid {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 30px;
   text-align: center;
 }

 .quick-nav-item {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   text-decoration: none;
   transition: transform .25s ease;
 }

 .quick-nav-item:hover {
   transform: translateY(-4px);
 }

 .quick-nav-icon {
   width: 72px;
   height: 72px;
   border-radius: 50%;
   position: relative;
   margin-bottom: 14px;
 }

 .quick-nav-icon::after {
   content: "";
   position: absolute;
   inset: 12px;
   background: url("../imgs/logo-with-circle.png") no-repeat center;
   background-size: contain;
 }

 .quick-nav-item h3 {
   font-size: 0.95rem;
   color: var(--drak-blue-sec);
   font-weight: 500;
   letter-spacing: .4px;
 }

 .products {
   background: #ffffff;
   padding-top: 28px;
   padding-bottom: 70px;
 }

 .refined-product-grid {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 22px;
 }

 .product-feature-card {
   position: relative;
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   align-items: stretch;
   overflow: hidden;
   border-radius: 0 0 0 28px;
   background: #b7c0c9;
 }

 .product-feature-content {
   position: relative;
   z-index: 2;
   padding: 26px 22px 24px 22px;
   color: #ffffff;
   overflow: hidden;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
 }

 .product-feature-content h3 {
   font-size: clamp(1rem, 4vw, 1.5rem);
   line-height: 1;
   font-weight: 800;
   color: #ffffff;
   margin-bottom: 16px;
   letter-spacing: .2px;
 }

 .product-feature-link {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 34px;
   height: 34px;
   color: #ffffff;
   font-size: 1.8rem;
   line-height: 1;
   transition: transform .25s ease, opacity .25s ease;
 }

 .product-feature-link:hover {
   transform: translateX(4px);
   opacity: .85;
 }

 .product-feature-media {
   position: relative;
   height: 100%;
   max-width: 145px;
 }

 .product-feature-media>img {
   height: 100%;
 }

 .text-link {
   display: inline-block;
   font-weight: 700;
   color: var(--dark-blue-three);
 }

 .applications {
   background: #eef3f7;
 }

 .application-grid {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 22px;
 }

 .application-item {
   background: #ffffff;
   border-radius: 14px;
   overflow: hidden;
   box-shadow: 0 8px 24px rgba(0, 0, 0, .05);
 }

 .application-item img {
   width: 100%;
   object-fit: cover;
 }

 .application-item h3 {
   padding: 18px 18px 8px;
   font-size: 1.15rem;
   color: var(--drak-blue-sec);
 }

 .application-item p {
   padding: 0 18px 22px;
   color: #5a6775;
   font-size: .8rem;
 }

 .why-choose-section {
   padding: 80px 0;
 }

 .why-choose-layout {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 34px;
   align-items: center;
 }

 .why-choose-media {
   overflow: hidden;
   border-radius: 0;
 }

 .why-choose-media img {
   width: 100%;
   object-fit: cover;
   display: block;
 }

 .why-choose-content {
   color: #ffffff;
 }

 .why-choose-content h2 {
   font-size: clamp(1.45rem, 2.4vw, 2rem);
   line-height: 1.3;
   margin-bottom: 18px;
   font-weight: 700;
   color: #ffffff;
 }

 .why-choose-intro {
   font-size: 0.8rem;
   line-height: 1.6;
   color: rgba(255, 255, 255, .86);
   margin-bottom: 26px;
   max-width: 560px;
 }

 .why-choose-list {
   display: flex;
   flex-direction: column;
   gap: 18px;
 }

 .why-choose-item:last-child {
   border-bottom: none;
   padding-bottom: 0;
 }

 .why-choose-item h3 {
   font-size: 1rem;
   line-height: 1.5;
   margin-bottom: 6px;
   color: #ffffff;
   font-weight: 700;
 }

 .why-choose-item p {
   font-size: 0.9rem;
   line-height: 1.85;
   color: rgba(255, 255, 255, .82);
   margin: 0;
 }

 .why-choose-action {
   margin-top: 28px;
 }

 .contact-cta {
   background: linear-gradient(135deg, #173a70 0%, #0f5cab 100%);
   color: #ffffff;
 }

 .contact-cta .cta-box {
   display: grid;
   grid-template-columns: 1fr 1fr;
   align-items: center;
   justify-content: space-between;
   gap: 24px;
   flex-wrap: wrap;
   padding: 0 4rem;
 }

 .contact-cta h2 {
   font-size: clamp(1.3rem, 2.2vw, 1.4rem);
   margin-bottom: 8px;
 }

 .contact-cta .cta-box-title {
   font-size: clamp(1.3rem, 2.2vw, 1.4rem);
   margin-bottom: 8px;
 }

 .contact-cta p {
   color: rgba(255, 255, 255, .88);
   max-width: 720px;
   font-size: .85rem;
 }

 .footer-baerlocher-style {
   background: var(--footer-bg-color);
   padding: 42px 0 18px;
   color: var(--footer-font-color);
 }

 .footer-head {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 34px;
 }

 .footer-slogan {
   font-size: 1.05rem;
   line-height: 1.2;
   font-weight: 700;
   color: var(--footer-font-color);
   letter-spacing: .6px;
   margin: 0;
 }

 .footer-brand img {
   max-width: 180px;
   height: auto;
   display: block;
   mix-blend-mode: multiply;
 }

 .footer-nav-col.applications-col ul {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   column-gap: 28px;
   row-gap: 8px;
   align-items: start;
 }

 .footer-nav-col.applications-col li {
   margin-bottom: 0;
 }

 .footer-action-box h3 {
   font-size: 1rem;
   line-height: 1.35;
   font-weight: 700;
   color: #111;
   margin-bottom: 6px;
 }

 .footer-action-box p {
   font-size: 0.9rem;
   line-height: 1.7;
   color: #222;
   margin-bottom: 16px;
 }

 .footer-nav-grid {
   display: grid;
   grid-template-columns: .8fr 1.25fr .95fr;
   gap: 34px;
   padding-top: 16px;
   border-top: 1px solid var(--footer-border-color);
 }

 .footer-nav-col h4,
 .footer-nav-col .h4 {
   font-size: 0.98rem;
   line-height: 1.3;
   color: var(--footer-font-color);
   margin: 0 0 16px;
   font-weight: 700;
   display: block;
 }

 .footer-nav-col ul {
   list-style: none;
   margin: 0;
   padding: 0;
 }

 .footer-nav-col li {
   margin-bottom: 8px;
 }

 .footer-nav-col a {
   color: var(--footer-font-color);
   font-size: 0.8rem;
   line-height: 1.55;
   text-decoration: none;
   transition: opacity .25s ease;
 }

 .footer-nav-col a:hover {
   opacity: .76;
 }

 .footer-bottom {
   margin-top: 28px;
   border-top: 1px solid rgba(255, 255, 255, .18);
 }

 .footer-bottom,
 .footer-bottom a {
   color: rgba(255, 255, 255, .82);
   font-size: 0.82rem;
 }

 .footer-contact-col {
   min-width: 0;
 }

 .footer-contact-person {
   margin-bottom: 18px;
 }

 .footer-contact-person:last-child {
   margin-bottom: 0;
 }

 .footer-contact-person h5 {
   font-size: 0.8rem;
   line-height: 1.4;
   color: var(--footer-font-color);
   font-weight: 700;
   margin: 0 0 4px;
   letter-spacing: .2px;
 }

 .footer-contact-person p {
   margin: 0 0 2px;
   font-size: 0.78rem;
   line-height: 1.6;
   color: var(--footer-font-color);
 }

 .footer-contact-person a {
   color: var(--footer-font-color);
   text-decoration: none;
   word-break: break-word;
 }

 .footer-contact-person a:hover {
   opacity: .76;
 }

 .product-banner {
   background-color: #275ba8;
   background-image: url('../imgs/4a-zeolite.webp');
   background-repeat: no-repeat;
   background-position: right 260px bottom 15px;
   background-size: 320px auto;
   padding: 60px 0 50px;
   margin-top: .7rem;
 }

 .product-banner-inner {
   display: grid;
   grid-template-columns: minmax(0, 1fr) auto;
   align-items: start;
   gap: 40px;
 }

 .product-banner-application {
   background-image: url('../about/application-bg.png');
   background-repeat: no-repeat;
   background-size: 400px auto;
   background-position: right -70px bottom -80px;
 }

 .product-banner-no-bg {
   background-image: none;
 }

 .product-breadcrumb {
   display: flex;
   align-items: center;
   justify-content: flex-end;
   gap: 10px;
   padding-top: 6px;
   font-size: 0.82rem;
   line-height: 1.4;
   color: rgba(255, 255, 255, .88);
   white-space: nowrap;
 }

 .product-breadcrumb a {
   color: rgba(255, 255, 255, .88);
   text-decoration: none;
   transition: opacity .25s ease;
 }

 .product-breadcrumb a:hover {
   opacity: .72;
 }

 .product-banner-content {
   max-width: 760px;
 }

 .product-banner-kicker {
   display: inline-block;
   font-size: 0.78rem;
   line-height: 1.4;
   letter-spacing: 1.2px;
   text-transform: uppercase;
   color: #fff;
   margin-bottom: 12px;
   font-weight: 600;
 }

 .product-banner .h1 {
   font-size: clamp(1.8rem, 3.4vw, 2.4rem);
   line-height: 1.12;
   color: #fff;
   margin-bottom: 14px;
   font-weight: 700;
 }

 .product-banner p {
   max-width: 620px;
   font-size: 1rem;
   line-height: 1.8;
   color: #fff;
   margin: 0;
 }

 .text-start {
   text-align: left !important;
 }

 .product-overview .section-title,
 .product-basic-info .section-title,
 .product-features .section-title,
 .product-applications .section-title,
 .product-specifications .section-title,
 .product-packaging .section-title,
 .product-documents .section-title {
   margin-bottom: 24px;
 }

 .product-overview p,
 .product-packaging p {
   font-size: 0.96rem;
   line-height: 1.9;
   color: #566372;
   margin-bottom: 16px;
   max-width: 900px;
 }

 .product-basic-info ul,
 .product-applications ul,
 .product-packaging ul,
 .product-documents ul {
   list-style: none;
   padding: 0;
   margin: 0;
 }

 .product-applications ul {
   display: grid;
   grid-template-columns: repeat(4, minmax(0, 1fr));
   column-gap: 22px;
   row-gap: 0;
 }

 .relatedapp ul {
   grid-template-columns: repeat(3, minmax(0, 1fr));
 }

 .product-basic-info li,
 .product-applications li,
 .product-packaging li,
 .product-documents li {
   position: relative;
   padding: 0 0 0 18px;
   border-bottom: 1px solid #eef2f5;
   color: #556270;
   font-size: 0.95rem;
   line-height: 2.4;
 }

 .product-basic-info li::before,
 .product-applications li::before,
 .product-packaging li::before,
 .product-documents li::before {
   content: "";
   position: absolute;
   right: 0;
   top: 50%;
   width: 14px;
   height: 14px;
   transform: translateY(-50%);
   background-color: #9aa7b4;
   -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9.29 6.71a1 1 0 0 1 1.42 0l4.59 4.59a1 1 0 0 1 0 1.41l-4.59 4.59a1 1 0 1 1-1.42-1.41L13.17 12 9.29 8.12a1 1 0 0 1 0-1.41Z'/%3E%3C/svg%3E") no-repeat center / contain;
   mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9.29 6.71a1 1 0 0 1 1.42 0l4.59 4.59a1 1 0 0 1 0 1.41l-4.59 4.59a1 1 0 1 1-1.42-1.41L13.17 12 9.29 8.12a1 1 0 0 1 0-1.41Z'/%3E%3C/svg%3E") no-repeat center / contain;
   transition: all .25s ease;
 }

 .product-applications li a {
   display: inline-block;
   color: #556270;
   text-decoration: none;
   transition: color .25s ease;
 }

 .product-applications li a:hover {
   color: var(--drak-blue-sec);
 }

 .product-basic-info strong {
   color: var(--drak-blue-sec);
   font-weight: 700;
 }

 .feature-grid {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
   gap: 20px;
 }

 .feature-item {
   background: #f8fafc;
   padding: 24px 22px;
 }

 .feature-item h3 {
   font-size: 1.02rem;
   line-height: 1.45;
   color: var(--drak-blue-sec);
   margin-bottom: 10px;
   font-weight: 700;
 }

 .feature-item p {
   font-size: 0.8rem;
   line-height: 1.6;
   color: #5b6775;
   margin: 0;
 }

 .product-spec-table {
   width: 100%;
   border-collapse: collapse;
   margin: 0;
   background: transparent;
 }

 .product-spec-table tr {
   border-bottom: 1px solid #e9eef2;
 }

 .product-spec-table td {
   padding: 14px 16px;
   font-size: 0.8rem;
   line-height: 1.5;
   color: #566372;
   vertical-align: top;
 }

 .product-spec-table tr td:first-child {
   width: 62%;
   color: var(--drak-blue-sec);
   font-weight: 600;
 }

 .product-documents a {
   color: #1d5ca8;
   font-weight: 600;
 }

 .product-documents a:hover {
   color: var(--drak-blue-sec);
 }

 .product-overview .container-medium,
 .product-basic-info .container-medium,
 .product-features .container-medium,
 .product-applications .container-medium,
 .product-specifications .container-medium,
 .product-packaging .container-medium,
 .product-documents .container-medium {
   max-width: 980px;
 }

 .product-detail-cta {
   background: #f4f8fb;
   border-top: 1px solid #e5ebf0;
 }

 .product-detail-cta .cta-box {
   align-items: center;
 }

 .product-detail-cta h2 {
   color: var(--drak-blue-sec);
   font-size: clamp(1.3rem, 2vw, 1.7rem);
   margin-bottom: 8px;
 }

 .product-detail-cta p {
   color: #5c6976;
   font-size: 0.95rem;
   line-height: 1.8;
   max-width: 760px;
 }

 .product-2-column {
   display: grid;
   grid-template-columns: 1.3fr .7fr;
   gap: 50px;
 }

 .product-2-column .img-box {
   padding: 1rem;
   border: 1px solid #ccc;
   display: flex;
   flex-direction: column;
   justify-content: center;
 }

 .h2caption {
   font-size: clamp(1.15rem, 4vw, 1.5rem);
   line-height: 1.2;
   font-weight: 500;
   color: var(--drak-blue-sec);
 }

 .inquiry-form {
   font-size: .9rem;
   line-height: 130%;
   text-underline-offset: .425rem;
   color: var(--drak-blue-sec);
   text-decoration: underline;
   font-weight: 400;
 }

 .product-inline-downloads {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 14px;
   margin: 26px 0 22px;
 }

 .product-inline-download-card {
   border: 1px solid #d8e1e8;
   background: #ffffff;
   padding: 12px 14px 10px;
   min-height: 86px;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   transition: border-color .25s ease, box-shadow .25s ease;
 }

 .product-inline-download-card:hover {
   border-color: #b9c9d8;
   box-shadow: 0 6px 16px rgba(0, 0, 0, .05);
 }

 .product-inline-download-name {
   font-size: 0.84rem;
   line-height: 1.45;
   color: var(--drak-blue-sec);
   font-weight: 600;
   word-break: break-word;
 }

 .product-inline-download-meta {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-top: 10px;
 }

 .pdf-icon {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 34px;
   height: 34px;
   border: 1px solid #ccc;
   color: #ccc;
   font-size: 0.62rem;
   line-height: 1;
   font-weight: 700;
   border-radius: 4px;
   flex-shrink: 0;
 }

 .download-icon {
   width: 18px;
   height: 18px;
   display: inline-block;
   background-color: var(--drak-blue-sec);
   -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 3a1 1 0 0 1 1 1v9.59l2.3-2.29a1 1 0 1 1 1.4 1.41l-4 4a1 1 0 0 1-1.4 0l-4-4a1 1 0 1 1 1.4-1.41L11 13.59V4a1 1 0 0 1 1-1Zm-7 14a1 1 0 0 1 1 1v1h12v-1a1 1 0 1 1 2 0v2a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1Z'/%3E%3C/svg%3E") no-repeat center / contain;
   mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 3a1 1 0 0 1 1 1v9.59l2.3-2.29a1 1 0 1 1 1.4 1.41l-4 4a1 1 0 0 1-1.4 0l-4-4a1 1 0 1 1 1.4-1.41L11 13.59V4a1 1 0 0 1 1-1Zm-7 14a1 1 0 0 1 1 1v1h12v-1a1 1 0 1 1 2 0v2a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1Z'/%3E%3C/svg%3E") no-repeat center / contain;
 }

 .spec-bg-light-gray {
   padding: 2rem 3rem;
   box-shadow: rgba(54, 57, 73, 0.09) 0px 29px 60px 0px;
 }

 .table>:not(caption)>*>* {
   background: transparent;
 }

 .product-packaging-gallery {
   background: #ffffff;
 }

 .packaging-gallery-grid {
   display: grid;
   grid-template-columns: repeat(5, minmax(0, 1fr));
   gap: 12px;
 }

 .packaging-gallery-item {
   margin: 0;
   background: #ffffff;
   border: 1px solid #e7edf2;
   overflow: hidden;
 }

 .packaging-gallery-item img {
   width: 100%;
   display: block;
 }

 .packaging-gallery-item figcaption {
   padding: 12px 14px;
   font-size: 0.88rem;
   line-height: 1.5;
   color: var(--drak-blue-sec);
   font-weight: 600;
   border-top: 1px solid #eef2f5;
   background: #fbfcfd;
 }

 .about-hero {
   position: relative;
   background: #f3f4f5;
   overflow: hidden;
 }

 .about-hero-image {
   position: relative;
 }

 .about-hero-image::after {
   content: "";
   position: absolute;
   inset: 0;
 }

 .about-hero-image img {
   width: 100%;
   height: 360px;
   object-fit: cover;
   display: block;
 }

 .about-hero-overlay {
   position: absolute;
   inset: 0;
   display: flex;
   align-items: center;
   z-index: 2;
 }

 .about-hero-copy {
   max-width: var(--mini-width);
   color: #ffffff;
   display: grid;
   grid-template-columns: 1fr 1fr;
   margin: 0 auto;
 }

 .about-breadcrumb {
   display: flex;
   align-items: center;
   gap: 10px;
   font-size: 0.82rem;
   line-height: 1.4;
   color: rgba(255, 255, 255, .9);
   margin-bottom: 18px;
   white-space: nowrap;
 }

 .about-breadcrumb a {
   color: rgba(255, 255, 255, .9);
   text-decoration: none;
   transition: opacity .25s ease;
 }

 .about-breadcrumb a:hover {
   opacity: .75;
 }

 .about-breadcrumb span {
   color: rgba(255, 255, 255, .78);
 }

 .about-hero-heading {
   font-size: clamp(1.75rem, 5vw, 2.4rem);
   line-height: 1.08;
   font-weight: 700;
   color: #ffffff;
   margin: 0;
   letter-spacing: .2px;
 }

 .about-hero-title-box {
   position: absolute;
   bottom: 0px;
   padding-left: 80px;
 }

 .h1caption {
   position: relative;
   z-index: 2;
   font-size: clamp(1.2rem, 4vw, 2.2rem);
   line-height: 1.15;
   color: var(--drak-blue-sec);
   font-weight: 700;
   margin: 0;
 }

 .about-intro {
   background: #f3f4f5;
   padding-top: 38px;
   padding-bottom: 16px;
 }

 .about-intro-content {
   max-width: 980px;
   margin-left: auto;
 }

 .about-intro-lead {
   font-size: 1.05rem;
   line-height: 1.9;
   color: #465465;
   margin-bottom: 28px;
   max-width: 980px;
 }

 .about-intro-content p {
   font-size: 0.95rem;
   line-height: 1.7;
   color: #000;
   margin-bottom: 18px;
 }

 .about-services,
 .about-team,
 .about-customers {
   background: #ffffff;
 }

 .about-service-grid {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 24px;
 }

 .about-service-card {
   background: #f8fafc;
   padding: 26px 24px;
 }

 .about-service-card h3 {
   font-size: 1.1rem;
   line-height: 1.4;
   color: var(--drak-blue-sec);
   margin-bottom: 12px;
   font-weight: 500;
 }

 .about-service-card p {
   font-size: 0.8rem;
   line-height: 1.5;
   color: #5b6775;
   margin: 0;
 }

 .about-team-grid {
   display: grid;
   grid-template-columns: repeat(6, minmax(0, 1fr));
   gap: 8px;
 }

 .about-team-item {
   position: relative;
   overflow: hidden;
   margin: 0;
   background: #ffffff;
 }

 .about-team-item img {
   width: 100%;
   aspect-ratio: 3 / 4;
   object-fit: cover;
   display: block;
 }

 .about-team-caption {
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
   padding: 12px 10px 0;
   background: rgba(255, 255, 255, .82);
   backdrop-filter: blur(2px);
   -webkit-backdrop-filter: blur(2px);
   min-height: 72px;
 }

 .about-team-caption strong {
   display: block;
   font-size: 0.95rem;
   line-height: 1.25;
   color: #1e2f45;
   font-weight: 700;
   margin-bottom: 4px;
 }

 .about-team-caption span {
   display: block;
   font-size: 0.7rem;
   line-height: 1.45;
   color: #5a6775;
   text-transform: uppercase;
   letter-spacing: .6px;
 }

 .about-customer-grid {
   display: grid;
   grid-template-columns: repeat(4, minmax(0, 1fr));
   gap: 18px;
 }

 .about-customer-item img {
   width: 100%;
   aspect-ratio: 16 / 9;
   object-fit: cover;
   display: block;
 }

 .about-products {
   background: #ffffff;
 }

 .about-product-grid {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 28px;
 }

 .about-product-card {
   position: relative;
   overflow: hidden;
   background: #e9edf1;
 }

 .about-product-media {
   margin: 0;
   height: 100%;
 }

 .about-product-media img {
   width: 100%;
   aspect-ratio: 16 / 9;
   object-fit: cover;
   display: block;
 }

 .about-product-content {
   position: absolute;
   left: 22px;
   bottom: 22px;
   width: calc(100% - 120px);
   max-width: 420px;
   background: linear-gradient(to right, rgba(255, 255, 255, .96), rgba(255, 255, 255, .76), rgba(255, 255, 255, 0));
   padding: 28px 28px 24px;
   box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
 }

 .about-product-content .h3 {
   font-size: 1.05rem;
   line-height: 1.35;
   color: #111;
   margin-bottom: 12px;
   font-weight: 700;
 }

 .about-product-content p {
   font-size: 0.8rem;
   line-height: 1.5;
   color: #4f5d6b;
   margin-bottom: 18px;
 }

 .about-product-btn {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   min-width: 110px;
   height: 42px;
   padding: 0 18px;
   background: var(--dark-blue);
   color: #ffffff;
   font-size: 0.88rem;
   font-weight: 700;
   text-decoration: none;
   transition: background .25s ease, transform .25s ease;
 }

 .about-product-btn:hover {
   background: var(--dark-blue-three);
   transform: translateY(-1px);
 }

 .contact-page-hero {
   background: linear-gradient(135deg, #4B79CE 0%, #1e4d8c 100%);
   padding: 56px 0 52px;
   margin-top: .7rem;
 }

 .contact-page-hero-copy {
   max-width: 760px;
 }

 .contact-breadcrumb {
   display: flex;
   align-items: center;
   gap: 10px;
   font-size: 0.82rem;
   line-height: 1.4;
   color: rgba(255, 255, 255, .9);
   margin-bottom: 16px;
   white-space: nowrap;
 }

 .contact-breadcrumb a {
   color: rgba(255, 255, 255, .9);
   text-decoration: none;
   transition: opacity .25s ease;
 }

 .contact-breadcrumb a:hover {
   opacity: .75;
 }

 .contact-breadcrumb span {
   color: rgba(255, 255, 255, .82);
 }

 .contact-page-kicker {
   display: inline-block;
   font-size: 0.82rem;
   line-height: 1.4;
   letter-spacing: 1.4px;
   text-transform: uppercase;
   color: rgba(255, 255, 255, .88);
   margin-bottom: 12px;
   font-weight: 600;
 }

 .contact-page-heading {
   font-size: clamp(1.8rem, 3.4vw, 2.4rem);
   line-height: 1.08;
   color: #ffffff;
   font-weight: 700;
   margin: 0;
 }

 .contact-page-main {
   background: #ffffff;
 }

 .contact-page-grid {
   display: grid;
   grid-template-columns: 1.05fr .95fr;
   gap: 30px;
   align-items: start;
 }

 .contact-page-left {
   display: flex;
   flex-direction: column;
   gap: 24px;
 }

 .contact-card,
 .contact-map-block,
 .inquiry-card {
   background: #f8fafc;
   padding: 24px 22px;
 }

 .contact-card-head,
 .contact-map-head,
 .inquiry-card-head {
   margin-bottom: 18px;
 }

 .contact-card-kicker {
   display: inline-block;
   font-size: 0.76rem;
   line-height: 1.4;
   letter-spacing: 1.1px;
   text-transform: uppercase;
   color: #6d7b88;
   margin-bottom: 8px;
   font-weight: 600;
 }

 .contact-card h2,
 .contact-map-head h2,
 .inquiry-card-head h2 {
   font-size: 1.4rem;
   line-height: 1.2;
   color: var(--drak-blue-sec);
   margin: 0;
   font-weight: 700;
 }

 .contact-company-block {
   margin-bottom: 22px;
 }

 .contact-person-list {
   display: grid;
   grid-template-columns: repeat(1, minmax(0, 1fr));
   gap: 18px;
 }

 .contact-person-card {
   background: #ffffff;
   padding: 18px 16px;
 }

 .contact-person-card h3 {
   font-size: 1rem;
   line-height: 1.3;
   color: var(--drak-blue-sec);
   margin: 0 0 14px;
   font-weight: 700;
 }

 .contact-info-item {
   padding-bottom: 12px;
   margin-bottom: 12px;
   border-bottom: 1px solid #edf1f4;
 }

 .contact-info-item:last-child {
   padding-bottom: 0;
   margin-bottom: 0;
   border-bottom: none;
 }

 .contact-info-label {
   font-size: 0.76rem;
   line-height: 1.4;
   color: #6a7785;
   text-transform: uppercase;
   letter-spacing: .5px;
   font-weight: 700;
   margin-bottom: 4px;
 }

 .contact-info-value {
   font-size: 0.92rem;
   line-height: 1.75;
   color: #556270;
 }

 .contact-info-value a {
   color: #556270;
   text-decoration: none;
   transition: color .25s ease;
   word-break: break-word;
 }

 .contact-info-value a:hover {
   color: var(--dark-blue-three);
 }

 .contact-map-box {
   overflow: hidden;
   border: 1px solid #e7edf2;
   background: #ffffff;
   min-height: 360px;
 }

 .contact-map-box .contact_map {
   width: 100%;
   min-height: 360px;
 }

 .inquiry-card-head p {
   font-size: 0.92rem;
   line-height: 1.75;
   color: #5b6775;
   margin: 10px 0 0;
   max-width: 520px;
 }

 .contactform .etwfrom-message {
   min-height: 300px !important;
 }

 .application-hub-banner {
   background: var(--bg-color-gray);
   padding: 56px 0 52px;
   margin-top: .7rem;
 }

 .application-hub-banner-copy {
   max-width: 840px;
 }

 .application-hub-kicker {
   display: inline-block;
   font-size: 0.82rem;
   line-height: 1.4;
   letter-spacing: 1.4px;
   text-transform: uppercase;
   color: rgba(255, 255, 255, .88);
   margin-bottom: 12px;
   font-weight: 600;
 }

 .application-hub-banner h1 {
   font-size: clamp(2rem, 5vw, 3.1rem);
   line-height: 1.08;
   color: #ffffff;
   font-weight: 700;
   margin: 0 0 14px;
 }

 .application-hub-banner p {
   max-width: 760px;
   font-size: 0.96rem;
   line-height: 1.85;
   color: rgba(255, 255, 255, .9);
   margin: 0;
 }

 .application-hub-section {
   background: #ffffff;
   padding-top: 26px;
 }

 .application-split-item {
   display: grid;
   grid-template-columns: 270px 1fr;
   gap: 46px;
   padding: 34px 0 38px;
   border-bottom: 1px solid #e8edf2;
   align-items: start;
 }

 .application-split-item:last-child {
   border-bottom: none;
 }

 .application-split-media-col {
   position: relative;
 }

 .application-split-label {
   font-size: 0.76rem;
   line-height: 1.4;
   letter-spacing: 1.2px;
   text-transform: uppercase;
   color: #7a8896;
   margin-bottom: 12px;
   font-weight: 600;
 }

 .application-split-media {
   margin: 0;
   overflow: hidden;
   background: #eef3f7;
   border-radius: 0 0 0 22px;
 }

 .application-split-media img {
   width: 100%;
   aspect-ratio: 16 / 9;
   object-fit: cover;
   display: block;
   transition: transform .35s ease;
 }

 .application-split-item:hover .application-split-media img {
   transform: scale(1.03);
 }

 .application-split-content {
   height: 100%;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
 }

 .application-split-content h2,
 .application-split-content .h2 {
   font-size: clamp(1.2rem, 3vw, 1.5rem);
   line-height: 1.12;
   color: var(--drak-blue-sec);
   font-weight: 700;
   letter-spacing: -.2px;
 }

 .application-split-highlight {
   font-size: .9rem;
   line-height: 1.6;
   color: #1f2e3d;
   font-weight: 300;
   max-width: 760px;
 }

 .application-split-more {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 138px;
   padding: 13px 24px;
   border-radius: 999px;
   background: var(--yellow-color);
   color: #0f2f63;
   font-size: 0.92rem;
   font-weight: 700;
   text-decoration: none;
   transition: transform .25s ease, background .25s ease;
   margin-top: 12px;
 }

 .application-split-more:hover {
   background: #ffd633;
   transform: translateY(-1px);
 }

 .application-category-nav {
   background: #ffffff;
 }

 .application-category-box {
   max-width: 420px;
   margin-left: auto;
   border-left: 1px solid #eef2f5;
   padding-left: 28px;
 }

 .application-category-head {
   margin-bottom: 18px;
 }

 .application-category-head h2 {
   font-size: 1rem;
   line-height: 1.3;
   color: var(--drak-blue-sec);
   font-weight: 700;
   margin: 0;
   text-transform: uppercase;
   letter-spacing: .4px;
   padding-bottom: 12px;
   border-bottom: 3px solid var(--yellow-color);
 }

 .application-category-head div {
   font-size: 0.9rem;
   line-height: 1.3;
   color: var(--drak-blue-sec);
   font-weight: 700;
   margin: 0;
   text-transform: uppercase;
   letter-spacing: .4px;
   padding-bottom: 12px;
   border-bottom: 3px solid var(--yellow-color);
 }

 .application-category-list {
   list-style: none;
   margin: 0;
   padding: 0;
 }

 .application-category-list li {
   border-bottom: 1px solid #eef2f5;
 }

 .application-category-list a {
   position: relative;
   display: block;
   padding: 13px 28px 13px 0;
   font-size: 0.9rem;
   line-height: 1.55;
   color: #556270;
   text-decoration: none;
   transition: color .25s ease, padding-left .25s ease;
 }

 .application-category-list a::after {
   content: "";
   position: absolute;
   right: 0;
   top: 50%;
   width: 14px;
   height: 14px;
   transform: translateY(-50%);
   background-color: #9aa7b4;
   -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9.29 6.71a1 1 0 0 1 1.42 0l4.59 4.59a1 1 0 0 1 0 1.41l-4.59 4.59a1 1 0 1 1-1.42-1.41L13.17 12 9.29 8.12a1 1 0 0 1 0-1.41Z'/%3E%3C/svg%3E") no-repeat center / contain;
   mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9.29 6.71a1 1 0 0 1 1.42 0l4.59 4.59a1 1 0 0 1 0 1.41l-4.59 4.59a1 1 0 1 1-1.42-1.41L13.17 12 9.29 8.12a1 1 0 0 1 0-1.41Z'/%3E%3C/svg%3E") no-repeat center / contain;
   transition: transform .25s ease, background-color .25s ease;
 }

 .application-category-list a:hover {
   color: var(--drak-blue-sec);
   padding-left: 4px;
 }

 .application-category-list a:hover::after {
   transform: translateY(-50%) translateX(2px);
   background-color: var(--drak-blue-sec);
 }

 .application-category-list a.active {
   color: var(--drak-blue-sec);
   font-weight: 700;
   padding-left: 4px;
 }

 .application-category-list a.active::after {
   transform: translateY(-50%) translateX(2px);
   background-color: var(--drak-blue-sec);
 }

 .section-grid-with-slide {
   display: grid;
   grid-template-columns: minmax(0, 1fr) 280px;
   gap: 40px;
   align-items: start;
 }

 .application-detail-layout {
   display: grid;
   grid-template-columns: minmax(0, 1fr) 280px;
   gap: 40px;
   align-items: start;
 }

 .application-detail-main {
   min-width: 0;
 }

 .application-detail-intro {
   padding-bottom: 24px;
   border-bottom: 1px solid #e8edf2;
   margin-bottom: 28px;
 }

 .application-detail-head {
   margin-bottom: 16px;
 }

 .application-detail-kicker {
   font-size: 0.76rem;
   line-height: 1.4;
   letter-spacing: 1.2px;
   text-transform: uppercase;
   color: #7a8896;
   margin-bottom: 10px;
   font-weight: 600;
 }

 .application-detail-head h2 {
   font-size: clamp(1.4rem, 3vw, 2.2rem);
   line-height: 1.15;
   color: var(--drak-blue-sec);
   font-weight: 700;
   margin: 0;
 }

 .application-detail-lead {
   font-size: 1rem;
   line-height: 1.9;
   color: #1f2e3d;
   font-weight: 700;
   max-width: 900px;
 }

 .application-detail-media {
   margin-bottom: 28px;
 }

 .application-detail-image {
   margin: 0;
   overflow: hidden;
   border-radius: 0 0 0 28px;
   background: #eef3f7;
 }

 .application-detail-image img {
   width: 100%;
   max-width: 760px;
   aspect-ratio: 16 / 9;
   object-fit: cover;
   display: block;
 }

 .application-detail-content {
   margin-bottom: 34px;
 }

 .application-detail-text p {
   font-size: 0.95rem;
   line-height: 1.9;
   color: #556270;
   margin-bottom: 16px;
 }

 .application-detail-products {
   padding-top: 10px;
   border-top: 1px solid #e8edf2;
 }

 .application-detail-main .application-detail-products {
   border: none;
 }

 .application-detail-products .about-product-grid {
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 22px;
 }

 .application-detail-layout .application-category-nav {
   min-width: 0;
 }

 .application-detail-layout .application-category-box {
   max-width: none;
   margin-left: 0;
 }

 .application-reference-block {
   padding-top: 6px;
 }

 .application-reference-layout {
   display: grid;
   grid-template-columns: minmax(0, 1fr) 400px;
   gap: 32px;
   align-items: start;
 }

 .application-reference-panel {
   border: 4px solid #e5e7eb;
   background: #fff;
   padding: 34px 38px 40px;
   min-height: 100%;
 }

 .application-reference-title {
   font-size: 1.4rem;
   line-height: 1.2;
   font-weight: 700;
   color: #1d2430;
   margin-bottom: 30px;
 }

 .application-reference-links {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   column-gap: 42px;
   row-gap: 0;
 }

 .application-reference-links a {
   display: block;
   padding: 12px 0;
   border-bottom: 1px solid #ece7dd;
   font-size: 1rem;
   line-height: 1.6;
   color: #1f2430;
   text-decoration: none;
   transition: color .25s ease, padding-left .25s ease;
 }

 .application-reference-links a:hover {
   color: var(--dark-blue-three);
   padding-left: 4px;
 }

 .application-reference-side-box {
   background: #fff;
   padding: 34px 30px 36px;
   box-shadow: rgba(54, 57, 73, 0.09) 0px 29px 60px 0px;
 }

 .application-reference-side-title {
   font-size: 1.4rem;
   line-height: 1.25;
   font-weight: 700;
   color: #1d2430;
   margin-bottom: 28px;
 }

 .application-reference-product {
   margin-bottom: 28px;
   padding-bottom: 24px;
   border-bottom: 1px solid rgba(29, 36, 48, .12);
 }

 .application-reference-product:last-child {
   margin-bottom: 0;
   padding-bottom: 0;
   border-bottom: none;
 }

 .application-reference-product-name {
   display: inline-block;
   font-size: 1.1rem;
   line-height: 1.35;
   font-weight: 700;
   color: #1d2430;
   text-decoration: none;
   margin-bottom: 12px;
 }

 .application-reference-product-name:hover {
   color: var(--dark-blue-three);
 }

 .application-reference-product-meta {
   margin-bottom: 12px;
 }

 .application-reference-product-meta p {
   margin: 0 0 8px;
   font-size: 0.95rem;
   line-height: 1.7;
   color: #303744;
 }

 .application-reference-product-meta strong {
   color: #1d2430;
   font-weight: 700;
 }

 .application-reference-product-desc {
   margin: 0;
   font-size: 0.95rem;
   line-height: 1.85;
   color: #3f4754;
 }

 .applications-visual-nav {
   background: linear-gradient(to bottom, #f9f9f9, transparent);
   padding: 62px 0 58px;
 }

 .intro-content-kicker {
   position: relative;
   display: inline-block;
   font-size: 1rem;
   line-height: 1;
   color: var(--drak-blue-sec);
   margin-bottom: 20px;
   padding: 0 44px;
   background: no-repeat url('../imgs/array-icon.png');
   background-position: 2% 100%;
   background-size: 30px auto;
   margin-bottom: 0.75em;
 }

 .application-grid-visual {
   grid-template-columns: repeat(3, minmax(0, 1fr));
   gap: 20px;
 }

 .application-visual-card {
   background: transparent;
   border-radius: 0;
   box-shadow: none;
   overflow: visible;
 }

 .application-visual-card a {
   display: block;
   text-decoration: none;
   box-shadow: 0 0 7px 4px #eeeeee8f;
   padding-top: .65rem;
 }

 .application-visual-media {
   margin: 0;
   margin-bottom: .65rem;
   overflow: hidden;
 }

 .application-visual-media img {
   width: 100%;
   object-fit: cover;
   transition: transform .35s ease, filter .35s ease;
 }

 .application-visual-label {
   background: #2f4a6f;
   color: #ffffff;
   text-align: center;
   font-size: .9rem;
   line-height: 1.2;
   font-weight: 300;
   min-height: 40px;
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .application-visual-card:hover .application-visual-media img {
   transform: scale(1.04);
   filter: saturate(1.05);
 }

 .application-visual-card:hover .application-visual-label {
   background: #173a70;
 }

 .applications-visual-action {
   text-align: center;
   margin-top: 34px;
 }

 .applications-visual-action .btn {
   min-width: 164px;
 }

 .product-chem-cards {
   background: #fff;
   padding: 50px 0;
 }

 .chem-product-grid {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 16px;
 }

 .chem-product-card {
   border: 1px solid #fff;
   padding: 0 34px 0;
   display: flex;
   flex-direction: column;
   align-items: center;
   text-align: center;
   transition: all .28s ease;
   position: relative;
   box-shadow: 0 14px 30px rgba(0, 0, 0, .06);
 }

 .chem-product-card:hover {
   transform: translateY(-4px);
   border: 1px solid var(--dark-blue);
 }

 .chem-product-body {
   width: 100%;
   max-width: 360px;
   display: flex;
   flex-direction: column;
   align-items: center;
 }

 .chem-product-kicker {
   display: inline-block;
   font-size: 0.82rem;
   line-height: 1.4;
   letter-spacing: 2px;
   text-transform: uppercase;
   color: #666;
   margin-bottom: 22px;
   position: relative;
   padding-bottom: 22px;
 }

 .chem-product-kicker::after {
   content: "";
   width: 1px;
   height: 36px;
   background: #8b8f94;
   position: absolute;
   left: 50%;
   top: 100%;
   transform: translateX(-50%);
 }

 .chem-product-body h3 {
   font-size: clamp(1.3rem, 3vw, 1.4rem);
   line-height: 1.2;
   font-weight: 300;
   color: #4f4f4f;
   margin: 24px 0 22px;
 }

 .chem-product-meta {
   list-style: none;
   padding: 0;
   margin: 0 0 18px;
   width: 100%;
 }

 .chem-product-meta li {
   font-size: 0.98rem;
   line-height: 1.9;
   color: #5b5b5b;
 }

 .chem-product-meta strong {
   font-weight: 400;
   color: #404040;
 }

 .chem-product-body p {
   font-size: 0.96rem;
   line-height: 1.9;
   color: #666;
   max-width: 310px;
   margin: 0 auto 24px;
 }

 .chem-product-link {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   gap: 10px;
   font-size: 0.8rem;
   line-height: 1;
   letter-spacing: 2px;
   color: #3f4650;
   text-decoration: none;
   margin-top: auto;
   padding-bottom: 22px;
   position: relative;
 }

 .chem-product-link:hover {
   color: var(--drak-blue-sec);
 }

 .chem-product-link:hover span::before,
 .chem-product-link:hover span::after {
   background: var(--drak-blue-sec);
 }

 .clearfix {
   clear: both;
   display: table;
 }

 .relatedapp2 ul {
   grid-template-columns: repeat(2, minmax(0, 1fr));
 }

 .item1 li {
   margin-bottom: 1rem;
   position: relative;
   padding-left: 1rem;
 }

 .item1 li::before {
   position: absolute;
   content: "";
   width: 7px;
   height: 7px;
   left: 0;
   top: 8px;
   border-radius: 50%;
   overflow: hidden;
   background-color: var(--drak-blue-sec);
 }

 .item2 li::before {
   border-radius: 0;
   width: 5px;
   height: 5px;
   top: 9px;
   left: 2px;
 }

 .item2 li {
   margin-bottom: .65rem;
 }

 .downLoad_pdf {
   display: flex;
   justify-content: space-between;
   align-items: center;
   box-shadow: 0px 0px 5px 6px #eeeeee52;
   padding: 0.5rem 1rem;
   padding-right: 0.5rem;
 }

 .item_two {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 15px;
 }

 .item_two li {
   margin: 0;
 }

 .item_th {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 15px;
 }

 .item_th li {
   margin: 0;
 }

 .downLoad_pdf>div {
   width: 78%;
   border-radius: 8px;
 }

 .downLoad_pdf>a {
   width: 16.5%;
   padding: 0.5rem;
   background: #356cbf;
   color: #fff;
 }

 .downLoad_pdf>a .download-icon {
   background-color: #fff;
 }

 .downLoad_pdf>a span {
   display: flex;
   justify-content: space-between;
   align-items: center;
 }

 .downLoad_pdf>a:hover {
   opacity: 0.7;
 }

 .packaging-gallery-grid2 {
   grid-template-columns: repeat(2, minmax(0, 1fr));
 }

 .application_box {
   box-shadow: 0px 0px 5px 6px #eeeeee52;
   margin-bottom: 1rem;
   border-radius: 8px;
   overflow: hidden;
 }

 .application_box a {
   display: flex;
 }

 .application_box a img,
 .application_box {
   transition: all 0.75s ease;
 }

 .application_box:hover img {
   scale: 1.1;
 }

 .application_box:hover {
   transform: translateY(-8px);
   box-shadow: 0px 0px 5px 6px #eee;
 }

 .application_box span {
   font-size: 1rem;
   color: #000;
   text-align: center;
   display: block;
   padding: 0.5rem 1rem;
 }

 .product-basic-info2 li::before {
   display: none;
 }

 .packaging-gallery-grid4 {
   grid-template-columns: repeat(4, minmax(0, 1fr));
 }

 .application-reference-product a {
   position: relative;
   width: 100%;
 }

 .application-reference-product a::before {
   content: "";
   position: absolute;
   right: 0;
   top: 50%;
   width: 25px;
   height: 25px;
   transform: translateY(-50%);
   background-color: #9aa7b4;
   -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9.29 6.71a1 1 0 0 1 1.42 0l4.59 4.59a1 1 0 0 1 0 1.41l-4.59 4.59a1 1 0 1 1-1.42-1.41L13.17 12 9.29 8.12a1 1 0 0 1 0-1.41Z'/%3E%3C/svg%3E") no-repeat center / contain;
   mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9.29 6.71a1 1 0 0 1 1.42 0l4.59 4.59a1 1 0 0 1 0 1.41l-4.59 4.59a1 1 0 1 1-1.42-1.41L13.17 12 9.29 8.12a1 1 0 0 1 0-1.41Z'/%3E%3C/svg%3E") no-repeat center / contain;
   transition: transform .25s ease, background-color .25s ease;
 }

 .product-banner2 {
   background-color: #275ba8;
   background-image: url('../imgs/layered-sodium-silicate.webp');
   background-repeat: no-repeat;
   background-position: right 260px bottom 10px;
   background-size: 360px auto;
   padding: 60px 0 50px;
   margin-top: .7rem;
 }

 .container-medium2 {
   max-width: 1400px;
 }

 .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: .45rem;
 }

 .related_pic ul {
   justify-content: center;
   display: grid;
   gap: 5px;
   grid-template-columns: repeat(4, 1fr);
 }

 .related_pic ul>li img {
   border: 1px solid #ccc;
 }

 .related_pic ul>li a.imgdq img {
   border-color: var(--drak-blue-sec);
 }

 .product_boxs {
   display: flex;
   flex-wrap: wrap;
   margin-bottom: 1.5rem;
   box-shadow: 0 0 10px 4px #eeeeee;
   align-items: center;
 }

 .product_boxs .pro_img {
   width: 35%;
   overflow: hidden;
 }

 .pro_img span {
   text-align: center;
   margin-top: .35rem;
   display: block;
 }

 .product_boxs .pro_img img {
   width: 100%;
   transition: all .5s ease-in-out;
 }

 .product_boxs .pro_img:hover img {
   transform: scale(1.1);
 }

 .product_boxs .pro_desc {
   width: 65%;
   padding: .75rem 1rem .5rem 1.5rem;
 }

 .product_boxs .pro_desc a {
   font-size: 1.35rem;
   font-weight: 500;
   margin-bottom: .55rem;
   display: block;
 }

 .product_boxs .pro_desc a:hover {
   color: var(--drak-blue-sec);
 }

 .product_boxs .pro_desc p {
   margin: 0;
   line-height: 1.35rem;
   font-size: .85rem;
 }

 .product_boxs .pro_desc .more_btn a {
   font-size: .9rem;
   font-weight: 400;
   background-color: var(--yellow-color);
   width: fit-content;
   color: #fff;
   padding: .25rem 1rem;
   border-radius: 1rem;
   box-shadow: 0 0 7px 3px #eee;
   margin-top: 1rem;
 }

 .product_boxs .pro_desc .more_btn:hover a {
   opacity: .8;
 }

 .application-our-tit {
   margin-bottom: 1.65rem;
 }

 .application-our-tit .h2caption {
   position: relative;
   padding-top: 1rem;
 }

 .application-our-tit .h2caption::before {
   content: '';
   position: absolute;
   left: 0;
   bottom: -5px;
   width: 36px;
   height: 3px;
   background-color: var(--yellow-color);
 }

 .application-category-nav .h2caption {
   font-size: 1.25rem;
 }

 .original-link:hover {
   cursor: default;
 }

 figure>a.original-link {
   cursor: default !important;
 }

 .product-basic-info-pro .product-inline-downloads {
   grid-template-columns: repeat(1, minmax(0, 1fr));
   margin-top: 0;
 }

 .product-basic-info-pro li {
   padding: 0 18px 0 0;
 }

 .h4caption {
   font-weight: 600;
   font-size: 1.1rem;
   color: var(--drak-blue-sec);
   margin-bottom: .5rem;
   position: relative;
   padding-left: 1.5rem;
 }

 .h4caption::before {
   content: '';
   position: absolute;
   left: 0;
   top: 49%;
   width: 15px;
   height: 3px;
   background-color: var(--drak-blue-sec);
 }

 .hero-btns2 .btn {
   padding: 8px 20px;
 }

 .applications_boxs {
   background: #f8fafc;
   padding: .6rem;
 }

 .applications2 {
   border-bottom: 1px solid #eee;
   padding-bottom: 1rem;
   margin-bottom: 1rem;
 }

 .applications2 .pro_desc {
   padding: 0 1rem;
 }

 .applications2 .pro_desc b {
   display: block;
   font-size: 1.3rem;
   font-weight: 500;
   margin-bottom: .45rem;
 }

 .applications2 .pro_desc p {
   font-size: .9rem;
 }

 .no-border {
   border: 0;
 }

 .our-products-boxs {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 20px;
   margin-top: .75rem;
 }

 .our-products {
   background-color: #fff;
   box-shadow: 0 0 14px 10px #eee;
   border-radius: 8px;
   overflow: hidden;
   transition: all .35s ease-in-out;
 }

 .our-products.active {
   border: 1px solid var(--drak-blue-sec);
   color: var(--drak-blue-sec);
 }

 .our-products .our-products-img img {
   width: 100%;
 }

 .our-products-desc {
   padding: 0.5rem 1rem;
   text-align: center;
   font-weight: 500;
 }

 .our-products:hover {
   transform: translateY(-7px);
 }

 .our-products:hover .our-products-desc {
   color: var(--drak-blue-sec);
 }

 .recommended-products-box .pro_img {
   border: 1px solid #eee;
   height: 100%;
   border-radius: 10px 10px 0 0;
   overflow: hidden;
   font-size: .85rem;
   line-height: 1.2rem;
   transition: all .35s ease-in-out;
 }

 .recommended-products-box .pro_img span {
   padding: .4rem .5rem;
   margin: 0;
 }

 .recommended-products-box .pro_img:hover span {
   color: var(--drak-blue-sec);
 }

 .recommended-products-box .pro_img:hover {
   transform: translateY(-7px);
 }

 .recommended-products-box .section-title {
   position: relative;
 }

 .recommended-products-box .section-title::before {
   content: '';
   position: absolute;
   left: 0;
   bottom: -5px;
   width: 54px;
   height: 3px;
   background-color: var(--yellow-color);
 }

 .btn-inquiry {
   font-weight: 400;
   background-color: var(--drak-blue-sec);
   color: #fff;
   padding: .3rem 1rem;
   border-radius: 0;
 }

 .btn-inquiry:hover {
   background-color: var(--drak-blue-sec);
   color: #fff;
   opacity: .7;
 }

 .application-category-fixed {
   position: sticky;
   top: 0;
 }

 .application-category-fixed .application-category-box {
   padding-top: 1rem;
 }

 .related_productlist {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 1rem 2.5rem;
 }

 .related_productlist li {
   margin: 0;
   font-size: .9rem;
   border-bottom: 1px solid #eee;
   position: relative;
   font-weight: 400;
   padding-bottom: .35rem;
 }

 .related_productlist li a {
   width: 100%;
   display: block;
 }

 .related_productlist li.active {
   color: var(--drak-blue-sec);
   border-color: var(--drak-blue-sec);
 }

 .related_productlist li::before {
   content: "";
   position: absolute;
   right: 0;
   top: 43%;
   width: 20px;
   height: 20px;
   transform: translateY(-50%);
   background-color: #9aa7b4;
   -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9.29 6.71a1 1 0 0 1 1.42 0l4.59 4.59a1 1 0 0 1 0 1.41l-4.59 4.59a1 1 0 1 1-1.42-1.41L13.17 12 9.29 8.12a1 1 0 0 1 0-1.41Z'/%3E%3C/svg%3E") no-repeat center / contain;
   mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9.29 6.71a1 1 0 0 1 1.42 0l4.59 4.59a1 1 0 0 1 0 1.41l-4.59 4.59a1 1 0 1 1-1.42-1.41L13.17 12 9.29 8.12a1 1 0 0 1 0-1.41Z'/%3E%3C/svg%3E") no-repeat center / contain;
   transition: all .25s ease;
 }

 .video_show {
   position: relative;
 }

 .video_btn.modern {
   position: absolute;
   left: 5px;
   top: 5px;
   z-index: 1;
   background-color: #1967b3;
   color: #fff;
   padding: .2rem .5rem;
   border-radius: 50px;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
   transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
   font-size: .85rem;
   display: flex;
   align-items: center;
   font-weight: 500;
 }

 .video_btn.modern span {
   margin-left: .35rem;
 }

 .video_btn.modern:hover {
   cursor: pointer;
   border-color: #1a3b5c;
   box-shadow: 0 4px 12px rgba(26, 59, 92, 0.15);
   transform: translateY(-2px);
 }

 .video_btn.modern:hover svg {
   transform: scale(1.15);
 }

 .video_btn.modern svg {
   transition: transform 0.3s ease;
 }

 .product-inline-downloads2 .product-inline-download-card {
   min-height: initial;
 }

 .product-inline-downloads2 .product-inline-download-meta {
   margin: 0;
 }

 .product-inline-downloads2 .product-inline-download-meta .pdf_desc {
   font-size: .85rem;
 }

 @media(max-width:1150px) {
   .product-banner {
     background-position: right 60px bottom 30px;
   }

   .product-banner-content {
     max-width: 450px;
   }

   .container {
     padding: 15px 1.3rem;
   }
 }

 @media (max-width:991.98px) {
   .iconfont {
     width: 1.8rem !important;
     aspect-ratio: 1/1;
     background: url(../imgs/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;
     text-align: center;
     margin-top: .4rem;
   }

   #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
   }

   .why-choose-layout,
   .section-grid-with-slide,
   .about-hero-copy {
     grid-template-columns: 1fr;
   }

   .quick-nav-grid {
     grid-template-columns: repeat(2, 1fr);
     gap: 24px;
   }

   .hero {
     min-height: 300px;
   }

   .hero-content {
     margin-left: 45%;
   }

   .product-breadcrumb,
   .product-banner p,
   .about-breadcrumb {
     display: none;
   }

   .product-banner-inner {
     gap: 0;
   }

   .section-mini {
     padding: 1.5rem 1rem;
   }

   .application-category-box {
     max-width: initial;
     padding: 0 1rem;
   }
 }

 @media (max-width:768.65px) {

   .footer-nav-grid,
   .feature-grid,
   .packaging-gallery-grid4,
   .item_th {
     grid-template-columns: repeat(2, 1fr);
   }

   .footer-nav-col.applications-col ul,
   .contact-cta .cta-box,
   .application-detail-layout {
     grid-template-columns: 1fr;
     gap: 10px;
   }

   .contact-cta .cta-box,
   .etw-inquery-container {
     padding: 0;
   }

   .product-banner {
     background-image: none;
   }

   .product-banner-content {
     max-width: none;
   }

   .section-mini {
     padding: 0;
   }

   .spec-bg-light-gray {
     box-shadow: none;
     padding: 0;
   }

   .container {
     padding: 1rem;
   }

   .product-overview .section-title,
   .product-basic-info .section-title,
   .product-features .section-title,
   .product-applications .section-title,
   .product-specifications .section-title,
   .product-packaging .section-title,
   .product-documents .section-title {
     margin-bottom: .5rem;
   }

   .product-overview p,
   .product-packaging p {
     line-height: 1.4;
     margin-bottom: 0;
     font-size: .8rem;
   }

   .section {
     padding: 1rem 0;
   }

   .applications2 .jsclickready {
     display: flex;
     justify-content: center;
   }

   .applications2 .jsclickready img {
     width: 75%;
   }

   .about-team-grid,
   .about-customer-grid {
     grid-template-columns: repeat(3, 1fr);
   }

   .application-category-box {
     padding-top: 0;
   }

   .product_boxs .pro_img,
   .product_boxs .pro_desc {
     width: 100%;
   }

   .glyphicon-envelope::before {
     width: 20px;
     height: 17px;
     margin-left: 6px;
   }

   .about-hero-overlay {
     align-items: baseline;
   }

   .about-hero-heading {
     margin-top: 1.5rem;
     background-color: #0000005f;
     padding: .5rem;
   }

   .about-hero-image img {
     height: 200px;
   }

   .about-hero {
     padding-bottom: 1.35rem;
   }

   .about-hero-title-box {
     padding: 0;
   }

   .application-detail-content {
     margin-bottom: 22px;
   }

   .application-category-nav2 {
     display: none;
   }
 }

 @media (max-width:576px) {
   .hero {
     min-height: initial;
     padding: 1.5rem 0;
   }

   .hero-content h1 {
     font-size: 1.25rem;
     text-shadow: 0 -2px 0 #999;
   }

   .hero-content p,
   .phonebox-none {
     display: none;
   }

   .chem-product-grid,
   .application-grid,
   .product-2-column,
   .feature-grid,
   .item_th,
   .our-products-boxs,
   .related_productlist,
   .item_two,
   .about-product-grid,
   .about-service-grid,
   .contact-page-grid {
     grid-template-columns: 1fr;
   }

   .about-team-grid,
   .about-customer-grid {
     grid-template-columns: repeat(2, 1fr);
   }

   .product-banner {
     padding: 1.5rem 0 1.5rem;
   }

   .section-title h2 {
     padding-top: .5rem;
   }

   .application-reference-product-desc {
     line-height: 1.4rem;
   }

   .product-banner .h1 {
     line-height: 1.35;
     font-size: 1.7rem;
   }

   .application-category-nav .h2caption {
     margin-top: 1rem;
     margin-bottom: .45rem !important;
   }

   .application-reference-product-desc p {
     margin-bottom: .55rem;
   }

   .footer-nav-grid,
   .section-grid-with-slide {
     gap: 18px;
   }

   .footer-nav-col.applications-col ul {
     gap: 0;
   }

   .footer-nav-col li {
     margin-bottom: 0;
   }

   .footer-nav-col h4,
   .footer-nav-col .h4,
   .application-category-head {
     margin-bottom: .4rem;
   }

   .downLoad_pdf {
     flex-direction: column;
   }

   .downLoad_pdf>a {
     width: auto;
     margin-top: .35rem;
   }

   .application-category-list {
     margin-bottom: .4rem !important;
   }

   .product-inline-downloads2,
   .application-category-nav {
     padding-top: 1rem;
   }

   .application-category-list a {
     padding: 9px 28px 9px 0;
   }

   .application-our-tit .h2caption {
     padding-top: 0;
   }

   .intro-content {
     text-align: left;
   }

   .hero-content {
     margin-left: 0;
   }

   .intro-content h2,
   .intro-content .intro-content-kicker_h2 {
     padding-right: 0;
     font-size: 1.2rem;
   }

   .contact-page-hero {
     padding: 2.5rem 0 2.5rem;
   }

   .product-spec-table tr td:first-child {
     width: auto;
   }

   .left-main {
     grid-template-columns: 1fr;
   }

   .product_boxs .pro_desc p {
     display: none;
   }

   .application-category-nav .h2caption,
   .applications2 .pro_desc b {
     font-size: 1.05rem;
   }

   .h4caption,
   .intro-content p,
   .chem-product-meta li {
     font-size: .9rem;
   }

   body,
   .about-intro-content p,
   .related_productlist li,
   .applications2 .pro_desc p {
     font-size: .85rem;
   }

   .applications2 .pro_desc p:last-child {
     margin-bottom: 0;
   }

   .container {
     padding: .75rem 1rem;
   }

   .product-basic-info li,
   .product-applications li,
   .product-packaging li,
   .product-documents li {
     font-size: .85rem;
     padding-left: 0;
   }

   .btn {
     font-size: .9rem;
     padding: .75rem 1rem;
   }

   .product-2-column {
     gap: 38px;
   }

   .product-spec-table td {
     padding: 10px .3rem;
   }

   .about-service-card {
     padding: 13px 18px;
   }

   .section-title h2 {
     font-size: 1.3rem;
   }

   .section-title {
     margin-bottom: 8px;
   }

   .related_productlist {
     padding-top: .5rem;
   }

   .contact-card h2,
   .contact-map-head h2,
   .inquiry-card-head h2 {
     font-size: 1.25rem;
   }

   .contactform .etwfrom-message {
     min-height: 112px !important;
   }
 }

 @media (max-width:518.65px) {
   .footer-slogan {
     display: none;
   }

   .footer-nav-grid {
     grid-template-columns: 1fr;
   }

   .product_boxs .pro_img,
   .product_boxs .pro_desc {
     width: 100%;
   }

   .product_boxs .pro_desc a {
     font-size: 1rem;
   }

   .more_btn {
     display: none;
   }
 }




 /*news*/
 .related_news {
   margin-top: 30px;
   border-top: 1px #ccc dashed;
   padding-top: 20px;
   background: #fafafa;
   box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .2);
 }

 .related_news .item {
   background: #eee;
 }

 .related_news .item .product_img {
   height: 150px;
   overflow: hidden;
 }

 .related_news .item .product_img img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   display: block;
 }

 .related_news .item .product_con a {
   font-size: 12px;
   line-height: 16px;
   display: block;
   padding: 5px 10px;
 }

 .related_news .item:hover .product_con a {
   color: #da251d;
 }

 #app_class_menu,
 #app_new_pro {
   display: none;
 }

 #app_new_pro ul,
 #app_new_pro ol,
 #app_new_pro li {
   list-style: none;
 }

 .newslist {
   margin-top: 0 !important;
 }

 .newslist ul>li>a {
   font-size: 14px !important;
   border-bottom: none !important;
   font-weight: 400 !important;
 }

 .news_list {
   width: 100%;
   margin: 20px auto;
 }

 .news_list ul {
   width: 100%;
   margin-bottom: 30px;
   padding: 15px;
   background: #f6f6f6;
   border: 1px #f9f9f9 solid;
   overflow: hidden;
   box-sizing: border-box;
 }

 .news_list ul>li,
 .news_list ul>li>ol {
   width: 100%;
   margin: 0;
   padding: 0;
   list-style: none;
 }

 .news_list ul>li>ol>li.product_img {
   width: 26%;
   height: 150px;
   overflow: hidden;
   float: left;
 }

 .news_list ul>li>ol>li.product_img img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   display: block;
 }

 .news_list ul>li>ol>li.product_con {
   float: right;
   width: 72%;
 }

 .news_list ul>li>ol>li.product_con a {
   font-size: 16px;
   line-height: 20px;
   color: #111;
   border-bottom: 1px solid #333;
   display: block;
   padding: 5px 0;
   margin-bottom: 10px;
   transition: all ease-in-out .3s;
   text-decoration: none !important;
   font-weight: 500;
 }

 .news_list ul>li>ol>li.product_con a:hover {
   color: #0e3d8f;
 }

 .news_des {
   font-size: 14px;
   line-height: 20px;
   margin: 0 0 5px;
   color: #555;
 }

 .newstime {
   color: #777;
   margin-bottom: 10px;
   display: inline-block;
   font-size: 0.85rem;
 }


 .etw_page {
   margin: 0 auto;
   width: 100%;
   overflow: hidden;
 }

 .etw_page ul {
   float: right;
   list-style: none;
   margin: 0;
   padding: 0;
   display: flex;
   align-items: center;
 }

 .etw_page li {
   margin: 0 2px;
 }

 .etw_page li a {
   color: #3B393A;
   display: flex;
   align-items: center;
   justify-content: center;
   min-width: 32px;
   height: 28px;
   padding: 0 4px;
   border: 1px #333 solid;
   margin: 20px 0;
   text-decoration: none;
   box-sizing: border-box;
   font-size: 13px;
   transition: all ease-in-out .3s;
 }

 .etw_page li a:hover {
   color: #0e3d8f;
   background: #eee;
   border-color: #0e3d8f;
 }

 .etw_page li a.dq {
   background: #eee;
   color: #0e3d8f;
   font-weight: bold;
   border-color: #0e3d8f;
   cursor: default;
   pointer-events: none;
 }

 .etw_page li a.prev span,
 .etw_page li a.next span {
   display: flex;
   align-items: center;
   font-size: 0;
 }

 .etw_page li a i {
   display: inline-block;
   width: 10px;
   height: 10px;
   background-color: currentColor;
   -webkit-mask-repeat: no-repeat;
   mask-repeat: no-repeat;
   -webkit-mask-position: center;
   mask-position: center;
   -webkit-mask-size: contain;
   mask-size: contain;
 }

 .etw_page .icon-step-backward {
   -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 2h2v12H2zm12 .5L5.5 8l8.5 5.5z'/%3E%3C/svg%3E");
   mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 2h2v12H2zm12 .5L5.5 8l8.5 5.5z'/%3E%3C/svg%3E");
 }

 .etw_page .icon-caret-left {
   -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11 2.5L2.5 8 11 13.5z'/%3E%3C/svg%3E");
   mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11 2.5L2.5 8 11 13.5z'/%3E%3C/svg%3E");
 }

 .etw_page .icon-caret-right {
   -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M5 2.5L13.5 8 5 13.5z'/%3E%3C/svg%3E");
   mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M5 2.5L13.5 8 5 13.5z'/%3E%3C/svg%3E");
 }

 .etw_page .icon-step-forward {
   -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M12 2h2v12h-2zm-10 .5L10.5 8 2 13.5z'/%3E%3C/svg%3E");
   mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M12 2h2v12h-2zm-10 .5L10.5 8 2 13.5z'/%3E%3C/svg%3E");
 }

 .news_detail {
   width: 100%;
 }

 .news_detail ul {
   margin-bottom: 1rem;
 }

 .news_detail strong {
   padding: 0;
 }

 .news_detail img {
   margin: 0 auto;
   display: block;
   max-width: 100%;
   height: auto;
 }

 #news_video {
   max-height: 600px;
   margin-bottom: 10px;
   width: 100%;
 }

 .news_name {
   border-bottom: 1px solid #ccc;
   text-align: center;
   padding-bottom: 10px;
   margin-bottom: 30px;
 }

 .news_name h3 {
   text-align: center;
   color: #01348b;
   font-size: 22px;
   font-weight: 700;
   margin-bottom: 12px;
   padding-bottom: 15px;
 }

 .news_name span {
   color: #777;
 }

 .news_prevnext {
   width: 100%;
   margin-top: 30px;
   overflow: hidden;
   clear: both;
 }

 .new_prev {
   float: left;
   width: 48%;
   box-sizing: border-box;
 }

 .new_next {
   float: right;
   width: 48%;
   box-sizing: border-box;
 }

 .new_next a,
 .new_prev a {
   color: #333;
   font-size: 13px;
   line-height: 20px;
   display: block;
   position: relative;
   background: #f1f1f1;
   text-decoration: none;
   border-radius: 3px;
   box-sizing: border-box;
   margin-bottom: 10px;
   transition: all ease-in-out .3s;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }

 .new_prev a {
   padding: 8px 12px 8px 24px;
   text-align: left;
 }

 .new_prev a:before {
   content: "";
   position: absolute;
   left: 8px;
   top: 50%;
   transform: translateY(-50%);
   width: 10px;
   height: 10px;
   background-color: currentColor;
   -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3E%3C/svg%3E") no-repeat center / contain;
   mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3E%3C/svg%3E") no-repeat center / contain;
 }

 .new_next a {
   padding: 8px 24px 8px 12px;
   text-align: right;
 }

 .new_next a:before {
   content: "";
   position: absolute;
   right: 8px;
   top: 50%;
   transform: translateY(-50%);
   width: 10px;
   height: 10px;
   background-color: currentColor;
   -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E") no-repeat center / contain;
   mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E") no-repeat center / contain;
 }

 .new_next a:hover,
 .new_prev a:hover {
   color: #0e3d8f;
   background: #e6ecf7;
 }


 .news_related_li {
   width: 24%;
   padding-right: 1%;
   float: left;
   box-sizing: border-box;
 }

 .etw_reviewpro {
   padding: 20px 0;
 }

 .etw_reviewpro li {
   width: 100%;
   list-style: none;
 }

 .etw_reviewpro li a {
   display: block;
   color: #333;
   position: relative;
   padding-left: 16px;
   text-decoration: none;
 }

 .etw_reviewpro li a:hover {
   color: #ff4e4e;
 }

 .etw_reviewpro li a:before {
   position: absolute;
   content: '';
   width: 5px;
   height: 5px;
   left: 0px;
   top: 8px;
   background: #777;
   transform: rotate(45deg);
 }

 .etw_reviewpro li a:hover:before {
   background: #ff4e4e;
 }

 @media (max-width: 768px) {
   .news_list ul>li>ol>li.product_img {
     width: 35%;
   }

   .news_list ul>li>ol>li.product_con {
     width: 62%;
   }
 }

 @media (max-width: 575.98px) {
   .news_des {
     display: none;
   }

   .news_list ul>li>ol>li.product_img {
     width: 100%;
     height: 160px;
     float: none;
     margin-bottom: 10px;
   }

   .news_list ul>li>ol>li.product_con {
     width: 100%;
     float: none;
   }

   .news_prevnext {
     flex-direction: column;
     gap: 10px;
   }

   .new_next,
   .new_prev {
     width: 100%;
   }

   .new_next a {
     text-align: left;
     padding: 8px 12px 8px 24px;
   }

   .new_next a:before {
     left: 8px;
     right: auto;
   }

   .etw_page ul {
     float: none;
     justify-content: center;
     flex-wrap: wrap;
   }

   .etw_page li a {
     margin: 5px 2px;
   }

   .news_related_li {
     width: 50%;
     margin-bottom: 15px;
   }
 }