:root{--color-btn:#2cb2ff;--color-title:#00578a}
::-webkit-scrollbar-track{background-color:#f5f5f5;border-radius:10px}
::-webkit-scrollbar{width:7px;background-color:#f5f5f5}
::-webkit-scrollbar-thumb{background:#2cb2ff;border-radius:20px;background-image:-webkit-gradient(linear,0 0,0 100%,color-stop(0.7,#2cb2ff),color-stop(0.5,transparent),to(transparent))}
*{margin:0;padding:0;box-sizing:border-box;font-family: Arial, sans-serif;}
body{color:#000;font-family: Arial, sans-serif;margin:0 auto;background:#f4f8fb;font-weight:400;font-size:14px;min-width:1220px;min-height: 100vh;display: flex
;flex-direction: column;}
html{font-size:100%;font-family: Arial, sans-serif;}
img{max-width:100%;height:auto}
a{text-decoration:none;color:#000}
a:hover{color:var(--color-btn)}

p {
    line-height: 1.5;  
}

.clearfix{content:"";clear:both}
ul,li{list-style:none}
table{border-collapse:collapse;width:100%}
.ul,.ol{margin:0;padding:0;list-style:none}
.d-flex{display:flex!important}
.d-block{display:block}
.flex-wrap{flex-wrap:wrap!important}
.text-center{text-align:center!important}
.align-items{align-items:center!important}
.space-between{justify-content:space-between!important}
.space-center{justify-content:center!important}
.d-block{display:block!important}
.flex-direction{flex-direction:column}
.line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.line-clamp-4{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.line-clamp-5{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.container{width:1220px;padding:0 10px;margin:0 auto}
.icon_2024{background:url(../images/icon_2024_new.png?v=1) no-repeat;display:block;background-size: 90px 16px;}
.icon_2024.global{width:16px;height:16px;background-position:0 0}
.icon_2024.phone{margin-right:5px;width:18px;height:18px;background-position:-16px 2px}
.icon_2024.blog{margin-right:1px;width:14px;height:14px;background-position:-39px -1px}
.icon_2024.map{width: 14px;height: 15px;background-position: -56px 0;}
.icon_2024.email{width: 17px;height: 14px;background-position: -73px 0;}
.header{position:sticky;top:0;left:0;background:#f4f8fb;z-index:9999;box-shadow:0 0 2px 1px #efefef}
.header .content-header-main{padding:20px 0}
.header .logo{width:152px;height:24px;display:block}
.header .logo img{width:100%;height:100%;display:block}
.header .menu-right .item{padding-left:15px;margin-left:15px;position:relative;font-weight:500}
.header .menu-right .item::before{position:absolute;content:"";width:1px;height:6px;background:rgba(0,0,0,0.2);left:0;top:50%;transform:translate(0,-50%)}
.header .menu-right .item:last-child::before{display:none}
.header .menu-right .item:first-child::before{display:none}
.header .menu-right .item::after{position:absolute;content:"";left:0;bottom:-17px;width:100%;height:20px;display:none}
.header .menu-right .item:hover,.header .menu-right .item.active{font-weight:600;color: var(--color-btn)}
.header .menu-right .item:hover .title{font-weight:600;color: var(--color-btn)}
.header .menu-right .item:hover::after{display:block}
.header .menu-right .item.active .hover-menu{opacity:1;visibility:visible}
.header .hover-menu{box-shadow:0 0 8px 2px rgba(44,178,255,0.1215686275);position:absolute;left:-30px;top:30px;width:410px;height:240px;border-radius:15px;background:#fff;display:flex;flex-wrap:wrap;opacity:0;visibility:hidden;overflow: hidden;}
.header .item-menu{width:50%;border-right:1px solid #f4f8fb;border-bottom:1px solid #f4f8fb;padding:10px;display:flex;align-items:center}
.header .item-menu.chatngay .icon{height:22px}
.header .item-menu .icon{height:16px;display:block;margin-bottom:10px}
.header .item-menu .icon img{display:block;height:100%;width:auto;-o-object-fit:contain;object-fit:contain}
.header .item-menu .top{width:calc(100% - 38px);margin-right:10px}
.header .item-menu .more{display:block;width:28px;height:28px;color:var(--color-btn);border:1px solid var(--color-btn);border-radius:5px;display:flex;align-items:center;justify-content:center}
.header .item-menu .more i{color:var(--color-btn)}
.header .item-menu .more:hover{background:var(--color-btn)}
.header .item-menu .more:hover i{color:#fff}
.header .item-menu .txt{font-size:13px;line-height:16px;font-weight:400;color:#000;}
.homepage .box-slogan{padding:80px 0 110px}
.homepage .box-slogan .content-slogan{width:780px;margin:0 auto}
.homepage .box-slogan .main-sologan{font-size:48px;font-weight:700;color:#00578a;text-transform:uppercase;height:120px;text-align:center}
.homepage .box-slogan .note{margin:30px auto;width:380px;font-size:16px;color:#a1a1a1;text-align:center;font-weight:500;line-height:22px}
.homepage .box-slogan .btn-contact{background:var(--color-btn);color:#fff;margin-right:15px}
.homepage .box-slogan .btn-contact:hover{background:var(--color-title)}
.homepage .box-slogan .btn-product{color:var(--color-btn);width:166px}
.homepage .box-slogan .btn-product i{margin-left:5px}
.homepage .box-slogan .btn-product:hover{background:var(--color-btn);color:#fff}
.homepage .box-customer{padding-bottom:80px}
.homepage .box-customer .title{font-size:16px;text-align:center;font-weight:500;margin-bottom:25px}
.homepage .box-customer .navheight{display:flex;align-items:center;justify-content:center;width:825px;margin:0 auto;gap:15px}
.homepage .box-product{margin-bottom:100px}
.homepage .box-product .title{margin-bottom:30px;font-size:24px;font-weight:700;text-align:center;color:var(--color-title);text-transform:uppercase}
.homepage .box-product .list-product{margin-right:-15px}
.homepage .box-article .title{text-align:center;font-size:24px;font-weight:700;color:var(--color-title);text-transform:uppercase;margin-bottom:20px}
.homepage .box-article .content-item-article{background:#fff;padding:30px;border-radius:15px;min-height: 353px;position: relative;}
.homepage .box-article .info{width:calc(50% - 40px);margin-right:40px}
.homepage .box-article .image-right{width:calc(50% - 40px);margin-left:40px}
.homepage .box-article .image-right img{width:100%;height:100%;display:block;border-radius:20px;background:#f4f8fb}
.homepage .box-article .tag-blog{width:74px;height:28px;background:var(--color-title);border-radius:5px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:500;text-transform:uppercase;margin-bottom:25px}
.homepage .box-article .name{font-size:24px;font-weight:700;margin-bottom:24px}
.homepage .box-article .summary{font-size:14px;line-height:20px;margin-bottom:20px}
.homepage .box-article .more{font-size:16px;color:var(--color-btn);text-transform:uppercase;margin-bottom:30px;display:block}
.homepage .box-article .more i{margin-left:10px}
.homepage .box-article .more:hover{font-weight:700}
.homepage .box-article .name-author{color:var(--color-btn);margin-left:5px}
.homepage .box-article .time{margin-top:7px;color:#afafaf}
.homepage .box-article .time i{margin-right:5px}
.btn{height:42px;border:1px solid #2cb2ff;width:140px;text-align:center;display:flex;align-items:center;justify-content:center;font-size:15px;border-radius:5px;text-transform:uppercase;font-weight:500;line-height: 39px;}
.caret{display:inline-block;width:2px;background-color:#00578a;animation:blink-caret .7s steps(1) infinite;height:1em;vertical-align:bottom}
@keyframes blink-caret {
50%{background-color:transparent}
}
.navheight .item-big{position:relative;width:115px;height:45px;overflow:hidden}
.navheight .item{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;transition:opacity .8s ease,transform .8s ease;transform:translateY(100%)}
.navheight .item img{display:block;width:100%;height:22px;-o-object-fit:contain;object-fit:contain}
.navheight .item.active{opacity:1;transform:translateY(0)}
.navheight .item.previous{opacity:0;transform:translateY(-170%)}
.item-product{width:calc(25% - 15px);margin-right:15px;background:#fff;border-radius:15px;padding:30px 17px;box-shadow:0 0 8px 2px rgba(44,178,255,0.1215686275);height: 270px;display: flex;flex-direction: column;justify-content: space-between;}
.item-product:hover{outline:1px solid var(--color-btn)}
.item-product.chatngay .icon img{height:35px}
.item-product .icon{width:110px;height:25px;display:block}
.item-product .icon img{height:25px;display:block;width:auto;-o-object-fit:contain;object-fit:contain}
.item-product .txt{margin-top:30px;height:100px;font-size:14px;margin-bottom:28px;line-height:20px}
.item-product .more{font-size:16px;color:var(--color-btn);text-transform:uppercase}
.item-product .more i{margin-left:10px}
.item-product .more:hover{font-weight:700}
.footer{margin-top:50px;background:#1d1d1d}
.footer .main-footer{padding:25px 0;border-bottom:1px solid rgba(255,255,255,0.1019607843)}
.footer .item-footer{width:25%}
.footer .item-footer.big {width: 50%;}
.footer .item-footer .title{font-size:16px;font-weight:600;color:#fff;margin-bottom:15px}
.footer .item-footer .link{color:#adadad;display:block;margin-bottom:13px}
.footer .item-footer .link:hover{color:#fff;text-decoration:underline}
.footer .bottom-footer{padding:20px 0;color:#adadad}
/* loading */
.lds-spinner{display:inline-block;width:100px;height:100px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.lds-spinner div{transform-origin:50px 50px;animation:lds-spinner 1.2s linear infinite}
.lds-spinner div:after{content:" ";display:block;position:absolute;top:3px;left:49px;width:4px;height:17px;border-radius:20%;background:#000}
.lds-spinner div:nth-child(1){transform:rotate(0deg);animation-delay:-1.1s}
.lds-spinner div:nth-child(2){transform:rotate(30deg);animation-delay:-1s}
.lds-spinner div:nth-child(3){transform:rotate(60deg);animation-delay:-.9s}
.lds-spinner div:nth-child(4){transform:rotate(90deg);animation-delay:-.8s}
.lds-spinner div:nth-child(5){transform:rotate(120deg);animation-delay:-.7s}
.lds-spinner div:nth-child(6){transform:rotate(150deg);animation-delay:-.6s}
.lds-spinner div:nth-child(7){transform:rotate(180deg);animation-delay:-.5s}
.lds-spinner div:nth-child(8){transform:rotate(210deg);animation-delay:-.4s}
.lds-spinner div:nth-child(9){transform:rotate(240deg);animation-delay:-.3s}
.lds-spinner div:nth-child(10){transform:rotate(270deg);animation-delay:-.2s}
.lds-spinner div:nth-child(11){transform:rotate(300deg);animation-delay:-.1s}
.lds-spinner div:nth-child(12){transform:rotate(330deg);animation-delay:0}
@keyframes lds-spinner {
0%{opacity:1}
100%{opacity:0}
}

.page-job .container-job{padding:20px 10px;width:794px;margin:0 auto}
.page-job .container-job h1{padding-top: 100px;padding-bottom:25px;font-size:38px;font-weight:700;text-align:center;text-transform:uppercase;color:var(--color-title)}
.page-job .container-job .note{width:408px;margin:0 auto;text-align:center;color:#a1a1a1;font-size:16px;font-weight:500}
.page-job .container-job .btn-job{padding:0 15px;background:var(--color-btn);width:170px;margin:35px auto 67px;color:#fff}
.page-job .container-job .btn-job i{margin-left:7px}
.page-job .container-job .btn-job:hover{border:1px solid var(--color-title);color:#fff;background:var(--color-title);}
.page-job .container-job .content img{display:block;margin-bottom:40px;border-radius:20px}
.page-job .container-job .content h2{font-size:20px;font-weight:700;margin-bottom:15px}
.page-job .container-job .content p{font-size:14px;line-height:25px;margin-bottom:30px}
.page-job .content-form-job{position:relative;width:100%;height:292px;border-radius:20px;overflow:hidden}
.page-job .content-form-job .title{position:absolute;left:20px;top:50%;transform:translate(0,-50%);padding-top: 0;}
.page-job .content-form-job h3{font-size:20px;font-weight:700}
.page-job .content-form-job .btn-job{margin:20px 0 0}

.page-job .title {
  font-size: 38px;
  font-weight: 700;
  margin-bottom: 50px;
  padding-top: 80px;
  text-align: center;
  text-transform: uppercase;
  color: var(--color-title);
  width: 450px;
  margin: 0 auto 30px auto;
}

.page-job .title span{font-size:16px;margin-top:10px;font-weight:400;display: block;color: #000;text-transform: none;}
.page-job .item-job{padding:20px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-radius:8px;margin-bottom:15px;cursor:pointer}
.page-job .item-job:hover{box-shadow:0 0 8px 2px rgba(44,178,255,0.1215686275)}
.page-job .item-job .job-left{display:flex;align-items:center}
.page-job .item-job .name{margin-right:15px;max-width:320px;font-weight:700}
.page-job .item-job .name:hover{color:var(--color-btn)}
.page-job .item-job .time{color:#828797}
.page-job .item-job .localhost{margin-right:40px;color:#828797}
.page-job .item-job .more{font-weight:700;display:flex;align-items:center}
.page-job .item-job .more i{margin-top:3.8px;margin-left:4px}
.page-job .content-job .left-job {width: 190px;margin-top: 40px;margin-right: 20px;}
.page-job .content-job .right-job {width: calc(100% - 190px - 20px);}
.page-job .content-job .item{padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #ebebeb}
.page-job .content-job .item:last-child{border-bottom:0}
.page-job .content-job .item p{font-size:13px;font-weight:400;color:#828797;margin-bottom:5px}
.page-job .content-job .item b{font-size:16px;font-weight:600;color:#828797}
.page-job .content-job .list-tab{height:45px;margin-bottom:20px}
.page-job .content-job .list-tab .item-tab{width:170px;height:100%;display:block;font-size:16px;font-weight:500;line-height:45px;margin-right:10px}
.page-job .content-job .list-tab .item-tab.active,.page-job .content-job .list-tab .item-tab:hover{color:#000;border-bottom:1px solid #000}
.page-job .content-job .content-tab{display:none}
.page-job .content-job .content-tab.active{display:block}
.page-job .content-job .content-tab b{display:block;margin-bottom:15px}
.page-job .content-job .content-tab p{line-height:22px;margin-bottom:10px}
.page-job .content-job .content-tab ul{margin-bottom:1em;padding-left: 15px;}
.page-job .content-job .content-tab li{list-style:inside;line-height:22px;margin-bottom:5px}
.page-job .content-job .apply-job{display:block;width:100%;line-height:42px;background:var(--color-title);color:#fff;font-size:16px;font-weight:700;text-align:center;text-transform:uppercase;border:1px solid var(--color-title);margin-top: 25px;}
.page-job .content-job .apply-job:hover{background:var(--color-btn);color:#fff;border:1px solid var(--color-btn);}
.page-job .content-job .btn-submit{display:flex;align-items:center;justify-content:center;width:100%;background:var(--color-title);color:#fff;font-weight:700}
.page-job .content-job .btn-submit i{margin-left:5px}
.page-job .content-job .btn-submit:hover{background:var(--color-btn);border:1px solid var(--color-btn);}
.item-form{margin-bottom:20px;width:100%}
.item-form .input-item{background:#f4f8fb;width:100%;height:40px;padding:0 15px;border:1px solid #c8c8c8;border-radius:5px}
.item-form .input-item:focus-within{border:1px solid var(--color-title);outline:1px solid var(--color-title)}
.item-form label{margin-bottom:7px;display:block;font-weight: 500;}
.item-form label span{color:#ea1313}
.item-form textarea.input-item{height:127px;padding:15px}
.item-form .ghichu{color:#828797;font-size:13px;margin-bottom:10px;display:block}
.item-upload{padding:15px;border:1px solid #ebebeb;margin-bottom:10px;border-radius:5px}
.item-upload .upload-left{width:calc(100% - 130px);margin-right:15px}
.item-upload .upload-left .name-up{font-size:14px;margin-bottom:0!important;margin-left:5px}
.item-upload .upload-left .gray{margin-top:5px;margin-bottom:0!important;font-size:13px;color:#828797}
.item-upload .upload-right{width:102px;height:36px;line-height:35px;border-radius:5px;border:1px solid #000;text-align:center;font-weight:600}
.item-upload .upload-right .btn-upload{display:block;width:100%;height:100%;border-radius:5px}
.item-upload .upload-right .btn-upload:hover{background:var(--color-title);border:1px solid var(--color-title);color:#fff}
.page-article .main-title{margin:60px 0}
.page-article .main-title p{font-size:16px;font-weight:500; color: #999;}
.page-article .main-title h2{font-weight:700;font-size:40px;text-transform:uppercase; color: var(--color-title); }
.page-article .box-big-article .box-big{width:70%;margin-right:30px}
.page-article .box-big-article .box-small{width:calc(30% - 30px);display:flex;flex-direction:column;justify-content:space-between}
.page-article .box-big-article .item-article{width:100%;margin-right:0;margin-bottom:0}
.page-article .box-big .item-article{width:100%;height:100%;border-radius:20px;overflow:hidden;position:relative}
.page-article .box-big .item-article::after{position:absolute;content:"";left:0;bottom:0;width:100%;height:230px;background:linear-gradient(360deg,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 77.09%);border-radius:0 0 20px 20px;z-index:1}
.page-article .box-big .item-article:hover::after{opacity:.5}
.page-article .box-big .image-article{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:20px;display:block}
.page-article .box-big .image-article img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:20px;transform:scale(1);transition:.3s}
.page-article .box-big .image-article:hover img{transform:scale(1.05);transition:.3s}
.page-article .box-big .info{position:absolute;bottom:25px;left:25px;z-index:2;width:calc(100% - 25px)}
.page-article .box-big .time{color:#fff;font-size:16px;margin-bottom:15px}
.page-article .box-big .time i{margin-right:5px}
.page-article .box-big .name-article{font-size:28px;color:#fff;font-weight:700}
.page-article .box-small .image-article{height:202px}
.page-article .list-article{margin-right:-15px}
.page-article .box-article-other{margin-top:50px;}
.page-article .box-article-other .title{margin-bottom: 25px;font-size: 20px;font-weight: 700;}
.page-article .btn-more{background:var(--color-title);border: 1px solid var(--color-title);width:162px;margin:0 auto;color:#fff;text-transform:unset}
.page-article .btn-more:hover{background:var(--color-btn);border-color:var(--color-btn)}
.page-article .content-article-detail{width:795px;padding:0 10px;margin:40px auto}
.page-article .content-article-detail .time{font-size:16px;text-align:center;font-weight: 500;margin-bottom: 20px;text-transform: uppercase;padding-top: 40px;}
.page-article .content-article-detail .title-article{font-size:35px;font-weight:700;text-align:center;margin-bottom:30px;text-transform:uppercase}
.item-article{width:calc(33.3333333333% - 15px);margin-right:15px;margin-bottom:35px}
.item-article .image-article{width:100%;height:275px;overflow:hidden;display:block;border-radius:12px;margin-bottom:20px}
.item-article .image-article img{width:100%;height:100%;display:block;border-radius:12px;-o-object-fit:cover;object-fit:cover;transform:scale(1);transition:.3s}
.item-article .image-article:hover img{transform:scale(1.05)}
.item-article .time{color:#afafaf;font-size:13px;font-weight:400;margin-bottom:10px}
.item-article .time i{margin-right: 5px;}
.item-article .name-article{font-size:16px;font-weight:600}
.box-article-related{margin-top:50px}
.box-article-related .box-title{margin-bottom: 25px;}
.box-article-related .box-title h2{font-size:28px;font-weight:700}
.box-article-related .box-title a{font-size:14px;font-weight:700}
.page-contact{margin:100px 0}
.page-contact .contact-left{width:460px;margin-right:20px}
.page-contact .contact-left .title-contact{font-size:30px;font-weight:700;color:var(--color-title);}
.page-contact .contact-left .note{margin: 25px 0;font-weight: 500;}
.page-contact .contact-right{width:500px;background:#fff;padding:20px;border-radius:15px}
.page-contact .list-info{margin-top:20px}
.page-contact .list-info .item{display:flex;align-items:center;margin-bottom:10px}
.page-contact .list-info .icon{width:30px;height:30px;background:var(--color-title);border-radius:15px;display:flex;align-items:center;justify-content:center}
.page-contact .list-info .txt{margin-left:10px}
.page-contact .list-info .txt span{padding:0 5px}
.page-contact .box-form b{margin-bottom:20px;text-align:center;font-size:20px;font-weight:700;display:block}
.page-contact .item-form{margin-bottom:25px}
.page-contact .input-item{background:#fff}
.page-contact .btn-submit{width:170px;margin:0 auto;background:var(--color-btn);color:#fff}
.page-contact .btn-submit i{font-size:13px;margin-left:5px}
.page-contact .btn-submit:hover{background:var(--color-title);border: 1px solid var(--color-title);}
.note-error {font-size: 13px;color: red;margin-top: 5px;font-style: italic;}
.item-form.error input {outline: 1px solid red;border: 1px solid red;}
.item-form.error label {color: red;}
.page-article .box-big-article .box-small .item-article {margin-bottom: 15px;}
.page-article .box-big-article .box-small .item-article:last-child{margin-bottom: 0;}
.nd *{line-height: 24px;}
.nd p,.nd h1,.nd h2,.nd h3,.nd h4,.nd h5,.nd h6{margin: 1em 0;}
.nd ul {margin: 1em 0;padding-left: 40px;}
.nd ul li {list-style: inside;}
.page-job .content-form-job img {width: 100%;height: 100%;display: block;}
.page-article .content-article-detail .thumbnail{display:block;margin: 30px 0;}
.page-article .content-article-detail .thumbnail img{display:block;width: 100%;height: 100%;border-radius: 20px;}
.page-article .content-article-detail .summary{padding: 0 100px;text-align: center;font-size: 16px;font-weight: 500;}

/*
.page-article .content-article-detail .nd p{font-size: 16px;}
*/

.page-job .content-job .content-tab h2,.page-job .content-job .content-tab h3 {font-size: 14px;margin-bottom: 15px;text-align: left;}
.input-item::placeholder {color: #828797;}
.page-job .content-job .content-tab .title{padding-top: 0;}
main{flex: 1;}

#backgroundPopup{display:none;position:fixed;height:100%;width:100%;top:0;left:0;background:#00000047;border:1px solid #cecece;z-index:99999}
#popupContact{display:none;position:fixed!important;border:0 solid #666;z-index:999999;padding:7px;font-size:13px;text-align:center;left: 50%;top: 50%;transform: translate(-50%, -50%);}
#popupContact div{text-align:right}
#popupContact h1{text-align:left;color:#096;font-size:18px;font-weight:700;border-bottom:1px dotted #ccc;padding-bottom:2px;margin-bottom:20px}
#popupContactClose{font-size:12px;line-height:16px;right:-62px;top:-31px;color:#fff;position:absolute;font-weight:700}
#popupContact .popupText{color:#fff;font-size:36px;font-weight:700;line-height:57px;padding:150px 10px 0;text-align:center;z-index:9999}
#popupContact .popupLink{text-align:center}
#popupContact .popupLink a{text-decoration:none;color:#999}
#popupContact .popupLink a:hover{color:#fff}
.global-fixed-right{position: fixed;bottom: 20%;right: 10px;z-index: 9;height: 100px;}
#js-goTop{background: #00578a;margin-top: 15px;display:none;width: 50px;height: 50px;border-radius: 50%;line-height: 50px;text-align: center;}
#js-goTop i{font-size: 20px;color: #fff;margin-top: 15px;}

.page-customer .tab-content{display:none;gap:24px;grid-template-columns:repeat(3,minmax(0,1fr))}
.page-customer .tab-content.active{display:grid}
.page-customer .title{margin-top:35px;margin-bottom:20px;font-size:38px;font-weight:700;color:#00578A;text-transform:uppercase;text-align:center}
.page-customer .box-title span{margin-bottom:20px;display:block;text-align:center;font-size: 16px;}
.page-customer .category-filters{margin-bottom:40px;gap:10px}
.page-customer .tab-btn{width:165px;height:40px;border:1px solid #E3E3E3;text-align:center;line-height:38px;color:#000;border-radius:20px;text-decoration:none;font-size:18px;background:#fff}
.page-customer .tab-btn.active,.page-customer .tab-btn:hover{background:#00578A;color:#fff;font-weight:700}
.item-customer{padding:10px;background:#fff}
.item-customer .image-customer{display:block;width:100%;height:230px;object-fit:cover;border-radius:4px}
.item-customer .info{padding-top:20px}
.item-customer .info .logo{display:block}
.item-customer .info .icon-link{display:block;width:18px;height:18px;background:url(../images/icon_link.png) no-repeat;background-size:contain}
.effect-image{position:relative;overflow:hidden}
.effect-image:before{position:absolute;top:0;left:-100%;z-index:2;display:block;content:"";width:50%;height:100%;background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%);transform:skewX(-25deg);cursor:pointer}
.effect-image:hover:before{animation:image 1.1s}
@keyframes image {
100%{left:125%}
}