/* Match the partner vitrines while retaining enough blue tint for white text. */
body.staport-brand #contact.staport-restored-conversion .staport-conversion-glass > .elementor-widget-wrap,
body.staport-brand #hero .staport-hero-glass > .elementor-widget-wrap {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border: 1px solid rgba(219, 237, 255, .3);
    border-radius: 16px;
    background-color: rgba(7, 29, 59, .84);
    background-image: linear-gradient(135deg, rgba(139, 189, 244, .2), rgba(11, 78, 156, .54) 45%, rgba(11, 78, 156, .26));
    -webkit-backdrop-filter: blur(24px) saturate(130%);
    backdrop-filter: blur(24px) saturate(130%);
    box-shadow: 0 24px 64px rgba(2, 12, 31, .22), inset 0 1px 0 rgba(255, 255, 255, .2), inset 0 -1px 0 rgba(3, 18, 40, .16);
}

body.staport-brand #contact .staport-conversion-glass > .elementor-widget-wrap::before,
body.staport-brand #contact .staport-conversion-glass > .elementor-widget-wrap::after,
body.staport-brand #hero .staport-hero-glass > .elementor-widget-wrap::before,
body.staport-brand #hero .staport-hero-glass > .elementor-widget-wrap::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    border-radius: inherit;
    pointer-events: none;
}

body.staport-brand #contact .staport-conversion-glass > .elementor-widget-wrap::before,
body.staport-brand #hero .staport-hero-glass > .elementor-widget-wrap::before {
    background-image: linear-gradient(115deg, transparent 20%, rgba(255, 255, 255, .07) 34%, rgba(255, 255, 255, .015) 44%, transparent 58%);
}

body.staport-brand #contact .staport-conversion-glass > .elementor-widget-wrap::after,
body.staport-brand #hero .staport-hero-glass > .elementor-widget-wrap::after {
    background-image: url('glass-grain.svg');
    background-size: 180px 180px;
    opacity: .14;
    mix-blend-mode: soft-light;
}

body.staport-brand #contact .staport-conversion-glass > .elementor-widget-wrap > .elementor-element,
body.staport-brand #hero .staport-hero-glass > .elementor-widget-wrap > .elementor-element {
    position: relative;
    z-index: 1;
}

body.staport-brand #contact .staport-conversion-glass .elementor-icon-list-text,
body.staport-brand #contact .staport-conversion-glass .elementor-icon-list-text span,
body.staport-brand #contact .staport-conversion-glass .elementor-heading-title { color: #fff; }

body.staport-brand #contact .staport-conversion-glass a:focus-visible {
    outline: 2px solid #bdcee5;
    outline-offset: 4px;
}
