/* ===== Original style block 2 ===== */
html { box-sizing: border-box; }
*, *::before, *::after { box-sizing: inherit; }

    .premium-services-section {
        padding: 90px 20px;
        background: linear-gradient(180deg, #f8fbff 0%, #eef4ff 100%);
        font-family: 'Segoe UI', Arial, sans-serif;
        position: relative;
        overflow: hidden;
    }

    .premium-services-section::before {
        content: "";
        position: absolute;
        top: -120px;
        left: -120px;
        width: 260px;
        height: 260px;
        background: rgba(37, 99, 235, 0.08);
        border-radius: 50%;
    }

    .premium-services-section::after {
        content: "";
        position: absolute;
        bottom: -100px;
        right: -100px;
        width: 240px;
        height: 240px;
        background: rgba(14, 165, 233, 0.08);
        border-radius: 50%;
    }

    .premium-services-section .container {
        max-width: 1280px;
        margin: 0 auto;
        position: relative;
        z-index: 2;
    }

    .section-header {
        text-align: center;
        max-width: 850px;
        margin: 0 auto 55px;
    }

    .mini-title {
        display: inline-block;
        padding: 8px 18px;
        border-radius: 30px;
        background: rgba(37, 99, 235, 0.10);
        color: #2563eb;
        font-size: 13px;
        font-weight: 700;
        letter-spacing: 1.5px;
        text-transform: uppercase;
        margin-bottom: 18px;
    }

    .section-header h2 {
        font-size: 42px;
        line-height: 1.2;
        font-weight: 800;
        color: #0f172a;
        margin-bottom: 18px;
    }

    .section-header p {
        font-size: 16px;
        line-height: 1.9;
        color: #475569;
    }

    .services-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 28px;
    }

    .service-link {
        text-decoration: none;
        color: inherit;
        display: block;
    }

    .service-box {
        position: relative;
        background: #ffffff;
        border-radius: 22px;
        padding: 28px 24px;
        box-shadow: 0 12px 35px rgba(15, 23, 42, 0.08);
        border: 1px solid rgba(148, 163, 184, 0.18);
        transition: all 0.35s ease;
        overflow: hidden;
        height: 100%;
    }

    .service-box::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 5px;
        background: linear-gradient(90deg, #2563eb, #06b6d4);
    }

    .service-link:hover .service-box {
        transform: translateY(-10px);
        box-shadow: 0 18px 45px rgba(37, 99, 235, 0.18);
        border-color: rgba(37, 99, 235, 0.25);
    }

    .service-box .icon {
        width: 58px;
        height: 58px;
        border-radius: 16px;
        background: linear-gradient(135deg, #2563eb, #06b6d4);
        color: #fff;
        font-size: 18px;
        font-weight: 700;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 20px;
        box-shadow: 0 10px 24px rgba(37, 99, 235, 0.22);
    }

    .service-box h3 {
        font-size: 21px;
        font-weight: 700;
        color: #0f172a;
        margin-bottom: 14px;
        line-height: 1.35;
    }

    .service-box p {
        font-size: 15px;
        line-height: 1.8;
        color: #64748b;
    }

    .service-box.featured {
        background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
        border: 1px solid rgba(37, 99, 235, 0.22);
    }

    @media (max-width: 1199px) {
        .services-grid {
            grid-template-columns: repeat(3, 1fr);
        }
    }

    @media (max-width: 991px) {
        .premium-services-section {
            padding: 75px 18px;
        }

        .section-header h2 {
            font-size: 34px;
        }

        .services-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 22px;
        }
    }

    @media (max-width: 767px) {
        .section-header h2 {
            font-size: 28px;
        }

        .section-header p {
            font-size: 15px;
            line-height: 1.8;
        }

        .service-box {
            padding: 24px 20px;
            border-radius: 18px;
        }

        .service-box h3 {
            font-size: 19px;
        }
    }

    @media (max-width: 576px) {
        .premium-services-section {
            padding: 60px 15px;
        }

        .services-grid {
            grid-template-columns: 1fr;
        }

        .section-header {
            margin-bottom: 35px;
        }

        .section-header h2 {
            font-size: 24px;
        }

        .mini-title {
            font-size: 12px;
            padding: 7px 15px;
        }

        .service-box .icon {
            width: 52px;
            height: 52px;
            font-size: 16px;
            margin-bottom: 16px;
        }
    }
    
    
    
    .premium-services-section {
    position: relative;
    padding: 90px 20px;
    background:
        radial-gradient(circle at top left, rgba(37, 99, 235, 0.08), transparent 22%),
        radial-gradient(circle at bottom right, rgba(14, 165, 233, 0.08), transparent 22%),
        linear-gradient(180deg, #f8fbff 0%, #eef5ff 100%);
    overflow: hidden;
}

.premium-services-section .container {
    max-width: 1280px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.section-header {
    max-width: 920px;
    margin: 0 auto 55px;
    text-align: center;
}

.mini-title {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 18px;
    border-radius: 999px;
    background: rgba(37, 99, 235, 0.10);
    color: #2563eb;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    margin-bottom: 18px;
}

.section-header h2 {
    font-size: 40px;
    line-height: 1.2;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 16px;
}

.section-header p {
    font-size: 16px;
    line-height: 1.9;
    color: #475569;
    margin-bottom: 0;
}

.services-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 26px;
}

.service-link {
    display: block;
    text-decoration: none;
    color: inherit;
    height: 100%;
}

.service-box {
    position: relative;
    height: 100%;
    background: #ffffff;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 24px;
    padding: 26px 22px;
    box-shadow: 0 14px 35px rgba(15, 23, 42, 0.07);
    transition: all 0.35s ease;
    overflow: hidden;
}

.service-box::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 5px;
    background: linear-gradient(90deg, #2563eb, #06b6d4);
}

.service-link:hover .service-box {
    transform: translateY(-10px);
    box-shadow: 0 22px 45px rgba(37, 99, 235, 0.14);
    border-color: rgba(37, 99, 235, 0.22);
}

.service-box.featured {
    background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
    border-color: rgba(37, 99, 235, 0.22);
}

.service-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
    gap: 12px;
}

.service-box .icon {
    width: 58px;
    height: 58px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #2563eb, #06b6d4);
    color: #ffffff;
    font-size: 22px;
    box-shadow: 0 12px 24px rgba(37, 99, 235, 0.20);
}

.service-no {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    height: 42px;
    border-radius: 12px;
    background: #eff6ff;
    color: #2563eb;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.8px;
}

.service-box h3 {
    font-size: 21px;
    line-height: 1.35;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 12px;
}

.service-box p {
    font-size: 15px;
    line-height: 1.8;
    color: #64748b;
    margin-bottom: 0;
}

.services-cta {
    margin-top: 45px;
    padding: 24px 26px;
    border-radius: 24px;
    background: linear-gradient(135deg, #0f172a, #1e3a8a);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    flex-wrap: wrap;
    box-shadow: 0 18px 36px rgba(15, 23, 42, 0.18);
}

.services-cta h3 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 6px;
    color: #ffffff;
}

.services-cta p {
    margin: 0;
    font-size: 15px;
    line-height: 1.8;
    color: rgba(255, 255, 255, 0.88);
}

.services-cta .btn {
    padding: 14px 24px;
    border-radius: 999px;
    background: #ffffff;
    color: #0f172a;
    font-weight: 700;
    text-decoration: none;
    transition: 0.3s ease;
    white-space: nowrap;
}

.services-cta .btn:hover {
    transform: translateY(-3px);
    color: #2563eb;
}

@media (max-width: 1199px) {
    .services-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 991px) {
    .premium-services-section {
        padding: 75px 18px;
    }

    .section-header h2 {
        font-size: 32px;
    }

    .services-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 22px;
    }
}

@media (max-width: 767px) {
    .section-header h2 {
        font-size: 27px;
    }

    .section-header p {
        font-size: 15px;
    }

    .service-box {
        padding: 22px 18px;
        border-radius: 20px;
    }

    .service-box h3 {
        font-size: 19px;
    }

    .services-cta {
        padding: 22px 18px;
    }

    .services-cta h3 {
        font-size: 21px;
    }
}

@media (max-width: 576px) {
    .premium-services-section {
        padding: 60px 15px;
    }

    .services-grid {
        grid-template-columns: 1fr;
    }

    .section-header {
        margin-bottom: 35px;
    }

    .section-header h2 {
        font-size: 24px;
    }

    .mini-title {
        font-size: 12px;
        padding: 8px 14px;
    }

    .service-box .icon {
        width: 52px;
        height: 52px;
        font-size: 20px;
    }
}


.secondary-services-section {
    position: relative;
    padding: 90px 20px;
    background: linear-gradient(180deg, #ffffff 0%, #f7faff 100%);
    overflow: hidden;
}

.secondary-services-section .container {
    max-width: 1280px;
    margin: 0 auto;
}

.secondary-services-header {
    max-width: 900px;
    margin: 0 auto 50px;
    text-align: center;
}

.secondary-services-header .sub-title {
    display: inline-block;
    padding: 8px 18px;
    border-radius: 999px;
    background: rgba(37, 99, 235, 0.10);
    color: #2563eb;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    margin-bottom: 16px;
}

.secondary-services-header h2 {
    font-size: 38px;
    line-height: 1.2;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 16px;
}

.secondary-services-header p {
    font-size: 16px;
    line-height: 1.9;
    color: #64748b;
    margin-bottom: 0;
}

.secondary-services-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 26px;
}

.secondary-service-card {
    background: #fff;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 14px 35px rgba(15, 23, 42, 0.07);
    transition: all 0.35s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.secondary-service-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 22px 45px rgba(37, 99, 235, 0.14);
    border-color: rgba(37, 99, 235, 0.22);
}

.secondary-service-image {
    position: relative;
    overflow: hidden;
}

.secondary-service-image img {
    width: 100%;
    height: 230px;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease;
}

.secondary-service-card:hover .secondary-service-image img {
    transform: scale(1.05);
}

.secondary-service-content {
    padding: 24px 22px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.secondary-service-content h3 {
    font-size: 22px;
    line-height: 1.35;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 12px;
}

.secondary-service-content p {
    font-size: 15px;
    line-height: 1.8;
    color: #64748b;
    margin-bottom: 18px;
    flex: 1;
}

.secondary-service-content .btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    padding: 12px 20px;
    border-radius: 999px;
    background: linear-gradient(90deg, #2563eb, #06b6d4);
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    transition: 0.3s ease;
}

.secondary-service-content .btn:hover {
    color: #fff;
    transform: translateY(-2px);
}

.secondary-services-bottom {
    margin-top: 40px;
    text-align: center;
}

.secondary-services-bottom p {
    font-size: 16px;
    color: #475569;
    margin-bottom: 16px;
}

.secondary-services-bottom .btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 14px 24px;
    border-radius: 999px;
    background: #0f172a;
    color: #fff;
    text-decoration: none;
    font-weight: 700;
}

.secondary-services-bottom .btn:hover {
    color: #fff;
}

@media (max-width: 1199px) {
    .secondary-services-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .secondary-services-section {
        padding: 70px 15px;
    }

    .secondary-services-header h2 {
        font-size: 28px;
    }

    .secondary-services-grid {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .secondary-service-image img {
        height: 210px;
    }

    .secondary-service-content {
        padding: 20px 18px;
    }

    .secondary-service-content h3 {
        font-size: 20px;
    }
   }
   
   
   
   .premium-counter-simple {
    padding: 80px 20px;
    background: #f8fbff;
    position: relative;
    overflow: hidden;
}

.premium-counter-simple .container {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.counter-header {
    max-width: 820px;
    margin: 0 auto 45px;
}

.counter-subtitle {
    display: inline-block;
    padding: 8px 16px;
    border-radius: 30px;
    background: rgba(37, 99, 235, 0.10);
    color: #2563eb;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 14px;
}

.counter-header h2 {
    font-size: 36px;
    line-height: 1.25;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 14px;
}

.counter-header p {
    font-size: 16px;
    line-height: 1.9;
    color: #64748b;
    margin: 0;
}

.premium-counter-simple .counter-item {
    position: relative;
    background: #ffffff;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 22px;
    padding: 30px 20px;
    text-align: center;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.06);
    transition: all 0.3s ease;
    height: 100%;
    overflow: hidden;
}

.premium-counter-simple .counter-item::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 4px;
    background: linear-gradient(90deg, #2563eb, #06b6d4);
}

.premium-counter-simple .counter-item:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 36px rgba(37, 99, 235, 0.10);
    border-color: rgba(37, 99, 235, 0.22);
}

.premium-counter-simple .counter-item .icon {
    width: 100px;
    height: 62px;
    margin: 0 auto 18px;
    border-radius: 50%;
    background: linear-gradient(135deg, #2563eb, #06b6d4);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    box-shadow: 0 12px 28px rgba(37, 99, 235, 0.22);
    border: 4px solid #ffffff;
    position: relative;
}

.premium-counter-simple .counter-item .icon::after {
    content: "";
    position: absolute;
    inset: -7px;
    border-radius: 50%;
    border: 1px solid rgba(37, 99, 235, 0.18);
}

.premium-counter-simple .counter-item .count {
    font-size: 38px;
    line-height: 1;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 12px;
}

.premium-counter-simple .counter-item p {
    font-size: 15px;
    line-height: 1.7;
    color: #475569;
    margin: 0;
    font-weight: 500;
}

.premium-counter-simple .counter-shape-wrap img {
    opacity: 0.15;
}

@media (max-width: 991px) {
    .premium-counter-simple {
        padding: 70px 18px;
    }

    .counter-header h2 {
        font-size: 30px;
    }

    .premium-counter-simple .counter-item .count {
        font-size: 32px;
    }
}

@media (max-width: 767px) {
    .premium-counter-simple {
        padding: 60px 15px;
    }

    .counter-header {
        margin-bottom: 35px;
    }

    .counter-header h2 {
        font-size: 25px;
    }

    .counter-header p {
        font-size: 15px;
    }

    .premium-counter-simple .counter-item {
        padding: 24px 18px;
        border-radius: 18px;
    }

    .premium-counter-simple .counter-item .icon {
        width: 68px;
        height: 68px;
        font-size: 22px;
        border-width: 3px;
    }

    .premium-counter-simple .counter-item .count {
        font-size: 28px;
    }
}

/* ===== Original style block 3 ===== */
/* =========================================================
   Tech Web Mantra Premium Home UI Upgrade
   SEO-safe: headings, content, canonical, schema and meta tags remain preserved.
========================================================= */
:root {
    --twm-primary: #024566;
    --twm-primary-2: #026a9c;
    --twm-sky: #08b6e8;
    --twm-dark: #071827;
    --twm-text: #152234;
    --twm-muted: #64748b;
    --twm-soft: #eef8ff;
    --twm-white: #ffffff;
    --twm-border: rgba(2, 69, 102, 0.12);
    --twm-shadow: 0 24px 65px rgba(2, 69, 102, 0.13);
}

html { scroll-behavior: smooth; }
body {
    font-family: 'Inter', 'Segoe UI', Arial, sans-serif !important;
    color: var(--twm-text);
    background: #ffffff;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}
a { text-decoration: none; }
img { max-width: 100%; }

/* Keep Bootstrap carousel stable after old vertical CSS */
#heroCarousel.carousel,
#heroCarousel .carousel-inner,
#heroCarousel .carousel-item {
    position: relative;
}
#heroCarousel .carousel-inner {
    display: block !important;
    overflow: hidden;
}
#heroCarousel .carousel-item {
    transition: transform .8s cubic-bezier(.22,.61,.36,1), opacity .8s ease !important;
}
#heroCarousel .carousel-item-next.carousel-item-start,
#heroCarousel .carousel-item-prev.carousel-item-end,
#heroCarousel .carousel-item-prev.carousel-item-start,
#heroCarousel .carousel-item-next.carousel-item-end {
    transform: translateX(0) !important;
}

/* Premium hero */
.twm-premium-hero {
    position: relative;
    overflow: hidden;
    margin-top: 0;
    background:
        radial-gradient(circle at 12% 18%, rgba(8, 182, 232, 0.22), transparent 30%),
        radial-gradient(circle at 88% 12%, rgba(2, 106, 156, 0.28), transparent 28%),
        linear-gradient(135deg, #061728 0%, #063652 45%, #024566 100%);
    isolation: isolate;
}
.twm-premium-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
    background-size: 48px 48px;
    mask-image: linear-gradient(to bottom, rgba(0,0,0,.9), rgba(0,0,0,.12));
    z-index: -2;
}
.twm-hero-bg-orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(3px);
    opacity: .6;
    z-index: -1;
    pointer-events: none;
}
.twm-orb-one {
    width: 380px;
    height: 380px;
    left: -160px;
    top: 110px;
    background: rgba(8, 182, 232, .20);
}
.twm-orb-two {
    width: 300px;
    height: 300px;
    right: -120px;
    bottom: -90px;
    background: rgba(255,255,255,.13);
}
.twm-hero-slide {
    min-height: 760px;
    display: flex;
    align-items: center;
    padding: 155px 0 94px;
    color: #fff;
}
.twm-hero-slide-light,
.twm-hero-slide-marketing,
.twm-hero-slide-app,
.twm-hero-slide-logo,
.twm-hero-slide-ecommerce {
    background: transparent;
}
.twm-hero-content {
    max-width: 665px;
    position: relative;
    z-index: 2;
}
.twm-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 9px 15px;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 999px;
    background: rgba(255, 255, 255, .10);
    color: #dff7ff;
    font-size: 13px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: .7px;
    text-transform: uppercase;
    backdrop-filter: blur(12px);
    margin-bottom: 22px;
}
.twm-premium-hero .main-heading {
    color: #fff !important;
    font-size: clamp(36px, 5vw, 68px) !important;
    line-height: 1.04 !important;
    font-weight: 900 !important;
    letter-spacing: -2.4px;
    margin-bottom: 18px;
    text-shadow: 0 15px 40px rgba(0,0,0,.18);
}
.twm-premium-hero .tagline {
    color: #c8efff !important;
    font-size: clamp(18px, 2vw, 24px) !important;
    line-height: 1.45;
    font-weight: 700;
    margin-bottom: 16px;
}
.twm-premium-hero .description {
    color: rgba(255,255,255,.86) !important;
    font-size: 16.5px !important;
    line-height: 1.9;
    max-width: 615px;
    margin-bottom: 24px;
}
.twm-usp-points,
.usp-points {
    list-style: none;
    padding: 0;
    margin: 0 0 26px;
    display: grid;
    gap: 10px;
}
.twm-usp-points li,
.usp-points li {
    color: rgba(255,255,255,.88);
    font-weight: 600;
    line-height: 1.5;
    display: flex;
    align-items: center;
    gap: 10px;
}
.twm-usp-points i,
.usp-points li::before {
    width: 23px;
    height: 23px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 23px;
    background: rgba(8, 182, 232, .18);
    color: #7ee7ff;
}
.usp-points li::before {
    content: "\f00c";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 11px;
}
.twm-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    align-items: center;
    margin-top: 28px;
}
.twm-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 54px;
    padding: 15px 24px;
    border-radius: 999px;
    font-size: 15px;
    line-height: 1;
    font-weight: 900;
    transition: .28s ease;
}
.twm-btn-primary {
    color: #06314b !important;
    background: linear-gradient(135deg, #ffffff, #bff3ff);
    box-shadow: 0 18px 38px rgba(8, 182, 232, .28);
}
.twm-btn-primary:hover {
    color: #024566 !important;
    transform: translateY(-3px);
    box-shadow: 0 24px 50px rgba(8, 182, 232, .36);
}
.twm-btn-soft {
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, .25);
    background: rgba(255, 255, 255, .08);
    backdrop-filter: blur(12px);
}
.twm-btn-soft:hover {
    background: rgba(255, 255, 255, .16);
    color: #ffffff !important;
    transform: translateY(-3px);
}
.twm-trust-row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-top: 30px;
    max-width: 520px;
}
.twm-trust-item {
    padding: 17px 15px;
    border-radius: 18px;
    background: rgba(255,255,255,.09);
    border: 1px solid rgba(255,255,255,.14);
    backdrop-filter: blur(12px);
}
.twm-trust-item strong {
    display: block;
    color: #fff;
    font-size: 26px;
    line-height: 1;
    font-weight: 900;
}
.twm-trust-item span {
    display: block;
    margin-top: 6px;
    color: rgba(255,255,255,.75);
    font-size: 12px;
    font-weight: 700;
}
.twm-hero-visual {
    position: relative;
    min-height: 470px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.twm-hero-visual::before {
    content: "";
    position: absolute;
    width: min(560px, 88%);
    aspect-ratio: 1/1;
    border-radius: 42px;
    background: linear-gradient(145deg, rgba(255,255,255,.16), rgba(255,255,255,.045));
    border: 1px solid rgba(255,255,255,.16);
    transform: rotate(-7deg);
    box-shadow: 0 40px 90px rgba(0,0,0,.20);
}
.twm-hero-visual img.floating-img {
    position: relative;
    z-index: 2;
    max-width: min(560px, 95%) !important;
    width: auto;
    filter: drop-shadow(0 34px 45px rgba(0,0,0,.28));
    animation: twmFloat 5s ease-in-out infinite;
}
@keyframes twmFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-14px); }
}
.twm-dashboard-card {
    position: absolute;
    z-index: 4;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 13px 16px;
    border-radius: 16px;
    background: rgba(255,255,255,.96);
    color: var(--twm-primary);
    box-shadow: 0 20px 45px rgba(0,0,0,.18);
    font-size: 14px;
    font-weight: 900;
}
.twm-dashboard-card i {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: linear-gradient(135deg, var(--twm-primary), var(--twm-sky));
    color: #fff;
}
.twm-card-top { top: 60px; left: 0; }
.twm-card-bottom { right: 4px; bottom: 52px; }
.twm-carousel-controls {
    position: absolute;
    left: 50%;
    bottom: 30px;
    z-index: 8;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 10px 14px;
    border-radius: 999px;
    background: rgba(255,255,255,.12);
    border: 1px solid rgba(255,255,255,.16);
    backdrop-filter: blur(12px);
}
.twm-carousel-controls .carousel-control-prev,
.twm-carousel-controls .carousel-control-next {
    position: static;
    width: 38px;
    height: 38px;
    opacity: 1;
    border-radius: 50%;
    background: #fff;
    color: var(--twm-primary);
    border: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.twm-carousel-controls .carousel-indicators {
    position: static !important;
    margin: 0 !important;
    display: flex;
    gap: 8px;
    align-items: center;
}
.twm-carousel-controls .carousel-indicators [data-bs-target] {
    width: 9px !important;
    height: 9px !important;
    border: 0 !important;
    border-radius: 999px !important;
    margin: 0 !important;
    background: rgba(255,255,255,.55) !important;
    opacity: 1 !important;
}
.twm-carousel-controls .carousel-indicators .active {
    width: 28px !important;
    background: #fff !important;
    transform: none !important;
}

/* Premium section rhythm */
main.fix > section:not(.twm-premium-hero) {
    position: relative;
}
.about-area,
.mlm-plans-premium-area,
.secondary-services-section,
.premium-counter-simple,
.consulting-area,
.testimonial-area {
    padding-top: 86px !important;
    padding-bottom: 86px !important;
}
.section-title .sub-title,
.premium-subtitle,
.secondary-services-header .sub-title,
.counter-subtitle {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    padding: 9px 16px !important;
    border-radius: 999px !important;
    background: rgba(2, 106, 156, 0.10) !important;
    color: var(--twm-primary-2) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: 1.1px !important;
    text-transform: uppercase;
}
.section-title .title,
.premium-heading,
.secondary-services-header h2,
.counter-header h2 {
    color: #071827 !important;
    font-weight: 900 !important;
    letter-spacing: -1.2px;
    line-height: 1.15 !important;
}
.premium-heading,
.secondary-services-header h2,
.counter-header h2 {
    font-size: clamp(28px, 3vw, 44px) !important;
}
.about-content p,
.premium-desc,
.secondary-services-header p,
.counter-header p,
.choose-content p,
.consulting-content p,
.testimonial-content p {
    color: var(--twm-muted) !important;
    font-size: 16px;
    line-height: 1.85;
}

/* About section upgrade */
.about-area {
    background:
        radial-gradient(circle at left top, rgba(8, 182, 232, .10), transparent 28%),
        linear-gradient(180deg, #ffffff 0%, #f6fbff 100%);
    overflow: hidden;
}
.about-img-wrap .mask-img-wrap {
    position: relative;
    border-radius: 34px;
    overflow: hidden;
    box-shadow: var(--twm-shadow);
    border: 1px solid var(--twm-border);
    background: #fff;
}
.about-img-wrap .mask-img-wrap img {
    width: 100%;
    transform: scale(1.015);
}
.about-list .list-wrap li {
    display: flex;
    gap: 16px;
    padding: 18px;
    margin-bottom: 14px;
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 12px 34px rgba(2,69,102,.08);
    border: 1px solid rgba(2,69,102,.08);
}
.about-list .icon {
    min-width: 54px;
    width: 54px;
    height: 54px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--twm-primary), var(--twm-sky));
    color: #fff !important;
    font-size: 22px;
}
.about-list .content .title {
    color: var(--twm-dark);
    font-weight: 900;
    font-size: 18px;
    margin-bottom: 6px;
}
.about-bottom .btn,
.btn.btn-two {
    border-radius: 999px !important;
    padding: 14px 24px !important;
    font-weight: 900 !important;
    background: linear-gradient(135deg, var(--twm-primary), var(--twm-primary-2)) !important;
    color: #fff !important;
    border: 0 !important;
    box-shadow: 0 14px 30px rgba(2, 106, 156, .22);
}

/* MLM plans cards */
.mlm-plans-premium-area {
    background:
        radial-gradient(circle at 88% 20%, rgba(8, 182, 232, .10), transparent 25%),
        linear-gradient(180deg, #f6fbff 0%, #ffffff 100%) !important;
}
.mlm-plan-rect-card {
    border-radius: 24px !important;
    border: 1px solid rgba(2,69,102,.10) !important;
    box-shadow: 0 14px 38px rgba(2,69,102,.08) !important;
    padding: 26px !important;
    background: rgba(255,255,255,.92) !important;
    backdrop-filter: blur(10px);
}
.mlm-plan-rect-card::before {
    height: 100% !important;
    width: 5px !important;
    background: linear-gradient(180deg, var(--twm-primary), var(--twm-sky)) !important;
    transform: scaleY(0) !important;
    transform-origin: top !important;
}
.mlm-plan-rect-card:hover::before { transform: scaleY(1) !important; }
.mlm-plan-rect-card:hover {
    transform: translateY(-10px) !important;
    box-shadow: 0 28px 55px rgba(2,69,102,.14) !important;
}
.mlm-plan-rect-card .plan-icon {
    border-radius: 18px !important;
    color: #fff !important;
    background: linear-gradient(135deg, var(--twm-primary), var(--twm-sky)) !important;
    box-shadow: 0 14px 30px rgba(2,106,156,.20);
}
.mlm-plan-rect-card .plan-content h3 {
    color: var(--twm-dark) !important;
    font-weight: 900 !important;
    letter-spacing: -.4px;
}
.mlm-plan-rect-card .plan-content p {
    color: var(--twm-muted) !important;
    line-height: 1.75 !important;
}

/* Secondary services */
.secondary-services-section {
    background: linear-gradient(180deg, #ffffff 0%, #f2faff 100%) !important;
}
.secondary-service-card {
    border-radius: 26px !important;
    border: 1px solid rgba(2,69,102,.10) !important;
    box-shadow: 0 16px 42px rgba(2,69,102,.08) !important;
}
.secondary-service-image img {
    height: 245px !important;
}
.secondary-service-content h3,
.secondary-service-content h3 a {
    color: var(--twm-dark) !important;
    font-weight: 900 !important;
}
.secondary-service-content .btn,
.secondary-services-bottom .btn {
    border-radius: 999px !important;
    background: linear-gradient(135deg, var(--twm-primary), var(--twm-sky)) !important;
    color: #fff !important;
    font-weight: 900 !important;
    box-shadow: 0 14px 30px rgba(2,106,156,.20);
}

/* Choose section */
.choose-area {
    padding: 95px 0 !important;
    background:
        linear-gradient(135deg, rgba(7,24,39,.96), rgba(2,69,102,.96)),
        url('https://www.techwebmantra.com/assets/img/services/best_service.png') center/cover no-repeat !important;
    overflow: hidden;
}
.choose-area::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle at 20% 10%, rgba(8,182,232,.18), transparent 28%);
}
.choose-area .container { position: relative; z-index: 2; }
.choose-content .section-title .title,
.choose-content h2,
.white-title .title {
    color: #fff !important;
}
.choose-content p {
    color: rgba(255,255,255,.80) !important;
}
.choose-img-wrap img:first-child {
    border-radius: 30px;
    box-shadow: 0 30px 70px rgba(0,0,0,.25);
}

/* Counter */
.premium-counter-simple {
    background:
        radial-gradient(circle at 10% 80%, rgba(8,182,232,.12), transparent 24%),
        #f7fbff !important;
}
.premium-counter-simple .counter-item {
    border-radius: 26px !important;
    background: #fff !important;
    border: 1px solid rgba(2,69,102,.10) !important;
    box-shadow: 0 18px 42px rgba(2,69,102,.08) !important;
}
.premium-counter-simple .counter-item .icon {
    width: 70px !important;
    height: 70px !important;
    border-radius: 22px !important;
    background: linear-gradient(135deg, var(--twm-primary), var(--twm-sky)) !important;
}
.premium-counter-simple .counter-item .count {
    color: var(--twm-dark) !important;
}

/* CTA request */
.request-area {
    position: relative;
    overflow: hidden;
}
.request-bg::before,
.request-area::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(2,69,102,.92), rgba(7,24,39,.88)) !important;
    z-index: 0;
}
.request-area .container { position: relative; z-index: 2; }
.request-content .title {
    color: #fff !important;
    font-size: clamp(28px, 3vw, 46px) !important;
    font-weight: 900 !important;
    letter-spacing: -1px;
}
.request-content .btn {
    border-radius: 999px !important;
    background: #fff !important;
    color: var(--twm-primary) !important;
    font-weight: 900 !important;
}
.request-content .content-right {
    border-radius: 18px;
    background: rgba(255,255,255,.12);
    border: 1px solid rgba(255,255,255,.16);
    padding: 12px 16px;
}
.request-content .content-right a { color: #fff !important; font-weight: 900; }

/* Consulting + testimonials */
.consulting-inner-wrap {
    border-radius: 30px !important;
    overflow: hidden;
    background: linear-gradient(135deg, #f6fbff, #fff) !important;
    border: 1px solid rgba(2,69,102,.10);
    box-shadow: var(--twm-shadow);
}
.consulting-content .title {
    color: var(--twm-dark) !important;
    font-weight: 900 !important;
}
.consulting-img img { border-radius: 24px; }
.testimonial-area {
    background: linear-gradient(180deg, #ffffff, #f6fbff) !important;
}
.testimonial-item {
    border-radius: 28px !important;
    background: #fff !important;
    border: 1px solid rgba(2,69,102,.10) !important;
    box-shadow: 0 18px 45px rgba(2,69,102,.09) !important;
    padding: 32px !important;
}
.testimonial-info .title {
    color: var(--twm-dark) !important;
    font-weight: 900 !important;
}
.testimonial__rating i { color: #f59e0b !important; }
.testimonial-content .icon {
    color: rgba(2,106,156,.16) !important;
}

/* Mobile */
@media (max-width: 1199px) {
    .twm-hero-slide { min-height: 690px; padding-top: 140px; }
    .twm-card-top { left: 14px; }
    .twm-card-bottom { right: 14px; }
}
@media (max-width: 991px) {
    .twm-hero-slide {
        min-height: auto;
        padding: 120px 0 105px;
        text-align: center;
    }
    .twm-hero-content { margin: 0 auto; }
    .twm-hero-actions { justify-content: center; }
    .twm-trust-row { margin-left: auto; margin-right: auto; }
    .twm-hero-visual { min-height: 380px; margin-top: 18px; }
    .twm-hero-visual::before { width: 78%; border-radius: 30px; }
    .about-area,
    .mlm-plans-premium-area,
    .secondary-services-section,
    .premium-counter-simple,
    .consulting-area,
    .testimonial-area {
        padding-top: 68px !important;
        padding-bottom: 68px !important;
    }
}
@media (max-width: 767px) {
    .twm-premium-hero .main-heading {
        letter-spacing: -1.3px;
    }
    .twm-hero-slide {
        padding: 98px 0 90px;
    }
    .twm-eyebrow {
        font-size: 11px;
        padding: 8px 12px;
        margin-bottom: 16px;
    }
    .twm-premium-hero .description {
        font-size: 14.5px !important;
        line-height: 1.75;
    }
    .twm-hero-actions {
        gap: 10px;
    }
    .twm-btn {
        width: 100%;
        min-height: 50px;
        padding: 14px 18px;
    }
    .twm-trust-row {
        grid-template-columns: 1fr;
        gap: 10px;
    }
    .twm-trust-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 14px 16px;
    }
    .twm-trust-item strong { font-size: 22px; }
    .twm-hero-visual {
        min-height: 300px;
    }
    .twm-dashboard-card {
        display: none;
    }
    .twm-carousel-controls {
        bottom: 18px;
        padding: 8px 10px;
        gap: 9px;
    }
    .twm-carousel-controls .carousel-control-prev,
    .twm-carousel-controls .carousel-control-next {
        width: 34px;
        height: 34px;
    }
    .about-list .list-wrap li {
        flex-direction: column;
    }
    .secondary-service-image img {
        height: 210px !important;
    }
    .testimonial-item {
        padding: 24px !important;
    }
}
@media (max-width: 480px) {
    .twm-hero-slide { padding-top: 92px; }
    .twm-hero-visual { min-height: 240px; }
    .twm-carousel-controls .carousel-indicators [data-bs-target] { width: 7px !important; height: 7px !important; }
    .twm-carousel-controls .carousel-indicators .active { width: 20px !important; }
}


/* =========================================================
   Requested Update: short same-size hero + new About + new MLM section
========================================================= */
.twm-premium-hero { --twm-hero-height: 620px; }
.twm-hero-slide {
    height: var(--twm-hero-height) !important;
    min-height: var(--twm-hero-height) !important;
    padding: 112px 0 72px !important;
}
.twm-hero-content { max-width: 640px; }
.twm-premium-hero .main-heading {
    font-size: clamp(34px, 4.3vw, 56px) !important;
    line-height: 1.08 !important;
    margin-bottom: 14px !important;
}
.twm-premium-hero .tagline {
    font-size: clamp(17px, 1.7vw, 21px) !important;
    margin-bottom: 12px !important;
}
.twm-premium-hero .description {
    font-size: 15.5px !important;
    line-height: 1.72 !important;
    margin-bottom: 18px !important;
}
.twm-hero-actions { margin-top: 18px !important; }
.twm-btn { min-height: 50px !important; padding: 13px 22px !important; }
.twm-trust-row { margin-top: 22px !important; }
.twm-trust-item { padding: 14px 14px !important; }
.twm-trust-item strong { font-size: 23px !important; }
.twm-hero-visual { min-height: 385px !important; }
.twm-hero-visual::before { width: min(440px, 82%) !important; border-radius: 34px !important; }
.twm-hero-visual img.floating-img {
    max-width: min(450px, 88%) !important;
    max-height: 350px !important;
    object-fit: contain;
}
.twm-card-top { top: 28px !important; left: 18px !important; }
.twm-card-bottom { right: 16px !important; bottom: 28px !important; }
.twm-carousel-controls { bottom: 18px !important; }

.twm-about-premium,
.twm-mlm-suite {
    position: relative;
    overflow: hidden;
    padding: 86px 0;
    font-family: 'Inter', 'Segoe UI', Arial, sans-serif;
}
.twm-section-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 15px;
    border-radius: 999px;
    background: rgba(2, 106, 156, 0.10);
    color: var(--twm-primary-2);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 16px;
}
.twm-about-premium {
    background:
        radial-gradient(circle at 8% 14%, rgba(8, 182, 232, .12), transparent 27%),
        linear-gradient(180deg, #ffffff 0%, #f3fbff 100%);
}
.twm-about-bg-shape { position: absolute; border-radius: 50%; pointer-events: none; filter: blur(2px); }
.twm-about-shape-one { width: 290px; height: 290px; left: -130px; top: 80px; background: rgba(2, 106, 156, .08); }
.twm-about-shape-two { width: 230px; height: 230px; right: -90px; bottom: 60px; background: rgba(8, 182, 232, .10); }
.twm-about-visual-wrap { position: relative; max-width: 580px; margin: 0 auto; padding: 20px; }
.twm-about-main-card {
    position: relative;
    border-radius: 34px;
    overflow: hidden;
    background: #fff;
    border: 1px solid rgba(2, 69, 102, .10);
    box-shadow: 0 30px 75px rgba(2, 69, 102, .15);
}
.twm-about-main-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 50%, rgba(2,69,102,.20));
    z-index: 1;
}
.twm-about-main-card img { width: 100%; display: block; min-height: 430px; object-fit: cover; }
.twm-about-floating-card {
    position: absolute;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 12px;
    max-width: 280px;
    padding: 15px 16px;
    border-radius: 18px;
    background: rgba(255,255,255,.96);
    border: 1px solid rgba(2,69,102,.10);
    box-shadow: 0 20px 45px rgba(2,69,102,.14);
}
.twm-about-floating-card i {
    width: 44px;
    height: 44px;
    border-radius: 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--twm-primary), var(--twm-sky));
    color: #fff;
    flex: 0 0 44px;
}
.twm-about-floating-card strong { display: block; color: var(--twm-dark); font-size: 15px; font-weight: 900; line-height: 1.15; }
.twm-about-floating-card span { display: block; color: var(--twm-muted); font-size: 12px; font-weight: 700; margin-top: 4px; }
.twm-about-card-one { left: -4px; top: 62px; }
.twm-about-card-two { right: -4px; bottom: 56px; }
.twm-about-content h2,
.twm-mlm-head h2 {
    color: var(--twm-dark);
    font-size: clamp(30px, 3.6vw, 48px);
    line-height: 1.14;
    font-weight: 950;
    letter-spacing: -1.6px;
    margin-bottom: 18px;
}
.twm-about-lead,
.twm-mlm-head p { color: var(--twm-muted); font-size: 16px; line-height: 1.85; margin-bottom: 24px; }
.twm-about-feature-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 24px 0; }
.twm-about-feature { padding: 22px; border-radius: 24px; background: #fff; border: 1px solid rgba(2,69,102,.10); box-shadow: 0 14px 34px rgba(2,69,102,.07); }
.twm-about-feature i { width: 48px; height: 48px; border-radius: 16px; display: inline-flex; align-items: center; justify-content: center; background: rgba(2,106,156,.10); color: var(--twm-primary-2); font-size: 20px; margin-bottom: 15px; }
.twm-about-feature h3 { color: var(--twm-dark); font-size: 18px; font-weight: 900; margin-bottom: 8px; }
.twm-about-feature p { color: var(--twm-muted); line-height: 1.65; margin: 0; font-size: 14px; }
.twm-about-checks { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 24px 0 28px; }
.twm-about-checks span { display: flex; align-items: center; gap: 9px; color: var(--twm-text); font-weight: 800; font-size: 14px; }
.twm-about-checks i { width: 22px; height: 22px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: rgba(8,182,232,.14); color: var(--twm-primary-2); font-size: 11px; }
.twm-about-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; }
.twm-btn-dark,
.twm-btn-line,
.twm-mlm-showcase-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 50px;
    padding: 13px 22px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 900;
    transition: .28s ease;
}
.twm-btn-dark,
.twm-mlm-showcase-btn { color: #fff !important; background: linear-gradient(135deg, var(--twm-primary), var(--twm-sky)); box-shadow: 0 16px 35px rgba(2,106,156,.23); }
.twm-btn-line { color: var(--twm-primary) !important; border: 1px solid rgba(2,69,102,.16); background: #fff; }
.twm-btn-dark:hover,
.twm-btn-line:hover,
.twm-mlm-showcase-btn:hover { transform: translateY(-3px); }

.twm-mlm-suite {
    background:
        radial-gradient(circle at 80% 12%, rgba(8,182,232,.16), transparent 26%),
        linear-gradient(180deg, #f5fbff 0%, #ffffff 100%);
}
.twm-mlm-head { max-width: 900px; margin: 0 auto 42px; text-align: center; }
.twm-mlm-head p { margin-bottom: 0; }
.twm-mlm-layout { display: grid; grid-template-columns: minmax(320px, 410px) 1fr; gap: 28px; align-items: stretch; }
.twm-mlm-showcase {
    position: relative;
    padding: 28px;
    border-radius: 32px;
    background: linear-gradient(145deg, #071827, #024566);
    color: #fff;
    overflow: hidden;
    box-shadow: 0 28px 70px rgba(2,69,102,.24);
}
.twm-mlm-showcase::before { content: ""; position: absolute; width: 250px; height: 250px; right: -80px; top: -80px; border-radius: 50%; background: rgba(8,182,232,.22); }
.twm-mlm-showcase > * { position: relative; z-index: 2; }
.twm-mlm-showcase-top span { color: #9cecff; font-size: 13px; font-weight: 900; letter-spacing: .8px; text-transform: uppercase; }
.twm-mlm-showcase-top strong { display: block; color: #fff; font-size: 28px; font-weight: 950; letter-spacing: -1px; margin-top: 6px; }
.twm-dashboard-preview { margin: 24px 0; border-radius: 24px; background: rgba(255,255,255,.10); border: 1px solid rgba(255,255,255,.15); backdrop-filter: blur(12px); padding: 18px; }
.twm-preview-header { display: flex; gap: 6px; margin-bottom: 16px; }
.twm-preview-header span { width: 10px; height: 10px; border-radius: 50%; background: rgba(255,255,255,.55); }
.twm-preview-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 18px; }
.twm-preview-stats div { padding: 12px 9px; border-radius: 16px; background: rgba(255,255,255,.12); text-align: center; }
.twm-preview-stats strong { display: block; color: #fff; font-size: 19px; font-weight: 950; }
.twm-preview-stats span { display: block; margin-top: 3px; color: rgba(255,255,255,.72); font-size: 11px; font-weight: 800; }
.twm-preview-tree { display: grid; place-items: center; padding: 4px 0 0; }
.twm-preview-tree .node { width: 34px; height: 34px; border-radius: 50%; background: linear-gradient(135deg, #ffffff, #aaf1ff); box-shadow: 0 8px 18px rgba(0,0,0,.18); }
.twm-preview-tree .node.main { width: 44px; height: 44px; }
.twm-preview-tree .line { width: 2px; height: 26px; background: rgba(255,255,255,.30); }
.twm-preview-tree .line.small { height: 20px; }
.twm-preview-tree .node-row { display: flex; gap: 66px; }
.twm-preview-tree .node-row.four { gap: 22px; }
.twm-mlm-feature-list { list-style: none; padding: 0; margin: 0 0 24px; display: grid; gap: 12px; }
.twm-mlm-feature-list li { display: flex; gap: 10px; color: rgba(255,255,255,.86); line-height: 1.6; font-weight: 700; font-size: 14px; }
.twm-mlm-feature-list i { color: #7ee7ff; margin-top: 4px; }
.twm-mlm-plan-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.twm-mlm-plan-card {
    position: relative;
    min-height: 230px;
    padding: 24px;
    border-radius: 26px;
    background: #fff;
    border: 1px solid rgba(2,69,102,.10);
    box-shadow: 0 16px 40px rgba(2,69,102,.08);
    overflow: hidden;
    transition: .32s ease;
}
.twm-mlm-plan-card::after { content: ""; position: absolute; inset: auto 0 0; height: 4px; background: linear-gradient(90deg, var(--twm-primary), var(--twm-sky)); transform: scaleX(0); transform-origin: left; transition: .32s ease; }
.twm-mlm-plan-card:hover { transform: translateY(-8px); box-shadow: 0 24px 55px rgba(2,69,102,.14); }
.twm-mlm-plan-card:hover::after,
.twm-mlm-plan-card.featured::after { transform: scaleX(1); }
.twm-mlm-plan-card.featured { background: linear-gradient(180deg, #ffffff, #effaff); border-color: rgba(8,182,232,.26); }
.twm-mlm-plan-card i { width: 52px; height: 52px; border-radius: 17px; display: inline-flex; align-items: center; justify-content: center; color: #fff; background: linear-gradient(135deg, var(--twm-primary), var(--twm-sky)); box-shadow: 0 12px 28px rgba(2,106,156,.20); font-size: 21px; margin-bottom: 16px; }
.twm-mlm-plan-card h3 { color: var(--twm-dark); font-size: 19px; line-height: 1.28; font-weight: 950; margin-bottom: 10px; }
.twm-mlm-plan-card p { color: var(--twm-muted); font-size: 14px; line-height: 1.65; margin-bottom: 16px; }
.twm-mlm-plan-card span { display: inline-flex; padding: 7px 11px; border-radius: 999px; background: rgba(2,106,156,.09); color: var(--twm-primary-2); font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: .5px; }
.twm-mlm-process { margin-top: 30px; display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; padding: 18px; border-radius: 26px; background: #fff; border: 1px solid rgba(2,69,102,.10); box-shadow: 0 16px 42px rgba(2,69,102,.08); }
.twm-mlm-process div { display: flex; align-items: center; justify-content: center; gap: 9px; min-height: 54px; border-radius: 17px; background: #f2faff; color: var(--twm-dark); font-weight: 900; font-size: 14px; }
.twm-mlm-process i { color: var(--twm-primary-2); }

@media (max-width: 1199px) {
    .twm-premium-hero { --twm-hero-height: 585px; }
    .twm-hero-slide { padding: 104px 0 66px !important; }
    .twm-hero-visual { min-height: 340px !important; }
    .twm-hero-visual img.floating-img { max-height: 315px !important; }
    .twm-mlm-layout { grid-template-columns: 1fr; }
    .twm-mlm-showcase { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: center; }
    .twm-dashboard-preview { margin: 0; }
    .twm-mlm-feature-list, .twm-mlm-showcase-btn { grid-column: 1 / -1; }
}
@media (max-width: 991px) {
    .twm-hero-slide { height: auto !important; min-height: auto !important; padding: 96px 0 78px !important; text-align: center; }
    .twm-hero-content { max-width: 720px; }
    .twm-hero-visual { min-height: 260px !important; margin-top: 8px !important; }
    .twm-hero-visual img.floating-img { max-height: 250px !important; }
    .twm-dashboard-card { display: none !important; }
    .twm-trust-row { max-width: 520px; }
    .twm-about-premium,
    .twm-mlm-suite { padding: 70px 0; }
    .twm-about-visual-wrap { max-width: 520px; margin-bottom: 12px; }
    .twm-about-main-card img { min-height: 360px; }
    .twm-mlm-plan-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .twm-mlm-process { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 767px) {
    .twm-hero-slide { padding: 84px 0 68px !important; }
    .twm-premium-hero .main-heading { font-size: 30px !important; letter-spacing: -1px !important; }
    .twm-premium-hero .tagline { font-size: 16px !important; }
    .twm-premium-hero .description { font-size: 14px !important; line-height: 1.65 !important; }
    .twm-hero-actions { display: grid !important; grid-template-columns: 1fr; width: 100%; }
    .twm-trust-row { grid-template-columns: repeat(3, 1fr) !important; gap: 8px !important; }
    .twm-trust-item { display: block !important; padding: 12px 8px !important; border-radius: 14px !important; }
    .twm-trust-item strong { font-size: 20px !important; }
    .twm-trust-item span { font-size: 10px !important; }
    .twm-hero-visual { min-height: 210px !important; }
    .twm-hero-visual::before { width: 70% !important; border-radius: 22px !important; }
    .twm-hero-visual img.floating-img { max-height: 205px !important; max-width: 78% !important; }
    .twm-carousel-controls { bottom: 12px !important; }
    .twm-about-premium,
    .twm-mlm-suite { padding: 58px 0; }
    .twm-about-content h2,
    .twm-mlm-head h2 { font-size: 27px; letter-spacing: -.9px; }
    .twm-about-feature-grid,
    .twm-about-checks,
    .twm-mlm-plan-grid { grid-template-columns: 1fr; }
    .twm-about-floating-card { position: static; margin-top: 12px; max-width: 100%; }
    .twm-about-visual-wrap { padding: 0; }
    .twm-about-main-card { border-radius: 24px; }
    .twm-about-main-card img { min-height: 260px; }
    .twm-about-actions { display: grid; grid-template-columns: 1fr; }
    .twm-btn-dark, .twm-btn-line, .twm-mlm-showcase-btn { width: 100%; }
    .twm-mlm-showcase { display: block; padding: 22px; border-radius: 24px; }
    .twm-dashboard-preview { margin: 20px 0; }
    .twm-mlm-plan-card { min-height: auto; padding: 22px; }
    .twm-mlm-process { grid-template-columns: 1fr; padding: 12px; }
}
@media (max-width: 480px) {
    .twm-hero-slide { padding-top: 78px !important; }
    .twm-eyebrow { white-space: normal; line-height: 1.3; justify-content: center; }
    .twm-premium-hero .description { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
    .twm-hero-visual { min-height: 185px !important; }
    .twm-hero-visual img.floating-img { max-height: 178px !important; }
    .twm-trust-row { margin-top: 16px !important; }
    .twm-about-lead, .twm-mlm-head p { font-size: 14.5px; line-height: 1.75; }
}

/* ===== Original style block 4 ===== */
/* =====================================================
   Tech Web Mantra Premium Compact Slider Update
   SEO safe: HTML content, headings, links, alt text same rahenge
===================================================== */
#heroCarousel.twm-premium-hero {
    --hero-dark: #061522;
    --hero-navy: #08243a;
    --hero-blue: #026a9c;
    --hero-cyan: #35d6ff;
    --hero-soft: #e8fbff;
    --hero-white: #ffffff;
    --hero-muted: rgba(255,255,255,.78);
    --hero-border: rgba(255,255,255,.15);
    --hero-shadow: 0 28px 75px rgba(0, 0, 0, .28);
    position: relative;
    overflow: hidden;
    isolation: isolate;
    background:
        radial-gradient(circle at 10% 15%, rgba(53, 214, 255, .22), transparent 28%),
        radial-gradient(circle at 90% 20%, rgba(120, 255, 214, .13), transparent 25%),
        linear-gradient(135deg, #061522 0%, #08243a 48%, #024566 100%) !important;
    font-family: 'Inter', 'Segoe UI', Arial, sans-serif !important;
}
#heroCarousel.twm-premium-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    background-image:
        linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
    background-size: 44px 44px;
    opacity: .8;
}
#heroCarousel.twm-premium-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        radial-gradient(circle at 42% 48%, rgba(53,214,255,.10), transparent 35%),
        linear-gradient(90deg, rgba(0,0,0,.22), transparent 55%);
    pointer-events: none;
}
#heroCarousel .carousel-inner {
    display: block !important;
    overflow: hidden !important;
}
#heroCarousel .carousel-item {
    transition: transform .75s cubic-bezier(.22,.61,.36,1), opacity .75s ease !important;
}
#heroCarousel .carousel-item-next.carousel-item-start,
#heroCarousel .carousel-item-prev.carousel-item-end,
#heroCarousel .carousel-item-prev.carousel-item-start,
#heroCarousel .carousel-item-next.carousel-item-end {
    transform: translateX(0) !important;
}
#heroCarousel .twm-hero-slide {
    position: relative;
    height: 560px !important;
    min-height: 560px !important;
    padding: 88px 0 56px !important;
    display: flex !important;
    align-items: center !important;
    color: #fff !important;
    overflow: hidden;
    background: transparent !important;
}
#heroCarousel .twm-hero-slide-light { background: radial-gradient(circle at 85% 20%, rgba(109, 255, 235, .14), transparent 28%) !important; }
#heroCarousel .twm-hero-slide-marketing { background: radial-gradient(circle at 82% 18%, rgba(255, 205, 86, .12), transparent 27%) !important; }
#heroCarousel .twm-hero-slide-app { background: radial-gradient(circle at 85% 20%, rgba(168, 85, 247, .16), transparent 28%) !important; }
#heroCarousel .twm-hero-slide-logo { background: radial-gradient(circle at 85% 20%, rgba(255, 122, 89, .14), transparent 28%) !important; }
#heroCarousel .twm-hero-slide-ecommerce { background: radial-gradient(circle at 85% 20%, rgba(34, 197, 94, .14), transparent 28%) !important; }
#heroCarousel .twm-hero-content {
    max-width: 610px !important;
    position: relative;
    z-index: 3;
}
#heroCarousel .twm-eyebrow {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    padding: 7px 13px !important;
    margin-bottom: 15px !important;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.18);
    background: rgba(255,255,255,.10);
    color: #bdf4ff !important;
    font-size: 11px !important;
    line-height: 1;
    font-weight: 800 !important;
    letter-spacing: .8px;
    text-transform: uppercase;
    backdrop-filter: blur(14px);
}
#heroCarousel .main-heading {
    color: #ffffff !important;
    font-size: clamp(28px, 3.7vw, 46px) !important;
    line-height: 1.12 !important;
    font-weight: 900 !important;
    letter-spacing: -1.5px !important;
    margin: 0 0 12px !important;
    text-shadow: 0 12px 32px rgba(0,0,0,.22);
}
#heroCarousel .tagline {
    color: #c9f4ff !important;
    font-size: clamp(15px, 1.35vw, 18px) !important;
    line-height: 1.45 !important;
    font-weight: 700 !important;
    margin-bottom: 11px !important;
}
#heroCarousel .description {
    color: rgba(255,255,255,.82) !important;
    font-size: 14px !important;
    line-height: 1.72 !important;
    max-width: 590px;
    margin-bottom: 16px !important;
}
#heroCarousel .description strong { color: #ffffff; }
#heroCarousel .twm-usp-points,
#heroCarousel .usp-points {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 18px !important;
    display: grid;
    gap: 8px;
}
#heroCarousel .twm-usp-points li,
#heroCarousel .usp-points li {
    color: rgba(255,255,255,.84) !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    line-height: 1.45 !important;
    display: flex;
    align-items: center;
    gap: 9px;
}
#heroCarousel .twm-usp-points i,
#heroCarousel .usp-points li::before {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    border-radius: 50%;
    background: rgba(53,214,255,.16);
    color: #72eaff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
}
#heroCarousel .twm-hero-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 11px !important;
    margin-top: 17px !important;
}
#heroCarousel .twm-btn {
    min-height: 44px !important;
    padding: 11px 18px !important;
    border-radius: 999px !important;
    font-size: 13.5px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: .1px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all .28s ease;
}
#heroCarousel .twm-btn-primary {
    color: #052033 !important;
    background: linear-gradient(135deg, #ffffff 0%, #bdf4ff 100%) !important;
    box-shadow: 0 16px 34px rgba(53,214,255,.25);
}
#heroCarousel .twm-btn-primary:hover {
    transform: translateY(-3px);
    color: #024566 !important;
    box-shadow: 0 22px 42px rgba(53,214,255,.34);
}
#heroCarousel .twm-btn-soft {
    color: #ffffff !important;
    background: rgba(255,255,255,.09) !important;
    border: 1px solid rgba(255,255,255,.22) !important;
    backdrop-filter: blur(14px);
}
#heroCarousel .twm-btn-soft:hover {
    transform: translateY(-3px);
    background: rgba(255,255,255,.16) !important;
}
#heroCarousel .twm-trust-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px !important;
    margin-top: 18px !important;
    max-width: 470px !important;
}
#heroCarousel .twm-trust-item {
    padding: 12px 13px !important;
    border-radius: 16px !important;
    background: rgba(255,255,255,.09) !important;
    border: 1px solid rgba(255,255,255,.13) !important;
    backdrop-filter: blur(14px);
}
#heroCarousel .twm-trust-item strong {
    display: block;
    color: #ffffff !important;
    font-size: 21px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
}
#heroCarousel .twm-trust-item span {
    display: block;
    margin-top: 5px;
    color: rgba(255,255,255,.68) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
}
#heroCarousel .twm-hero-visual {
    position: relative;
    z-index: 2;
    min-height: 360px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
#heroCarousel .twm-hero-visual::before {
    content: "";
    position: absolute;
    width: min(420px, 82%) !important;
    aspect-ratio: 1 / 1;
    border-radius: 34px;
    background: linear-gradient(145deg, rgba(255,255,255,.16), rgba(255,255,255,.045));
    border: 1px solid rgba(255,255,255,.15);
    transform: rotate(-7deg);
    box-shadow: var(--hero-shadow);
}
#heroCarousel .twm-hero-visual::after {
    content: "";
    position: absolute;
    width: min(335px, 68%);
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(53,214,255,.25), transparent 65%);
    filter: blur(5px);
}
#heroCarousel .twm-hero-visual img.floating-img {
    position: relative;
    z-index: 3;
    width: auto !important;
    max-width: min(420px, 88%) !important;
    max-height: 320px !important;
    object-fit: contain !important;
    filter: drop-shadow(0 28px 38px rgba(0,0,0,.30));
    animation: twmHeroFloat 5s ease-in-out infinite;
}
@keyframes twmHeroFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-12px); }
}
#heroCarousel .twm-dashboard-card {
    position: absolute;
    z-index: 4;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 10px 13px !important;
    border-radius: 15px !important;
    background: rgba(255,255,255,.96) !important;
    color: #024566 !important;
    box-shadow: 0 18px 38px rgba(0,0,0,.18);
    font-size: 12.5px !important;
    font-weight: 900 !important;
}
#heroCarousel .twm-dashboard-card i {
    width: 30px !important;
    height: 30px !important;
    border-radius: 11px !important;
    background: linear-gradient(135deg, #024566, #35d6ff) !important;
    color: #fff !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 13px !important;
}
#heroCarousel .twm-card-top { top: 34px !important; left: 18px !important; }
#heroCarousel .twm-card-bottom { right: 16px !important; bottom: 34px !important; }
#heroCarousel .twm-carousel-controls {
    position: absolute !important;
    left: 50% !important;
    bottom: 16px !important;
    z-index: 9 !important;
    transform: translateX(-50%) !important;
    display: flex !important;
    align-items: center;
    gap: 10px !important;
    padding: 8px 12px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.12) !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    backdrop-filter: blur(14px);
}
#heroCarousel .twm-carousel-controls .carousel-control-prev,
#heroCarousel .twm-carousel-controls .carousel-control-next {
    position: static !important;
    width: 34px !important;
    height: 34px !important;
    opacity: 1 !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    color: #024566 !important;
    border: 0 !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    font-size: 13px !important;
}
#heroCarousel .twm-carousel-controls .carousel-control-prev:hover,
#heroCarousel .twm-carousel-controls .carousel-control-next:hover { background: #bdf4ff !important; }
#heroCarousel .twm-carousel-controls .carousel-indicators {
    position: static !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center;
    gap: 7px !important;
}
#heroCarousel .twm-carousel-controls .carousel-indicators [data-bs-target] {
    width: 7px !important;
    height: 7px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.55) !important;
    opacity: 1 !important;
    transition: .25s ease;
}
#heroCarousel .twm-carousel-controls .carousel-indicators .active {
    width: 24px !important;
    background: #ffffff !important;
    transform: none !important;
}
@media (max-width: 1199px) {
    #heroCarousel .twm-hero-slide {
        height: 530px !important;
        min-height: 530px !important;
        padding: 82px 0 54px !important;
    }
    #heroCarousel .main-heading { font-size: clamp(27px, 3.4vw, 40px) !important; }
    #heroCarousel .twm-hero-visual img.floating-img { max-height: 292px !important; }
}
@media (max-width: 991px) {
    #heroCarousel .twm-hero-slide {
        height: auto !important;
        min-height: auto !important;
        padding: 86px 0 78px !important;
        text-align: center !important;
    }
    #heroCarousel .twm-hero-content { margin: 0 auto; }
    #heroCarousel .twm-hero-actions { justify-content: center; }
    #heroCarousel .twm-trust-row { margin-left: auto; margin-right: auto; }
    #heroCarousel .twm-hero-visual { min-height: 285px !important; margin-top: 10px; }
    #heroCarousel .twm-hero-visual::before { width: min(340px, 76%) !important; border-radius: 28px; }
    #heroCarousel .twm-hero-visual img.floating-img { max-height: 245px !important; }
}
@media (max-width: 767px) {
    #heroCarousel .twm-hero-slide { padding: 78px 0 68px !important; }
    #heroCarousel .main-heading {
        font-size: 27px !important;
        line-height: 1.18 !important;
        letter-spacing: -.8px !important;
    }
    #heroCarousel .tagline { font-size: 14.5px !important; }
    #heroCarousel .description {
        font-size: 13.2px !important;
        line-height: 1.62 !important;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    #heroCarousel .twm-btn {
        width: 100%;
        min-height: 42px !important;
        font-size: 13px !important;
    }
    #heroCarousel .twm-trust-row {
        grid-template-columns: 1fr;
        max-width: 310px !important;
        gap: 8px !important;
    }
    #heroCarousel .twm-trust-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 11px 13px !important;
    }
    #heroCarousel .twm-trust-item strong { font-size: 19px !important; }
    #heroCarousel .twm-hero-visual { min-height: 230px !important; }
    #heroCarousel .twm-dashboard-card { display: none !important; }
    #heroCarousel .twm-carousel-controls {
        bottom: 12px !important;
        padding: 7px 9px !important;
        gap: 8px !important;
    }
    #heroCarousel .twm-carousel-controls .carousel-control-prev,
    #heroCarousel .twm-carousel-controls .carousel-control-next {
        width: 31px !important;
        height: 31px !important;
    }
}
@media (max-width: 480px) {
    #heroCarousel .twm-hero-slide { padding-top: 72px !important; }
    #heroCarousel .main-heading { font-size: 24px !important; }
    #heroCarousel .twm-eyebrow {
        font-size: 10px !important;
        padding: 7px 10px !important;
        white-space: normal;
        line-height: 1.3;
        justify-content: center;
    }
    #heroCarousel .twm-hero-visual { min-height: 205px !important; }
    #heroCarousel .twm-hero-visual img.floating-img { max-height: 190px !important; }
}

/* ===== Original style block 5 ===== */
/* =====================================================
   Premium MLM Cards Layout - Image Circle Style
   Tech Web Mantra
===================================================== */

.twm-mlm-premium-area {
    position: relative;
    padding: 85px 20px 95px;
    background:
        radial-gradient(circle at 10% 10%, rgba(2, 106, 156, 0.10), transparent 28%),
        radial-gradient(circle at 90% 20%, rgba(8, 182, 232, 0.12), transparent 28%),
        linear-gradient(180deg, #fff7f7 0%, #ffffff 50%, #f4fbff 100%);
    overflow: hidden;
    font-family: 'Outfit', 'Poppins', Arial, sans-serif;
}

.twm-mlm-premium-area::before {
    content: "";
    position: absolute;
    left: -160px;
    top: 120px;
    width: 320px;
    height: 320px;
    border-radius: 50%;
    background: rgba(2, 69, 102, 0.08);
}

.twm-mlm-premium-area::after {
    content: "";
    position: absolute;
    right: -150px;
    bottom: 80px;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    background: rgba(8, 182, 232, 0.10);
}

.twm-mlm-premium-area .container {
    max-width: 1320px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.twm-mlm-premium-head {
    text-align: center;
    max-width: 900px;
    margin: 0 auto 72px;
}

.twm-mlm-premium-head .small-title {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #024566;
    background: rgba(2, 106, 156, 0.10);
    border: 1px solid rgba(2, 106, 156, 0.12);
    padding: 9px 18px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    margin-bottom: 16px;
}

.twm-mlm-premium-head h2 {
    color: #071827;
    font-size: clamp(30px, 3.4vw, 46px);
    line-height: 1.15;
    font-weight: 900;
    letter-spacing: -1.2px;
    margin: 0 0 14px;
}

.twm-mlm-premium-head p {
    color: #5f6f82;
    font-size: 16px;
    line-height: 1.8;
    margin: 0 auto;
    max-width: 760px;
}

/* Grid */
.twm-plan-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 72px 30px;
}

/* Card */
.twm-plan-card {
    position: relative;
    display: block;
    text-align: center;
    text-decoration: none;
    color: inherit;
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(2, 69, 102, 0.16);
    border-radius: 20px;
    padding: 86px 30px 30px;
    min-height: 360px;
    box-shadow: 0 14px 38px rgba(7, 24, 39, 0.08);
    transition: all 0.35s ease;
    overflow: visible;
}

.twm-plan-card:hover {
    transform: translateY(-12px);
    border-color: #024566;
    box-shadow: 0 28px 65px rgba(2, 69, 102, 0.17);
}

/* Top round image */
.twm-plan-image-wrap {
    position: absolute;
    top: -58px;
    left: 50%;
    transform: translateX(-50%);
    width: 118px;
    height: 118px;
    border-radius: 50%;
    background: #ffffff;
    border: 3px solid #024566;
    padding: 10px;
    box-shadow: 0 18px 36px rgba(2, 69, 102, 0.16);
    transition: all 0.35s ease;
}

.twm-plan-card:hover .twm-plan-image-wrap {
    transform: translateX(-50%) scale(1.07);
    border-color: #08b6e8;
}

.twm-plan-image-inner {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background:
        radial-gradient(circle at 30% 20%, #ffffff 0%, #dff8ff 44%, #b9ecff 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.twm-plan-image-inner img {
    width: 78px;
    height: 78px;
    object-fit: contain;
    display: block;
    filter: drop-shadow(0 8px 12px rgba(2, 69, 102, 0.18));
}

.twm-plan-image-inner i {
    font-size: 42px;
    color: #024566;
}

/* Badge */
.twm-plan-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 7px 14px;
    border-radius: 999px;
    background: #eef8ff;
    color: #026a9c;
    font-size: 12px;
    font-weight: 800;
    margin-bottom: 18px;
}

/* Text */
.twm-plan-card h3 {
    color: #003b5c;
    font-size: 24px;
    line-height: 1.25;
    font-weight: 900;
    letter-spacing: -0.4px;
    margin: 0 0 16px;
}

.twm-plan-card p {
    color: #111827;
    font-family: 'Poppins', Arial, sans-serif;
    font-size: 15.5px;
    line-height: 1.78;
    font-weight: 500;
    margin: 0 auto 20px;
    max-width: 430px;
}

/* Chips */
.twm-plan-features {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin: 0 0 24px;
}

.twm-plan-features span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 12px;
    border-radius: 999px;
    background: #f1fbff;
    color: #024566;
    border: 1px solid rgba(2, 106, 156, 0.12);
    font-size: 12px;
    font-weight: 800;
}

.twm-plan-features span::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #08b6e8;
}

/* Button */
.twm-plan-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    padding: 10px 22px;
    border-radius: 999px;
    background: #cfeefa;
    color: #003b5c;
    font-size: 16px;
    font-weight: 900;
    transition: all 0.3s ease;
}

.twm-plan-card:hover .twm-plan-btn {
    background: #024566;
    color: #ffffff;
}

/* Special card light effect */
.twm-plan-card.featured {
    background:
        linear-gradient(#ffffff, #ffffff) padding-box,
        linear-gradient(135deg, #024566, #08b6e8) border-box;
    border: 1px solid transparent;
}

.twm-plan-card.featured::before {
    content: "Popular";
    position: absolute;
    right: 18px;
    top: 18px;
    padding: 6px 12px;
    border-radius: 999px;
    background: #024566;
    color: #ffffff;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.5px;
}

/* Responsive */
@media (max-width: 1199px) {
    .twm-plan-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .twm-mlm-premium-area {
        padding: 65px 15px 75px;
    }

    .twm-mlm-premium-head {
        margin-bottom: 65px;
    }

    .twm-mlm-premium-head h2 {
        font-size: 27px;
    }

    .twm-mlm-premium-head p {
        font-size: 14.5px;
    }

    .twm-plan-grid {
        grid-template-columns: 1fr;
        gap: 68px;
    }

    .twm-plan-card {
        padding: 82px 22px 26px;
        min-height: auto;
        border-radius: 18px;
    }

    .twm-plan-card h3 {
        font-size: 21px;
    }

    .twm-plan-card p {
        font-size: 14.5px;
        line-height: 1.7;
    }

    .twm-plan-image-wrap {
        width: 108px;
        height: 108px;
        top: -54px;
    }

    .twm-plan-image-inner img {
        width: 70px;
        height: 70px;
    }

    .twm-plan-card.featured::before {
        display: none;
    }
}

/* ===== Original style block 6 ===== */
/* =====================================================
   Final Fix: Premium Website Development Slide
===================================================== */
#heroCarousel .twm-hero-slide-webpro {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 12% 18%, rgba(56, 189, 248, 0.22), transparent 28%),
        radial-gradient(circle at 88% 16%, rgba(34, 197, 94, 0.13), transparent 28%),
        linear-gradient(135deg, #071827 0%, #063652 46%, #024566 100%) !important;
}
#heroCarousel .twm-hero-slide-webpro::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
    background-size: 46px 46px;
    opacity: .9;
    pointer-events: none;
}
.twm-webpro-shape {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    filter: blur(2px);
}
.twm-webpro-shape-1 {
    width: 330px;
    height: 330px;
    left: -130px;
    top: 120px;
    background: rgba(8, 182, 232, .18);
}
.twm-webpro-shape-2 {
    width: 260px;
    height: 260px;
    right: -90px;
    bottom: -80px;
    background: rgba(255, 255, 255, .10);
}
.twm-webpro-content {
    position: relative;
    z-index: 3;
}
.twm-webpro-eyebrow {
    background: rgba(255,255,255,.12) !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    color: #dff8ff !important;
}
#heroCarousel .twm-hero-slide-webpro .main-heading {
    color: #ffffff !important;
    max-width: 660px;
}
#heroCarousel .twm-hero-slide-webpro .tagline {
    color: #c9f4ff !important;
}
#heroCarousel .twm-hero-slide-webpro .description {
    color: rgba(255,255,255,.84) !important;
}
.twm-webpro-feature-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    max-width: 540px;
    margin: 22px 0 22px;
}
.twm-webpro-mini-card {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 56px;
    padding: 12px 14px;
    border-radius: 16px;
    background: rgba(255,255,255,.10);
    border: 1px solid rgba(255,255,255,.14);
    backdrop-filter: blur(12px);
    color: #ffffff;
    font-size: 13px;
    font-weight: 800;
}
.twm-webpro-mini-card i {
    width: 32px;
    height: 32px;
    border-radius: 12px;
    background: linear-gradient(135deg, #ffffff, #bff3ff);
    color: #024566;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 32px;
}
.twm-webpro-points li {
    font-size: 14px;
    color: rgba(255,255,255,.86) !important;
}
#heroCarousel .twm-webpro-visual {
    position: relative;
    min-height: 430px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
#heroCarousel .twm-webpro-visual::before {
    content: "";
    position: absolute;
    width: min(520px, 88%) !important;
    aspect-ratio: 1 / 1;
    border-radius: 44px;
    background: linear-gradient(145deg, rgba(255,255,255,.16), rgba(255,255,255,.04));
    border: 1px solid rgba(255,255,255,.16);
    transform: rotate(-7deg);
    box-shadow: 0 38px 85px rgba(0,0,0,.24);
}
.twm-webpro-browser {
    position: relative;
    z-index: 3;
    width: min(520px, 94%);
    border-radius: 24px;
    overflow: hidden;
    background: rgba(255,255,255,.96);
    border: 1px solid rgba(255,255,255,.22);
    box-shadow: 0 30px 70px rgba(0,0,0,.28);
    animation: twmWebFloat 5s ease-in-out infinite;
}
@keyframes twmWebFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-14px); }
}
.twm-webpro-browser-top {
    height: 42px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 16px;
    background: #f1f5f9;
    border-bottom: 1px solid #e2e8f0;
}
.twm-webpro-browser-top span {
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #94a3b8;
}
.twm-webpro-browser-top span:nth-child(1) { background: #ef4444; }
.twm-webpro-browser-top span:nth-child(2) { background: #f59e0b; }
.twm-webpro-browser-top span:nth-child(3) { background: #22c55e; }
.twm-webpro-browser-img {
    padding: 18px;
    background:
        radial-gradient(circle at top left, rgba(8, 182, 232, .08), transparent 34%),
        #ffffff;
}
.twm-webpro-browser-img img {
    width: 100%;
    max-height: 330px !important;
    object-fit: contain;
    display: block;
    filter: drop-shadow(0 18px 22px rgba(2, 69, 102, .16));
}
.twm-webpro-float-card {
    position: absolute;
    z-index: 5;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 13px 15px;
    border-radius: 16px;
    background: rgba(255,255,255,.96);
    color: #024566;
    box-shadow: 0 18px 38px rgba(0,0,0,.18);
    border: 1px solid rgba(255,255,255,.45);
}
.twm-webpro-float-card i {
    width: 34px;
    height: 34px;
    border-radius: 12px;
    background: linear-gradient(135deg, #024566, #08b6e8);
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.twm-webpro-float-card strong {
    display: block;
    font-size: 13px;
    line-height: 1;
    font-weight: 900;
    color: #024566;
}
.twm-webpro-float-card span {
    display: block;
    margin-top: 4px;
    font-size: 11px;
    font-weight: 700;
    color: #64748b;
}
.twm-webpro-float-1 { left: 5px; top: 58px; }
.twm-webpro-float-2 { right: 0; bottom: 56px; }
@media (max-width: 991px) {
    .twm-webpro-content { text-align: center; margin: 0 auto; }
    .twm-webpro-feature-grid { margin-left: auto; margin-right: auto; }
    #heroCarousel .twm-webpro-visual { min-height: 340px !important; margin-top: 18px; }
    .twm-webpro-browser { width: min(460px, 94%); }
    .twm-webpro-browser-img img { max-height: 260px !important; }
}
@media (max-width: 767px) {
    .twm-webpro-feature-grid { grid-template-columns: 1fr; gap: 10px; }
    .twm-webpro-mini-card { justify-content: center; min-height: 50px; font-size: 13px; }
    #heroCarousel .twm-webpro-visual { min-height: 260px !important; }
    .twm-webpro-browser { border-radius: 18px; }
    .twm-webpro-browser-top { height: 34px; }
    .twm-webpro-browser-img { padding: 12px; }
    .twm-webpro-browser-img img { max-height: 190px !important; }
    .twm-webpro-float-card { display: none; }
}

/* ===== Original style block 7 ===== */
/* =====================================================
   Final Fix: Smooth Premium Secondary Services Section
===================================================== */
.secondary-services-section.twm-smooth-services {
    position: relative;
    padding: 90px 20px 95px;
    background:
        radial-gradient(circle at 8% 12%, rgba(8, 182, 232, .10), transparent 28%),
        radial-gradient(circle at 92% 18%, rgba(2, 69, 102, .08), transparent 30%),
        linear-gradient(180deg, #ffffff 0%, #f5fbff 100%);
    overflow: hidden;
    font-family: 'Outfit', 'Manrope', 'Inter', Arial, sans-serif;
}
.secondary-services-section.twm-smooth-services::before {
    content: "";
    position: absolute;
    width: 340px;
    height: 340px;
    left: -180px;
    top: 140px;
    border-radius: 50%;
    background: rgba(8, 182, 232, .10);
}
.secondary-services-section.twm-smooth-services::after {
    content: "";
    position: absolute;
    width: 300px;
    height: 300px;
    right: -150px;
    bottom: 80px;
    border-radius: 50%;
    background: rgba(2, 69, 102, .08);
}
.twm-smooth-services .container {
    max-width: 1320px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}
.twm-smooth-services .secondary-services-header {
    max-width: 900px;
    margin: 0 auto 52px;
    text-align: center;
}
.twm-smooth-services .secondary-services-header .sub-title {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 18px;
    border-radius: 999px;
    background: rgba(2, 106, 156, .10);
    color: #026a9c;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 16px;
}
.twm-smooth-services .secondary-services-header h2 {
    color: #071827;
    font-size: clamp(28px, 3.2vw, 44px);
    line-height: 1.15;
    font-weight: 950;
    letter-spacing: -1px;
    margin-bottom: 14px;
}
.twm-smooth-services .secondary-services-header p {
    color: #64748b;
    font-size: 16px;
    line-height: 1.85;
    margin: 0 auto;
    max-width: 760px;
}
.twm-smooth-services .secondary-services-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}
.twm-smooth-services .secondary-service-card {
    position: relative;
    background: #ffffff;
    border: 1px solid rgba(2, 69, 102, .10);
    border-radius: 28px;
    overflow: hidden;
    box-shadow: 0 18px 45px rgba(2, 69, 102, .08);
    transition: all .35s ease;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.twm-smooth-services .secondary-service-card:hover {
    transform: translateY(-10px);
    border-color: rgba(8, 182, 232, .35);
    box-shadow: 0 28px 65px rgba(2, 69, 102, .16);
}
.twm-smooth-services .secondary-service-image {
    position: relative;
    height: 230px;
    overflow: hidden;
    background: #eaf8ff;
}
.twm-smooth-services .secondary-service-image::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(180deg, rgba(7,24,39,0) 35%, rgba(7,24,39,.72) 100%);
    pointer-events: none;
}
.twm-smooth-services .secondary-service-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .45s ease;
}
.twm-smooth-services .secondary-service-card:hover .secondary-service-image img {
    transform: scale(1.08);
}
.twm-service-icon {
    position: absolute;
    right: 18px;
    bottom: -28px;
    z-index: 3;
    width: 62px;
    height: 62px;
    border-radius: 20px;
    background: linear-gradient(135deg, #024566, #08b6e8);
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 5px solid #ffffff;
    box-shadow: 0 14px 30px rgba(2,106,156,.25);
    font-size: 22px;
}
.twm-service-tag {
    position: absolute;
    left: 16px;
    top: 16px;
    z-index: 3;
    display: inline-flex;
    padding: 7px 12px;
    border-radius: 999px;
    background: rgba(255,255,255,.94);
    color: #024566;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .6px;
    text-transform: uppercase;
    box-shadow: 0 10px 22px rgba(0,0,0,.10);
}
.twm-smooth-services .secondary-service-content {
    padding: 42px 22px 24px;
    display: flex;
    flex-direction: column;
    flex: 1;
}
.twm-smooth-services .secondary-service-content h3 {
    margin: 0 0 12px;
    font-size: 22px;
    line-height: 1.28;
    font-weight: 950;
    letter-spacing: -.4px;
    color: #071827;
}
.twm-smooth-services .secondary-service-content h3 a {
    color: inherit;
    text-decoration: none;
}
.twm-smooth-services .secondary-service-content p {
    color: #64748b;
    font-family: 'Manrope', 'Inter', Arial, sans-serif;
    font-size: 14.5px;
    line-height: 1.78;
    margin: 0 0 18px;
}
.twm-service-features {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: auto 0 20px;
}
.twm-service-features span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 10px;
    border-radius: 999px;
    background: #f0faff;
    color: #024566;
    border: 1px solid rgba(2,106,156,.10);
    font-size: 11px;
    font-weight: 850;
}
.twm-service-features span::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #08b6e8;
}
.twm-smooth-services .secondary-service-content .btn {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 43px;
    padding: 11px 18px;
    border-radius: 999px;
    background: linear-gradient(135deg, #024566, #08b6e8);
    color: #ffffff !important;
    font-size: 13.5px;
    font-weight: 900;
    text-decoration: none;
    box-shadow: 0 14px 28px rgba(2,106,156,.18);
    transition: all .3s ease;
}
.twm-smooth-services .secondary-service-content .btn:hover {
    transform: translateY(-3px);
    color: #ffffff !important;
}
.twm-smooth-services .secondary-services-bottom {
    margin-top: 40px;
    padding: 26px 28px;
    border-radius: 30px;
    background:
        radial-gradient(circle at 10% 15%, rgba(8,182,232,.22), transparent 30%),
        linear-gradient(135deg, #071827 0%, #024566 100%);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    box-shadow: 0 24px 60px rgba(2,69,102,.20);
}
.twm-smooth-services .secondary-services-bottom p {
    margin: 0;
    color: rgba(255,255,255,.82);
    font-size: 15px;
    line-height: 1.75;
    max-width: 760px;
}
.twm-smooth-services .secondary-services-bottom .btn {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 48px;
    padding: 13px 22px;
    border-radius: 999px;
    background: #ffffff;
    color: #024566 !important;
    font-size: 14px;
    font-weight: 950;
    text-decoration: none;
    transition: .3s ease;
}
.twm-smooth-services .secondary-services-bottom .btn:hover {
    transform: translateY(-3px);
    color: #071827 !important;
}
@media (max-width: 1199px) {
    .twm-smooth-services .secondary-services-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 767px) {
    .secondary-services-section.twm-smooth-services { padding: 65px 15px 75px; }
    .twm-smooth-services .secondary-services-header { margin-bottom: 34px; }
    .twm-smooth-services .secondary-services-header h2 { font-size: 26px; }
    .twm-smooth-services .secondary-services-header p { font-size: 14.5px; }
    .twm-smooth-services .secondary-services-grid { grid-template-columns: 1fr; gap: 22px; }
    .twm-smooth-services .secondary-service-image { height: 215px; }
    .twm-smooth-services .secondary-service-content { padding: 40px 18px 22px; }
    .twm-smooth-services .secondary-service-content h3 { font-size: 20px; }
    .twm-smooth-services .secondary-services-bottom { flex-direction: column; align-items: flex-start; padding: 22px 18px; border-radius: 24px; }
    .twm-smooth-services .secondary-services-bottom .btn { width: 100%; }
}

/* ===== Original style block 8 ===== */
/* =====================================================
   Website Types - Attractive Premium Slider Boxes
   MLM section kept in previous dashed-card style
===================================================== */
.twm-website-types-section {
    position: relative;
    padding: 72px 18px 78px;
    background:
        radial-gradient(circle at 12% 8%, rgba(255, 119, 95, .13), transparent 28%),
        radial-gradient(circle at 88% 12%, rgba(2, 106, 156, .10), transparent 30%),
        linear-gradient(180deg, #fff7f5 0%, #fffaf8 56%, #ffffff 100%);
    overflow: hidden;
    font-family: 'Outfit', 'Manrope', 'Inter', 'Segoe UI', Arial, sans-serif;
}

.twm-website-types-section::before,
.twm-website-types-section::after {
    content: "";
    position: absolute;
    border-radius: 999px;
    pointer-events: none;
}

.twm-website-types-section::before {
    width: 300px;
    height: 300px;
    left: -160px;
    top: 90px;
    background: rgba(239, 75, 50, .08);
}

.twm-website-types-section::after {
    width: 260px;
    height: 260px;
    right: -130px;
    bottom: 60px;
    background: rgba(2, 106, 156, .08);
}

.twm-website-types-section .container {
    max-width: 1320px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.twm-website-types-head {
    max-width: 900px;
    margin: 0 auto 36px;
    text-align: center;
}

.twm-webtype-subtitle {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    border-radius: 999px;
    background: rgba(239, 75, 50, .10);
    color: #e54832;
    border: 1px solid rgba(239, 75, 50, .12);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .9px;
    text-transform: uppercase;
    margin-bottom: 13px;
}

.twm-website-types-head h2 {
    margin: 0 0 12px;
    color: #071827;
    font-size: clamp(28px, 3.1vw, 42px);
    line-height: 1.15;
    font-weight: 950;
    letter-spacing: -1.1px;
}

.twm-website-types-head h2 span,
.twm-website-types-head h2 strong {
    background: linear-gradient(90deg, #10164a, #ef4b32);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.twm-website-types-head p {
    margin: 0 auto;
    color: #64748b;
    font-size: 15px;
    line-height: 1.7;
    max-width: 760px;
}

.twm-website-slider-wrap {
    position: relative;
    padding: 0 52px;
}

.twm-website-types-slider {
    display: flex;
    gap: 24px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    padding: 8px 4px 14px;
    scrollbar-width: none;
}

.twm-website-types-slider::-webkit-scrollbar {
    display: none;
}

.twm-website-type-card {
    position: relative;
    flex: 0 0 calc((100% - 48px) / 3);
    scroll-snap-align: start;
    background:
        linear-gradient(#ffffff, #ffffff) padding-box,
        linear-gradient(135deg, rgba(239,75,50,.36), rgba(2,106,156,.22)) border-box;
    border: 1px solid transparent;
    border-radius: 26px;
    overflow: hidden;
    box-shadow: 0 18px 44px rgba(7, 24, 39, .09);
    transition: all .34s ease;
    min-height: 500px;
    display: flex;
    flex-direction: column;
}

.twm-website-type-card:hover {
    transform: translateY(-9px);
    box-shadow: 0 28px 66px rgba(7, 24, 39, .15);
}

.twm-website-type-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 88% 6%, rgba(8,182,232,.10), transparent 32%);
    pointer-events: none;
}

.twm-website-type-img {
    position: relative;
    margin: 16px 16px 0;
    height: 214px;
    border-radius: 20px;
    overflow: hidden;
    background: #eef8ff;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.65);
}

.twm-website-type-img::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(7,24,39,0) 40%, rgba(7,24,39,.58) 100%),
        radial-gradient(circle at 16% 12%, rgba(255,255,255,.30), transparent 26%);
    pointer-events: none;
}

.twm-website-type-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .45s ease, filter .45s ease;
}

.twm-website-type-card:hover .twm-website-type-img img {
    transform: scale(1.07);
    filter: saturate(1.05) contrast(1.03);
}

.twm-webtype-card-badge {
    position: absolute;
    left: 30px;
    top: 30px;
    z-index: 4;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 12px;
    border-radius: 999px;
    background: rgba(255,255,255,.95);
    color: #024566;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .5px;
    text-transform: uppercase;
    box-shadow: 0 10px 24px rgba(7,24,39,.12);
}

.twm-webtype-card-badge i {
    color: #ef4b32;
}

.twm-website-type-content {
    position: relative;
    padding: 23px 24px 24px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.twm-website-type-content h3 {
    color: #071827;
    font-size: 24px;
    line-height: 1.24;
    font-weight: 950;
    letter-spacing: -.65px;
    margin: 0 0 10px;
}

.twm-website-type-content p {
    color: #46566a;
    font-size: 14.5px;
    line-height: 1.68;
    font-weight: 500;
    text-align: left;
    margin: 0 0 16px;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.twm-webtype-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin: auto 0 18px;
}

.twm-webtype-chips span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 10px;
    border-radius: 999px;
    background: #fff5f1;
    color: #9f331f;
    border: 1px solid rgba(239,75,50,.11);
    font-size: 11px;
    font-weight: 850;
}

.twm-webtype-chips span::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #ef4b32;
}

.twm-webtype-read-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    width: fit-content;
    min-height: 44px;
    padding: 11px 20px;
    border-radius: 999px;
    background: linear-gradient(135deg, #071827, #024566 55%, #08b6e8);
    color: #ffffff !important;
    font-size: 13.5px;
    font-weight: 950;
    text-decoration: none;
    overflow: hidden;
    box-shadow: 0 14px 30px rgba(2,106,156,.22);
    transition: .3s ease;
}

.twm-webtype-read-btn::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, #ef4b32, #ffb06b);
    opacity: 0;
    transition: .3s ease;
}

.twm-webtype-read-btn span,
.twm-webtype-read-btn i {
    position: relative;
    z-index: 2;
}

.twm-webtype-read-btn:hover {
    transform: translateY(-3px);
    color: #ffffff !important;
    box-shadow: 0 20px 40px rgba(239,75,50,.24);
}

.twm-webtype-read-btn:hover::before {
    opacity: 1;
}

.twm-webtype-read-btn:hover i {
    transform: translateX(4px);
}

.twm-webtype-read-btn i {
    transition: .25s ease;
}

.twm-webtype-arrow {
    position: absolute;
    top: 50%;
    z-index: 7;
    transform: translateY(-50%);
    width: 46px;
    height: 58px;
    border: 0;
    border-radius: 16px;
    background: rgba(255,255,255,.96);
    color: #ef4b32;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    box-shadow: 0 14px 34px rgba(7,24,39,.12);
    transition: all .3s ease;
}

.twm-webtype-arrow:hover {
    background: #ef4b32;
    color: #ffffff;
    transform: translateY(-50%) scale(1.06);
}

.twm-webtype-prev {
    left: 0;
}

.twm-webtype-next {
    right: 0;
}

/* Restore MLM section to previous clean dashed-card feel */
.twm-mlm-same-style-section {
    padding-top: 78px !important;
    padding-bottom: 88px !important;
}
.twm-mlm-same-card {
    background: #eaf4fb !important;
    border: 2px dashed #4aa3ff !important;
    border-radius: 28px !important;
    box-shadow: none !important;
}
.twm-mlm-same-card:hover {
    background: #edf8ff !important;
    border-color: #1d7ff2 !important;
    box-shadow: 0 20px 44px rgba(59, 130, 246, 0.14) !important;
}

@media (max-width: 1199px) {
    .twm-website-type-card {
        flex-basis: calc((100% - 24px) / 2);
    }
}

@media (max-width: 767px) {
    .twm-website-types-section {
        padding: 58px 14px 66px;
    }
    .twm-website-types-head {
        margin-bottom: 28px;
    }
    .twm-website-types-head h2 {
        font-size: 26px;
    }
    .twm-website-types-head p {
        font-size: 14px;
        line-height: 1.65;
    }
    .twm-website-slider-wrap {
        padding: 0;
    }
    .twm-website-types-slider {
        gap: 16px;
        padding-bottom: 10px;
    }
    .twm-website-type-card {
        flex-basis: 86%;
        min-height: auto;
        border-radius: 22px;
    }
    .twm-website-type-img {
        height: 184px;
        margin: 12px 12px 0;
        border-radius: 17px;
    }
    .twm-website-type-content {
        padding: 20px 18px 20px;
    }
    .twm-website-type-content h3 {
        font-size: 21px;
    }
    .twm-website-type-content p {
        font-size: 13.5px;
        -webkit-line-clamp: 5;
    }
    .twm-webtype-card-badge {
        left: 22px;
        top: 22px;
    }
    .twm-webtype-arrow {
        display: none;
    }
}

/* ===== Original style block 9 ===== */
/* =========================================
   Slider Height Thoda Kam
========================================= */
#heroCarousel.twm-premium-hero {
    --twm-hero-height: 590px !important;
}

#heroCarousel .twm-hero-slide {
    height: var(--twm-hero-height) !important;
    min-height: var(--twm-hero-height) !important;
    padding: 98px 0 64px !important;
}

#heroCarousel .twm-hero-content {
    max-width: 625px !important;
}

#heroCarousel .main-heading {
    font-size: clamp(30px, 4vw, 50px) !important;
    line-height: 1.08 !important;
}

#heroCarousel .twm-premium-hero .main-heading {
    font-size: clamp(30px, 4vw, 50px) !important;
}

#heroCarousel .twm-hero-visual {
    min-height: 340px !important;
}

#heroCarousel .twm-hero-visual::before {
    width: min(390px, 78%) !important;
}

#heroCarousel .twm-hero-visual img.floating-img {
    max-height: 305px !important;
    object-fit: contain !important;
}

#heroCarousel .twm-carousel-controls {
    bottom: 14px !important;
}

@media (max-width: 1199px) {
    #heroCarousel.twm-premium-hero {
        --twm-hero-height: 555px !important;
    }

    #heroCarousel .twm-hero-slide {
        padding: 92px 0 60px !important;
    }

    #heroCarousel .twm-hero-visual {
        min-height: 310px !important;
    }

    #heroCarousel .twm-hero-visual img.floating-img {
        max-height: 270px !important;
    }
}

@media (max-width: 991px) {
    #heroCarousel .twm-hero-slide {
        height: auto !important;
        min-height: auto !important;
        padding: 86px 0 72px !important;
        text-align: center !important;
    }

    #heroCarousel .twm-hero-visual {
        min-height: 245px !important;
        margin-top: 10px !important;
    }

    #heroCarousel .twm-hero-visual img.floating-img {
        max-height: 205px !important;
    }
}

@media (max-width: 767px) {
    #heroCarousel .twm-hero-slide {
        padding: 78px 0 66px !important;
    }

    #heroCarousel .twm-hero-visual {
        min-height: 205px !important;
    }

    #heroCarousel .twm-hero-visual img.floating-img {
        max-height: 175px !important;
    }
}

/* =========================================
   MLM Plans - Screenshot Style Full Plans
========================================= */
.twm-mlm-same-style-section {
    position: relative;
    padding: 78px 20px 88px;
    background: #ffffff;
    font-family: 'Outfit', 'Segoe UI', Arial, sans-serif;
    overflow: hidden;
}

.twm-mlm-same-style-section::before {
    content: "";
    position: absolute;
    width: 360px;
    height: 360px;
    left: -190px;
    top: 110px;
    border-radius: 50%;
    background: rgba(74, 163, 255, 0.08);
}

.twm-mlm-same-style-section::after {
    content: "";
    position: absolute;
    width: 320px;
    height: 320px;
    right: -170px;
    bottom: 70px;
    border-radius: 50%;
    background: rgba(2, 106, 156, 0.07);
}

.twm-mlm-same-style-section .container {
    max-width: 1380px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.twm-mlm-same-style-head {
    text-align: center;
    max-width: 900px;
    margin: 0 auto 58px;
}

.twm-mlm-same-style-head span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 18px;
    border-radius: 999px;
    background: rgba(59, 130, 246, 0.08);
    color: #0b5fa8;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .8px;
    text-transform: uppercase;
    margin-bottom: 14px;
}

.twm-mlm-same-style-head h2 {
    color: #0f172a;
    font-size: clamp(28px, 3vw, 42px);
    font-weight: 900;
    line-height: 1.15;
    letter-spacing: -1px;
    margin: 0 0 14px;
}

.twm-mlm-same-style-head p {
    color: #475569;
    font-size: 16px;
    line-height: 1.82;
    margin: 0;
}

.twm-mlm-same-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 34px 30px;
}

.twm-mlm-same-card {
    position: relative;
    display: block;
    background: #eaf4fb;
    border: 2px dashed #4aa3ff;
    border-radius: 28px;
    padding: 58px 24px 28px;
    text-align: center;
    min-height: 355px;
    text-decoration: none;
    color: inherit;
    transition: all .35s ease;
    overflow: visible;
}

.twm-mlm-same-card:hover {
    transform: translateY(-8px);
    border-color: #1d7ff2;
    box-shadow: 0 20px 44px rgba(59, 130, 246, 0.14);
    background: #edf8ff;
}

.twm-mlm-same-card-no {
    position: absolute;
    top: -23px;
    left: 50%;
    transform: translateX(-50%);
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #ffffff;
    border: 2px solid #3b9bf5;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #071827;
    font-size: 23px;
    font-weight: 900;
    box-shadow: 0 8px 20px rgba(2, 69, 102, 0.08);
}

.twm-mlm-same-icon {
    width: 82px;
    height: 82px;
    margin: 0 auto 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.twm-mlm-same-icon img {
    width: 82px;
    height: 82px;
    object-fit: contain;
    display: block;
    filter: drop-shadow(0 8px 14px rgba(2, 69, 102, 0.14));
}

.twm-mlm-same-card h3 {
    color: #073a5b;
    font-size: 21px;
    line-height: 1.28;
    font-weight: 900;
    margin: 0 0 14px;
    letter-spacing: -.3px;
}

.twm-mlm-same-card h3 span {
    color: inherit;
}

.twm-mlm-same-card h3 i {
    margin-left: 7px;
    font-size: 19px;
    vertical-align: middle;
    transition: .28s ease;
}

.twm-mlm-same-card:hover h3 i {
    transform: translateX(4px);
}

.twm-mlm-same-card p {
    color: #1f2937;
    font-size: 15px;
    line-height: 1.78;
    font-weight: 500;
    margin: 0;
    text-align: justify;
}

@media (max-width: 1199px) {
    .twm-mlm-same-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 34px 26px;
    }
}

@media (max-width: 767px) {
    .twm-mlm-same-style-section {
        padding: 65px 15px 75px;
    }

    .twm-mlm-same-style-head {
        margin-bottom: 42px;
    }

    .twm-mlm-same-style-head h2 {
        font-size: 26px;
    }

    .twm-mlm-same-style-head p {
        font-size: 14.5px;
        line-height: 1.75;
    }

    .twm-mlm-same-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .twm-mlm-same-card {
        min-height: auto;
        padding: 54px 20px 24px;
        border-radius: 24px;
    }

    .twm-mlm-same-card h3 {
        font-size: 20px;
    }

    .twm-mlm-same-card p {
        font-size: 14px;
        line-height: 1.75;
    }
}

/* ===== Original style block 10 ===== */
/* =====================================================
   Premium Compact Popup + Bottom Contact Form
===================================================== */
.twm-popup-overlay {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
    background: rgba(7, 24, 39, 0.68);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    visibility: hidden;
    opacity: 0;
    transition: all .32s ease;
}

.twm-popup-overlay.is-show {
    visibility: visible;
    opacity: 1;
}

.twm-popup-card {
    position: relative;
    width: min(94vw, 760px);
    max-height: 92vh;
    overflow: auto;
    border-radius: 26px;
    background:
        radial-gradient(circle at 8% 0%, rgba(8,182,232,.14), transparent 28%),
        radial-gradient(circle at 94% 0%, rgba(255,107,0,.10), transparent 24%),
        #ffffff;
    border: 1px solid rgba(255,255,255,.70);
    box-shadow: 0 30px 90px rgba(0,0,0,.30);
    transform: translateY(22px) scale(.96);
    transition: all .32s ease;
}

.twm-popup-overlay.is-show .twm-popup-card {
    transform: translateY(0) scale(1);
}

.twm-popup-top {
    position: relative;
    padding: 24px 24px 18px;
    background:
        linear-gradient(135deg, rgba(2,69,102,.98), rgba(2,106,156,.94)),
        radial-gradient(circle at 90% 10%, rgba(255,255,255,.18), transparent 24%);
    color: #ffffff;
    border-radius: 26px 26px 0 0;
    overflow: hidden;
}

.twm-popup-top::after {
    content: "";
    position: absolute;
    right: -60px;
    top: -60px;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: rgba(255,255,255,.10);
}

.twm-popup-brand {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 14px;
    padding-right: 52px;
}

.twm-popup-brand img {
    width: 148px;
    height: auto;
    padding: 8px 12px;
    border-radius: 14px;
    background: #ffffff;
    box-shadow: 0 12px 26px rgba(0,0,0,.16);
}

.twm-popup-brand-text span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #bff3ff;
    font-size: 11px;
    font-weight: 950;
    letter-spacing: .9px;
    text-transform: uppercase;
    margin-bottom: 7px;
}

.twm-popup-brand-text h2 {
    color: #ffffff;
    font-size: 26px;
    line-height: 1.15;
    font-weight: 950;
    letter-spacing: -.7px;
    margin: 0;
}

.twm-popup-brand-text h2 b {
    color: #ff9b3d;
    font-weight: 950;
}

.twm-popup-close {
    position: absolute;
    right: 18px;
    top: 18px;
    z-index: 5;
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 50%;
    background: rgba(255,255,255,.14);
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    cursor: pointer;
    transition: .25s ease;
}

.twm-popup-close:hover {
    background: #ffffff;
    color: #024566;
    transform: rotate(90deg);
}

.twm-popup-body {
    padding: 24px;
}

.twm-popup-intro {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    margin-bottom: 18px;
}

.twm-popup-mini-card {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 13px 14px;
    border-radius: 16px;
    background: #f3fbff;
    border: 1px solid rgba(2,69,102,.10);
    color: #27445f;
    font-size: 12.5px;
    line-height: 1.35;
    font-weight: 850;
}

.twm-popup-mini-card i {
    width: 34px;
    height: 34px;
    border-radius: 12px;
    flex: 0 0 34px;
    background: linear-gradient(135deg, #024566, #08b6e8);
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.twm-popup-form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 13px;
}

.twm-popup-field.full {
    grid-column: 1 / -1;
}

.twm-popup-card input,
.twm-popup-card select,
.twm-popup-card textarea {
    width: 100%;
    border: 1px solid #d4e0ea;
    background: #ffffff;
    border-radius: 14px;
    padding: 14px 15px;
    font-size: 14.5px;
    color: #102b46;
    outline: none;
    transition: .25s ease;
}

.twm-popup-card input:focus,
.twm-popup-card select:focus,
.twm-popup-card textarea:focus {
    border-color: #08b6e8;
    box-shadow: 0 0 0 4px rgba(8,182,232,.11);
}

.twm-popup-card textarea {
    min-height: 105px;
    resize: vertical;
}

.twm-popup-submit {
    grid-column: 1 / -1;
    width: 100%;
    min-height: 52px;
    border: 0;
    border-radius: 14px;
    background: linear-gradient(90deg, #ff8617 0%, #ff6b00 100%);
    color: #ffffff;
    font-size: 15px;
    font-weight: 950;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    box-shadow: 0 16px 30px rgba(255,107,0,.24);
    transition: .3s ease;
}

.twm-popup-submit:hover {
    transform: translateY(-3px);
    box-shadow: 0 20px 38px rgba(255,107,0,.30);
}

.twm-popup-bottom {
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #52677d;
    font-size: 12.5px;
    font-weight: 750;
}

.twm-popup-bottom i {
    color: #0aa6b3;
}

/* Bottom Contact Form */
.twm-contact-premium {
    position: relative;
    padding: 68px 20px;
    background: linear-gradient(180deg, #f3f6f8 0%, #eef3f6 100%);
    font-family: 'Outfit', 'Inter', 'Segoe UI', Arial, sans-serif;
    overflow: hidden;
}

.twm-contact-premium::before {
    content: "";
    position: absolute;
    left: -140px;
    top: 70px;
    width: 280px;
    height: 280px;
    border-radius: 50%;
    background: rgba(8,182,232,.08);
}

.twm-contact-premium::after {
    content: "";
    position: absolute;
    right: -120px;
    bottom: 40px;
    width: 260px;
    height: 260px;
    border-radius: 50%;
    background: rgba(255,107,0,.06);
}

.twm-contact-premium .container {
    max-width: 1280px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.twm-contact-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 28px;
    align-items: stretch;
}

.twm-contact-card,
.twm-enquiry-card {
    background: rgba(255,255,255,.96);
    border: 1px solid rgba(2,69,102,.10);
    border-radius: 22px;
    box-shadow: 0 16px 40px rgba(2,69,102,.08);
    padding: 30px;
    height: 100%;
}

.twm-contact-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    border-radius: 12px;
    background: #e8f5f5;
    color: #024566;
    font-size: 13px;
    font-weight: 900;
    margin-bottom: 18px;
}

.twm-contact-card h2,
.twm-enquiry-card h2 {
    color: #071827;
    font-size: clamp(28px, 3vw, 42px);
    line-height: 1.12;
    font-weight: 950;
    letter-spacing: -1px;
    margin: 0 0 18px;
}

.twm-contact-card p.lead {
    color: #617286;
    font-size: 15px;
    line-height: 1.72;
    margin: 0 0 26px;
    max-width: 580px;
    font-weight: 500;
}

.twm-contact-info-list {
    display: grid;
    gap: 18px;
}

.twm-contact-info-item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 18px 16px;
    background: #ffffff;
    border: 1px solid #d8e2ea;
    border-radius: 14px;
    transition: .3s ease;
}

.twm-contact-info-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px rgba(2,69,102,.08);
}

.twm-contact-icon {
    width: 54px;
    height: 54px;
    border-radius: 14px;
    background: #dff0f0;
    color: #0d9aa5;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    flex: 0 0 54px;
}

.twm-contact-info-item h4 {
    margin: 0;
    color: #102b46;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.4;
}

.twm-contact-info-item a,
.twm-contact-info-item span {
    color: #102b46;
    text-decoration: none;
}

.twm-form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    margin-bottom: 15px;
}

.twm-form-group.full {
    grid-column: 1 / -1;
}

.twm-enquiry-card input,
.twm-enquiry-card select,
.twm-enquiry-card textarea {
    width: 100%;
    border: 1px solid #cfd8e3;
    background: #ffffff;
    border-radius: 14px;
    padding: 16px 17px;
    font-size: 15px;
    color: #1f3142;
    outline: none;
    transition: .25s ease;
    box-shadow: none;
}

.twm-enquiry-card input:focus,
.twm-enquiry-card select:focus,
.twm-enquiry-card textarea:focus {
    border-color: #11b5bf;
    box-shadow: 0 0 0 4px rgba(17,181,191,.10);
}

.twm-enquiry-card textarea {
    min-height: 160px;
    resize: vertical;
}

.twm-enquiry-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    border: 0;
    border-radius: 14px;
    padding: 17px 20px;
    background: linear-gradient(90deg, #ff8617 0%, #ff7a14 100%);
    color: #ffffff;
    font-size: 16px;
    font-weight: 900;
    cursor: pointer;
    box-shadow: 0 16px 28px rgba(255,122,20,.22);
    transition: .3s ease;
}

.twm-enquiry-submit:hover {
    transform: translateY(-3px);
    box-shadow: 0 20px 34px rgba(255,122,20,.28);
}

/* Mobile website improvement */
@media (max-width: 991px) {
    body {
        overflow-x: hidden;
    }

    .container {
        max-width: 100% !important;
    }

    .twm-contact-grid {
        grid-template-columns: 1fr;
    }

    .twm-hero-slide,
    .hero-slide {
        height: auto !important;
        min-height: auto !important;
        padding: 98px 0 58px !important;
    }

    .twm-premium-hero .main-heading,
    .main-heading {
        font-size: 30px !important;
        line-height: 1.16 !important;
        letter-spacing: -0.8px !important;
    }

    .twm-premium-hero .tagline,
    .tagline {
        font-size: 16px !important;
    }

    .twm-premium-hero .description,
    .description {
        font-size: 14px !important;
        line-height: 1.72 !important;
    }

    .twm-hero-visual {
        min-height: 260px !important;
    }

    .twm-hero-visual img.floating-img,
    .floating-img {
        max-width: 86% !important;
        max-height: 240px !important;
        object-fit: contain;
    }

    .services-grid,
    .secondary-services-grid,
    .twm-plan-grid,
    .twm-website-types-grid,
    .twm-counter-solid-grid,
    .twm-static-review-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 767px) {
    .twm-popup-overlay {
        padding: 12px;
        align-items: flex-start;
        overflow-y: auto;
    }

    .twm-popup-card {
        width: 100%;
        max-height: none;
        margin: 12px 0;
        border-radius: 22px;
    }

    .twm-popup-top {
        padding: 20px 18px 16px;
        border-radius: 22px 22px 0 0;
    }

    .twm-popup-brand {
        align-items: flex-start;
        gap: 12px;
    }

    .twm-popup-brand img {
        width: 110px;
        padding: 7px 9px;
        border-radius: 12px;
    }

    .twm-popup-brand-text span {
        font-size: 9.5px;
        margin-bottom: 5px;
    }

    .twm-popup-brand-text h2 {
        font-size: 19px;
        letter-spacing: -.4px;
    }

    .twm-popup-close {
        right: 10px;
        top: 10px;
        width: 34px;
        height: 34px;
        font-size: 16px;
    }

    .twm-popup-body {
        padding: 18px;
    }

    .twm-popup-intro {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .twm-popup-form-grid {
        grid-template-columns: 1fr;
        gap: 11px;
    }

    .twm-popup-field.full,
    .twm-popup-submit {
        grid-column: auto;
    }

    .twm-popup-card input,
    .twm-popup-card select,
    .twm-popup-card textarea {
        padding: 13px 14px;
        font-size: 14px;
        border-radius: 13px;
    }

    .twm-popup-card textarea {
        min-height: 95px;
    }

    section,
    .about-area,
    .mlm-plans-premium-area,
    .secondary-services-section,
    .premium-counter-simple,
    .consulting-area,
    .testimonial-area,
    .twm-premium-about-bottom,
    .twm-contact-premium {
        padding-top: 45px !important;
        padding-bottom: 45px !important;
    }

    .section-header h2,
    .secondary-services-header h2,
    .counter-header h2,
    .twm-about-content-box h2,
    .twm-contact-card h2,
    .twm-enquiry-card h2 {
        font-size: 24px !important;
        line-height: 1.18 !important;
        letter-spacing: -0.5px !important;
    }

    .service-box,
    .secondary-service-card,
    .twm-about-master-card,
    .twm-contact-card,
    .twm-enquiry-card,
    .twm-static-reviews-box {
        border-radius: 20px !important;
    }

    .secondary-service-image img {
        height: 190px !important;
    }

    .twm-btn,
    .btn,
    .twm-about-btn,
    .twm-enquiry-submit {
        width: 100%;
        max-width: 100%;
    }

    .twm-contact-grid,
    .twm-about-main-grid,
    .twm-mlm-layout,
    .twm-form-grid {
        grid-template-columns: 1fr !important;
    }

    .twm-contact-premium {
        padding-left: 14px;
        padding-right: 14px;
    }

    .twm-contact-card,
    .twm-enquiry-card {
        padding: 20px;
    }
}

/* ===== Original style block 11 ===== */
/* =====================================================
   TWM Premium About Section - Logo Wall Style
===================================================== */
.twm-premium-about-bottom {
    position: relative;
    padding: 72px 20px;
    background:
        radial-gradient(circle at 8% 18%, rgba(0, 109, 229, 0.10), transparent 28%),
        radial-gradient(circle at 96% 18%, rgba(255, 107, 0, 0.08), transparent 22%),
        linear-gradient(180deg, #f7fbff 0%, #ffffff 100%);
    font-family: 'Outfit', 'Inter', 'Segoe UI', Arial, sans-serif;
    overflow: hidden;
}
.twm-premium-about-bottom::before {
    content: "";
    position: absolute;
    width: 340px;
    height: 340px;
    left: -190px;
    top: 90px;
    border-radius: 50%;
    background: rgba(0, 109, 229, 0.08);
}
.twm-premium-about-bottom::after {
    content: "";
    position: absolute;
    width: 280px;
    height: 280px;
    right: -130px;
    bottom: 40px;
    border-radius: 50%;
    background: rgba(255, 107, 0, 0.08);
}
.twm-premium-about-bottom .container {
    max-width: 1340px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}
.twm-about-master-card {
    position: relative;
    padding: 26px;
    border-radius: 34px;
    background: rgba(255,255,255,0.94);
    border: 1px solid rgba(2, 69, 102, 0.08);
    box-shadow: 0 26px 78px rgba(2, 69, 102, 0.12);
    overflow: hidden;
}
.twm-about-master-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 88% 18%, rgba(0, 109, 229, 0.08), transparent 26%),
        radial-gradient(circle at 8% 92%, rgba(255, 107, 0, 0.06), transparent 24%);
    pointer-events: none;
}
.twm-about-main-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 0.95fr 1.05fr;
    gap: 46px;
    align-items: center;
}
.twm-about-visual-card {
    position: relative;
    padding-top: 7px;
}
.twm-about-floating-nav {
    position: absolute;
    right: 18px;
    top: 0;
    z-index: 5;
    width: 308px;
    padding: 14px 18px;
    border-radius: 24px;
    background: rgba(255,255,255,0.96);
    border: 1px solid rgba(2,69,102,0.08);
    box-shadow: 0 22px 52px rgba(2,69,102,0.14);
}
.twm-about-floating-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.twm-about-floating-nav li {
    display: flex;
    align-items: center;
    gap: 11px;
    color: #334155;
    font-size: 14px;
    font-weight: 800;
    padding: 10px 0;
}
.twm-about-floating-nav li + li {
    border-top: 1px solid rgba(2,69,102,0.06);
}
.twm-about-floating-nav i {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #0f7abf;
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 9px;
    flex: 0 0 18px;
}
.twm-about-image-box {
    position: relative;
    min-height: 650px;
    border-radius: 30px;
    overflow: hidden;
    background: linear-gradient(180deg, #edf6ff 0%, #d9ebfb 100%);
    border: 1px solid rgba(2, 69, 102, 0.10);
    box-shadow: 0 26px 60px rgba(2, 69, 102, 0.16);
}
.twm-about-image-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 32% 18%, rgba(255,255,255,0.55), transparent 20%),
        radial-gradient(circle at 82% 8%, rgba(8,182,232,0.14), transparent 20%);
}
.twm-about-image-box::after {
    content: "";
    position: absolute;
    right: -46px;
    top: 80px;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    border: 3px solid rgba(255, 124, 0, 0.55);
    border-left-color: transparent;
    border-bottom-color: transparent;
    transform: rotate(20deg);
    opacity: .75;
}
.twm-about-bg-grid {
    position: absolute;
    inset: 0;
    opacity: 0.24;
    background-image:
        linear-gradient(rgba(2,69,102,0.10) 1px, transparent 1px),
        linear-gradient(90deg, rgba(2,69,102,0.10) 1px, transparent 1px);
    background-size: 42px 42px;
}
.twm-about-globe-icon {
    position: absolute;
    left: 36%;
    top: 26px;
    z-index: 3;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    border: 1px solid rgba(2,69,102,0.12);
    background: rgba(255,255,255,0.42);
    backdrop-filter: blur(4px);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: rgba(2,69,102,0.28);
    font-size: 32px;
}
.twm-about-main-illustration {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: 30px 26px 0;
}
.twm-about-main-illustration img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center bottom;
    filter: saturate(1.02) contrast(1.02) drop-shadow(0 18px 34px rgba(2,69,102,0.18));
}
.twm-about-logo-chip {
    position: absolute;
    left: 24px;
    top: 22px;
    z-index: 4;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border-radius: 16px;
    background: rgba(255,255,255,0.84);
    backdrop-filter: blur(6px);
    border: 1px solid rgba(255,255,255,0.65);
    box-shadow: 0 12px 28px rgba(0,0,0,0.08);
}
.twm-about-logo-chip img {
    width: 44px;
    height: 44px;
    object-fit: contain;
}
.twm-about-logo-chip span {
    display: block;
    color: #0f172a;
    font-size: 13px;
    line-height: 1.35;
    font-weight: 900;
}
.twm-about-quote-card {
    position: absolute;
    left: 44px;
    bottom: 44px;
    z-index: 4;
    max-width: 370px;
    padding: 24px 28px;
    border-radius: 28px;
    background: linear-gradient(145deg, #04294e, #063a6b);
    color: #ffffff;
    box-shadow: 0 20px 46px rgba(2, 69, 102, 0.30);
}
.twm-about-quote-card i {
    color: #71d7ff;
    font-size: 32px;
    margin-bottom: 16px;
}
.twm-about-quote-card p {
    margin: 0;
    color: rgba(255,255,255,0.96);
    font-size: 16px;
    line-height: 1.8;
    font-weight: 800;
}
.twm-about-exp-card {
    position: absolute;
    right: 34px;
    bottom: 34px;
    z-index: 4;
    width: 176px;
    padding: 22px 18px;
    border-radius: 26px;
    background: rgba(255,255,255,0.96);
    border: 1px solid rgba(255,255,255,0.72);
    box-shadow: 0 18px 40px rgba(0,0,0,0.14);
    text-align: center;
}
.twm-about-exp-icon {
    width: 62px;
    height: 62px;
    margin: 0 auto 14px;
    border-radius: 22px;
    background: linear-gradient(135deg, #0471d6, #09b4eb);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 24px;
    box-shadow: 0 14px 28px rgba(2,106,156,.25);
}
.twm-about-exp-card strong {
    display: block;
    color: #071827;
    font-size: 38px;
    line-height: 1;
    font-weight: 950;
}
.twm-about-exp-card span {
    display: block;
    margin-top: 8px;
    color: #64748b;
    font-size: 12px;
    line-height: 1.35;
    font-weight: 800;
}
.twm-about-content-box { position: relative; }
.twm-about-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 17px;
    border-radius: 999px;
    background: #eaf4ff;
    color: #0066d6;
    font-size: 12px;
    font-weight: 950;
    letter-spacing: 0.9px;
    text-transform: uppercase;
    margin-bottom: 18px;
}
.twm-about-content-box h2 {
    color: #071827;
    font-size: clamp(32px, 3.0vw, 64px);
    line-height: 1.04;
    font-weight: 950;
    letter-spacing: -2px;
    margin: 0 0 22px;
}
.twm-about-content-box h2 .blue { color: #0d6ee8; }
.twm-about-content-box h2 .orange { color: #ff6b00; }
.twm-about-content-box .lead-text {
    color: #4b5f7a;
    font-size: 16px;
    line-height: 1.9;
    margin: 0 0 24px;
    max-width: 760px;
}
.twm-about-content-box .lead-text strong {
    color: #024566;
    font-weight: 900;
}
.twm-about-feature-row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    margin: 28px 0 0;
}
.twm-about-feature-card {
    min-height: 210px;
    padding: 24px 18px 20px;
    border-radius: 24px;
    background: #ffffff;
    border: 1px solid rgba(2, 69, 102, 0.09);
    box-shadow: 0 14px 34px rgba(2, 69, 102, 0.06);
    text-align: center;
    transition: 0.32s ease;
}
.twm-about-feature-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 22px 46px rgba(2, 69, 102, 0.13);
}
.twm-about-feature-card .icon {
    width: 72px;
    height: 72px;
    margin: 0 auto 16px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
}
.twm-about-feature-card:nth-child(1) .icon { background: #eaf4ff; color: #006de5; }
.twm-about-feature-card:nth-child(2) .icon { background: #fff0e6; color: #ff6b00; }
.twm-about-feature-card:nth-child(3) .icon { background: #e9fbea; color: #15a34a; }
.twm-about-feature-card:nth-child(4) .icon { background: #f2ebff; color: #7c3aed; }
.twm-about-feature-card h3 {
    color: #071827;
    font-size: 15px;
    line-height: 1.35;
    font-weight: 950;
    margin: 0 0 8px;
}
.twm-about-feature-card p {
    color: #64748b;
    font-size: 12px;
    line-height: 1.7;
    margin: 0;
    font-weight: 600;
}
.twm-about-bottom-cta {
    position: relative;
    z-index: 2;
    margin-top: 26px;
    padding: 22px 24px;
    border-radius: 24px;
    background: linear-gradient(135deg, #024566, #0059cb);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    box-shadow: 0 18px 42px rgba(2, 69, 102, 0.20);
}
.twm-about-cta-left {
    display: flex;
    align-items: center;
    gap: 16px;
}
.twm-about-cta-icon {
    position: relative;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: linear-gradient(135deg, #ffffff, #bff3ff);
    border: 6px solid rgba(255,255,255,0.18);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #024566;
    font-size: 22px;
    flex: 0 0 64px;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.18), inset 0 0 0 1px rgba(2,69,102,0.08);
}
.twm-about-cta-icon::before {
    content: "";
    position: absolute;
    inset: -10px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,0.22);
}
.twm-about-cta-icon::after {
    content: "";
    position: absolute;
    right: 4px;
    top: 4px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #ff6b00;
    box-shadow: 0 0 0 5px rgba(255,107,0,0.14);
}
.twm-about-cta-icon i {
    position: relative;
    z-index: 2;
}
.twm-about-bottom-cta h3 {
    color: #ffffff;
    font-size: 19px;
    line-height: 1.3;
    font-weight: 950;
    margin: 0 0 4px;
}
.twm-about-bottom-cta p {
    color: rgba(255,255,255,0.82);
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
}
.twm-about-cta-actions {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 0 0 auto;
}
.twm-about-btn {
    min-height: 46px;
    padding: 12px 21px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 950;
    transition: 0.3s ease;
}
.twm-about-btn.primary {
    background: #ff6b00;
    color: #ffffff !important;
    box-shadow: 0 12px 28px rgba(255,107,0,.26);
}
.twm-about-btn.secondary {
    background: #ffffff;
    color: #024566 !important;
}
.twm-about-btn:hover { transform: translateY(-3px); }
@media (max-width: 1199px) {
    .twm-about-main-grid { grid-template-columns: 1fr; }
    .twm-about-content-box h2 { font-size: 54px; }
    .twm-about-image-box { min-height: 560px; }
}
@media (max-width: 991px) {
    .twm-about-floating-nav {
        position: relative;
        width: 100%;
        right: auto;
        top: auto;
        margin-bottom: 18px;
    }
    .twm-about-visual-card { padding-top: 0; }
    .twm-about-feature-row { grid-template-columns: repeat(2, 1fr); }
    .twm-about-bottom-cta { flex-direction: column; align-items: flex-start; }
    .twm-about-cta-actions { width: 100%; flex-wrap: wrap; }
    .twm-about-btn { flex: 1; }
}
@media (max-width: 767px) {
    .twm-premium-about-bottom { padding: 48px 14px; }
    .twm-about-master-card { padding: 16px; border-radius: 24px; }
    .twm-about-main-grid { gap: 24px; }
    .twm-about-image-box { min-height: 430px; border-radius: 22px; }
    .twm-about-logo-chip {
        left: 16px;
        top: 16px;
        padding: 8px 10px;
        border-radius: 14px;
    }
    .twm-about-logo-chip img { width: 34px; height: 34px; }
    .twm-about-logo-chip span { font-size: 11px; }
    .twm-about-globe-icon { display: none; }
    .twm-about-floating-nav { padding: 12px 14px; border-radius: 18px; }
    .twm-about-floating-nav li { font-size: 13px; padding: 8px 0; }
    .twm-about-quote-card {
        left: 16px;
        bottom: 16px;
        max-width: 220px;
        padding: 16px 18px;
        border-radius: 18px;
    }
    .twm-about-quote-card p { font-size: 13px; line-height: 1.65; }
    .twm-about-exp-card {
        right: 16px;
        bottom: 16px;
        width: 118px;
        padding: 14px 12px;
        border-radius: 18px;
    }
    .twm-about-exp-icon {
        width: 46px;
        height: 46px;
        font-size: 18px;
        border-radius: 16px;
    }
    .twm-about-exp-card strong { font-size: 28px; }
    .twm-about-content-box h2 { font-size: 32px; letter-spacing: -1px; }
    .twm-about-content-box .lead-text { font-size: 14px; line-height: 1.75; }
    .twm-about-feature-row { grid-template-columns: 1fr; }
    .twm-about-feature-card { min-height: auto; }
    .twm-about-cta-left { align-items: flex-start; }
    .twm-about-cta-actions { flex-direction: column; }
    .twm-about-btn { width: 100%; }
}

/* ===== Original style block 12 ===== */
/* =====================================================
   White Premium Counter Section - Clean Number Layout
===================================================== */
.twm-bottom-counter-solid {
    position: relative;
    padding: 60px 20px;
    background:
        radial-gradient(circle at 8% 20%, rgba(8,182,232,.10), transparent 28%),
        radial-gradient(circle at 92% 10%, rgba(255,107,0,.08), transparent 24%),
        linear-gradient(180deg, #ffffff 0%, #f4fbff 100%);
    overflow: hidden;
    font-family: 'Outfit', 'Inter', 'Segoe UI', Arial, sans-serif;
}

.twm-bottom-counter-solid::before {
    content: "";
    position: absolute;
    left: -160px;
    top: 70px;
    width: 320px;
    height: 320px;
    border-radius: 50%;
    background: rgba(8,182,232,.10);
}

.twm-bottom-counter-solid::after {
    content: "";
    position: absolute;
    right: -150px;
    bottom: 20px;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    background: rgba(255,107,0,.08);
}

.twm-bottom-counter-solid .container {
    max-width: 1280px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.twm-counter-solid-wrap {
    position: relative;
    padding: 30px;
    border-radius: 32px;
    background: #ffffff;
    border: 1px solid rgba(2,69,102,.10);
    box-shadow: 0 22px 65px rgba(2,69,102,.10);
    overflow: hidden;
}

.twm-counter-solid-wrap::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 88% 12%, rgba(8,182,232,.10), transparent 26%),
        radial-gradient(circle at 10% 90%, rgba(255,107,0,.06), transparent 22%);
    pointer-events: none;
}

.twm-counter-solid-head {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(280px, .85fr);
    gap: 28px;
    align-items: end;
    margin-bottom: 24px;
}

.twm-counter-solid-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    padding: 8px 15px;
    border-radius: 999px;
    background: #eaf6ff;
    border: 1px solid rgba(2,106,156,.12);
    color: #026a9c;
    font-size: 11px;
    font-weight: 950;
    letter-spacing: .9px;
    text-transform: uppercase;
    margin-bottom: 13px;
}

.twm-counter-solid-head h2 {
    color: #071827;
    font-size: clamp(25px, 2.7vw, 38px);
    line-height: 1.16;
    font-weight: 950;
    letter-spacing: -1px;
    margin: 0;
    max-width: 760px;
}

.twm-counter-solid-head h2 span {
    color: #ff6b00;
}

.twm-counter-solid-head p {
    color: #5f6f82;
    font-size: 14px;
    line-height: 1.78;
    margin: 0;
    max-width: 450px;
    font-weight: 600;
}

.twm-counter-solid-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

.twm-counter-solid-card {
    position: relative;
    min-height: 170px;
    padding: 20px;
    border-radius: 24px;
    background:
        radial-gradient(circle at 92% 92%, rgba(8,182,232,.12), transparent 30%),
        linear-gradient(180deg, #ffffff 0%, #f8fcff 100%);
    border: 1px solid rgba(2,69,102,.11);
    box-shadow: 0 14px 36px rgba(2,69,102,.08);
    overflow: hidden;
    transition: .32s ease;
}

.twm-counter-solid-card::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 4px;
    background: linear-gradient(90deg, #08b6e8, #ff6b00);
}

.twm-counter-solid-card:hover {
    transform: translateY(-7px);
    box-shadow: 0 24px 52px rgba(2,69,102,.14);
}

.twm-counter-card-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 18px;
}

.twm-counter-icon {
    width: 54px;
    height: 54px;
    border-radius: 18px;
    background: linear-gradient(135deg, #024566, #08b6e8);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 21px;
    box-shadow: 0 14px 28px rgba(2,106,156,.20);
    flex: 0 0 54px;
}

.twm-counter-solid-card:nth-child(2) .twm-counter-icon {
    background: linear-gradient(135deg, #ff6b00, #ff9f43);
}

.twm-counter-solid-card:nth-child(3) .twm-counter-icon {
    background: linear-gradient(135deg, #16a34a, #4ade80);
}

.twm-counter-solid-card:nth-child(4) .twm-counter-icon {
    background: linear-gradient(135deg, #6d28d9, #9b5cff);
}

.twm-counter-number {
    color: #071827;
    font-size: clamp(34px, 3vw, 44px);
    line-height: 1;
    font-weight: 950;
    letter-spacing: 1.5px;
    margin: 0;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 3px;
    min-width: 110px;
    font-variant-numeric: tabular-nums;
}

.twm-counter-number .odometer {
    display: inline-block;
    min-width: 72px;
    text-align: right;
}

.twm-counter-solid-card:nth-child(4) .twm-counter-number .odometer {
    min-width: 26px;
}

.twm-counter-number .plus {
    color: #ff6b00;
    font-size: 24px;
    line-height: 1;
    font-weight: 950;
    margin-top: 4px;
}

.twm-counter-solid-card p {
    color: #42566f;
    font-size: 13.5px;
    line-height: 1.55;
    font-weight: 850;
    margin: 0;
    padding-right: 8px;
}

.twm-counter-bottom-line {
    position: relative;
    z-index: 2;
    margin-top: 18px;
    padding: 14px 16px;
    border-radius: 20px;
    background: #f4fbff;
    border: 1px solid rgba(2,69,102,.10);
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
}

.twm-counter-mini {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    color: #27445f;
    font-size: 12.5px;
    font-weight: 900;
    padding: 3px 12px;
    border-right: 1px solid rgba(2,69,102,.10);
}

.twm-counter-mini:last-child {
    border-right: 0;
}

.twm-counter-mini i {
    width: 31px;
    height: 31px;
    border-radius: 50%;
    background: #ffffff;
    color: #026a9c;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    flex: 0 0 31px;
    box-shadow: 0 8px 18px rgba(2,69,102,.08);
}

@media (max-width: 1199px) {
    .twm-counter-solid-head {
        grid-template-columns: 1fr;
    }

    .twm-counter-solid-head p {
        max-width: 760px;
    }

    .twm-counter-solid-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .twm-counter-bottom-line {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px 0;
    }

    .twm-counter-mini:nth-child(2) {
        border-right: 0;
    }
}

@media (max-width: 767px) {
    .twm-bottom-counter-solid {
        padding: 46px 14px;
    }

    .twm-counter-solid-wrap {
        padding: 18px;
        border-radius: 24px;
    }

    .twm-counter-solid-head {
        gap: 14px;
        margin-bottom: 18px;
    }

    .twm-counter-solid-head h2 {
        font-size: 24px;
        letter-spacing: -.6px;
    }

    .twm-counter-solid-head p {
        font-size: 13.5px;
    }

    .twm-counter-solid-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .twm-counter-solid-card {
        min-height: auto;
        padding: 19px 17px;
        border-radius: 20px;
    }

    .twm-counter-card-top {
        margin-bottom: 14px;
        align-items: center;
    }

    .twm-counter-icon {
        width: 50px;
        height: 50px;
        border-radius: 16px;
        font-size: 19px;
        flex-basis: 50px;
    }

    .twm-counter-number {
        font-size: 36px;
        min-width: auto;
    }

    .twm-counter-number .odometer {
        min-width: auto;
    }

    .twm-counter-number .plus {
        font-size: 20px;
        margin-top: 3px;
    }

    .twm-counter-bottom-line {
        grid-template-columns: 1fr;
        padding: 12px;
    }

    .twm-counter-mini {
        justify-content: flex-start;
        border-right: 0;
        border-bottom: 1px solid rgba(2,69,102,.10);
        padding: 10px 4px;
    }

    .twm-counter-mini:last-child {
        border-bottom: 0;
    }
}

/* ===== Original style block 13 ===== */
.twm-trust-reviews-section {
        position: relative;
        padding: 90px 0;
        background:
            radial-gradient(circle at top left, rgba(37, 99, 235, 0.08), transparent 34%),
            linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
        overflow: hidden;
    }

    .twm-trust-reviews-section::before {
        content: "";
        position: absolute;
        width: 320px;
        height: 320px;
        right: -120px;
        top: -130px;
        border-radius: 50%;
        background: rgba(249, 115, 22, 0.08);
        pointer-events: none;
    }

    .twm-trust-review-wrapper {
        position: relative;
        z-index: 1;
    }

    .twm-trust-review-head {
        max-width: 780px;
        margin: 0 auto 46px;
        text-align: center;
    }

    .twm-trust-review-badge {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        margin-bottom: 16px;
        padding: 9px 16px;
        border: 1px solid rgba(37, 99, 235, 0.15);
        border-radius: 50px;
        background: #ffffff;
        color: #1d4ed8;
        font-size: 14px;
        font-weight: 700;
        box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
    }

    .twm-trust-review-badge i {
        color: #f59e0b;
    }

    .twm-trust-review-head h2 {
        margin: 0 0 16px;
        color: #0f172a;
        font-size: clamp(32px, 4vw, 48px);
        line-height: 1.2;
        font-weight: 800;
        letter-spacing: -1px;
    }

    .twm-trust-review-head h2 span {
        color: #2563eb;
    }

    .twm-trust-review-head p {
        max-width: 690px;
        margin: 0 auto;
        color: #64748b;
        font-size: 17px;
        line-height: 1.8;
    }

    .twm-trust-review-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 24px;
    }

    .twm-trust-review-card {
        position: relative;
        display: flex;
        flex-direction: column;
        min-height: 100%;
        padding: 30px;
        border: 1px solid #e5eaf2;
        border-radius: 22px;
        background: rgba(255, 255, 255, 0.96);
        box-shadow: 0 14px 40px rgba(15, 23, 42, 0.07);
        transition:
            transform 0.3s ease,
            box-shadow 0.3s ease,
            border-color 0.3s ease;
    }

    .twm-trust-review-card:hover {
        transform: translateY(-7px);
        border-color: rgba(37, 99, 235, 0.3);
        box-shadow: 0 22px 55px rgba(15, 23, 42, 0.12);
    }

    .twm-trust-review-top {
        display: flex;
        align-items: center;
        gap: 14px;
        margin-bottom: 19px;
    }

    .twm-trust-review-avatar {
        width: 58px;
        height: 58px;
        flex: 0 0 58px;
        padding: 3px;
        border-radius: 50%;
        background: linear-gradient(135deg, #2563eb, #f97316);
    }

    .twm-trust-review-avatar img {
        width: 100%;
        height: 100%;
        display: block;
        border: 3px solid #ffffff;
        border-radius: 50%;
        object-fit: cover;
    }

    .twm-trust-review-name h3 {
        margin: 0 0 5px;
        color: #0f172a;
        font-size: 18px;
        line-height: 1.3;
        font-weight: 750;
    }

    .twm-trust-review-name span {
        display: block;
        color: #64748b;
        font-size: 13px;
        line-height: 1.4;
        font-weight: 500;
    }

    .twm-trust-review-service {
        display: inline-flex;
        align-items: center;
        align-self: flex-start;
        gap: 6px;
        margin-bottom: 16px;
        padding: 7px 11px;
        border-radius: 8px;
        background: #eff6ff;
        color: #1d4ed8;
        font-size: 12px;
        font-weight: 700;
    }

    .twm-trust-review-stars {
        display: flex;
        align-items: center;
        gap: 4px;
        margin-bottom: 16px;
        color: #f59e0b;
        font-size: 15px;
    }

    .twm-trust-review-stars span {
        margin-left: 6px;
        color: #475569;
        font-size: 13px;
        font-weight: 700;
    }

    .twm-trust-review-card blockquote {
        flex-grow: 1;
        margin: 0;
        color: #475569;
        font-size: 15px;
        line-height: 1.8;
        font-style: normal;
    }

    .twm-trust-review-footer {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        margin-top: 22px;
        padding-top: 18px;
        border-top: 1px solid #edf1f7;
    }

    .twm-trust-review-company {
        display: flex;
        align-items: center;
        gap: 7px;
        color: #64748b;
        font-size: 12px;
        font-weight: 600;
    }

    .twm-trust-review-company i {
        color: #2563eb;
    }

    .twm-trust-quote-icon {
        color: rgba(37, 99, 235, 0.15);
        font-size: 30px;
        line-height: 1;
    }

    .twm-trust-signals {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 14px;
        margin-top: 32px;
        padding: 18px;
        border: 1px solid #e5eaf2;
        border-radius: 18px;
        background: #ffffff;
        box-shadow: 0 12px 35px rgba(15, 23, 42, 0.06);
    }

    .twm-trust-signal-item {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 9px;
        min-height: 46px;
        padding: 10px 12px;
        border-radius: 11px;
        background: #f8fafc;
        color: #334155;
        font-size: 13px;
        font-weight: 700;
        text-align: center;
    }

    .twm-trust-signal-item i {
        color: #16a34a;
        font-size: 15px;
    }

    .twm-review-disclaimer {
        max-width: 760px;
        margin: 22px auto 0;
        color: #94a3b8;
        font-size: 12px;
        line-height: 1.7;
        text-align: center;
    }

    @media (max-width: 991px) {
        .twm-trust-reviews-section {
            padding: 70px 0;
        }

        .twm-trust-review-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .twm-trust-review-card:last-child {
            grid-column: 1 / -1;
            max-width: calc(50% - 12px);
            width: 100%;
            margin: 0 auto;
        }

        .twm-trust-signals {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }

    @media (max-width: 767px) {
        .twm-trust-reviews-section {
            padding: 55px 0;
        }

        .twm-trust-review-head {
            margin-bottom: 32px;
        }

        .twm-trust-review-head h2 {
            font-size: 31px;
        }

        .twm-trust-review-head p {
            font-size: 15px;
        }

        .twm-trust-review-grid {
            grid-template-columns: 1fr;
        }

        .twm-trust-review-card,
        .twm-trust-review-card:last-child {
            grid-column: auto;
            max-width: 100%;
            padding: 24px;
        }

        .twm-trust-signals {
            grid-template-columns: 1fr;
        }

        .twm-trust-signal-item {
            justify-content: flex-start;
        }
    }

/* ===== Final homepage cleanup and accessibility ===== */
html { scroll-behavior: smooth; }
body.twm-home-page { overflow-x: hidden; }
body.twm-popup-open { overflow: hidden; }

.twm-home-skip-link {
    position: fixed;
    top: 12px;
    left: 12px;
    z-index: 100000;
    padding: 11px 16px;
    border-radius: 10px;
    background: #082f49;
    color: #ffffff !important;
    font-size: 14px;
    font-weight: 800;
    text-decoration: none;
    transform: translateY(-160%);
    transition: transform .2s ease;
}
.twm-home-skip-link:focus { transform: translateY(0); }

.twm-home-page a:focus-visible,
.twm-home-page button:focus-visible,
.twm-home-page input:focus-visible,
.twm-home-page select:focus-visible,
.twm-home-page textarea:focus-visible,
.twm-home-page summary:focus-visible {
    outline: 3px solid rgba(249, 115, 22, .78);
    outline-offset: 3px;
}

.twm-sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.twm-hp-field {
    position: absolute !important;
    left: -9999px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
}

/* Testimonial initials avatars */
.twm-trust-review-avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 3px;
    background: #ffffff;
    box-shadow: 0 8px 20px rgba(15, 23, 42, .12);
}
.twm-review-initials {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid #ffffff;
    border-radius: 50%;
    color: #ffffff;
    font-size: 18px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: .4px;
    user-select: none;
}
.twm-avatar-blue { background: linear-gradient(135deg, #0284c7, #2563eb); }
.twm-avatar-orange { background: linear-gradient(135deg, #f97316, #ea580c); }
.twm-avatar-purple { background: linear-gradient(135deg, #7c3aed, #4f46e5); }
.twm-trust-review-avatar img { display: none !important; }

/* Code-based MLM card icons */
.twm-mlm-same-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}
.twm-mlm-same-icon i {
    font-size: 34px;
    color: #ffffff;
}

/* Homepage FAQ */
.twm-home-faq {
    position: relative;
    padding: 88px 20px;
    background: linear-gradient(180deg, #ffffff 0%, #f5faff 100%);
    overflow: hidden;
}
.twm-home-faq::before {
    content: "";
    position: absolute;
    width: 320px;
    height: 320px;
    left: -170px;
    top: -120px;
    border-radius: 50%;
    background: rgba(2, 106, 156, .08);
}
.twm-home-faq .container { position: relative; z-index: 1; max-width: 1200px; }
.twm-home-faq-head { max-width: 820px; margin: 0 auto 42px; text-align: center; }
.twm-home-faq-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 15px;
    padding: 9px 16px;
    border-radius: 999px;
    background: #eaf6ff;
    color: #026a9c;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .8px;
    text-transform: uppercase;
}
.twm-home-faq-head h2 {
    margin: 0 0 15px;
    color: #071827;
    font-size: clamp(30px, 4vw, 46px);
    line-height: 1.15;
    font-weight: 900;
    letter-spacing: -1.2px;
}
.twm-home-faq-head p { margin: 0; color: #64748b; font-size: 16px; line-height: 1.8; }
.twm-home-faq-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px; }
.twm-home-faq-item {
    border: 1px solid rgba(2, 69, 102, .12);
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 12px 32px rgba(2, 69, 102, .07);
    overflow: hidden;
}
.twm-home-faq-item[open] { border-color: rgba(2, 106, 156, .28); }
.twm-home-faq-item summary {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 72px;
    padding: 20px 54px 20px 22px;
    color: #0f172a;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 850;
    cursor: pointer;
    list-style: none;
}
.twm-home-faq-item summary::-webkit-details-marker { display: none; }
.twm-home-faq-item summary::after {
    content: "+";
    position: absolute;
    right: 20px;
    top: 50%;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #eaf6ff;
    color: #026a9c;
    font-size: 20px;
    font-weight: 800;
    transform: translateY(-50%);
}
.twm-home-faq-item[open] summary::after { content: "−"; }
.twm-home-faq-answer { padding: 0 22px 22px; }
.twm-home-faq-answer p { margin: 0; color: #64748b; font-size: 15px; line-height: 1.8; }
.twm-home-faq-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-top: 28px;
    padding: 22px 24px;
    border-radius: 20px;
    background: linear-gradient(135deg, #071827, #024566);
    color: #ffffff;
}
.twm-home-faq-cta h3 { margin: 0 0 5px; color: #ffffff; font-size: 21px; font-weight: 850; }
.twm-home-faq-cta p { margin: 0; color: rgba(255,255,255,.78); font-size: 14px; }
.twm-home-faq-cta a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 46px;
    padding: 12px 19px;
    border-radius: 999px;
    background: #ffffff;
    color: #024566 !important;
    font-weight: 900;
    white-space: nowrap;
}

@media (max-width: 991px) {
    .twm-home-faq-grid { grid-template-columns: 1fr; }
}
@media (max-width: 767px) {
    .twm-home-faq { padding: 64px 15px; }
    .twm-home-faq-cta { flex-direction: column; align-items: flex-start; }
    .twm-home-faq-cta a { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    .twm-home-page *,
    .twm-home-page *::before,
    .twm-home-page *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
        scroll-behavior: auto !important;
    }
}

/* =========================================================
   AI/Search visibility and content-structure additions
   Added 2026-08-01; all selectors are homepage-scoped.
========================================================= */
.twm-home-page .twm-ai-summary,
.twm-home-page .twm-capability-section,
.twm-home-page .twm-scenario-section {
    position: relative;
    padding: 82px 20px;
}
.twm-home-page .twm-ai-summary { background: linear-gradient(180deg, #ffffff 0%, #f2f9ff 100%); }
.twm-home-page .twm-ai-summary-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr);
    gap: 34px;
    align-items: stretch;
}
.twm-home-page .twm-ai-summary-copy,
.twm-home-page .twm-ai-facts {
    border: 1px solid rgba(2,69,102,.10);
    border-radius: 28px;
    background: #fff;
    box-shadow: 0 20px 55px rgba(2,69,102,.09);
}
.twm-home-page .twm-ai-summary-copy { padding: 34px; }
.twm-home-page .twm-ai-kicker,
.twm-home-page .twm-capability-head > span,
.twm-home-page .twm-scenario-head > span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 15px;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(2,106,156,.10);
    color: #026a9c;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .8px;
    text-transform: uppercase;
}
.twm-home-page .twm-ai-summary h2,
.twm-home-page .twm-capability-head h2,
.twm-home-page .twm-scenario-head h2 {
    margin: 0 0 17px;
    color: #071827;
    font-size: clamp(29px, 3vw, 43px);
    line-height: 1.16;
    font-weight: 900;
    letter-spacing: -1px;
}
.twm-home-page .twm-ai-direct-answer,
.twm-home-page .twm-capability-head p,
.twm-home-page .twm-scenario-head p {
    margin: 0;
    color: #526176;
    font-size: 16px;
    line-height: 1.85;
}
.twm-home-page .twm-ai-summary-actions { display: flex; flex-wrap: wrap; gap: 11px; margin-top: 25px; }
.twm-home-page .twm-ai-primary-link,
.twm-home-page .twm-ai-secondary-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 48px;
    padding: 12px 19px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 900;
}
.twm-home-page .twm-ai-primary-link { background: linear-gradient(135deg,#024566,#0284c7); color: #fff !important; }
.twm-home-page .twm-ai-secondary-link { border: 1px solid #bfdbea; background: #f8fcff; color: #024566 !important; }
.twm-home-page .twm-ai-facts { margin: 0; padding: 15px; display: grid; gap: 10px; }
.twm-home-page .twm-ai-facts > div { padding: 18px 19px; border-radius: 18px; background: #f7fbfe; border: 1px solid #e1eef5; }
.twm-home-page .twm-ai-facts dt { margin-bottom: 5px; color: #024566; font-size: 13px; font-weight: 900; }
.twm-home-page .twm-ai-facts dd { margin: 0; color: #526176; font-size: 14px; line-height: 1.65; }

.twm-home-page .twm-mlm-all-plans-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-top: 34px;
    padding: 24px 26px;
    border-radius: 22px;
    background: linear-gradient(135deg,#071827,#024566);
    color: #fff;
}
.twm-home-page .twm-mlm-all-plans-cta div { display: grid; gap: 4px; }
.twm-home-page .twm-mlm-all-plans-cta strong { font-size: 19px; }
.twm-home-page .twm-mlm-all-plans-cta span { color: rgba(255,255,255,.78); font-size: 14px; }
.twm-home-page .twm-mlm-all-plans-cta a { padding: 12px 18px; border-radius: 999px; background: #fff; color: #024566 !important; font-weight: 900; white-space: nowrap; }

.twm-home-page .twm-capability-section { background: #f6fbff; }
.twm-home-page .twm-capability-head,
.twm-home-page .twm-scenario-head { max-width: 880px; margin: 0 auto 42px; text-align: center; }
.twm-home-page .twm-capability-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; }
.twm-home-page .twm-capability-grid article {
    min-width: 0;
    padding: 24px 21px;
    border-radius: 22px;
    border: 1px solid rgba(2,69,102,.10);
    background: #fff;
    box-shadow: 0 14px 34px rgba(2,69,102,.07);
}
.twm-home-page .twm-capability-grid article > i { width: 48px; height: 48px; display: inline-flex; align-items: center; justify-content: center; margin-bottom: 17px; border-radius: 15px; background: linear-gradient(135deg,#024566,#08b6e8); color:#fff; font-size:20px; }
.twm-home-page .twm-capability-grid h3 { margin: 0 0 9px; color:#071827; font-size:18px; font-weight:900; }
.twm-home-page .twm-capability-grid p { margin:0; color:#64748b; font-size:14px; line-height:1.72; }
.twm-home-page .twm-comparison-wrap { display:grid; grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr); gap:25px; margin-top:34px; padding:27px; border-radius:26px; background:#fff; border:1px solid rgba(2,69,102,.10); box-shadow:0 18px 46px rgba(2,69,102,.08); }
.twm-home-page .twm-comparison-copy > span { color:#f97316; font-size:12px; font-weight:900; letter-spacing:.8px; text-transform:uppercase; }
.twm-home-page .twm-comparison-copy h3 { margin:8px 0 12px; color:#071827; font-size:25px; line-height:1.25; font-weight:900; }
.twm-home-page .twm-comparison-copy p { margin:0; color:#64748b; font-size:14px; line-height:1.75; }
.twm-home-page .twm-comparison-table-wrap { overflow-x:auto; border-radius:16px; border:1px solid #dfeaf1; }
.twm-home-page .twm-comparison-table { width:100%; min-width:570px; border-collapse:collapse; background:#fff; }
.twm-home-page .twm-comparison-table th,
.twm-home-page .twm-comparison-table td { padding:13px 15px; border-bottom:1px solid #e7eef3; text-align:left; color:#526176; font-size:13px; line-height:1.55; }
.twm-home-page .twm-comparison-table thead th { background:#eaf7ff; color:#024566; font-weight:900; }
.twm-home-page .twm-comparison-table tbody th { color:#071827; font-weight:800; }
.twm-home-page .twm-comparison-table tbody tr:last-child th,
.twm-home-page .twm-comparison-table tbody tr:last-child td { border-bottom:0; }

.twm-home-page .twm-scenario-section { background:#fff; }
.twm-home-page .twm-scenario-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.twm-home-page .twm-scenario-grid article { position:relative; padding:28px 25px; border-radius:24px; background:linear-gradient(180deg,#fff,#f7fbff); border:1px solid rgba(2,69,102,.11); box-shadow:0 16px 40px rgba(2,69,102,.08); overflow:hidden; }
.twm-home-page .twm-scenario-no { display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; margin-bottom:17px; border-radius:14px; background:#e6f6ff; color:#026a9c; font-weight:900; }
.twm-home-page .twm-scenario-grid h3 { margin:0 0 10px; color:#071827; font-size:21px; font-weight:900; }
.twm-home-page .twm-scenario-grid p { margin:0 0 16px; color:#64748b; font-size:14px; line-height:1.75; }
.twm-home-page .twm-scenario-grid ul { margin:0; padding:0; list-style:none; display:grid; gap:8px; }
.twm-home-page .twm-scenario-grid li { color:#334155; font-size:13px; font-weight:700; }
.twm-home-page .twm-scenario-grid li::before { content:'✓'; margin-right:8px; color:#059669; font-weight:900; }
.twm-home-page .twm-related-services { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:9px; margin-top:32px; padding:17px; border-radius:18px; background:#f3f9fd; border:1px solid #dcecf5; }
.twm-home-page .twm-related-services strong { margin-right:3px; color:#071827; font-size:13px; }
.twm-home-page .twm-related-services a { padding:8px 12px; border-radius:999px; background:#fff; border:1px solid #cfe3ef; color:#024566 !important; font-size:12px; font-weight:800; }

.twm-home-page .twm-form-consent { display:flex; align-items:flex-start; gap:9px; width:100%; margin:4px 0 12px; color:#526176; font-size:12px; line-height:1.5; }
.twm-home-page .twm-form-consent input { width:16px; height:16px; margin-top:2px; flex:0 0 16px; }
.twm-home-page .twm-form-consent a { color:#024566; font-weight:800; text-decoration:underline; }

@media (max-width: 1199px) {
    .twm-home-page .twm-capability-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 991px) {
    .twm-home-page .twm-ai-summary-grid,
    .twm-home-page .twm-comparison-wrap { grid-template-columns:1fr; }
    .twm-home-page .twm-scenario-grid { grid-template-columns:1fr; }
    .twm-home-page .twm-mlm-all-plans-cta { align-items:flex-start; flex-direction:column; }
}
@media (max-width: 767px) {
    .twm-home-page .twm-ai-summary,
    .twm-home-page .twm-capability-section,
    .twm-home-page .twm-scenario-section { padding:62px 15px; }
    .twm-home-page .twm-ai-summary-copy { padding:25px 20px; }
    .twm-home-page .twm-capability-grid { grid-template-columns:1fr; }
    .twm-home-page .twm-comparison-wrap { padding:20px 15px; }
    .twm-home-page .twm-mlm-all-plans-cta { padding:21px 18px; }
    .twm-home-page .twm-mlm-all-plans-cta a { width:100%; text-align:center; white-space:normal; }
}

/* =========================================================
   FINAL MLM VISUAL UPGRADE
   Dedicated plan illustrations, icons and dashboard preview
========================================================= */
.twm-home-page .twm-mlm-preview {
    position: relative;
    padding: 80px 20px;
    background: linear-gradient(180deg, #ffffff 0%, #f1f9ff 100%);
    overflow: hidden;
}
.twm-home-page .twm-mlm-preview::before {
    content: "";
    position: absolute;
    width: 340px;
    height: 340px;
    border-radius: 50%;
    right: -170px;
    top: -150px;
    background: rgba(14,165,233,.10);
}
.twm-home-page .twm-mlm-preview-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
    align-items: center;
    gap: 54px;
    max-width: 1280px;
    margin: 0 auto;
}
.twm-home-page .twm-mlm-preview-image {
    padding: 14px;
    border: 1px solid rgba(2,69,102,.12);
    border-radius: 32px;
    background: #fff;
    box-shadow: 0 28px 70px rgba(2,69,102,.14);
}
.twm-home-page .twm-mlm-preview-image img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 22px;
}
.twm-home-page .twm-mlm-preview-copy h2 {
    margin: 15px 0 16px;
    color: #071827;
    font-size: clamp(29px, 3vw, 44px);
    line-height: 1.16;
    font-weight: 900;
    letter-spacing: -1.1px;
}
.twm-home-page .twm-mlm-preview-copy > p {
    margin: 0 0 24px;
    color: #5c6f82;
    font-size: 16px;
    line-height: 1.85;
}
.twm-home-page .twm-mlm-preview-points {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 27px;
}
.twm-home-page .twm-mlm-preview-points span {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 62px;
    padding: 13px 14px;
    border: 1px solid #dcebf5;
    border-radius: 16px;
    background: #fff;
    color: #17324a;
    font-size: 13px;
    line-height: 1.45;
    font-weight: 800;
    box-shadow: 0 10px 25px rgba(2,69,102,.06);
}
.twm-home-page .twm-mlm-preview-points i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    border-radius: 12px;
    background: linear-gradient(135deg, #075985, #0ea5e9);
    color: #fff;
    font-size: 15px;
}

.twm-home-page .twm-mlm-visual-section {
    padding: 90px 20px 96px !important;
    background:
        radial-gradient(circle at 5% 8%, rgba(14,165,233,.12), transparent 24%),
        radial-gradient(circle at 96% 94%, rgba(249,115,22,.11), transparent 26%),
        linear-gradient(180deg, #eef8ff 0%, #ffffff 48%, #fff8f0 100%) !important;
}
.twm-home-page .twm-mlm-visual-section .container { max-width: 1340px; }
.twm-home-page .twm-mlm-visual-section .twm-mlm-same-style-head { max-width: 920px; margin-bottom: 28px; }
.twm-home-page .twm-mlm-visual-section .twm-mlm-same-style-head h2 {
    font-size: clamp(30px, 3.4vw, 48px) !important;
    letter-spacing: -1.35px;
}
.twm-home-page .twm-mlm-visual-trust {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    max-width: 1120px;
    margin: 0 auto 36px;
}
.twm-home-page .twm-mlm-visual-trust span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border: 1px solid #d8eaf5;
    border-radius: 999px;
    background: rgba(255,255,255,.90);
    color: #29465d;
    font-size: 12px;
    font-weight: 850;
    box-shadow: 0 10px 24px rgba(2,69,102,.06);
}
.twm-home-page .twm-mlm-visual-trust i { color: #f97316; }

.twm-home-page .twm-mlm-visual-section .twm-mlm-same-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 28px !important;
    align-items: stretch;
}
.twm-home-page .twm-mlm-visual-section .twm-mlm-same-card {
    display: flex !important;
    flex-direction: column;
    min-height: 100%;
    padding: 0 !important;
    border: 1px solid rgba(2,69,102,.12) !important;
    border-radius: 26px !important;
    background: #fff !important;
    overflow: hidden !important;
    box-shadow: 0 18px 48px rgba(2,69,102,.10) !important;
    transform: translateY(0);
}
.twm-home-page .twm-mlm-visual-section .twm-mlm-same-card::before,
.twm-home-page .twm-mlm-visual-section .twm-mlm-same-card::after { display: none !important; }
.twm-home-page .twm-mlm-visual-section .twm-mlm-same-card:hover {
    transform: translateY(-9px) !important;
    border-color: rgba(14,165,233,.32) !important;
    box-shadow: 0 28px 64px rgba(2,69,102,.17) !important;
}
.twm-home-page .twm-mlm-card-visual {
    position: relative;
    aspect-ratio: 5 / 3;
    overflow: hidden;
    background: #eef8ff;
    border-bottom: 1px solid #e1edf5;
}
.twm-home-page .twm-mlm-card-visual img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .45s ease;
}
.twm-home-page .twm-mlm-same-card:hover .twm-mlm-card-visual img { transform: scale(1.035); }
.twm-home-page .twm-mlm-visual-label {
    position: absolute;
    left: 16px;
    bottom: 14px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(7,24,39,.84);
    color: #fff;
    font-size: 11px;
    line-height: 1;
    font-weight: 850;
    backdrop-filter: blur(8px);
    box-shadow: 0 8px 20px rgba(0,0,0,.16);
}
.twm-home-page .twm-mlm-visual-label i { color: #7ee7ff; }
.twm-home-page .twm-mlm-card-body {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 21px 22px 24px;
}
.twm-home-page .twm-mlm-card-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}
.twm-home-page .twm-mlm-visual-section .twm-mlm-same-icon {
    position: static !important;
    width: 52px !important;
    height: 52px !important;
    min-width: 52px;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 16px !important;
    background: linear-gradient(135deg, #075985, #0ea5e9) !important;
    color: #fff !important;
    box-shadow: 0 12px 25px rgba(7,89,133,.22) !important;
}
.twm-home-page .twm-mlm-visual-section .twm-mlm-same-icon i { font-size: 20px !important; color: #fff !important; }
.twm-home-page .twm-mlm-visual-section .twm-mlm-same-card-no {
    position: static !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 44px !important;
    height: 36px !important;
    border-radius: 12px !important;
    background: #fff4e8 !important;
    color: #ea580c !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    border: 1px solid #fed7aa !important;
}
.twm-home-page .twm-mlm-visual-section .twm-mlm-same-card h3 {
    display: flex !important;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin: 0 0 12px !important;
    color: #071827 !important;
    font-size: 21px !important;
    line-height: 1.32 !important;
    font-weight: 900 !important;
}
.twm-home-page .twm-mlm-visual-section .twm-mlm-same-card h3 > i {
    flex: 0 0 auto;
    margin-top: 4px;
    color: #f97316 !important;
    font-size: 14px !important;
}
.twm-home-page .twm-mlm-visual-section .twm-mlm-same-card p {
    flex: 1;
    margin: 0 0 18px !important;
    color: #607385 !important;
    font-size: 14px !important;
    line-height: 1.78 !important;
}
.twm-home-page .twm-mlm-card-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    margin-top: auto;
    color: #075985;
    font-size: 13px;
    font-weight: 900;
}
.twm-home-page .twm-mlm-card-link i { color: #f97316; transition: transform .25s ease; }
.twm-home-page .twm-mlm-same-card:hover .twm-mlm-card-link i { transform: translateX(4px); }

@media (max-width: 1199px) {
    .twm-home-page .twm-mlm-visual-section .twm-mlm-same-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 991px) {
    .twm-home-page .twm-mlm-preview { padding: 68px 18px; }
    .twm-home-page .twm-mlm-preview-grid { grid-template-columns: 1fr; gap: 36px; }
    .twm-home-page .twm-mlm-preview-copy { text-align: center; }
    .twm-home-page .twm-mlm-preview-points { text-align: left; }
}
@media (max-width: 767px) {
    .twm-home-page .twm-mlm-preview { padding: 58px 15px; }
    .twm-home-page .twm-mlm-preview-image { padding: 8px; border-radius: 22px; }
    .twm-home-page .twm-mlm-preview-image img { border-radius: 16px; }
    .twm-home-page .twm-mlm-preview-points { grid-template-columns: 1fr; }
    .twm-home-page .twm-mlm-visual-section { padding: 64px 15px 72px !important; }
    .twm-home-page .twm-mlm-visual-section .twm-mlm-same-grid { grid-template-columns: 1fr !important; gap: 20px !important; }
    .twm-home-page .twm-mlm-visual-section .twm-mlm-same-card { border-radius: 22px !important; }
    .twm-home-page .twm-mlm-card-body { padding: 19px 18px 22px; }
    .twm-home-page .twm-mlm-visual-section .twm-mlm-same-card h3 { font-size: 19px !important; }
    .twm-home-page .twm-mlm-visual-trust { justify-content: flex-start; }
}
@media (prefers-reduced-motion: reduce) {
    .twm-home-page .twm-mlm-card-visual img,
    .twm-home-page .twm-mlm-visual-section .twm-mlm-same-card,
    .twm-home-page .twm-mlm-card-link i { transition: none !important; }
}


/* =========================================================
   FINAL ICON-ONLY MLM PLAN CARDS
   No plan images; scoped to homepage MLM plans section
========================================================= */
.twm-home-page .twm-mlm-icon-section {
    padding: 88px 20px 96px;
    background:
        radial-gradient(circle at 6% 8%, rgba(14,165,233,.11), transparent 25%),
        radial-gradient(circle at 95% 92%, rgba(249,115,22,.09), transparent 25%),
        linear-gradient(180deg, #eef8ff 0%, #ffffff 50%, #fff9f2 100%);
    overflow: hidden;
}
.twm-home-page .twm-mlm-icon-section .container { max-width: 1320px; }
.twm-home-page .twm-mlm-icon-section .twm-mlm-same-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 26px;
    align-items: stretch;
}
.twm-home-page .twm-mlm-icon-section .twm-mlm-same-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 340px;
    padding: 30px 25px 25px;
    border: 1px solid rgba(2,69,102,.12);
    border-radius: 26px;
    background:
        radial-gradient(circle at 92% 8%, rgba(14,165,233,.10), transparent 29%),
        linear-gradient(180deg, #ffffff 0%, #f8fcff 100%);
    color: inherit;
    text-align: left;
    text-decoration: none;
    overflow: hidden;
    box-shadow: 0 18px 48px rgba(2,69,102,.09);
    transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.twm-home-page .twm-mlm-icon-section .twm-mlm-same-card::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 4px;
    background: linear-gradient(90deg, #08b6e8, #ff6b00);
}
.twm-home-page .twm-mlm-icon-section .twm-mlm-same-card:hover {
    transform: translateY(-8px);
    border-color: rgba(14,165,233,.32);
    box-shadow: 0 27px 62px rgba(2,69,102,.15);
}
.twm-home-page .twm-mlm-icon-section .twm-mlm-same-card-no {
    position: absolute;
    top: 22px;
    right: 22px;
    left: auto;
    transform: none;
    width: 46px;
    height: 36px;
    border: 1px solid #fed7aa;
    border-radius: 12px;
    background: #fff4e8;
    color: #ea580c;
    font-size: 12px;
    font-weight: 950;
    box-shadow: none;
}
.twm-home-page .twm-mlm-icon-section .twm-mlm-same-icon {
    width: 70px;
    height: 70px;
    margin: 0 0 24px;
    border-radius: 20px;
    background: linear-gradient(135deg, #075985, #0ea5e9);
    color: #ffffff;
    box-shadow: 0 15px 30px rgba(7,89,133,.23);
}
.twm-home-page .twm-mlm-icon-section .twm-mlm-same-card:nth-child(2n) .twm-mlm-same-icon {
    background: linear-gradient(135deg, #ea580c, #fb923c);
    box-shadow: 0 15px 30px rgba(234,88,12,.20);
}
.twm-home-page .twm-mlm-icon-section .twm-mlm-same-icon i {
    color: #fff;
    font-size: 28px;
}
.twm-home-page .twm-mlm-icon-section .twm-mlm-same-card h3 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin: 0 0 13px;
    color: #071827;
    font-size: 21px;
    line-height: 1.32;
    font-weight: 900;
    text-align: left;
}
.twm-home-page .twm-mlm-icon-section .twm-mlm-same-card h3 > i {
    flex: 0 0 auto;
    margin: 5px 0 0;
    color: #f97316;
    font-size: 14px;
}
.twm-home-page .twm-mlm-icon-section .twm-mlm-same-card p {
    flex: 1;
    margin: 0 0 20px;
    padding: 0;
    color: #5b6e82;
    font-size: 14px;
    line-height: 1.78;
    font-weight: 500;
    text-align: left;
}
.twm-home-page .twm-mlm-icon-section .twm-mlm-card-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    margin-top: auto;
    color: #075985;
    font-size: 13px;
    font-weight: 900;
}
.twm-home-page .twm-mlm-icon-section .twm-mlm-card-link i {
    color: #f97316;
    transition: transform .25s ease;
}
.twm-home-page .twm-mlm-icon-section .twm-mlm-same-card:hover .twm-mlm-card-link i,
.twm-home-page .twm-mlm-icon-section .twm-mlm-same-card:hover h3 > i {
    transform: translateX(4px);
}
@media (max-width: 1199px) {
    .twm-home-page .twm-mlm-icon-section .twm-mlm-same-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 767px) {
    .twm-home-page .twm-mlm-icon-section { padding: 64px 15px 74px; }
    .twm-home-page .twm-mlm-icon-section .twm-mlm-same-grid { grid-template-columns: 1fr; gap: 18px; }
    .twm-home-page .twm-mlm-icon-section .twm-mlm-same-card {
        min-height: auto;
        padding: 26px 20px 22px;
        border-radius: 22px;
    }
    .twm-home-page .twm-mlm-icon-section .twm-mlm-same-icon {
        width: 62px;
        height: 62px;
        border-radius: 18px;
    }
    .twm-home-page .twm-mlm-icon-section .twm-mlm-same-icon i { font-size: 25px; }
    .twm-home-page .twm-mlm-icon-section .twm-mlm-same-card h3 { font-size: 19px; }
}

/* =========================================================
   FINAL PREMIUM ENQUIRY POPUP — COMPACT, RESPONSIVE, NO SCROLL
========================================================= */
body.twm-popup-open { overflow: hidden !important; }

body.twm-home-page .twm-popup-overlay {
    position: fixed !important;
    inset: 0 !important;
    z-index: 99999 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 12px !important;
    overflow: hidden !important;
    background:
        radial-gradient(circle at 18% 12%, rgba(8,182,232,.18), transparent 28%),
        radial-gradient(circle at 86% 86%, rgba(255,107,0,.16), transparent 26%),
        rgba(3,18,31,.76) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

body.twm-home-page .twm-popup-card.twm-popup-no-scroll {
    position: relative !important;
    width: min(940px, calc(100vw - 24px)) !important;
    height: min(540px, calc(100dvh - 24px)) !important;
    max-height: calc(100dvh - 24px) !important;
    overflow: hidden !important;
    border: 1px solid rgba(255,255,255,.72) !important;
    border-radius: 28px !important;
    background: #ffffff !important;
    box-shadow: 0 34px 110px rgba(0,0,0,.36) !important;
}

body.twm-home-page .twm-popup-layout {
    display: grid;
    grid-template-columns: 340px minmax(0, 1fr);
    width: 100%;
    height: 100%;
}

body.twm-home-page .twm-popup-side {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 34px 30px 28px;
    overflow: hidden;
    background:
        radial-gradient(circle at 94% 5%, rgba(255,255,255,.16), transparent 25%),
        radial-gradient(circle at 7% 92%, rgba(8,182,232,.24), transparent 30%),
        linear-gradient(145deg, #032e4b 0%, #024566 48%, #056f9f 100%);
    color: #ffffff;
}

body.twm-home-page .twm-popup-side::before,
body.twm-home-page .twm-popup-side::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}
body.twm-home-page .twm-popup-side::before {
    width: 190px;
    height: 190px;
    right: -95px;
    top: -85px;
    border: 1px solid rgba(255,255,255,.18);
}
body.twm-home-page .twm-popup-side::after {
    width: 145px;
    height: 145px;
    left: -75px;
    bottom: -60px;
    background: rgba(255,107,0,.16);
}
body.twm-home-page .twm-popup-side > * { position: relative; z-index: 1; }

body.twm-home-page .twm-popup-side-brand {
    display: grid;
    gap: 13px;
    margin-bottom: 24px;
}
body.twm-home-page .twm-popup-side-brand img {
    display: block;
    width: 178px;
    height: auto;
    max-height: 58px;
    object-fit: contain;
    padding: 8px 12px;
    border-radius: 14px;
    background: #ffffff;
    box-shadow: 0 14px 28px rgba(0,0,0,.18);
}
body.twm-home-page .twm-popup-side-brand span,
body.twm-home-page .twm-popup-main-head > span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    width: fit-content;
    font-size: 10.5px;
    line-height: 1;
    font-weight: 950;
    letter-spacing: .9px;
    text-transform: uppercase;
}
body.twm-home-page .twm-popup-side-brand span { color: #bff3ff; }

body.twm-home-page .twm-popup-side h2 {
    margin: 0 0 14px !important;
    color: #ffffff !important;
    font-size: 30px !important;
    line-height: 1.12 !important;
    font-weight: 950 !important;
    letter-spacing: -.9px !important;
}
body.twm-home-page .twm-popup-side h2 b { color: #ff9d45; }
body.twm-home-page .twm-popup-side > p {
    margin: 0 0 20px;
    color: rgba(255,255,255,.82);
    font-size: 13px;
    line-height: 1.68;
}

body.twm-home-page .twm-popup-side-points { display: grid; gap: 9px; }
body.twm-home-page .twm-popup-side-points > div {
    display: flex;
    align-items: center;
    gap: 10px;
    color: rgba(255,255,255,.94);
    font-size: 12.5px;
    font-weight: 800;
}
body.twm-home-page .twm-popup-side-points i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 31px;
    height: 31px;
    flex: 0 0 31px;
    border-radius: 10px;
    color: #ffffff;
    background: rgba(255,255,255,.13);
    border: 1px solid rgba(255,255,255,.12);
}

body.twm-home-page .twm-popup-call {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-top: auto;
    padding: 12px 14px;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 16px;
    background: rgba(255,255,255,.10);
    color: #ffffff !important;
    text-decoration: none;
}
body.twm-home-page .twm-popup-call > i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    border-radius: 13px;
    background: linear-gradient(135deg,#ff8a22,#ff6b00);
    color: #ffffff;
}
body.twm-home-page .twm-popup-call span { display: grid; gap: 2px; }
body.twm-home-page .twm-popup-call small {
    color: rgba(255,255,255,.72);
    font-size: 10px;
    font-weight: 700;
}
body.twm-home-page .twm-popup-call strong {
    color: #ffffff;
    font-size: 14px;
    font-weight: 950;
}

body.twm-home-page .twm-popup-main {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 28px 30px 22px;
    overflow: hidden;
    background:
        radial-gradient(circle at 100% 0%, rgba(8,182,232,.09), transparent 27%),
        linear-gradient(180deg,#ffffff 0%,#f8fcff 100%);
}

body.twm-home-page .twm-popup-main-head {
    margin-bottom: 17px;
    padding-right: 34px;
}
body.twm-home-page .twm-popup-main-head > span {
    margin-bottom: 8px;
    color: #0275a9;
}
body.twm-home-page .twm-popup-main-head h3 {
    margin: 0 0 7px;
    color: #071827;
    font-size: 27px;
    line-height: 1.13;
    font-weight: 950;
    letter-spacing: -.75px;
}
body.twm-home-page .twm-popup-main-head p {
    margin: 0;
    color: #63758a;
    font-size: 12.5px;
    line-height: 1.55;
}

body.twm-home-page .twm-popup-form-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 10px !important;
    min-height: 0;
}
body.twm-home-page .twm-popup-field.full,
body.twm-home-page .twm-form-consent,
body.twm-home-page .twm-popup-submit { grid-column: 1 / -1 !important; }

body.twm-home-page .twm-popup-input-wrap { position: relative; }
body.twm-home-page .twm-popup-input-wrap > i {
    position: absolute;
    left: 13px;
    top: 50%;
    z-index: 2;
    transform: translateY(-50%);
    color: #0b83b8;
    font-size: 12px;
    pointer-events: none;
}
body.twm-home-page .twm-popup-textarea-wrap > i {
    top: 14px;
    transform: none;
}

body.twm-home-page .twm-popup-card input:not([type="checkbox"]),
body.twm-home-page .twm-popup-card select,
body.twm-home-page .twm-popup-card textarea {
    width: 100%;
    min-height: 44px;
    margin: 0;
    border: 1px solid #d6e4ed;
    border-radius: 12px;
    background: #ffffff;
    color: #112c47;
    font-size: 13px;
    line-height: 1.25;
    outline: none;
    box-shadow: none;
}
body.twm-home-page .twm-popup-card input:not([type="checkbox"]),
body.twm-home-page .twm-popup-card select {
    height: 44px;
    padding: 10px 12px 10px 36px;
}
body.twm-home-page .twm-popup-card select { cursor: pointer; }
body.twm-home-page .twm-popup-card textarea {
    height: 62px !important;
    min-height: 62px !important;
    max-height: 62px !important;
    padding: 12px 12px 10px 36px;
    resize: none !important;
    overflow: hidden !important;
}
body.twm-home-page .twm-popup-card input:focus,
body.twm-home-page .twm-popup-card select:focus,
body.twm-home-page .twm-popup-card textarea:focus {
    border-color: #08a9d8;
    box-shadow: 0 0 0 3px rgba(8,169,216,.10);
}

body.twm-home-page .twm-form-consent {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: 0 !important;
    color: #586b80;
    font-size: 10.5px;
    line-height: 1.45;
    font-weight: 650;
}
body.twm-home-page .twm-form-consent input {
    width: 14px !important;
    height: 14px !important;
    min-height: 14px !important;
    flex: 0 0 14px;
    margin-top: 1px;
    accent-color: #0279ad;
}
body.twm-home-page .twm-form-consent a {
    color: #026a9c;
    font-weight: 900;
}

body.twm-home-page .twm-popup-submit {
    width: 100%;
    min-height: 45px !important;
    height: 45px;
    border: 0 !important;
    border-radius: 12px !important;
    background: linear-gradient(90deg,#ff8a22 0%,#ff6b00 100%) !important;
    color: #ffffff !important;
    font-size: 13.5px !important;
    font-weight: 950 !important;
    box-shadow: 0 13px 24px rgba(255,107,0,.22) !important;
}
body.twm-home-page .twm-popup-submit:hover {
    transform: translateY(-2px);
    box-shadow: 0 17px 30px rgba(255,107,0,.28) !important;
}

body.twm-home-page .twm-popup-bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin-top: 10px !important;
    color: #6a7c8f;
    font-size: 10.5px;
    font-weight: 700;
}

body.twm-home-page .twm-popup-close {
    right: 14px !important;
    top: 14px !important;
    z-index: 20 !important;
    width: 36px !important;
    height: 36px !important;
    border: 1px solid rgba(2,69,102,.10) !important;
    background: rgba(255,255,255,.94) !important;
    color: #024566 !important;
    box-shadow: 0 9px 22px rgba(2,69,102,.13);
}
body.twm-home-page .twm-popup-close:hover {
    background: #ff6b00 !important;
    color: #ffffff !important;
}

@media (max-width: 820px) {
    body.twm-home-page .twm-popup-card.twm-popup-no-scroll {
        width: min(720px, calc(100vw - 18px)) !important;
        height: min(510px, calc(100dvh - 18px)) !important;
    }
    body.twm-home-page .twm-popup-layout { grid-template-columns: 250px minmax(0,1fr); }
    body.twm-home-page .twm-popup-side { padding: 25px 20px 20px; }
    body.twm-home-page .twm-popup-side-brand img { width: 145px; }
    body.twm-home-page .twm-popup-side h2 { font-size: 24px !important; }
    body.twm-home-page .twm-popup-side > p { font-size: 11.5px; }
    body.twm-home-page .twm-popup-main { padding: 23px 22px 18px; }
    body.twm-home-page .twm-popup-main-head h3 { font-size: 23px; }
}

@media (max-width: 620px) {
    body.twm-home-page .twm-popup-overlay { padding: 7px !important; }
    body.twm-home-page .twm-popup-card.twm-popup-no-scroll {
        width: calc(100vw - 14px) !important;
        height: min(560px, calc(100dvh - 14px)) !important;
        border-radius: 21px !important;
    }
    body.twm-home-page .twm-popup-layout {
        grid-template-columns: 1fr;
        grid-template-rows: 112px minmax(0,1fr);
    }
    body.twm-home-page .twm-popup-side {
        display: block;
        padding: 15px 54px 14px 16px;
    }
    body.twm-home-page .twm-popup-side-brand {
        display: flex;
        align-items: center;
        gap: 9px;
        margin-bottom: 8px;
    }
    body.twm-home-page .twm-popup-side-brand img {
        width: 118px;
        max-height: 43px;
        padding: 5px 8px;
        border-radius: 10px;
    }
    body.twm-home-page .twm-popup-side-brand span {
        font-size: 8.2px;
        letter-spacing: .45px;
    }
    body.twm-home-page .twm-popup-side h2 {
        margin-bottom: 0 !important;
        font-size: 18px !important;
        line-height: 1.12 !important;
        letter-spacing: -.35px !important;
    }
    body.twm-home-page .twm-popup-side > p,
    body.twm-home-page .twm-popup-side-points,
    body.twm-home-page .twm-popup-call { display: none; }
    body.twm-home-page .twm-popup-main { padding: 14px 14px 12px; }
    body.twm-home-page .twm-popup-main-head {
        margin-bottom: 9px;
        padding-right: 0;
    }
    body.twm-home-page .twm-popup-main-head > span {
        margin-bottom: 4px;
        font-size: 8.5px;
    }
    body.twm-home-page .twm-popup-main-head h3 {
        margin-bottom: 2px;
        font-size: 19px;
        letter-spacing: -.35px;
    }
    body.twm-home-page .twm-popup-main-head p {
        font-size: 10px;
        line-height: 1.35;
    }
    body.twm-home-page .twm-popup-form-grid {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
        gap: 7px !important;
    }
    body.twm-home-page .twm-popup-card input:not([type="checkbox"]),
    body.twm-home-page .twm-popup-card select {
        height: 39px;
        min-height: 39px;
        padding: 8px 8px 8px 29px;
        border-radius: 9px;
        font-size: 11.2px;
    }
    body.twm-home-page .twm-popup-input-wrap > i {
        left: 10px;
        font-size: 10px;
    }
    body.twm-home-page .twm-popup-card textarea {
        height: 48px !important;
        min-height: 48px !important;
        max-height: 48px !important;
        padding: 9px 8px 8px 29px;
        border-radius: 9px;
        font-size: 11.2px;
    }
    body.twm-home-page .twm-form-consent {
        gap: 6px;
        font-size: 8.7px;
        line-height: 1.25;
    }
    body.twm-home-page .twm-form-consent input {
        width: 12px !important;
        height: 12px !important;
        min-height: 12px !important;
        flex-basis: 12px;
    }
    body.twm-home-page .twm-popup-submit {
        height: 40px;
        min-height: 40px !important;
        border-radius: 9px !important;
        font-size: 12px !important;
    }
    body.twm-home-page .twm-popup-bottom {
        margin-top: 6px !important;
        font-size: 8.5px;
    }
    body.twm-home-page .twm-popup-close {
        right: 10px !important;
        top: 10px !important;
        width: 31px !important;
        height: 31px !important;
        font-size: 13px !important;
    }
}

@media (max-height: 610px) {
    body.twm-home-page .twm-popup-card.twm-popup-no-scroll {
        height: calc(100dvh - 12px) !important;
    }
    body.twm-home-page .twm-popup-side > p,
    body.twm-home-page .twm-popup-side-points,
    body.twm-home-page .twm-popup-main-head p,
    body.twm-home-page .twm-popup-bottom {
        display: none !important;
    }
    body.twm-home-page .twm-popup-side {
        padding-top: 18px;
        padding-bottom: 16px;
    }
    body.twm-home-page .twm-popup-main {
        padding-top: 16px;
        padding-bottom: 12px;
    }
    body.twm-home-page .twm-popup-main-head { margin-bottom: 8px; }
    body.twm-home-page .twm-popup-card textarea {
        height: 43px !important;
        min-height: 43px !important;
        max-height: 43px !important;
    }
}


/* =========================================================
   FINAL HERO BANNER IMAGE FIX
   Keeps all six carousel images visible and removes skip link.
========================================================= */
.twm-home-skip-link { display: none !important; }

#heroCarousel,
#heroCarousel .carousel-inner,
#heroCarousel .carousel-item,
#heroCarousel .twm-hero-slide,
#heroCarousel .twm-hero-visual {
    visibility: visible !important;
}

#heroCarousel .carousel-item.active {
    display: block !important;
    opacity: 1 !important;
}

#heroCarousel .twm-hero-visual {
    overflow: visible !important;
}

#heroCarousel .twm-hero-visual img,
#heroCarousel .twm-hero-visual img.floating-img,
#heroCarousel .carousel-item.active .twm-hero-visual img.floating-img {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
}

#heroCarousel .carousel-item:first-child .twm-hero-visual img.floating-img {
    max-width: min(520px, 94%) !important;
    max-height: 360px !important;
}

@media (max-width: 991px) {
    #heroCarousel .carousel-item:first-child .twm-hero-visual img.floating-img {
        max-width: 88% !important;
        max-height: 285px !important;
    }
}

@media (max-width: 575px) {
    #heroCarousel .carousel-item:first-child .twm-hero-visual img.floating-img {
        max-width: 84% !important;
        max-height: 205px !important;
    }
}

/* =========================================================
   PREMIUM COMPACT ENQUIRY POPUP — MOBILE FRIENDLY, NO SCROLL
   Unique selectors prevent conflicts with older popup styles.
========================================================= */
body.twm-home-page.twm-popup-open { overflow: hidden !important; }

body.twm-home-page .twm-pro-popup-overlay {
    position: fixed !important;
    inset: 0 !important;
    z-index: 999999 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 12px !important;
    overflow: hidden !important;
    background: rgba(4, 20, 34, .74) !important;
    backdrop-filter: blur(11px) !important;
    -webkit-backdrop-filter: blur(11px) !important;
}

body.twm-home-page .twm-pro-popup-card {
    position: relative;
    width: min(760px, calc(100vw - 24px));
    max-height: calc(100dvh - 24px);
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.78);
    border-radius: 26px;
    background: #fff;
    box-shadow: 0 34px 100px rgba(0,0,0,.34);
    transform: translateY(20px) scale(.965);
    opacity: 0;
    transition: transform .32s ease, opacity .32s ease;
}
body.twm-home-page .twm-pro-popup-overlay.is-show .twm-pro-popup-card {
    transform: translateY(0) scale(1);
    opacity: 1;
}

body.twm-home-page .twm-pro-popup-head {
    position: relative;
    padding: 22px 68px 20px 22px;
    overflow: hidden;
    color: #fff;
    background:
        radial-gradient(circle at 92% 5%, rgba(255,255,255,.18), transparent 25%),
        linear-gradient(135deg, #023e5f 0%, #027cae 68%, #08a8cf 100%);
}
body.twm-home-page .twm-pro-popup-head::before,
body.twm-home-page .twm-pro-popup-head::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}
body.twm-home-page .twm-pro-popup-head::before {
    width: 190px;
    height: 190px;
    right: -80px;
    top: -100px;
    background: rgba(255,255,255,.10);
}
body.twm-home-page .twm-pro-popup-head::after {
    width: 115px;
    height: 115px;
    right: 65px;
    bottom: -80px;
    background: rgba(255,107,0,.20);
}

body.twm-home-page .twm-pro-popup-brand {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 150px minmax(0,1fr);
    align-items: center;
    gap: 17px;
}
body.twm-home-page .twm-pro-popup-brand img {
    display: block;
    width: 150px;
    height: auto;
    max-height: 58px;
    object-fit: contain;
    padding: 8px 11px;
    border-radius: 13px;
    background: #fff;
    box-shadow: 0 13px 30px rgba(0,0,0,.18);
}
body.twm-home-page .twm-pro-popup-brand span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 6px;
    color: #c9f5ff;
    font-size: 10px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: .9px;
    text-transform: uppercase;
}
body.twm-home-page .twm-pro-popup-brand h2 {
    margin: 0 0 5px;
    color: #fff;
    font-size: clamp(23px, 3vw, 30px);
    line-height: 1.12;
    font-weight: 950;
    letter-spacing: -.7px;
}
body.twm-home-page .twm-pro-popup-brand h2 b { color: #ffad55; font-weight: 950; }
body.twm-home-page .twm-pro-popup-brand p {
    margin: 0;
    max-width: 500px;
    color: rgba(255,255,255,.80);
    font-size: 11.5px;
    line-height: 1.45;
    font-weight: 600;
}

body.twm-home-page .twm-pro-popup-close {
    position: absolute !important;
    z-index: 20 !important;
    top: 14px !important;
    right: 14px !important;
    width: 38px !important;
    height: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(255,255,255,.30) !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,.15) !important;
    color: #fff !important;
    font-size: 15px !important;
    cursor: pointer !important;
    box-shadow: none !important;
    transition: .25s ease !important;
}
body.twm-home-page .twm-pro-popup-close:hover,
body.twm-home-page .twm-pro-popup-close:focus-visible {
    background: #fff !important;
    color: #024566 !important;
    transform: rotate(90deg);
}

body.twm-home-page .twm-pro-popup-body {
    padding: 18px 22px 16px;
    overflow: hidden;
    background:
        radial-gradient(circle at 100% 0%, rgba(8,182,232,.08), transparent 28%),
        linear-gradient(180deg,#fff 0%,#f8fcff 100%);
}
body.twm-home-page .twm-pro-popup-trust {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 8px;
    margin-bottom: 13px;
}
body.twm-home-page .twm-pro-popup-trust span {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 38px;
    padding: 8px 9px;
    border: 1px solid #dcebf4;
    border-radius: 11px;
    background: #f5fbff;
    color: #294862;
    font-size: 10.5px;
    line-height: 1.25;
    font-weight: 850;
    text-align: center;
}
body.twm-home-page .twm-pro-popup-trust i { color: #0284b8; }

body.twm-home-page .twm-pro-popup-form {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 10px;
}
body.twm-home-page .twm-pro-field-full,
body.twm-home-page .twm-pro-consent,
body.twm-home-page .twm-pro-submit { grid-column: 1 / -1; }
body.twm-home-page .twm-pro-input { position: relative; }
body.twm-home-page .twm-pro-input > i {
    position: absolute;
    z-index: 2;
    left: 13px;
    top: 50%;
    transform: translateY(-50%);
    color: #0784b5;
    font-size: 12px;
    pointer-events: none;
}
body.twm-home-page .twm-pro-textarea > i {
    top: 14px;
    transform: none;
}
body.twm-home-page .twm-pro-popup-card input:not([type="checkbox"]),
body.twm-home-page .twm-pro-popup-card select,
body.twm-home-page .twm-pro-popup-card textarea {
    display: block;
    width: 100%;
    margin: 0;
    border: 1px solid #d4e2eb;
    border-radius: 12px;
    background: #fff;
    color: #112d47;
    font-family: inherit;
    font-size: 13px;
    line-height: 1.25;
    outline: 0;
    box-shadow: none;
    transition: .22s ease;
}
body.twm-home-page .twm-pro-popup-card input:not([type="checkbox"]),
body.twm-home-page .twm-pro-popup-card select {
    height: 44px;
    min-height: 44px;
    padding: 10px 11px 10px 36px;
}
body.twm-home-page .twm-pro-popup-card textarea {
    height: 61px;
    min-height: 61px;
    max-height: 61px;
    padding: 12px 12px 9px 36px;
    resize: none;
    overflow: hidden;
}
body.twm-home-page .twm-pro-popup-card input:focus,
body.twm-home-page .twm-pro-popup-card select:focus,
body.twm-home-page .twm-pro-popup-card textarea:focus {
    border-color: #08a8d2;
    box-shadow: 0 0 0 3px rgba(8,168,210,.11);
}

body.twm-home-page .twm-pro-consent {
    display: flex;
    align-items: flex-start;
    gap: 7px;
    margin: 0;
    color: #5a6f83;
    font-size: 10.5px;
    line-height: 1.4;
    font-weight: 650;
}
body.twm-home-page .twm-pro-consent input {
    width: 14px;
    height: 14px;
    min-height: 14px;
    flex: 0 0 14px;
    margin-top: 1px;
    accent-color: #0284b8;
}
body.twm-home-page .twm-pro-consent a { color: #026a9c; font-weight: 900; }

body.twm-home-page .twm-pro-submit {
    min-height: 45px;
    border: 0;
    border-radius: 12px;
    background: linear-gradient(90deg,#ff8a22 0%,#ff6b00 100%);
    color: #fff;
    font-size: 13.5px;
    font-weight: 950;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    box-shadow: 0 13px 26px rgba(255,107,0,.23);
    transition: .25s ease;
}
body.twm-home-page .twm-pro-submit:hover { transform: translateY(-2px); box-shadow: 0 17px 32px rgba(255,107,0,.29); }

body.twm-home-page .twm-pro-popup-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 10px;
    color: #6b7d8e;
    font-size: 10.5px;
    font-weight: 750;
}
body.twm-home-page .twm-pro-popup-footer span,
body.twm-home-page .twm-pro-popup-footer a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
body.twm-home-page .twm-pro-popup-footer i { color: #0b9aac; }
body.twm-home-page .twm-pro-popup-footer a { color: #024566; font-weight: 900; text-decoration: none; }

@media (max-width: 620px) {
    body.twm-home-page .twm-pro-popup-overlay { padding: 7px !important; }
    body.twm-home-page .twm-pro-popup-card {
        width: calc(100vw - 14px);
        max-height: calc(100dvh - 14px);
        border-radius: 20px;
    }
    body.twm-home-page .twm-pro-popup-head { padding: 14px 48px 13px 14px; }
    body.twm-home-page .twm-pro-popup-brand {
        grid-template-columns: 105px minmax(0,1fr);
        gap: 10px;
    }
    body.twm-home-page .twm-pro-popup-brand img {
        width: 105px;
        max-height: 42px;
        padding: 5px 7px;
        border-radius: 9px;
    }
    body.twm-home-page .twm-pro-popup-brand span {
        margin-bottom: 4px;
        font-size: 7.8px;
        letter-spacing: .5px;
    }
    body.twm-home-page .twm-pro-popup-brand h2 {
        margin-bottom: 0;
        font-size: 17px;
        line-height: 1.13;
        letter-spacing: -.35px;
    }
    body.twm-home-page .twm-pro-popup-brand p { display: none; }
    body.twm-home-page .twm-pro-popup-close {
        top: 9px !important;
        right: 9px !important;
        width: 31px !important;
        height: 31px !important;
        font-size: 12px !important;
    }
    body.twm-home-page .twm-pro-popup-body { padding: 11px 11px 10px; }
    body.twm-home-page .twm-pro-popup-trust { gap: 5px; margin-bottom: 8px; }
    body.twm-home-page .twm-pro-popup-trust span {
        min-height: 31px;
        padding: 5px;
        border-radius: 8px;
        font-size: 7.8px;
    }
    body.twm-home-page .twm-pro-popup-trust i { display: none; }
    body.twm-home-page .twm-pro-popup-form { gap: 7px; }
    body.twm-home-page .twm-pro-popup-card input:not([type="checkbox"]),
    body.twm-home-page .twm-pro-popup-card select {
        height: 39px;
        min-height: 39px;
        padding: 8px 7px 8px 29px;
        border-radius: 9px;
        font-size: 11px;
    }
    body.twm-home-page .twm-pro-input > i { left: 10px; font-size: 9.5px; }
    body.twm-home-page .twm-pro-popup-card textarea {
        height: 48px;
        min-height: 48px;
        max-height: 48px;
        padding: 9px 8px 8px 29px;
        border-radius: 9px;
        font-size: 11px;
    }
    body.twm-home-page .twm-pro-consent {
        gap: 5px;
        font-size: 8.5px;
        line-height: 1.25;
    }
    body.twm-home-page .twm-pro-consent input {
        width: 12px;
        height: 12px;
        min-height: 12px;
        flex-basis: 12px;
    }
    body.twm-home-page .twm-pro-submit {
        min-height: 40px;
        border-radius: 9px;
        font-size: 11.5px;
    }
    body.twm-home-page .twm-pro-popup-footer {
        margin-top: 6px;
        font-size: 8.4px;
    }
}

@media (max-width: 370px) {
    body.twm-home-page .twm-pro-popup-brand { grid-template-columns: 92px minmax(0,1fr); }
    body.twm-home-page .twm-pro-popup-brand img { width: 92px; }
    body.twm-home-page .twm-pro-popup-brand h2 { font-size: 15.5px; }
    body.twm-home-page .twm-pro-popup-footer span { display: none; }
    body.twm-home-page .twm-pro-popup-footer { justify-content: center; }
}

@media (max-height: 590px) {
    body.twm-home-page .twm-pro-popup-head { padding-top: 11px; padding-bottom: 10px; }
    body.twm-home-page .twm-pro-popup-brand p,
    body.twm-home-page .twm-pro-popup-trust,
    body.twm-home-page .twm-pro-popup-footer { display: none !important; }
    body.twm-home-page .twm-pro-popup-body { padding-top: 9px; padding-bottom: 9px; }
    body.twm-home-page .twm-pro-popup-card textarea {
        height: 42px;
        min-height: 42px;
        max-height: 42px;
    }
}