/*
 * ====================================================
 * Standardized Typography System
 * ====================================================
 * Ensures all frontend sections use consistent, uniform
 * font sizes for headings, paragraphs, subtitles, etc.
 * Inspired by internetcarrier.com.bd's clean approach.
 * ====================================================
 */

/* ================================================== */
/* 1. Base Typography Reset                           */
/* ================================================== */
body {
    line-height: 1.6;
}

/* ================================================== */
/* 2. Standardized Section Titles (All Sections)      */
/* ================================================== */

/* All main section titles: uniform 2.2rem (~35px) */
h1.section-main-title,
h1.section-main-title2,
.section-title h1,
.about-area h1.section-main-title,
.service-area h1.section-main-title,
.pricing-area h1.section-main-title,
.testimonial-area h1.section-main-title,
.project-area h1.section-main-title,
.blog-area h1.section-main-title,
.contact-area h1.section-main-title,
.faq-area h1.section-main-title,
.team-area h1.section-main-title,
.case-studies-area h1.section-main-title,
.about-section h1.section-main-title,
.working-proces-area h1.section-main-title,
.about-us-area h1.section-main-title,
.coverage-area h1.section-main-title,
.corporate-clients-area h1.section-main-title,
.process-timeline-area h1.section-main-title {
    font-size: 2.2rem !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    margin-bottom: 10px;
}

/* ================================================== */
/* 3. Standardized Sub-Titles / Badge Pills           */
/* ================================================== */

/* All section sub-title badges: uniform 0.88rem (~14px) */
h5.section-sub-title,
h6.section-sub-title,
.section-sub-title {
    font-size: 0.88rem !important;
    line-height: 1.6 !important;
    font-weight: 600 !important;
}

/* ================================================== */
/* 4. Standardized Paragraph / Body Text              */
/* ================================================== */

/* All section description paragraphs: uniform 1rem (16px) */
p.section-title-descr,
p.section-descr,
.about-area p,
.service-area p,
.pricing-area p,
.project-area p,
.blog-area p,
.testimonial-area p,
.faq-area p,
.team-area p,
.contact-area p {
    font-size: 1rem !important;
    line-height: 1.6 !important;
}

/* ================================================== */
/* 5. Standardized Card Titles                        */
/* ================================================== */

/* Service, project, blog titles: uniform 1.15rem (~18px) */
.service-single-box h3,
.service-single-box .service-title,
.blog-singele-box h3,
.blog-singele-box .blog-title,
.project-single-box h3,
.testi-single-box h3,
.single-service-box h3 {
    font-size: 1.15rem !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
}

.speed-feature-title,
.speed-unified-card .speed-feature-title {
    font-size: 18px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
}

/* Card body text: uniform 0.95rem (~15px) */
.service-single-box p,
.service-single-box .service-text,
.blog-singele-box p,
.project-single-box p,
.testi-single-box p,
.single-service-box p,
.speed-feature-desc {
    font-size: 0.95rem !important;
    line-height: 1.6 !important;
}

@media (min-width: 992px) {
    .speed-metric-label,
    .speed-metric-val {
        font-size: 15px !important;
    }
}

/* ================================================== */
/* 6. Standardized Pricing Section                    */
/* ================================================== */

h3.priching-title {
    font-size: 1.25rem !important;
    font-weight: 700 !important;
}

ul.pricing-list li,
.plan-feature-tag,
.plan-billing-text,
.horizontal-plan-card small,
.home-usage-tab,
.calc-title,
.calc-label,
.calc-select,
#homeSpeedVal,
.btn-offers-view-all,
.homepage-offer-card .card-text {
    font-size: 0.95rem !important;
    line-height: 1.6 !important;
}

/* ================================================== */
/* 7. Standardized Coverage Area & Inspector          */
/* ================================================== */

.map-panel-title {
    font-size: 1.15rem !important;
    font-weight: 700 !important;
}

.map-node-title {
    font-size: 15px !important;
    font-weight: 500 !important;
}

/* ================================================== */
/* 8. Standardized FAQ Accordion                      */
/* ================================================== */

.faq-area .accordion-button {
    font-size: 1rem !important;
    font-weight: 600 !important;
}

.faq-area .accordion-body {
    font-size: 0.95rem !important;
    line-height: 1.6 !important;
}

/* ================================================== */
/* 8. Standardized Footer Text                        */
/* ================================================== */

.footer-area p,
.footer-area a,
.footer-area li {
    font-size: 0.95rem !important;
    line-height: 1.6 !important;
}

.footer-area h3,
.footer-area h4 {
    font-size: 1.15rem !important;
    font-weight: 700 !important;
}

/* ================================================== */
/* 9. Standardized Navigation                         */
/* ================================================== */

.solutek_nav_manu .navbar-nav li a {
    font-size: 0.95rem !important;
    font-weight: 600 !important;
}

/* ================================================== */
/* 10. Standardized Feature Cards                     */
/* ================================================== */

.feature-sinble-single-box h3.feature-title,
.feature-sinble-single-box .feature-title {
    font-size: 1.15rem !important; /* ~18px */
    line-height: 1.35 !important;
    font-weight: 700 !important;
}

.feature-sinble-single-box p.feature-text,
.feature-sinble-single-box .feature-text {
    font-size: 0.95rem !important; /* ~15px */
    line-height: 1.6 !important;
    font-weight: 400 !important;
}

/* ================================================== */
/* 11. Standardized Contact Form                      */
/* ================================================== */

.contact-area h1.section-main-title {
    font-size: 2.2rem !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
}

/* ================================================== */
/* 12. Mobile Responsive Standardization              */
/* ================================================== */

@media (max-width: 991.98px) {
    h1.section-main-title,
    h1.section-main-title2,
    .section-title h1 {
        font-size: 1.75rem !important;
        line-height: 1.3 !important;
    }

    h5.section-sub-title,
    h6.section-sub-title,
    .section-sub-title {
        font-size: 0.8rem !important;
    }

    .contact-area h1.section-main-title {
        font-size: 1.75rem !important;
    }
}

@media (max-width: 767.98px) {
    h1.section-main-title,
    h1.section-main-title2,
    .section-title h1 {
        font-size: 1.5rem !important;
        line-height: 1.3 !important;
    }

    h5.section-sub-title,
    h6.section-sub-title,
    .section-sub-title {
        font-size: 0.75rem !important;
    }

    .contact-area h1.section-main-title {
        font-size: 1.5rem !important;
    }

    .top-marquee-bar,
    .top-header-area,
    .top-marquee-item,
    .top-marquee-link {
        font-size: 0.95rem !important;
    }

    .speed-feature-title,
    .speed-unified-card .speed-feature-title {
        font-size: 16px !important;
    }
}

/* ================================================== */
/* 13. Standardized Top Scrolling Marquee Bar          */
/* ================================================== */

.top-marquee-bar,
.top-header-area.top-marquee-bar {
    background-color: #050A1E !important;
    font-size: 0.95rem !important;
    line-height: 1.5 !important;
}

body.dark-theme .top-marquee-bar,
body.dark-theme .top-header-area.top-marquee-bar {
    background-color: #030712 !important;
}

.top-marquee-item,
.top-marquee-link {
    font-size: 0.95rem !important;
    font-weight: 500 !important;
    letter-spacing: 0.25px !important;
    color: #ffffff !important;
}

.top-marquee-item i,
.top-marquee-link i {
    margin-right: 9px !important;
    font-size: 0.95rem !important;
    color: #ff5e14 !important;
}

.top-marquee-dot {
    color: #ff5e14 !important;
    opacity: 0.75 !important;
}

/* ================================================== */
/* 14. 100% Bangla & English Font Size Parity (1:1)   */
/*     Guarantees identical font-size across languages*/
/* ================================================== */

html.lang-bn,
body.lang-bn,
[lang="bn"],
.bn-font,
.bangla-font {
    font-size: inherit;
    letter-spacing: normal;
}

html.lang-bn *,
body.lang-bn * {
    letter-spacing: normal;
}

/* ================================================== */
/* 10. Standardized Footer Typography                 */
/* ================================================== */
.footer-widget .widget-title h2 {
    font-size: 19px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    letter-spacing: 0.5px;
}

.footer-contact-list li,
.footer-contact-list .contact-text strong,
.footer-contact-list .contact-text span,
.footer-contact-list .contact-text a,
.footer-widget.left ul li a {
    font-size: 15px !important;
    line-height: 1.6 !important;
}

.footer-area .copyright p,
.footer-area .copyright-list span {
    font-size: 14px !important;
}

/* ================================================== */
/* 11. Standardized Offer Card Action Buttons         */
/* ================================================== */
.btn-offer-learn-more {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 7px 16px !important;
    border-radius: 8px !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    color: #ff5e14 !important;
    background: transparent !important;
    border: 1.5px solid #ff5e14 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.btn-offer-learn-more i {
    font-size: 14px !important;
    color: #ff5e14 !important;
}

.btn-offer-learn-more:hover {
    color: #ff5e14 !important;
    background: rgba(255, 94, 20, 0.08) !important;
    border-color: #ff5e14 !important;
    box-shadow: 0 4px 12px rgba(255, 94, 20, 0.2) !important;
}

.btn-offer-claim-deal {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 7px 16px !important;
    border-radius: 8px !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, #ff5e14 0%, #ff732e 100%) !important;
    border: none !important;
    text-decoration: none !important;
    box-shadow: 0 4px 12px rgba(255, 94, 20, 0.3) !important;
    transition: all 0.2s ease !important;
}

.btn-offer-claim-deal i {
    font-size: 14px !important;
    color: #ffffff !important;
}

.btn-offer-claim-deal:hover {
    color: #ffffff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 16px rgba(255, 94, 20, 0.45) !important;
}

body.dark-theme .btn-offer-learn-more {
    color: #ff7a3d !important;
    border-color: #ff7a3d !important;
}

body.dark-theme .btn-offer-learn-more:hover {
    background: rgba(255, 122, 61, 0.15) !important;
    color: #ff9466 !important;
}