.hero {
background:url(../image/visitor_manage_headbanner.png) center center / cover no-repeat;
align-items:flex-start;
min-height:0;
padding-top:70px;
padding-bottom:30px
}

.hero .hero-content {
text-align:left;
margin-left:6%;
max-width:620px
}

.hero .hero-content h1{

color:#074b88
}
.hero .hero-content h1 span {
    color: #fca918;
}

.hero .hero-content h1 {
font-size:32px
}

.hero .hero-content p {
color:#e6ecf2;
margin-left:0
}

.hero .hero-buttons {
justify-content:flex-start
}

.hero .secondary-btn {
border-color:#fff;
color:#fff
}

@media (max-width: 768px) {
.hero .hero-content {
margin-left:0;
text-align:center;
max-width:none
}

.hero .hero-content h1 {
font-size:32px
}

.hero .hero-buttons {
justify-content:center
}
}

@media (max-width: 480px) {
.hero .hero-content h1 {
font-size:26px
}
}

.journey-section {
width:90%;
max-width:1400px;
margin:100px auto;
text-align:center
}

.journey-badge {
display:inline-flex;
align-items:center;
gap:8px;
padding:8px 18px;
border:1px solid #E6EDF5;
border-radius:30px;
background:#fff;
color:#234F6D;
font-size:14px;
font-weight:600
}

.journey-badge i {
color:#234F6D
}

.journey-section h2 {
margin:22px 0 15px;
font-size:54px;
font-weight:700;
color:#111
}

.journey-desc {
max-width:850px;
margin:0 auto 60px;
font-size:18px;
line-height:1.7;
color:#777
}

.journey-image {
width:100%;
display:flex;
justify-content:center
}

.journey-image img {
width:100%;
max-width:1200px;
height:auto;
display:block
}

@media (max-width:992px) {
.journey-section {
margin:70px auto
}

.journey-section h2 {
font-size:38px
}

.journey-desc {
font-size:16px;
margin-bottom:40px
}

.journey-image img {
max-width:100%
}
}

@media (max-width:480px) {
.journey-section h2 {
font-size:28px
}

.journey-desc {
font-size:14px
}
}

.security-section {
margin-top:30px;
width:100%;
padding:40px 0;
background:url(../image/module_bg_2.png) center center/cover no-repeat
}

.security-container {
width:100%;
max-width:1400px;
margin:0 auto;
padding:0 60px;
box-sizing:border-box;
text-align:center
}

.security-badge {
display:inline-flex;
align-items:center;
gap:8px;
padding:8px 18px;
background:#fff;
border:1px solid #D9EAF7;
border-radius:30px;
color:#234E6C;
font-size:14px;
font-weight:600
}

.security-badge i {
font-size:14px;
color:#234E6C
}

.security-container h2 {
font-size:36px;
font-weight:700;
color:#111;
margin:14px 0 10px;
line-height:1.2
}

.security-desc {
max-width:700px;
margin:0 auto 24px;
color:#7A7A7A;
font-size:15px;
line-height:1.55
}

.security-cards {
display:grid;
grid-template-columns:repeat(3,1fr);
background:#fff;
border:1px solid #91C9F5;
border-radius:18px;
overflow:hidden
}

.security-card {
padding:40px 34px;
border-right:1px solid #D6EBFA;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:flex-start;
min-height:260px
}

.security-card:last-child {
border-right:none
}

.security-icon {
width:56px;
height:56px;
border-radius:50%;
background:#214E6C;
display:flex;
justify-content:center;
align-items:center;
margin-bottom:28px
}

.security-icon i {
color:#fff;
font-size:22px
}

.security-card h3 {
font-size:32px;
font-weight:700;
color:#111;
margin-bottom:18px;
min-height:40px;
display:flex;
align-items:center
}

.security-card p {
font-size:17px;
line-height:1.7;
color:#707070;
margin:0
}

.security-card:hover {
background:#FAFDFF;
transition:.3s ease
}

@media(max-width:992px) {
.security-container h2 {
font-size:40px
}

.security-desc {
font-size:17px
}

.security-cards {
grid-template-columns:1fr
}

.security-card {
border-right:none;
border-bottom:1px solid #D6EBFA;
min-height:auto
}

.security-card:last-child {
border-bottom:none
}
}

@media(max-width:768px) {
.security-section {
padding:70px 0
}

.security-container {
width:100%;
padding:0 24px
}

.security-container h2 {
font-size:34px
}

.security-desc {
font-size:16px;
margin-bottom:40px
}

.security-card {
padding:30px 24px
}

.security-card h3 {
font-size:24px
}

.security-card p {
font-size:15px
}
}

@media (max-width: 480px) {
.security-container h2 {
font-size:26px
}

.security-desc {
font-size:14px
}
}

.industries-grid {
display:grid;
grid-template-columns:repeat(4,1fr);
gap:50px 35px;
align-items:start
}

.industry-card {
display:flex;
flex-direction:column;
align-items:center;
text-align:center;
padding:0 10px
}

.industry-icon {
font-size:42px;
color:#2B2B2B;
margin-bottom:18px;
font-weight:300;
line-height:1
}

.industry-card h3 {
font-size:22px;
font-weight:600;
color:#222;
margin-bottom:12px;
min-height:56px;
display:flex;
align-items:center;
justify-content:center;
text-align:center
}

.industry-card p {
font-size:16px;
line-height:1.6;
color:#777;
max-width:240px;
margin:0 auto
}