.hero-image-hotline {
  position: relative;
  background: url('../images/main_image_audit.jpg') no-repeat center center;
  background-size: cover; 
  height: 500px;
  width: 100%;
  color: white;
}
.hero-image-hotline::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    z-index: 1;
}
.hero-image-hotline::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 60%;
    height: 100%;
    background: linear-gradient(
        to right,
        rgba(0, 0, 0, 0.8) 0%,
        rgba(0, 0, 0, 0.5) 70%,
        rgba(0, 0, 0, 0) 100%  
    );
    z-index: 2;
}
.hero-image-hotline .container {
    position: relative;
    z-index: 3;
}

 :root {
    --seviblue: #00479d;
    --soft-bg: #f5f7fb;
}
.section { padding: 4rem 0; }
.icon-bubble {
    width: 56px; 
    height: 56px; 
    border-radius: 50%;
    display: inline-flex; 
    align-items: center; 
    justify-content: center;
    background: #e9f1ff; 
    font-size: 1.3rem; 
    color: var(--seviblue);
}