/* Modern Consultation Section */
.modern-consultation-section {
    background: #f8fafc;
    margin: 2.5rem 0;
    border-radius: 1.5rem;
    box-shadow: 0 4px 24px 0 rgba(0,0,0,0.07);
    padding: 2.5rem 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.modern-consultation-section .modern-section-content {
    display: flex;
    align-items: center;
    gap: 2.5rem;
    flex-wrap: wrap;
}
.modern-consultation-section .modern-section-icon {
    font-size: 3.5rem;
    color: #0ea5e9;
    background: #e0f2fe;
    border-radius: 50%;
    width: 5.5rem;
    height: 5.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px 0 rgba(14,165,233,0.08);
}
.modern-consultation-section .modern-section-text {
    max-width: 600px;
}
.modern-consultation-section h2 {
    font-size: 2.1rem;
    font-weight: 700;
    margin-bottom: 1rem;
    color: #0f172a;
}
.modern-consultation-section p {
    font-size: 1.1rem;
    color: #334155;
    margin-bottom: 1.5rem;
}
.modern-consultation-section .modern-cta-btn {
    display: inline-block;
    background: linear-gradient(90deg, #0ea5e9 0%, #2563eb 100%);
    color: #fff;
    font-weight: 600;
    padding: 0.9rem 2.2rem;
    border-radius: 2rem;
    font-size: 1.1rem;
    box-shadow: 0 2px 8px 0 rgba(14,165,233,0.13);
    text-decoration: none;
    transition: background 0.2s, box-shadow 0.2s;
}
.modern-consultation-section .modern-cta-btn:hover {
    background: linear-gradient(90deg, #2563eb 0%, #0ea5e9 100%);
    box-shadow: 0 4px 16px 0 rgba(14,165,233,0.18);
}
@media (max-width: 700px) {
    .modern-consultation-section .modern-section-content {
        flex-direction: column;
        gap: 1.5rem;
        align-items: flex-start;
    }
    .modern-consultation-section .modern-section-icon {
        margin-bottom: 0.5rem;
    }
    .modern-consultation-section .modern-section-text {
        max-width: 100%;
    }
}
/* Modern FAQ Section */
.modern-faq-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 18px;
}
.modern-faq-list li {
    background: #f8fafc;
    border-radius: 14px;
    padding: 18px 22px;
    font-size: 1.08rem;
    color: #2a2a2a;
    display: flex;
    align-items: flex-start;
    gap: 14px;
    box-shadow: 0 2px 8px rgba(10,61,98,0.04);
    flex-direction: column;
}
.faq-icon {
    font-size: 1.5rem;
    margin-right: 8px;
    flex-shrink: 0;
    margin-bottom: 4px;
}
.faq-answer {
    color: #444;
    font-size: 1.01rem;
    margin-top: 2px;
    display: block;
}
/* Modern Coverage Section */
.modern-coverage-blocks {
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
    margin-top: 18px;
}
.modern-coverage-local, .modern-coverage-international {
    background: #f8fafc;
    border-radius: 16px;
    box-shadow: 0 2px 8px rgba(10,61,98,0.04);
    padding: 22px 18px 18px 18px;
    min-width: 260px;
    flex: 1 1 320px;
}
.modern-coverage-local h3, .modern-coverage-international h3 {
    font-size: 1.15rem;
    font-weight: 700;
    color: #0a3d62;
    margin: 0 0 8px 0;
    display: flex;
    align-items: center;
    gap: 8px;
}
.coverage-icon {
    font-size: 1.3rem;
    margin-right: 4px;
}
.modern-coverage-local ul, .modern-coverage-international ul {
    padding-left: 18px;
    margin: 0;
    font-size: 1.05rem;
    color: #2a2a2a;
    line-height: 1.7;
}
/* Modern Who Should Use Section */
.modern-who-should-use-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 18px;
}
.modern-who-should-use-list li {
    background: #f8fafc;
    border-radius: 14px;
    padding: 18px 22px;
    font-size: 1.08rem;
    color: #2a2a2a;
    display: flex;
    align-items: flex-start;
    gap: 14px;
    box-shadow: 0 2px 8px rgba(10,61,98,0.04);
}
.who-icon {
    font-size: 1.5rem;
    margin-right: 8px;
    flex-shrink: 0;
    margin-top: 2px;
}
/* Modern Why Choose Section */
.modern-why-fortune-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 18px;
}
.modern-why-fortune-list li {
    background: #f8fafc;
    border-radius: 14px;
    padding: 18px 22px;
    font-size: 1.08rem;
    color: #2a2a2a;
    display: flex;
    align-items: flex-start;
    gap: 14px;
    box-shadow: 0 2px 8px rgba(10,61,98,0.04);
}
.why-icon {
    font-size: 1.5rem;
    margin-right: 8px;
    flex-shrink: 0;
    margin-top: 2px;
}
/* Modern Process Section */
.modern-process-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 18px;
    counter-reset: modern-step;
}
.modern-process-list li {
    background: #f8fafc;
    border-radius: 14px;
    padding: 18px 22px;
    font-size: 1.08rem;
    color: #2a2a2a;
    display: flex;
    align-items: flex-start;
    gap: 14px;
    box-shadow: 0 2px 8px rgba(10,61,98,0.04);
    position: relative;
}
.process-icon {
    font-size: 1.5rem;
    margin-right: 8px;
    flex-shrink: 0;
    margin-top: 2px;
}
/* Modern Analytics Section */
.modern-analytics-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 18px;
}
.modern-analytics-list li {
    background: #f8fafc;
    border-radius: 14px;
    padding: 18px 22px;
    font-size: 1.08rem;
    color: #2a2a2a;
    display: flex;
    align-items: flex-start;
    gap: 14px;
    box-shadow: 0 2px 8px rgba(10,61,98,0.04);
}
.analytics-icon {
    font-size: 1.5rem;
    margin-right: 8px;
    flex-shrink: 0;
    margin-top: 2px;
}
/* Modern Influencer Section */
.modern-influencer-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 18px;
}
.modern-influencer-list li {
    background: #f8fafc;
    border-radius: 14px;
    padding: 18px 22px;
    font-size: 1.08rem;
    color: #2a2a2a;
    display: flex;
    align-items: flex-start;
    gap: 14px;
    box-shadow: 0 2px 8px rgba(10,61,98,0.04);
}
.influencer-icon {
    font-size: 1.5rem;
    margin-right: 8px;
    flex-shrink: 0;
    margin-top: 2px;
}
/* Modern Automation Section */
.modern-automation-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 18px;
}
.modern-automation-list li {
    background: #f8fafc;
    border-radius: 14px;
    padding: 18px 22px;
    font-size: 1.08rem;
    color: #2a2a2a;
    display: flex;
    align-items: flex-start;
    gap: 14px;
    box-shadow: 0 2px 8px rgba(10,61,98,0.04);
}
.automation-icon {
    font-size: 1.5rem;
    margin-right: 8px;
    flex-shrink: 0;
    margin-top: 2px;
}
/* Modern Lead Generation Section */
.modern-lead-gen-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 18px;
}
.modern-lead-gen-list li {
    background: #f8fafc;
    border-radius: 14px;
    padding: 18px 22px;
    font-size: 1.08rem;
    color: #2a2a2a;
    display: flex;
    align-items: flex-start;
    gap: 14px;
    box-shadow: 0 2px 8px rgba(10,61,98,0.04);
}
.lead-icon {
    font-size: 1.5rem;
    margin-right: 8px;
    flex-shrink: 0;
    margin-top: 2px;
}
/* Modern Paid Ads Section */
.modern-paid-ads-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 18px;
}
.modern-paid-ads-list li {
    background: #f8fafc;
    border-radius: 14px;
    padding: 18px 22px;
    font-size: 1.08rem;
    color: #2a2a2a;
    display: flex;
    align-items: flex-start;
    gap: 14px;
    box-shadow: 0 2px 8px rgba(10,61,98,0.04);
}
.paid-icon {
    font-size: 1.5rem;
    margin-right: 8px;
    flex-shrink: 0;
    margin-top: 2px;
}
/* Modern Content Creation Section */
.modern-content-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 18px;
}
.modern-content-list li {
    background: #f8fafc;
    border-radius: 14px;
    padding: 18px 22px;
    font-size: 1.08rem;
    color: #2a2a2a;
    display: flex;
    align-items: flex-start;
    gap: 14px;
    box-shadow: 0 2px 8px rgba(10,61,98,0.04);
}
.content-icon {
    font-size: 1.5rem;
    margin-right: 8px;
    flex-shrink: 0;
    margin-top: 2px;
}
/* Modern Platforms Section */
.modern-platforms-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 22px;
    margin-top: 18px;
}
.modern-platform {
    background: #f8fafc;
    border-radius: 16px;
    box-shadow: 0 2px 8px rgba(10,61,98,0.04);
    padding: 22px 18px 18px 18px;
    display: flex;
    align-items: flex-start;
    gap: 14px;
    min-height: 120px;
}
.platform-icon {
    font-size: 2rem;
    margin-right: 8px;
    flex-shrink: 0;
    margin-top: 2px;
}
.modern-platform h3 {
    font-size: 1.15rem;
    font-weight: 700;
    color: #0a3d62;
    margin: 0 0 4px 0;
}
.modern-platform p {
    font-size: 1rem;
    color: #2a2a2a;
    margin: 0;
}
/* Modern Services Section */
.modern-services-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 18px;
}
.modern-services-list li {
    background: #f8fafc;
    border-radius: 14px;
    padding: 18px 22px;
    font-size: 1.08rem;
    color: #2a2a2a;
    display: flex;
    align-items: flex-start;
    gap: 14px;
    box-shadow: 0 2px 8px rgba(10,61,98,0.04);
}
.service-icon {
    font-size: 1.5rem;
    margin-right: 8px;
    flex-shrink: 0;
    margin-top: 2px;
}
/* Modern Benefits Section */
.modern-section-subtitle {
    font-size: 1.18rem;
    color: #1e5a8a;
    font-weight: 600;
    margin-bottom: 18px;
}
.modern-benefits-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 18px;
}
.modern-benefits-list li {
    background: #f8fafc;
    border-radius: 14px;
    padding: 18px 22px;
    font-size: 1.08rem;
    color: #2a2a2a;
    display: flex;
    align-items: flex-start;
    gap: 14px;
    box-shadow: 0 2px 8px rgba(10,61,98,0.04);
}
.benefit-icon {
    font-size: 1.5rem;
    margin-right: 8px;
    flex-shrink: 0;
    margin-top: 2px;
}
/* Modern Section Card Styles */
.modern-section-card {
    background: #fff;
    border-radius: 22px;
    box-shadow: 0 4px 32px rgba(10,61,98,0.07);
    margin: 40px auto 32px auto;
    padding: 36px 0 36px 0;
    max-width: 900px;
}
.section-icon-title {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 18px;
}
.section-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 2px 8px rgba(255,126,41,0.10);
    width: 54px;
    height: 54px;
}
.section-icon svg {
    display: block;
}
.modern-card-content {
    font-size: 1.13rem;
    color: #2a2a2a;
    line-height: 1.7;
    padding-left: 8px;
}
.modern-section-card h2 {
    font-size: 2rem;
    font-weight: 700;
    color: #0a3d62;
    margin: 0;
}
/* Modern Hero Section Redesign */
.modern-hero-content {
    background: none;
    padding: 32px 0 32px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
}
.hero-badge {
    display: inline-flex;
    align-items: center;
    background: #e0e7ef;
    color: #0a3d62;
    font-weight: 600;
    font-size: 1rem;
    border-radius: 999px;
    padding: 6px 18px 6px 10px;
    margin-bottom: 8px;
    gap: 8px;
    letter-spacing: 0.02em;
}
.hero-title {
    font-size: 2.8rem;
    font-weight: 800;
    color: #0a3d62;
    margin-bottom: 0.2em;
    letter-spacing: -1px;
}
.hero-subtitle {
    font-size: 1.5rem;
    font-weight: 600;
    color: #1e5a8a;
    margin-bottom: 0.7em;
}
.highlight {
    color: #ff7e29;
    font-weight: 700;
}
.hero-desc {
    font-size: 1.15rem;
    color: #333;
    margin-bottom: 0.5em;
}
.modern-cta {
    gap: 18px;
    margin-top: 10px;
}
.modern-btn {
    font-size: 1.08rem;
    border-radius: 30px;
    box-shadow: 0 2px 12px rgba(10,61,98,0.07);
    padding: 13px 34px;
    font-weight: 700;
    letter-spacing: 0.01em;
}
.modern-btn.primary {
    background: linear-gradient(90deg, #0a3d62 60%, #1e5a8a 100%);
    color: #fff;
    border: none;
}
.modern-btn.primary:hover {
    background: linear-gradient(90deg, #1e5a8a 60%, #0a3d62 100%);
}
.modern-btn.secondary {
    background: #fff;
    color: #0a3d62;
    border: 2px solid #0a3d62;
}
.modern-btn.secondary:hover {
    background: #e0e7ef;
}
.modern-hero-video {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}
.video-frame {
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 6px 32px rgba(10,61,98,0.13);
    background: #000;
    max-width: 420px;
}
.video-frame video {
    width: 100%;
    display: block;
    border-radius: 20px;
}
.service-area svg {
    vertical-align: middle;
    margin-right: 6px;
}
/* SMO & Digital Marketing Page Styles */
body {
    font-family: 'Segoe UI', Arial, sans-serif;
    background: #f8fafc;
    margin: 0;
    color: #222;
}
.hero-section {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 60px 20px 40px 20px;
    background: linear-gradient(90deg, #f0f4f8 60%, #e0e7ef 100%);
    min-height: 60vh;
}
.hero-content {
    flex: 1 1 350px;
    max-width: 540px;
    padding: 20px 30px 20px 0;
}
.hero-content h1 {
    font-size: 2.5rem;
    color: #0a3d62;
    margin-bottom: 10px;
}
.hero-content h2 {
    font-size: 1.4rem;
    color: #1e5a8a;
    margin-bottom: 18px;
    font-weight: 500;
}
.hero-content p {
    font-size: 1.1rem;
    margin-bottom: 10px;
}
.service-area {
    font-size: 1rem;
    color: #3b3b3b;
    margin-bottom: 22px;
}
.cta-buttons {
    display: flex;
    gap: 16px;
    margin-bottom: 10px;
}
.btn {
    display: inline-block;
    padding: 12px 28px;
    border-radius: 25px;
    text-decoration: none;
    font-weight: 600;
    font-size: 1rem;
    transition: background 0.2s, color 0.2s;
}
.btn.primary {
    background: #0a3d62;
    color: #fff;
}
.btn.primary:hover {
    background: #1e5a8a;
}
.btn.secondary {
    background: #fff;
    color: #0a3d62;
    border: 2px solid #0a3d62;
}
.btn.secondary:hover {
    background: #e0e7ef;
}
.hero-video {
    flex: 1 1 320px;
    max-width: 480px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}
.hero-video video {
    width: 100%;
    max-width: 420px;
    border-radius: 18px;
    box-shadow: 0 4px 24px rgba(10,61,98,0.08);
    background: #000;
}
@media (max-width: 900px) {
    .hero-section {
        flex-direction: column;
        padding: 40px 10px 20px 10px;
    }
    .hero-content, .hero-video {
        max-width: 100%;
        padding: 10px 0;
    }
    .hero-content {
        text-align: center;
    }
}