.hero-card .carousel-item { position: relative; height: 520px; }
.hero-card .carousel-item::after { content: ''; position: absolute; inset: 52% 0 0; background: linear-gradient(transparent,rgba(5,13,18,.82)); pointer-events:none; }
.hero-content { position:absolute; z-index:2; right:90px; bottom:21px; left:24px; color:#fff; }
.hero-content h2 { margin:0; color:#fff; font-size:26px; font-weight:700; line-height:1.25; text-shadow:0 2px 5px rgba(0,0,0,.45); }
.hero-content p { max-width:600px; margin:7px 0 0; color:#e5ebef; font-size:12px; }
.hero-content a { display:inline-flex; margin-top:11px; padding:8px 13px; border-radius:7px; background:var(--orange); color:#fff; text-decoration:none; font-size:12px; font-weight:700; }
.hero-card .carousel-control-prev,.hero-card .carousel-control-next{z-index:3;width:44px;height:44px;top:auto;bottom:24px;border:1px solid rgba(255,255,255,.5);border-radius:50%;font-size:28px}.hero-card .carousel-control-prev{left:auto;right:76px}.hero-card .carousel-control-next{right:24px;background:var(--orange);border-color:var(--orange)}
@media(max-width:575px){.hero-card .carousel-item{height:310px}.hero-content{right:20px;bottom:17px;left:18px}.hero-content h2{font-size:19px}.hero-content p{display:none}}