:root{--primary-color:#004a7f;--secondary-color:#2d3e50;--text-color:#4a4a4a;--border-radius:16px;--transition-speed:0.3s;--shadow:0 8px 25px rgba(0,0,0,0.07);--shadow-hover:0 12px 30px rgba(0,0,0,0.1)}.component-box{background-color:#fff;padding:30px;border-radius:var(--border-radius);border:1px solid #e9ecef;text-align:center;transition:transform var(--transition-speed),box-shadow var(--transition-speed);box-shadow:var(--shadow)}.component-box:hover,.component-box:focus-within{transform:translateY(-5px);box-shadow:var(--shadow-hover)}.component-box .icon{color:var(--primary-color);margin-bottom:20px}.component-box .icon svg{width:48px;height:48px}.component-box h3{font-weight:700;font-size:1.3rem;color:var(--secondary-color);margin-bottom:15px}.component-box p{color:var(--text-color);font-size:1rem;line-height:1.6}#about-service .section-title{color:var(--secondary-color)}#about-service .section-text{font-size:1.1rem;line-height:1.7}