@import url('https://fonts.googleapis.com/css?family=Prompt:400,500,600,800&display=swap&subset=thai');
body {font-family: "Prompt", sans-serif;color: #424143;font-size: 16px;background: #fff;width: 100%;overflow-x: hidden;line-height: 1.5;}
#content * {font-family: "Prompt", sans-serif}
a {color: #4fa6d5}
a:hover {color: #14abe0;text-decoration: none;}
h1, h2, h3, h4, h5, h6, .font-primary {font-family: "Prompt", sans-serif;}
.font-weight-bold,b,strong,h1,h2{font-weight: 600}
h1,.h1{font-size: 24pt;font-weight: 600;color: #0c5293;margin-bottom: 1rem;}
.h2{font-weight: 600;font-size: 24pt;color: #0c5293}
p a{color: #424143}
.form-control:focus{box-shadow: none}
.gc-color{color: #0c5293}
.bg-gc{background-color: #0c5293}
.title_box{font-weight: 600;margin-bottom: 1.5rem}
img{width: 100%;height: auto;transition: all 1s ease-in-out}
#main img{border-radius: 5px}
.tag-h4, .tag-h4 h1{font-size: 1.5rem}
.preloader {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 99999;display: flex;flex-flow: row nowrap;justify-content: center;align-items: center;background: none repeat scroll 0 0 #ffffff}
.ripple {display: inline-block;position: relative;width: 80px;height: 80px}
.ripple div {position: absolute;border: 4px solid #0c5293;opacity: 1;border-radius: 50%;animation: ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite}
.ripple div:nth-child(2) {animation-delay: -0.5s}
@keyframes ripple {0% {top: 36px;left: 36px;width: 0;height: 0;opacity: 1}100% {top: 0px;left: 0px;width: 72px;height: 72px;opacity: 0}}
.bg-color{background-color: #fdb726;}
#header {height: 80px;transition: all 0.5s;z-index: 9;padding: 15px 0;background: rgb(12, 84, 147)}
#header .circular {padding: 10px 30px;display: inline-flex;background-color: #fdb726;border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;color: #0c5293 !important;font-size: 18px}
.top-flex{flex-wrap: wrap;display: flex;}
.top-left{display: flex;align-items: center}
.top-right{align-content: end;flex: auto}
.ul-menu{display: flex;justify-content: flex-end}
.circular-a{padding: 4px !important;}
#header.header-transparent {background: none;}
#header.header-scrolled {background: rgb(255, 255, 255);box-shadow: 0 0.5rem 1rem rgba(0,0,0,.05), inset 0 -1px 0 rgba(0,0,0,.1);height: 60px;padding: 20px 0}
#header{background-image: linear-gradient(rgba(0, 0, 0, 0.63), rgba(4, 4, 4, 0)) !important}
#header.header-scrolled{background-image: unset !important}
#header .logo h1 {font-size: 28px;margin: 0;padding: 4px 0;line-height: 1;font-weight: 400;letter-spacing: 3px;text-transform: uppercase}
#header .logo h1 a, #header .logo h1 a:hover {color: #fff;text-decoration: none}
.gc-logo{width: 200px}
.overflow-hidden{overflow:hidden}
#header .logo a {vertical-align: top;display: inline-block}
#app {margin-top: 80px;margin-bottom: 0}
.nav-menu, .nav-menu * {margin: 0;list-style: none;position: relative;align-items: center;}
/* .nav-menu > ul > li {position: relative;white-space: nowrap;float: left;margin: 0 5px;}
.header-scrolled .nav-menu a {display: block;position: relative;color: #000;transition: 0.3s;margin-top: 8px;}
.nav-menu a {display: block;position: relative;color: #fff;padding: 3px 8px;transition: 0.3s;font-size: 18px}
.nav-menu .active > a,.nav-menu li:hover > a {background-color: #14abe0;color: #fff !important;border-radius: 25px;z-index: 10}
.nav-menu .drop-down ul {display: block;position: absolute;left: 0;top: calc(100% - 30px);z-index: 99;opacity: 0;visibility: hidden;padding: 10px 0;background: #fff;box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);border-radius: 5px;}
.nav-menu .drop-down:hover > ul {opacity: 1;top: 100%;visibility: visible}
.nav-menu .drop-down li {min-width: 180px;position: relative;margin: 0;}
.nav-menu .drop-down.drop-lang li {min-width: auto;text-align: center;padding-top: 10px}
.nav-menu .drop-down ul a {padding: 3px 8px;font-size: 14px;text-transform: none;color: #1c3745;text-align: left}
.nav-menu .drop-down.drop-lang ul {top: 70%;z-index: 0;width: 100%;}
.nav-menu .drop-down.drop-account ul {display: block;width: 300px;margin-left: -200px;margin-top: 5px;border-radius: 5px;padding: 14px 0 0;}
.nav-menu .drop-down ul.login-account{padding: 8px} */
.nav-menu > ul > li {position: relative;white-space: nowrap;float: left;margin: 0 5px;}
.header-scrolled .nav-menu a {display: block;position: relative;color: #000;transition: 0.1s;margin-top: 8px;}
.nav-menu a {display: block;position: relative;color: #fff;padding: 3px 8px;transition: 0.1s;font-size: 18px}
.nav-menu a:hover, .nav-menu .active > a, .nav-menu li:hover > a {background-color: #EC7726;color: #fff !important;border-radius: 5px;z-index: 1}
.nav-menu .drop-down ul {display: block;position: absolute;left: 0;top: calc(100% - 30px);z-index: 99;opacity: 0;visibility: hidden;padding: 5px 0;background: #fff;box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);transition: ease all 0.3s}
.nav-menu .drop-down:hover > ul {opacity: 1;top: 100%;visibility: visible}
.nav-menu .drop-down li {min-width: 180px;position: relative;margin: 5px 0;}
.nav-menu .drop-down.drop-lang li {min-width: auto;text-align: center;padding-top: 10px}
.nav-menu .drop-down ul a {padding: 3px 8px;font-size: 14px;text-transform: none;color: #1c3745;text-align: left}
.title-ser{padding: 3px 8px;}
.nav-menu .drop-down .drop-down > a {padding-right: 35px}
.nav-menu .drop-down.drop-lang ul {top: 70%;z-index: 0;width: 100%;}
.nav-menu .drop-down.drop-account ul {display: block;width: 300px;margin-left: -200px;margin-top: 5px;border-radius: 5px;padding: 14px 0 0;}
.nav-menu .drop-down ul.login-account{padding: 8px}
.nav-menu .have-account li:hover a,.nav-menu .have-account li a:hover,.nav-menu .drop-lang li:hover a,.nav-menu .drop-lang li a:hover{background: none;border: none;color: #000 !important;}
.nav-menu .have-account li:hover a,.nav-menu .have-account li a:hover,.nav-menu .drop-lang li:hover a,.nav-menu .drop-lang li a:hover{background: none;border: none;color: #000 !important;}
.form-group{margin-bottom: .5rem}
.btn-submit{background-color: #0c5493;color: #fff;}
.btn-submit:hover{background-color: #0d4a80}
.btn-gc{background-color: #0c5493;color: #fff;border-radius: 8px;padding: 5px 20px}
.btn-gc:hover{background-color: #0d4a80}
.nav-menu .drop-down ul.have-account {display: block;width: auto;margin-left: 0;margin-top: -15px;border-radius: 5px;left: 0;z-index: 0;}
.nav-menu .drop-down ul.have-account li a:hover,.nav-menu .drop-down.drop-account ul li:hover a,.drop-account ul li a{color: #1c3745}
.nav-menu .drop-down li.have-account {padding: 0;position: relative;min-width: auto;text-align: center;}
.nav-menu .drop-down .have-account li {padding: 1rem .8rem;min-width: auto;}
.nav-menu .drop-down ul a:hover, .nav-menu .drop-down ul .active > a, .nav-menu .drop-down ul li:hover > a {color: #68A4C4}
.nav-menu .drop-down.drop-lang a:after,.drop-account a:after {display: none}
.nav-menu .drop-down .drop-down ul {top: 0;left: calc(100% - 30px)}
.nav-menu .drop-down .drop-down:hover > ul {opacity: 1;top: 0;left: 100%}
.nav-menu .drop-down .drop-down > a:after {content: "\f054";font-family: "Font Awesome 5 Free";position: absolute;font-weight: 900;right: 15px}
/* .nav-menu .drop-down .drop-down > a:after {content: "\f054";font-family: "Font Awesome 5 Free";display: block;position: absolute;right: 0;top: 5px;width: 18px;height: 18px;font-weight: 900;cursor: pointer;z-index: -1;-webkit-transition: all 0.1s ease-out;-o-transition: all 0.1s ease-out;transition: all 0.1s ease-out;} */
.nav-menu .drop-down .drop-down > a.not-arrow:after {display: none;}
.st-sear, .account, .world,.save-material,.icon-compare{fill:#ffffff;}
.position-unset{position: unset!important}
.nav-menu .drop-down .megamenu {
  padding: 20px 20px;
  position: absolute;
  visibility: hidden;
  left: 0;
  right: 0;
  max-width: 98.5%;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: start;
  flex-direction: column;
  flex-basis: 100%;
  opacity: 0;
  background-color: #fff;
  border-radius: 25px;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
}
.megamenu li.drop-down {
  flex: 1;
  width: 280px;
  position: unset;
  margin: 0;
  margin-bottom: .5rem;
  overflow: hidden;
}
.megamenu li:hover a{
  background-color: transparent;
  color: #0073aa !important;
}
.nav-menu .drop-down.on-hover .megamenu{
  position: fixed;
  top: 98px;
  opacity: 1;
  min-height: 50%;
  visibility: visible;
}
.header-scrolled .nav-menu .drop-down.on-hover .megamenu{
  top:105px;
}
.nav-menu .drop-down .megamenu ul.submega{
  background-color: transparent;
  box-shadow: none;
  position: relative;
  padding: 0;
  display: flex;
  align-items: start;
  flex-direction: column;
  flex-basis: 100%;
}
.nav-menu .drop-down .megamenu ul.submega a{
  padding: 0;
  margin-top: 0;
  padding-right: 15px;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.nav-menu .drop-down .megamenu .drop-down.on-hover > ul{
  padding: 0 10px 0 15px;
  margin-left: 0;
  background: transparent;
  box-shadow: none;
  height: 100%;
}
.nav-menu .drop-down .megamenu .drop-down.on-hover > ul li{
  padding-bottom: 10px;
}
.nav-menu .drop-down .drop-down:hover > ul.ul-segment{
  top: 7%;
}
.nav-menu .drop-down:hover .megamenu ul.submega {opacity: 1;top: 100%;visibility: visible;position: relative;max-width: max-content;}
.header-scrolled .st-sear, .header-scrolled .account, .header-scrolled .world {fill:#000;}
.sherd-svg,.copy-svg,.circle-sherd{fill:#0c5493;}
.product-detail h1{font-size: 1.8rem}
.product-detail h1,.product-detail h2,.product-detail h3{color: #0c5493}
.sherd-svg{fill:#FFFFFF;}
.product-detail svg{width: 25px}
.line-center{margin:0;padding:0 10px;background:#fff;display:inline-block;}
.line-cover-text{text-align:center;position:relative}
.line-cover-text:after{content:"";position:absolute;top:50%;left:0;right:0;border-top:solid 1px #a7a9ac;z-index:-1}
.thumb-list img.zoomer-control{width: 30px !important}
.searchbar svg{margin-top: 5px}
.header-scrolled .searchbar svg{margin-top: 14px}
.full-width{width: 100%;position: relative}
.mobile-nav {position: fixed;top: 0;bottom: 0;z-index: 9999;overflow-y: auto;left: -260px;width: 0;padding-top: 18px;background: #1e4356;transition: 0.4s}
.mobile-nav * {padding: 0;margin: 0; list-style: none}
.mobile-nav a {display: block;position: relative;color: #ddecf5;padding: 10px 20px;font-weight: 500;text-align: left !important;}
.mobile-nav a:hover, .mobile-nav .active > a, .mobile-nav li:hover > a {color: #a2cce3;text-decoration: none}
.mobile-nav .drop-down > a:after {content: "\f107";font-family: "Font Awesome 5 Free";padding-left: 10px;position: absolute;right: 15px;font-weight: 600}
.mobile-nav .active.drop-down > a:after {content: "\f106"}
.mobile-nav .drop-down > a {padding-right: 35px;}
.mobile-nav .drop-down ul {display: none;overflow: hidden}
.mobile-nav .drop-down li {padding-left: 20px}
.mobile-nav-toggle {position: fixed;right: 15px;top: 15px;z-index: 9998;border: 0;background: none;font-size: 24px;transition: all 0.4s;outline: none !important;line-height: 1;cursor: pointer;text-align: right}
.mobile-nav-toggle i {color: #fff}
.mobile-nav-toggle.nav-bars i {color: #000}
.mobile-nav-overly {width: 100%;height: 100%;z-index: 9997;top: 0;left: 0;position: fixed;background: rgba(30, 67, 86, 0.9);overflow: hidden;display: none}
.mobile-nav-active {overflow: hidden}
.mobile-nav-active .mobile-nav {left: 0}
.mobile-nav-active .mobile-nav-toggle i {color: #fff}
.mobile-nav-active .mobile-nav{width: 75%;}
.mobile-nav .target{padding: 0 15px}
section {padding: 60px 0;position: relative}
.section-bg {background-color: #f3f8fa}  
.col-inno {-ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20%;padding: 0 3px}
.nav-center {text-align: center}
.nav-center  ul.nav {display: inline-block;}
.nav-center li {display: inline}
.nav-center a {float: left;margin: 5px 15px;padding: 5px 50px;font-weight: 600;border-top: 4px solid #543131}
.nav-center a.active {border-top: 4px solid #ee7726}
.mobile-nav-active .form-group{margin-bottom: 0.5rem}
.mobile-nav-active .form-control{padding: 0.375rem 0.75rem}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
.text-banner {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);color: #fff}
.gc-blue{border: 1px solid #0c5493;color: #0c5493}
.gc-blue:hover{background: #0c5493;color: #fff}
.gc-orange{border: 1px solid #ee7625;color: #ee7625}
.gc-orange:hover{background: #ee7625;color: #fff}
.box-arrow{padding-left: 130px;margin: auto}
.arrow-owl{border: 1px solid #0c5493;border-radius: 50px;width: 40px;height: 40px;display: inline-block;line-height: 41px;text-align: center;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s}
.arrow-owl:hover{background: #0c5493;color: #fff;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s}
.transform-3d {display: inline-block;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: -webkit-transform;transition-property: transform;-webkit-transform: translateZ(0);-ms-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0)}
.transform-3d:hover {-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1)}
.hover-box-labels{display: flex;align-items: center;justify-content: center}
.hover-box-labels h2{color: #fff;font-size: 2rem;}
.material-box{background-color: #f5f6f6}
.banner_hr{border-bottom: 4px solid #ec7726;position: relative} 
.material .owl-stage {display: flex}
.material .owl-item {display: flex;flex: 1 0 auto;}
.material .content-material {	display: flex;flex: 1 0 auto;flex-direction: column;background-color: rgba(8, 8, 8, 0.5);padding: 25px 10px;text-align: center;position: relative;}
.material .flex-text {flex-grow: 1}
.material .thumbnail {display: flex;flex-direction: column}
.content-material p{color: #fff;margin-bottom: 0}
.material-image{width: 100%}
.content-material h3{color: #fff;letter-spacing: 0.05em;margin-bottom: 0;font-size: 19px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;}
.material-box hr{border-top: 2px solid #ee7625}
.csc-lasted h2{font-size: 19px;}
.csc-lasted .pull-csc .row{margin-bottom: 1rem;display: flex}
.csc-lasted img{-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px}
.csc-img-box{padding: 0 25px}
.csc-news:hover{cursor: pointer}
.csc-des{margin-top: 1rem}
#content{padding-top: 100px}
#content h1{color: #0c5493;font-size: 2rem}
#content .hr-market-detail{border: 1px solid #ee7625}
.hr-border-o{border: 1px solid #ee7625}
.fadeIn-right{left: 80%;}
.market-box{padding: 15px 0}
.market-box h2{font-size: 1.2rem}
.market-box hr{border: 2px solid #ee7625;width: 10%;border-radius: 25px;margin: 1rem 0}
.dete{border-top: 1px solid #444;border-bottom: 1px solid #444;padding: 10px 0}
.dete img{width: 20px}
.market-news{padding: 80px 25px 30px;border: 0}
.market-news::after{content: '';position: absolute;left: 12%;top: 100%;width: 0;height: 0;border-left: 20px solid transparent;border-right: 20px solid transparent;border-top: 20px solid #fff;clear: both}
.section-market{background-image: url(/images/brand/innoplus-bg.jpg);background-repeat: no-repeat;background-position: center top 100px}
.section-market .title{color: #0c5493;font-size: 1.2rem}
.market-news h2{font-size: 1.1rem}
.market-hover::after{content: '';position: absolute;top: 0;left: 0;right: 0;width: 80%;border-bottom: 2px solid #a7a9ac;padding: 10px 15px;margin: auto}
.market-hover:hover::after{content: '';position: absolute;top: 0;left: 0;right: 0;width: 80%;border-bottom: 2px solid #ee7625;padding: 10px 15px;margin: auto}
.market-hover:hover .arrow-owl{background: #0c5493;color: #fff;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s}
.market-svg svg{width: 40px}
.link-market p{color: #000}
.btn-readmore{border: 1px solid #ee7625;border-radius: 8px;padding: 4px 15px}
.btn-address{border: 1px solid #ee7625;border-radius: 8px;padding: 0.375rem 0.75rem;display: block;background-color: #ee7625;color: #fff}
.btn-next{border: 1px solid #0F55A0;border-radius: 8px;padding: 0.375rem 0.75rem;display: block;background-color: #0F55A0;color: #fff !important}
.btn-readmore:hover,.more-active{background-color: #ee7625;color: #fff}
.btn-readmore:hover,.cls-active{background-color: #B95933;color: #fff}
.bg-card{background-color: #f5f5f5}
.pagination{display: flex;justify-content: center;margin-top: 15px;}
.page-item.active .page-link {background-color: #ee7625;border-color: #ee7625}
.pagination .page-link:focus {box-shadow: unset}
#content img{width: 100% !important;margin: auto;height: auto !important;display: block}
#content ul,#content ol{padding: 0;}
#content ul img,#content ol img{margin: 1rem 0}
.serveice-customer{padding: 60px 0;color: #fff}
.serveice-customer img{width: 25%}
.parent-customer{padding: 50px}
.news-parent img{margin-bottom: 1rem}
.news-parent .card{border: 0}
.banner-cover-text h1{font-size: 3.5rem}
.banner-cover-text p{font-size: 1.1rem}
.banner-cover-text .btn-readmore{color: #fff;background-color: #EC7726}
.banner-cover-text{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);color: #fff;width: 100%;text-align: center;font-size: 2rem;z-index: 2;}
.customer-solution img{border-radius: 5px}
.customer-solution p{color: #fff;}
.section-brand img{width: 80%;text-align: left}
.box-csc{margin-bottom: 4rem}
.box-csc h2,.about-eco h2{color: #0c5493;margin-bottom: 0}
.box-csc h3,.about-eco h3{color: #434143;font-size: 1.3rem;margin-bottom: 1rem}
.title-csc h3{font-size: 1.3rem}
.box-csc p{color: #434143}
.bg-inno {background-image: url(/images/brand/innoplus-bg.jpg);background-repeat: no-repeat;background-position: center top}
.card-inno {box-shadow: 0 8px 10px rgba(0, 0, 0, 0.38);border: 0;border-radius: 5px;padding: 1px;padding-bottom: 15px;z-index: 2}
.card-inno-low {z-index: 2}
#hdpe.hover-inno .card-inno{border: 2px solid #204494}
#hdpe:hover .card-inno{border: 2px solid #204494}
#lldpe:hover .card-inno{border: 2px solid #1ca94e}
#mlldpe:hover .card-inno{border: 2px solid #652f6c}
#ldpe:hover .card-inno{border: 2px solid #a51d39}
#pet:hover .card-inno{border: 2px solid #24c0f1}
.has-dropdown {display: none;position: absolute;width: 100%;left: 0;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1;z-index: 1;color: #fff;margin-top: -25px;padding: 50px 25px}
#hdpe.hover-inno .has-dropdown {background-color: #204494}
#hdpe:hover .has-dropdown {background-color: #204494}
#lldpe:hover .has-dropdown {background-color: #1ca94e}
#mlldpe:hover .has-dropdown {background-color: #652f6c}
#ldpe:hover .has-dropdown {background-color: #a51d39}
#pet:hover .has-dropdown {background-color: #24c0f1}
.col-inno.hover-inno .has-dropdown {display: block;float: left}
.col-inno:hover .has-dropdown {display: block;float: left}
.pd-cus-right{padding-right: 8px;padding-left: 0}
.pd-cus-left{padding-left: 8px;padding-right: 0}
.m-cus{margin-bottom: 8px}
.hr-hover hr{border: 2px solid #a7a9ac}
.hr-hover{cursor: pointer}
.hr-hover:hover hr{border: 2px solid #ee7726;cursor: pointer}
.h3-brand{margin-bottom: 0;margin-top: 8px}
.box-related{position: relative;margin-top: 1rem;}
.box-arrow-related{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;}
.related-arrow{width: 50px;height: 50px;border: 1px solid #0073aa;color: #0073aa;line-height: 51px;text-align: center;border-radius: 50%;font-size: 18px;cursor: pointer;}
.related-arrow:hover{background: #0073aa;border: 1px solid #0073aa;color: #fff}
.related-arrow-left{float: left;margin-left: -60px}
.related-arrow-right{float: right;margin-right: -60px}
#footer {color: #fff;border-bottom: 1px solid #123649;background-color: #0c5293;height: 100%;padding: 3rem 0 1rem 0;margin-top: 2rem;border-top-right-radius: 15% 60%;}
#footer p{margin-bottom: 8px}
#footer .footer-top {position: relative;padding-bottom: 2rem}
.logo-footer{width: 130px;margin-bottom: 15px}
#footer .footer-top .footer-info h3 {font-size: 16px;margin-bottom: 1rem;padding: 2px 0 2px 0;line-height: 1;color: #fff;font-weight: 400}
#footer .footer-top .footer-info p {font-size: 14px;line-height: 24px;margin-bottom: 0;color: #fff}
#footer .footer-top h4 {font-size: 18px;font-weight: 600;color: #fff;position: relative;padding-bottom: 12px}
#footer .footer-top .footer-contact p {line-height: 26px}
.footer-bottom{
  padding-top: 2rem;
}
.footer-bottom img{
  width: 30px;
}
.copyright {padding: 5px 0;background-color: #0c5493}
#footer a ,.copyright, .copyright a{color: #fff}
.icon-nav{width: 22px}
.icon-svg{  width: 25px;margin-right: 10px}
.icon-svg-o{width: 25px;margin-right: 10px}
.box-view-more{flex: 1;order: 2;border-left: .8px solid #434143;border-right: .8px solid #434143}
.box-cover-left{width: 20%;order: 1;cursor: pointer;}
.box-cover-right{width: 20%;order: 3;cursor: pointer;}
.cover-material svg{width: 30px}
.list-item:hover .cover-material{opacity: 1}
#footer .footer-top .footer-info p {font-size: 14px;line-height: 24px;margin-bottom: 0;color: #fff}
#footer .footer-top .social-links a {font-size: 18px;display: inline-block;background: #1e4356;color: #fff;line-height: 1;padding: 8px 0;margin-right: 4px;border-radius: 50%;text-align: center;width: 36px;height: 36px;transition: 0.3s;}
#footer .footer-top .social-links a:hover {background: #68A4C4;color: #fff;text-decoration: none}
.media {display: -ms-flexbox;display: flex;-ms-flex-align: start;align-items: flex-start}
.media-body {-ms-flex: 1;flex: 1}
.footer-contact{font-size: 0.90rem;padding-left: 35px;}
.flex-column{list-style: none;margin-bottom: 0;}
.flex-column li {margin-bottom: 10px}
.flex-column li:last-child{margin-bottom: 0}
.li-map{margin-bottom: 20px !important}
.btn-have-link{width: 70%;border: 1px solid #fff;padding: 5px 15px;border-radius: 4px;display: block;text-align: center;font-weight: 600;color: #fff}
.google-map-link{margin: 10px 0}
.footer-get{display: flex;justify-content: end}
.form-news{background: transparent;color: #fff}
.form-news:focus{box-shadow: unset}
.btn-send{display: block;background: #fff;color: #000;width: 100%}
.text-w70{width: 70%}
.image {opacity: 1;display: block;width: 100%;height: auto;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;-ms-transition: all .5s ease;transition: all .5s ease;backface-visibility: hidden}
.flex{display: flex;align-items: center;justify-content: center}
.hover {-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; padding: 16px 32px; opacity: 0; position: absolute; top: 0; width: 100%; height: 100%; text-align: center; background-color: rgba(0, 174, 239, 0.8)}
.brand:hover .image {opacity: 0.3}
.brand:hover .hover {opacity: 1}
.logo-brand {color: white;font-size: 16px;position: relative;height: 100%}
.logo-brand img{margin: 50px 0;padding: 80px 15px}
.transition-3d-hover:focus, .transition-3d-hover:hover {-webkit-transform: translateY(-10px);transform: translateY(-10px);}
.transition-3d-hover {transition: all 0.2s ease-in-out}
.hr-sub{border: 2px solid #fdb824;  margin-bottom: 50px}
.sub{position: absolute;bottom: 50px;width: 100%;padding: 0 15px;left: 0;right: 0}
.coll_cate {padding: 0;border-radius: 5px;list-style: none}
.filer-cate{margin-bottom: 5px}
.coll_cate li {background-color: #095498;padding: 10px 15px;color: #fff !important}
.coll_cate li:hover,.coll_cate li.active {background-color: #172d55;padding: 10px 15px}
.list {display: flex;flex-wrap: wrap;margin: 0;padding: 0}
.list-item {display: flex; width: 25%;padding: 0 8px;cursor: pointer;margin-bottom: 16px}
.list-item figure img {-webkit-transform: scale(1);transform: scale(1);-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out}
.list-item figure:hover img {	-webkit-transform: scale(1.1);transform: scale(1.1)}
figure{position: relative;margin: 0;background-color: #f6f6f6}
.cover-material{z-index: 5;position: absolute;display: flex;flex: 1;text-align: center;opacity: 0;bottom: 0;left: 0;right: 0;border-top-left-radius: 5px;border-top-right-radius: 5px;background-color: #fff;transition: .5s ease;padding: 5px 8px}
.list-content {display: flex;flex-direction: column;width: 100%}
.list-content p {flex: 1 0 auto}
.coll_items li{width: 50%;padding: 0 7.5px;margin-bottom: 15px;position: relative}
.coll_items li img{background-color: #f6f6f6}
.coll_items li svg{width: 8px}
.coll_items li a{position: absolute;top: -8px;right: 8px;color: #fff;-webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;background-color: #c1bbbb;width: 25px;opacity: 0}
.coll_items li:hover a{opacity: 1}
.blol-des{margin-bottom: 4rem}
.svg-detail{fill:#fff;}
.svg-detail:hover{fill:#0F55A0;}
.btn-detail{background: #0F55A0;color: #fff !important}
.btn-detail:hover{background: #424143}
.bg-nav-select {background: rgb(128,130,132);background: linear-gradient(87deg, rgb(171, 172, 174) 0%, rgb(234, 234, 235) 12%, rgb(255, 255, 255) 128%);border-radius: 25px}
.pc{display: block !important}
.mb,.mb-large{display: none !important}
.mb-small{display: none}
.arrow-down{position: absolute;bottom: 50px;left: 0;right: 0;width: 100%;text-align: right;font-size: 3.5rem;z-index: 2;color: #0c5493}
.bg-gray{background-color: #f5f6f6}
.w-80{width: 80% !important}
.w-70{width: 70% !important}
.w-55{width: 55%}
a.btn-account, a.btn-account:hover{border-radius: 5px;border-radius: 5px;background: #ec7726;padding: 0.375rem 0.75rem !important;color: #fff !important}
a.btn-account:hover{background: #da6a1f}
.label-h2 .benefit h2{margin-bottom: 0;font-size: 2rem}
.label-h2 h3{font-weight: 400;margin-top: 1rem}
.label-h2 h2, .label-h2 h3{color: #0c5493}
.label-h2 td img{width: 50%}
.w-50{width: 50%}
.label-h2 tr td, .carts tr td{vertical-align: middle}
.table-certifications{background: #f1f1f1}
.table-certifications .have-img{background: #fff}
.table-certifications th, .table-certifications td {border-top: 2px solid #fff}
.back-to-top {position: fixed;display: none;width: 40px;height: 40px;border-radius: 3px;right: 15px;bottom: 40px;background: #EC7726;color: #fff;transition: display 0.5s ease-in-out;z-index: 99999}
.back-to-top i {font-size: 24px;position: absolute;top: 8px;left: 0;right: 0;text-align: center;width: 100%}
.back-to-top:hover {color: #fff;background: #fdb824;transition: background 0.2s ease-in-out}
.nav-link {color: #000;font-size: 16px}
.nav-link:hover{color: #fdb824}
.nav-item.active{background: #fdb824;-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;padding: 0 8px}
.nav-item.active a{color: #fff}
.btn-link, .nav-border-b a{color: #424143}
.nav-border-b{border-bottom: 1px solid #c1bbbb}
.full.cls{margin-top: 8rem}
.cls img{-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px}
.cls a:hover{color: #EC7726}
.gc-som{background: #EC7726}
.som-color{color: #EC7726}
.box-cls{margin-bottom: 1rem}
.box-cls:hover .cover-material {opacity: 1}
.cover-material {position: absolute;display: flex;flex: 1;text-align: center;opacity: 0;bottom: 0;left: 0;right: 0;border-top-left-radius: 0;border-top-right-radius: 0;background-color: #0d549f;transition: .5s ease;padding: 5px 8px}
.box-cls .box-view-more {border-left: .8px solid #fff;border-right: .8px solid #fff;cursor: pointer}
.cls-sea{fill: #fff}
.filer-box{padding: 10px 0}
.btn-link{padding: 5px 0;font-size: 16px;}
.ul-style-none{list-style: none;padding: 0}
.ul-style-none li{padding-left: 15px}
.cover-cls{opacity: 1;position: relative;background-color: #fff}
.box-add-cart{flex: 1;order: 2;margin: 0 15px}
.cls-fa{fill: #0c5493;}
.right-fav{border: 1px solid #ced4da;padding: 6px 6px;border-radius: 5px}
.right-fav svg{width: 25px}
.navbar-nav-right {margin-left: auto}
.navbar-nav-right svg{width: 30px}
.navbar-nav-right .nav-item{padding: 0 5px;position: relative}
.navbar-nav-right .badge{position: absolute;bottom: -3px;right: 3px;background-color: #B95933;color: #fff;border-radius: 50%;font-size: 12px;width: 20px;height: 20px;line-height: 1.2}
.st82{fill:#175DA9}
.lightbox .lb-image {border: none !important}
.box-cart{background-color: #0c5493;padding: 6px 6px;border-radius: 5px;display: block;cursor: pointer}
.favorite{fill:#175DA9;}
.cart-left {order: 1;flex-basis: 100%}
.cart-right {order: 2;  flex-basis: 100%}
.img-radius{-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px}
.card img{-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px}
.border-none{border: none}
.card-border-no{border: none}
.btn-circle ,.btn-circle:focus{width: 50px;height: 50px;line-height: 38px;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;font-size: 16px;color: #fff;text-align: center;background: #0F55A0;border-color: transparent}
.tab-nav li{padding: 15px 10px}
.tab-nav li.active{background: #ec7726;padding: 15px 10px;border-radius: 0}
.color-body h2{color: #424143}
.text-left{padding-left: 80px}
.banner-cover-text h2{font-size: 2rem}.banner-cover-text p{color: #212529}@media (max-width: 1204px) {.text-left{padding-left: 15px} }
.font-black{color: #424143;font-size: 14px}
.font-black p{color: #424143;font-size: 16px}
.cap-svg {fill: #FFFFFF}
.cap-box svg {width: 50%;margin-bottom: 1rem}
.card-cap {padding: 100px 20px}
.pc-sm{display: block}
.mb-sm{display: none}
.weak{color: red}
.good{color: #ffc107}
.strong{color: green}
.contact-us{width: 30px}
.btn-contact-us{width: 100%}
.fa-location-arrow{font-size: 14px;}
#footer .footer-top .footer-info h1 {font-size: 14px;line-height: 24px;margin-bottom: 0;color: #fff;font-weight: 400}
#footer .footer-top::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  border-bottom: 1px solid #fff;
}
#footer h5 {font-weight: 400;color: #fff;font-size: 14px;margin-bottom: 8px}
.hover-link{fill:#0d549f;}
#share_link circle{fill:#fff;}
#share_link:hover circle{fill:#0d549f;}
#share_link:hover .hover-link{fill:#fff;}
.hover-share{fill:#0d549f;}
#share circle{fill:#fff;}
#share:hover circle{fill:#0d549f;}
#share:hover .hover-share{fill:#fff;}
.hr-market{margin: 50px 0;border-top: 2px solid #b5a9a9}
/* new */
.section-box{padding-top: 7rem;padding-bottom: 7rem}
.detail-product-box{padding-top: 5rem;padding-bottom: 5rem}
.section-solutions{padding: 5rem 0}
.solution-cover{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%}
.solu-li{padding: 0;margin: 0;list-style: none;font-size: 18px;cursor: pointer;display: flex;flex-wrap: wrap}
.solu-li li{color: #000;flex: 0 0 25%;max-width: 25%;text-align: center;padding-left: 5px;padding-right: 5px}
.solu-li li svg{margin: 8px 0;width: 50px}
.equal {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;flex-wrap: wrap}
.equal li {display: flex;flex-direction: column;margin-bottom: .8rem}
.solu-li li .card{border-radius: 0;height: 100%;background: #fff;padding: 19px 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s}
.solu-li li:hover .card{background: #0c5493;}
.solu-li li svg .cap-svg{fill: #0c5493}
.solu-li li:hover svg .cap-svg{fill: #fff}
.solu-li li .card-body {padding: 8px}
.solu-li li a{color: #000}
.solu-li li h2{color: #000;font-size: 14px;margin: 0;}
.solu-li li:hover h2{color: #fff;}
.solu-li li:hover a{color: #0c5493}
.solu-li li span{float: right}
.solu-li li:hover{color: #0c5493;font-weight: 600}
.solutions-product::before,.product-ele::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background-image: url(/images/2023/element-white.png),url(/images/2023/element-white.png);
  background-size: 300px;
  background-position: top -58px left -150px,bottom -58px right -150px;
  background-repeat: no-repeat;
  width: 100%;
}
.product-segment-app::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background-image: url(/images/2023/element-green.png),url(/images/2023/element-green.png);
  background-size: 300px;
  background-position: top -58px left -150px,bottom -58px right -150px;
  background-repeat: no-repeat;
  width: 100%;
}
.app-solutions-segment::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: -50px;
  background-color: rgb(20 171 224 / 5%);
  width: 70%;
  border-radius: 50px;
  right: 0;
  overflow: hidden;
}
.app-solutions{
  width: 90%;
}
.app-solutions-type{
  width: 80%;
}
.app-solutions li,.app-solutions-type li{
  flex: 0 0 100%;
  padding: .5rem 0;
  border-bottom: 1px solid #fff;
}
.app-solutions li a{
  color: #fff;
  white-space: nowrap;
  transition: all 0.2s ease-in-out;
}
.app-solutions li a.active, .app-solutions li a:hover{
  color: #fdb726;
  background-color: #fff;
  padding: 5px 15px;
  border-radius: 25px;
}

.app-solutions-type li{
  border-bottom: none;
}
.app-solutions-type li a.active .media{
  background-color: #14abe0;
  color: #fff;
  transition: all 0.2s ease-in-out;
}
.app-solutions-type svg,.app-solutions-type .svg-tab-color{
  width: 45px;
  fill: #14abe0;
}
.app-solutions-type li a.active svg,.app-solutions-type li a.active svg .svg-tab-color{
  fill: #fff;
}
.material_type h2 {
  font-size: 18px;
  margin: 0;
}
.app-solutions-type .media{
  border-radius: 25px;
  border: 1px solid;
  padding: 2.5px 15px 2.5px 30px;
}
.auto-grid {
  margin-right: -15px;
  margin-left: -15px;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  grid-gap: 15px;
}
.grid-3{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.item-5{
  flex: 0 0 20%;
  margin: 5px;
  color: #fdb726;
  background-color: #fff;
  display: flex;
  justify-content: center;
  border-radius: 30px;
  border-top-left-radius: 0;
  -webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.item-3{
  flex: 0 0 33.33333%;
}
.item-5 .card{
  border: none;
  border-radius: 30px;
  border-top-left-radius: 0;
}
.item-5 img {
  width: 100px;
  padding: 15px;
  display: flex;
  align-self: center;
}
.item-3 img{
  width: 100%;
}
.item-5 h3{
  font-size: 16px;
  margin-bottom: 0;
}
.item-5:hover{
  box-shadow: 0 0 0 rgba(255,255,255,0) inset,
			0 2px 2px rgba(255,255,255,.3),
			0 4px 4px rgba(255,255,255,.3),
			0 8px 8px rgba(255,255,255,.3);
  -webkit-transform: translateY(-5px);
	transform: translateY(-5px);
  color: #fdb726;
}

.item-3 .content {
  position: relative;
  overflow: hidden;
}

.item-3 .content .content-overlay {
  background-color: rgb(12,82,147,0.7);
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.item-3 .content:hover .content-overlay{
  opacity: 1;
}

.item-3 .content-details {
  position: absolute;
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  background: #0c5293;
  background: -webkit-linear-gradient(to top, #0c5293 0%, rgb(245 245 245 / 0%) 100%);
  background: -moz-linear-gradient(to top, #0c5293 0%, rgb(245 245 245 / 0%) 100%);
  background: linear-gradient(to top, #0c5293 10%, rgb(245 245 245 / 0) 100%);
}
.item-3 .content-details.product {
  background: #14abe0;
  background: -webkit-linear-gradient(to top, #14abe0 0%, rgb(245 245 245 / 0%) 100%);
  background: -moz-linear-gradient(to top, #14abe0 0%, rgb(245 245 245 / 0%) 100%);
  background: linear-gradient(to top, #14abe0 10%, rgb(245 245 245 / 0) 100%);
}

.item-3 .content:hover .content-details{
  top: 50%;
  left: 50%;
  background: none;
}
.item-3 h3{
  padding: 2rem 0;
  font-size: 18px;
}
.item-3 .fadeIn-bottom{
  top: 83%
}
.item-3.x-purge .fadeIn-bottom{
  top: 90%
}
.item-3 .content:hover h3{
  padding: 0;
  padding-bottom: 15px;
}
.item-3 .content p {
  display: -webkit-box;
  display: none;
  max-width: 100%;
  height: 52px;
  margin: 0 auto;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.item-3 .content:hover p{
  display: -webkit-box;
  display: block;
}
.item-3 .content:hover p.view-more {
  background-color: #fff;
  color: #14abe0;
  height: auto;
  width: auto;
  display: inline-block;
  padding: 5px 15px;
  margin-top: 10px;
}
.banner-page-radius{
  height: 50vh;
  border-bottom-left-radius: 105px;
}
.banner-page-radius::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  background-image: linear-gradient(to right, rgb(255 255 255 / 0%), rgb(243 242 242 / 96%));
  border-bottom-left-radius: 50px;
}
.section-box h3{
  font-size: 21px;
  font-weight: 700;
}
.aim img{
  width: 40%;
}
.aim h6{
  font-size: 18px;
  color: #0c5293;
  margin-top: 1rem;
  font-weight: 600;
}
.read-more{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  background-color: #14abe0;
  border: none;
  color: #fff;
  position: relative;
  overflow: hidden;
  border-radius: 25px;
  padding: 8px 25px;
  transition: all 0.3s ease-in-out;
}
.read-more-white{
  background-color: #fff;
  border: none;
  color: #fdb726;
}
.read-more::before {
  background: #fff;
  content: "";
  height: 155px;
  opacity: 0;
  position: absolute;
  top: -50px;
  transform: rotate(35deg);
  width: 50px;
  transition: all 3000ms cubic-bezier(0.19, 1, 0.22, 1);
}
.read-more::after {
  background: #fff;
  content: "";
  height: 20rem;
  opacity: 0;
  position: absolute;
  top: -50px;
  transform: rotate(35deg);
  transition: all 3000ms cubic-bezier(0.19, 1, 0.22, 1);
  width: 8rem;
}
.read-more-link::before {
  left: -50%;
}

.read-more-link::after {
  left: -100%;
}

.read-more:hover,
.read-more:active {
  transform: translateY(-3px);
  color: #fff;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);
}
.read-more-white:hover,
.read-more-white:active {
  color: #fdb726;
}
.read-more-link:hover::before {
  left: 120%;
  opacity: 0.5s;
}

.read-more-link:hover::after {
  left: 200%;
  opacity: 0.6;
}
.read-more span {
  z-index: 1;
}

.read-moret:hover::before {
  width: 100%;
}
.set-title{
  color: #fdb726;
  font-weight: 600;
  padding-top: 1.5rem;
  padding-bottom: .5rem;
}
.mater_set{min-height: 140px}
.home-market {
  background-image: url(/images/2023/element-green.png);
  background-size: 350px;
  background-position: top 1rem left -175px;
  background-repeat: no-repeat;
}
.home-market h2{
  font-size: 24pt;
}
.home-market .card,.products-owl .card{
    background-color: #fff;
    box-shadow: 0 5px 20px rgba(0,0,0,.1);
    transition: all .3s ease-in-out;
    border-radius: 25px;
    border: none;
}
.home-market .card img,.products-owl .card img {
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  border-radius: 25px;
  -moz-border-bottom-left-radius: 0;
  -moz-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -khtml-border-bottom-left-radius: 0;
  -khtml-border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  transition: all .3s ease-in-out;
}
.home-market .card span{
  color: #878a8c;
}
.home-market .card p ,.pro-type .card p {
  display: block;
  display: -webkit-box;
  max-width: 100%;
  height: 74px;
  margin: 0 auto;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.home-market .d-flex{
  gap: 3rem;
}
.home-market .item-1,.home-market .item-2{
  width: 20%;
  flex-direction: column;
}
.home-market img{
  width: 90%;
}
.pro-type h2{
  font-size: 18px;
  color: #0c5293;
}
.pro-type a:hover h2{
  color: #fff;
}
.box-des{
  display: block;
  display: -webkit-box;
  max-width: 100%;
  margin: 0 auto;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.h-clamp-2 {
  -webkit-line-clamp: 1;
  height: 20px;
  margin-bottom: 0.5rem;
}
.line-clamp-2{
  -webkit-line-clamp: 2;
  height: 50px;
}
.line-clamp-3{
  -webkit-line-clamp: 3;
  height: 78px;
}
.owl-theme .owl-nav.disabled+.owl-dots{
  width: 100%;
}
.home-market .card:hover{background-color: #0c5293;}
.home-market .social-share {
  justify-content: end;
  padding-right: 20px;
  margin-bottom: 1rem;
}
.home-market .card:hover img {
  -webkit-transform: scale(1.07);
  transform: scale(1.07);
}
.home-market .card:hover span,.home-market .card:hover p,.home-market .card:hover svg{
  color: #fff;
}
.home-market svg{width: 30px;}
.img-flex{display: flex;flex-wrap: wrap;justify-content: center;overflow: hidden;border-radius: 25px 25px 0 0;}
.img-flex img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.img-item {
  width: 100%;
  position: relative;
}
.img-item:before {
  content: "";
  display: block;
  padding-top: 100%;
  padding-top: calc(100% - 120px);
}
.section-solutions-detail{
  padding-top: 10rem;
  padding-bottom: 3rem;
}
.product-segment-gallery{
  padding-top: 3rem;
  padding-bottom: 5rem;
}
.product-segment-doc{
  position: relative;
  margin-top: 3rem;
  margin-bottom: 5rem;
}
.detail-bg-doc::before {
  background: rgb(0 0 0 / 30%);
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.detail-bg-doc{
  height: 550px;
}
.top-pic-solution {
  width: 75%;
  display: flex;
  align-content: center;
  margin-left: auto;
  justify-content: flex-end;
  padding-top: 5%;
}
.top-pic-solution h5{
    font-size: 16px;
    font-weight: 600;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 400px;
}
.products-all{
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance:none;
  background-color: #fafafa;
  height: 45px;
  width: 60%;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAMAAACtdX32AAAAdVBMVEUAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAhMdQaAAAAJ3RSTlMAAAECAwQGBwsOFBwkJTg5RUZ4eYCHkJefpaytrsXGy8zW3+Do8vNn0bsyAAAAYElEQVR42tXROwJDQAAA0Ymw1p9kiT+L5P5HVEi3qJn2lcPjtIuzUIJ/rhIGy762N3XaThqMN1ZPALsZPEzG1x8LrFL77DHBnEMxBewz0fJ6LyFHTPL7xhwzWYrJ9z22AqmQBV757MHfAAAAAElFTkSuQmCC);
  background-position: 100%;
  background-repeat: no-repeat;
  border: 1px solid #ccc;
  border-radius: 25px;
  display: flex;
  align-content: center;
  margin-left: auto;
  color: #fdb726;
}
.pro-segment-detail::before {
  content: "";
  position: absolute;
  top: 0;
  height: 130px;
  background-color: rgb(253 183 38);
  width: 42%;
  border-radius: 80px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  right: 0;
  overflow: hidden;
}
.social-share {display: flex;align-items: center;justify-content: center}
.header-scrolled .circle-menu a{margin-top: 0}
.sidebar-cart {
  align-self: start;
  position: -webkit-sticky;
  position: sticky;
  top: 3rem;
  flex-shrink: 999;
  max-height: 0;
}
#footer .bg-circular,.bg-circular{
  background-color: #02636E;
}
.hr-circular{
  height: 1px;
  background-color: #d1d1dd;
}
.circular-color{color: #B95933;}
.font-circular-head{color: #13486c}
.text-banner h2{
  font-size: 3rem
}
.align-center{
  align-items: center;
}
.cls-login{
  white-space: nowrap;
  color: #fff;
}
.header-scrolled .cls-login{
  color: #000;
}
.ul-menu-circular{
  padding: 0;
}
.circle-menu a{
  padding: 3px 5px;
}
.circular-dropdown a{
  color: #fff;
}
.header-scrolled .circular-dropdown a{
  color: #000 !important;
}
.circular-dropdown .dropdown-item:hover{
  color: #000 !important;
  text-decoration: underline;
  background-color: transparent;
}
.dropdown-menu {
  min-width: 20rem;
  margin-top: 21px;
  padding: 1.5rem 15px;
  color: #0d549f;
  border: 1px solid #0c5493;
}
.dropdown-menu a{
  color: #0d549f;
}
.dropdown .dropdown-menu {
  transition: all 0.5s;
  transform-origin: top center;
  transform: scale(1, 0);
}
.dropdown.show .dropdown-menu {
  transform: scale(1);
}
.arrow-top:before {
  position: absolute;
  top: -11px;
  right: 20px;
  display: inline-block;
  border-right: 11px solid transparent;
  border-bottom: 11px solid #ccc;
  border-left: 11px solid transparent;
  border-bottom-color: #0c5493;
  content: '';
}
.arrow-top:after {
  position: absolute;
  top: -10px;
  right: 21px;
  display: inline-block;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ffffff;
  border-left: 10px solid transparent;
  content: '';
}
.circular-hr{
  border-bottom: 4px solid #B95933;
}
.circular-svg-2{
  fill:none;stroke:#13486c;stroke-miterlimit:10;
}
.featured .featured, .promotion .promotion{
  background: #B95933;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  padding: 0 8px;
}
.fa-stack{
  line-height: 0;
  position: relative;
}
.fa-stack-2x {
  font-size: 25px;
}
#accordion .arrow-pick:after {
  content: "\f068";
  font-family: 'Font Awesome 5 Free';
  transition: all 0.2s;
  font-weight: 600;
  position: absolute;
  top: 41%;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 10px;
  color: #fff;
  font-style: normal;
  cursor: pointer;
}
#accordion .collapsed .arrow-pick:after {
  content: "\f067";
}
.featured .featured a, .promotion .promotion a{
  color: #fff;
}
.btn-search-address{
  border: 1px solid #B95933;
  border-radius: 8px;
  padding: 0.375rem 0.75rem;
  display: block;
  background-color: #B95933;
  color: #fff;
}
.btn-circular{
  border: 1px solid #B95933;
  border-radius: 8px;
  color: #fff;
  padding: 4px 15px;
  background-color: #B95933;
}
.circular-cate .active{
  background: #B95933;
  padding: 0;
}
.pointer{
  cursor: pointer;
}
.btn-cls-login{
  width: 100%;
  color: #fff;
  background-color: #0d549f;
  transition: all 1s;
}
.btn-cls-login:hover{
  color: #fff;
  background-color: #073a6e;
}
.border-left-cls{
  border-left: 1px solid #073a6e;
}
.breadcrumb{
  background-color: transparent;
}
.breadcrumb-item,.breadcrumb a,.breadcrumb-item.active{
  color: #0d549f;
}
.breadcrumb-item.active{
  font-weight: 600;
}
.breadcrumb-item + .breadcrumb-item::before {
  content: "|";
}
.svg-cart-null{
  width: 50%;
  margin: 0 auto;
  display: block
}
.cart-null{
 fill: #0d549f;
}
.circular-nav-tabs li{
  flex: 0 0 20%;
  max-width: 20%;
  text-align: center;
}
.circular-nav-tabs li a{
  display: inline-block;
  margin: 6px 0;
  transition: all 0.3s;
}
.circular-nav-tabs li a.active,.circular-nav-tabs li a:hover{
  background-color: #B95933;
  color: #fff;
  border-radius: 8px;
}
.overview h4{
  color: #0d549f;
}
.overview-left{
  flex: 0 0 30%;
  max-width: 30%;
  padding-right:5rem;
}
.overview-right{
  flex: 0 0 70%;
  max-width: 70%;
}
.address-detail{
  width: 50%;
}
.address-use p{
  margin-bottom: 0;
}
.radius-0,img.radius-0{
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  border-radius: 0;
}
.overview{
  max-width: 1450px;
  margin: 0 auto;
}
.overview .media img{
  width: 70px;
}
.save-the-world h2{ 
  font-size: 26px;
}
.save-the-world h2 span{ 
  font-size: 4rem;
}
.circular-footer{
  padding: 2rem 4rem 0;
}
.col-footer ul{
  padding: 0;
  list-style: none;
}
.col-footer *,.circular-footer{
  color: #fff;
}
.circular-svg{fill:#fff;}
.header-scrolled .circular-svg{fill:#000;}
.item-icon{
  padding-left: 0;
  padding-right: 0;
}
.navbar-nav-right .input-search{
  min-width: 10rem;
  border: 1px solid #13486c;
  padding: 0 5px;
  height: unset;
}
.list-carts{
  padding: 1.5rem;
  margin-top: 1.5rem;
  border-radius: 8px;
}
.stepwizard-step p {margin-top: 10px}
.stepwizard-row {display: flex;flex-wrap: wrap;position: relative;}
.stepwizard-step button[disabled] {opacity: 1 !important;filter: alpha(opacity=100) !important}
.stepwizard-row:before {top: 21px;bottom: 0;position: absolute;content: " ";width: 100%;height: 1px;background-color: #ccc;z-index: 0}
.stepwizard-step{position: relative;flex: 0 0 25%;max-width: 25%;text-align: center;}
.step-circle {
  display:flex;
  flex-direction:row;
  justify-content:center; 
  align-items:center;
}
.item-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background-color: #13486c;
  color: #fff;
  border-radius: 100%;
  margin: 0 auto;
}
.cate-scroll{
  scrollbar-width: auto;
  scrollbar-color: #B95933 #ffffff;
}
.cate-scroll::-webkit-scrollbar {
  width: 16px;
}
.cate-scroll::-webkit-scrollbar-track {
  background: #ffffff;
}
.cate-scroll::-webkit-scrollbar-thumb {
  background-color: #B95933;
  border-radius: 8px;
  border: 5px solid #ffffff;
}
.ul-style-none li a.active-curr{
  color: #ec7726;
}
.ul-style-none li{
  border-bottom: 1px solid #d1d1dd;
  padding-top: 5px;
  padding-bottom: 5px;
}
.ul-style-none li:last-child{
  border-bottom: none
}
.fa-stack-1x, .fa-stack-2x {
  top: -1px;
}
.circular-img{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.circular-img img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.grid-item {
  width: 100%;
  position: relative;
}
.grid-item:before {
  content: "";
  display: block;
  padding-top: 100%;
  padding-top: calc(100% - -20px);
}
.pick-model{
  display: flex;
  flex-wrap: wrap;
}
.item-radio {
  padding: 6px;
  border-radius: 5px;
  display: inline-flex;
  cursor: pointer;
  position: relative;
  transition: background 0.2s ease;
  margin: 5px 3px 5px 0;
  border: 1px solid #ccc;
  -webkit-tap-highlight-color: transparent;
}
.item-radio:hover, .item-radio:focus-within,.item-radio input:checked {
  background: rgba(159, 159, 159, 0.1);
}
.item-radio.disabled{
  border-color: #0000001a;
  background: #0000001a;
}
.item-radio input[type=radio]:disabled+label {
  cursor: no-drop;
  color: #a9a6a6;
}
.item-radio input {
  display: none;
}
.item-radio input:focus {
  outline: none;
}
.item-radio input:checked {
  box-shadow: inset 0 0 0 6px #13486c;
}
.item-radio label {
  vertical-align: middle;
  display: inline-block;
  line-height: 17px;
  padding-left: 20px;
  margin: 0;
  cursor: pointer;
  position: relative;
}
.item-radio label::before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	vertical-align: middle;
  width: 17px;
  height: 17px;
  border-radius: 10px;
  background: none;
  border: 0;
  box-shadow: inset 0 0 0 1px #9F9F9F;
  box-shadow: inset 0 0 0 1.5px #9F9F9F;
  appearance: none;
  padding: 0;
  margin: 0;
  transition: box-shadow 150ms cubic-bezier(0.95, 0.15, 0.5, 1.25);
  pointer-events: none;
}
.item-radio input[type="radio"]:checked + label::after {
	position: absolute;
	content: '';
	top: 0;
  left: 0;
  width: 17px;
  height: 17px;
  border-radius: 10px;
  background: none;
  box-shadow: inset 0 0 0 6px #13486c;
  background: rgba(159, 159, 159, 0.1);
}
.help-world-img img{
  width: 80px;
}
.circular-promo,.circular-promo-cate{
  position: relative;
  width: 100%;
}
.circular-promo-cate::before{
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgb(0 0 0 / 20%);
  z-index: 0;
  height: 100%;
  width: 100%;
}
.circular-promo-cate .cate-title{
  position: absolute;
  left: 15px;
  right: 15px;
  bottom: 15px;
  color: #fff;
}
.font-discount{
  color: #f44336
}
.badge-circle{
  width: 50px;
  height: 50px;
  border-radius: 50%;
  top: 5px;
  right: 5px;
  background-color:  #f44336;
}
.badge-sale{
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  text-align: center;
}
.text-decoration-line-through {
  text-decoration: line-through !important;
}
.modal-content{
  border: 0;
}
.close-popup{
  position: absolute;
  top: 2%;
  right: 15px;
  color: #fff;
  cursor: pointer;
  font-size: 1.5rem;
}
.online-sale a{
  margin: 0 5px;
}
.online-sale img{
  width: 30px;
}
.owl-solution a{color: #424143}
.top-social{padding-bottom: 1rem;}
#header,#header.header-scrolled{height: auto}
.txt-search{border-top-right-radius: 0;border-bottom-right-radius: 0}
.input-group>.form-control:focus{z-index: 0}
.mb-menu{display: none}
.img-border-radius{
  -moz-border-top-left-radius: 50px;
  -moz-border-top-right-radius: 50px;
  -moz-border-bottom-left-radius: 50px;
  -moz-border-bottom-right-radius: 0;
  -webkit-border-top-left-radius: 50px;
  -webkit-border-top-right-radius: 50px;
  -webkit-border-bottom-left-radius: 50px;
  -webkit-border-bottom-right-radius: 0;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  border-bottom-left-radius: 50px;
  border-bottom-right-radius: 0;
}
.img-radius-left{
  -moz-border-bottom-right-radius: 50px;
  -webkit-border-bottom-right-radius: 50px;
  border-bottom-right-radius: 50px;
  -moz-border-bottom-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
}
.img-radius-right{
  -moz-border-top-left-radius:50px;
  -moz-border-top-right-radius: 50px;
  -moz-border-bottom-left-radius:0;
  -moz-border-bottom-right-radius: 50px;
  -webkit-border-top-left-radius:50px;
  -webkit-border-top-right-radius: 50px;
  -webkit-border-bottom-left-radius:0;
  -webkit-border-bottom-right-radius: 50px;
  border-top-left-radius:50px;
  border-top-right-radius: 50px;
  border-bottom-left-radius:0;
  border-bottom-right-radius: 50px;
}
.border-radius{
  -moz--border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
}
.middle-gc{
  background-image: url(/images/2023/element-green.png);
  background-size: 300px;
  background-position: top 43% right -149px;
  background-repeat: no-repeat;
}
.b-type{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 30px;
}
.side-item{
  position: relative;
  -webkit-box-flex-shrink: 0;
  -moz-box-flex-shrink: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-shrink: 0;
  flex-shrink: 0;
  width: 140px;
  min-height: 500px;
  max-height: 500px;
  backface-visibility: hidden;
  transition: all 0.5s ease;
}
.side-item::before,.product-menu-1::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  background: rgb(253 183 38 / 80%);
  background: -webkit-linear-gradient(to top, rgb(253 183 38 / 80%) 0%, rgb(245 245 245 / 0%) 70%);
  background: -moz-linear-gradient(to top, rgb(253 183 38 / 80%) 0%, rgb(245 245 245 / 0%) 70%);
  background: linear-gradient(to top, rgb(253 183 38 / 80%) 10%, rgb(245 245 245 / 0) 70%);
  -webkit-border-bottom-left-radius: 30px;
  -moz-border-bottom-left-radius: 30px;
  border-bottom-left-radius: 30px;
}
.side-item a {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 30px;
  width: 100%;
  color: #fff;
  font-size: 25px;
  padding: 0 15px;
  transition: all 0.2s ease;
  writing-mode: vertical-lr;
  backface-visibility: hidden;
  text-orientation: inherit;
  transform: rotate(180deg);
  line-height: 1.2;
}
.side-item img{
  -moz-border-top-left-radius: 30px;
  -moz-border-top-right-radius: 30px;
  -moz-border-bottom-left-radius: 30px;
  -moz-border-bottom-right-radius: 0;
  -webkit-border-top-left-radius: 30px;
  -webkit-border-top-right-radius: 30px;
  -webkit-border-bottom-left-radius: 30px;
  -webkit-border-bottom-right-radius: 0;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 0;
  object-fit: cover;
  height: 100%;
}
.side-item.active{
  -webkit-box-flex-grow: 1;
  -moz-box-flex-grow: 1;
  -webkit-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
}
.side-item.active a {
  font-size: 28px;
  writing-mode: unset;
  text-orientation: inherit;
  transform: rotate(0);
  display: flex;
}
.side-item.active span,.side-item.active .arrow-right{
  flex: 0 0 50%;
}
.side-item svg{
  width: 40px;
  height: 40px;
}
.side-item .arrow-right{
  display: none;
}
.side-item.active .arrow-right{
  display: flex;
  justify-content: end;
  transition: all 0.5s ease;
}
.color-sub{
  color: #fdb726;
}
.type-of::before,.related::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: rgb(20 171 224 / 5%);
  width: 67%;
  border-radius: 50px;
  right: 0;
  overflow: hidden;
  max-height: 300px;
}
.type-of-product::before {
  top: -25px;
  bottom: -50px;
  max-height: unset;
  right: 0;
  width: 58.5%;
}
.related::before {
  background-color: rgb(251 215 38 / 20%);
}
.type-of-cate{
  padding-top: 3rem;
}
.type-card {
  transition: all .3s ease-in-out;
}
.type-card h3{
  color: #000;
  font-size: 18px;
}
.item-type:hover .type-card {
  background-color: #fff;
  position: relative;
  display: flex;
  flex-direction: column;
  word-wrap: break-word;
  height: 100%;
  box-shadow: 0 5px 20px rgba(0,0,0,.1);
}
.type-card-link{
  visibility: hidden;
  opacity: 0;
}
.item-type:hover .type-card-link{
  visibility: visible;
  opacity: 1;
  color: #424143;
}
.type-card-link span {
  width: 40px;
  height: 40px;
  background-color: #14abe0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  margin: auto;
  margin-bottom: 1rem;
}
.type-card-link svg{
  width: 30px;
  color: #fff;
}
.item-type img{
  width: 80px;
  margin: auto;
}
.banner_silde h4{
  color: #fdb726;
}
.banner_silde h2{
  color: #fff;
  font-size: 39pt;
  font-weight: 600;
}
.home-about{
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.home-brand .col-md-3{
  padding-left: 7.5px;
  padding-right: 7.5px;
}
.brand-item{
  border-radius: 25px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  background-color: #fff;
  height: 100%;
  padding: 0 7.5px;
  box-shadow: 0 5px 20px rgba(0,0,0,.1);
}
.our-partners{
  background-color: #fdb726;
}
.cover {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.owl-carousel .owl-slide {
  position: relative;
  height: 100vh;
}
.owl-carousel .owl-slide, .curves{
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-bottom-left-radius: 25%;
  overflow:hidden;
}
.owl-carousel .owl-slide::before, .curves::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  background-color: rgb(12 82 147 / 90%);
  border-bottom-left-radius: 50px;
}
.owl-carousel .owl-slide::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background-image: url(/images/2023/element-white.png);
  background-size: 300px;
  background-position: top 25% left -149px;
  background-repeat: no-repeat;
  width: 155px;
}
.banner_silde .owl-dots {
  bottom: 25px;
  left: 0;
  right: 0;
}
.owl-carousel .owl-dots,
.owl-carousel .owl-nav {
  position: absolute;
}
.owl-carousel .owl-dots .owl-dot,
.owl-carousel .owl-nav [class*="owl-"]:focus {
  outline: none;
}
.owl-carousel .owl-dots .owl-dot span {
  background: transparent;
  transition: all 0.2s ease;
}
.owl-brand .item{
  background-color: #fff;
  border-radius: 15px;
}
.box-collapsed{
  border-bottom: 1px solid #dfdfdf;
}
.box-collapsed span i {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  border: 2px solid #0c5293;
  color: #0c5293;
  display: flex;
  padding: 10px;
  justify-content: center;
  align-items: center;
}
.faq-content h2{
  font-size: 18px;
}
.faq-content button{
  color: #0c5293;
}
.faq-content button b{
  font-weight: 600;
  color: #14abe0;
}
.faq-content .faq-accordion{
  padding: 1rem 2rem;
}
.page-products{
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.products-owl .card h3{
  color: #0c5293;
  font-size: 18px;
}
.products-owl .card{
  overflow: hidden;
  background-color: transparent;
  box-shadow: none;
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.related .card{
  background-color: #fff;
}
.products-owl .card p{
  color: #424143;
  margin-bottom: .8rem;
}
.products-owl a:hover .card p{
  color: #fff;
}
.products-owl a:hover .card{
  background-color: #0c5293;
  border: none
}
.products-owl a:hover .card h3{
  color: #fff;
}
.explore-more{
  white-space: nowrap;
  background-color: #fdb726;
  border-radius: 25px;
  padding: 5px 15px;
  color: #0c5293;
}
.polymer-box table{
  border: none !important;
}
.polymer-box table td h2,.polymer-box h2{
  color: #0c5293;
}
.polymer-box h2{
margin-bottom: 1rem;
}
.polymer-box table tr td{
  padding: 15px;
  vertical-align: top;
}
.polymer-box table tr td:nth-child(1){
  padding-left: 0
}
.section-box-hexagons {
	padding: 1rem;
	margin: 0;
	width: 100%;
	list-style-type: none;
	display: grid;
	grid-template-columns: repeat(7, 1fr 2fr) 1fr;
	grid-auto-rows: 1fr 1fr;
	grid-gap: 1rem;
	--counter: 1;
}
.hexagon {
  position: relative;
  grid-column: 1/span 3;
  grid-row: calc(var(--counter) + var(--counter))/span 2;
  filter: drop-shadow(0 0 10px rgba(68, 68, 68, 0.04));
  height: 0;
  padding-bottom: 100%;
  -webkit-clip-path: polygon(98.66025% 45%, 99.39693% 46.5798%, 99.84808% 48.26352%, 100% 50%, 99.84808% 51.73648%, 99.39693% 53.4202%, 98.66025% 55%, 78.66025% 89.64102%, 77.66044% 91.06889%, 76.42788% 92.30146%, 75% 93.30127%, 73.4202% 94.03794%, 71.73648% 94.48909%, 70% 94.64102%, 30% 94.64102%, 28.26352% 94.48909%, 26.5798% 94.03794%, 25% 93.30127%, 23.57212% 92.30146%, 22.33956% 91.06889%, 21.33975% 89.64102%, 1.33975% 55%, 0.60307% 53.4202%, 0.15192% 51.73648%, 0% 50%, 0.15192% 48.26352%, 0.60307% 46.5798%, 1.33975% 45%, 21.33975% 10.35898%, 22.33956% 8.93111%, 23.57212% 7.69854%, 25% 6.69873%, 26.5798% 5.96206%, 28.26352% 5.51091%, 30% 5.35898%, 70% 5.35898%, 71.73648% 5.51091%, 73.4202% 5.96206%, 75% 6.69873%, 76.42788% 7.69854%, 77.66044% 8.93111%, 78.66025% 10.35898%);
  clip-path: polygon(98.66025% 45%, 99.39693% 46.5798%, 99.84808% 48.26352%, 100% 50%, 99.84808% 51.73648%, 99.39693% 53.4202%, 98.66025% 55%, 78.66025% 89.64102%, 77.66044% 91.06889%, 76.42788% 92.30146%, 75% 93.30127%, 73.4202% 94.03794%, 71.73648% 94.48909%, 70% 94.64102%, 30% 94.64102%, 28.26352% 94.48909%, 26.5798% 94.03794%, 25% 93.30127%, 23.57212% 92.30146%, 22.33956% 91.06889%, 21.33975% 89.64102%, 1.33975% 55%, 0.60307% 53.4202%, 0.15192% 51.73648%, 0% 50%, 0.15192% 48.26352%, 0.60307% 46.5798%, 1.33975% 45%, 21.33975% 10.35898%, 22.33956% 8.93111%, 23.57212% 7.69854%, 25% 6.69873%, 26.5798% 5.96206%, 28.26352% 5.51091%, 30% 5.35898%, 70% 5.35898%, 71.73648% 5.51091%, 73.4202% 5.96206%, 75% 6.69873%, 76.42788% 7.69854%, 77.66044% 8.93111%, 78.66025% 10.35898%);
}
.product-menu-1::before {
  z-index: 1;
}
.product-menu-1 h2 {
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  z-index: 2;
  width: 64% !important;
  color: #fff !important;
}
.hexagon:nth-of-type(7n + 1) {
  grid-column: 1/span 3;
}
.hexagon:nth-of-type(7n + 2) {
  grid-column: 3/span 3;
  grid-row: calc(var(--counter) + var(--counter) - 1)/span 2;
}
.hexagon:nth-of-type(7n + 3) {
  grid-column: 5/span 3;
}
.hexagon:nth-of-type(7n + 4) {
  grid-column: 7/span 3;
  grid-row: calc(var(--counter) + var(--counter) - 1)/span 2;
}
.hexagon:nth-of-type(7n + 5) {
  grid-column: 9/span 3;
}
.hexagon:nth-of-type(7n + 6) {
  grid-column: 11/span 3;
  grid-row: calc(var(--counter) + var(--counter) - 1)/span 2;
}
.hexagon:nth-of-type(7n + 7) {
  grid-column: 13/span 3;
}
.hexagon:nth-of-type(n + 8) {
  --counter: 2;
}
.hexagon:nth-of-type(n + 15) {
  --counter: 3;
}
.hexagon:nth-of-type(n + 22) {
  --counter: 4;
}
.hexagon:nth-of-type(n + 29) {
  --counter: 5;
}
.hexagon:nth-of-type(n + 36) {
  --counter: 6;
}
.hexagon:nth-of-type(n + 43) {
  --counter: 7;
}
.hexagon:nth-of-type(n + 50) {
  --counter: 8;
}
.hexagon:nth-of-type(n + 57) {
  --counter: 9;
}
.hexagon:nth-of-type(n + 64) {
  --counter: 10;
}
.hexagon:nth-of-type(n + 71) {
  --counter: 11;
}
.hexagon:nth-of-type(n + 78) {
  --counter: 12;
}
.hexagon:nth-of-type(n + 85) {
  --counter: 13;
}
.hexagon:nth-of-type(n + 92) {
  --counter: 14;
}
.hexagon:nth-of-type(n + 99) {
  --counter: 15;
}
.hexagon:nth-of-type(n + 106) {
  --counter: 16;
}
.hexagon:nth-of-type(n + 113) {
  --counter: 17;
}
.hexagon:nth-of-type(n + 120) {
  --counter: 18;
}
.hexagon:nth-of-type(n + 127) {
  --counter: 19;
}
.hexagon:nth-of-type(n + 134) {
  --counter: 20;
}
.hexagon:nth-of-type(n + 141) {
  --counter: 21;
}
.card-hexagons{
  position: absolute;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-wrap: nowrap;
  color: #fdb726;
  background-color: #fff;
  transition: .75s .05s;
  text-align: center;
}
.product-menu-1 .card-hexagons {
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 2;
  background-color: transparent;
}
.card-hexagons-industry{
  opacity: 0.7;
}
.card-hexagons-industry.active{
  background-color: #fff;
  opacity: 1;
}
.card-hexagons img{
	width: 80px;
	margin: 0 auto;
}
.card-img-full img{
	width: 100%;
}
.card-hexagons h2{
	width: 80%;
	margin: 0 auto;
	font-size: 14px;
	font-weight: 600;
	color: #fdb726;
}
.type-technical-doc{
  height: 50vh;
  object-fit: cover;
}
.opcity-b::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgb(0 0 0 / 31%);
}
.product-menu {
  position: relative;
  width: 3em;
  height: 100%;
  border-radius: 5em;
  margin-top: 3em;
  margin-bottom: 3em;
  cursor: pointer;
}
.product-menu ul {
list-style: none;
padding: 0;
height: 20vh;
}
.product-menu li {
  padding: 8px;
  margin-top: 0;
  text-align: center;
  border-radius: 50%;
  transition: all 1s;
  background: rgb(20 171 224 / 8%);
  z-index: 10;
width: 70px;
height: 70px;
}
.product-menu a {
color: white;
text-decoration: none;
line-height: 1.5em;
}
.product-menu a {
color: white;
text-decoration: none;
}
.product-menu ul {
transform: rotate(180deg) translateY(-2em);
transition: 1s all;
}
.product-menu ul {
transform: rotate(0deg) translateY(-1em);
}

.product-menu li:nth-of-type(1) {
  position: absolute;
  left: 2em;
  top: 64%;
}
.product-menu li:nth-of-type(2) {
  position: absolute;
  left: -30px;
  top: 0;
}
.product-menu li:nth-of-type(3) {
  position: absolute;
  left: -30px;
  bottom: -7rem;
}
.menu-type-pick{
  position: absolute;
  top: 40px;
  left: 0;
}
.pro-type .item img{
  height: 20vh;
  object-fit: cover;
}
.page-solutions h2{
  margin-bottom: .8rem;
}
.page-solutions h4{
  color: #14abe0;
}
#full_search {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;

  -webkit-transform: translate(0px, -100%) scale(0, 0);
  -moz-transform: translate(0px, -100%) scale(0, 0);
  -o-transform: translate(0px, -100%) scale(0, 0);
  -ms-transform: translate(0px, -100%) scale(0, 0);
  transform: translate(0px, -100%) scale(0, 0);
  opacity: 0;
}

#full_search.open {
  -webkit-transform: translate(0px, 0px) scale(1, 1);
  -moz-transform: translate(0px, 0px) scale(1, 1);
  -o-transform: translate(0px, 0px) scale(1, 1);
  -ms-transform: translate(0px, 0px) scale(1, 1);
  transform: translate(0px, 0px) scale(1, 1); 
  opacity: 1;
  z-index: 11;
}
#full_search input[type="search"] {
  position: absolute;
  top: 50%;
  width: 100%;
  color: rgb(255, 255, 255);
  background: rgba(0, 0, 0, 0);
  font-size: 60px;
  font-weight: 300;
  text-align: center;
  border: 0px;
  margin: 0px auto;
  margin-top: -51px;
  padding-left: 30px;
  padding-right: 30px;
  outline: none;
}
#full_search .search-inform {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100px;
  max-width: 200px;
  margin-top: 61px;
  margin-left: -45px;
}
#full_search .close {
  position: fixed;
  top: 15px;
  right: 15px;
  color: #fff;
  background-color: #888;
  border-color: #ccc;
  opacity: 1;
  padding: 10px 17px;
  font-size: 27px;
}
.polymer-box .nav-pills li{
  padding-right: .5rem;
  flex: 0 0 33.3333%;
  max-width: 33.3333%;
}
/* .polymer-box .nav-pills li:last-child{
  padding-right: 0;
} */
.polymer-box .nav-pills a.nav-link{
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: break-word;
  overflow: hidden;
  width:100%;
  border-radius: 25px;
  background-color: #fff;
  color: #14abe0;
  text-align: center;
}
.polymer-box .nav-pills a.nav-link.active{
  border-radius: 25px;
  background-color: #14abe0;
  color: #fff;
}
.my-5rem{
  margin-top: 5rem;
  margin-bottom: 5rem;
}
.section-box p a{
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    padding: 5px 10px;
    margin-left: 15px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.6;
    border-radius: 0.25rem;
    background-color: #14abe0;
    color: #fff !important;
    border-radius: 25px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.section-box p a:hover{
  background-color: #0c5493;
}
.href{
  color: #fff;
}
.header-scrolled .href{
  display: block;
  color: #000;
  padding: 3px 8px;
  margin-top: 8px;
}
.view-total {
  background-color: #fff;
  border-radius: 25px;
  display: inline-block;
  min-width: 9rem;
  text-align: center;
}
.view-total svg{
  width: 30px;
  height: 30px;
  /* fill: #0c5493; */
}
.drop-down.active .megamenu,.mobile-nav .drop-down.active .megamenu ul{
  display: block !important;
}
.mobile-nav .gc-color{
  color: #a2cce3;
  font-size: 16px;
}
.section-box img{
  max-width:max-content;
}
.social-menu{
  display: flex;
  margin-left: 5px !important;
}
.mobile-nav .social-menu{
  margin-left: 15px !important;
}
.social-menu img{
 margin: 0 2.5px;
}
.social-menu a{
 padding: 0;
}
li.social-menu:first-child{
  margin-left: 5px;
}
.social-menu img{
  width: 30px;
}
@media (min-width: 1240px) {
 .modal-dialog {max-width: 800px}
 .cate-scroll{width: 70%;overflow-x: scroll;margin-right: 1rem;}
}
@media (max-width: 1600px) {
  .logo-brand img {margin: 0}
}
@media (max-width: 1440px) {
  .logo-brand img {margin: 0}
  .nav-menu > ul > li {margin: 5px 0px}
  .header-scrolled .nav-menu > ul > li {margin: -6px 0px}
  .owl-carousel .owl-slide::after{
    background-size: 250px;
    width: 65px;
  }
  .solutions-product::before, .product-ele::before, .middle-gc,.home-market{background-size: 230px}
  .product-segment-app::before{background-size: 250px;}
  .product-segment-app::before{background-size: 220px}
  .nav-menu .drop-down:hover .megamenu{
    top: 102px;
  }
}
@media screen and (max-height: 650px) {
  .side-item{
    min-height: 420px;
    max-height: 420px;
  }
}
@media (max-width: 1280px) {
  .logo.float-left {width: 16%;}
  .list-item {width: 33.3333%}
  .cate-scroll{overflow-x: scroll}
  .nav-rigth-cls{padding-left: 15px !important}
  .menu-circular-mb .item-icon{
    display: flex !important;
  }
  .navbar-nav-right .badge {bottom: 4px;right: 15px}
  .dropdown-menu .dropdown-item{
    text-align: center !important;
  }
  .home-market .item-1,.home-market .item-2{
    width: 25%;
  }
}
@media (max-width: 1240px) {
  .ul-menu{display: unset;justify-content: unset}
}
@media (max-width: 1140px) {
  .pc-md{display: none !important}
  .mb-menu{display: block !important}
  .circular-footer {padding: 2rem 15px 0;}
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2){
  .material-box{
    margin-top: 0;
  }
  .owl-material-box {
    margin-top: 0;
  }
  .solu-li li {padding: 15px 20px}
  h2 {font-size: 2.8rem}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
  .market-news {padding: 25px 15px}
  .market-svg svg {width: 30px}
  .gc-foote {display: none}
  .list-item {width: 33.3333%}
  .circlegroup_silde li:last-child {border-bottom: none}
  .ul-fixed {position: relative}
  #footer .copyright {font-size: 14px;}
  .text-center-mb{text-align: center !important}
  .nav-cls{width: 1024px;overflow-x: auto}
  .col-auto-cls{overflow-x: auto}
  .solu-li li {padding: 15px 20px}
  h2 {font-size: 2rem}
  .banner-cover-text h1 {font-size: 2.2rem}
  .banner-cover-text p {font-size: 1rem;margin: 0;}
  .banner-cover-text h2 {font-size: 1.7rem}
  .banner-cover-text {padding-top: 20px}
  .sm-mb h1 {display: none}
  .font-black p {font-size: 14px}
  .card-cap {padding: 50px 15px}
  .pc-sm{display: none}
  .mb-sm{display: block}
}
@media (max-width: 1024px) {
  .gc-foote{display: none;}
  .box-arrow {padding-left: 15px}
  .brand:hover .hover .sub, .box-arrow-related{display: none}
  .solu-li li{flex: 0 0 33.33333%;max-width: 33.33333%;}
  .box-cls{
    padding-left: 5px;
    padding-right: 5px;
  }
  #header.header-transparent {padding-top: 15px;}
  .mb-large{display: unset !important}
  .side-item {
    width: 100px;
  }
  .owl-carousel .owl-slide::after {
    background-size: 200px;
    background-position: top 25% left -149px;
    background-repeat: no-repeat;
    width: 40px;
  }
  .mobile-nav .drop-down > a h3,.solution-sub a h3{
    font-size: 16px;
    color: #ddecf5;
  }
  .md-auto-grid{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 992px) {
  .footer-contact{padding-left: 15px;}
  .section-box-hexagons {
    grid-gap: 1rem 6rem;
  }
  .product-ele{
    -webkit-overflow-scrolling: touch;
    overflow-x: scroll;
  }
  .product-ele::before {
    background-image: url(/images/2023/element-white.png);
    background-position: top -58px left -150px;
  }
  .mb-social{display: block !important}
  .full_search_open{display: none;}
  .home-market .item-1,.home-market .item-2{
    width: 30%;
  }
}
@media (max-width: 768px) {
  .equal .col-md-4 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 767px) {
  .col-inno {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;padding: 0 3px;margin-bottom: 15px}
  .nav-center a {margin: 5px 5px}
  .text-center-mb{text-align: center !important}
  .footer-info{margin-bottom: 25px;}
  #footer .footer-top h4 {padding-bottom: 0}
  .logo-footer {width: 150px}
  .text-w70{width: 100%}
  .market-news {padding: 80px 25px 30px}
  .brand{margin-bottom: 1rem}
  .logo-brand {display: flex}
  .logo-brand .sub{display: none}
  .brand .hover {opacity: 1}
  .logo-brand img{margin: auto;padding: 0;}
  .list-item {width: 50%}
  .section-brand img{width: 80%;margin-bottom: 1rem}
  .card-inno {width: 50%;margin: auto}
  .has-dropdown{position: relative;display: block}
  #hdpe .card-inno{border: 2px solid #204494}
  #lldpe .card-inno{border: 2px solid #1ca94e}
  #mlldpe .card-inno{border: 2px solid #652f6c}
  #ldpe .card-inno{border: 2px solid #a51d39}
  #pet .card-inno{border: 2px solid #24c0f1}
  #hdpe .has-dropdown {background-color: #204494}
  #lldpe .has-dropdown {background-color: #1ca94e}
  #mlldpe .has-dropdown {background-color: #652f6c}
  #ldpe .has-dropdown {background-color: #a51d39}
  #pet .has-dropdown {background-color: #24c0f1}
  .pc{display: none !important}
  .mb{display: block !important}
  .w-55{width: 80%}
  .p-0{padding: 0  15px !important}
  .solu-li li{flex: 0 0 50%;max-width: 50%;}
  .solutions-product h2{margin-bottom: 1rem;}
  .sm-mb{display: none;visibility: hidden;flex: none;}
  .nav-pills .media {justify-content: center;}
  .card-body {padding: .8rem}
  .hover{right: 0;left: 0;margin-left: auto;margin-right: auto;width: 91%;}
  .form-inline label {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
  }
  .img-item:before {
    padding-top: calc(100% - 40px);
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-md .navbar-nav {
      flex-direction: row;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .nav-rigth-cls {
    padding-left: 0!important;
  }
  .navbar-nav-right .input-search {
    min-width: 8rem;
  }
  .navbar-nav-right svg {
    width: 28px;
  }
  .box-cls {
    padding-left: 15px;
    padding-right: 15px;
  }
  .d-flex.overview{
    flex-wrap: wrap;
  }
  .overview-left{
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: 0;
  }
  .overview-right{
    flex: 0 0 100%;
    max-width: 100%;
    margin-top: 2rem;
  }
  .address-detail{width: 100%}
  .mb-large .circular-dropdown{
    display: none !important;
  }
  .login-succ.mb-large .circular-dropdown{
    display: unset !important;
  }
  .owl-slide .row{
    text-align: center;
  }
  .owl-slide .row .col-md-5{
    padding-bottom: 1rem;
  }
  .side-item::before{
    left: 0;
  }
  .md-pt-1{
    padding-top: 1rem;
  }
  #footer {border-top-right-radius: 10% 12%;}
  .footer-get{
    justify-content: start;
  }
  .polymer-box table tr td{
    display: flex;
    padding: 0;
  }
  .banner-fit-cover{
    height: 50vh;
    object-fit: cover;
  }
  .app-solutions {
    overflow: hidden;
    width: 100%;
    overflow-x: scroll;
  }
  .md-auto-grid{
    margin: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .menu-type-pick{
    position: relative;
    top: -15px;
    z-index: 11;
  }
  .product-menu{
    margin-top: 0;
  }
  .list-product-type{
    margin-left: 8rem;
  }
  .list-product{
    margin-top: 8rem;
  }
  .my-5rem{
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
  .type-of-product{
    margin-top: -15rem;
  }
  .type-of-product::before {
      top: 42%;
      left: 0;
      width: 100%;
  }
  .pro-segment-detail::before {
    top: 10%;
    width: 90%;
  }
  .section-solutions-detail {
    padding-top: 0;
  }
  .top-pic {
    position: absolute;
    top: 12%;
    right: 0;
  }
  .top-pic-content{
    margin-top: 15rem;
  }
  .product-segment-gallery {
    padding-top: 0;
  }
  .b-type {
    gap: 15px;
  }
  .owl-carousel .owl-slide {
    border-bottom-left-radius: 5%;
}
.type-of-cate{
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
  .flex-column{
    padding-left: 0;
  }
  .side-item.active a{
    flex-wrap: wrap;
    font-size: 21px;
    text-align: center;
  }
  .side-item a{
    font-size: 19px;
    padding: 0 5px;
  }
  .side-item.active span, .side-item.active .arrow-right {
    flex: 0 0 100%;
  }
  .side-item.active .arrow-right {
    justify-content: center;
  }
  .section-box img{
    max-width:100%;
  }
  .home-market .item-1,.home-market .item-2{
    width: 40%;
  }
}
@media (max-width: 575px) {
  #content ul,#content ol{padding: 0 15px}
  .material-box, .owl-material-box{margin-top: 0}
  .box-arrow {margin-bottom: 1rem}
  section {padding: 30px 0}
  .box-csc {margin-bottom: 2rem}
  .box-csc{margin-top: 1rem}
  .box-csc h2,.box-csc h3{color: #fff}
  .csc-services-icon img{width: 20%;margin-bottom: 1rem}
  .nav-center a {padding: 5px 15px}
  .mb-small{display: block}
  .hover-box-labels h2{font-size: 1.6rem;}
  .about-cls {background: linear-gradient(#0c5493 18%,#fff 30%) no-repeat}
  .btn-have-link {width:100%}
  .align-items-center a{text-align: left}
  .ul-style-none li {font-size: 14px;border-bottom: 1px solid #f1f1f1;padding: 6px 0}
  .cls-cover{flex-wrap: wrap;}
  .cls-cover .box-cover-left{width: 48%;margin-right: 5px;}
  .cls-cover .box-cover-right {width: 46%;order: 2;margin-left: 5px;}
  .cls-cover .box-add-cart {width: 100%;order: 3;margin: 15px 0;}
  .banner-cover-text h1{font-size: 3rem}
  .banner-cover-text h2{font-size: 1.7rem}
  .banner-cover-text p {font-size: 16px}
  .home-market .card p, .pro-type .card p {height: 75px}
  h2 {font-size: 2rem}
  h3 {font-size: 1.1rem}
  p {margin-bottom: 14px}
  .solu-li li {padding: 0px 8px}
  .box-csc p {color: #fff}
  .btn-contact-us {width: 70%;}
  #footer {border-top-right-radius: 40% 30%}
  .banner-main img{
      height: 50vh;
      object-fit: cover;
  }
  .app-solutions-type .media {
      padding: 2.5px 15px ;
  }
  .grid-3 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .banner_silde h2 {
    color: #fff;
    font-size: 32px;
    font-weight: 600;
  }
  .owl-carousel .owl-slide::after {display: none}
}
@media (max-width: 475px) {
  .label-h2 h2{font-size: 2rem}
  .banner-cover-text {top: 58%;text-align: center !important}
}
@media (max-width: 375px) {
  .list-item {width: 100%}
  .banner-cover-text p {font-size: 14px}
}
@media only screen and (min-device-width : 375px) and (max-device-width : 812px) and (-webkit-device-pixel-ratio : 3) { /* iPhone X */
  .box-csc { margin-top: 3rem}
}
/* Owl */
.related-detail h2{font-size: 16px}
.related-detail p{font-size: 14px}
.related-detail .no-gutters:hover{cursor: pointer}
.related-detail .item{display: flex;margin: 0 7.5px;border: 1px solid #da6a1f;cursor: pointer;}
@media (min-width: 1350px){
  .container, .container-lg, .container-md, .container-sm, .container-xl {
      max-width: 1240px;
  }
}