/* User-provided WCU layout */
.wcu-section{background:linear-gradient(135deg,#f7fafc 0%, #edf5ff 100%) !important;position:relative !important;overflow:hidden !important}
.wcu-section::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 20% 80%, rgba(37,99,235,0.08) 0%, transparent 45%),radial-gradient(circle at 80% 20%, rgba(20,184,166,0.08) 0%, transparent 45%);pointer-events:none}
.wcu-wrap{margin:0 auto;padding:0 12px}
.wcu-grid{display:grid;grid-template-columns:220px 1fr 1fr;gap:18px}
@media(max-width:1100px){.wcu-grid{grid-template-columns:200px 1fr;gap:16px}.wcu-right{grid-column:1/-1}}
@media(max-width:860px){.wcu-grid{grid-template-columns:1fr}.wcu-left{order:2}.wcu-mid{order:1}.wcu-right{order:3}}

.wcu-stack{display:flex;flex-direction:column;gap:20px;align-items:flex-start}
.wcu-card{background:#f7f7f9;border-radius:16px;box-shadow:0 10px 25px rgba(0,0,0,.08);padding:18px 16px;display:flex;flex-direction:column;gap:10px;width:200px;aspect-ratio:1/1;justify-content:center;align-items:center;text-align:center}
.wcu-card{transition:transform .2s ease, box-shadow .2s ease}
.wcu-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(0,0,0,.12)}
.wcu-card:hover .wcu-icon{transform:scale(1.05)}
.wcu-icon{transition:transform .2s ease}
.wcu-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#fff;border:1px solid #e5e7eb}
.wcu-stat{font-weight:800;font-size:34px;line-height:1}
.wcu-card:hover .wcu-stat{animation:wcu-pop .4s ease}
.wcu-label{color:#6b7280;font-weight:500}

@keyframes wcu-pop{0%{transform:scale(1)}50%{transform:scale(1.06)}100%{transform:scale(1)}}

.wcu-media{position:relative;border-radius:18px;overflow:hidden;box-shadow:0 10px 25px rgba(0,0,0,.08);min-height:520px}
.wcu-media img{display:block;width:100%;height:100%;object-fit:cover}
.wcu-media-2{position:absolute;bottom:-8%;left:-6%;width:52%;height:52%;border-radius:14px;overflow:hidden;box-shadow:0 12px 28px rgba(0,0,0,.12);border:1px solid rgba(0,0,0,0.04);background:#fff}
.wcu-media-2 img{width:100%;height:100%;object-fit:cover;display:block}

.wcu-eyebrow{display:inline-block;background:linear-gradient(135deg,#e0f2fe 0%,#b3e5fc 100%);color:#0288d1;font-weight:600;font-size:13px;padding:8px 12px;border-radius:8px;margin-bottom:18px;box-shadow:0 4px 15px rgba(2,136,209,0.2);transition:all .3s ease}
.wcu-eyebrow:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(2,136,209,0.3)}
.wcu-title{font-size:2.25rem;line-height:1.1;font-weight:700;letter-spacing:-.02em;margin:0 0 14px}
@media(max-width:991px){.wcu-title{font-size:2rem}}
@media(max-width:767px){.wcu-title{font-size:1.8rem}}
.wcu-lead{color:#6b7280;font-size:18px;line-height:1.6;margin:0 0 22px;max-width:640px}

.wcu-features{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;margin:10px 0 28px;max-width:680px}
@media(max-width:600px){.wcu-features{grid-template-columns:1fr}}
.wcu-feature{display:flex;align-items:center;gap:10px;font-weight:600}
.wcu-check{width:22px;height:22px;border-radius:999px;background:var(--accent-teal);display:grid;place-items:center;flex:0 0 22px;color:#fff}
.wcu-cta{display:inline-flex;align-items:center;gap:10px;background:var(--gradient-button);color:#ffffff;font-weight:700;border:none;border-radius:999px;padding:12px 18px;cursor:pointer;text-decoration:none;box-shadow:0 8px 18px rgba(37,99,235,.35);transition:transform .15s ease,box-shadow .15s ease}
.wcu-cta:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(37,99,235,.45)}
.wcu-cta svg{width:18px;height:18px}

.wcu-reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease, transform .6s ease}
.wcu-reveal.in{opacity:1;transform:none}
.wcu-delay-1{transition-delay:.08s}
.wcu-delay-2{transition-delay:.16s}
.wcu-delay-3{transition-delay:.24s}
.wcu-delay-4{transition-delay:.32s}
.wcu-delay-5{transition-delay:.40s}
/* Why Choose Us Section CSS - SUPER UNIQUE classes to avoid ANY conflicts */

/* New Why Choose Us (WCP) */
.wcp-section { background: #fff !important; position: relative !important; overflow: hidden !important; padding: 80px 0 !important; }
.wcp-panel { background:#ffffff !important; border:1px solid #eef1f4 !important; border-radius:16px !important; padding:28px !important; box-shadow: 0 12px 30px rgba(0,0,0,.06) !important; }
.wcp-eyebrow { display:inline-block !important; padding:.4rem 1rem !important; border-radius:999px !important; background: rgba(93,95,239,.08) !important; color:#5d5fef !important; font-weight:600 !important; font-size:.9rem !important; letter-spacing:.3px !important; }
.wcp-title { font-size:2.5rem !important; font-weight:800 !important; color:#2c3e50 !important; line-height:1.2 !important; }
.wcp-gradient { background: linear-gradient(135deg,#ff9f43 0%,#feca57 100%) !important; -webkit-background-clip:text !important; background-clip:text !important; color:transparent !important; }
.wcp-desc { color:#6b7b8a !important; font-size:1.05rem !important; }
.wcp-feature { display:flex !important; align-items:center !important; gap:.75rem !important; padding:.9rem 1rem !important; background:#f8f9fb !important; border:1px solid #eef1f4 !important; border-radius:12px !important; transition:transform .2s ease, box-shadow .2s ease !important; }
.wcp-feature:hover { transform: translateY(-3px) !important; box-shadow:0 10px 22px rgba(0,0,0,.06) !important; }
.wcp-feature-icon { width:38px !important; height:38px !important; border-radius:10px !important; display:flex !important; align-items:center !important; justify-content:center !important; background:linear-gradient(135deg,#5d5fef, #8a7cfb) !important; color:#fff !important; }
.wcp-feature-text { font-weight:600 !important; color:#2f4252 !important; }

.wcp-visual { position:relative !important; min-height:520px !important; }
.wcp-img { position:absolute !important; border-radius:18px !important; overflow:hidden !important; box-shadow:0 15px 35px rgba(0,0,0,.12) !important; }
.wcp-img img { width:100% !important; height:100% !important; object-fit:cover !important; display:block !important; }
.wcp-img-main { top:0 !important; right:30px !important; width:330px !important; height:420px !important; z-index:2 !important; }
.wcp-img-secondary { bottom:0 !important; left:0 !important; width:270px !important; height:340px !important; z-index:1 !important; }

.wcp-metrics { position:absolute !important; bottom:10px !important; right:0 !important; display:flex !important; gap:12px !important; flex-wrap:wrap !important; }
.wcp-metric { background:#fff !important; border:1px solid #eef1f4 !important; border-radius:12px !important; padding:.6rem .9rem !important; text-align:center !important; min-width:120px !important; box-shadow:0 8px 20px rgba(0,0,0,.06) !important; }
.wcp-metric-num { font-weight:800 !important; font-size:1.4rem !important; color:#2c3e50 !important; }
.wcp-metric-label { font-size:.8rem !important; color:#6b7b8a !important; }
.wcp-trust { display:flex !important; flex-wrap:wrap !important; gap:10px !important; }
.wcp-trust-item { background:#f6f8ff !important; color:#2f4252 !important; border:1px solid #e6e8ff !important; border-radius:999px !important; padding:.45rem .8rem !important; font-weight:600 !important; font-size:.9rem !important; }

.wcp-btn { background: linear-gradient(135deg, #ff9f43 0%, #feca57 100%) !important; color:#fff !important; padding:.9rem 1.4rem !important; border-radius:999px !important; text-decoration:none !important; display:inline-flex !important; align-items:center !important; box-shadow:0 8px 20px rgba(255,159,67,.35) !important; transition: transform .2s ease, box-shadow .2s ease !important; }
.wcp-btn:hover { transform: translateY(-2px) !important; box-shadow:0 12px 28px rgba(255,159,67,.45) !important; }

/* Statistics Cards Styling - Left Side */
.why-choose-stats-container {
    padding-top: 2rem !important;
}

.why-choose-stat-card {
    background: #f8f9fa !important;
    border-radius: 15px !important;
    padding: 2rem 1.5rem !important;
    text-align: center !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08) !important;
    transition: all 0.3s ease !important;
    border: 1px solid #e9ecef !important;
    margin-bottom: 1.5rem !important;
}

.why-choose-stat-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12) !important;
    background: #ffffff !important;
}

.why-choose-stat-icon {
    color: #6c757d !important;
    font-size: 2.5rem !important;
    margin-bottom: 1rem !important;
}

.why-choose-stat-number {
    font-size: 2.5rem !important;
    font-weight: 700 !important;
    color: #495057 !important;
    margin-bottom: 0.5rem !important;
    line-height: 1 !important;
}

.why-choose-stat-label {
    font-size: 1rem !important;
    color: #6c757d !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

/* Content Styling - Right Side Left Half */
.why-choose-content-main {
    padding-right: 2rem !important;
    position: relative !important;
    z-index: 2 !important;
}

.why-choose-tag-main {
    display: inline-block !important;
    background: linear-gradient(135deg, #ff9f43 0%, #feca57 100%) !important;
    color: #ffffff !important;
    padding: 0.5rem 1.5rem !important;
    border-radius: 25px !important;
    font-size: 0.875rem !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    box-shadow: 0 4px 15px rgba(255, 159, 67, 0.3) !important;
    transition: all 0.3s ease !important;
}

.why-choose-tag-main:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(255, 159, 67, 0.4) !important;
}

.why-choose-heading-main {
    font-size: 2.5rem !important;
    font-weight: 700 !important;
    color: #2c3e50 !important;
    line-height: 1.2 !important;
    margin-bottom: 1.5rem !important;
}

.why-choose-heading-main br {
    display: block !important;
    content: "" !important;
    margin-top: 0.5rem !important;
}

.why-choose-desc-main {
    font-size: 1.1rem !important;
    line-height: 1.7 !important;
    color: #7f8c8d !important;
    font-weight: 400 !important;
    margin-bottom: 2rem !important;
}

.why-choose-features-main {
    display: flex !important;
    flex-direction: column !important;
    gap: 1rem !important;
}

.why-choose-feature-item {
    display: flex !important;
    align-items: center !important;
    gap: 1rem !important;
    font-size: 1rem !important;
    color: #34495e !important;
    font-weight: 500 !important;
}

.why-choose-feature-icon {
    color: #000000 !important;
    font-size: 1.2rem !important;
    flex-shrink: 0 !important;
}

.why-choose-btn-main {
    background: linear-gradient(135deg, #ff9f43 0%, #feca57 100%) !important;
    color: white !important;
    border: none !important;
    padding: 1rem 2rem !important;
    border-radius: 50px !important;
    font-weight: 600 !important;
    font-size: 1rem !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(255, 159, 67, 0.3) !important;
    position: relative !important;
    overflow: hidden !important;
}

.why-choose-btn-main::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: -100% !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent) !important;
    transition: left 0.5s ease !important;
}

.why-choose-btn-main:hover::before {
    left: 100% !important;
}

.why-choose-btn-main:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(255, 159, 67, 0.4) !important;
    color: white !important;
}

/* Images Styling - Right Side Right Half */
/* legacy selectors kept to avoid stray overrides */
.why-choose-images-main { position:relative !important; height:auto !important; }

.why-choose-image-container {
    position: absolute !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1) !important;
    transition: all 0.3s ease !important;
}

.why-choose-image-container:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15) !important;
}

.why-choose-top-image {
    top: 20px !important;
    right: 0 !important;
    width: 280px !important;
    height: 340px !important;
    z-index: 2 !important;
}

.why-choose-bottom-image {
    bottom: 0 !important;
    left: 0 !important;
    width: 240px !important;
    height: 300px !important;
    z-index: 1 !important;
}

.why-choose-image-main {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 0.3s ease !important;
}

.why-choose-image-container:hover .why-choose-image-main {
    transform: scale(1.05) !important;
}

/* Responsive Design */
@media (max-width: 991px) {
    .wcp-title { font-size:2rem !important; }
    .wcp-visual { min-height:420px !important; }
    .wcp-img-main { width:280px !important; height:360px !important; right:0 !important; }
    .wcp-img-secondary { width:220px !important; height:280px !important; }
}

@media (max-width: 767px) {
    .wcp-title { font-size:1.8rem !important; }
    .wcp-visual { min-height:360px !important; }
    .wcp-img-main { width:240px !important; height:300px !important; }
    .wcp-img-secondary { width:180px !important; height:230px !important; }
}
