main{background:#f7f7f7;margin:0;padding:1.25rem 0 3rem 0;min-height:calc( 100vh - 432px);}
.bg-body-tertiary{background-color:#f7f7f7 !important;}
.crumbs{margin:20px 0;padding:0;}
.crumbs li{display:inline-block;}
.crumbs li::after{content:"/";display:inline-block;margin:0 5px;}
.crumbs li:nth-last-child(1)::after{display:none;}
.list-banner .crumbs a,.list-banner .crumbs{color:#fff;}
.list-banner .crumbs a:hover{color:#3278d6}
.nomain-treesearch>input{position:relative;padding:10px;border:0;border-bottom:1px solid rgba(69,135,223,1);width:100%;font-size:14px}
.nomain-treesearch{position:relative;display:flex;flex-direction:row;align-items:center;margin-bottom:20px}
.nomain-treesearch>span{position:absolute;right:10px;color:rgba(69,135,223,1);cursor:pointer}
.product-item.lazy{display:none;}
.product-item{display:block;}
.product-item{border:1px solid #ddd;height:100%;text-align:center;border-radius:4px;background:#fff;transition:all .3s ease;}
.product-item:hover{background:#FFF;color:#ff8940;box-shadow:0px 0px 25px 0px rgba(0,0,0,0.10),0px 4px 4px 0px rgba(0,0,0,0.04),0px 9px 5px 0px rgba(0,0,0,0.03),0px 15px 6px 0px rgba(0,0,0,0.01),0px 24px 7px 0px rgba(0,0,0,0.00);}
.product-item:active{box-shadow:unset;}
.product-item p{margin:0;padding:0 20px 20px 20px;}
.product-img-box{padding:20px;height:250px;display:flex;align-items:center;justify-content:center;}
.product-img-box img{width:100%;height:100%;object-fit:contain;}
.product-detail-right{padding:30px 35px;box-shadow:10px 10px 60px #eaeaea,-10px -10px 60px #fff;height:100%;background:#fff;border-radius:4px;}
.product-tab-box{width:100%;position:sticky;top:84px}
.product-tab{display:flex;width:100%;overflow-x:auto;}
.product-tab a{text-align:center;padding:20px 15px;font-size:18px;color:#fff;margin:0;cursor:pointer;flex-grow:1;display:inline-block;border-bottom:4px solid #333;white-space:nowrap;}
.product-tab-box{background-color:#333}
.product-tab a:hover{background-color:#444;border-bottom:4px solid #ff8940}
.product-tab a:active{border-bottom:4px solid #ff9858;background-color:#6d6d6d}
.product-tab a.active{border-bottom:4px solid #ff8940}
.detail-1{box-shadow:10px 10px 60px #eaeaea,-10px -10px 60px #fff;padding:25px 35px 35px;margin-top:40px;line-height:2;background:#fff;border-radius:4px;}
.detail-1 h2{margin-top:0;font-size:22px;padding-bottom:15px;border-bottom:1px solid #ddd;margin-bottom:25px}
.detail-1 p{margin-top:0}
.add-cart{color:#fff;background-color:#ff8940;margin:auto;padding:8px 15px;border-radius:4px;align-items:center;line-height:1;margin:0 5px 20px;cursor:pointer;transition:all .3s ease;}
.add-cart:hover{background-color:#ff9756;color:#fff;text-decoration:none;}
.submmit-btn{position:relative;outline:none;border:none;padding:10px;background:rgba(69,135,223,1);color:rgba(255,255,255,1);cursor:pointer;z-index:1;overflow:hidden;font-family:"Poppins-Light";margin-top:10px;border-radius:50px;font-size:16px;width:100%;margin:20px auto;}
.submmit-btn:hover{background-color:#3278d6;}
.sidemenu{width:100%;display:block;border:#eee solid 1px;background:#fff;border-radius:4px;padding:33px 0 20px 0;margin-bottom:25px}
#sidemenu>li>a{padding-left:20px!important;padding-right:20px!important;margin:0 5px;}
.sidemenu a{color:#232323;text-decoration:none}
#sidemenu,#sidemenu ul{padding:0}
#sidemenu ul{margin:0 8px;}
#sidemenu>li{list-style:none;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;position:relative;margin:5px 0;row-gap:10px;}
#sidemenu ul{width:100%}
#sidemenu>li>a{width:100%;line-height:1.3;padding:5px 28px 5px 5px;font-size:1rem}
#sidemenu li>a:hover{background:#f6f6f6;border-radius:4px}
#sidemenu li.active>a{color:#3278d6;font-weight:bold;background:#f6f6f6;border-radius:4px}
#sidemenu li.active>span{color:#333;}
#sidemenu>li>a{font-weight:700}
#sidemenu>ul>li>ul>li>ul>li>a{width:100%;font-size:.675rem}
#sidemenu a{position:relative}
#sidemenu a:hover{color:var(--main-color)}
#sidemenu .level-1>a{font-weight:700}
#sidemenu .level-1{border-bottom:#eee solid 1px;margin-bottom:2px;padding-bottom:2px}
#sidemenu .level-1:nth-last-child(1){border-bottom:none}
#sidemenu .level-3>a{font-size:98%;padding-left:48px}
#sidemenu .level-4>a{font-size:90%;padding-left:52px;color:#00b7d6}
#sidemenu span{width:30px;height:30px;text-align:center;display:flex;justify-content:center;align-items:center;cursor:pointer;position:absolute;right:5px;top:0px;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><path d="M4 2l4 4-4 4" stroke="black" stroke-width="2" fill="none"/></svg>');background-repeat:no-repeat;background-position:center center;transition:all ease .3s;}
#sidemenu span.active{transform:rotate(90deg);}
#sidemenu>li>ul a{font-size:.975rem;padding:3px 10px 3px 28px;display:block;}
#sidemenu>li>ul>li>ul a{padding-left:30px}
#sidemenu li ul{opacity:0;max-height:0;overflow:hidden;transition:max-height .5s ease-in-out,opacity .5s ease-in-out}
#sidemenu li ul.show{opacity:1;max-height:unset;max-height:1000px;}
.level-2>ul.show{background-color:#00b7d61a;border-radius:12px;overflow:hidden;border:#d2f3f8 solid 1px}
.level-3>ul.show{background:#00d1ff1a}
.level-3{font-size:92%}
.form-inquiry input,.form-inquiry textarea{border:#eee solid 1px;border-radius:4px;padding:8px;}
.form-inquiry{display:flex;gap:14px;flex-wrap:wrap;}
.form-inquiry input{width:calc(50% - 7px);min-height:38px;}
#ql-go{position:sticky;top:83px;z-index:96;margin-bottom:20px;background:#fff;max-height:max-content;overflow-y:auto;}
#ql-go::-webkit-scrollbar{width:8px;height:8px;}
#ql-go::-webkit-scrollbar-track{background:#f1f1f1;}
#ql-go::-webkit-scrollbar-thumb{background:#b8b8b8;border-radius:10px;}
#ql-go::-webkit-scrollbar-thumb:hover{background:#828282;}
.ql-container{position:relative;width:100%;max-width:1623px;margin:0 auto;}
.ql-container .pop-inquiry{position:absolute;top:12px;right:0;margin-top:0;display:none;}
.page-box-2{display:flex;column-gap:25px;row-gap:10px;line-height:1.2;padding:15px 0;border-bottom:#eee solid 1px;flex-wrap:nowrap;background-color:#fff;min-height:52px}
.page-box-2 span{cursor:pointer;color:#333;border-radius:4px;position:relative;text-align:center;white-space:nowrap;padding:12px 0}
.page-box-2 span.active,.page-box-2 span:hover{color:var(--main-color)}
.page-box-2 span.active::before,.page-box-2 span:hover::before{content:'';position:absolute;border-bottom:var(--main-color) solid 3px;bottom:-16px;left:0;width:100%;height:0}
.page-box-2 .dropdown-content span.active::before,.page-box-2 .dropdown-content span:hover::before{bottom:0}
.service-container h2{font-size:26px;font-weight:bold;border-left:#4b87dc solid 5px;padding-left:10px;margin:50px 0 25px 0;}
.service-container h3{font-size:20px;font-weight:bold;margin:0 0 15px 0;}
.service-container h4{font-size:18px;font-weight:bold;margin:0 0 15px 0;}
.service-container h5{font-size:16px;font-weight:bold;margin:0 0 15px 0;}
.service-container,.service-container p{font-size:16px;line-height:2;}
.bg-gray{background:#f5f5f5;}
.row-gap-4{row-gap:25px;}
.an-1{transition:all ease .3s;}
.an-1:hover{transform:translateY(-10px);box-shadow:0 0 20px rgba(0,0,0,0.2);}
.font-16{font-size:16px!important;}
#sticky-nav{background:#fff;border-bottom:#4b87dc solid 2px;margin-bottom:25px;position:sticky;top:83px;z-index:9;}
#sticky-nav .nav-link{border-radius:8px;}
#sticky-nav .nav-link.nav-link-active{background:#4b87dc;color:#fff;border-radius:8px;}
#sticky-nav .cta-button{background:#333;color:#fff;border-radius:8px;}
header.fixed{box-shadow:none;}
@media screen and (max-width:768px){.navbar-collapse.show{position:absolute;top:100%;left:0;width:100%;background:#fff;z-index:999;box-shadow:0px 17px 20px #00000038;padding:15px;border-radius:0 0 15px 15px;}
.navbar{position:unset;}
#sticky-nav{top:66px;}
#sticky-nav .nav-link{padding:5px 15px;}
#mobile-menu-button{padding:0;margin:0;width:34px;height:34px;}}
.ste-style-1{border:1px solid #f9fcff;background:#f9fcff;padding:20px;position:relative;overflow:hidden;border-radius:10px;margin-bottom:20px;height:calc(100% - 20px);}


.ServiceShowPic{font-size:0.75em;text-align:center;line-height:1.7em !important;color:#666666;}
.ServiceShowPic img{margin:auto;}
.ServiceShowleftPic{float:left;margin-right:15px!important;text-align:center!important;color:#666666;display:inline-block;}
.ServiceShowrightPic{float:right;margin-left:15px!important;text-align:center!important;color:#666666;display:inline-block;}
.ServiceShowPic,.ServiceShowrightPic,.ServiceShowleftPic{font-size:0.8em;text-align:center;line-height:1.7em !important;}
.ServiceShowPic img,.ServiceShowrightPic img,.ServiceShowleftPic img{display:block;max-width:100%;height:auto;margin-top:8px;margin-bottom:8px;margin-left:auto;margin-right:auto;border-radius:8px;}
.tablecontentshow{margin:auto auto 15px auto;}
.tablecontentshow td{padding:8px;}
.tablecontentshow .servicetheadbg{background-color:var(--main-color);color:#ffffff;}
table{margin:0px;border:0;}
table tr,table th,table td{padding:5px 12px;text-align:center;background:#fff;}
@media (min-width:769px) and (max-width:1279px){.ServiceShowleftPic,.ServiceShowrightPic{width:100%;text-align:center;margin-bottom:10px;}
.ServiceShowleftPic img,.ServiceShowrightPic img{margin-bottom:15px;}
.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;}}
@media (max-width:768px){.services-container p{font-size:1rem;}
.ServiceShowleftPic,.ServiceShowrightPic{width:100%;text-align:center;margin-bottom:10px;}
.ServiceShowleftPic img,.ServiceShowrightPic img{margin-bottom:15px;}
.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;}
.table-responsive table{width:690px;}
.table-responsive table tr,.table-responsive table th,.table-responsive table td{padding:5px 0;text-align:left;background:#fff;}}
.ullist{padding:0px 0px 10px 19px;margin:0px;}
.ollist{padding:0px 0px 10px 19px;margin:0px;}
.ollist li,.ullist li{line-height:24px;font-size:1rem;font-weight:500;}
.ollist li a,.ullist li a{color:var(--main-color);}
.ollist li a:hover,.ullist li a:hover{text-decoration:underline;color:var(--light-color);transition:color .3s;}
.ullist li{list-style:disc !important;margin-bottom:10px;}
.ulforlist>li{list-style-type:lower-roman!important;}
.ulforlist>li>ul>li{list-style-type:decimal-leading-zero;}
.ulforlist>li>ul>li>ul>li{list-style-type:lower-latin;}
.ulforlist,.ulforlist ul{padding-left:20px;margin:10px 0;}
.ulforlist ul li{line-height:24px;}
.disc li{list-style:disc !important;}
.roman li{list-style:lower-roman !important;}
.greek li{list-style:lower-greek !important;}
.latin li{list-style:lower-latin !important;}
.upper-latin li{list-style:upper-latin !important;}
.ul-style1 li {
    list-style-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="utf-8"?><!-- Generator: Adobe Illustrator 23.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  --><svg version="1.1"  xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 26 26" style="enable-background:new 0 0 26 26;" xml:space="preserve"><style type="text/css">.st0{fill:%234B87DC;}</style><g><rect x="8.9" y="1.7" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -0.2653 10.8795)" class="st0" width="8.1" height="8.1"/></g><g><rect x="8.9" y="16.2" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -10.5042 15.1205)" class="st0" width="8.1" height="8.1"/></g><g><rect x="16.2" y="8.9" transform="matrix(0.7071 0.7071 -0.7071 0.7071 15.1205 -10.5042)" class="st0" width="8.1" height="8.1"/></g><g><rect x="1.7" y="8.9" transform="matrix(0.7071 0.7071 -0.7071 0.7071 10.8795 -0.2653)" class="st0" width="8.1" height="8.1"/></g></svg>') !important;
}
.ul-style2 li {
    list-style-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="utf-8"?><!-- Generator: Adobe Illustrator 23.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  --><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 26 26" style="enable-background:new 0 0 26 26;" xml:space="preserve"><style type="text/css">.st0{fill:%234B87DC;}</style><g><rect x="4.8" y="4.8" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -5.3848 13)" class="st0" width="16.5" height="16.5"/></g></svg>') !important;
}
.ul-style3 li {
    list-style-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="utf-8"?>%0A<!-- Generator: Adobe Illustrator 23.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->%0A<svg version="1.1"  xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"%0A%09 viewBox="0 0 26 26" style="enable-background:new 0 0 26 26;" xml:space="preserve">%0A<style type="text/css">%0A%09.st0{fill:%234B87DC;}%0A</style>%0A<path class="st0" d="M25.8,13L25.8,13L25.8,13L2,0l8.1,13L2,26L25.8,13L25.8,13L25.8,13z M22.5,12.2H10.6L4.4,2.3L22.5,12.2z"/>%0A</svg>') !important;
}
.ullist .ullist{padding:0px 0px 0px 19px;}
.ullist .ullist li{list-style:circle !important;}
ul .ullist.ul-style3 li {
    list-style-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="utf-8"?>%0A<!-- Generator: Adobe Illustrator 23.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->%0A<svg version="1.1"  xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"%0A%09 viewBox="0 0 26 26" style="enable-background:new 0 0 26 26;" xml:space="preserve">%0A<style type="text/css">%0A%09.st0{fill:%234B87DC;}%0A</style>%0A<path class="st0" d="M25.8,13L25.8,13L25.8,13L2,0l8.1,13L2,26L25.8,13L25.8,13L25.8,13z M22.5,12.2H10.6L4.4,2.3L22.5,12.2z"/>%0A</svg>') !important;
}
ul>li>ul>li:not(:last-child){margin:5px 0;}
.ollist li{list-style:decimal !important;}
.ollist .ullist li{list-style:circle !important;}
.Reference,.reference-ol,.reference{color:#888888 !important;}
.Referencemargin{margin-top:0 !important;margin-bottom:0 !important;padding-bottom:0px !important;}
.Referencemargin strong{font-size:0.875rem !important;}
.Referencemargin li{padding-bottom:8px !important;}