.bg_lightblue_simple {
  background-color: #eff3fa !important;
}

.bg_lightblue, section.banner-section {
    background-color: #eff3fa;
    background-image: url("data:image/svg+xml,%3Csvg width='1440' height='320' viewBox='0 0 1440 320' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%230a65cc' fill-opacity='0.05' d='M0,192L48,197.3C96,203,192,213,288,229.3C384,245,480,267,576,250.7C672,235,768,181,864,181.3C960,181,1056,235,1152,234.7C1248,235,1344,181,1392,154.7L1440,128L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3Cpath fill='%230a65cc' fill-opacity='0.03' d='M0,96L48,128C96,160,192,224,288,213.3C384,203,480,117,576,117.3C672,117,768,203,864,224C960,245,1056,203,1152,186.7C1248,171,1344,181,1392,186.7L1440,192L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E");
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100% 70%;
    position: relative;
}

.bg_lightblue::before, section.banner-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, 
        rgba(10, 101, 204, 0.03) 0%, 
        rgba(255, 255, 255, 0) 50%,
        rgba(10, 101, 204, 0.02) 100%
    );
    pointer-events: none;
}

.bg_lightblue2 {
    background-color: #eff3fa;
    background-image: url("data:image/svg+xml,%3Csvg width='1440' height='320' viewBox='0 0 1440 320' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 192L60 186.7C120 181.3 240 171 360 170.7C480 171 600 181 720 192C840 203 960 213 1080 208.3C1200 203.7 1320 184.3 1380 175L1440 165L1440 320L1380 320C1320 320 1200 320 1080 320C960 320 840 320 720 320C600 320 480 320 360 320C240 320 120 320 60 320L0 320Z' fill='%230a65cc' fill-opacity='0.05'%3E%3C/path%3E%3Cpath d='M0 224L60 229.3C120 235 240 245 360 240C480 235 600 213 720 213.3C840 213.7 960 235.3 1080 245.3C1200 255.7 1320 254.3 1380 253.3L1440 253L1440 320L1380 320C1320 320 1200 320 1080 320C960 320 840 320 720 320C600 320 480 320 360 320C240 320 120 320 60 320L0 320Z' fill='%230a65cc' fill-opacity='0.03'%3E%3C/path%3E%3Cpath d='M0 256L60 261.3C120 267 240 277 360 277.3C480 277.7 600 267.3 720 266.7C840 266 960 275 1080 277.3C1200 280 1320 275 1380 272.3L1440 269L1440 320L1380 320C1320 320 1200 320 1080 320C960 320 840 320 720 320C600 320 480 320 360 320C240 320 120 320 60 320L0 320Z' fill='%230a65cc' fill-opacity='0.02'%3E%3C/path%3E%3C/svg%3E");
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100% 70%;
    position: relative;
}

.bg_lightblue2::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, 
        rgba(10, 101, 204, 0.02) 0%, 
        rgba(255, 255, 255, 0.05) 50%,
        rgba(10, 101, 204, 0.02) 100%
    );
    pointer-events: none;
}

.banner-mockup2 {
    width: 68%;
    min-width: 485px;
    max-width: 525px;
    position: relative;
    left: 28%;
    top: -10%;
    z-index: 1;
}

.bg_white {
    background-color: #ffffff;
    background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23f0f7ff' fill-opacity='0.3' d='M0 0h50v50H0z'/%3E%3Cpath fill='%23f5faff' fill-opacity='0.2' d='M50 50h50v50H50z'/%3E%3C/svg%3E");
    background-repeat: repeat;
    background-size: 100px 100px;
    position: relative;
}

.bg_white::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, 
        rgba(240, 247, 255, 0.2) 0%, 
        rgba(255, 255, 255, 0) 50%,
        rgba(245, 250, 255, 0.15) 100%
    );
    pointer-events: none;
}