:root {
    --bw-pg-blue: #008acf;
    --bw-pg-navy: #2655A5;
    --bw-pg-grad: linear-gradient(90deg, #2BACE2 0%, #2A3C90 100%);
    --global-radius: 1.25rem; /* 20px */
    --btn-radius: 0.5rem;    /* 8px */
    --bw-pg-text: #505050;
    --bw-pg-white: #ffffff;
}

body { font-family: 'Poppins', sans-serif; color: var(--bw-pg-text); margin: 0; }
.bw-pg-container { max-width: 1440px; margin: 0 auto;  box-sizing: border-box; }
.py-120 { padding: 50px 0; }
.bw-pg-bg-soft { background-color: #f8fafc; }
.text-center { text-align: center; }

/* TITLES - IT PRODUCT STYLE */
.bw-pg-main-title, .bw-pg-sec-title {
    font-size: 3rem;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 1.5rem;
    background: var(--bw-pg-grad);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.bw-pg-text-white { background: none !important; -webkit-text-fill-color: var(--bw-pg-white) !important; color: var(--bw-pg-white) !important; }

/* BUTTONS - UNIFIED */
.bw-pg-btn-main, .bw-pg-btn-cta-white { 
    display: inline-block;
    background: var(--bw-pg-white) !important;
    color: var(--bw-pg-navy) !important;
    border: 1.5px solid var(--bw-pg-navy) !important;
    padding: 12px 30px !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    border-radius: var(--btn-radius) !important;
    text-decoration: none;
    transition: all 0.3s ease;
    text-align: center;
}
.bw-pg-btn-main:hover, .bw-pg-btn-cta-white:hover { 
    background: var(--bw-pg-grad) !important;
    color: var(--bw-pg-white) !important;
    border-color: transparent !important;
    transform: translateY(-3px);
}

.bw-pg-discover-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--bw-pg-white);
    color: var(--bw-pg-navy);
    border: 1.5px solid var(--bw-pg-navy);
    padding: 12px;
    border-radius: var(--btn-radius);
    text-decoration: none;
    font-weight: 600;
    margin-top: auto;
    transition: 0.3s;
    width: 90%;
}
.bw-pg-discover-btn:hover {  background: var(--bw-pg-grad) !important; color: var(--bw-pg-white); }

/* HERO */
.bw-pg-hero { padding: 100px 0; background: radial-gradient(circle at top right, rgba(0,138,207,0.1), transparent 70%); border-radius: 0 0 0 100px; }
.bw-pg-hero-flex { display: flex; align-items: center; gap: 80px; }
.bw-pg-hero-content { flex: 1.3; text-align: left; }
.bw-pg-hero-visual-desktop { flex: 1; position: relative; }
.bw-pg-hero-visual-mobile { display: none; }
.bw-pg-hero-img { width: 100%; box-shadow: 0 40px 100px rgba(0,0,0,0.1); border-radius: var(--global-radius); }

/* SUPPORT & GRID CARDS */
.bw-pg-compliance {
    display: flex;
    gap: 15px;
    margin-top: 20px;
}

.bw-pg-compliance span {
    display: inline-block;
    padding: 8px 20px;
    background: #eef2f6; /* Adjust to match your button/badge color */
    border-radius: 50px;
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--bw-pg-navy);
    border: 1px solid rgba(0, 138, 207, 0.1);
}
.bw-pg-support-grid { flex: 1.2; display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.bw-pg-step-box { padding: 30px; border-radius: var(--global-radius); transition: 0.3s; }
.bw-pg-step-box img { width: 50px; height: 50px; margin-bottom: 15px; }

/* HOW IT WORKS (Desktop Row) */
.bw-pg-how-row { display: flex; justify-content: space-between; margin-top: 60px; gap: 20px; }
.bw-pg-how-item { flex: 1; position: relative; }
.bw-pg-how-num { width: 60px; height: 60px; background: var(--bw-pg-blue); color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; font-weight: 800; font-size: 1.5rem; }

/* WHY BITSWARE (Blue Section Padding Fix) */
.bw-pg-why-blue { background: #008acf;  width: 100%; }
.bw-pg-why-flex { display: flex; gap: 80px; align-items: center; }
.bw-pg-why-content { flex: 1.2; text-align: left; }
.bw-pg-why-list { list-style: none; padding: 0; margin-top: 30px; }
.bw-pg-why-list li { margin-bottom: 25px; color: #fff; }
.bw-pg-why-list strong { font-size: 1.3rem; display: block; margin-bottom: 5px; }
.bw-pg-why-list p { opacity: 0.9; margin: 0; }
.bw-pg-compare-side { flex: 1; }
.bw-pg-compare-card { background: #fff; border-radius: var(--global-radius); padding: 50px; box-shadow: 0 30px 70px rgba(0,0,0,0.1); }
.bw-pg-comp-row { display: flex; justify-content: space-between; padding: 15px 0; border-bottom: 1px solid #f1f5f9; }
.bw-pg-comp-row strong { color: var(--bw-pg-blue); }

/* CTA */

/* FINAL CTA - BOLDER */
.cta-banner-premium { background: #cfeafd; border-radius: var(--global-radius);  display: flex; align-items: center; padding: 0px 80px 0px 20px; overflow: hidden; position: relative;}
.cta-info-side { flex: 1.2; padding: 15px ;text-align: left; }
.cta-info-side h2 { font-size: 2.5rem; font-weight: 700; color: var(--dark-void);  line-height: 1.1;  margin-bottom: 20px;letter-spacing: -1.5px;}
.cta-info-side p {font-size: 1.3rem;color: #475569;max-width: 500px;margin-bottom: 40px;}
.cta-actions { display: flex; gap: 20px; align-items: center;}
.cta-image-side {  flex: 1;  display: flex;  justify-content: flex-end;  align-self: flex-end; /* Keeps image bottom-aligned if it's a phone mockup */}
.cta-mockup-img {  max-height: 500px;  width: auto;  object-fit: contain; transform: translateY(-17px); }
/* Pastel Shades */
.lightblue { background: #cfeafd; } .mint { background: #d1f2eb; } .pink { background: #fce4ec; } .peach { background: #ffe5cc; }

/* ==========================================
   RESPONSIVE (ALL SCREEN FIT)
   ========================================== */
@media (max-width: 1024px) {
    .bw-pg-container { padding: 0 30px; }
    .bw-pg-hero-flex, .bw-pg-support-flex, .bw-pg-why-flex, .bw-pg-cta-banner, .bw-pg-how-row { flex-direction: column; text-align: center; }
    .bw-pg-hero{padding: 0px;}
    /* REORDERING: Title -> Image -> Content -> Button */
    .bw-pg-hero-content, .bw-pg-support-info, .bw-pg-cta-info { display: contents; }
    
    .bw-pg-main-title, .bw-pg-sec-title { order: 1 !important; margin-bottom: 20px; font-size: 2.5rem; }
    
    .bw-pg-visual-mobile, .bw-pg-support-visual, .bw-pg-cta-visual-mobile { 
        display: block !important; order: 2 !important; width: 100%; margin: 20px 0; 
    }
    .bw-pg-visual-mobile img, .bw-pg-support-visual img, .bw-pg-cta-visual-mobile img { max-width: 320px; height: auto; }
    .bw-pg-hero-visual-desktop, .bw-pg-support-visual-desktop, .bw-pg-cta-visual-desktop { display: none; }
    
    .bw-pg-hero-para, .bw-pg-para, .bw-pg-cta-info p, .bw-pg-why-list { order: 3 !important; padding: 0; }
    .bw-pg-btns-row { order: 4 !important; justify-content: center; width: 100%; margin-bottom: 30px; }
    /* FIX: Support Section Reordering */
    /* FIX: Why Bitsware Section Reordering & Image Alignment */
    .bw-pg-why-flex {
        display: flex;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        gap: 20px !important;
    }

    .bw-pg-why-content {
        display: contents; /* Allows reordering of Title, Image, and List */
    }

    .bw-pg-why-content .bw-pg-sec-title {
        order: 1 !important; /* Title First */
        margin-bottom: 20px !important;
    }

    /* Target the image container for the standard comparison image */
    .bw-pg-why-flex .bw-pg-support-info {
        order: 2 !important; /* Image Second */
        width: 100%;
        display: flex;
        justify-content: center;
        margin: 20px 0 !important;
    }

    .bw-pg-full-side-img {
        max-width: 320px !important; /* Fixed size to match hero/support mobile visual style */
        height: auto;
        border-radius: var(--global-radius);
    }

    .bw-pg-why-list {
        order: 3 !important; /* Content List Last */
        padding: 0;
        width: 100%;
    }

    .bw-pg-why-list li {
        text-align: center;
    }

    .bw-pg-support-info .bw-pg-sec-title {
        order: 1 !important; /* Title First */
        margin-bottom: 10px !important;
    }

    .bw-pg-support-info .bw-pg-para {
        order: 2 !important; /* Content Line Second */
        margin-bottom: 20px !important;
    }

    .bw-pg-compliance {
        order: 3 !important; /* Buttons/Compliance Third */
        display: flex;
        flex-direction: column; /* Force separate lines */
        gap: 12px;
        align-items: center;
        margin-bottom: 30px !important;
    }

    .bw-pg-support-grid {
        order: 4 !important; /* 4 Boxes Last */
        width: 100%;
        grid-template-columns: 1fr;
    }
    .bw-pg-support-grid, .bw-pg-partners-grid, .bw-pg-achieve-grid { grid-template-columns: 1fr; width: 100%; gap: 20px; }
    
    
    .bw-pg-how-item { margin-bottom: 40px; }
    .bw-pg-compare-card { padding: 30px; }
}

@media (max-width: 480px) {
    .bw-pg-main-title, .bw-pg-sec-title { font-size: 2rem; }
    .bw-pg-hero-para, .bw-pg-para { font-size: 1rem; }
    .bw-pg-container { padding: 0 20px;order: 4; }
}















/* HERO */
/* .bw-pg-hero { padding: 80px 0; background: radial-gradient(circle at top right, rgba(0,138,207,0.1), transparent 70%); }
.bw-pg-hero-flex { display: flex; align-items: center; gap: 80px; }
.bw-pg-hero-content { flex: 1.3; }
.bw-pg-hero-visual-desktop { flex: 1; position: relative; }
.bw-pg-hero-visual-mobile { display: none; }
.bw-pg-hero-img { width: 100%; box-shadow: 0 40px 100px rgba(0,0,0,0.1); border-radius: var(--global-radius); }
.bw-pg-success-badge { position: absolute; bottom: -20px; left: -20px; background: #fff; padding: 15px 25px; border-radius: 15px; display: flex; align-items: center; gap: 15px; box-shadow: 0 10px 30px rgba(0,0,0,0.1); }
.bw-pg-badge-check { width: 35px; height: 35px; background: #dcfce7; color: #166534; border-radius: 50%; display: flex; align-items: center; justify-content: center; } */

/* SUPPORT BOXES */
.bw-pg-support-flex { display: flex; gap: 60px; align-items: center; }
.bw-pg-support-info { flex: 1; }
.bw-pg-support-grid { flex: 1.2; display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.bw-pg-step-box { padding: 30px; display: flex; flex-direction: column; gap: 15px; transition: 0.3s; }
.bw-pg-step-box img { width: 50px; }
.lightblue { background: #cfeafd; } .mint { background: #d1f2eb; } .pink { background: #fce4ec; } .peach { background: #ffe5cc; }

/* PARTNERS & ACHIEVE */
.bw-pg-partners-grid, .bw-pg-achieve-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; margin-top: 50px; }
.bw-pg-partner-card, .bw-pg-ach-card { background: #f4faff;border-radius:var(--global-radius) ; padding: 40px; border: 2px solid #e0e6ed; display: flex; flex-direction: column; align-items: center; text-align: center; }
.bw-pg-partner-card img { height: 50px; margin: 20px 0; object-fit: contain; }
.bw-pg-partners-grid{ grid-template-columns: repeat(3, 1fr)}
/* WHY BITSWARE */

/* CTA */

/* ==========================================
   RESPONSIVE ORDERING LOGIC
   ========================================== */
@media (max-width: 1024px) {
    .bw-pg-container { padding: 0 20px;order: 5; }
    .bw-pg-hero-flex, .bw-pg-support-flex, .bw-pg-why-flex, .bw-pg-cta-banner { gap:0px;flex-direction: column; text-align: center; }
    
    /* REORDERING: Title -> Image -> Content -> Button */
    .bw-pg-hero-content, .bw-pg-support-info, .bw-pg-cta-info { display: contents; }
    
    .bw-pg-main-title, .bw-pg-sec-title { order: 1 !important; }
    
    .bw-pg-hero-visual-mobile, .bw-pg-support-visual, .bw-pg-cta-visual-mobile { 
        display: block; order: 2 !important; width: 100%; margin: 20px 0; 
    }
    .bw-pg-hero-visual-mobile img, .bw-pg-support-visual img, .bw-pg-cta-visual-mobile img { max-width: 300px; }
    .bw-pg-hero-visual-desktop, .bw-pg-cta-visual-desktop { display: none; }
    
    .bw-pg-hero-para, .bw-pg-para, .bw-pg-cta-info p { order: 3 !important; }
    .bw-pg-btns-row { order: 4 !important; justify-content: center; width: 100%; }
    .bw-pg-partner-card{padding: 10px;}.bw-pg-discover-btn{width: 90%;}
    .bw-pg-support-grid, .bw-pg-partners-grid, .bw-pg-achieve-grid { grid-template-columns: 1fr; width: 100%; }
  .cta-mockup-img {width: 95%;}
    .btn-main, .btn-cta-white {order: 4;}
    /* --- 3. CTA Section Fix (Fixes image_257555.jpg) --- */
    .cta-banner-premium {
        flex-direction: column !important;
        text-align: center;
        padding: 40px 20px !important;
    }

    .cta-info-side {
        display: contents; /* Enables reordering of h2, p, and buttons */
    }

    .cta-info-side h2 {
        order: 1 !important; /* Title First */
        font-size: 2rem !important;
    }

    .cta-image-side {
        order: 2 !important; /* Laptop/Mockup Image Second */
        margin: 20px auto !important;
        justify-content: center;
    }

    .cta-info-side p {
        order: 3 !important; /* Descriptive Paragraph Third */
        margin: 0 auto 20px !important;
    }

    .cta-actions {
        order: 4 !important; /* Contact Us Button assigned to LAST position */
        justify-content: center !important;
        width: 100%;
    } /* .bw-pg-btn-main, .bw-pg-btn-cta-white { width: 100%; padding: 10px !important; } */
}