.hero-carousel{position:relative;z-index:2;width:min(370px,83%);margin:24px auto 0}
.hero-carousel-slide{height:350px;padding:27px 28px 20px;border:1px solid rgba(145,203,215,.64);border-radius:27px;background:linear-gradient(155deg,#fff 0%,#f4fafb 100%);box-shadow:0 27px 55px rgba(10,56,74,.17);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#0b7598;animation:hero-slide-in .35s ease-out}
.hero-carousel-slide svg{display:block;width:min(100%,260px);height:200px;fill:none;stroke:currentColor;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(9px 12px 11px rgba(17,89,111,.13))}
.hero-carousel-slide span{font:800 24px Manrope,sans-serif;color:#103d51;letter-spacing:-.035em}
.hero-carousel-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:17px auto 0;width:min(100%,300px)}
.hero-carousel-controls>button{width:37px;height:37px;border:1px solid #bfdfe7;border-radius:50%;background:#fff;color:#0b7196;font-size:27px;line-height:1;display:grid;place-items:center;box-shadow:0 4px 12px rgba(10,56,74,.07)}
.hero-carousel-controls>button:hover,.hero-carousel-controls>button:focus-visible{background:#0b82a7;color:#fff;outline:2px solid #0b82a7;outline-offset:2px}
.hero-carousel-dots{display:flex;align-items:center;gap:7px}
.hero-carousel-dots button{width:8px;height:8px;border:0;border-radius:50%;padding:0;background:#a9d2dc}
.hero-carousel-dots button[aria-current="true"]{width:25px;border-radius:5px;background:#0b82a7}
.hero-carousel-dots button:focus-visible{outline:2px solid #0b82a7;outline-offset:3px}
@keyframes hero-slide-in{from{opacity:.45;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.hero-carousel{width:min(350px,89%)}.hero-carousel-slide{height:315px}.hero-carousel-slide svg{height:175px}}
@media(max-width:760px){.hero-carousel{width:min(300px,84%);margin:8px auto 0}.hero-carousel-slide{height:225px;padding:15px;border-radius:20px;gap:2px}.hero-carousel-slide svg{width:190px;height:145px;stroke-width:6}.hero-carousel-slide span{font-size:18px}.hero-carousel-controls{margin-top:10px;width:235px}.hero-carousel-controls>button{width:31px;height:31px;font-size:23px}.hero-visual .note-one{display:none}}
@media(prefers-reduced-motion:reduce){.hero-carousel-slide{animation:none}}