/* ==============================
   Theme Variables
============================== */
:root {
    --primary: #0b5c5d;
    --primary-dark: #102B32;
    --secondary: #6ec5a1;

    --bg-light: #F4F6F6;
    --white: #ffffff;

    --text-main: #172033;
    --text-muted: #667085;

    --border: #d9e1ef;

    --radius-lg: 24px;
    --radius-md: 18px;
    --radius-sm: 12px;

    --shadow-lg: 0 20px 60px rgba(15, 35, 80, 0.10);
    --shadow-md: 0 14px 40px rgba(15, 35, 80, 0.08);
}

/* ==============================
   Base
============================== */
*,
*::before,
*::after {
    box-sizing: border-box;
}

body {
    margin: 0;
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 400;
    background: var(--bg-light);
    color: var(--text-main);
    line-height: 1.6;
}

h1, h2, h3 {
    font-weight: 500;
}

a {
    text-decoration: none;
    color: var(--primary);
    transition: 0.2s;
}

/* ==============================
   Layout
============================== */
.public-page {
    max-width: 1140px;
    margin: 0 auto;
    padding: 80px 24px;
}

.site-logo{
    display:flex;
    align-items:center;
    text-decoration:none;
}

.header-logo-img{
    max-height:46px;
    width:auto;
    display:block;
    object-fit:contain;
}

.header-logo-text{
    font-size:32px;
    line-height:1;
    font-weight:700;
    color:#005f5b;
}

/* ==============================
   Hero
============================== */
.hero {
    background: var(--white);
    border-radius: var(--radius-lg);
    padding: 60px 40px;
    box-shadow: var(--shadow-lg);
    text-align: center;
}

.hero h1 {
    font-size: 42px;
}

.hero p {
    color: var(--text-muted);
}

/* ==============================
   Buttons
============================== */
.primary-btn {
    background: var(--primary);
    color: #fff;
    padding: 14px 22px;
    border-radius: var(--radius-sm);
    font-weight: 500;
}



/* ==============================
   HEADER
============================== */
/* FINAL HEADER FIX */

.public-header{
    position:fixed !important;
    top:0 !important;
    left:0;
    width:100%;
    z-index:999999 !important;

    background:rgba(255,255,255,.96);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);

    border-bottom:1px solid rgba(15,23,42,.08);
}


/* public fixed header spacing - only frontend content */
.public-content{
    padding-top:176px;
}

@media(max-width:768px){
    .public-content{
        padding-top:150px;
    }
}


.public-main-nav {
    display: flex;
    justify-content: center;
}

.public-main-nav a {
    font-weight: 500;
    color: var(--text-main);
}

.public-actions {
    display: flex;
    align-items: center;
    gap: 16px;
}




/* ==============================
   SERVICE MENU
============================== */
.service-menu {
    max-width: 1280px;
    margin: 0 auto;
    padding: 18px;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
}

.service-menu a {
    text-align: center;
    font-weight: 500;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.service-menu i {
    font-size: 22px;
    color: var(--secondary);
}

/* ==============================
   FOOTER
============================== */
.public-footer-dark {
    background: linear-gradient(45deg, var(--primary), var(--primary-dark));
    color: #fff;
    margin-top: 80px;
    padding: 50px 24px;
}


.footer-wrap {
    max-width: 1280px;
    margin: 0 auto;
}

.footer-logo {
    font-size: 30px;
    font-weight: 600;
}

.footer-links {
    display: flex;
    gap: 30px;
    margin-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(255,255,255,.2);
}

.footer-links a {
    color: #fff;
    font-weight: 400;
}

.footer-bottom {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    font-size: 14px;
}

/* ==============================
   Responsive
============================== */
@media (max-width: 900px) {
    .package-grid {
        grid-template-columns: 1fr 1fr;
    }

    .service-menu {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .package-grid {
        grid-template-columns: 1fr;
    }

    .service-menu {
        grid-template-columns: 1fr;
    }
}

/* ==============================
   Individual Service Pages
============================== */
.service-page {
    max-width: 1140px;
    margin: 0 auto;
    padding: 70px 24px;
}

.service-hero {
    display: grid;
    grid-template-columns: 1.4fr .8fr;
    gap: 28px;
    align-items: center;
    background: #fff;
    border-radius: var(--radius-lg);
    padding: 50px;
    box-shadow: var(--shadow-lg);
}

.service-kicker {
    display: inline-flex;
    background: var(--bg-light);
    color: var(--primary);
    border-radius: 999px;
    font-weight: 500;
    padding: 6px 16px;
    border: 1px solid var(--border);
    margin-bottom: 10px;
}

.service-hero h1 {
    font-size: 42px;
    line-height: 1.15;
    margin: 0 0 16px;
    color: var(--secondary);
    font-weight: 500;
}

.service-hero p {
    color: var(--text-muted);
    font-size: 17px;
    max-width: 650px;
}

.hero-actions {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    margin-top: 24px;
}

.hero-actions a {
    background: var(--primary);
    color: #fff;
    padding: 13px 20px;
    border-radius: var(--radius-sm);
    font-weight: 500;
}

.outline-btn {
    background: transparent !important;
    color: var(--primary) !important;
    border: 1px solid var(--primary);
}

.service-hero-card {
    background: #f6faff;
    border: 1px solid #dbeafe;
    border-radius: 22px;
    padding: 28px;
}

.service-hero-card h3 {
    margin-top: 0;
    font-weight: 500;
}

.service-hero-card ul {
    margin: 0;
    padding-left: 18px;
    color: var(--text-muted);
    line-height: 1.9;
}

.service-section {
    margin-top: 60px;
}

.service-section h2 {
    font-size: 30px;
    color: var(--secondary);
    margin-bottom: 8px;
    font-weight: 500;
}

.section-subtitle {
    color: var(--text-muted);
    margin-bottom: 24px;
}

.split {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    background: #fff;
    padding: 40px;
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
}

.feature-box {
    background: #f9fbff;
    border-radius: var(--radius-md);
    padding: 24px;
}

.steps-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
}

.step-card {
    background: #fff;
    border-radius: var(--radius-md);
    padding: 24px;
    box-shadow: var(--shadow-md);
}

.step-card span {
    color: var(--primary);
    font-weight: 500;
}

.faq details {
    background: #fff;
    margin-bottom: 12px;
    border-radius: 14px;
    padding: 18px 20px;
    box-shadow: var(--shadow-md);
}

.faq summary {
    cursor: pointer;
    font-weight: 500;
    color: var(--secondary);
}

@media (max-width: 900px) {
    .service-hero,
    .split {
        grid-template-columns: 1fr;
        padding: 30px;
    }

    .steps-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .steps-grid {
        grid-template-columns: 1fr;
    }

    .service-page {
        padding: 40px 16px;
    }

    .service-hero h1 {
        font-size: 32px;
    }
}

.material-symbols-outlined {
    font-size: 24px;
    font-weight: 300;   /* 🔥 now works */
    color: var(--secondary);

    /* Optional fine tuning */
    line-height: 1;
}

.service-menu a {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    color: var(--secondary);
}

.material-symbols-outlined {
    font-variation-settings:
        'wght' 300,
        'GRAD' 0,
        'opsz' 24;
}

/* Regus-style public header hover */
.public-main-nav a {
    padding: 10px 18px;
    border-radius: 8px;
    color: #0b1220;
    font-weight: 500;
}

.public-main-nav a:hover {
    background: #f5f5f7;
    color: #0b1220;
}

.phone-link {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    border-radius: 10px;
    color: #0b1220;
    font-weight: 500;
}

.phone-link i {
    font-size: 18px;
    color: #25D366; /* WhatsApp green */
}

/* hover (Regus style) */
.phone-link:hover {
    background: #eef2f7;
    color: var(--secondary);
}

.phone-link:hover i {
    color: #25D366;
}



/* Lower service menu */
.service-menu {
    border-top: 1px solid #f1f3f6;
    border-bottom: 1px solid #e9eef5;
    padding-bottom: 0;
}

.service-menu a {
    position: relative;
    padding: 14px 10px 18px;
    border-radius: 0;
    color: #0b1220;
    font-weight: 500;
}

.service-menu a:hover {
    background: transparent;
    color: var(--primary);
}

.service-menu a::after {
    content: "";
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 0;
    height: 3px;
    background: transparent;
    border-radius: 999px 999px 0 0;
}

.service-menu a:hover::after {
    background: var(--primary);
}

.service-menu .material-symbols-outlined {
    font-variation-settings:
        'wght' 300,
        'GRAD' 0,
        'opsz' 24;
    font-size: 24px;
    color: #0b1220;
}

.service-menu a:hover .material-symbols-outlined {
    color: var(--primary);
}

.login-link,
.avatar-btn {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #0b1220;
    font-weight: 500;
    padding: 10px 14px;
    border-radius: 8px;
}

.login-link:hover,
.avatar-btn:hover {
    background: #f5f7fb;
    color: var(--primary);
}

.signup-btn {
    background: var(--primary);
    color: #fff;
    padding: 10px 18px;
    border-radius: 8px;
    font-weight: 500;
}

.signup-btn:hover {
    background: var(--primary-dark);
    color: #fff;
}

.public-user-menu {
    position: relative;
}

.avatar-btn {
    border: 0;
    background: transparent;
    cursor: pointer;
    font-family: inherit;
    font-size: 15px;
}

.avatar-circle {
    width: 32px;
    height: 32px;
    background: var(--primary);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-weight: 500;
}

.public-user-dropdown {
    display: none;
    position: absolute;
    right: 0;
    top: 48px;
    width: 180px;
    background: #fff;
    border: 1px solid #e6edf7;
    border-radius: 12px;
    box-shadow: var(--shadow-md);
    padding: 8px;
    z-index: 200;
}

.public-user-dropdown.open {
    display: block;
}

.public-user-dropdown a {
    display: block;
    padding: 10px 12px;
    border-radius: 8px;
    color: var(--text-main);
    font-weight: 400;
}

.public-user-dropdown a:hover {
    background: #f5f7fb;
    color: var(--primary);
}

.regular-price {
    color: #e02424;
    text-decoration: line-through;
    font-size: 15px;
    font-weight: 400;
}

.offer-label {
    color: #12b76a;
    font-size: 13px;
    font-weight: 500;
    margin-top: -8px;
}

.compare-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 22px;
}

.compare-card {
    background: #fff;
    border-radius: var(--radius-md);
    padding: 28px;
    box-shadow: var(--shadow-md);
}

.compare-card.weak {
    border: 1px solid #fee2e2;
}

.compare-card.strong {
    border: 2px solid var(--primary);
}

.compare-price {
    font-size: 28px;
    color: var(--primary);
    font-weight: 500;
    margin: 14px 0;
}

.compare-card ul {
    margin: 0;
    padding-left: 18px;
    color: var(--text-muted);
    line-height: 1.8;
}

@media (max-width: 768px) {
    .compare-grid {
        grid-template-columns: 1fr;
    }
}

/* ==============================
   Homepage
============================== */
.home-page {
    max-width: 1280px;
    margin: 0 auto;
    padding: 48px 24px 0;
}

.home-hero {
    display: grid;
    grid-template-columns: 1.2fr .8fr;
    gap: 32px;
    align-items: center;
    background: #fff;
    border-radius: var(--radius-lg);
    padding: 56px;
    box-shadow: var(--shadow-lg);
}

.home-hero h1 {
    font-size: 48px;
    line-height: 1.12;
    margin: 0 0 18px;
    color: var(--secondary);
    font-weight: 500;
}

.home-hero p {
    color: var(--text-muted);
    font-size: 17px;
    max-width: 720px;
}

.home-hero-visual {
    position: relative;
    min-height: 320px;
    background: linear-gradient(135deg, #eaf3ff, #f8fbff);
    border-radius: 28px;
    padding: 28px;
    display: flex;
}

.hero-stat-card {
    position: absolute;
    top: 28px;
    left: 28px;
    background: #fff;
    border-radius: 18px;
    padding: 18px 22px;
    box-shadow: var(--shadow-md);
    display: none;
}

.hero-stat-card strong {
    display: block;
    font-size: 34px;
    color: var(--primary);
    font-weight: 500;
}

.hero-stat-card span {
    color: var(--text-muted);
}

.hero-visual-box {
    background: #fff;
    border-radius: 12px;
    padding: 26px;
    box-shadow: var(--shadow-md);
    width: 100%;
}

.hero-visual-box h3 {
    margin-top: 0;
    color: var(--secondary);
}

.hero-visual-box ul {
    margin: 0;
    padding-left: 18px;
    color: var(--text-muted);
    line-height: 1.9;
}

.home-section {
    margin-top: 70px;
}

.section-head {
    max-width: 720px;
    margin-bottom: 26px;
}

.section-head h2,
.home-section h2,
.home-cta h2 {
    font-size: 30px;
    color: var(--secondary);
    font-weight: 500;
    margin: 10px 0;
    line-height: normal;
}

.section-head p,
.home-section p,
.home-cta p {
    color: var(--text-muted);
}

.workspace-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}

.workspace-card {
    background: #fff;
    border-radius: var(--radius-md);
    padding: 26px;
    box-shadow: var(--shadow-md);
    color: var(--text-main);
    transition: 0.25s;
}

.workspace-card:hover {
    transform: translateY(-5px);
    color: var(--text-main);
}

.workspace-card .material-symbols-outlined {
    font-size: 30px;
    color: var(--primary);
    font-variation-settings: 'wght' 300, 'opsz' 24;
}

.workspace-card h3 {
    margin: 14px 0 8px;
    color: var(--secondary);
}

.workspace-card p {
    color: var(--text-muted);
    min-height: 52px;
}

.workspace-card small {
    color: var(--primary);
    font-weight: 500;
}

.workspace-card.featured-option {
    background: var(--secondary);
    color: #fff;
}

.workspace-card.featured-option h3,
.workspace-card.featured-option p,
.workspace-card.featured-option small,
.workspace-card.featured-option .material-symbols-outlined {
    color: #fff;
}

.home-compare {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 26px;
    align-items: center;
    background: #fff;
    border-radius: var(--radius-lg);
    padding: 40px;
    box-shadow: var(--shadow-md);
}

.compare-mini-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}

.compare-mini {
    border-radius: var(--radius-md);
    padding: 24px;
    background: #f7f9fc;
}

.compare-mini.strong {
    border: 2px solid var(--primary);
    background: #f7fbff;
}

.compare-mini strong {
    display: block;
    color: var(--primary);
    font-size: 24px;
    font-weight: 500;
}

.solution-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
}

.solution-card {
    background: #fff;
    border-radius: var(--radius-md);
    padding: 24px;
    box-shadow: var(--shadow-md);
}

.solution-card h3 {
    margin-top: 0;
    color: var(--secondary);
}

.home-cta {
    margin-top: 80px;
    background: var(--secondary);
    color: #fff;
    border-radius: 28px;
    padding: 44px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
}

.home-cta h2,
.home-cta p {
    color: #fff;
}

.outline-light {
    background: transparent !important;
    border: 1px solid #fff;
    color: #fff !important;
}

@media (max-width: 992px) {
    .home-hero,
    .home-compare {
        grid-template-columns: 1fr;
        padding: 36px;
    }

    .workspace-grid,
    .solution-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .home-hero h1 {
        font-size: 36px;
    }

    .home-cta {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 576px) {
    .home-page {
        padding: 30px 16px 0;
    }

    .workspace-grid,
    .solution-grid,
    .compare-mini-grid {
        grid-template-columns: 1fr;
    }

    .home-hero {
        padding: 28px;
    }

    .home-hero h1 {
        font-size: 30px;
    }
}

/* ==============================
   Contact Page
============================== */
.contact-page {
    max-width: 1280px;
    margin: 0 auto;
    padding: 64px 24px 0;
}

.contact-hero {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 40px;
    align-items: start;
    background: #ffffff;
    border-radius: var(--radius-lg);
    padding: 56px;
}

.contact-info h1 {
    font-size: 42px;
    line-height: 1.15;
    color: var(--secondary);
    font-weight: 500;
    margin: 14px 0;
}

.contact-info p {
    color: var(--text-muted);
    font-size: 17px;
}

.contact-methods {
    margin-top: 28px;
    display: grid;
    gap: 14px;
}

.contact-methods a {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--secondary);
    font-weight: 500;
}

.contact-methods .material-symbols-outlined {
    color: var(--primary);
    font-variation-settings: 'wght' 300, 'opsz' 24;
}

.contact-form-card {
    background: #fff;
    border-radius: 20px;
    padding: 34px;
    box-shadow: var(--shadow-lg);
}

.contact-form-card h2 {
    margin: 0 0 6px;
    color: var(--secondary);
    font-weight: 500;
}

.contact-form-card p {
    color: var(--text-muted);
    margin-bottom: 24px;
}

.contact-form {
    display: grid;
    gap: 16px;
}

.contact-form label {
    color: var(--text-main);
    font-weight: 500;
    font-size: 14px;
}

.radio-grid,
.checkbox-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

.checkbox-grid {
    grid-template-columns: repeat(2, 1fr);
}

.radio-grid label,
.checkbox-grid label {
    font-weight: 400;
    color: var(--text-muted);
}

.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form textarea {
    width: 100%;
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 13px 14px;
    font-family: inherit;
    font-size: 15px;
}

.contact-form textarea {
    min-height: 130px;
    resize: vertical;
}

.form-two {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.consent {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-weight: 400 !important;
    color: var(--text-muted) !important;
}

.contact-form .primary-btn {
    border: 0;
    width: 100%;
    cursor: pointer;
    font-family: inherit;
}

.contact-locations {
    margin-top: 80px;
}

.location-layout {
    display: grid;
    grid-template-columns: 360px 1fr;
    gap: 24px;
}

.location-list {
    display: grid;
    gap: 14px;
}

.location-card {
    background: #fff;
    border-radius: 16px;
    padding: 20px;
    box-shadow: var(--shadow-md);
}

.location-card h3 {
    margin: 0 0 8px;
    color: var(--secondary);
}

.location-card p {
    color: var(--text-muted);
}

.location-card a {
    font-weight: 500;
}

.map-box {
    min-height: 440px;
    background: #f4f7fb;
    border: 1px solid var(--border);
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: var(--text-muted);
}

.map-box .material-symbols-outlined {
    font-size: 46px;
    color: var(--primary);
    font-variation-settings: 'wght' 300, 'opsz' 48;
}

@media (max-width: 900px) {
    .contact-hero,
    .location-layout {
        grid-template-columns: 1fr;
        padding: 34px;
    }

    .radio-grid,
    .checkbox-grid,
    .form-two {
        grid-template-columns: 1fr;
    }

    .contact-info h1 {
        font-size: 34px;
    }
}

@media (max-width: 576px) {
    .contact-page {
        padding: 36px 16px 0;
    }

    .contact-hero {
        padding: 24px;
    }

    .contact-form-card {
        padding: 24px;
    }
}

/* Desktop public header layout fix */
.public-mobile-head {
    display: contents;
}

.mobile-menu-toggle {
    display: none;
}

.public-mobile-menu {
    display: contents;
}

.public-topbar {
    max-width: 1280px;
    margin: 0 auto;
    padding: 14px 24px;
    display: grid;
    grid-template-columns: 220px 1fr auto;
    align-items: center;
    gap: 24px;
}
.public-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 14px;
}

.public-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 14px;
}
.phone-link i {
    color: #25D366;
}

.footer-wrap{
    position:relative;
}

.footer-apps{
    position:absolute;
    right:0;
    top:25px;

    display:flex;
    flex-direction:column;
    align-items:flex-start;

    gap:10px;
}

.footer-app-title{
    color:rgba(255,255,255,.72);
    font-size:14px;
    font-weight:500;
    white-space:nowrap;
    padding-left:2px;
}

.footer-store-buttons{
    display:flex;
    gap:10px;
}

.store-btn{
    display:flex;
    align-items:center;
    gap:9px;
    min-width:150px;
    padding:9px 12px;
    border-radius:12px;
    background:var(--primary);
    border:1px solid rgba(255,255,255,.10);
    color:#fff;
    text-decoration:none;
}

.store-btn:hover{
    background:transparent;
    border:1px solid rgba(255,255,255,.10);
}

.store-btn i{
    font-size:22px;
    color:#fff;
}

.store-btn div{
    display:flex;
    flex-direction:column;
    line-height:1.1;
}

.store-btn small{
    font-size:10px;
    color:rgba(255,255,255,.65);
}

.store-btn strong{
    font-size:13px;
    color:#fff;
}

@media (max-width:768px){
    .footer-apps{
        position:static;
        margin-top:22px;
        flex-direction:column;
        align-items:flex-start;
    }

    .footer-store-buttons{
        width:100%;
        flex-direction:column;
    }

    .store-btn{
        width:100%;
    }
}

/* Clean public desktop header */
@media (min-width: 769px){

    .public-topbar{
        max-width:1280px;
        margin:0 auto;
        padding:14px 24px;
        display:grid;
        grid-template-columns:220px 1fr auto;
        align-items:center;
        gap:24px;
    }

    .public-mobile-head{
        display:contents;
    }

    .mobile-menu-toggle{
        display:none;
    }

    .public-mobile-menu{
        display:contents;
    }

    .public-main-nav{
        display:flex;
        align-items:center;
        justify-content:center;
    }

    .public-actions{
        display:flex;
        align-items:center;
        justify-content:flex-end;
        gap:14px;
        white-space:nowrap;
    }

    .public-main-nav a,
    .public-actions a{
        flex-shrink:0;
    }
}

.public-mobile-head a{
    font-size:30px;
    line-height:1;
    font-weight:800;
    color:var(--primary);
    text-decoration:none;
    display:inline-flex;
    align-items:center;
}

/* Public solutions dropdown */
.public-nav-dropdown{
    position:relative;
}

.public-nav-parent{
    display:flex;
    align-items:center;
    gap:4px;
}

.public-nav-parent .material-symbols-outlined{
    font-size:18px;
}

.public-dropdown-menu{
    position:absolute;
    top:100%;
    left:50%;
    transform:translateX(-50%) translateY(12px);
    width:760px;
    background:#fff;
    border:1px solid #e6edf7;
    border-radius:20px;
    padding:20px;
    box-shadow:0 24px 60px rgba(15,35,79,.14);
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:16px;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:.2s ease;
    z-index:999;
}

.public-nav-dropdown:hover .public-dropdown-menu{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateX(-50%) translateY(8px);
}

.public-dropdown-group{
    display:flex;
    flex-direction:column;
    gap:8px;
}

.public-dropdown-group a{
    text-decoration:none;
    color:#344054;
    font-size:14px;
    font-weight:500;
    padding:8px 10px;
    border-radius:10px;
}

.public-dropdown-group a:hover{
    background:#f5f8fb;
    color:#0f6662;
}

.public-dropdown-group .dropdown-category{
    color:#0f6662;
    font-weight:700;
    background:#f3fbf8;
}

.map-box.map-embed-box{
    padding:0 !important;
    overflow:hidden;
    min-height:540px;
    display:block;
    background:#fff;
}

.map-box.map-embed-box iframe{
    width:848px! important;
    height:540px !important;
    display:block;
    border:0;
}

/* ==============================
   Locations Page
============================== */

.locations-page .location-hero{
    align-items:stretch;
}

.cowork-location-grid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:26px;
    margin-top:34px;
}

.cowork-location-card{
    background:#fff;
    border-radius:28px;
    overflow:hidden;
    box-shadow:0 18px 45px rgba(15,35,79,.08);
    border:1px solid var(--border);
}

.featured-location-card{
    border:2px solid var(--primary);
}

.location-photo{
    position:relative;
    height:300px;
    background:#f4f7fb;
    overflow:hidden;
}

.location-photo img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.location-badge{
    position:absolute;
    left:20px;
    bottom:20px;
    background:var(--primary);
    color:#fff;
    border-radius:999px;
    padding:10px 16px;
    font-size:13px;
    font-weight:600;
}

.location-badge.secondary{
    background:var(--secondary);
}

.location-content{
    padding:30px;
}

.location-kicker{
    display:inline-block;
    color:var(--primary);
    font-weight:600;
    font-size:14px;
    margin-bottom:10px;
}

.location-content h3{
    font-size:26px;
    color:var(--secondary);
    margin-bottom:12px;
}

.location-content p{
    color:var(--text-muted);
    line-height:1.7;
}

.location-service-list{
    display:grid;
    gap:12px;
    margin:22px 0;
}

.location-service-list span{
    display:flex;
    align-items:center;
    gap:10px;
    color:var(--text-main);
    font-weight:500;
}

.location-service-list i{
    color:var(--primary);
}

.location-service-list .not-available{
    color:#b42318;
}

.location-service-list .not-available i{
    color:#b42318;
}

.location-actions{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
}

.location-comparison-section{
    overflow:hidden;
}

.location-compare-table{
    overflow-x:auto;
    background:#fff;
    border-radius:24px;
    border:1px solid var(--border);
    box-shadow:0 12px 35px rgba(15,35,79,.06);
}

.location-compare-table table{
    width:100%;
    border-collapse:collapse;
    min-width:720px;
}

.location-compare-table th,
.location-compare-table td{
    padding:18px 20px;
    text-align:left;
    border-bottom:1px solid var(--border);
}

.location-compare-table th{
    background:#f4f7fb;
    color:var(--secondary);
    font-weight:600;
}

.available,
.unavailable{
    display:inline-flex;
    border-radius:999px;
    padding:7px 12px;
    font-size:13px;
    font-weight:600;
}

.available{
    background:#ecfdf3;
    color:#067647;
}

.unavailable{
    background:#fee4e2;
    color:#b42318;
}

.location-map-card{
    overflow:hidden;
    border-radius:24px;
    background:#fff;
    box-shadow:0 12px 35px rgba(15,35,79,.06);
    border:1px solid var(--border);
}

.location-map-card iframe{
    width:100%;
    height:480px;
    display:block;
}

.location-actions .primary-btn,
.location-actions .outline-btn{
    min-height:46px;
    padding:13px 20px;
    border-radius:12px;
    font-weight:600;
    text-decoration:none;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    line-height:1;
}

.location-actions .primary-btn{
    background:var(--primary);
    color:#fff;
    border:1px solid var(--primary);
}

.location-actions .outline-btn{
    background:#fff;
    color:var(--primary);
    border:1px solid var(--primary);
}

.location-actions .outline-btn:hover{
    background:var(--primary);
    color:#fff;
}

/* ==============================
   Unified Solution & Package Cards
============================== */

.package-grid{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:28px;
    margin-top:34px;
}

.package-card{
    position:relative;
    background:#fff;
    border-radius:26px;
    padding:28px;
    box-shadow:0 18px 50px rgba(15,35,79,.10);
    border:1px solid rgba(11,92,93,.10);
    color:var(--text-main);
    min-height:430px;
    display:flex;
    flex-direction:column;
    text-decoration:none;
    transition:.25s ease;
}

.package-card:hover{
    transform:translateY(-6px);
    box-shadow:0 28px 70px rgba(15,35,79,.14);
}

.package-card.featured{
    border:2px solid var(--primary);
}

.package-card h3{
    font-size:22px;
    line-height:1.35;
    color:var(--text-main);
    margin:0 0 14px;
    padding-right:90px;
}

.package-short{
    color:var(--text-muted);
    font-size:14px;
    line-height:1.6;
    margin:0 0 24px;
}

.badge{
    position:static;
    top:20px;
    right:20px;
    background:rgba(110,197,161,.16);
    color:var(--primary);
    font-size:11px;
    font-weight:600;
    padding:8px 13px;
    border-radius:999px;
    line-height:1;
}

.package-card .badge{
    position:absolute;
    top:20px;
    right:20px;
    background:rgba(110,197,161,.16);
    color:var(--primary);
    font-size:11px;
    font-weight:600;
    padding:8px 13px;
    border-radius:999px;
    line-height:1;
}

.badge.green{
    background:rgba(110,197,161,.16);
    color:var(--primary);
}

.solution-icon-box{
    width:64px;
    height:64px;
    border-radius:18px;
    background:rgba(11,92,93,.08);
    color:var(--primary);
    display:flex;
    align-items:center;
    justify-content:center;
    margin:6px 0 26px;
}

.solution-icon-box .material-symbols-outlined{
    font-size:34px;
}

.regular-price,
.old-price{
    color:#d92d20;
    text-decoration:line-through;
    font-size:14px;
    margin:14px 0 12px;
}

.package-card .price{
    font-size:32px;
    font-weight:700;
    color:var(--primary);
    line-height:1.1;
    margin-bottom:28px;
}

.package-card .price span{
    font-size:16px;
    font-weight:500;
    color:var(--text-main);
}

.package-divider{
    height:1px;
    width:100%;
    background:var(--border);
    margin:8px 0 22px;
}

.package-card h4{
    margin:0 0 12px;
    color:var(--text-main);
    font-size:15px;
}

.package-card .features{
    list-style:none;
    padding:0;
    margin:0 0 26px;
    color:var(--text-muted);
    font-size:14px;
    line-height:1.65;
    display:grid;
    gap:9px;
}

.package-card .features li{
    position:relative;
    padding-left:24px;
}

.package-card .features li::before{
    content:"✓";
    position:absolute;
    left:0;
    top:0;
    color:var(--primary);
    font-weight:700;
}

.package-card .primary-btn{
    margin-top:auto;
    width:100%;
    min-height:48px;
    border-radius:999px;
    background:var(--primary);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:600;
    padding:13px 20px;
    text-decoration:none;
}

.package-card .primary-btn:hover{
    background:var(--primary-dark);
}


.member-package-form{
    display:flex;
    gap:8px;
    margin-top:10px;
    align-items:center;
}

.member-package-form select{
    width:100%;
    min-width:260px;
    height:44px;
    border:1px solid #d7e3f1;
    border-radius:16px;
    padding:0 14px;
    background:#fff;
    color:#0b1f3a;
    font-size:14px;
    outline:none;
}

.member-package-form select:focus{
    border-color:var(--primary);
    box-shadow:0 0 0 4px rgba(11,92,93,.08);
}

.member-package-form .mark-paid-btn{
    height:44px;
    border:0;
    border-radius:16px;
    background:var(--primary);
    color:#fff;
    padding:0 18px;
    font-weight:600;
    white-space:nowrap;
    cursor:pointer;
}

.member-package-form .mark-paid-btn:hover{
    background:var(--primary-dark);
}


.member-package-trigger{
    height:42px;
    border:0;
    border-radius:14px;
    padding:0 16px;
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-weight:600;
    cursor:pointer;
    background:#eef7f4;
    color:var(--primary);
}

.member-package-trigger.change{
    background:#fff7e6;
    color:#b7791f;
}

.member-package-trigger .material-symbols-outlined{
    font-size:20px;
}

.member-package-modal{
    position:fixed;
    inset:0;
    background:rgba(5,18,32,.45);
    display:none;
    align-items:center;
    justify-content:center;
    z-index:9999;
    padding:20px;
}

.member-package-modal.show{
    display:flex;
}

.member-package-modal-box{
    width:100%;
    max-width:480px;
    background:#fff;
    border-radius:24px;
    padding:28px;
    box-shadow:0 30px 80px rgba(15,35,79,.25);
    position:relative;
}

.member-package-modal-close{
    position:absolute;
    top:14px;
    right:16px;
    width:34px;
    height:34px;
    border:0;
    border-radius:50%;
    background:#f2f4f7;
    cursor:pointer;
    font-size:22px;
}

.member-package-modal-box h3{
    margin:0 0 8px;
}

.member-package-modal-box p{
    color:#667085;
    margin-bottom:20px;
}

.member-package-modal-box select{
    width:100%;
    height:48px;
    border:1px solid #d7e3f1;
    border-radius:16px;
    padding:0 14px;
    margin-bottom:16px;
}

.member-package-submit{
    width:100%;
    height:48px;
    border:0;
    border-radius:16px;
    background:var(--primary);
    color:#fff;
    font-weight:700;
    cursor:pointer;
}

.icon-action-btn{
    width:42px;
    height:42px;
    border:0;
    border-radius:14px;
    background:#eef7f4;
    color:var(--primary);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    margin-right:6px;
}

.icon-action-btn.package{
    background:#fff7e6;
    color:#b7791f;
}

.icon-action-btn .material-symbols-outlined{
    font-size:22px;
}

.icon-action-btn.edit{
    background:#e8f3ff;
    color:#1075E9;
}

.icon-action-btn.delete{
    background:#fff1f1;
    color:#dc2626;
}

.icon-action-btn{
    width:42px;
    height:42px;
    border:0;
    border-radius:14px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    margin-right:6px;
    transition:.2s ease;
}

.icon-action-btn:hover{
    transform:translateY(-2px);
}

.icon-action-btn .material-symbols-outlined{
    font-size:20px;
}

.public-mobile-head img,
.header-logo-img{
    max-height:42px;
    max-width:180px;
    width:auto;
    object-fit:contain;
    display:block;
}

.header-logo-text{
    font-size:28px;
    font-weight:700;
    color:#00615f;
}

.resources-page,
.resource-single-page{
    max-width:1180px;
    margin:0 auto;
    padding:70px 20px;
}

.resources-hero{
    background:#fff;
    border:1px solid #e5edf5;
    border-radius:28px;
    padding:54px;
    margin-bottom:36px;
    box-shadow:0 22px 60px rgba(15,23,42,.06);
}

.resources-hero h1{
    max-width:820px;
    font-size:46px;
    line-height:1.15;
    margin:18px 0 16px;
    color:#0f172a;
}

.resources-hero p{
    max-width:820px;
    font-size:17px;
    line-height:1.8;
    color:#52627a;
}

.resources-list-section{
    margin-top:28px;
}

.resources-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:24px;
}

.resource-card{
    background:#fff;
    border:1px solid #e5edf5;
    border-radius:24px;
    overflow:hidden;
    box-shadow:0 18px 45px rgba(15,23,42,.05);
    transition:.25s ease;
}

.resource-card:hover{
    transform:translateY(-4px);
    box-shadow:0 22px 60px rgba(15,23,42,.09);
}

.resource-image{
    display:block;
    height:210px;
    background:#f1f5f9;
    overflow:hidden;
}

.resource-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.resource-content{
    padding:24px;
}

.resource-date{
    display:inline-block;
    margin-bottom:12px;
    font-size:13px;
    color:#64748b;
}

.resource-content h2{
    margin:0 0 12px;
    font-size:22px;
    line-height:1.35;
    height: 60px;
    overflow: hidden;
}

.resource-content h2 a{
    color:#0f172a;
    text-decoration:none;
}

.resource-content p{
    color:#52627a;
    line-height:1.7;
    margin-bottom:18px;
    height: 54px;
    overflow: hidden;
}

.read-resource-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:11px 16px;
    border-radius:12px;
    background:#00615f;
    color:#fff;
    text-decoration:none;
    font-weight:600;
    font-size:14px;
}

.empty-state{
    background:#fff;
    border:1px dashed #cbdcec;
    border-radius:22px;
    padding:42px;
    text-align:center;
    color:#64748b;
}

.resource-single-card{
    background:#fff;
    border:1px solid #e5edf5;
    border-radius:28px;
    overflow:hidden;
    box-shadow:0 22px 60px rgba(15,23,42,.06);
}

.resource-single-image{
    height:420px;
    background:#f1f5f9;
}

.resource-single-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.resource-single-content{
    max-width:860px;
    margin:0 auto;
    padding:54px 30px;
}

.resource-single-content h1{
    font-size:44px;
    line-height:1.18;
    margin:14px 0 18px;
}

.resource-excerpt{
    padding:18px 20px;
    border-left:4px solid #00615f;
    background:#f8fcfc;
    border-radius:14px;
    color:#52627a;
    line-height:1.8;
    margin-bottom:28px;
}

.resource-body{
    font-size:17px;
    line-height:1.9;
    color:#1f2937;
}

.resource-body h2,
.resource-body h3{
    margin-top:32px;
    color:#0f172a;
}

.resource-body a{
    color:#00615f;
    font-weight:600;
}

.resource-service-links{
    margin-top:42px;
    padding:24px;
    border-radius:20px;
    background:#f8fcfc;
    border:1px solid #e5edf5;
}

.service-link-list{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:16px;
}

.service-link-list a{
    display:inline-flex;
    padding:10px 14px;
    border-radius:999px;
    background:#fff;
    border:1px solid #d7e3f0;
    color:#00615f;
    text-decoration:none;
    font-weight:600;
    font-size:14px;
}



@keyframes solutionPhotoScroll{
    from{
        transform:translateX(0);
    }
    to{
        transform:translateX(-50%);
    }
}


.solution-checkbox-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
}

.solution-check-item{
    display:flex;
    align-items:flex-start;
    gap:10px;
    padding:12px;
    border:1px solid #dbe7f3;
    border-radius:14px;
    background:#fff;
    cursor:pointer;
}

.solution-check-item input{
    margin-top:4px;
}

.solution-check-item span{
    display:flex;
    flex-direction:column;
    gap:2px;
    font-weight:600;
}

.solution-check-item small{
    font-size:12px;
    color:#64748b;
    font-weight:400;
}

@media(max-width:768px){
    .solution-checkbox-grid{
        grid-template-columns:1fr;
    }
}


.gallery-upload-layout{
    display:grid;
    grid-template-columns:1fr 320px;
    gap:22px;
    align-items:start;
}

.solution-checkbox-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
}

.solution-check-item{
    display:flex;
    gap:12px;
    align-items:flex-start;
    padding:14px;
    border:1px solid #dbe7f3;
    border-radius:16px;
    background:#fff;
    cursor:pointer;
    min-height:86px;
}

.solution-check-item input{
    width:18px;
    height:18px;
    margin-top:3px;
}

.solution-check-item span{
    display:flex;
    flex-direction:column;
    gap:4px;
    font-weight:600;
}

.solution-check-item small{
    color:#64748b;
    font-size:12px;
    font-weight:400;
}

.admin-gallery-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
}

.admin-gallery-card{
    border:1px solid #dbe7f3;
    border-radius:18px;
    overflow:hidden;
    background:#fff;
}

.admin-gallery-card img{
    width:100%;
    height:180px;
    object-fit:cover;
    display:block;
}

.admin-gallery-card > div,
.admin-gallery-card form{
    padding:12px;
}

.admin-gallery-card small{
    display:block;
    color:#64748b;
    margin-top:4px;
}

@media(max-width:900px){
    .gallery-upload-layout{
        grid-template-columns:1fr;
    }

    .solution-checkbox-grid,
    .admin-gallery-grid{
        grid-template-columns:1fr;
    }
}

/* =========================
   Solution Gallery
========================= */

.solution-photo-section{
    width:100vw;
    position:relative;
    left:50%;
    margin-left:-50vw;

    overflow:hidden;
    padding:50px 0;

    background:transparent;
}

.solution-photo-head{
    max-width:1140px;
    margin:0 auto 24px;
    padding:0 24px;

    display:flex;
    align-items:flex-end;
    justify-content:space-between;
}

.solution-photo-marquee{
    position:relative;
    overflow:hidden;
    width:100%;
    background:transparent;
    padding:0;
}

.solution-photo-marquee::before,
.solution-photo-marquee::after{
    content:'';
    position:absolute;
    top:0;
    height:100%;
    width:120px;
    z-index:5;
    pointer-events:none;
}

.solution-photo-marquee::before{
    left:0;

    background:linear-gradient(
        to right,
        var(--bg-light) 0%,
        rgba(244,246,246,.92) 20%,
        rgba(244,246,246,.55) 50%,
        rgba(244,246,246,0) 100%
    );
}

.solution-photo-marquee::after{
    right:0;

    background:linear-gradient(
        to left,
        var(--bg-light) 0%,
        rgba(244,246,246,.92) 20%,
        rgba(244,246,246,.55) 50%,
        rgba(244,246,246,0) 100%
    );
}

.solution-photo-track{
    display:flex;
    gap:18px;
    width:max-content;

    padding:0 24px;

    animation:solutionPhotoScroll 45s linear infinite;
}

.solution-photo-marquee:hover .solution-photo-track{
    animation-play-state:paused;
}

.solution-photo-card{
    width:300px;
    height:410px;
    flex:0 0 auto;
    overflow:hidden;
    border-radius:18px;
    background:transparent;
    box-shadow:none;
}

.solution-photo-card img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}

@keyframes solutionPhotoScroll{
    from{
        transform:translateX(0);
    }

    to{
        transform:translateX(-50%);
    }
}

@media(max-width:768px){

.solution-photo-card{
    width:220px;
    height:300px;
}

.solution-photo-marquee::before,
.solution-photo-marquee::after{
    width:30px;
}

.solution-photo-track{
    animation-duration:28s;
}

}


.review-history-card,
.review-admin-card{
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:16px;
    padding:18px;
    margin-top:16px;
}

.review-admin-top{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:12px;
}

.review-admin-card form{
    margin-top:14px;
    display:flex;
    gap:12px;
}


.profile-btn{
background:#eef7ff;
color:#0ea5e9;
}

.profile-grid{
display:grid;
grid-template-columns:
repeat(2,1fr);

gap:20px;
margin-top:20px;
}

.profile-card{
background:#fff;
border:1px solid #e5e7eb;
border-radius:18px;
padding:20px;
}

.profile-card h4{
margin-bottom:16px;
}

.profile-card p{
margin:0 0 10px;
line-height:1.7;
}

@media(max-width:768px){

.profile-grid{
grid-template-columns:1fr;
}

}

.row-action-group{
display:flex;
align-items:center;
gap:8px;
flex-wrap:nowrap;
}

.row-action-group form{
margin:0;
display:inline-flex;
}

.review-page-card{
    max-width:1180px;
}

.review-form-card,
.previous-review-card{
    border:1px solid #e5edf5;
    border-radius:22px;
    padding:24px;
    background:#fff;
    margin-top:22px;
}

.review-form{
    display:grid;
    gap:18px;
}

.review-form .form-group{
    display:flex;
    flex-direction:column;
    gap:8px;
}

.review-form label{
    font-size:14px;
    font-weight:700;
    color:#0f172a;
}

.review-form select,
.review-form textarea{
    width:100%;
    border:1px solid #d8e2f0;
    border-radius:14px;
    padding:13px 14px;
    font-size:15px;
    background:#fff;
    outline:none;
    font-family:inherit;
}

.review-form select{
    height:50px;
}

.review-form textarea{
    min-height:130px;
    resize:vertical;
}

.review-form select:focus,
.review-form textarea:focus{
    border-color:var(--primary);
    box-shadow:0 0 0 4px rgba(11,92,93,.10);
}

.review-submit-btn{
    width:max-content;
    min-height:48px;
    padding:0 24px;
    border:0;
    border-radius:16px;
    background:var(--primary);
    color:#fff;
    font-weight:700;
    cursor:pointer;
}

.review-submit-btn:hover{
    background:var(--primary-dark);
}

.previous-review-card h3{
    margin:0 0 14px;
}

.review-empty{
    color:#667085;
    padding:18px;
    border:1px dashed #d8e2f0;
    border-radius:16px;
    background:#f8fafc;
}

@media(max-width:768px){
    .review-submit-btn{
        width:100%;
    }
}



/* =========================================================
   CoworkBD Home Body V2
   Works with: <div class="home-page cb-home-v2">
   Header/Footer untouched
   Paste at the VERY END of public/assets/css/style.css or app.css
========================================================= */

.home-page.cb-home-v2{
    --cb-primary: var(--primary);
    --cb-primary-dark: var(--primary-dark);
    --cb-secondary: var(--secondary);
    --cb-bg: var(--bg-light);
    --cb-white: var(--white);
    --cb-text: var(--text-main);
    --cb-muted: var(--text-muted);
    --cb-border: var(--border);
    --cb-radius-lg: var(--radius-lg);
    --cb-radius-md: var(--radius-md);
    --cb-shadow-lg: var(--shadow-lg);
    --cb-shadow-md: var(--shadow-md);

    max-width:none !important;
    width:100%;
    margin:0 !important;
    padding:0 !important;
    background:var(--cb-bg);
    color:var(--cb-text);
    overflow:hidden;
}

.cb-home-v2 *,
.cb-home-v2 *::before,
.cb-home-v2 *::after{
    box-sizing:border-box;
}

.cb-home-v2 a{
    text-decoration:none;
}

.cb-home-v2 .cb-section{
    max-width:1280px;
    margin:0 auto;
    padding:90px 24px;
}

.cb-home-v2 .cb-kicker{
    display:inline-flex;
    align-items:center;
    gap:8px;
    width:max-content;
    margin:0 0 16px;
    padding:7px 14px;
    border-radius:999px;
    background:rgba(11,92,93,.08);
    border:1px solid rgba(11,92,93,.10);
    color:var(--cb-primary);
    font-size:12px;
    line-height:1;
    font-weight:600;
    text-transform:uppercase;
}

.cb-home-v2 h1,
.cb-home-v2 h2,
.cb-home-v2 h3{
    color:var(--cb-text);
    font-weight:600;
}

.cb-home-v2 p{
    color:var(--cb-muted);
}

/* Hero */
.cb-home-v2 .cb-hero{
    position:relative;
    min-height:680px;
    isolation:isolate;
    background:var(--cb-primary-dark);
}

.cb-home-v2 .cb-hero-bg{
    position:absolute;
    inset:0;
    z-index:-2;
    background:
        linear-gradient(90deg, rgba(16,43,50,.96), rgba(16,43,50,.70), rgba(16,43,50,.34)),
        url("../images/auth-coworking.webp") center/cover no-repeat;
}

.cb-home-v2 .cb-hero::after{
    content:"";
    position:absolute;
    inset:auto 0 0;
    height:140px;
    z-index:-1;
}

.cb-home-v2 .cb-hero-inner{
    max-width:1280px;
    margin:0 auto;
    padding:120px 24px 110px;
    display:grid;
    grid-template-columns:1.05fr .95fr;
    gap:64px;
    align-items:center;
}

.cb-home-v2 .cb-hero-content h1{
    max-width:760px;
    margin:0 0 22px;
    color:#fff;
    font-size:clamp(44px, 6vw, 60px);
    line-height:1.25;
}

.cb-home-v2 .cb-hero-content p{
    max-width:680px;
    margin:0;
    color:rgba(255,255,255,.78);
    font-size:17px;
    line-height:1.85;
}

.cb-home-v2 .cb-hero .cb-kicker{
    background:rgba(255,255,255,.12);
    border-color:rgba(255,255,255,.18);
    color:#fff;
}

.cb-home-v2 .cb-actions{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
    margin-top:32px;
}

.cb-home-v2 .cb-actions a{
    min-height:50px;
    padding:14px 22px;
    border-radius:999px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:var(--cb-primary);
    color:#fff !important;
    font-size:14px;
    font-weight:600;
    box-shadow:0 18px 45px rgba(11,92,93,.26);
    transition:.25s ease;
}

.cb-home-v2 .cb-actions a:hover{
    transform:translateY(-3px);
    background:var(--cb-primary-dark);
}

.cb-home-v2 .cb-actions .outline-btn,
.cb-home-v2 .cb-actions .outline-light{
    background:rgba(255,255,255,.10) !important;
    color:#fff !important;
    border:1px solid rgba(255,255,255,.28);
    box-shadow:none;
}

.cb-home-v2 .cb-hero-visual{
    position:relative;
    min-height:460px;
    display:flex;
    align-items:flex-end;
}

.cb-home-v2 .cb-glass-card{
    width:100%;
    max-width:470px;
    padding:34px;
    border-radius:32px;
    background:rgba(255,255,255,.13);
    border:1px solid rgba(255,255,255,.22);
    backdrop-filter:blur(18px);
    box-shadow:0 34px 90px rgba(0,0,0,.30);
}

.cb-home-v2 .cb-glass-card .material-symbols-outlined{
    width:56px;
    height:56px;
    border-radius:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(255,255,255,.14);
    color:#fff;
    font-size:30px;
}

.cb-home-v2 .cb-glass-card h3{
    margin:22px 0 18px;
    color:#fff;
    font-size:26px;
    line-height:1.25;
}

.cb-home-v2 .cb-glass-card ul,
.cb-home-v2 .cb-dashboard-list ul{
    list-style:none;
    padding:0;
    margin:0;
}

.cb-home-v2 .cb-glass-card li,
.cb-home-v2 .cb-dashboard-list li{
    position:relative;
    padding:12px 0 12px 34px;
    color:rgba(255,255,255,.82);
    border-bottom:1px solid rgba(255,255,255,.13);
}

.cb-home-v2 .cb-glass-card li::before,
.cb-home-v2 .cb-dashboard-list li::before{
    content:"✓";
    position:absolute;
    left:0;
    top:12px;
    width:22px;
    height:22px;
    border-radius:50%;
    background:var(--cb-secondary);
    color:var(--cb-primary-dark);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:12px;
    font-weight:700;
}

.cb-home-v2 .cb-stat-pill{
    position:absolute;
    top:42px;
    right:0;
    min-width:190px;
    padding:22px 24px;
    border-radius:24px;
    background:#fff;
    box-shadow:0 24px 70px rgba(0,0,0,.22);
}

.cb-home-v2 .cb-stat-pill strong{
    display:block;
    color:var(--cb-primary);
    font-size:42px;
    line-height:1;
}

.cb-home-v2 .cb-stat-pill span{
    color:var(--cb-muted);
    font-size:14px;
}

/* Section heads */
.cb-home-v2 .cb-section-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:24px;
    margin-bottom:34px;
}

.cb-home-v2 .cb-section-head.center{
    justify-content:center;
    text-align:center;
}

.cb-home-v2 .cb-section-head h2,
.cb-home-v2 .cb-why-text h2,
.cb-home-v2 .cb-dashboard-card h2,
.cb-home-v2 .cb-home-cta h2{
    margin:0 0 14px;
    font-size:clamp(32px, 4vw, 52px);
    line-height:1.08;
}

.cb-home-v2 .cb-section-head p,
.cb-home-v2 .cb-why-text p,
.cb-home-v2 .cb-dashboard-card p,
.cb-home-v2 .cb-home-cta p{
    max-width:720px;
    margin:0;
    font-size:16px;
    line-height:1.8;
}

.cb-home-v2 .cb-small-link{
    flex:0 0 auto;
    padding:11px 16px;
    border-radius:999px;
    background:#fff;
    border:1px solid var(--cb-border);
    color:var(--cb-primary);
    font-weight:600;
    font-size:14px;
}

/* Workspace cards */
.cb-home-v2 .cb-workspace-grid{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:22px;
}

.cb-home-v2 .cb-workspace-card{
    min-height:360px;
    display:flex;
    flex-direction:column;
    border-radius:28px;
    overflow:hidden;
    background:#fff;
    border:1px solid rgba(11,92,93,.10);
    box-shadow:0 18px 48px rgba(15,35,80,.08);
    color:var(--cb-text);
    transition:.25s ease;
}

.cb-home-v2 .cb-workspace-card:hover{
    transform:translateY(-7px);
    box-shadow:0 28px 72px rgba(15,35,80,.14);
}

.cb-home-v2 .cb-card-image{
    height:170px;
    background:
        linear-gradient(135deg, rgba(16,43,50,.05), rgba(110,197,161,.10)),
        url("../images/auth-coworking.webp") center/cover no-repeat;
}


.cb-home-v2 .img-dedicated {
    height:170px;
    background:
        linear-gradient(135deg, rgba(16,43,50,.05), rgba(110,197,161,.10)),
        url("../images/img-dedicated.webp") center/cover no-repeat;
}

.cb-home-v2 .img-private {
    height:170px;
    background:
        linear-gradient(135deg, rgba(16,43,50,.05), rgba(110,197,161,.10)),
        url("../images/img-private.webp") center/cover no-repeat;
}

.cb-home-v2 .img-meeting {
    height:170px;
    background:
        linear-gradient(135deg, rgba(16,43,50,.05), rgba(110,197,161,.10)),
        url("../images/img-meeting.webp") center/cover no-repeat;
}

.cb-home-v2 .img-shared {
    height:170px;
    background:
        linear-gradient(135deg, rgba(16,43,50,.05), rgba(110,197,161,.10)),
        url("../images/img-shared.webp") center/cover no-repeat;
}


.cb-home-v2 .img-virtual {
    height:170px;
    background:
        linear-gradient(135deg, rgba(16,43,50,.05), rgba(110,197,161,.10)),
        url("../images/img-virtual.webp") center/cover no-repeat;
}

.cb-home-v2 .img-dedicated{ background-position:center 45%; }
.cb-home-v2 .img-private{ background-position:center 60%; }
.cb-home-v2 .img-meeting{ background-position:center 35%; }

.cb-home-v2 .cb-card-body{
    padding:26px;
    flex:1;
    display:flex;
    flex-direction:column;
}

.cb-home-v2 .cb-card-body .material-symbols-outlined{
    width:48px;
    height:48px;
    border-radius:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(11,92,93,.08);
    color:var(--cb-primary);
    font-size:27px;
}

.cb-home-v2 .cb-card-body h3{
    margin:18px 0 9px;
    font-size:22px;
    line-height:1.25;
}

.cb-home-v2 .cb-card-body p{
    margin:0;
    line-height:1.7;
}

.cb-home-v2 .cb-card-body small{
    margin-top:auto;
    padding-top:22px;
    color:var(--cb-primary);
    font-weight:700;
}

.cb-home-v2 .cb-wide-card{
    grid-column:span 2;
    display:grid;
    grid-template-columns:.95fr 1.05fr;
    min-height:260px;
}

.cb-home-v2 .cb-wide-card .cb-card-image{
    height:100%;
}

.cb-home-v2 .cb-dark-card{
    background:linear-gradient(135deg, var(--cb-primary-dark), var(--cb-primary));
}

.cb-home-v2 .cb-dark-card h3,
.cb-home-v2 .cb-dark-card p,
.cb-home-v2 .cb-dark-card small{
    color:#fff;
}

.cb-home-v2 .cb-dark-card p{
    opacity:.78;
}

.cb-home-v2 .cb-dark-card .material-symbols-outlined{
    background:rgba(255,255,255,.13);
    color:#fff;
}

/* Search cards */
.cb-home-v2 .cb-seo-section{
    max-width:none;
    background:#fff;
}

.cb-home-v2 .cb-seo-section > *{
    max-width:1280px;
    margin-left:auto;
    margin-right:auto;
}

.cb-home-v2 .cb-search-grid{
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:18px;
}

.cb-home-v2 .cb-search-card{
    padding:26px;
    border-radius:24px;
    background:var(--cb-bg);
    border:1px solid var(--cb-border);
    color:var(--cb-text);
    transition:.25s ease;
}

.cb-home-v2 .cb-search-card:hover{
    transform:translateY(-5px);
    background:#fff;
    box-shadow:var(--cb-shadow-md);
}

.cb-home-v2 .cb-search-card h3{
    margin:0 0 10px;
    font-size:19px;
}

.cb-home-v2 .cb-search-card p{
    margin:0;
    line-height:1.7;
}

/* Why */
.cb-home-v2 .cb-why-section{
    display:grid;
    grid-template-columns:.95fr 1.05fr;
    gap:54px;
    align-items:center;
}

.cb-home-v2 .cb-check-list{
    display:grid;
    gap:14px;
    margin-top:28px;
}

.cb-home-v2 .cb-check-list div{
    display:flex;
    align-items:center;
    gap:12px;
    font-weight:600;
    color:var(--cb-text);
}

.cb-home-v2 .cb-check-list span{
    width:26px;
    height:26px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--cb-primary);
    color:#fff;
    font-size:13px;
}

.cb-home-v2 .cb-why-visual{
    position:relative;
}

.cb-home-v2 .cb-why-image{
    height:430px;
    border-radius:32px;
    background:
        linear-gradient(180deg, rgba(16,43,50,.08), rgba(16,43,50,.18)),
        url("../images/auth-coworking.webp") center/cover no-repeat;
    box-shadow:0 26px 70px rgba(15,35,80,.13);
}

.cb-home-v2 .cb-floating-stat{
    position:absolute;
    right:28px;
    bottom:-28px;
    padding:22px 26px;
    border-radius:22px;
    background:#fff;
    box-shadow:0 20px 55px rgba(15,35,80,.16);
}

.cb-home-v2 .cb-floating-stat strong{
    display:block;
    color:var(--cb-primary);
    font-size:36px;
    line-height:1;
}

.cb-home-v2 .cb-floating-stat span{
    color:var(--cb-muted);
    font-size:13px;
}

/* Compare */
.cb-home-v2 .cb-compare-strip{
    padding-top:40px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:22px;
}

.cb-home-v2 .cb-compare-card{
    padding:34px;
    border-radius:28px;
    background:#fff;
    border:1px solid var(--cb-border);
    box-shadow:var(--cb-shadow-md);
}

.cb-home-v2 .cb-compare-card h3{
    margin:0 0 22px;
    font-size:22px;
}

.cb-home-v2 .cb-compare-card strong{
    display:block;
    font-size:34px;
    line-height:1;
    color:var(--cb-primary);
    margin-bottom:14px;
}

.cb-home-v2 .cb-compare-card p{
    margin:0;
    line-height:1.7;
}

.cb-home-v2 .cb-compare-card.strong{
    background:linear-gradient(135deg, var(--cb-primary), var(--cb-primary-dark));
}

.cb-home-v2 .cb-compare-card.strong h3,
.cb-home-v2 .cb-compare-card.strong strong,
.cb-home-v2 .cb-compare-card.strong p{
    color:#fff;
}

/* Dashboard */
.cb-home-v2 .cb-dashboard-card{
    padding:48px;
    border-radius:34px;
    background:#fff;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:44px;
    align-items:center;
    box-shadow:var(--cb-shadow-lg);
    border:1px solid rgba(11,92,93,.08);
}

.cb-home-v2 .cb-dashboard-card .outline-btn{
    background:#fff !important;
    color:var(--cb-primary) !important;
    border:1px solid var(--cb-primary);
}

.cb-home-v2 .cb-dashboard-list{
    padding:34px;
    border-radius:28px;
    background:linear-gradient(135deg, var(--cb-primary-dark), var(--cb-primary));
}

.cb-home-v2 .cb-dashboard-list li:last-child,
.cb-home-v2 .cb-glass-card li:last-child{
    border-bottom:0;
}

/* Process */
.cb-home-v2 .cb-steps-grid{
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:18px;
}

.cb-home-v2 .cb-step-card{
    padding:28px;
    border-radius:26px;
    background:#fff;
    border:1px solid var(--cb-border);
    box-shadow:0 14px 38px rgba(15,35,80,.06);
}

.cb-home-v2 .cb-step-card span{
    width:46px;
    height:46px;
    border-radius:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(11,92,93,.08);
    color:var(--cb-primary);
    font-weight:700;
}

.cb-home-v2 .cb-step-card h3{
    margin:22px 0 10px;
    font-size:20px;
}

.cb-home-v2 .cb-step-card p{
    margin:0;
    line-height:1.7;
}


.cb-home-v2 .cb-home-cta{
    max-width:1280px;
    margin:20px auto 0;
    padding:54px;
    border-radius:34px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    background:linear-gradient(135deg, var(--primary), var(--primary-dark));
    box-shadow:0 24px 70px rgba(11,92,93,.22);
}

.cb-home-v2 .cb-home-cta h2,
.cb-home-v2 .cb-home-cta p{
    color:#fff;
}

.cb-home-v2 .cb-home-cta p{
    opacity:.78;
}

@media(max-width:768px){
    .cb-home-v2 .cb-home-cta{
        margin:0 18px;
        padding:30px 22px;
        border-radius:26px;
        flex-direction:column;
        align-items:flex-start;
    }
}

/* CTA */
/* CTA buttons fix */

.cb-home-cta .cb-actions{
    display:flex;
    align-items:center;
    gap:16px;
    flex-wrap:wrap;
}

.cb-home-cta .cb-actions a{
    min-width:190px;
    height:58px;

    padding:0 28px;

    border-radius:999px;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:16px;
    font-weight:600;

    transition:.3s ease;
}

/* Primary */

.cb-home-cta .cb-actions a:first-child{

    background:#fff !important;

    color:var(--primary)!important;

    border:none;

    box-shadow:
    0 16px 40px rgba(255,255,255,.12);

}

.cb-home-cta .cb-actions a:first-child:hover{

    transform:translateY(-4px);

    background:#f7f7f7!important;

}


/* Secondary */

.cb-home-cta .outline-light{

    background:rgba(255,255,255,.10)!important;

    color:#fff!important;

    border:1px solid rgba(255,255,255,.25)!important;

    backdrop-filter:blur(10px);

}

.cb-home-cta .outline-light:hover{

    background:#fff!important;

    color:var(--primary)!important;

    transform:translateY(-4px);

}


/* mobile */

@media(max-width:768px){

.cb-home-cta .cb-actions{

width:100%;
flex-direction:column;

}

.cb-home-cta .cb-actions a{

width:100%;
min-width:100%;

}

}

/* FAQ */
.cb-home-v2 .cb-faq-section{
    max-width:940px;
}

.cb-home-v2 .cb-faq-wrap{
    display:grid;
    gap:14px;
}

.cb-home-v2 .cb-faq-wrap details{
    background:#fff;
    border:1px solid var(--cb-border);
    border-radius:20px;
    padding:0 22px;
    box-shadow:0 12px 32px rgba(15,35,80,.045);
    overflow:hidden;
}

.cb-home-v2 .cb-faq-wrap summary{
    cursor:pointer;
    padding:20px 0;
    list-style:none;
    color:var(--cb-text);
    font-weight:600;
}

.cb-home-v2 .cb-faq-wrap summary::-webkit-details-marker{
    display:none;
}

.cb-home-v2 .cb-faq-wrap summary::after{
    content:"+";
    float:right;
    color:var(--cb-primary);
    font-size:22px;
    line-height:1;
}

.cb-home-v2 .cb-faq-wrap details[open] summary::after{
    content:"–";
}

.cb-home-v2 .cb-faq-wrap p{
    margin:0;
    padding:0 0 20px;
    line-height:1.7;
}

/* Responsive */
@media(max-width:1100px){
    .cb-home-v2 .cb-hero-inner,
    .cb-home-v2 .cb-why-section,
    .cb-home-v2 .cb-dashboard-card{
        grid-template-columns:1fr;
    }

    .cb-home-v2 .cb-hero{
        min-height:auto;
    }

    .cb-home-v2 .cb-hero-inner{
        padding-top:90px;
        padding-bottom:80px;
    }

    .cb-home-v2 .cb-workspace-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }

    .cb-home-v2 .cb-search-grid,
    .cb-home-v2 .cb-steps-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }

    .cb-home-v2 .cb-stat-pill{
        right:24px;
    }
}

@media(max-width:768px){
    .cb-home-v2 .cb-section{
        padding:64px 18px;
    }

    .cb-home-v2 .cb-hero-inner{
        padding:72px 20px 64px;
        gap:34px;
    }

    .cb-home-v2 .cb-hero-content h1{
        font-size:40px;
    }

    .cb-home-v2 .cb-hero-content p{
        font-size:15px;
    }

    .cb-home-v2 .cb-actions{
        width:100%;
        flex-direction:column;
    }

    .cb-home-v2 .cb-actions a{
        width:100%;
    }

    .cb-home-v2 .cb-hero-visual{
        min-height:auto;
        display:block;
    }

    .cb-home-v2 .cb-stat-pill{
        position:relative;
        top:auto;
        right:auto;
        margin:18px 0 0;
        width:100%;
    }

    .cb-home-v2 .cb-glass-card{
        padding:24px;
        border-radius:24px;
    }

    .cb-home-v2 .cb-section-head{
        display:block;
        text-align:left;
    }

    .cb-home-v2 .cb-section-head.center{
        text-align:center;
    }

    .cb-home-v2 .cb-small-link{
        margin-top:18px;
        display:inline-flex;
    }

    .cb-home-v2 .cb-workspace-grid,
    .cb-home-v2 .cb-search-grid,
    .cb-home-v2 .cb-compare-strip,
    .cb-home-v2 .cb-steps-grid{
        grid-template-columns:1fr;
    }

    .cb-home-v2 .cb-wide-card{
        grid-column:auto;
        display:flex;
        min-height:360px;
    }

    .cb-home-v2 .cb-wide-card .cb-card-image{
        height:170px;
    }

    .cb-home-v2 .cb-why-image{
        height:320px;
        border-radius:26px;
    }

    .cb-home-v2 .cb-floating-stat{
        position:relative;
        right:auto;
        bottom:auto;
        margin-top:16px;
    }

    .cb-home-v2 .cb-dashboard-card{
        padding:26px;
        border-radius:26px;
    }

    .cb-home-v2 .cb-dashboard-list{
        padding:24px;
        border-radius:22px;
    }

    .cb-home-v2 .cb-home-cta{
        margin:0 18px;
        padding:30px 22px;
        border-radius:26px;
        flex-direction:column;
        align-items:flex-start;
    }

    .cb-home-v2 .cb-section-head h2,
    .cb-home-v2 .cb-why-text h2,
    .cb-home-v2 .cb-dashboard-card h2,
    .cb-home-v2 .cb-home-cta h2{
        font-size:32px;
    }
}

@media(max-width:420px){
    .cb-home-v2 .cb-hero-content h1{
        font-size:34px;
    }

    .cb-home-v2 .cb-kicker{
        font-size:11px;
        padding:7px 11px;
    }

    .cb-home-v2 .cb-card-body,
    .cb-home-v2 .cb-step-card,
    .cb-home-v2 .cb-compare-card{
        padding:22px;
    }
}

.cb-home-v2 .cb-stat-pill{
    position:absolute;
    right:-30px;
    bottom:45px;
    top:auto;

    min-width:220px;

    background:#fff;

    border-radius:24px;

    padding:22px;

    box-shadow:
    0 30px 70px rgba(0,0,0,.18);

    border:1px solid rgba(11,92,93,.08);
}

.cb-home-v2 .cb-stat-pill strong{
    font-size:52px;
    color:var(--primary);
    line-height:1;
}

.cb-home-v2 .cb-stat-pill span{
    display:block;
    margin-top:6px;
    font-size:14px;
    color:var(--text-muted);
}

.cb-home-v2 .cb-stat-pill:before{

content:"↗";

position:absolute;

top:18px;
right:18px;

width:34px;
height:34px;

border-radius:50%;

background:rgba(11,92,93,.08);

display:flex;
align-items:center;
justify-content:center;

color:var(--primary);

font-size:14px;

}


/* =========================================================
   CoworkBD Service Page V2 - Dedicated Desk
   Header/Footer untouched
   Paste at the VERY END of public/assets/css/style.css or app.css
========================================================= */

.service-page.cb-service-v2{
    --cb-primary:var(--primary);
    --cb-primary-dark:var(--primary-dark);
    --cb-secondary:var(--secondary);
    --cb-bg:var(--bg-light);
    --cb-white:var(--white);
    --cb-text:var(--text-main);
    --cb-muted:var(--text-muted);
    --cb-border:var(--border);
    --cb-shadow-lg:var(--shadow-lg);
    --cb-shadow-md:var(--shadow-md);

    max-width:none !important;
    width:100%;
    margin:0 !important;
    padding:0 !important;
    background:var(--cb-bg);
    color:var(--cb-text);
    overflow:hidden;
}

.cb-service-v2 *,
.cb-service-v2 *::before,
.cb-service-v2 *::after{
    box-sizing:border-box;
}

.cb-service-v2 a{
    text-decoration:none;
}

.cb-service-v2 .cb-service-section{
    max-width:1280px;
    margin:0 auto;
    padding:88px 24px;
}

.cb-service-v2 .cb-kicker{
    display:inline-flex;
    align-items:center;
    width:max-content;
    margin:0 0 16px;
    padding:7px 14px;
    border-radius:999px;
    background:rgba(11,92,93,.08);
    border:1px solid rgba(11,92,93,.10);
    color:var(--cb-primary);
    font-size:12px;
    line-height:1;
    font-weight:600;
    text-transform:uppercase;
}

.cb-service-v2 h1,
.cb-service-v2 h2,
.cb-service-v2 h3{
    color:var(--cb-text);
    font-weight:600;
}

.cb-service-v2 p{
    color:var(--cb-muted);
}

.cb-service-v2 .cb-service-hero{
    position:relative;
    min-height:640px;
    background:var(--cb-primary-dark);
    isolation:isolate;
}

.cb-service-v2 .cb-service-hero-bg{
    position:absolute;
    inset:0;
    z-index:-2;
    background:
        linear-gradient(90deg, rgba(16,43,50,.96), rgba(16,43,50,.72), rgba(16,43,50,.36)),
        url("../images/auth-coworking.webp") center/cover no-repeat;
}

.cb-service-v2 .cb-service-hero::after{
    content:"";
    position:absolute;
    inset:auto 0 0;
    height:130px;
    z-index:-1;
}

.cb-service-v2 .cb-service-hero-inner{
    max-width:1280px;
    margin:0 auto;
    padding:115px 24px 105px;
    display:grid;
    grid-template-columns:1.08fr .92fr;
    gap:60px;
    align-items:center;
}

.cb-service-v2 .cb-service-hero-content h1{
    max-width:820px;
    margin:0 0 22px;
    color:#fff;
    font-size:clamp(42px, 5.5vw, 56px);
    line-height:1.15;
}

.cb-service-v2 .cb-service-hero-content p{
    max-width:720px;
    margin:0;
    color:rgba(255,255,255,.78);
    font-size:17px;
    line-height:1.85;
}

.cb-service-v2 .cb-service-hero .cb-kicker{
    background:rgba(255,255,255,.12);
    border-color:rgba(255,255,255,.18);
    color:#fff;
}

.cb-service-v2 .cb-actions{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
    margin-top:32px;
}

.cb-service-v2 .cb-actions a{
    min-height:52px;
    padding:14px 24px;
    border-radius:999px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:var(--cb-primary);
    color:#fff !important;
    font-size:15px;
    font-weight:600;
    box-shadow:0 18px 45px rgba(11,92,93,.26);
    transition:.25s ease;
}

.cb-service-v2 .cb-actions a:hover{
    transform:translateY(-3px);
    background:var(--cb-primary-dark);
}

.cb-service-v2 .cb-actions .outline-btn{
    background:rgba(255,255,255,.10) !important;
    color:#fff !important;
    border:1px solid rgba(255,255,255,.28);
    box-shadow:none;
}

.cb-service-v2 .cb-service-hero-card{
    width:100%;
    padding:34px;
    border-radius:32px;
    background:rgba(255,255,255,.13);
    border:1px solid rgba(255,255,255,.22);
    backdrop-filter:blur(18px);
    box-shadow:0 34px 90px rgba(0,0,0,.30);
}

.cb-service-v2 .cb-service-card-icon{
    width:58px;
    height:58px;
    border-radius:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(255,255,255,.14);
}

.cb-service-v2 .cb-service-card-icon .material-symbols-outlined{
    color:#fff;
    font-size:30px;
}

.cb-service-v2 .cb-service-hero-card h3{
    margin:22px 0 18px;
    color:#fff;
    font-size:26px;
    line-height:1.15;
}

.cb-service-v2 .cb-service-hero-card ul,
.cb-service-v2 .cb-service-feature-box ul,
.cb-service-v2 .cb-service-compare-card ul{
    list-style:none;
    padding:0;
    margin:0;
}

.cb-service-v2 .cb-service-hero-card li,
.cb-service-v2 .cb-service-feature-box li{
    position:relative;
    padding:13px 0 13px 36px;
    color:rgba(255,255,255,.82);
    border-bottom:1px solid rgba(255,255,255,.13);
}

.cb-service-v2 .cb-service-hero-card li:last-child,
.cb-service-v2 .cb-service-feature-box li:last-child{
    border-bottom:0;
}

.cb-service-v2 .cb-service-hero-card li::before,
.cb-service-v2 .cb-service-feature-box li::before{
    content:"✓";
    position:absolute;
    left:0;
    top:12px;
    width:23px;
    height:23px;
    border-radius:50%;
    background:var(--cb-secondary);
    color:var(--cb-primary-dark);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:12px;
    font-weight:700;
}

.cb-service-v2 .cb-section-head{
    margin-bottom:36px;
}

.cb-service-v2 .cb-section-head.center{
    text-align:center;
    display:flex;
    justify-content:center;
}

.cb-service-v2 .cb-section-head h2,
.cb-service-v2 .cb-service-split h2{
    margin:0 0 14px;
    font-size:clamp(32px, 4vw, 52px);
    line-height:1.08;
}

.cb-service-v2 .cb-section-head p,
.cb-service-v2 .cb-service-split p{
    max-width:760px;
    margin:0;
    font-size:16px;
    line-height:1.8;
}

.cb-service-v2 .cb-service-compare-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:22px;
}

.cb-service-v2 .cb-service-compare-card{
    padding:34px;
    border-radius:30px;
    background:#fff;
    border:1px solid var(--cb-border);
    box-shadow:var(--cb-shadow-md);
}

.cb-service-v2 .cb-service-compare-card h3{
    margin:0 0 18px;
    font-size:24px;
}

.cb-service-v2 .compare-price{
    margin:0 0 24px;
    font-size:34px;
    line-height:1.1;
    color:var(--cb-primary);
    font-weight:700;
}

.cb-service-v2 .cb-service-compare-card li{
    position:relative;
    padding:11px 0 11px 30px;
    color:var(--cb-muted);
    border-bottom:1px solid rgba(217,225,239,.72);
}

.cb-service-v2 .cb-service-compare-card li:last-child{
    border-bottom:0;
}

.cb-service-v2 .cb-service-compare-card li::before{
    content:"•";
    position:absolute;
    left:8px;
    top:8px;
    color:var(--cb-primary);
    font-size:22px;
    line-height:1;
}

.cb-service-v2 .cb-service-compare-card.strong{
    background:linear-gradient(135deg, var(--cb-primary), var(--cb-primary-dark));
}

.cb-service-v2 .cb-service-compare-card.strong h3,
.cb-service-v2 .cb-service-compare-card.strong .compare-price,
.cb-service-v2 .cb-service-compare-card.strong li{
    color:#fff;
}

.cb-service-v2 .cb-service-compare-card.strong li{
    border-bottom-color:rgba(255,255,255,.13);
}

.cb-service-v2 .cb-service-compare-card.strong li::before{
    color:var(--cb-secondary);
}

.cb-service-v2 .cb-packages-section{
    padding-top:70px;
}

.cb-service-v2 .cb-package-grid{
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:24px;
}

.cb-service-v2 .cb-package-card{
    border-radius:30px;
    border:1px solid rgba(11,92,93,.10);
    box-shadow:0 18px 50px rgba(15,35,79,.08);
    transition:.25s ease;
}

.cb-service-v2 .cb-package-card:hover{
    transform:translateY(-7px);
    box-shadow:0 28px 72px rgba(15,35,79,.14);
}

.cb-service-v2 .cb-package-card.featured{
    border:2px solid var(--cb-primary);
}

.cb-service-v2 .cb-package-card .primary-btn{
    border-radius:999px;
    background:var(--cb-primary);
}

.cb-service-v2 .cb-package-card .primary-btn:hover{
    background:var(--cb-primary-dark);
}

.cb-service-v2 .cb-service-split{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:44px;
    align-items:center;
}

.cb-service-v2 .cb-service-feature-box{
    padding:34px;
    border-radius:30px;
    background:linear-gradient(135deg, var(--cb-primary-dark), var(--cb-primary));
    box-shadow:0 22px 60px rgba(11,92,93,.16);
}

.cb-service-v2 .cb-steps-grid{
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:18px;
}

.cb-service-v2 .cb-step-card{
    padding:28px;
    border-radius:26px;
    background:#fff;
    border:1px solid var(--cb-border);
    box-shadow:0 14px 38px rgba(15,35,80,.06);
}

.cb-service-v2 .cb-step-card span{
    width:46px;
    height:46px;
    border-radius:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(11,92,93,.08);
    color:var(--cb-primary);
    font-weight:700;
}

.cb-service-v2 .cb-step-card h3{
    margin:22px 0 10px;
    font-size:20px;
}

.cb-service-v2 .cb-step-card p{
    margin:0;
    line-height:1.7;
}

.cb-service-v2 .cb-faq-section{
    max-width:940px;
}

.cb-service-v2 .cb-faq-wrap{
    display:grid;
    gap:14px;
}

.cb-service-v2 .cb-faq-wrap details{
    background:#fff;
    border:1px solid var(--cb-border);
    border-radius:20px;
    padding:0 22px;
    box-shadow:0 12px 32px rgba(15,35,80,.045);
    overflow:hidden;
}

.cb-service-v2 .cb-faq-wrap summary{
    cursor:pointer;
    padding:20px 1px;
    list-style:none;
    color:var(--cb-text);
    font-weight:600;
}

.cb-service-v2 .cb-faq-wrap summary::-webkit-details-marker{
    display:none;
}

.cb-service-v2 .cb-faq-wrap summary::after{
    content:"+";
    float:right;
    color:var(--cb-primary);
    font-size:22px;
    line-height:1;
}

.cb-service-v2 .cb-faq-wrap details[open] summary::after{
    content:"–";
}

.cb-service-v2 .cb-faq-wrap p{
    margin:0;
    padding:0 0 20px;
    line-height:1.7;
}

.cb-service-v2 .solution-photo-section{
    margin-top:0;
}

.cb-service-v2 .solution-photo-head{
    max-width:1280px;
}

@media(max-width:1100px){
    .cb-service-v2 .cb-service-hero-inner,
    .cb-service-v2 .cb-service-split{
        grid-template-columns:1fr;
    }

    .cb-service-v2 .cb-service-hero{
        min-height:auto;
    }

    .cb-service-v2 .cb-service-hero-inner{
        padding-top:90px;
        padding-bottom:80px;
    }

    .cb-service-v2 .cb-package-grid,
    .cb-service-v2 .cb-steps-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }
}

@media(max-width:768px){
    .cb-service-v2 .cb-service-section{
        padding:64px 18px;
    }

    .cb-service-v2 .cb-service-hero-inner{
        padding:72px 20px 64px;
        gap:34px;
    }

    .cb-service-v2 .cb-service-hero-content h1{
        font-size:38px;
    }

    .cb-service-v2 .cb-service-hero-content p{
        font-size:15px;
    }

    .cb-service-v2 .cb-actions{
        width:100%;
        flex-direction:column;
    }

    .cb-service-v2 .cb-actions a{
        width:100%;
    }

    .cb-service-v2 .cb-service-hero-card{
        padding:24px;
        border-radius:24px;
    }

    .cb-service-v2 .cb-service-compare-grid,
    .cb-service-v2 .cb-package-grid,
    .cb-service-v2 .cb-steps-grid{
        grid-template-columns:1fr;
    }

    .cb-service-v2 .cb-section-head h2,
    .cb-service-v2 .cb-service-split h2{
        font-size:32px;
    }

    .cb-service-v2 .cb-service-feature-box{
        padding:24px;
        border-radius:24px;
    }
}

@media(max-width:420px){
    .cb-service-v2 .cb-service-hero-content h1{
        font-size:33px;
    }

    .cb-service-v2 .cb-kicker{
        font-size:11px;
        padding:7px 11px;
    }

    .cb-service-v2 .cb-service-compare-card,
    .cb-service-v2 .cb-step-card{
        padding:22px;
    }
}


/* Gallery section title redesign */

.cb-service-v2 .solution-photo-head{
    text-align:center;
    max-width:760px;
    margin:0 auto 40px;
    padding:0 18px;
    display:block !important;
}

.cb-service-v2 .solution-photo-head::before{
    content:"Workspace Gallery";
    display:inline-flex;
    padding:8px 18px;
    margin:0 auto 18px;
    border-radius:999px;
    background:rgba(11,92,93,.08);
    border:1px solid rgba(11,92,93,.12);
    color:var(--primary);
    font-size:12px;
    font-weight:600;
    text-transform:uppercase;
}

.cb-service-v2 .solution-photo-head h2{
    display:block;
    width:100%;
    margin:0;
    font-size:clamp(32px,4vw,52px);
    line-height:1.08;
    font-weight:600;
    color:var(--text-main);
}

.cb-service-v2 .solution-photo-head p{

    max-width:700px;

    margin:0 auto;

    color:var(--text-muted);

    line-height:1.8;

}



/* =========================================================
   CoworkBD Meeting Room Page V2
   Follows current cb-service-v2 tone and your latest CSS changes
   Header/Footer untouched
   Paste at the VERY END of public/assets/css/style.css or app.css
========================================================= */

/* Only page-specific overrides. Base cb-service-v2 CSS from Dedicated Desk can stay. */

.cb-meeting-page .cb-service-hero-bg{
    background:
        linear-gradient(90deg, rgba(16,43,50,.96), rgba(16,43,50,.72), rgba(16,43,50,.36)),
        url("../images/auth-coworking.webp") center/cover no-repeat;
}

.cb-meeting-page .cb-service-card-icon .material-symbols-outlined{
    font-size:32px;
}

.cb-meeting-page .cb-service-hero-content h1{
    max-width:880px;
    font-size:clamp(42px, 5.5vw, 56px);
    line-height:1.15;
}

.cb-meeting-page .cb-service-hero-card h3{
    line-height:1.15;
}

/* Meeting card icon consistency */

.cb-meeting-page .solution-icon-box{
    background:rgba(11,92,93,.08);
    color:var(--primary);
}

.cb-meeting-page .solution-icon-box .material-symbols-outlined{
    font-size:34px;
}

/* Compare card polish */

.cb-meeting-page .cb-service-compare-card.strong{
    background:linear-gradient(135deg, var(--primary), var(--primary-dark));
}

/* Gallery section title redesign - fixed stacked layout */

.cb-meeting-page .solution-photo-head{
    text-align:center;
    max-width:760px;
    margin:0 auto 40px;
    padding:0 18px;
    display:block !important;
}

.cb-meeting-page .solution-photo-head::before{
    content:"Workspace Gallery";
    display:inline-flex;
    align-items:center;
    padding:8px 18px;
    margin:0 auto 18px;
    border-radius:999px;
    background:rgba(11,92,93,.08);
    border:1px solid rgba(11,92,93,.12);
    color:var(--primary);
    font-size:12px;
    font-weight:600;
    text-transform:uppercase;
}

.cb-meeting-page .solution-photo-head h2{
    display:block;
    width:100%;
    margin:0;
    font-size:clamp(32px,4vw,52px);
    line-height:1.08;
    font-weight:600;
    color:var(--text-main);
}

.cb-meeting-page .solution-photo-head p{
    max-width:700px;
    margin:14px auto 0;
    color:var(--text-muted);
    line-height:1.8;
}

/* Package section button text alignment */

.cb-meeting-page .cb-package-card .primary-btn{
    border-radius:999px;
    background:var(--primary);
    color:#fff;
}

.cb-meeting-page .cb-package-card .primary-btn:hover{
    background:var(--primary-dark);
}

/* Responsive */

@media(max-width:768px){
    .cb-meeting-page .cb-service-hero-content h1{
        font-size:38px;
    }

    .cb-meeting-page .solution-photo-head{
        margin-bottom:30px;
    }
}

@media(max-width:420px){
    .cb-meeting-page .cb-service-hero-content h1{
        font-size:33px;
    }
}


/* =========================================================
   CoworkBD Private Office Page V2
   Follows current cb-service-v2 tone and latest section-title changes
   Header/Footer untouched
   Paste at the VERY END of public/assets/css/style.css or app.css
========================================================= */

/* Only page-specific overrides. Base cb-service-v2 CSS from Dedicated Desk can stay. */

.cb-private-page .cb-service-hero-bg{
    background:
        linear-gradient(90deg, rgba(16,43,50,.96), rgba(16,43,50,.72), rgba(16,43,50,.36)),
        url("../images/auth-coworking.webp") center/cover no-repeat;
}

.cb-private-page .cb-service-hero-content h1{
    max-width:880px;
    font-size:clamp(42px, 5.5vw, 58px);
    line-height:1.14;
}

.cb-private-page .cb-service-card-icon .material-symbols-outlined{
    font-size:32px;
}

.cb-private-page .cb-service-hero-card h3{
    line-height:1.15;
}

/* Private office icon consistency */

.cb-private-page .solution-icon-box{
    background:rgba(11,92,93,.08);
    color:var(--primary);
}

.cb-private-page .solution-icon-box .material-symbols-outlined{
    font-size:34px;
}

/* Compare card polish */

.cb-private-page .cb-service-compare-card.strong{
    background:linear-gradient(135deg, var(--primary), var(--primary-dark));
}


/* Gallery section title redesign - fixed stacked layout */

.cb-private-page .solution-photo-head{
    text-align:center;
    max-width:760px;
    margin:0 auto 40px;
    padding:0 18px;
    display:block !important;
}

.cb-private-page .solution-photo-head::before{
    content:"Workspace Gallery";
    display:inline-flex;
    align-items:center;
    padding:8px 18px;
    margin:0 auto 18px;
    border-radius:999px;
    background:rgba(11,92,93,.08);
    border:1px solid rgba(11,92,93,.12);
    color:var(--primary);
    font-size:12px;
    font-weight:600;
    text-transform:uppercase;
}

.cb-private-page .solution-photo-head h2{
    display:block;
    width:100%;
    margin:0;
    font-size:clamp(32px,4vw,52px);
    line-height:1.08;
    font-weight:600;
    color:var(--text-main);
}

.cb-private-page .solution-photo-head p{
    max-width:700px;
    margin:14px auto 0;
    color:var(--text-muted);
    line-height:1.8;
}

/* Package section */

.cb-private-page .cb-package-card .primary-btn{
    border-radius:999px;
    background:var(--primary);
    color:#fff;
}

.cb-private-page .cb-package-card .primary-btn:hover{
    background:var(--primary-dark);
}

/* Responsive */

@media(max-width:768px){
    .cb-private-page .cb-service-hero-content h1{
        font-size:38px;
    }

    .cb-private-page .solution-photo-head{
        margin-bottom:30px;
    }
}

@media(max-width:420px){
    .cb-private-page .cb-service-hero-content h1{
        font-size:33px;
    }
}


/* =========================================================
   CoworkBD Shared Desk Page V2
   Follows current cb-service-v2 tone and latest section-title changes
   Header/Footer untouched
   Paste at the VERY END of public/assets/css/style.css or app.css
========================================================= */

/* Only page-specific overrides. Base cb-service-v2 CSS from Dedicated Desk can stay. */

.cb-shared-page .cb-service-hero-bg{
    background:
        linear-gradient(90deg, rgba(16,43,50,.96), rgba(16,43,50,.72), rgba(16,43,50,.36)),
        url("../images/auth-coworking.webp") center/cover no-repeat;
}

.cb-shared-page .cb-service-hero-content h1{
    max-width:900px;
    font-size:clamp(42px, 5.5vw, 50px);
    line-height:1.14;
}

.cb-shared-page .cb-service-card-icon .material-symbols-outlined{
    font-size:32px;
}

.cb-shared-page .cb-service-hero-card h3{
    line-height:1.15;
}

/* Shared desk icon consistency */

.cb-shared-page .solution-icon-box{
    background:rgba(11,92,93,.08);
    color:var(--primary);
}

.cb-shared-page .solution-icon-box .material-symbols-outlined{
    font-size:34px;
}

/* Compare card polish */

.cb-shared-page .cb-service-compare-card.strong{
    background:linear-gradient(135deg, var(--primary), var(--primary-dark));
}


/* Gallery section title redesign - fixed stacked layout */

.cb-shared-page .solution-photo-head{
    text-align:center;
    max-width:760px;
    margin:0 auto 40px;
    padding:0 18px;
    display:block !important;
}

.cb-shared-page .solution-photo-head::before{
    content:"Workspace Gallery";
    display:inline-flex;
    align-items:center;
    padding:8px 18px;
    margin:0 auto 18px;
    border-radius:999px;
    background:rgba(11,92,93,.08);
    border:1px solid rgba(11,92,93,.12);
    color:var(--primary);
    font-size:12px;
    font-weight:600;
    text-transform:uppercase;
}

.cb-shared-page .solution-photo-head h2{
    display:block;
    width:100%;
    margin:0;
    font-size:clamp(32px,4vw,52px);
    line-height:1.08;
    font-weight:600;
    color:var(--text-main);
}

.cb-shared-page .solution-photo-head p{
    max-width:700px;
    margin:14px auto 0;
    color:var(--text-muted);
    line-height:1.8;
}

/* Package section */

.cb-shared-page .cb-package-card .primary-btn{
    border-radius:999px;
    background:var(--primary);
    color:#fff;
}

.cb-shared-page .cb-package-card .primary-btn:hover{
    background:var(--primary-dark);
}

/* Responsive */

@media(max-width:768px){
    .cb-shared-page .cb-service-hero-content h1{
        font-size:38px;
    }

    .cb-shared-page .solution-photo-head{
        margin-bottom:30px;
    }
}

@media(max-width:420px){
    .cb-shared-page .cb-service-hero-content h1{
        font-size:33px;
    }
}


/* =========================================================
   CoworkBD Virtual Address Page V2
   Follows current cb-service-v2 tone and latest section-title changes
   Header/Footer untouched
   Paste at the VERY END of public/assets/css/style.css or app.css
========================================================= */

/* Only page-specific overrides. Base cb-service-v2 CSS from Dedicated Desk can stay. */

.cb-virtual-page .cb-service-hero-bg{
    background:
        linear-gradient(90deg, rgba(16,43,50,.96), rgba(16,43,50,.72), rgba(16,43,50,.36)),
        url("../images/auth-coworking.webp") center/cover no-repeat;
}

.cb-virtual-page .cb-service-hero-content h1{
    max-width:900px;
    font-size:clamp(42px, 5.5vw, 58px);
    line-height:1.14;
}

.cb-virtual-page .cb-service-card-icon .material-symbols-outlined{
    font-size:32px;
}

.cb-virtual-page .cb-service-hero-card h3{
    line-height:1.15;
}

/* Virtual address icon consistency */

.cb-virtual-page .solution-icon-box{
    background:rgba(11,92,93,.08);
    color:var(--primary);
}

.cb-virtual-page .solution-icon-box .material-symbols-outlined{
    font-size:34px;
}

/* Compare card polish */

.cb-virtual-page .cb-service-compare-card.strong{
    background:linear-gradient(135deg, var(--primary), var(--primary-dark));
}


/* Gallery section title redesign - fixed stacked layout */

.cb-virtual-page .solution-photo-head{
    text-align:center;
    max-width:760px;
    margin:0 auto 40px;
    padding:0 18px;
    display:block !important;
}

.cb-virtual-page .solution-photo-head::before{
    content:"Workspace Gallery";
    display:inline-flex;
    align-items:center;
    padding:8px 18px;
    margin:0 auto 18px;
    border-radius:999px;
    background:rgba(11,92,93,.08);
    border:1px solid rgba(11,92,93,.12);
    color:var(--primary);
    font-size:12px;
    font-weight:600;
    text-transform:uppercase;
}

.cb-virtual-page .solution-photo-head h2{
    display:block;
    width:100%;
    margin:0;
    font-size:clamp(32px,4vw,52px);
    line-height:1.08;
    font-weight:600;
    color:var(--text-main);
}

.cb-virtual-page .solution-photo-head p{
    max-width:700px;
    margin:14px auto 0;
    color:var(--text-muted);
    line-height:1.8;
}

/* Package section */

.cb-virtual-page .cb-package-card .primary-btn{
    border-radius:999px;
    background:var(--primary);
    color:#fff;
}

.cb-virtual-page .cb-package-card .primary-btn:hover{
    background:var(--primary-dark);
}

/* Responsive */

@media(max-width:768px){
    .cb-virtual-page .cb-service-hero-content h1{
        font-size:38px;
    }

    .cb-virtual-page .solution-photo-head{
        margin-bottom:30px;
    }
}

@media(max-width:420px){
    .cb-virtual-page .cb-service-hero-content h1{
        font-size:33px;
    }
}


/* =========================================================
   CoworkBD Solutions Listing Page V3
   Same tone as homepage workspace cards
   Header/Footer untouched
   Paste at the VERY END of public/assets/css/style.css or app.css
========================================================= */

.public-page.cb-solutions-v3{
    --cb-primary:var(--primary);
    --cb-primary-dark:var(--primary-dark);
    --cb-secondary:var(--secondary);
    --cb-bg:var(--bg-light);
    --cb-white:var(--white);
    --cb-text:var(--text-main);
    --cb-muted:var(--text-muted);
    --cb-border:var(--border);
    --cb-shadow-lg:var(--shadow-lg);
    --cb-shadow-md:var(--shadow-md);

    max-width:none !important;
    width:100%;
    margin:0 !important;
    padding:0 !important;
    background:var(--cb-bg);
    color:var(--cb-text);
    overflow:hidden;
}

.cb-solutions-v3 *,
.cb-solutions-v3 *::before,
.cb-solutions-v3 *::after{
    box-sizing:border-box;
}

.cb-solutions-v3 a{
    text-decoration:none;
}

.cb-solutions-v3 .cb-solutions-hero{
    position:relative;
    min-height:480px;
    background:var(--cb-primary-dark);
    isolation:isolate;
}

.cb-solutions-v3 .cb-solutions-hero-bg{
    position:absolute;
    inset:0;
    z-index:-2;
    background:
        linear-gradient(90deg, rgba(16,43,50,.96), rgba(16,43,50,.72), rgba(16,43,50,.36)),
        url("../images/auth-coworking.webp") center/cover no-repeat;
}

.cb-solutions-v3 .cb-solutions-hero::after{
    content:"";
    position:absolute;
    inset:auto 0 0;
    height:120px;
    z-index:-1;
}

.cb-solutions-v3 .cb-solutions-hero-inner{
    max-width:1280px;
    margin:0 auto;
    padding:110px 24px 100px;
    text-align:center;
}

.cb-solutions-v3 .cb-kicker{
    display:inline-flex;
    align-items:center;
    width:max-content;
    margin:0 0 16px;
    padding:8px 16px;
    border-radius:999px;
    background:rgba(11,92,93,.08);
    border:1px solid rgba(11,92,93,.12);
    color:var(--cb-primary);
    font-size:12px;
    line-height:1;
    font-weight:600;
    text-transform:uppercase;
}

.cb-solutions-v3 .cb-solutions-hero .cb-kicker{
    margin:0 auto 18px;
    background:rgba(255,255,255,.12);
    border-color:rgba(255,255,255,.18);
    color:#fff;
}

.cb-solutions-v3 .cb-solutions-hero h1{
    max-width:880px;
    margin:0 auto 18px;
    color:#fff;
    font-size:clamp(42px, 5.5vw, 72px);
    line-height:1.04;
    font-weight:600;
}

.cb-solutions-v3 .cb-solutions-hero p{
    max-width:780px;
    margin:0 auto;
    color:rgba(255,255,255,.78);
    font-size:17px;
    line-height:1.85;
}

.cb-solutions-v3 .cb-solutions-section{
    max-width:1280px;
    margin:0 auto;
    padding:82px 24px;
}

.cb-solutions-v3 .cb-section-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:24px;
    margin-bottom:34px;
}

.cb-solutions-v3 .cb-section-head.center{
    justify-content:center;
    text-align:center;
}

.cb-solutions-v3 .cb-section-head h2,
.cb-solutions-v3 .cb-why-text h2,
.cb-solutions-v3 .cb-solutions-cta h2{
    margin:0 0 14px;
    font-size:clamp(32px,4vw,52px);
    line-height:1.08;
    font-weight:600;
    color:var(--cb-text);
}

.cb-solutions-v3 .cb-section-head p,
.cb-solutions-v3 .cb-why-text p,
.cb-solutions-v3 .cb-solutions-cta p{
    max-width:720px;
    margin:0;
    color:var(--cb-muted);
    font-size:16px;
    line-height:1.8;
}

.cb-solutions-v3 .cb-section-head.center p{
    margin:0 auto;
}

.cb-solutions-v3 .cb-small-link{
    flex:0 0 auto;
    padding:12px 18px;
    border-radius:999px;
    background:#fff;
    border:1px solid var(--cb-border);
    color:var(--cb-primary);
    font-weight:600;
    font-size:14px;
}

.cb-solutions-v3 .cb-workspace-grid{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:24px;
}

.cb-solutions-v3 .cb-workspace-card{
    min-height:360px;
    display:flex;
    flex-direction:column;
    border-radius:30px;
    overflow:hidden;
    background:#fff;
    border:1px solid rgba(11,92,93,.10);
    box-shadow:0 18px 48px rgba(15,35,80,.08);
    color:var(--cb-text);
    transition:.25s ease;
}

.cb-solutions-v3 .cb-workspace-card:hover{
    transform:translateY(-7px);
    box-shadow:0 28px 72px rgba(15,35,80,.14);
    color:var(--cb-text);
}

.cb-solutions-v3 .cb-card-image{
    height:170px;
    background:
        linear-gradient(135deg, rgba(16,43,50,.05), rgba(110,197,161,.10)),
        url("../images/auth-coworking.webp") center/cover no-repeat;
}


.cb-solutions-v3 .img-shared-desk{
    height:170px;
    background:
        linear-gradient(135deg, rgba(16,43,50,.05), rgba(110,197,161,.10)),
        url("../images/img-shared.webp") center/cover no-repeat;
}

.cb-solutions-v3 .img-dedicated-desk{
    height:170px;
    background:
        linear-gradient(135deg, rgba(16,43,50,.05), rgba(110,197,161,.10)),
        url("../images/img-dedicated.webp") center/cover no-repeat;
}

.cb-solutions-v3 .img-private-office{
    height:170px;
    background:
        linear-gradient(135deg, rgba(16,43,50,.05), rgba(110,197,161,.10)),
        url("../images/img-private.webp") center/cover no-repeat;
}

.cb-solutions-v3 .img-meeting-room{
    height:170px;
    background:
        linear-gradient(135deg, rgba(16,43,50,.05), rgba(110,197,161,.10)),
        url("../images/img-meeting.webp") center/cover no-repeat;
}


.cb-solutions-v3 .img-virtual-business-address{
    height:170px;
    background:
        linear-gradient(135deg, rgba(16,43,50,.05), rgba(110,197,161,.10)),
        url("../images/img-virtual.webp") center/cover no-repeat;
}

.cb-solutions-v3 .img-shared-desk{ background-position:center 42%; }
.cb-solutions-v3 .img-dedicated-desk{ background-position:center 45%; }
.cb-solutions-v3 .img-private-office{ background-position:center 58%; }
.cb-solutions-v3 .img-meeting-room{ background-position:center 35%; }
.cb-solutions-v3 .img-virtual-business-address{ background-position:center 35%; }

.cb-solutions-v3 .cb-card-body{
    padding:28px;
    flex:1;
    display:flex;
    flex-direction:column;
}

.cb-solutions-v3 .cb-card-body .material-symbols-outlined{
    width:50px;
    height:50px;
    border-radius:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(11,92,93,.08);
    color:var(--cb-primary);
    font-size:27px;
}

.cb-solutions-v3 .cb-card-body h3{
    margin:20px 0 10px;
    font-size:23px;
    line-height:1.25;
    font-weight:600;
    color:var(--cb-text);
}

.cb-solutions-v3 .cb-card-body p{
    margin:0;
    color:var(--cb-muted);
    line-height:1.7;
}

.cb-solutions-v3 .cb-card-body small{
    margin-top:auto;
    padding-top:24px;
    color:var(--cb-primary);
    font-weight:700;
}

.cb-solutions-v3 .cb-wide-card{
    grid-column:span 2;
    display:grid;
    grid-template-columns:.95fr 1.05fr;
    min-height:300px;
}

.cb-solutions-v3 .cb-wide-card .cb-card-image{
    height:100%;
}

.cb-solutions-v3 .cb-dark-card{
    background:linear-gradient(135deg, var(--cb-primary-dark), var(--cb-primary));
}

.cb-solutions-v3 .cb-dark-card h3,
.cb-solutions-v3 .cb-dark-card p,
.cb-solutions-v3 .cb-dark-card small{
    color:#fff;
}

.cb-solutions-v3 .cb-dark-card p{
    opacity:.78;
}

.cb-solutions-v3 .cb-dark-card .material-symbols-outlined{
    background:rgba(255,255,255,.13);
    color:#fff;
}

/* Why */

.cb-solutions-v3 .cb-why-section{
    display:grid;
    grid-template-columns:.95fr 1.05fr;
    gap:54px;
    align-items:center;
}

.cb-solutions-v3 .cb-check-list{
    display:grid;
    gap:14px;
    margin-top:28px;
}

.cb-solutions-v3 .cb-check-list div{
    display:flex;
    align-items:center;
    gap:12px;
    font-weight:600;
    color:var(--cb-text);
}

.cb-solutions-v3 .cb-check-list span{
    width:26px;
    height:26px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--cb-primary);
    color:#fff;
    font-size:13px;
}

.cb-solutions-v3 .cb-why-visual{
    position:relative;
}

.cb-solutions-v3 .cb-why-image{
    height:430px;
    border-radius:32px;
    background:
        linear-gradient(180deg, rgba(16,43,50,.08), rgba(16,43,50,.18)),
        url("../images/auth-coworking.webp") center/cover no-repeat;
    box-shadow:0 26px 70px rgba(15,35,80,.13);
}

.cb-solutions-v3 .cb-floating-stat{
    position:absolute;
    right:28px;
    bottom:-28px;
    padding:22px 26px;
    border-radius:22px;
    background:#fff;
    box-shadow:0 20px 55px rgba(15,35,80,.16);
}

.cb-solutions-v3 .cb-floating-stat strong{
    display:block;
    color:var(--cb-primary);
    font-size:38px;
    line-height:1;
}

.cb-solutions-v3 .cb-floating-stat span{
    color:var(--cb-muted);
    font-size:13px;
}

/* Steps */

.cb-solutions-v3 .cb-steps-grid{
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:18px;
}

.cb-solutions-v3 .cb-step-card{
    padding:28px;
    border-radius:26px;
    background:#fff;
    border:1px solid var(--cb-border);
    box-shadow:0 14px 38px rgba(15,35,80,.06);
}

.cb-solutions-v3 .cb-step-card span{
    width:46px;
    height:46px;
    border-radius:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(11,92,93,.08);
    color:var(--cb-primary);
    font-weight:700;
}

.cb-solutions-v3 .cb-step-card h3{
    margin:22px 0 10px;
    font-size:20px;
    color:var(--cb-text);
}

.cb-solutions-v3 .cb-step-card p{
    margin:0;
    color:var(--cb-muted);
    line-height:1.7;
}

/* CTA */

.cb-solutions-v3 .cb-solutions-cta{
    max-width:1280px;
    margin:20px auto 0;
    padding:54px;
    border-radius:34px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    background:linear-gradient(135deg, var(--cb-primary), var(--cb-primary-dark));
    box-shadow:0 24px 70px rgba(11,92,93,.22);
}

.cb-solutions-v3 .cb-solutions-cta h2,
.cb-solutions-v3 .cb-solutions-cta p{
    color:#fff;
}

.cb-solutions-v3 .cb-solutions-cta p{
    opacity:.78;
}

.cb-solutions-v3 .cb-actions{
    display:flex;
    align-items:center;
    gap:16px;
    flex-wrap:wrap;
}

.cb-solutions-v3 .cb-actions a{
    min-width:180px;
    height:56px;
    padding:0 26px;
    border-radius:999px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff;
    color:var(--cb-primary) !important;
    font-size:15px;
    font-weight:600;
    transition:.3s ease;
}

.cb-solutions-v3 .cb-actions a:hover{
    transform:translateY(-4px);
}

.cb-solutions-v3 .cb-actions .outline-light{
    background:rgba(255,255,255,.10) !important;
    color:#fff !important;
    border:1px solid rgba(255,255,255,.25);
    backdrop-filter:blur(10px);
}

/* FAQ */

.cb-solutions-v3 .cb-faq-section{
    max-width:940px;
}

.cb-solutions-v3 .cb-faq-wrap{
    display:grid;
    gap:14px;
}

.cb-solutions-v3 .cb-faq-wrap details{
    background:#fff;
    border:1px solid var(--cb-border);
    border-radius:20px;
    padding:0 22px;
    box-shadow:0 12px 32px rgba(15,35,80,.045);
    overflow:hidden;
}

.cb-solutions-v3 .cb-faq-wrap summary{
    cursor:pointer;
    padding:20px 0;
    list-style:none;
    color:var(--cb-text);
    font-weight:600;
}

.cb-solutions-v3 .cb-faq-wrap summary::-webkit-details-marker{
    display:none;
}

.cb-solutions-v3 .cb-faq-wrap summary::after{
    content:"+";
    float:right;
    color:var(--cb-primary);
    font-size:22px;
    line-height:1;
}

.cb-solutions-v3 .cb-faq-wrap details[open] summary::after{
    content:"–";
}

.cb-solutions-v3 .cb-faq-wrap p{
    margin:0;
    padding:0 0 20px;
    color:var(--cb-muted);
    line-height:1.7;
}

/* Responsive */

@media(max-width:1100px){
    .cb-solutions-v3 .cb-workspace-grid,
    .cb-solutions-v3 .cb-why-section{
        grid-template-columns:1fr;
    }

    .cb-solutions-v3 .cb-steps-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }

    .cb-solutions-v3 .cb-wide-card{
        grid-column:auto;
    }
}

@media(max-width:768px){
    .cb-solutions-v3 .cb-solutions-hero{
        min-height:auto;
    }

    .cb-solutions-v3 .cb-solutions-hero-inner{
        padding:72px 20px 66px;
    }

    .cb-solutions-v3 .cb-solutions-hero h1{
        font-size:38px;
    }

    .cb-solutions-v3 .cb-solutions-hero p{
        font-size:15px;
    }

    .cb-solutions-v3 .cb-solutions-section{
        padding:64px 18px;
    }

    .cb-solutions-v3 .cb-section-head{
        display:block;
        text-align:left;
    }

    .cb-solutions-v3 .cb-section-head.center{
        text-align:center;
    }

    .cb-solutions-v3 .cb-small-link{
        display:inline-flex;
        margin-top:18px;
    }

    .cb-solutions-v3 .cb-workspace-grid,
    .cb-solutions-v3 .cb-steps-grid{
        grid-template-columns:1fr;
    }

    .cb-solutions-v3 .cb-wide-card{
        display:flex;
        min-height:360px;
    }

    .cb-solutions-v3 .cb-wide-card .cb-card-image{
        height:170px;
    }

    .cb-solutions-v3 .cb-why-image{
        height:320px;
        border-radius:26px;
    }

    .cb-solutions-v3 .cb-floating-stat{
        position:relative;
        right:auto;
        bottom:auto;
        margin-top:16px;
    }

    .cb-solutions-v3 .cb-solutions-cta{
        margin:0 18px;
        padding:30px 22px;
        border-radius:26px;
        flex-direction:column;
        align-items:flex-start;
    }

    .cb-solutions-v3 .cb-actions{
        width:100%;
        flex-direction:column;
    }

    .cb-solutions-v3 .cb-actions a{
        width:100%;
        min-width:100%;
    }

    .cb-solutions-v3 .cb-section-head h2,
    .cb-solutions-v3 .cb-why-text h2,
    .cb-solutions-v3 .cb-solutions-cta h2{
        font-size:32px;
    }
}

@media(max-width:420px){
    .cb-solutions-v3 .cb-solutions-hero h1{
        font-size:33px;
    }

    .cb-solutions-v3 .cb-kicker{
        font-size:11px;
        padding:7px 11px;
    }

    .cb-solutions-v3 .cb-card-body,
    .cb-solutions-v3 .cb-step-card{
        padding:22px;
    }
}


/* =========================================================
   CoworkBD Locations Page V2
   Matches homepage/service pages
   Header/Footer untouched
   Paste at the VERY END of public/assets/css/style.css or app.css
========================================================= */

.service-page.cb-location-v2{
    --cb-primary:var(--primary);
    --cb-primary-dark:var(--primary-dark);
    --cb-secondary:var(--secondary);
    --cb-bg:var(--bg-light);
    --cb-white:var(--white);
    --cb-text:var(--text-main);
    --cb-muted:var(--text-muted);
    --cb-border:var(--border);
    --cb-shadow-lg:var(--shadow-lg);
    --cb-shadow-md:var(--shadow-md);

    max-width:none !important;
    width:100%;
    margin:0 !important;
    padding:0 !important;
    background:var(--cb-bg);
    color:var(--cb-text);
    overflow:hidden;
}

.cb-location-v2 *,
.cb-location-v2 *::before,
.cb-location-v2 *::after{
    box-sizing:border-box;
}

.cb-location-v2 a{
    text-decoration:none;
}

.cb-location-v2 .cb-location-section{
    max-width:1280px;
    margin:0 auto;
    padding:88px 24px;
}

.cb-location-v2 .cb-kicker{
    display:inline-flex;
    align-items:center;
    width:max-content;
    margin:0 0 16px;
    padding:8px 16px;
    border-radius:999px;
    background:rgba(11,92,93,.08);
    border:1px solid rgba(11,92,93,.12);
    color:var(--cb-primary);
    font-size:12px;
    line-height:1;
    font-weight:600;
    text-transform:uppercase;
}

/* Hero */

.cb-location-v2 .cb-location-hero{
    position:relative;
    min-height:640px;
    background:var(--cb-primary-dark);
    isolation:isolate;
}

.cb-location-v2 .cb-location-hero-bg{
    position:absolute;
    inset:0;
    z-index:-2;
    background:
        linear-gradient(90deg, rgba(16,43,50,.96), rgba(16,43,50,.72), rgba(16,43,50,.36)),
        url("../images/auth-coworking.webp") center/cover no-repeat;
}

.cb-location-v2 .cb-location-hero::after{
    content:"";
    position:absolute;
    inset:auto 0 0;
    height:130px;
    z-index:-1;
}

.cb-location-v2 .cb-location-hero-inner{
    max-width:1280px;
    margin:0 auto;
    padding:115px 24px 105px;
    display:grid;
    grid-template-columns:1.08fr .92fr;
    gap:60px;
    align-items:center;
}

.cb-location-v2 .cb-location-hero-content h1{
    max-width:860px;
    margin:0 0 22px;
    color:#fff;
    font-size:clamp(42px,5.5vw,66px);
    line-height:1.08;
    font-weight:600;
}

.cb-location-v2 .cb-location-hero-content p{
    max-width:720px;
    margin:0;
    color:rgba(255,255,255,.78);
    font-size:17px;
    line-height:1.85;
}

.cb-location-v2 .cb-location-hero .cb-kicker{
    background:rgba(255,255,255,.12);
    border-color:rgba(255,255,255,.18);
    color:#fff;
}

.cb-location-v2 .cb-actions{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
    margin-top:32px;
}

.cb-location-v2 .cb-actions a{
    min-height:52px;
    padding:14px 24px;
    border-radius:999px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:var(--cb-primary);
    color:#fff !important;
    font-size:15px;
    font-weight:600;
    box-shadow:0 18px 45px rgba(11,92,93,.26);
    transition:.25s ease;
}

.cb-location-v2 .cb-actions a:hover{
    transform:translateY(-3px);
    background:var(--cb-primary-dark);
}

.cb-location-v2 .cb-actions .outline-btn,
.cb-location-v2 .cb-actions .outline-light{
    background:rgba(255,255,255,.10) !important;
    color:#fff !important;
    border:1px solid rgba(255,255,255,.28);
    box-shadow:none;
}

.cb-location-v2 .cb-location-hero-card{
    width:100%;
    padding:34px;
    border-radius:32px;
    background:rgba(255,255,255,.13);
    border:1px solid rgba(255,255,255,.22);
    backdrop-filter:blur(18px);
    box-shadow:0 34px 90px rgba(0,0,0,.30);
}

.cb-location-v2 .cb-location-card-icon{
    width:58px;
    height:58px;
    border-radius:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(255,255,255,.14);
}

.cb-location-v2 .cb-location-card-icon .material-symbols-outlined{
    color:#fff;
    font-size:32px;
}

.cb-location-v2 .cb-location-hero-card h3{
    margin:22px 0 18px;
    color:#fff;
    font-size:26px;
    line-height:1.25;
    font-weight:600;
}

.cb-location-v2 .cb-location-hero-card ul,
.cb-location-v2 .cb-location-feature-box ul{
    list-style:none;
    padding:0;
    margin:0;
}

.cb-location-v2 .cb-location-hero-card li,
.cb-location-v2 .cb-location-feature-box li{
    position:relative;
    padding:13px 0 13px 36px;
    color:rgba(255,255,255,.82);
    border-bottom:1px solid rgba(255,255,255,.13);
}

.cb-location-v2 .cb-location-hero-card li:last-child,
.cb-location-v2 .cb-location-feature-box li:last-child{
    border-bottom:0;
}

.cb-location-v2 .cb-location-hero-card li::before,
.cb-location-v2 .cb-location-feature-box li::before{
    content:"✓";
    position:absolute;
    left:0;
    top:12px;
    width:23px;
    height:23px;
    border-radius:50%;
    background:var(--cb-secondary);
    color:var(--cb-primary-dark);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:12px;
    font-weight:700;
}

/* Section Head */

.cb-location-v2 .cb-section-head{
    margin-bottom:38px;
}

.cb-location-v2 .cb-section-head.center{
    text-align:center;
    display:flex;
    justify-content:center;
}

.cb-location-v2 .cb-section-head h2,
.cb-location-v2 .cb-location-split h2,
.cb-location-v2 .cb-location-cta h2{
    margin:0 0 14px;
    font-size:clamp(32px,4vw,52px);
    line-height:1.08;
    font-weight:600;
    color:var(--cb-text);
}

.cb-location-v2 .cb-section-head p,
.cb-location-v2 .cb-location-split p,
.cb-location-v2 .cb-location-cta p{
    max-width:760px;
    margin:0;
    color:var(--cb-muted);
    font-size:16px;
    line-height:1.8;
}

.cb-location-v2 .cb-section-head.center p{
    margin:0 auto;
}

/* Location Cards */

.cb-location-v2 .cb-location-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:28px;
}

.cb-location-v2 .cb-location-card{
    background:#fff;
    border-radius:32px;
    overflow:hidden;
    box-shadow:0 18px 50px rgba(15,35,79,.08);
    border:1px solid rgba(11,92,93,.10);
    transition:.25s ease;
}

.cb-location-v2 .cb-location-card:hover{
    transform:translateY(-7px);
    box-shadow:0 28px 72px rgba(15,35,79,.14);
}

.cb-location-v2 .featured-location-card{
    border:2px solid rgba(11,92,93,.40);
}

.cb-location-v2 .cb-location-photo{
    position:relative;
    height:310px;
    background:#eef3f3;
    overflow:hidden;
}

.cb-location-v2 .cb-location-photo img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:.35s ease;
}

.cb-location-v2 .cb-location-card:hover .cb-location-photo img{
    transform:scale(1.04);
}

.cb-location-v2 .cb-location-badge{
    position:absolute;
    left:22px;
    bottom:22px;
    display:inline-flex;
    border-radius:999px;
    padding:10px 16px;
    background:var(--cb-primary);
    color:#fff;
    font-size:13px;
    font-weight:700;
    box-shadow:0 14px 30px rgba(11,92,93,.24);
}

.cb-location-v2 .cb-location-badge.secondary{
    background:var(--cb-secondary);
    color:var(--cb-primary-dark);
}

.cb-location-v2 .cb-location-content{
    padding:32px;
}

.cb-location-v2 .cb-location-kicker{
    display:inline-block;
    color:var(--cb-primary);
    font-weight:700;
    font-size:14px;
    margin-bottom:10px;
}

.cb-location-v2 .cb-location-content h3{
    margin:0 0 12px;
    color:var(--cb-text);
    font-size:28px;
    line-height:1.25;
    font-weight:600;
}

.cb-location-v2 .cb-location-content p{
    margin:0;
    color:var(--cb-muted);
    line-height:1.75;
}

.cb-location-v2 .cb-location-service-list{
    display:grid;
    gap:12px;
    margin:24px 0;
}

.cb-location-v2 .cb-location-service-list span{
    display:flex;
    align-items:center;
    gap:10px;
    color:var(--cb-text);
    font-weight:500;
}

.cb-location-v2 .cb-location-service-list i{
    color:var(--cb-primary);
}

.cb-location-v2 .cb-location-service-list .not-available{
    color:#b42318;
}

.cb-location-v2 .cb-location-service-list .not-available i{
    color:#b42318;
}

.cb-location-v2 .cb-location-actions{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
}

.cb-location-v2 .cb-location-actions .primary-btn,
.cb-location-v2 .cb-location-actions .outline-btn{
    min-height:48px;
    padding:13px 20px;
    border-radius:999px;
    font-weight:700;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    line-height:1;
}

.cb-location-v2 .cb-location-actions .primary-btn{
    background:var(--cb-primary);
    color:#fff;
    border:1px solid var(--cb-primary);
}

.cb-location-v2 .cb-location-actions .outline-btn{
    background:#fff !important;
    color:var(--cb-primary) !important;
    border:1px solid var(--cb-primary);
}

/* Split */

.cb-location-v2 .cb-location-split{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:44px;
    align-items:center;
}

.cb-location-v2 .cb-location-feature-box{
    padding:34px;
    border-radius:30px;
    background:linear-gradient(135deg, var(--cb-primary-dark), var(--cb-primary));
    box-shadow:0 22px 60px rgba(11,92,93,.16);
}

.cb-location-v2 .cb-location-feature-box strong{
    color:#fff;
}

/* Table */

.cb-location-v2 .cb-location-compare-table{
    overflow-x:auto;
    background:#fff;
    border-radius:28px;
    border:1px solid var(--cb-border);
    box-shadow:0 18px 50px rgba(15,35,79,.08);
}

.cb-location-v2 .cb-location-compare-table table{
    width:100%;
    border-collapse:collapse;
    min-width:720px;
}

.cb-location-v2 .cb-location-compare-table th,
.cb-location-v2 .cb-location-compare-table td{
    padding:20px 22px;
    text-align:left;
    border-bottom:1px solid var(--cb-border);
}

.cb-location-v2 .cb-location-compare-table th{
    background:#f7fbfb;
    color:var(--cb-text);
    font-weight:700;
}

.cb-location-v2 .cb-location-compare-table tr:last-child td{
    border-bottom:0;
}

.cb-location-v2 .available,
.cb-location-v2 .unavailable{
    display:inline-flex;
    border-radius:999px;
    padding:8px 13px;
    font-size:13px;
    font-weight:700;
}

.cb-location-v2 .available{
    background:#ecfdf3;
    color:#067647;
}

.cb-location-v2 .unavailable{
    background:#fee4e2;
    color:#b42318;
}

/* Map */

.cb-location-v2 .cb-location-map-card{
    overflow:hidden;
    border-radius:30px;
    background:#fff;
    box-shadow:0 18px 50px rgba(15,35,79,.08);
    border:1px solid var(--cb-border);
}

.cb-location-v2 .cb-location-map-card iframe{
    width:100%;
    height:520px;
    display:block;
}

/* CTA */

.cb-location-v2 .cb-location-cta{
    max-width:1280px;
    margin:20px auto 0;
    padding:54px;
    border-radius:34px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    background:linear-gradient(135deg, var(--cb-primary), var(--cb-primary-dark));
    box-shadow:0 24px 70px rgba(11,92,93,.22);
}

.cb-location-v2 .cb-location-cta h2,
.cb-location-v2 .cb-location-cta p{
    color:#fff;
}

.cb-location-v2 .cb-location-cta p{
    opacity:.78;
}

.cb-location-v2 .cb-location-cta .cb-actions a:first-child{
    background:#fff;
}

.cb-location-v2 .cb-location-cta .cb-actions .outline-light{
    background:rgba(255,255,255,.10) !important;
    color:#fff !important;
    border:1px solid rgba(255,255,255,.25);
    backdrop-filter:blur(10px);
}

/* Responsive */

@media(max-width:1100px){
    .cb-location-v2 .cb-location-hero-inner,
    .cb-location-v2 .cb-location-split{
        grid-template-columns:1fr;
    }

    .cb-location-v2 .cb-location-hero{
        min-height:auto;
    }

    .cb-location-v2 .cb-location-hero-inner{
        padding-top:90px;
        padding-bottom:80px;
    }
}

@media(max-width:900px){
    .cb-location-v2 .cb-location-grid{
        grid-template-columns:1fr;
    }
}

@media(max-width:768px){
    .cb-location-v2 .cb-location-section{
        padding:64px 18px;
    }

    .cb-location-v2 .cb-location-hero-inner{
        padding:72px 20px 64px;
        gap:34px;
    }

    .cb-location-v2 .cb-location-hero-content h1{
        font-size:38px;
    }

    .cb-location-v2 .cb-location-hero-content p{
        font-size:15px;
    }

    .cb-location-v2 .cb-actions{
        width:100%;
        flex-direction:column;
    }

    .cb-location-v2 .cb-actions a{
        width:100%;
    }

    .cb-location-v2 .cb-location-hero-card{
        padding:24px;
        border-radius:24px;
    }

    .cb-location-v2 .cb-section-head h2,
    .cb-location-v2 .cb-location-split h2,
    .cb-location-v2 .cb-location-cta h2{
        font-size:32px;
    }

    .cb-location-v2 .cb-location-photo{
        height:250px;
    }

    .cb-location-v2 .cb-location-content{
        padding:24px;
    }

    .cb-location-v2 .cb-location-actions{
        flex-direction:column;
    }

    .cb-location-v2 .cb-location-actions a{
        width:100%;
    }

    .cb-location-v2 .cb-location-feature-box{
        padding:24px;
        border-radius:24px;
    }

    .cb-location-v2 .cb-location-map-card iframe{
        height:380px;
    }

    .cb-location-v2 .cb-location-cta{
        margin:0 18px;
        padding:30px 22px;
        border-radius:26px;
        flex-direction:column;
        align-items:flex-start;
    }
}

@media(max-width:420px){
    .cb-location-v2 .cb-location-hero-content h1{
        font-size:33px;
    }

    .cb-location-v2 .cb-kicker{
        font-size:11px;
        padding:7px 11px;
    }
}


/* =========================================================
   CoworkBD Contact Page V2
   Matches homepage/service/location pages
   Header/Footer untouched
   Paste at the VERY END of public/assets/css/style.css or app.css
========================================================= */

.contact-page.cb-contact-v2{
    --cb-primary:var(--primary);
    --cb-primary-dark:var(--primary-dark);
    --cb-secondary:var(--secondary);
    --cb-bg:var(--bg-light);
    --cb-white:var(--white);
    --cb-text:var(--text-main);
    --cb-muted:var(--text-muted);
    --cb-border:var(--border);
    --cb-shadow-lg:var(--shadow-lg);
    --cb-shadow-md:var(--shadow-md);

    max-width:none !important;
    width:100%;
    margin:0 !important;
    padding:0 !important;
    background:var(--cb-bg);
    color:var(--cb-text);
    overflow:hidden;
}

.cb-contact-v2 *,
.cb-contact-v2 *::before,
.cb-contact-v2 *::after{
    box-sizing:border-box;
}

.cb-contact-v2 a{
    text-decoration:none;
}

.cb-contact-v2 .cb-contact-section{
    max-width:1280px;
    margin:0 auto;
    padding:88px 24px;
}

.cb-contact-v2 .cb-kicker{
    display:inline-flex;
    align-items:center;
    width:max-content;
    margin:0 0 16px;
    padding:8px 16px;
    border-radius:999px;
    background:rgba(11,92,93,.08);
    border:1px solid rgba(11,92,93,.12);
    color:var(--cb-primary);
    font-size:12px;
    line-height:1;
    font-weight:600;
    text-transform:uppercase;
}

/* Hero */

.cb-contact-v2 .cb-contact-hero{
    position:relative;
    min-height:720px;
    background:var(--cb-primary-dark);
    isolation:isolate;
}

.cb-contact-v2 .cb-contact-hero-bg{
    position:absolute;
    inset:0;
    z-index:-2;
    background:
        linear-gradient(90deg, rgba(16,43,50,.96), rgba(16,43,50,.76), rgba(16,43,50,.42)),
        url("../images/auth-coworking.webp") center/cover no-repeat;
}

.cb-contact-v2 .cb-contact-hero::after{
    content:"";
    position:absolute;
    inset:auto 0 0;
    height:130px;
    z-index:-1;
}

.cb-contact-v2 .cb-contact-hero-inner{
    max-width:1280px;
    margin:0 auto;
    padding:105px 24px 95px;
    display:grid;
    grid-template-columns:.95fr 1.05fr;
    gap:54px;
    align-items:start;
}

.cb-contact-v2 .cb-contact-hero .cb-kicker{
    background:rgba(255,255,255,.12);
    border-color:rgba(255,255,255,.18);
    color:#fff;
}

.cb-contact-v2 .cb-contact-info h1{
    max-width:760px;
    margin:0 0 22px;
    color:#fff;
    font-size:clamp(42px,5.5vw,66px);
    line-height:1.08;
    font-weight:600;
}

.cb-contact-v2 .cb-contact-info p{
    max-width:680px;
    margin:0;
    color:rgba(255,255,255,.78);
    font-size:17px;
    line-height:1.85;
}

/* Contact methods */

.cb-contact-v2 .cb-contact-methods{
    display:grid;
    gap:14px;
    margin-top:34px;
}

.cb-contact-v2 .cb-contact-methods a{
    display:flex;
    align-items:center;
    gap:14px;
    padding:16px;
    max-width:420px;
    border-radius:20px;
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.18);
    color:#fff;
    backdrop-filter:blur(12px);
    transition:.25s ease;
}

.cb-contact-v2 .cb-contact-methods a:hover{
    transform:translateY(-3px);
    background:rgba(255,255,255,.16);
}

.cb-contact-v2 .cb-contact-methods .material-symbols-outlined{
    width:48px;
    height:48px;
    border-radius:16px;
    background:rgba(255,255,255,.14);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:26px;
}

.cb-contact-v2 .cb-contact-methods strong{
    display:block;
    color:#fff;
    font-weight:700;
}

.cb-contact-v2 .cb-contact-methods small{
    color:rgba(255,255,255,.72);
}

/* Form card */

.cb-contact-v2 .cb-contact-form-card{
    padding:34px;
    border-radius:32px;
    background:#fff;
    border:1px solid rgba(255,255,255,.22);
    box-shadow:0 34px 90px rgba(0,0,0,.24);
}

.cb-contact-v2 .cb-form-head{
    display:flex;
    align-items:center;
    gap:16px;
    margin-bottom:28px;
}

.cb-contact-v2 .cb-form-head .material-symbols-outlined{
    width:58px;
    height:58px;
    border-radius:18px;
    background:rgba(11,92,93,.08);
    color:var(--cb-primary);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
}

.cb-contact-v2 .cb-form-head h2{
    margin:0 0 4px;
    color:var(--cb-text);
    font-size:28px;
    line-height:1.25;
    font-weight:600;
}

.cb-contact-v2 .cb-form-head p{
    margin:0;
    color:var(--cb-muted);
}

.cb-contact-v2 .cb-contact-form{
    display:grid;
    gap:18px;
}

.cb-contact-v2 .cb-form-group{
    display:flex;
    flex-direction:column;
    gap:9px;
}

.cb-contact-v2 .cb-form-group label,
.cb-contact-v2 .cb-contact-form > label{
    color:var(--cb-text);
    font-weight:700;
    font-size:14px;
}

.cb-contact-v2 .cb-radio-grid,
.cb-contact-v2 .cb-checkbox-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
}

.cb-contact-v2 .cb-checkbox-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
}

.cb-contact-v2 .cb-radio-grid label,
.cb-contact-v2 .cb-checkbox-grid label{
    min-height:48px;
    display:flex;
    align-items:center;
    gap:9px;
    padding:12px;
    border-radius:14px;
    background:#f7fbfb;
    border:1px solid var(--cb-border);
    color:var(--cb-muted);
    font-weight:500;
    cursor:pointer;
}

.cb-contact-v2 input[type="radio"],
.cb-contact-v2 input[type="checkbox"]{
    accent-color:var(--cb-primary);
}

.cb-contact-v2 .cb-form-two{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
}

.cb-contact-v2 .cb-contact-form input[type="text"],
.cb-contact-v2 .cb-contact-form input[type="email"],
.cb-contact-v2 .cb-contact-form textarea{
    width:100%;
    border:1px solid var(--cb-border);
    border-radius:14px;
    padding:14px 15px;
    font-family:inherit;
    font-size:15px;
    outline:none;
    background:#fff;
    color:var(--cb-text);
}

.cb-contact-v2 .cb-contact-form textarea{
    min-height:130px;
    resize:vertical;
}

.cb-contact-v2 .cb-contact-form input:focus,
.cb-contact-v2 .cb-contact-form textarea:focus{
    border-color:var(--cb-primary);
    box-shadow:0 0 0 4px rgba(11,92,93,.10);
}

.cb-contact-v2 .cb-consent{
    display:flex;
    align-items:flex-start;
    gap:10px;
    color:var(--cb-muted) !important;
    font-weight:500 !important;
    line-height:1.6;
}

.cb-contact-v2 .cb-submit-btn{
    width:100%;
    min-height:54px;
    border:0;
    border-radius:999px;
    background:var(--cb-primary);
    color:#fff;
    font-family:inherit;
    font-size:15px;
    font-weight:700;
    cursor:pointer;
    transition:.25s ease;
}

.cb-contact-v2 .cb-submit-btn:hover{
    transform:translateY(-3px);
    background:var(--cb-primary-dark);
}

/* Section Head */

.cb-contact-v2 .cb-section-head{
    margin-bottom:38px;
}

.cb-contact-v2 .cb-section-head.center{
    display:flex;
    justify-content:center;
    text-align:center;
}

.cb-contact-v2 .cb-section-head h2,
.cb-contact-v2 .cb-contact-split h2,
.cb-contact-v2 .cb-contact-cta h2{
    margin:0 0 14px;
    font-size:clamp(32px,4vw,52px);
    line-height:1.08;
    font-weight:600;
    color:var(--cb-text);
}

.cb-contact-v2 .cb-section-head p,
.cb-contact-v2 .cb-contact-split p,
.cb-contact-v2 .cb-contact-cta p{
    max-width:760px;
    margin:0;
    color:var(--cb-muted);
    font-size:16px;
    line-height:1.8;
}

.cb-contact-v2 .cb-section-head.center p{
    margin:0 auto;
}

/* Help cards */

.cb-contact-v2 .cb-contact-help-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:20px;
}

.cb-contact-v2 .cb-help-card{
    padding:28px;
    border-radius:28px;
    background:#fff;
    border:1px solid rgba(11,92,93,.10);
    box-shadow:0 18px 48px rgba(15,35,80,.08);
    color:var(--cb-text);
    transition:.25s ease;
}

.cb-contact-v2 .cb-help-card:hover{
    transform:translateY(-6px);
    box-shadow:0 28px 70px rgba(15,35,80,.13);
}

.cb-contact-v2 .cb-help-card .material-symbols-outlined{
    width:50px;
    height:50px;
    border-radius:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(11,92,93,.08);
    color:var(--cb-primary);
    font-size:28px;
}

.cb-contact-v2 .cb-help-card h3{
    margin:20px 0 10px;
    color:var(--cb-text);
    font-size:22px;
    line-height:1.25;
    font-weight:600;
}

.cb-contact-v2 .cb-help-card p{
    margin:0;
    color:var(--cb-muted);
    line-height:1.7;
}

.cb-contact-v2 .cb-help-card.dark{
    background:linear-gradient(135deg,var(--cb-primary-dark),var(--cb-primary));
}

.cb-contact-v2 .cb-help-card.dark h3,
.cb-contact-v2 .cb-help-card.dark p{
    color:#fff;
}

.cb-contact-v2 .cb-help-card.dark p{
    opacity:.78;
}

.cb-contact-v2 .cb-help-card.dark .material-symbols-outlined{
    background:rgba(255,255,255,.13);
    color:#fff;
}

/* Split */

.cb-contact-v2 .cb-contact-split{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:44px;
    align-items:center;
}

.cb-contact-v2 .cb-contact-feature-box{
    padding:34px;
    border-radius:30px;
    background:linear-gradient(135deg,var(--cb-primary-dark),var(--cb-primary));
    box-shadow:0 22px 60px rgba(11,92,93,.16);
}

.cb-contact-v2 .cb-contact-feature-box ul{
    list-style:none;
    padding:0;
    margin:0;
}

.cb-contact-v2 .cb-contact-feature-box li{
    position:relative;
    padding:13px 0 13px 36px;
    color:rgba(255,255,255,.84);
    border-bottom:1px solid rgba(255,255,255,.13);
}

.cb-contact-v2 .cb-contact-feature-box li:last-child{
    border-bottom:0;
}

.cb-contact-v2 .cb-contact-feature-box li::before{
    content:"✓";
    position:absolute;
    left:0;
    top:12px;
    width:23px;
    height:23px;
    border-radius:50%;
    background:var(--cb-secondary);
    color:var(--cb-primary-dark);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:12px;
    font-weight:700;
}

/* Map */

.cb-contact-v2 .cb-map-card{
    overflow:hidden;
    border-radius:30px;
    background:#fff;
    box-shadow:0 18px 50px rgba(15,35,79,.08);
    border:1px solid var(--cb-border);
}

.cb-contact-v2 .cb-map-card iframe{
    width:100%;
    height:520px;
    display:block;
}

/* CTA */

.cb-contact-v2 .cb-contact-cta{
    max-width:1280px;
    margin:20px auto 0;
    padding:54px;
    border-radius:34px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    background:linear-gradient(135deg,var(--cb-primary),var(--cb-primary-dark));
    box-shadow:0 24px 70px rgba(11,92,93,.22);
}

.cb-contact-v2 .cb-contact-cta h2,
.cb-contact-v2 .cb-contact-cta p{
    color:#fff;
}

.cb-contact-v2 .cb-contact-cta p{
    opacity:.78;
}

.cb-contact-v2 .cb-actions{
    display:flex;
    align-items:center;
    gap:16px;
    flex-wrap:wrap;
}

.cb-contact-v2 .cb-contact-cta .cb-actions a{
    min-width:180px;
    height:56px;
    padding:0 26px;
    border-radius:999px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff;
    color:var(--cb-primary) !important;
    font-size:15px;
    font-weight:700;
    transition:.3s ease;
}

.cb-contact-v2 .cb-contact-cta .cb-actions a:hover{
    transform:translateY(-4px);
}

.cb-contact-v2 .cb-contact-cta .cb-actions .outline-light{
    background:rgba(255,255,255,.10) !important;
    color:#fff !important;
    border:1px solid rgba(255,255,255,.25);
    backdrop-filter:blur(10px);
}

/* Responsive */

@media(max-width:1100px){
    .cb-contact-v2 .cb-contact-hero-inner,
    .cb-contact-v2 .cb-contact-split{
        grid-template-columns:1fr;
    }

    .cb-contact-v2 .cb-contact-hero{
        min-height:auto;
    }

    .cb-contact-v2 .cb-contact-hero-inner{
        padding-top:90px;
        padding-bottom:80px;
    }

    .cb-contact-v2 .cb-contact-help-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:768px){
    .cb-contact-v2 .cb-contact-section{
        padding:64px 18px;
    }

    .cb-contact-v2 .cb-contact-hero-inner{
        padding:72px 20px 64px;
        gap:34px;
    }

    .cb-contact-v2 .cb-contact-info h1{
        font-size:38px;
    }

    .cb-contact-v2 .cb-contact-info p{
        font-size:15px;
    }

    .cb-contact-v2 .cb-contact-methods a{
        max-width:100%;
    }

    .cb-contact-v2 .cb-contact-form-card{
        padding:24px;
        border-radius:24px;
    }

    .cb-contact-v2 .cb-form-head{
        align-items:flex-start;
    }

    .cb-contact-v2 .cb-form-two,
    .cb-contact-v2 .cb-radio-grid,
    .cb-contact-v2 .cb-checkbox-grid,
    .cb-contact-v2 .cb-contact-help-grid{
        grid-template-columns:1fr;
    }

    .cb-contact-v2 .cb-section-head h2,
    .cb-contact-v2 .cb-contact-split h2,
    .cb-contact-v2 .cb-contact-cta h2{
        font-size:32px;
    }

    .cb-contact-v2 .cb-contact-feature-box{
        padding:24px;
        border-radius:24px;
    }

    .cb-contact-v2 .cb-map-card iframe{
        height:380px;
    }

    .cb-contact-v2 .cb-contact-cta{
        margin:0 18px;
        padding:30px 22px;
        border-radius:26px;
        flex-direction:column;
        align-items:flex-start;
    }

    .cb-contact-v2 .cb-actions{
        width:100%;
        flex-direction:column;
    }

    .cb-contact-v2 .cb-contact-cta .cb-actions a{
        width:100%;
        min-width:100%;
    }
}

@media(max-width:420px){
    .cb-contact-v2 .cb-contact-info h1{
        font-size:33px;
    }

    .cb-contact-v2 .cb-kicker{
        font-size:11px;
        padding:7px 11px;
    }
}


/* RESOURCE V2 */

.resources-page.cb-resource-v2{
max-width:none!important;
padding:0!important;
background:var(--bg-light);
overflow:hidden;
}

.cb-resource-hero{
position:relative;
min-height:500px;
display:flex;
align-items:center;
background:var(--primary-dark);
overflow:hidden;
}

.cb-resource-hero-bg{
position:absolute;
inset:0;
background:
linear-gradient(90deg,
rgba(10,31,34,.95),
rgba(10,31,34,.78),
rgba(10,31,34,.42)),
url("../images/auth-coworking.webp")
center/cover;
}

.cb-resource-hero-inner{
position:relative;
z-index:2;
max-width:1280px;
margin:auto;
padding:110px 24px;
text-align:center;
}

.cb-resource-hero h1{
color:#fff;
font-size:clamp(42px,6vw,68px);
line-height:1.05;
font-weight:600;
max-width:900px;
margin:0 auto 20px;
}

.cb-resource-hero p{
max-width:760px;
margin:auto;
color:rgba(255,255,255,.75);
line-height:1.8;
font-size:17px;
}

.cb-actions{
margin-top:35px;
display:flex;
gap:16px;
flex-wrap:wrap;
}

.cb-actions a{
    min-width: 180px;
    height: 56px;
    padding: 0 26px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff !important;
    color: var(--cb-primary) !important;
    font-size: 15px;
    font-weight: 700;
    transition: .3s ease;
}

.cb-actions .outline-btn{
background:transparent! important;
border:1px solid rgba(255,255,255,.2);
backdrop-filter:blur(20px);
}

.cb-resource-section{
max-width:1280px;
padding:90px 24px;
margin:auto;
}

.cb-resource-grid{
display:grid;
grid-template-columns:
repeat(3,1fr);
gap:28px;
}

.cb-resource-card{
overflow:hidden;
border-radius:28px;
background:#fff;
box-shadow:
0 18px 60px
rgba(0,0,0,.06);

transition:.3s;
}

.cb-resource-card:hover{
transform:translateY(-8px);
}

.cb-resource-image{
height:240px;
display:block;
overflow:hidden;
}

.cb-resource-image img{
width:100%;
height:100%;
object-fit:cover;
transition:.4s;
}

.cb-resource-card:hover img{
transform:scale(1.08);
}

.cb-resource-content{
padding:28px;
}

.cb-resource-date{
display:flex;
gap:8px;
align-items:center;
font-size:13px;
color:var(--primary);
margin-bottom:18px;
}

.cb-resource-content h3{
font-size:28px;
line-height:1.25;
margin:0 0 14px;
}

.cb-resource-content h3 a{
color:var(--text-main);
}

.cb-resource-content p{
color:var(--text-muted);
line-height:1.8;
margin-bottom:25px;
}

.cb-read-btn{
color:var(--primary);
font-weight:600;
}

.cb-empty-resource{
background:#fff;
padding:80px;
border-radius:30px;
text-align:center;
}

.cb-resource-cta{
max-width:1280px;
margin:0 auto 100px;
padding:54px;
display:flex;
justify-content:space-between;
align-items:center;
border-radius:34px;
background:
linear-gradient(
135deg,
var(--primary),
var(--primary-dark));
}

.cb-resource-cta h2{
font-size:48px;
color:#fff;
margin-bottom:10px;
}

.cb-resource-cta p{
color:rgba(255,255,255,.75);
}

.cb-resource-v2 .cb-resource-cta .cb-actions .cb-resource-cta .outline-light{
    background: rgba(255, 255, 255, .10) !important;
    color: #fff !important;
    border: 1px solid rgba(255, 255, 255, .25);
    backdrop-filter: blur(10px);
}

@media(max-width:900px){

.cb-resource-grid{
grid-template-columns:1fr;
}

.cb-resource-cta{
flex-direction:column;
align-items:flex-start;
gap:25px;
margin:0 18px 70px;
padding:30px;
}

}

@media(max-width:768px){

.cb-resource-hero{
min-height:auto;
}

.cb-resource-hero-inner{
padding:80px 20px;
}

.cb-resource-hero h1{
font-size:38px;
}

}



/* =========================================================
   CoworkBD Resource Single Page V2
   Matches resource index + homepage/service pages
   Header/Footer untouched
   Paste at the VERY END of public/assets/css/style.css or app.css
========================================================= */

.resource-single-page.cb-resource-show-v2{
    --cb-primary:var(--primary);
    --cb-primary-dark:var(--primary-dark);
    --cb-secondary:var(--secondary);
    --cb-bg:var(--bg-light);
    --cb-white:var(--white);
    --cb-text:var(--text-main);
    --cb-muted:var(--text-muted);
    --cb-border:var(--border);
    --cb-shadow-lg:var(--shadow-lg);
    --cb-shadow-md:var(--shadow-md);

    max-width:none !important;
    width:100%;
    margin:0 !important;
    padding:0 !important;
    background:var(--cb-bg);
    color:var(--cb-text);
    overflow:hidden;
}

.cb-resource-show-v2 *,
.cb-resource-show-v2 *::before,
.cb-resource-show-v2 *::after{
    box-sizing:border-box;
}

.cb-resource-show-v2 a{
    text-decoration:none;
}

/* Hero */

.cb-resource-show-v2 .cb-resource-show-hero{
    position:relative;
    min-height:520px;
    background:var(--cb-primary-dark);
    isolation:isolate;
}

.cb-resource-show-v2 .cb-resource-show-hero-bg{
    position:absolute;
    inset:0;
    z-index:-2;
    background:
        linear-gradient(90deg, rgba(16,43,50,.96), rgba(16,43,50,.76), rgba(16,43,50,.42)),
        url("../images/auth-coworking.webp") center/cover no-repeat;
}

.cb-resource-show-v2 .cb-resource-show-hero::after{
    content:"";
    position:absolute;
    inset:auto 0 0;
    height:120px;
    z-index:-1;
}

.cb-resource-show-v2 .cb-resource-show-hero-inner{
    max-width:980px;
    margin:0 auto;
    padding:105px 24px 95px;
    text-align:center;
}

.cb-resource-show-v2 .cb-kicker{
    display:inline-flex;
    align-items:center;
    width:max-content;
    margin:0 auto 18px;
    padding:8px 16px;
    border-radius:999px;
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.18);
    color:#fff;
    font-size:12px;
    line-height:1;
    font-weight:600;
    text-transform:uppercase;
}

.cb-resource-show-v2 .cb-resource-show-date{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    width:max-content;
    margin:0 auto 20px;
    color:rgba(255,255,255,.76);
    font-size:14px;
    font-weight:500;
}

.cb-resource-show-v2 .cb-resource-show-date .material-symbols-outlined{
    font-size:20px;
    color:rgba(255,255,255,.9);
}

.cb-resource-show-v2 .cb-resource-show-hero h1{
    max-width:940px;
    margin:0 auto 20px;
    color:#fff;
    font-size:clamp(38px,5.4vw,66px);
    line-height:1.08;
    font-weight:600;
}

.cb-resource-show-v2 .cb-resource-show-hero p{
    max-width:760px;
    margin:0 auto;
    color:rgba(255,255,255,.78);
    font-size:17px;
    line-height:1.85;
}

/* Article */

.cb-resource-show-v2 .cb-resource-show-section{
    max-width:1120px;
    margin:0 auto;
    padding:80px 24px;
}

.cb-resource-show-v2 .cb-resource-show-card{
    overflow:hidden;
    border-radius:34px;
    background:#fff;
    border:1px solid rgba(11,92,93,.10);
    box-shadow:0 24px 70px rgba(15,35,79,.10);
}

.cb-resource-show-v2 .cb-resource-show-image{
    width:100%;
    height:460px;
    background:#eef3f3;
    overflow:hidden;
}

.cb-resource-show-v2 .cb-resource-show-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.cb-resource-show-v2 .cb-resource-show-content{
    max-width:880px;
    margin:0 auto;
    padding:56px 32px;
}

.cb-resource-show-v2 .cb-resource-excerpt{
    padding:22px 24px;
    border-left:5px solid var(--cb-primary);
    background:#f7fbfb;
    border-radius:18px;
    color:var(--cb-muted);
    line-height:1.85;
    margin-bottom:34px;
    font-size:17px;
}

.cb-resource-show-v2 .cb-resource-body{
    color:#1f2937;
    font-size:17px;
    line-height:1.95;
}

.cb-resource-show-v2 .cb-resource-body p{
    margin:0 0 22px;
}

.cb-resource-show-v2 .cb-resource-body h2,
.cb-resource-show-v2 .cb-resource-body h3,
.cb-resource-show-v2 .cb-resource-body h4{
    color:var(--cb-text);
    line-height:1.25;
    margin:34px 0 14px;
    font-weight:700;
}

.cb-resource-show-v2 .cb-resource-body h2{
    font-size:34px;
}

.cb-resource-show-v2 .cb-resource-body h3{
    font-size:26px;
}

.cb-resource-show-v2 .cb-resource-body ul,
.cb-resource-show-v2 .cb-resource-body ol{
    padding-left:22px;
    margin:0 0 24px;
}

.cb-resource-show-v2 .cb-resource-body li{
    margin-bottom:10px;
}

.cb-resource-show-v2 .cb-resource-body a{
    color:var(--cb-primary);
    font-weight:700;
}

.cb-resource-show-v2 .cb-resource-body img{
    max-width:100%;
    height:auto;
    border-radius:22px;
    margin:18px 0;
}

.cb-resource-show-v2 .cb-resource-body blockquote{
    margin:28px 0;
    padding:24px;
    border-radius:22px;
    border-left:5px solid var(--cb-primary);
    background:#f7fbfb;
    color:var(--cb-muted);
}

/* Related */

.cb-resource-show-v2 .cb-resource-service-links{
    margin-top:46px;
    padding:30px;
    border-radius:28px;
    background:linear-gradient(135deg, rgba(11,92,93,.06), rgba(110,197,161,.08));
    border:1px solid rgba(11,92,93,.10);
}

.cb-resource-show-v2 .cb-related-head .cb-kicker{
    margin:0 0 14px;
    background:rgba(11,92,93,.08);
    border:1px solid rgba(11,92,93,.12);
    color:var(--cb-primary);
}

.cb-resource-show-v2 .cb-related-head h3{
    margin:0 0 18px;
    color:var(--cb-text);
    font-size:28px;
    line-height:1.25;
    font-weight:700;
}

.cb-resource-show-v2 .cb-service-link-list{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
}

.cb-resource-show-v2 .cb-service-link-list a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:44px;
    padding:11px 16px;
    border-radius:999px;
    background:#fff;
    border:1px solid var(--cb-border);
    color:var(--cb-primary);
    font-size:14px;
    font-weight:700;
    transition:.25s ease;
}

.cb-resource-show-v2 .cb-service-link-list a:hover{
    transform:translateY(-3px);
    background:var(--cb-primary);
    color:#fff;
}

/* CTA */

.cb-resource-show-v2 .cb-resource-show-cta{
    max-width:1280px;
    margin:0 auto 90px;
    padding:54px;
    border-radius:34px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    background:linear-gradient(135deg,var(--cb-primary),var(--cb-primary-dark));
    box-shadow:0 24px 70px rgba(11,92,93,.22);
}

.cb-resource-show-v2 .cb-resource-show-cta h2{
    margin:0 0 10px;
    color:#fff;
    font-size:clamp(32px,4vw,48px);
    line-height:1.08;
    font-weight:600;
}

.cb-resource-show-v2 .cb-resource-show-cta p{
    margin:0;
    color:rgba(255,255,255,.78);
    line-height:1.7;
}

.cb-resource-show-v2 .cb-actions{
    display:flex;
    align-items:center;
    gap:16px;
    flex-wrap:wrap;
}

.cb-resource-show-v2 .cb-resource-show-cta .cb-actions a{
    min-width:180px;
    height:56px;
    padding:0 26px;
    border-radius:999px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff!important;
    color:var(--cb-primary) !important;
    font-size:15px;
    font-weight:700;
    transition:.3s ease;
}

.cb-resource-show-v2 .cb-resource-show-cta .cb-actions a:hover{
    transform:translateY(-4px);
}

.cb-resource-show-v2 .cb-resource-show-cta .cb-actions .outline-light{
    background:rgba(255,255,255,.10) !important;
    color:#fff !important;
    border:1px solid rgba(255,255,255,.25);
    backdrop-filter:blur(10px);
}

/* Responsive */

@media(max-width:900px){
    .cb-resource-show-v2 .cb-resource-show-cta{
        flex-direction:column;
        align-items:flex-start;
        margin:0 18px 70px;
        padding:32px 24px;
        border-radius:28px;
    }

    .cb-resource-show-v2 .cb-resource-show-image{
        height:360px;
    }
}

@media(max-width:768px){
    .cb-resource-show-v2 .cb-resource-show-hero{
        min-height:auto;
    }

    .cb-resource-show-v2 .cb-resource-show-hero-inner{
        padding:72px 20px 66px;
    }

    .cb-resource-show-v2 .cb-resource-show-hero h1{
        font-size:36px;
    }

    .cb-resource-show-v2 .cb-resource-show-hero p{
        font-size:15px;
    }

    .cb-resource-show-v2 .cb-resource-show-section{
        padding:64px 18px;
    }

    .cb-resource-show-v2 .cb-resource-show-card{
        border-radius:26px;
    }

    .cb-resource-show-v2 .cb-resource-show-image{
        height:260px;
    }

    .cb-resource-show-v2 .cb-resource-show-content{
        padding:34px 22px;
    }

    .cb-resource-show-v2 .cb-resource-body{
        font-size:16px;
        line-height:1.85;
    }

    .cb-resource-show-v2 .cb-resource-body h2{
        font-size:28px;
    }

    .cb-resource-show-v2 .cb-resource-body h3{
        font-size:23px;
    }

    .cb-resource-show-v2 .cb-actions{
        width:100%;
        flex-direction:column;
    }

    .cb-resource-show-v2 .cb-resource-show-cta .cb-actions a{
        width:100%;
        min-width:100%;
    }
}

@media(max-width:420px){
    .cb-resource-show-v2 .cb-resource-show-hero h1{
        font-size:32px;
    }

    .cb-resource-show-v2 .cb-kicker{
        font-size:11px;
        padding:7px 11px;
    }

    .cb-resource-show-v2 .cb-resource-excerpt,
    .cb-resource-show-v2 .cb-resource-service-links{
        padding:20px;
    }
}



/* ==========================
   HERO CTA GLOBAL FIX
========================== */

.cb-actions,
.hero-actions{
    display:flex;
    align-items:center;
    gap:16px;
    flex-wrap:wrap;
    margin-top:34px;
}

.cb-actions a,
.hero-actions a{

    min-width:180px;
    height:56px;

    padding:0 26px !important;

    display:inline-flex;
    align-items:center;

    border-radius:999px;

    font-size:15px;
    font-weight:600;

    text-decoration:none;

    transition:.3s ease;

    flex:none;
}

/* Primary */

.cb-actions a:first-child,
.hero-actions a:first-child{

    background:var(--primary)!important;
    color:#fff!important;

    box-shadow:
    0 15px 35px rgba(11,92,93,.25);

}

/* Secondary */

.cb-actions .outline-btn,
.cb-actions .outline-light,
.hero-actions .outline-btn,
.hero-actions .outline-light{

    background:
    rgba(255,255,255,.10)!important;

    color:#fff!important;

    border:
    1px solid rgba(255,255,255,.25)!important;

    backdrop-filter:blur(14px);

    box-shadow:none!important;

}

.cb-actions a:hover,
.hero-actions a:hover{

transform:translateY(-4px);

}

/* mobile */

@media(max-width:768px){

.cb-actions,
.hero-actions{
flex-direction:column;
align-items:stretch;
}

.cb-actions a,
.hero-actions a{
width:100%;
min-width:100%;
}

}

.resources-cta-hero {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 34px;
    justify-content: center;
}

.resources-cta-hero a{
    min-height:50px;
    padding:14px 22px;
    border-radius:999px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:var(--cb-primary);
    color:#fff !important;
    font-size:14px;
    font-weight:600;
}


.member-profile-photo-box{
    margin-bottom:18px;
}

.member-profile-photo{
    width:110px;
    height:110px;
    border-radius:22px;
    object-fit:cover;
    border:1px solid #e5edf5;
    box-shadow:0 8px 24px rgba(15,23,42,.08);
}


.solution-review-section{
    max-width:1140px;
    margin:70px auto;
    padding:0 24px;
}

.solution-review-head{
    text-align:center;
    max-width:720px;
    margin:0 auto 34px;
}

.solution-review-head h2{
    font-size:42px;
    margin:12px 0;
    color:var(--text-main);
}

.solution-review-head p{
    color:var(--text-muted);
}

.review-slider{
    position:relative;
    min-height:390px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.review-slider-stage{
    position:relative;
    width:100%;
    height:360px;
}

.solution-review-service{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:7px 14px;
    border-radius:999px;
    background:#eef8f8;
    color:var(--primary);
    font-size:13px;
    font-weight:500;
    margin-bottom:18px;
}

.solution-review-card{
    position:absolute;
    top:50%;
    left:50%;
    width:min(600px,90vw);
    min-height:340px;
    transform:translate(-50%,-50%) scale(.78);
    opacity:0;
    pointer-events:none;
    background:#fff;
    border:1px solid var(--border);
    border-radius:26px;
    padding:30px;
    box-shadow:0 18px 45px rgba(15,23,42,.08);
    transition:.35s ease;
    text-align:center;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}

.solution-review-card.is-active{
    opacity:1;
    z-index:3;
    transform:translate(-50%,-50%) scale(1);
    filter:none;
    pointer-events:auto;
}

.solution-review-card.is-left{
    opacity:.55;
    z-index:2;
    transform:translate(calc(-50% - 360px),-50%) scale(.82);
    filter:blur(2px);
}

.solution-review-card.is-right{
    opacity:.55;
    z-index:2;
    transform:translate(calc(-50% + 360px),-50%) scale(.82);
    filter:blur(2px);
}

.solution-review-card.is-hidden{
    opacity:0;
    transform:translate(-50%,-50%) scale(.72);
}

.solution-review-stars{
    color:var(--primary);
    letter-spacing:3px;
    margin-bottom:10px;
    font-size:24px;
    text-align:center;
}

.solution-review-card p{
    color:var(--text-muted);
    line-height:1.8;
    font-size:16px;
    text-align:center;
    margin:0 auto;
    max-width:500px;
    font-style: italic;
}

.solution-review-member{
    margin-top:24px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:14px;
}


.solution-review-avatar{
    width:52px;
    height:52px;
    border-radius:50%;
    overflow:hidden;
    background:#eef7ff;
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--primary);
    font-weight:700;
    flex-shrink:0;
}

.solution-review-avatar img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.solution-review-member-info{
    display:flex;
    flex-direction:column;
    line-height:1.4;
    text-align:left;
}

.solution-review-member-info strong{
    color:var(--text-main);
    font-size:15px;
}

.solution-review-member-info small{
    color:var(--text-muted);
    font-size:13px;
    margin-top:2px;
}

.review-nav{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    z-index:5;

    width:46px;
    height:46px;
    border-radius:50%;
    border:1px solid var(--border);
    background:#fff;
    color:var(--primary);

    display:flex;
    align-items:center;
    justify-content:center;

    padding:0;
    font-size:30px;
    font-weight:400;
    line-height:0;

    cursor:pointer;
    box-shadow:0 12px 30px rgba(15,23,42,.08);
}

.review-nav.prev{
    left:0;
    padding-bottom:3px;
}

.review-nav.next{
    right:0;
    padding-bottom:3px;
}


@media(max-width:900px){
    .solution-review-card.is-left,
    .solution-review-card.is-right{
        opacity:0;
        pointer-events:none;
    }

    .review-slider-stage{
        height:390px;
    }

    .review-nav.prev{
        left:-20px;
    }

    .review-nav.next{
        right:-20px;
    }
}

/* MOBILE HERO STAT CARD FIX */
@media(max-width:768px){

    .cb-home-v2 .cb-hero-visual,
    .cb-service-v2 .cb-service-hero-card{
        position:relative;
        padding-bottom:90px !important;
        overflow:hidden;
    }

    .cb-home-v2 .cb-stat-pill,
    .cb-service-v2 .cb-stat-pill{

        position:absolute !important;

        left:50% !important;
        bottom:20px !important;

        transform:translateX(-50%) !important;

        width:calc(100% - 48px) !important;
        max-width:260px !important;
        min-width:auto !important;

        padding:16px 18px !important;

        border-radius:20px !important;

        z-index:5;

        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:14px;
    }

    .cb-stat-pill h3,
    .cb-stat-pill .stat-number{
        font-size:42px !important;
        line-height:1;
        margin:0;
    }

    .cb-stat-pill p,
    .cb-stat-pill small{
        font-size:13px !important;
        margin-top:4px;
    }

    .cb-stat-pill .arrow,
    .cb-stat-pill .stat-icon{
        width:38px;
        height:38px;
        flex-shrink:0;
    }

}