:root{--color-global:#18523a;--color-hover:#103928;--text-hover:#eb4747;--bg-hover:#62ef98;--text-price:#62ef98;--text-gray:#363636;--link-hover:#22af59}
::-webkit-scrollbar-track{background-color:#f5f5f5;border-radius:10px}
::-webkit-scrollbar{width:7px;background-color:#f5f5f5}
::-webkit-scrollbar-thumb{background:#18523a;border-radius:20px;background-image:-webkit-gradient(linear,0 0,0 100%,color-stop(0.7,#18523a),color-stop(0.5,transparent),to(transparent))}
body{font-family:'SF Pro Display',sans-serif;font-size:16px;background:#fcfcfc;}
html{font-family:'SF Pro Display',sans-serif;}
.clearfix::after{content:"";clear:both;display:table}
b{font-family:'SF Pro Display',sans-serif;}
.container{max-width:1360px!important;margin:0 auto}
.hover\:text-bold{font-family:'SF Pro Display',sans-serif;}
.text-bold{font-family:'SF Pro Display',sans-serif;}
.icon_2025{display:block;background:url(../images/icon_2025_new.png?v=1) no-repeat;background-size:110px 206px}
.icon_2025.search{width:24px;height:24px;background-position:0 0}
.icon_2025.phone{width:16px;height:16px;background-position:-34px -2px}
.icon_2025.calendar{width:20px;height:20px;background-position:-61px -3px}
.icon_2025.checked{width:24px;height:24px;background-position:-32px -35px}
.icon_2025.phone-2{width:22px;height:22px;background-position:-62px -35px}
.icon_2025.map{width:26px;height:25px;background-position:-85px -35px}
.icon_2025.email{width:26px;height:25px;background-position:0 -70px}
.icon_2025.bct{width:170px;height:70px;background-size:unset;background-position:0 -350px}
.icon_2025.dmca{width:123px;height:40px;background-size:unset;background-position:-101px -217px}
.icon_2025.home{width:20px;height:20px;background-position:-91px 0}
.icon_2025.tamnhin{width:90px;height:52px;background-size:unset;background-position:-133px -141px}
.icon_2025.sumenh{width:90px;height:60px;background-size:unset;background-position:0 -207px}
.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%}
}
.swiper-pagination .swiper-pagination-bullet{background:rgba(255,255,255,0.6980392157)}
.icon-title-left{display:block;background:url(../images/title_title_left_new.png) no-repeat;background-size:contain;width:310px;height:10px}
.icon-title-left.green{background:url(../images/title_title_left_2_new.png) no-repeat;background-size:contain;width:225px}
.icon-title-right{display:block;background:url(../images/title_title_right_new.png) no-repeat;background-size:contain;width:310px;height:10px}
.icon-title-right.green{width:225px;background:url(../images/title_title_right-2_new.png) no-repeat;background-size:contain}
.homepage .box-process{background:url(../images/background-Process.png) no-repeat;min-height:500px;background-size:cover}
.line_center_procedure{height:82%;top:50%;transform:translateY(-50%)!important}
.img__{position:relative;overflow:hidden}
.icon_check__{position:relative}
.icon_check__::before{content:"";display:inline-block;width:100%;height:1px;background-color:#fff;position:absolute;bottom:-16px;left: 0}
select{-webkit-appearance:none;-moz-appearance:none;background-color:#fff;background-image:url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-down"%3E%3Cpolyline points="6 9 12 15 18 9"%3E%3C/polyline%3E%3C/svg%3E');background-position:right .45em center;background-repeat:no-repeat;background-size:auto 16px;border-radius:0;box-shadow:inset 0 -1.4em 1em 0 rgba(0,0,0,0.02);display:block;padding:0 1em!important;border:1px solid #ddd;color:#333;font-size:16px;height:48px;max-width:100%;transition:color 0.3s,border 0.3s,background 0.3s,opacity .3s;vertical-align:middle;width:100%}
select:focus{background-color:#fff;box-shadow:0 0 5px #ccc;color:#333;opacity:1!important;outline:0}
.box-featured-services{position:relative}
.box-featured-services::before{background-image:url(../images/background-services-featured.png);background-repeat:no-repeat;background-size:100% 100%;background-position:left bottom;position:absolute;content:"";left:0;bottom:0;width:100%;height:100%;z-index:-1}
.item-services{background-image:url(../images/background-item-services.png);background-size:100% 100%;background-position:center;margin-left:15px;background-repeat:no-repeat;transition:all .5s ease}
.item-services::before{position:absolute;content:"";background:#d9d9d9;width:100%;height:100%;border-radius:10px;z-index:-1;left:-15px;top:15px;transition:all .5s ease}
.item-services:hover::before{left:15px;top:-15px}
.item-services .img-services{display:block;width:100%;height:150px;margin-bottom:10px}
.item-services .name-services{font-size:18px;font-weight:700;color:#fff;margin-bottom:5px}
.item-services .name-services:hover{color:var(--bg-hover)}
.item-services .summary{color:#fff}
.item-services .summary-services{width:100%;list-style:decimal;margin-left:20px;color:#fff;font-size:16px}
.item-services .summary-services li{margin-bottom:10px}
.more-all:hover{background:#fff;color:var(--color-global);box-shadow:0 2px 10px 0 var(--color-global)}
.box-project{background:url(../images/background-project.jpg) no-repeat;background-size:cover;background-position:center center;padding:50px 0}
.item-project{position:relative;border-radius:10px;border:1px solid #fff;margin-bottom:70px}
.item-project .image-project{display:block;border-radius:10px;overflow:hidden;height:220px;z-index:1}
.item-project .image-project img{display:block;width:100%;height:100%;border-radius:10px}
.item-project .name-project{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(90deg,#18523a 0%,#22b85c 100%);text-align:center;color:#fff;font-size:20px;font-weight:600;border-radius:0 0 10px 10px;z-index:2;height: 50px;line-height: 50px;padding: 0 10px;}
.item-project .name-project:hover{color:var(--bg-hover)}
.item-project::before{position:absolute;content:"";left:50%;bottom:-95px;width:50px;height:50px;background:#e8ffed;border:2px solid #22b85c;box-shadow:0 0 17px 0 rgba(72,232,134,0.8);border-radius:50%;transform:translate(-50%,0)}
.item-project::after{position:absolute;content:"";left:50%;bottom:-84px;background:url(../images/icon_2025_new.png) no-repeat;width:22px;height:22px;background-size:110px 206px;background-position:-88px -180px;transform:translate(-50%,0)}
.box-project .list-project::before{position:absolute;content:"";width:100%;height:5px;background:linear-gradient(90deg,rgba(30,227,108,0) 0%,#1ee36c 100%);top:50%;left:0;transform:translate(0,-50%)}
.box-project .list-project .item-project:nth-child(n+4){margin-bottom:0}
.box-project .list-project .item-project:nth-child(n+4)::before,.box-project .list-project .item-project:nth-child(n+4)::after{display:none}
.item-article{margin-bottom:16px}
.item-article .article-image{width:160px;height:100px;display:block}
.item-article .article-image img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:8px}
.item-article .info-article{width:calc(100% - 176px);padding:16px}
.item-article .summary{display:none}
.item-article .time{color:#454545}
.item-article .time i{margin-right:5px}
.item-article .name{font-size:16px;margin-top:5px;font-weight:700;color:var(--text-gray);text-transform:uppercase}
.item-article .name:hover{color:var(--link-hover)}
.item-artice-new.video .article-image{position:relative}
.item-artice-new.video .article-image::after{position:absolute;content:"";display:block;background:url(../images/icon_2025_new.png) no-repeat;left:50%;top:50%;transform:translate(-50%,-50%);background-position:-72px -151px;width:43px;height:31px}
.box-article-technology .item-article:first-child .article-image,.box-article-youtube .item-article:first-child .article-image{width:300px;height:160px}
.box-article-technology .item-article:first-child .info-article,.box-article-youtube .item-article:first-child .info-article{width:calc(100% - 316px);padding:0;margin-left:16px;display:flex;flex-direction:column;justify-content:space-between}
.box-article-technology .item-article:first-child .summary,.box-article-youtube .item-article:first-child .summary{display:-webkit-box}
.box-partners{background:url(../images/background-partners.jpg) no-repeat;background-size:100% 100%;background-position:0 0}
.item-partners{background:url(../images/border-partners.png) no-repeat;background-size:100% 100%;background-position:100% 100%;display:block;padding:8px 6px}
.item-partners:hover .box-shadow{box-shadow:0 0 6px 1px var(--link-hover)}
#js-box-customer{position:relative;height: 500px;}
#js-box-customer::before,#js-box-customer::after{content:"";position:absolute;top:50%;width:10%;height:100%;z-index:2;transform:translateY(-50%)}
#js-box-customer::before{left:0;background:linear-gradient(270deg,rgba(252,252,252,0) 0%,#fcfcfc 100%)}
#js-box-customer::after{right:0;background:linear-gradient(270deg,#fcfcfc 0%,rgba(252,252,252,0) 100%)}
#js-box-customer .item{display:block;height:100%;width:100%}
#js-box-customer .item img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:10px}
#js-box-customer .swiper-button-prev,#js-box-customer .swiper-button-next{background-image:linear-gradient(90deg,#18523a 0%,#22b85c 100%);width:56px;height:56px;line-height:56px;border-radius:50%}
#js-box-customer .swiper-button-prev:after{content:"\f060";font-family:"Font Awesome 6 Free";font-size:20px;font-weight:700;color:#fff}
#js-box-customer .swiper-button-next:after{content:"\f061";font-family:"Font Awesome 6 Free";font-size:20px;font-weight:700;color:#fff}
.main-footer{background:url(../images/banner_footer_new.png) no-repeat;background-size:100% 100%;background-position:center center;position:relative;padding-top:170px;padding-bottom:20px}
.main-footer .footer-top{position:absolute;top:-60px;left:50%;transform:translate(-50%,0);z-index:9}
.nd{line-height:150%}
.nd p{margin:1rem 0}
.nd h1{font-size:2em;margin-top:.67em;margin-bottom:.67em}
.nd h2{font-size:1.5em;margin-top:.75em;margin-bottom:.75em}
.nd ul,ol{padding-left:40px;list-style:inside}
.nd table{border-collapse:separate;border-spacing:2px;width:100%;border-width: 1;border-color: #ddd;}
.nd th{font-weight:700;text-align:center;vertical-align:middle;padding:8px}
.nd td{padding:8px;text-align:left;vertical-align:middle;border-width: 1px;border-color: #ddd;}
.nd tr{background-color:transparent}
.content{overflow:hidden;position:relative}
.content.active{height:auto!important}
.box-tamnhin-sumenh{position:relative;background:url(../images/bg-main-tamnhin.png) no-repeat;background-size:100% 100%;background-position:0 0}
.box-tamnhin-sumenh .title-tamnhin{position:absolute;width:1360px;left:50%;top:-140px;transform:translate(-50%,0);padding:35px 0;background:url(../images/bg-title-tamnhin_new.png) no-repeat;background-size:cover;border-radius:20px;overflow:hidden}
.time-options{display:flex;flex-wrap:wrap;gap:16px}
.time-options label{display:block;font-size:1rem;color:#979797;width:auto;cursor:pointer}
.time-options input{display:none}
.time-options label span{padding:4px 16px;border-radius:5px;background:#f9f9f9;color:#979797}
.time-options input:checked + span,.time-options span:hover{background-color:#18523a;color:#fff}
.background-title-contact{background:url(../images/bg-title-contact_new.jpg) no-repeat;background-size:cover;height:300px;display:flex;align-items:center;justify-content:center}
.background-title-contact h2{text-align:center;font-size:64px;color:#fff;font-weight:700}
.autocomplete-suggestions{border:1px solid #ccc;background:#fff;cursor:default;overflow:auto;width:100%;display:none;z-index:99999;position:absolute;top:44px;max-height:350px;left:-1px}
.autocomplete-suggestion{padding:3px 5px;overflow:hidden}
.autocomplete-selected{background:#f0f0f0}
.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: var(--color-global)}
.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}
}
.archor-text-group {padding: 24px;margin: 24px 0;background: #f9f9f9;}
.archor-text-group .toc_title {display: flex;align-items: center;justify-content: space-between;padding-bottom: 15px;cursor: pointer;}
.archor-text-group .toc_title b{font-size: 18px;}
.archor-text-group li {list-style: none;margin-left: 15px;margin-bottom: 5px;font-weight: 400;}
.comment-list .item .comment-left img{width:40px;float:left}
.comment-list .item .reply-comment{display:none}
.info-feeback .time{color:#000}
.comment-list .item .comment-name span{font-weight:700;margin-right:2px}
.comment-list .item .comment-name .note{color:#fff;font-size:.7em;background:#ec3237;font-style:normal;padding:2px 5px}
.comment-list .comment-right p{padding-top: 5px;} 
.comment-list .item_reply{background:#f5f5f5;padding:10px;position:relative}
.comment-list .item_reply p{margin-bottom:5px}
.comment-list .item_reply::before{content:"";display:block;width:0;border-width:10px;border-style:solid;border-color:transparent transparent #f5f5f5;border-image:initial;position:absolute;top:-20px;left:3px;z-index:2}
.comment-list .item_reply::after{content:"";display:block;width:0;border-width:10px;border-style:solid;border-color:transparent transparent #cecece;border-image:initial;position:absolute;top:-20px;left:3px;z-index:1}
.comment-list .avatar-user {background: var(--color-global);color: #fff;width: 40px;height: 40px;display: inline-block;line-height: 40px;text-align: center;border-radius: 50%;}
.comment-list .avatar-admin{width: 40px; height: 40px;}
.comment-list .item_reply .comment-name{padding-bottom: 10px;}
.breadcrumb li:last-child .fa-solid.fa-angle-right{display:none;}
.header-mobile{display:none;}
.icon_cate{display:block;background:url(../images/icon_cate_mobile_new.png?v=1) no-repeat;background-size: 106px 60px;}
.icon_cate.pc {margin-top: 2px;width: 24px;height: 24px;background-position: -1px -1px;}
.icon_cate.laptop {margin-top: 2px;width: 25px;height: 24px;background-position: -40px 0px;}
.icon_cate.linhkien{margin-top: 2px;width: 25px;height: 24px;background-position: -80px 0px;}
.icon_cate.clear{margin-top: 2px;width: 25px;height: 24px;background-position: 0 -37px;}
.icon_cate.baohanh{margin-top: 2px;width: 25px;height: 24px;background-position: -40px -35px;}
.icon_cate.time{margin-top: 2px;width: 25px;height: 27px;background-position: -80px -32px;}
.box-category-mobile{display:none;}
.footer .main-footer.mobile{display:none;}
.item-footer .show-footer.active .content {display: block;}
#main-menu .item.active .sub-menu {display: block;height: auto;opacity: 1;}
#main-menu .item.active .fa-chevron-down:before {content: "\f077" !important;}
#main-menu.active {left: 0;}
#main-menu .item:first-child{border: 0;}
.bg-bg-gradient {background-image: linear-gradient(90deg, #18523A 0%, #22B85C 100%);}
.but_ring{position:relative;animation:glow 2s infinite}
.but_ring::after{content:'';position:absolute;width:100%;height:100%;background:radial-gradient(circle,rgba(24,82,58,0.3) 0%,rgba(24,82,58,0) 70%);border-radius:50%;z-index:-1;opacity:.8}
@keyframes glow {
0%{box-shadow:0 0 0 0 rgba(24,82,58,0.7)}
70%{box-shadow:0 0 0 15px rgba(24,82,58,0)}
100%{box-shadow:0 0 0 0 rgba(24,82,58,0)}
}
.toc_title.active .fa-angle-up{--fa: "\f107";}
.archor-text-group li a span{color: #1a6db4 !important;font-size: 14px !important;}
#js-outp{font-family:Arial,sans-serif;background-color:#f9f9f9;padding:1rem;border-radius:8px;max-width:100%;counter-reset:section}
#js-outp > ol{list-style:none;padding-left:0}
#js-outp > ol > li{counter-increment:section;margin-bottom:.6rem;position:relative}
#js-outp > ol > li::before{content:counter(section) ". ";font-weight:700;color:#1976d2;margin-right:5px}
#js-outp ol li a{text-decoration:none;font-size:15px;color:#1976d2;line-height:1.5;display:inline-block}
#js-outp ol li a:hover{text-decoration:underline}
#js-outp ol ol{list-style:none;padding-left:1.2rem;counter-reset:subsection;margin-top:.4rem}
#js-outp ol ol > li{counter-increment:subsection;margin-bottom:.6rem}
#js-outp ol > li > ol > li::before{content:counter(section) "." counter(subsection) ". ";color:#1a6db4;margin-right:5px;font-weight: 700;}

@media (min-width: 1200px) and (max-width: 1400px) {
  body{font-size: 14px;}
  .container{max-width: 1230px !important;padding: 0 15px;}
  .header-main-left{gap: 10px !important;}
  .header-main-right{gap: 15px !important;}
  .header-main-right .text-lg{font-size: 14px;}
  .header-main-left .form-search {width: 350px;}
  .box-process .box-title h2{font-size: 24px;text-align: center;}
  .homepage .form-dichvu h2{font-size: 24px;}
  .homepage .box-featured-services h2{font-size: 24px;}
  .homepage .list-services{gap: 24px !important;}
  .footer .box-info-contact span{font-size: 14px;}
  .footer .contentfooter-main .item {padding-right: 20px;margin-right: 20px;width: calc(100% / 4 - 50px);}
  .box-tamnhin-sumenh .title-tamnhin{width: 1200px;}
  .box-trust-partners h2{font-size: 24px;text-align: center;}
  .box-group-article h2{font-size: 24px;text-align: center;}
  .box-partners h2,.box-slider-customer h2{font-size: 24px;text-align: center;}
  .box-info-contact .contact-hn span{width: 185px;}
}

@media (min-width: 1600px) {
  body{font-size: 16px;}
  .container{max-width: 1600px !important;padding: 0 15px;}
  .header .header-slogan .text-lg{font-size: 25px;}
  .header .header-main-left{gap: 1.75rem;}
  .header .form-search{width: 600px;}
  .header .header-main-right a{font-size: 18px;}
  .homepage .banner-main img {height: 550px;}
  .homepage .banner_left img {height: 550px;}
  .homepage .banner_right .item {height: calc(550px / 2 - 8px);}
  .item-services .img-services{height: 200px;}
  .item-project .image-project{height: 270px;}
  #js-box-customer{height: 580px;}
  .homepage .box-trust-partners .image{height: 200px}
  .page-article.search .list-article .image{height: 300px;}
  .item-artice-new .effect-image{height: 300px;}
  .item-artice-new .effect-image img{object-fit:fill !important}
  .item-artice-thumb .effect-image{height: 130px;}
  .item-artice-thumb .effect-image img{object-fit:fill !important}
  .item-box-cate .effect-image{height: 240px;}
  .item-box-cate .effect-image img{object-fit:fill !important}
  .homepage .item-artice-new .effect-image{height: 230px;}
  .homepage .item-artice-new .name {font-size: 20px;}
}


@media (max-width: 1200px) {
  .container{max-width: 1024px !important;padding: 0 15px;}
  .header-pc{display:none;}
  .header-mobile{display:block;}
  .homepage .banner .banner_left{display:none;}
  .homepage .banner .banner_right{display:none;}
  .homepage .banner .banner-main{grid-column: span 12 / span 12;}
  .box-featured-services .list-services{grid-template-columns: repeat(2, minmax(0, 1fr));gap: 24px;}
  .box-project h2{font-size: 24px;text-align: center;}
  .box-article-technology .item-article:first-child .article-image, .box-article-youtube .item-article:first-child .article-image{width: 200px;}
  .box-article-technology .item-article:first-child .info-article, .box-article-youtube .item-article:first-child .info-article{width: calc(100% - 216px)}
  .box-partners .list {grid-template-columns: repeat(5, minmax(0, 1fr));padding: 30px 0 !important;gap: 24px;}
  .footer .contentfooter-main .item {padding-right: 20px;margin-right: 20px;width: calc(100% / 3 - 50px);}
  .footer .contentfooter-main .item:nth-child(3){border: 0;}
  .box-trust-partners h2{font-size: 24px;text-align: center:}
  .box-group-article h2{font-size: 24px;text-align: center;}
  .box-partners h2,.box-slider-customer h2{font-size: 24px;text-align: center;}
  .box-process .box-title h2{font-size: 24px;text-align: center;}
  .homepage .form-dichvu h2{font-size: 24px;}
  .homepage .box-featured-services h2{font-size: 24px;}
  .homepage .box-article-technology {margin-bottom: 25px;}
}
@media (max-width: 1000px) {
  .container{max-width: 100% !important;padding: 0 15px;}
  .box-group-article .list-article{grid-template-columns: repeat(1, minmax(0, 1fr));gap: 24px;}
  .page-contact .content-page-contact{padding: 15px;}
  .page-contact .content-page-contact .left{width: 100%;}
  .page-contact .content-page-contact .right{width: 100%;}
  .item-project .name-project{font-size: 16px;}
  .article-item-right .image{height: 150px;}
  .article-item-right{align-items: start !important;}
  .article-item-right .right{margin-top: 10px;}
  .article-item-right .name{font-size: 15px;}
  .page-article .banner_top{width: 100%;height: auto;}
  .page-article .banner_top img {height: auto;}
  .nd iframe{width: 100%;height: 300px;}
  .box-process .item .img__ {display: none;}
}

@media (min-width: 1800px) {
  	.box-fixed-banner{display:block !important;}
    .container-banner-fix{width: 1900px;margin: 0 auto;}
    .container-banner-fix .image{width: 130px;}
}

@media (min-width: 1900px) {
   .container-banner-fix .image{width: 160px;}
}
  
@media (min-width: 2000px) {
    .container-banner-fix .image{width: 200px;}
}

@media (max-width: 834px) {
  .box-trust-partners .list{grid-template-columns: repeat(2, minmax(0, 1fr));}
  .page-article .content-page-article{flex-wrap: wrap;}
  .page-article .content-page-article .left{width: 100%;}
  .page-article .content-page-article .right{width: 100%;}
  
}

@media (max-width: 768px) {
  .box-project .list-project{gap: 15px;}
  .item-project::before{bottom: -68px;}
  .item-project::after{bottom: -55px;}
  .footer .contentfooter-main .item{width: calc(100% / 2 - 50px);}
  .footer .contentfooter-main .item:nth-child(2){border: 0;}
  .footer .contentfooter-main .item:nth-child(3){border-right: 1px solid #828282;}
}


@media (max-width: 480px) {
  body{font-size: 14px;}
  .container{max-width: 480px !important;padding: 0 15px;}
  .homepage .banner #js-banner-slider{height: auto;}
  .homepage .banner #js-banner-slider img{display:block;height: 100%;width: 100%;}
  .box-category-mobile{display:block;}
  .homepage .content-trust-partners{border: 0}
  .footer .main-footer.pc{display:none;}
  .footer .main-footer.mobile{display:block;}
  .homepage .box-trust-partners h2{font-size: 20px;padding-top: 0;width: 300px;margin: 0 auto;}
  .homepage .box-trust-partners .list{grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px;}
  .homepage .box-trust-partners .item{border: 0;padding: 0;}
  .homepage .box-trust-partners .image{height: auto}
  .homepage .box-trust-partners .image img{object-fit: contain;}
  .homepage .box-trust-partners .name{font-size: 15px;}
  .box-process{padding: 25px 0 !important;}
  .box-process .box-title{align-items: end;}
  .box-process .box-title h2{font-size: 20px;text-align: center;}
  .icon-title-left,.icon-title-right{width: 270px;}
  .box-process .item:nth-child(1) .cnt{padding-right: 0;}
  .box-process .item:nth-child(2) .cnt{padding-left: 0;}
  .box-process .item:nth-child(3) .cnt{padding-right: 0;padding-left: 25px;}
  .box-process .item:nth-child(4) .cnt{padding-left: 0;}
  .box-process .item:nth-child(5) .cnt{padding-right: 0;padding-left: 25px;}
  .box-process .item:nth-child(6) .cnt{padding-left: 0;}
  .box-process .item:nth-child(7) .cnt{padding-right: 0;padding-left: 27px;}
  .box-process .item:nth-child(1){margin-top: 30px;}
  .box-process .item .tieude{font-size: 15px;}
  .box-process .item .mota{font-size: 14px;margin-top: 25px;}
  .box-process .item:nth-child(4) .tieude{margin-bottom: 5px;}
  .box-featured-services{padding: 30px 0 !important;}
  .box-featured-services h2{font-size: 20px;}
  .box-featured-services .list-services{grid-template-columns: repeat(1, minmax(0, 1fr));gap: 24px;}
  .item-services{margin-left: 0;}
  .item-services::before{display: none;}
  .box-project{padding: 30px 0;background-position:unset;}
  .box-project h2{font-size: 21px;text-align: center;}
  .box-project .box-title{align-items: end;}
  .icon-title-left.green,.icon-title-right.green{width: 100px;}
  .item-project{width: 250px;height: 163px;}
  .box-project .list-project{display: flex;overflow-x: auto;overflow-y: hidden;white-space: nowrap;gap: 10px;}
  .item-project .image-project{height: 160px;width: 250px;}
  .box-project .list-project::before{top: 69%;transform: translate(0, -69%);width: 1400px;}
  .box-project .list-project .item-project:nth-child(n+4) {margin-bottom: 70px;}
  .box-project .list-project .item-project:nth-child(n+4)::before,.box-project .list-project .item-project:nth-child(n+4)::after {display: block;}
  .item-project .name-project{font-size: 16px;padding: 0 10px;text-overflow: ellipsis;}
  .box-group-article{padding: 30px 0 !important;}
  .box-group-article .box-title h2{font-size: 20px;}
  .box-article-technology .item-article:first-child,.box-article-youtube .item-article:first-child{flex-wrap: wrap;gap: 10px;margin-bottom: 15px;}
  .box-article-technology .item-article:first-child .article-image, .box-article-youtube .item-article:first-child .article-image{width: 100%;height: 200px;}
  .box-article-technology .item-article:first-child .info-article, .box-article-youtube .item-article:first-child .info-article{width: 100%;margin-left: 0;}
  .box-partners h2{padding-top: 30px !important;font-size: 20px;}
  .box-partners .list {grid-template-columns: repeat(3, minmax(0, 1fr));padding: 30px 0 !important;gap: 24px;}
  .box-partners .list .h-\[80px\]{height: 40px;}
  .box-slider-customer .list {height: 250px !important;}
  .box-slider-customer h2{font-size: 20px;}
  .main-footer{padding-top: 140px;background-size: cover;}
  .page-info .banner{height: 150px;}
  .page-info .content-page-info .box-info{grid-template-columns: repeat(1, minmax(0, 1fr));}
  .page-info .content-page-info .content-left h1{font-size: 24px;}
  .page-info .content-page-info .content-left .w-\[183px\]{width: 100px;}
  .page-info .content-page-info .content-right{height: 230px;}
  .box-tamnhin-sumenh .title-tamnhin{width: 95%}
  .box-tamnhin-sumenh .content{width: 90%;}
  .box-tamnhin-sumenh .content h3{font-size: 16px;}
  .box-tamnhin-sumenh .content img{height: 45px;}
  .box-tamnhin-sumenh .list{grid-template-columns: repeat(1, minmax(0, 1fr));gap: 40px;}
  .box-tamnhin-sumenh .list h3{font-size: 32px;}
  .content-box-giatri .left{width: 100%;}
  .content-box-giatri .right{width: 100%;}
  .page-info .box-giatri{padding: 30px 0 !important;}
  .page-contact .background-title-contact{height: 150px;}
  .content-page-contact .left .form-group{grid-template-columns: repeat(1, minmax(0, 1fr));}
  .content-form-datlich{padding: 15px !important;}
  .content-form-datlich h2{font-size: 24px;}
  .content-form-datlich .left{width: 100%;}
  .content-form-datlich .right{width: 100%;}
  .content-form-datlich .customer-info{grid-template-columns: repeat(1, minmax(0, 1fr));}
  .content-form-datlich .customer-info .custom-input{grid-column: span 2 / span 2;}
  .box-faq .container{padding: 0;}
  .page-article .box-article-new{flex-wrap: wrap;}
  #js-aritcle-big-new,#js-aritcle-small-new{width: 100%;}
  .page-dichvu .banner{height: 150px;}
  .page-dichvu .list{grid-template-columns: repeat(1, minmax(0, 1fr));}
  .page-dichvu .box-title p{width: 100%;}
  .box-comment .form-input input{width: 100%;}
  .item-article .time{font-size: 13px;}
  .item-article .name{font-size: 14px;}
  .box-faq .box_title{padding: 10px;}
  .box-faq .box_title p{font-size: 16px;}
  .box-faq .content_faq{font-size: 14px;}
  .box-giatri .content-list-giatri{padding: 15px;}
  .item-artice-new .name{font-size: 14px;}
  .item-artice-thumb .name{font-size: 14px;}
  .box-cate-home .box-title h2{font-size: 16px;}
  .box-cate-home .box-title a{font-size: 14px;}
  .item-artice-cate .name{font-size: 14px;}
  .item-artice-cate .image{height: 120px;}
  .page-article .content-page-article{margin-top: 10px;}
  .archor-text-group{padding: 10px;}
  .page-contact .left textarea{height: 100px}
  .form-dichvu h2{font-size: 20px;}
  .main-footer .item-footer h2{font-size: 14px;}
  .box-icon-fixed a{width: 45px;height: 45px;}
  .box-icon-fixed img{width: 50%;}
  .box-icon-fixed i{font-size: 18px;}
  .page-article.search #js-list-services{grid-template-columns: repeat(1, minmax(0, 1fr));}
  .page-article.search .image{width: 100%;}
  .page-article.search .info{width: 100%;padding-left: 0;}
  .page-article.search #js-list-services{grid-template-columns: repeat(1, minmax(0, 1fr));}
  #js-box-customer .swiper-button-prev, #js-box-customer .swiper-button-next{width: 30px;height: 30px;line-height: 30px;}
  #js-box-customer .swiper-button-prev:after,#js-box-customer .swiper-button-next:after{font-size: 14px;}
  .article-item-right {flex-wrap: wrap;}
  .article-item-right .image{width: 100%;height: 170px;}
  .article-item-right .right{padding-left: 0;}
  .homepage .item-artice-new .name{font-size: 18px;}
  .image-project.effect-image img{object-fit: fill;}
}
@media (max-width: 420px) {
  .content-form-datlich h2{font-size: 20px;}
  .page-article h1{font-size: 20px !important;}
}

@media (max-width: 385px) {
  .item-article .article-image{width: 140px;}
  .item-article .info-article {width: calc(100% - 150px);padding: 10px 0 10px 10px;}
  .box-slider-customer .list{height: 200px !important;}
}