.page-header{background-color:#093146;padding:4rem 1rem}.page-header h1{font-weight:700}.page-header p{font-size:1.5rem;max-width:800px;margin:0 auto 2rem;line-height:1.6;color:#d0d0d0}.page-header .row>[class*=col-]{display:flex}.page-header .card{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:none;flex:1}.page-header .card h3{text-transform:uppercase;font-weight:500;font-size:1.5rem;color:#fbd097;margin-bottom:.5rem}.page-header .card p{font-size:1.25rem;line-height:1.5;color:#e0e0e0}.introSection{position:relative;padding:4rem 0;background-color:#093146;overflow:hidden}.introBg{z-index:0}.introBg,.introOverlay{position:absolute;top:0;left:0;width:100%;height:100%}.introOverlay{background:rgba(0,0,0,.3)}.introTextWrapper{position:relative;z-index:1;margin:0 auto;text-align:center;color:#fff}.introTitleText{text-transform:uppercase;font-weight:600;background:linear-gradient(90deg,#fbd097,#72cceb,#508de2,#4d8fce);background-size:200%;-webkit-background-clip:text;background-clip:text;margin-bottom:30px}.danh-muc-title,.introTitleText{display:inline-block;font-size:2.5rem;color:transparent}.danh-muc-title{text-align:center;font-weight:700;margin-bottom:40px;background:linear-gradient(90deg,#df8209,#9a6725,#096f94,#074c92);-webkit-background-clip:text;background-clip:text;border-bottom:2px solid #ff9800;padding-bottom:.5rem}.service-card{width:100%;background-color:#f8f9fa;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,.1);border-radius:8px;display:flex;flex-direction:column;position:relative;padding-bottom:50px}@keyframes serviceCardGradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.service-card:hover{box-shadow:0 8px 16px rgba(0,0,0,.15);transform:translateY(-4px);animation:serviceCardGradient 3s linear infinite}.img-container{width:100%;position:relative;padding-top:100%}.img-container img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.card-body-custom{padding:1rem;margin-top:.5rem}.service-card .card-title{text-align:center;color:transparent;background:linear-gradient(90deg,#df8209,#9a6725,#096f94,#074c92);-webkit-background-clip:text;background-clip:text;font-weight:700;font-size:1.25rem;margin-bottom:.5rem;border-bottom:none;padding-bottom:.5rem}.title-divider{width:75%;height:1px;background:linear-gradient(90deg,#df8209,#9a6725,#096f94,#074c92);margin:.5rem auto;display:block}.two-line-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;padding-top:4px}.button__z-text{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);z-index:1;text-decoration:none}@media (max-width:768px){.service-card{padding-bottom:15px}.button__z-text{position:static;transform:none;display:block;margin:0 auto;text-align:center}}.service-title{white-space:nowrap;overflow:hidden;display:inline;text-overflow:clip}.border-gradient{margin-bottom:20px;position:relative;border-radius:6px;overflow:hidden;background:white;box-shadow:0 6px 15px rgba(0,0,0,.05);background-image:linear-gradient(rgb(249,246,246),rgb(249,246,246)),linear-gradient(90deg,#fbd097,#72cceb,#508de2,#4d8fce);background-origin:border-box;background-clip:padding-box,border-box;background-size:100%,200%;border:1px solid transparent;transition:all .3s ease;animation:borderGradient 6s linear infinite}.card-link{display:block;height:100%;transition:transform .3s ease,box-shadow .3s ease}.card-link,.card-link:hover{text-decoration:none;color:inherit}.card-link:hover{transform:translateY(-5px)}.card-link:hover .service-card{box-shadow:0 10px 20px rgba(0,0,0,.1)}.card-link:hover .button__z-text button{background-color:var(--light-brown);color:white}