.nav-pills{display:flex;justify-content:flex-start}.nav-pills>.nav-link{position:relative;color:var(--bg-color)}.nav-pills>.nav-link::after,.nav-pills>.nav-link::before{content:"";position:absolute;background:var(--bs-pro-gradient);-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.nav-pills>.nav-link::before{width:90%;height:2px;left:0;top:-2px}.nav-pills>.nav-link::after{height:70%;width:2px;left:0;top:0}.nav-pills>.nav-link:hover::after{height:0%}.nav-pills>.nav-link:hover::before{width:0%}.nav-pills>.nav-link:hover{color:var(--bs-white)}.nav-pills>.nav-link.active:hover,.nav-pills>.nav-link:hover{background:var(--bs-pro-gradient)}.nav-pills>.nav-link.active{color:var(--bs-white)}.nav-pills>.nav-link.active::after{height:0%}.nav-pills>.nav-link.active::before{width:0%}.project-section{position:relative}.nav-pills.pro_sticky{position:fixed;z-index:10;-webkit-animation-name:fadeInDown;animation-name:fadeInDown;-webkit-animation-duration:.9s;animation-duration:.9s;-webkit-animation-timing-function:cubic-bezier(.2,1,.22,1);animation-timing-function:cubic-bezier(.2,1,.22,1);-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-fill-mode:none;animation-fill-mode:none;-webkit-animation-play-state:running;animation-play-state:running;border-bottom:0;max-width:1320px;width:11%}.nav-pills.pro_sticky>*{background-color:var(--bs-white);-webkit-box-shadow:0 0 2px rgba(0,0,0,.1);box-shadow:0 0 2px rgba(0,0,0,.5)}.detailData{border-top:none;border-left:none;border-bottom-width:1px;border-bottom-color:windowtext;border-right-width:1px;border-right-color:windowtext;padding:0 7px}.detailData2,.detailData3{text-align:justify;font-size:11px}.detailData3{font-size:14px}.detailData4{text-align:center;font-size:11px;color:#002060;letter-spacing:-1px;font-weight:700}.tdDetail{border-width:1px;border-color:windowtext;padding:0 7px}.cardBox{background:rgba(246,246,246);color:#13214f;border-radius:20px;overflow:hidden;border:0;box-shadow:0 4px 8px rgb(31 97 95/10%);transition:all .2s ease}.cardBox2{display:flex;background-color:#fff;box-shadow:0 4px 8px rgba(29,155,152,.2)}.cardBox:hover{box-shadow:0 4px 8px rgba(29,155,152,.3)}.cardBox .diagramBox,.cardBox a{width:100%;display:flex;align-items:center;justify-content:center}.cardBox a{height:100%}.cardBox .diagramBox{aspect-ratio:1/1;overflow:hidden;background-color:#fff}.cardBox .diagramBox .productDiagram{width:auto;transition:all .2s ease;max-height:250px}.cardBox .diagramBox .mainProduct{width:auto;transition:all .2s ease}.cardBox:hover .diagramBox .mainProduct,.cardBox:hover .diagramBox .productDiagram{transform:scale(1.2)}.textEllipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media only screen and (max-width:992px){.tabContent{width:100%;overflow-x:auto;margin-bottom:25px}.tabContent::-webkit-scrollbar{height:0}#pro_tab{width:955px;height:30px;margin-bottom:25px}.projects-gallery-filter-nav button{font-size:12px}}td:has(img){background-color:#fff}.section-content h4.sub-title{font-size:22px}.section-content h5.sub-title{font-size:20px}