.di-banner{--text-width:366px;--mobile-width:500px;--desktop-background:linear-gradient(97deg, #0277BD 6.08%, #013A5C 46.92%);--upper-background:#0277BD;--lower-background:#024C79;--text:#fff;--image-crop:center;max-width:1110px;margin:24px auto}.di-banner__inner{display:-webkit-flex;display:flex;position:relative}@media screen and (max-width:767px){.di-banner__inner{-webkit-flex-direction:column;flex-direction:column;background:var(--lower-background,#024c79)}}.di-banner__left{-webkit-flex:1 0 var(--text-width,33%);flex:1 0 var(--text-width,33%);background:var(--desktop-background,linear-gradient(97deg,#0277bd 6.08%,#013a5c 46.92%));padding:16px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;text-wrap:pretty}@media screen and (max-width:767px){.di-banner__left{-webkit-flex:0;flex:0;-webkit-order:2;order:2;z-index:2;background:var(--upper-background,#0277bd);max-width:80%;width:Min(var(--mobile-width,366px),Max(80%,366px));-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;margin:auto;text-wrap:balance;margin:-3.5rem auto 0;min-height:3.5rem}}.di-banner__right{-webkit-flex-shrink:1;flex-shrink:1}.di-banner__right picture{display:block;height:100%}.di-banner__right img{width:100%;display:block}@media screen and (min-width:768px){.di-banner__right img{height:100%;object-fit:cover;object-position:var(--image-crop,center)}}@media screen and (max-width:767px){.di-banner__right{-webkit-order:1;order:1}}@media screen and (min-width:768px){.di-banner__cta{position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);right:0;top:50%}}@media screen and (max-width:767px){.di-banner__cta{position:relative;text-align:center;-webkit-order:3;order:3;z-index:1}.di-banner__cta .btn{background:0 0;border:none;width:100%;color:var(--text,#fff);padding:16px}.di-banner__cta .btn:hover{text-decoration:underline}}.di-banner__text{color:var(--text,#fff);display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;gap:8px}.di-banner__text>*{text-align:left;margin-bottom:0}@media screen and (max-width:767px){.di-banner__text,.di-banner__text>*{text-align:center}}
/*# sourceMappingURL=../maps/components/design-install-banner.css.map */