/* ==========================================================================
   V1-WEBDEV STYLESHEET
   ========================================================================== */

/* --- Styles from ecommerce-development-company-v1.php --- */
.v1-legacy-wrapper { background: #ffffff; font-family: var(--dmv1-font-body); }
.v1-sec-title { color: var(--dmv1-text-dark); font-weight: 800; font-size: 2.2rem; letter-spacing: -0.02em; text-align: center; margin-bottom: 20px; }
.v1-accent-line, .animate-border { display: none !important; }
.v1-intro-section { background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%); padding: 70px 0; border-bottom: 1px solid var(--dmv1-border); }
.v1-intro-card { background: #ffffff; border-radius: 20px; padding: 40px; box-shadow: 0 15px 35px rgba(15, 23, 42, 0.05); border: 1px solid rgba(226, 232, 240, 0.8); }
.v1-check-list { list-style: none; padding-left: 0 !important; margin-bottom: 0; }
.v1-check-list li { position: relative; padding-left: 28px; margin-bottom: 12px; color: var(--dmv1-text-muted); font-size: 0.96rem; line-height: 1.6; }
.v1-check-list li::before { content: "\f00c"; font-family: "Font Awesome 6 Free"; font-weight: 900; position: absolute; left: 0; top: 3px; color: var(--dmv1-accent); font-size: 0.9rem; }
.v1-btn-wrapper { text-align: center; margin-top: 35px; margin-bottom: 10px; position: relative; z-index: 10; }
.v1-btn-cta { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; background: linear-gradient(135deg, #0059a4 0%, #003d75 100%) !important; color: #ffffff !important; font-weight: 700 !important; font-size: 1.05rem !important; padding: 16px 40px !important; border-radius: 50px !important; text-decoration: none !important; box-shadow: 0 10px 25px rgba(0, 89, 164, 0.35) !important; transition: all 0.3s ease !important; border: none !important; }
.v1-btn-cta span { color: #ffffff !important; }
.v1-btn-cta i { color: #8dc63f !important; font-size: 1.1rem !important; transition: transform 0.3s ease !important; }
.v1-btn-cta:hover { background: linear-gradient(135deg, #004b8b 0%, #002d57 100%) !important; transform: translateY(-3px) !important; box-shadow: 0 14px 30px rgba(0, 89, 164, 0.5) !important; }
.v1-btn-cta:hover i { transform: translateX(4px) !important; }

.v1-hire-card { background: #ffffff; border-radius: 16px; padding: 28px; border: 1px solid var(--dmv1-border); box-shadow: var(--dmv1-shadow-sm); transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); height: 100%; }
.v1-hire-card:hover { transform: translateY(-6px); box-shadow: var(--dmv1-shadow-md); border-color: var(--dmv1-primary); }
.v1-hire-icon { width: 52px; height: 52px; border-radius: 14px; background: rgba(26, 86, 219, 0.08); color: var(--dmv1-primary); display: flex; align-items: center; justify-content: center; font-size: 1.3rem; margin-bottom: 18px; }
/* --- Styles from mobile-app-design-v1.php --- */
.v1-legacy-wrapper { background: #ffffff; font-family: var(--dmv1-font-body); }
.v1-sec-title { color: var(--dmv1-text-dark); font-weight: 800; font-size: 2.2rem; letter-spacing: -0.02em; text-align: center; margin-bottom: 20px; }
.v1-accent-line, .animate-border { display: none !important; }
.v1-intro-section { background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%); padding: 70px 0; border-bottom: 1px solid var(--dmv1-border); }
.v1-intro-card { background: #ffffff; border-radius: 20px; padding: 40px; box-shadow: 0 15px 35px rgba(15,23,42,0.05); border: 1px solid rgba(226,232,240,0.8); }
.v1-check-list { list-style: none; padding-left: 0 !important; margin-bottom: 0; }
.v1-check-list li { position: relative; padding-left: 28px; margin-bottom: 12px; color: var(--dmv1-text-muted); font-size: 0.96rem; line-height: 1.6; }
.v1-check-list li::before { content: "\f00c"; font-family: "Font Awesome 6 Free"; font-weight: 900; position: absolute; left: 0; top: 3px; color: var(--dmv1-accent); font-size: 0.9rem; }
.v1-btn-wrapper { text-align: center; margin-top: 35px; margin-bottom: 10px; }
.v1-btn-cta { display: inline-flex !important; align-items: center !important; gap: 10px !important; background: linear-gradient(135deg, #0059a4 0%, #003d75 100%) !important; color: #ffffff !important; font-weight: 700 !important; font-size: 1.05rem !important; padding: 16px 40px !important; border-radius: 50px !important; text-decoration: none !important; box-shadow: 0 10px 25px rgba(0,89,164,0.35) !important; transition: all 0.3s ease !important; }
.v1-btn-cta span { color: #ffffff !important; }
.v1-btn-cta i { color: #8dc63f !important; font-size: 1.1rem !important; }
/* --- Styles from mobile-app-development-company-v1.php --- */
.v1-legacy-wrapper {
    background: #ffffff;
    font-family: var(--dmv1-font-body);
}
.v1-sec-title {
    color: var(--dmv1-text-dark);
    font-weight: 800;
    font-size: 2.2rem;
    letter-spacing: -0.02em;
    text-align: center;
    margin-bottom: 20px;
}
.v1-accent-line, .animate-border {
    display: none !important;
}
.v1-intro-section {
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    padding: 70px 0;
    border-bottom: 1px solid var(--dmv1-border);
}
.v1-intro-card {
    background: #ffffff;
    border-radius: 20px;
    padding: 40px;
    box-shadow: 0 15px 35px rgba(15,23,42,0.05);
    border: 1px solid rgba(226,232,240,0.8);
}
.v1-strat-section {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
    padding: 80px 0;
    color: #ffffff;
    position: relative;
    overflow: hidden;
}
.v1-strat-pill {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(10px);
    border-radius: 12px;
    padding: 16px 20px;
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    gap: 14px;
    color: #f1f5f9;
    font-size: 0.98rem;
    transition: all 0.3s ease;
}
.v1-strat-pill:hover {
    background: rgba(255, 255, 255, 0.14);
    transform: translateX(6px);
}
.v1-strat-pill i {
    color: #8dc63f;
    font-size: 1.1rem;
}
.v1-hire-card {
    background: #ffffff;
    border-radius: 16px;
    padding: 28px;
    border: 1px solid var(--dmv1-border);
    box-shadow: var(--dmv1-shadow-sm);
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    height: 100%;
}
.v1-hire-card:hover {
    transform: translateY(-6px);
    box-shadow: var(--dmv1-shadow-md);
    border-color: var(--dmv1-primary);
}
.v1-check-list {
    list-style: none;
    padding-left: 0 !important;
    margin-bottom: 0;
}
.v1-check-list li {
    position: relative;
    padding-left: 28px;
    margin-bottom: 12px;
    color: var(--dmv1-text-muted);
    font-size: 0.96rem;
    line-height: 1.6;
}
.v1-check-list li::before {
    content: "\f00c";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 3px;
    color: var(--dmv1-accent);
    font-size: 0.9rem;
}
.v1-btn-wrapper {
    text-align: center;
    margin-top: 35px;
    margin-bottom: 10px;
    position: relative;
    z-index: 10;
}
.v1-btn-cta {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    background: linear-gradient(135deg, #0059a4 0%, #003d75 100%) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 1.05rem !important;
    padding: 16px 40px !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    box-shadow: 0 10px 25px rgba(0,89,164,0.35) !important;
    transition: all 0.3s ease !important;
    border: none !important;
}
.v1-btn-cta span { color: #ffffff !important; }
.v1-btn-cta i { color: #8dc63f !important; font-size: 1.1rem !important; transition: transform 0.3s ease !important; }
.v1-btn-cta:hover {
    background: linear-gradient(135deg, #004b8b 0%, #002d57 100%) !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 14px 30px rgba(0,89,164,0.5) !important;
}
.v1-btn-cta:hover i { transform: translateX(4px) !important; }
/* --- Styles from website-development-v1.php --- */
.v1-legacy-wrapper { background: #ffffff; font-family: var(--dmv1-font-body); }
.v1-sec-title { color: var(--dmv1-text-dark); font-weight: 800; font-size: 2.2rem; letter-spacing: -0.02em; text-align: center; margin-bottom: 20px; }
.v1-accent-line, .animate-border { display: none !important; }
.v1-intro-section { background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%); padding: 70px 0; border-bottom: 1px solid var(--dmv1-border); }
.v1-intro-card { background: #ffffff; border-radius: 20px; padding: 40px; box-shadow: 0 15px 35px rgba(15, 23, 42, 0.05); border: 1px solid rgba(226, 232, 240, 0.8); }
.v1-check-list { list-style: none; padding-left: 0 !important; margin-bottom: 0; }
.v1-check-list li { position: relative; padding-left: 28px; margin-bottom: 12px; color: var(--dmv1-text-muted); font-size: 0.96rem; line-height: 1.6; }
.v1-check-list li::before { content: "\f00c"; font-family: "Font Awesome 6 Free"; font-weight: 900; position: absolute; left: 0; top: 3px; color: var(--dmv1-accent); font-size: 0.9rem; }
.v1-btn-wrapper { text-align: center; margin-top: 35px; margin-bottom: 10px; position: relative; z-index: 10; }
.v1-btn-cta { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; background: linear-gradient(135deg, #0059a4 0%, #003d75 100%) !important; color: #ffffff !important; font-weight: 700 !important; font-size: 1rem !important; padding: 15px 36px !important; border-radius: 50px !important; text-decoration: none !important; box-shadow: 0 10px 25px rgba(0, 89, 164, 0.35) !important; transition: all 0.3s ease !important; border: none !important; max-width: 100%; }
.v1-btn-cta span { color: #ffffff !important; }
.v1-btn-cta i { color: #8dc63f !important; font-size: 1.1rem !important; transition: transform 0.3s ease !important; }
.v1-btn-cta:hover { background: linear-gradient(135deg, #004b8b 0%, #002d57 100%) !important; transform: translateY(-3px) !important; box-shadow: 0 14px 30px rgba(0, 89, 164, 0.5) !important; }
.v1-btn-cta:hover i { transform: translateX(4px) !important; }

/* Group Banners */
.v1-group-banner {
    background: linear-gradient(135deg, #123A63 0%, #0d2c4b 100%);
    color: #ffffff;
    border-radius: 14px;
    padding: 18px 24px;
    margin: 40px 0 24px 0;
    display: flex;
    align-items: center;
    gap: 16px;
    box-shadow: 0 8px 20px rgba(18, 58, 99, 0.15);
}
.v1-group-banner__icon {
    width: 42px;
    height: 42px;
    border-radius: 10px;
    background: rgba(225, 166, 26, 0.2);
    color: #E1A61A;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    flex-shrink: 0;
}
.v1-group-banner__title {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 800;
    color: #ffffff;
    letter-spacing: -0.01em;
}

.v1-hire-card { background: #ffffff; border-radius: 16px; padding: 28px; border: 1px solid var(--dmv1-border); box-shadow: var(--dmv1-shadow-sm); transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); height: 100%; }
.v1-hire-card:hover { transform: translateY(-6px); box-shadow: var(--dmv1-shadow-md); border-color: var(--dmv1-primary); }
.v1-hire-icon { width: 52px; height: 52px; border-radius: 14px; background: rgba(26, 86, 219, 0.08); color: var(--dmv1-primary); display: flex; align-items: center; justify-content: center; font-size: 1.3rem; margin-bottom: 18px; }

.tech-grid { display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; margin-top: 30px; }
.tech-item { background: #ffffff; border: 1px solid var(--dmv1-border); border-radius: 12px; padding: 15px 25px; display: flex; align-items: center; gap: 12px; box-shadow: var(--dmv1-shadow-sm); transition: all 0.3s ease; }
.tech-item:hover { transform: translateY(-4px); box-shadow: var(--dmv1-shadow-md); border-color: var(--dmv1-primary); }
.tech-item img { width: 36px; height: 36px; object-fit: contain; }
.tech-item h6 { margin: 0; font-weight: 700; font-size: 0.95rem; color: var(--dmv1-text-dark); }