.bstar-hero { position:relative; padding:40px 0 28px; overflow:hidden; color:var(--main-text); scroll-margin-top:100px; }
.bstar-hero .container { width:100%; max-width:1320px; padding-inline:70px; }
.bstar-hero .heading-one { font-size:clamp(36px,6vw,88px); line-height:1.15; margin:0 auto 32px; max-width:1100px; overflow-wrap:anywhere; animation:none; }
.bstar-hero .all-mens { width:min(100%,470px); margin:0 auto; }
.bstar-hero .data-men-boy { margin:0; min-height:0; height:510px; border-radius:220px 220px 36px 36px; aspect-ratio:47/51; background:var(--theme-data); }
.bstar-hero .data-men-boy img { width:100%; height:100%; max-width:none; margin:0; object-fit:cover; }
.bstar-hero .data-men-boy::before { z-index:1; pointer-events:none; max-height:180px; }
.bstar-hero .data-men-boy::after { display:none; }
.bstar-hero .btn-design { max-width:calc(100% - 32px); width:fit-content; min-width:150px; padding:12px 28px; margin-top:-28px; overflow-wrap:anywhere; }
.bstar-hero .online-free { left:auto; inset-inline-start:-130px; bottom:100px; max-width:280px; padding:12px 24px; color:var(--main-text); font-size:17px; background:var(--body-color); border:1px solid var(--award-border); }
.bstar-hero .online-dot { flex:0 0 12px; width:12px; height:12px; }
.bstar-hero .left-black { left:-110px; top:22%; width:120px; }
.bstar-hero .right-black { right:-70px; width:130px; }
.bstar-hero .left-blue { left:-24px; width:60px; }
.bstar-hero .right-blue { right:-26px; width:48px; }
.bstar-hero .all-mens > div:not(.data-men-boy) img { max-width:100%; }
.bstar-hero .data-name-lofter { margin-top:32px; row-gap:24px; }
.bstar-hero .data-name-lofter > div { min-width:0; }
.bstar-hero .data-name-med { font-size:22px; line-height:1.4; }
.bstar-hero .data-name-high { font-size:clamp(30px,4vw,56px); line-height:1.2; overflow-wrap:anywhere; }
.bstar-hero .main-desc { max-width:500px; line-height:1.7; overflow-wrap:anywhere; }
.bstar-hero .rotate { writing-mode:vertical-rl; transform:rotate(180deg); top:32%; left:20px; font-size:15px; max-height:440px; overflow-wrap:anywhere; }
.bstar-hero .hero-social-media { right:20px; top:28%; gap:14px; }
.bstar-hero .hero-social-media a { width:42px; height:42px; color:var(--body-color); font:600 15px/1 sans-serif; }
.bstar-hero .hero-social-media a:hover { color:var(--theme-data); }
.bstar-hero .bottom-dummy-data { max-width:180px; opacity:.35; }
.bstar-hero .bstar-slide[hidden],.bstar-hero .bstar-slider-controls[hidden] { display:none; }
.bstar-slider-controls { display:flex; justify-content:center; align-items:center; gap:20px; margin-top:30px; }
.bstar-slider-controls button { width:44px; height:44px; border:1px solid var(--award-border); border-radius:50%; color:var(--main-text); cursor:pointer; font-size:24px; }
.bstar-hero a:focus-visible,.bstar-hero button:focus-visible { outline:2px solid var(--theme-data); outline-offset:4px; }
.bstar-logos .logos-slide { gap:0; animation-duration:45s; }
.bstar-logo-group { display:flex; align-items:center; justify-content:space-around; gap:60px; padding-inline:30px; flex-shrink:0; min-width:100vw; }
.bstar-logos .logos-slide img { width:170px; height:80px; object-fit:contain; filter:none; }
.bstar-logos .data-gradient { pointer-events:none; }
.bstar-logos:hover .logos-slide { animation-play-state:paused; }
@media(max-width:991px) {
 .bstar-hero .container { padding-inline:60px; }
 .bstar-hero .online-free { inset-inline-start:-40px; }
 .bstar-hero .left-black { left:-60px; width:90px; }
 .bstar-hero .right-black { right:-30px; width:90px; }
 .bstar-hero .main-desc { max-width:none; text-align:start; margin:0; }
}
@media(max-width:575px) {
 .bstar-hero { padding-top:24px; }
 .bstar-hero .container { padding-inline:24px; }
 .bstar-hero .heading-one { font-size:36px; margin-bottom:24px; }
 .bstar-hero .data-men-boy { height:calc((100vw - 48px) * 51 / 47); }
 .bstar-hero .online-free { position:relative; inset:auto; display:flex; width:fit-content; margin:18px auto 0; bottom:auto; padding:10px 18px; font-size:15px; }
 .bstar-hero .left-black,.bstar-hero .right-black { width:64px; }
 .bstar-hero .left-black { left:-16px; }
 .bstar-hero .right-black { right:-12px; }
 .bstar-hero .left-blue { width:40px; left:-12px; }
 .bstar-hero .right-blue { width:32px; right:-12px; }
 .bstar-hero .main-desc { font-size:17px; }
 .bstar-hero-contact { display:flex; flex-direction:column; align-items:center; gap:20px; padding:24px; }
 .bstar-hero .rotate { position:static; writing-mode:horizontal-tb; transform:none; float:none; max-width:100%; }
 .bstar-hero .hero-social-media { position:static; flex-direction:row; flex-wrap:wrap; }
 .bstar-logo-group { gap:24px; padding-inline:12px; }
 .bstar-logos .logos-slide img { width:120px; height:64px; }
}
@media(prefers-reduced-motion:reduce) { .bstar-hero *, .bstar-hero *::after,.bstar-logos *,.bstar-logos::before,.bstar-logos::after { animation:none!important; transition:none!important; } }

@media(max-width:991px){.bstar-hero .rotate{animation:none!important;transform:none!important;position:static!important;display:block;inset:auto!important;margin:0;text-align:center;height:auto;width:auto;line-height:1.5}}