.alindex-neighbor-graphic { aspect-ratio: 4 / 3; overflow: hidden; border: 1px solid #c7d8e9; border-radius: 25px; background: radial-gradient(circle at 22% 24%, #fff 0, transparent 28%), radial-gradient(circle at 82% 70%, #d29500 0, transparent 34%), linear-gradient(135deg, #dceaf7, #fff 52%, #e9f2f9); box-shadow: 0 18px 44px rgba(7,31,67,.12); }
.alindex-neighbor-graphic > i { position: absolute; display: block; }
.alindex-neighbor-graphic > i:nth-of-type(1) { top: 17%; left: 12%; width: 8rem; height: 8rem; border: 14px solid #0b1f3a; border-radius: 50%; background: #fff; box-shadow: 0 12px 22px rgba(7,31,67,.16); }
.alindex-neighbor-graphic > i:nth-of-type(2) { top: 42%; left: 27%; width: 52%; height: 2px; transform: rotate(-22deg); background: #d29500; }
.alindex-neighbor-graphic > i:nth-of-type(3) { top: 60%; left: 18%; width: 60%; height: 2px; transform: rotate(15deg); background: #2f5f94; }
.alindex-neighbor-graphic > span { position: absolute; right: 13%; bottom: 15%; display: grid; width: 5rem; height: 5rem; place-items: center; border-radius: 50%; background: #d29500; box-shadow: 0 12px 24px rgba(210,149,0,.3); color: #fff; font: normal 2rem/1 "Bitter", Georgia, serif; }
.alindex-neighbor-graphic > div { position: absolute; right: auto; bottom: 1.75rem; left: 1.75rem; max-width: 210px; border: 1px solid #c7d8e9; background: rgba(255,255,255,.95); }
.alindex-cta-graphic { display: grid; min-height: 330px; place-items: center; overflow: hidden; background: radial-gradient(circle at 20% 18%, #2f5f94 0, transparent 28%), radial-gradient(circle at 80% 72%, #d29500 0, transparent 30%), linear-gradient(135deg, #102a4c, #0b1f3a); }
.alindex-cta-graphic:before { content: ""; position: absolute; inset: 1.75rem; border: 1px solid rgba(255,255,255,.15); border-radius: 1.35rem; }
.alindex-cta-graphic > i { position: absolute; display: block; background: rgba(255,255,255,.2); }
.alindex-cta-graphic > i:nth-of-type(1), .alindex-cta-graphic > i:nth-of-type(2) { top: 3rem; bottom: 3rem; width: 1px; }
.alindex-cta-graphic > i:nth-of-type(1) { left: 20%; }
.alindex-cta-graphic > i:nth-of-type(2) { right: 20%; }
.alindex-cta-graphic > i:nth-of-type(3) { right: 3rem; left: 3rem; top: 37%; height: 1px; }
.alindex-cta-graphic > span { position: relative; z-index: 1; display: grid; width: 7rem; height: 7rem; place-items: center; border: 12px solid #fff; border-radius: 50%; background: #d29500; box-shadow: 0 18px 32px rgba(210,149,0,.32); color: #fff; font: normal 3rem/1 "Bitter", Georgia, serif; }
.alindex-cta-graphic:after { background: transparent; }
@media (max-width: 620px) { .alindex-neighbor-graphic > i:nth-of-type(1) { width: 6rem; height: 6rem; } .alindex-neighbor-graphic > span { width: 4.25rem; height: 4.25rem; } }