.bstar-categories { position: relative; isolation: isolate; background: #000; padding: clamp(56px,7vw,100px) 0; scroll-margin-top: 110px; }
.bstar-categories .container { width: 100%; max-width: 1320px; padding-inline: 24px; position: relative; z-index: 1; }
.bstar-categories .service-top { --bs-gutter-x: 48px; row-gap: 32px; }
.bstar-categories .service-top > div { min-width: 0; }
.bstar-categories .data-left { gap: 24px; }
.bstar-categories .services-heading-data { font-size: clamp(24px,2.6vw,36px); line-height: 1.5; overflow-wrap: anywhere; }
.bstar-categories .heading { color: #b9b9b9; font-size: 18px; line-height: 1.7; overflow-wrap: anywhere; }
.bstar-categories .second-heading { color: #fff; font-size: clamp(36px,4.5vw,64px); line-height: 1.2; overflow-wrap: anywhere; }
.bstar-categories .right-main-service { padding-block: 8px; }
.bstar-categories .right-main-service > img { width: min(70%,260px); top: -20px; right: 0; opacity: .65; pointer-events: none; }
.bstar-categories .box-design-services { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); align-items: stretch; margin: 56px 0 0; gap: 0; }
.bstar-categories .box-service-under { width: auto; min-width: 0; min-height: 420px; padding: 30px; gap: 28px; border: 1px solid #252525; height: auto; }
.bstar-categories .servies-detail { width: 100%; flex: 1; }
.bstar-categories .services-title { font-size: clamp(22px,2vw,30px); line-height: 1.4; overflow-wrap: anywhere; }
.bstar-categories .services-title a { color: inherit; }
.bstar-categories .services-desc { color: #b9b9b9; line-height: 1.65; overflow-wrap: anywhere; }
.bstar-categories .type-point { flex-wrap: wrap; gap: 10px 18px; width: 100%; }
.bstar-categories .point-data { min-width: 0; max-width: 100%; }
.bstar-categories .text-data { color: #b9b9b9; overflow-wrap: anywhere; }
.bstar-categories .circle-data { background: #b9b9b9; flex: 0 0 6px; width: 6px; height: 6px; }
.bstar-categories .box-service-under:focus-within { background: #101010; }
.bstar-categories .box-service-under:focus-within .flip-box-inner { transform: rotateY(-180deg); }
.bstar-categories a:hover { color: #00c2ff; }
.bstar-categories a:focus-visible { outline: 2px solid #00c2ff; outline-offset: 5px; }
.bstar-categories .flip-box img { width: 100%; height: 100%; object-fit: contain; }
.bstar-categories .fade_down,.bstar-categories .zoom_in { opacity: 1; transform: none; }
.bstar-categories > [class^="service-"] { max-width: 180px; pointer-events: none; opacity: .45; }
@media(max-width:991px) {
    .bstar-categories .box-design-services { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .bstar-categories .right-main-service { text-align: start; }
}
@media(max-width:575px) {
    .bstar-categories .container { padding-inline: 20px; }
    .bstar-categories .service-top { --bs-gutter-x: 24px; }
    .bstar-categories .box-design-services { grid-template-columns: minmax(0,1fr); margin-top: 36px; }
    .bstar-categories .box-service-under { min-height: 360px; padding: 24px; }
    .bstar-categories .flip-box { width: 96px; height: 96px; }
}
@media(prefers-reduced-motion:reduce) { .bstar-categories * { animation: none !important; transition: none !important; } }