.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.55);z-index:1}.hero-content{position:relative;z-index:2;max-width:700px;text-align:left}.hero-content h1{font-size:55px;font-weight:700}@media (max-width:576px){.hero-content h1{font-size:25px!important}}.typing-text{font-size:24px;font-weight:400;color:#f8f9fa;border-right:3px solid #f8f9fa;white-space:nowrap;overflow:hidden;width:0;animation:4s steps(30,end) forwards typing,.8s step-end infinite blink}@keyframes typing{from{width:0}to{width:100%}}@keyframes blink{from,to{border-color:transparent}50%{border-color:#f8f9fa}}
.elp-section {
background: #ffffff;
color: #002147;
font-size: 0.95rem;
}

.elp-text {
line-height: 1.6;
font-size: 1rem;
color: #213b4c;
}

/* Make image have rounded corners on md+ */
.elp-img {
width: 100%;
height: auto;
object-fit: cover;
}

@media (min-width: 768px) {
.elp-img {
border-radius: 0.5rem;
}
}
.hero {
position: relative;
background: url('../web/img/privacy/1.jpg') no-repeat center center/cover;
height: 50vh;
display: flex;
align-items: center;
padding: 0 5%;
color: #fff;
}


.policy-section {
padding: 60px 0;
background: #f8f9fa;
}
.policy-section h2 {
font-size: 1.75rem;
font-weight: 700;
margin-top: 40px;
margin-bottom: 20px;
color: #0a4265;
}
.policy-section p,
.policy-section li {
font-size: 1rem;
margin-bottom: 12px;
}
.policy-section ul {
padding-left: 1.2rem;
}