/* Isolated stability fixes. Original homepage animation rules remain untouched. */
html {
    scroll-behavior: smooth;
    scroll-padding-top: 96px
}

html.lenis,html.lenis body {
    height: auto
}

.lenis.lenis-smooth {
    scroll-behavior: auto!important
}

.lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain
}

.lenis.lenis-stopped {
    overflow: hidden
}

.lenis.lenis-smooth iframe {
    pointer-events: none
}

body {
    max-width: 100%;
    overflow-x: hidden
}

.preloader.is-hidden {
    opacity: 0;
    visibility: hidden;
    transition: .35s
}

.owl-carousel,.slick-slider,.swiper {
    max-width: 100%;
    overflow: hidden
}

.owl-carousel .owl-stage,.slick-track {
    display: flex
}

.owl-carousel .owl-item,.slick-slide {
    height: auto;
    min-width: 0
}

.blogslider .image-bar img {
    max-width: 100%;
    height: auto;
    margin: auto
}

.navbar-toggler {
    border-color: rgba(153,6,143,.45)!important
}

.form-status {
    padding: 12px 15px;
    margin-bottom: 16px;
    border-radius: 8px
}

.form-status.success {
    background: #e8f8ee;
    color: #176337
}

.form-status.error {
    background: #fff0f0;
    color: #9b2424
}

.form-honeypot {
    position: absolute!important;
    left: -9999px!important
}

.lead-form input,.lead-form select,.lead-form textarea {
    width: 100%
}

.nav-services {
    position: relative
}

.nav-services>.nav-link i {
    font-size: 9px;
    margin-left: 3px
}

.nav-services-toggle {
    display: none
}

.nav-services-menu {
    position: absolute;
    z-index: 1200;
    top: 100%;
    left: 50%;
    width: 690px;
    margin: 14px 0 0;
    padding: 20px;
    border: 1px solid rgba(226,20,209,.28);
    border-radius: 18px;
    background: radial-gradient(circle at 85% 10%,rgba(203,13,190,.22),transparent 28%),rgba(25,0,33,.98);
    box-shadow: 0 28px 75px rgba(0,0,0,.42);
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%,12px);
    transition: .28s
}

.nav-services:hover .nav-services-menu,.nav-services.menu-open .nav-services-menu {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%,0)
}

.nav-services-menu:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -16px;
    height: 17px
}

.mega-label {
    padding: 0 6px 14px;
    color: #ed32db;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .16em;
    text-transform: uppercase
}

.mega-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 7px
}

.mega-grid>a {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 13px;
    border: 1px solid transparent;
    border-radius: 11px;
    color: #fff!important;
    transition: .25s
}

.mega-grid>a:hover {
    border-color: rgba(235,35,217,.22);
    background: rgba(195,15,184,.13);
    transform: translateX(4px)
}

.mega-grid>a>i {
    display: grid;
    place-items: center;
    flex: 0 0 40px;
    height: 40px;
    border-radius: 10px;
    background: linear-gradient(135deg,#7e048e,#d310c0);
    box-shadow: 0 0 18px rgba(211,16,192,.2)
}

.mega-grid span,.mega-grid strong,.mega-grid small {
    display: block
}

.mega-grid strong {
    font-size: 13px
}

.mega-grid small {
    margin-top: 3px;
    color: #bdaec2;
    font-size: 10px
}

.mega-grid .mega-support {
    background: linear-gradient(90deg,rgba(146,8,153,.25),rgba(207,18,191,.18))
}

.mega-footer {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid rgba(255,255,255,.1)
}

.mega-footer a {
    display: flex;
    justify-content: space-between;
    padding: 11px 13px;
    border-radius: 8px;
    background: #86068c;
    color: #fff!important;
    font-size: 12px;
    font-weight: 700
}

.mega-footer a:last-child {
    background: linear-gradient(90deg,#9b079c,#d410c1)
}

.ecx-growth-left>.ecx-growth-right {
    display: none!important
}

.ecx-growth-wrapper {
    align-items: center!important
}

.ecx-growth-wrapper>.ecx-growth-right {
    display: flex!important;
    opacity: 1
}

.ecx-growth-left>.flex-btn {
    justify-content: flex-start;
    margin-top: 32px
}

.ecx-feature-box,.service-box,.contact-box,.BlogBox {
    transition: transform .3s ease,box-shadow .3s ease,border-color .3s ease
}

.ecx-feature-box:hover,.service-box:hover,.contact-box:hover,.BlogBox:hover {
    transform: translateY(-7px);
    box-shadow: 0 18px 45px rgba(188,8,177,.18)
}

.Section-05 {
    min-height: 900px;
    padding-top: 90px!important
}

.Section-05 .contnt {
    position: relative;
    z-index: 5;
    max-width: 920px;
    margin: 0 auto 25px;
    padding-inline:20px}

.Section-05 .Tabsarea {
    position: relative;
    z-index: 4
}

.Section-05 .tab-content>.tab-pane {
    display: none!important;
    opacity: 0
}

.Section-05 .tab-content>.tab-pane.active {
    display: block!important;
    opacity: 1
}

.Section-05 .blogslider {
    z-index: 2;
    max-width: 1450px;
    margin: auto
}

.Section-05 .BlogBox {
    display: flex;
    justify-content: center
}

.Section-05 .image-bar img {
    display: block;
    width: 100%!important;
    max-width: 232px;
    height: auto
}

.Section-05 .imghand {
    display: none!important;
    z-index: 1;
    left: 50%;
    right: auto;
    bottom: -115px;
    width: min(760px,52vw);
    transform: translateX(-50%);
    pointer-events: none
}

.Section-05 .imghand img {
    display: block;
    width: 100%;
    height: auto
}

.main-footer .row {
    align-items: flex-start
}

.main-footer .footer-column {
    min-width: 0
}

.main-footer .custombtn {
    margin-top: 18px;
    padding: 13px 22px
}

.footer-contact-intro {
    max-width: 360px;
    margin: -8px 0 20px;
    color: #bfb5bd;
    font-size: 14px;
    line-height: 1.65
}

.footer-contact-list {
    display: grid;
    gap: 11px;
    margin: 0;
    padding: 0;
    list-style: none
}

.footer-contact-list li {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    padding: 11px 13px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 12px;
    background: rgba(255,255,255,.045);
    transition: border-color .25s ease, background .25s ease, transform .25s ease
}

.footer-contact-list li:hover {
    transform: translateY(-2px);
    border-color: rgba(209,0,255,.42);
    background: rgba(209,0,255,.08)
}

.footer-contact-icon {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 10px;
    color: #fff;
    background: linear-gradient(145deg,#74118d,#b100bd);
    box-shadow: 0 8px 20px rgba(177,0,189,.2)
}

.footer-contact-list a {
    display: grid;
    min-width: 0;
    color: #fff;
    text-decoration: none
}

.footer-contact-list small {
    margin-bottom: 2px;
    color: #bcb1ba;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .1em;
    text-transform: uppercase
}

.footer-contact-list strong {
    overflow-wrap: anywhere;
    color: #f7f2f6;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4
}

.footer-contact .payment-icons {
    margin-top: 10px
}

@media(max-width: 991px) {
    .footer-contact-intro {
        max-width: none
    }
}

/* Final laptop-height fit: keep the complete showcase visible as one composition. */
@media(min-width: 1200px) and (max-width: 1680px) {
    .Section-05 {
        min-height: 680px !important;
        padding: 38px 0 44px !important
    }

    .Section-05 .contnt {
        margin-bottom: 14px
    }

    .Section-05 ul.nav.nav-tabs {
        margin-bottom: 28px
    }

    .Section-05 .image-bar img {
        width: min(100%, 172px) !important;
        max-width: 172px !important
    }

    .Section-05 .imghand {
        bottom: -56px !important;
        width: min(455px, 36vw) !important
    }
}

/* Native smooth-scroll fallback when the optional Lenis CDN is unavailable. */
html.lenis.lenis-smooth:not(.lenis-scrolling) {
    scroll-behavior: smooth !important
}

/* Fluid desktop scale: remove the old 1680/1681px size jump through 2500px. */
@media(min-width: 1200px) and (max-width: 2500px) {
    .Section-05 {
        min-height: clamp(650px, calc(493px + 13.1vw), 820px) !important;
        padding-top: clamp(34px, calc(22px + 1vw), 48px) !important;
        padding-bottom: clamp(40px, calc(27px + 1.1vw), 54px) !important
    }

    .Section-05 .blogslider {
        width: clamp(1100px, calc(897px + 16.9vw), 1320px) !important
    }

    .Section-05 .image-bar img {
        width: clamp(160px, calc(118px + 3.3vw), 205px) !important;
        max-width: clamp(160px, calc(118px + 3.3vw), 205px) !important
    }

    .Section-05 .imghand {
        bottom: clamp(-70px, calc(-28px - 1.7vw), -48px) !important;
        width: clamp(420px, calc(337px + 6.5vw), 510px) !important
    }
}

@media(max-width: 767px) {
    .footer-contact-list {
        max-width: 430px;
        margin-inline: auto;
        text-align: left
    }
    .ecm-paragraphs p {
    width: 100%;
}

.ecm-services-section {
    padding-bottom: 23px;
}

.ecx-laptop-screen img {
    display: none;
}

.ecm-brand-section {
    padding: 0;
}

.faq-heading {
    font-size: 32px;
}

section.Testimonial-sec {
    padding: 54px 0px 29px;
}


    .footer-contact-intro {
        margin-inline: auto
    }
}

/* Final shared navigation, active-state and extreme-width QA */
.Headermain .navbar-nav>.nav-item>.nav-link {
    position: relative
}

.Headermain .navbar-nav>.nav-item.active>.nav-link,
.Headermain .navbar-nav>.nav-item>.nav-link[aria-current="page"] {
    color: #f000df!important
}

.Headermain .navbar-nav>.nav-item.active>.nav-link:after {
    content: "";
    position: absolute;
    right: 12px;
    bottom: 3px;
    left: 12px;
    height: 2px;
    border-radius: 2px;
    background: linear-gradient(90deg,#f000df,#8a28ff);
    box-shadow: 0 0 10px rgba(240,0,223,.65)
}

.nav-services-menu a[aria-current="page"] {
    border-color: rgba(240,0,223,.55)!important;
    background: rgba(240,0,223,.11)!important
}

.Headermain.thank-you-header {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    z-index: 1000;
    min-height: 96px;
    padding: 14px 0;
    background: #1f0012;
    box-shadow: 0 8px 24px rgba(31,0,18,.14)
}

.Headermain.thank-you-header .navbar-brand {
    display: flex;
    align-items: center;
    height: 68px;
}

.Headermain.thank-you-header .navbar-brand img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.Headermain.thank-you-header .custom-navbar[data-aos] {
    opacity: 1!important;
    transform: none!important;
    transition: none!important;
}

.Headermain.thank-you-header .nav-link {
    color: #fff!important
}

.Headermain.thank-you-header .nav-item.active>.nav-link {
    color: #f000df!important
}

/* Shared visible breadcrumb trail with matching BreadcrumbList schema. */
.site-breadcrumb {
    position:absolute;
    z-index:18;
    top:118px;
    left:0;
    width:100%;
    pointer-events:none
}
.site-breadcrumb ol {
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:7px;
    margin:0;
    padding:0;
    list-style:none;
    font:500 13px/1.5 Poppins,sans-serif
}
.site-breadcrumb li { display:flex; align-items:center; gap:7px; color:rgba(255,255,255,.78) }
.site-breadcrumb li:not(:last-child)::after { content:'›'; color:#f000df; font-size:18px; line-height:1 }
.site-breadcrumb a { color:#fff; text-decoration:none; pointer-events:auto; transition:color .2s ease }
.site-breadcrumb a:hover,.site-breadcrumb a:focus-visible { color:#f000df }
.site-breadcrumb [aria-current="page"] span { color:#f0c9ec }

@media(max-width:991px) {
    .site-breadcrumb { top:104px }
    .site-breadcrumb ol { font-size:12px }
}

@media(max-width:575px) {
    .site-breadcrumb { top:96px }
    .site-breadcrumb ol { gap:5px; white-space:nowrap; overflow:hidden }
    .site-breadcrumb li { gap:5px; min-width:0 }
    .site-breadcrumb [aria-current="page"] { overflow:hidden; text-overflow:ellipsis }
}

/* Legacy results showcase: one bounded proportional stage at every width. */
.Section-05 {
    min-height: 790px!important;
    padding: 64px 0 72px!important;
    overflow: hidden
}

.Section-05 .Tabsarea {
    position: relative;
    width: min(94vw,1498px)!important;
    max-width: 1500px!important;
    margin-inline: auto!important;
    padding-bottom: 0;
}

.Section-05 .blogslider {
    position: relative;
    z-index: 4;
    width: min(100%,1320px)!important;
    max-width: 1320px!important;
    margin-inline: auto!important
}

.Section-05 .slick-track {
    display: flex;
    align-items: flex-end
}

.Section-05 .image-bar img {
    display: block;
    width: min(100%,230px)!important;
    max-width: 230px!important;
    height: auto!important;
    margin-inline: auto;
    filter: drop-shadow(0 16px 24px rgba(15,0,18,.28))
}

.Section-05 .imghand {
    display: block!important;
    position: absolute!important;
    z-index: 2!important;
    right: auto!important;
    bottom: -90px!important;
    left: 50%!important;
    width: min(610px,48vw)!important;
    max-width: none!important;
    transform: translateX(-25%)
}

.Section-05 .imghand img {
    display: block;
    width: 100%!important;
    height: auto
}

@media(max-width: 991px) {
    .Headermain.thank-you-header {
        min-height: 82px;
        padding: 8px 0;
    }

    .Headermain.thank-you-header .navbar-brand {
        height: 64px;
    }

    .Headermain .custom-navbar {
        position: relative;
        z-index: 100
    }

    .Headermain .navbar-toggler {
        position: relative;
        z-index: 102;
        border-color: rgba(255,255,255,.35);
        /* background: #fff; */
    }

    .Headermain .navbar-collapse {
        position: absolute;
        z-index: 101;
        top: calc(100% + 12px);
        right: 0;
        left: 0;
        max-height: calc(100vh - 110px);
        overflow-y: auto;
        padding: 14px;
        border: 1px solid rgba(240,0,223,.22);
        border-radius: 16px;
        background: #210016;
        box-shadow: 0 24px 54px rgba(14,0,10,.42)
    }

    .Headermain .navbar-nav {
        width: 100%
    }

    .Headermain .navbar-nav>.nav-item {
        position: relative;
        width: 100%;
        border-bottom: 1px solid rgba(255,255,255,.08)
    }

    .Headermain .navbar-nav>.nav-item>.nav-link {
        display: block;
        padding: 13px 44px 13px 12px!important;
        color: #fff!important
    }

    .Headermain .navbar-nav>.nav-item.active>.nav-link:after {
        top: 10px;
        right: auto;
        bottom: 10px;
        left: 0;
        width: 3px;
        height: auto
    }

    .Headermain .nav-services-toggle {
        position: absolute!important;
        z-index: 3;
        top: 4px;
        right: 3px;
        display: grid!important;
        place-items: center;
        width: 42px;
        height: 42px;
        border: 0;
        border-radius: 9px;
        color: #fff;
        background: rgba(255,255,255,.08)
    }

    .Headermain .nav-services.menu-open .nav-services-toggle {
        color: #f000df;
        background: rgba(240,0,223,.12)
    }

    .Headermain .nav-services-menu {
        position: static!important;
        display: none!important;
        width: 100%!important;
        max-height: none!important;
        margin: 0 0 12px!important;
        padding: 12px!important;
        transform: none!important;
        opacity: 1!important;
        visibility: visible!important
    }

    .Headermain .nav-services.menu-open .nav-services-menu {
        display: block!important
    }

    .Headermain .mega-grid {
        grid-template-columns: 1fr!important
    }

    .Headermain .mega-footer {
        grid-template-columns: 1fr!important
    }

    .Headermain .whishlist {
        padding-top: 12px
    }
}

@media(max-width: 767px) {
    .Section-05 {
        min-height: 690px!important;
        padding: 54px 0 44px!important
    }

    .Section-05 .contnt {
        padding-inline: 12px
    }

    .Section-05 .Tabsarea {
        width: 100%!important;
        padding-bottom: 50px;
    }

    .Section-05 ul.nav.nav-tabs {
        gap: 7px;
        padding-inline: 8px
    }

    .Section-05 .nav-tabs li a {
        min-width: 0!important;
        padding: 11px 10px!important;
        font-size: clamp(10px,3.3vw,13px)!important
    }

    .Section-05 .blogslider {
        width: min(74vw,290px)!important;
        max-width: 290px!important
    }

    .Section-05 .image-bar img {
        width: min(62vw,230px)!important;
        max-width: 230px!important
    }

    .Section-05 .imghand {
        bottom: -82px!important;
        width: min(430px,112vw)!important;
        transform: translateX(-24%)
    }
}

@media(max-width: 260px) {
    .Headermain .container {
        padding-inline: 6px
    }

    .navbar-brand {
        width: 112px!important
    }

    .Section-05 .nav-tabs li a i {
        display: none
    }

    .Section-05 .blogslider {
        width: 76vw!important
    }

    .footer-contact-list li {
        grid-template-columns: 34px minmax(0,1fr);
        gap: 8px;
        padding: 8px
    }

    .footer-contact-icon {
        width: 34px;
        height: 34px
    }
}

.Innersec .content-1 h1.text {
    color: #d8d8d8;
    font-size: 50px;
    font-weight: 600;
    line-height: 1.05;
    padding-bottom: 30px;
    margin: 0;
    text-transform: none
}

@media(max-width: 767px) {
    .Innersec .content-1 h1.text {
        font-size:36px
    }
}

@media(max-width: 991px) {
    .navbar-collapse {
        padding:18px;
        background: #fff;
        border-radius: 0 0 14px 14px;
        box-shadow: 0 18px 35px rgba(38,0,45,.15)
    }

    .custom-navbar .navbar-nav {
        align-items: stretch!important
    }

    .custom-navbar .nav-link {
        padding: 10px 5px!important
    }

    .mouse-cursor {
        display: none!important
    }

    .nav-services {
        display: grid;
        grid-template-columns: 1fr 42px
    }

    .nav-services>.nav-link i {
        display: none
    }

    .nav-services-toggle {
        display: block;
        border: 0;
        background: transparent;
        color: #65056f
    }

    .nav-services-menu {
        position: static;
        grid-column: 1/-1;
        width: 100%;
        max-height: 0;
        margin: 0;
        padding: 0 8px;
        border: 0;
        background: #f7ecf9;
        box-shadow: none;
        opacity: 1;
        visibility: visible;
        overflow: hidden;
        transform: none;
        transition: max-height .35s,padding .35s
    }

    .nav-services.menu-open .nav-services-menu {
        max-height: 760px;
        padding: 14px 10px;
        transform: none
    }

    .mega-label {
        color: #8c078f
    }

    .mega-grid {
        grid-template-columns: 1fr
    }

    .mega-grid>a {
        color: #35113b!important;
        padding: 9px
    }

    .mega-grid>a>i {
        color: #fff
    }

    .mega-grid small {
        color: #77657b
    }

    .mega-footer {
        grid-template-columns: 1fr
    }
}

@media(max-width: 767px) {
    .testimonial-slider .owl-item {
        padding:0 4px
    }

    .Tabsarea {
        margin-inline:0!important}

    .Section-05 {
        min-height: 760px
    }

    .Section-05 ul.nav.nav-tabs {
        gap: 10px!important;
        margin-bottom: 35px!important;
        flex-wrap: wrap
    }

    .Section-05 .nav-tabs li a {
        font-size: 14px!important;
        padding: 11px 16px!important
    }

    .Section-05 .imghand {
        width: 540px;
        max-width: none;
        bottom: -70px
    }

    .Section-05 .image-bar img {
        max-width: 220px
    }

    .blogslider {
        margin-inline:0!important}

    .blogslider .slick-slide {
        padding-inline:6px}

    .slider-mobile {
        margin-inline:0!important}

    .ecx-slider-wrapper {
        overflow: hidden
    }

    .ecx-slider-track {
        gap: 12px
    }

    .ecx-phone-slide {
        min-width: calc(100vw - 72px)!important;
        max-width: 318px;
        height: auto!important
    }

    .ecx-phone-slide img {
        height: auto!important;
        object-fit: contain!important
    }

    .buttonflexs {
        flex-wrap: wrap
    }

    .ecm-top-form form {
        width: 100%
    }
}

@media(prefers-reduced-motion:reduce) {
    html {
        scroll-behavior: auto
    }

    *,*:before,*:after {
        animation-duration: .01ms!important;
        animation-iteration-count: 1!important;
        transition-duration: .01ms!important
    }
}

.legal-page,.error-page {
    min-height: 70vh;
    padding: 180px 0 100px;
    background: #170021;
    color: #fff
}

.legal-page .container,.error-page .container {
    max-width: 900px
}

.legal-page h1,.error-page h1 {
    font-size: clamp(42px,6vw,74px);
    margin-bottom: 35px
}

.legal-page h2 {
    margin: 35px 0 12px;
    color: #ec25dc;
    font-size: 26px
}

.legal-page p,.error-page p {
    color: #d8cddd;
    font-size: 17px;
    line-height: 1.8
}

.error-page {
    text-align: center
}

.error-page>div>span {
    display: block;
    color: #ec25dc;
    font-size: clamp(70px,12vw,150px);
    font-weight: 800;
    line-height: 1
}

/* Homepage growth and success-story stage: keep all artwork in normal visual flow. */
.ecx-growth-section {
    padding: 120px 0 95px!important
}

.ecx-growth-wrapper {
    align-items: start!important;
    gap: clamp(45px,7vw,100px)!important
}

.ecx-growth-left {
    padding-top: 24px
}

.ecx-growth-wrapper>.ecx-growth-right {
    gap: 16px!important
}

.ecx-feature-box {
    min-height: 108px;
    padding: 18px 22px!important
}

.ecx-icon-box {
    width: 70px!important;
    height: 62px!important
}

.ecx-icon-box img {
    max-width: 56px;
    max-height: 56px
}

.ecx-feature-content p {
    line-height: 1.5
}

.ecx-laptop-wrapper {
    clear: both;
    max-width: 920px;
    margin: 120px auto 0!important
}

.ecx-laptop-screen img {
    display: block;
    width: 100%;
    height: auto
}

.Section-05 {
    min-height: 820px!important;
    padding: 0 0 0!important;
    /* display: none; */
}

.Section-05 .contnt {
    margin-bottom: 28px!important
}

.Section-05 .Tabsarea {
    width: calc(100% - 80px);
    max-width: 1180px;
    margin: 0 auto!important
}

.Section-05 ul.nav.nav-tabs {
    position: relative;
    z-index: 6;
    margin-bottom: 62px!important
}

.Section-05 ul.nav.nav-tabs {
    display: flex!important;
    justify-content: center!important;
    flex-wrap: wrap!important;
    width: 100%!important;
    max-width: 100%!important;
    margin-left: auto!important;
    margin-right: auto!important
}

.Section-05 ul.nav.nav-tabs>li {
    float: none!important;
    flex: 0 0 auto
}

.Section-05 .nav-tabs[data-aos],.Section-05 .tab-content[data-aos],.Section-05 .blogslider[data-aos] {
    opacity: 1!important;
    transform: none!important;
    transition: none!important
}

.Section-05 .tab-content {
    position: relative;
    z-index: 3
}

.Section-05 .blogslider {
    width: 100%;
    max-width: 1100px!important;
    margin: 0 auto!important;
    overflow: hidden
}

.Section-05 .slick-list {
    overflow: hidden!important
}

.Section-05 .slick-slide {
    padding: 0 10px
}

.Section-05 .image-bar img {
    width: 100%!important;
    max-width: 198px!important;
}

.Section-05 .imghand {
    z-index: 2!important;
    width: 520px!important;
    max-width: 42vw;
    bottom: -80px!important;
}

@media(max-width: 991px) {
    .ecx-growth-wrapper {
        grid-template-columns:1fr!important
    }

    .ecx-growth-left {
        padding-top: 0
    }

    .ecx-laptop-wrapper {
        margin-top: 80px!important
    }

    .Section-05 .Tabsarea {
        width: calc(100% - 32px)
    }

    .Section-05 .imghand {
        width: 460px!important;
        max-width: 58vw
    }

    .Section-05 .image-bar img {
        max-width: 185px!important
    }
}

@media(max-width: 767px) {
    .ecx-growth-section {
        padding:80px 0 65px!important
    }

    .ecx-main-title {
        font-size: 23px!important;
        line-height: 1.08!important
    }

    .ecx-feature-box {
        min-height: 0
    }

    .ecx-laptop-wrapper {
        margin-top: 60px!important
    }

    .Section-05 {
        min-height: 0!important;
        padding: -10px 0 64px!important;
    }

    .Section-05 .Tabsarea {
        width: 100%
    }

    .Section-05 ul.nav.nav-tabs {
        margin-bottom: 30px!important
    }

    .Section-05 .blogslider {
        max-width: 300px!important
    }

    .Section-05 .image-bar img {
        max-width: 230px!important
    }

    .Section-05 .imghand {
        display: none!important
    }

    .Section-05 .slick-dots {
        display: flex!important;
        justify-content: center;
        gap: 8px;
        margin: 18px 0 0;
        padding: 0;
        list-style: none
    }

    .Section-05 .slick-dots button {
        width: 9px;
        height: 9px;
        padding: 0;
        border: 1px solid #e400d5;
        border-radius: 50%;
        background: transparent;
        font-size: 0
    }

    .Section-05 .slick-dots .slick-active button {
        background: #e400d5
    }

    .Section-05 .slick-slide {
        opacity: .35;
        transition: opacity .25s
    }

    .Section-05 .slick-current {
        opacity: 1
    }
}

/* Figma Home 2006:2: remove the duplicated non-design growth-card block. */
.ecx-growth-section {
    padding: 82px 0 105px!important
}

.ecx-growth-section .ecx-growth-wrapper {
    display: none!important
}

.figma-growth-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr);
    gap: 70px;
    align-items: center;
    margin-bottom: 105px
}

.figma-growth-copy {
    max-width: 500px
}

.figma-growth-copy .ecx-main-title {
    font-size: clamp(38px,3.1vw,32px);
    line-height: 1.04
}

.figma-feature-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px
}

.figma-feature-grid .ecx-feature-box {
    min-height: 132px;
    padding: 20px!important
}

.figma-feature-grid .ecx-icon-box {
    flex: 0 0 62px;
    width: 62px!important
}

.figma-feature-grid .ecx-feature-content h3 {
    font-size: 18px
}

.figma-feature-grid .ecx-feature-content p {
    font-size: 13px
}

.ecx-growth-section .ecx-laptop-wrapper {
    max-width: 1040px;
    margin: 0 auto!important
}

.ecx-growth-section .bg-layer {
    opacity: .72
}

@media(max-width: 991px) {
    .figma-growth-grid {
        grid-template-columns:1fr;
        gap: 45px
    }

    .figma-growth-copy {
        max-width: 720px
    }

    .figma-feature-grid .ecx-feature-box {
        min-height: 120px
    }
}

@media(max-width: 767px) {
    .ecx-growth-section {
        padding:55px 0 70px!important
    }

    .figma-growth-grid {
        gap: 0px;
        margin-bottom: 70px
    }

    .figma-feature-grid {
        grid-template-columns: 1fr
    }

    .figma-feature-grid .ecx-feature-box {
        min-height: 0
    }

    .ecx-growth-section .ecx-laptop-wrapper {
        width: calc(100% - 24px)
    }
}

/* Shared consultation block: keep the Figma dark canvas between page content and footer. */
.Contact-sec {
    isolation: isolate;
    background: #1f0012;
    color: #fff
}

.Contact-sec .container {
    position: relative;
    z-index: 1
}

.Contact-sec .textcontact select {
    width: 100%;
    min-height: 48px;
    margin-bottom: 15px;
    padding: 12px;
    border: 0;
    border-radius: 8px;
    background: #fff;
    color: #2d1731
}

.Contact-sec .textcontact input,.Contact-sec .textcontact textarea {
    color: #2d1731
}

.Contact-sec .textnew:before,.Contact-sec .textnew:after {
    max-width: calc(100vw - 30px)
}

@media(max-width: 767px) {
    section.Contact-sec {
        padding:54px 0 0!important;
        background: #1f0012!important
    }

    .Contact-sec .textcontact {
        padding: 24px 18px;
        border-radius: 14px
    }

    section.Contact-sec .ecm-service-title {
        font-size: 30px;
        line-height: 1.1
    }

    section.Contact-sec .ecm-service-desc {
        font-size: 14px;
        line-height: 1.65
    }

    .Contact-sec .lead-form .col-6 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .Contact-sec .submit-btn {
        width: 100%;
        padding: 16px 24px
    }

    .Contact-sec .textnew {
        margin: 62px 0 20px;
        padding: 32px 10px 8px
    }

    .Contact-sec .textnew h5 {
        font-size: 36px;
        line-height: 1.08
    }

    .Contact-sec .textnew:before,.Contact-sec .textnew:after {
        left: 0;
        width: 100%
    }

    .Contact-sec .textnew:before {
        top: 0
    }

    .Contact-sec .textnew:after {
        bottom: -10px
    }

    .Contact-sec figure {
        margin: 0;
        text-align: center;
        display: none;
    }

    .Contact-sec .imggirl {
        position: relative;
        top: auto;
        right: auto;
        display: block;
        width: min(100%,420px);
        height: auto;
        margin: 0 auto -2px
    }
}

@media(min-width: 1600px) {
    .Section-05 .Tabsarea {
        max-width:1400px
    }

    .Section-05 .blogslider {
        max-width: 1320px!important
    }

    .Section-05 .image-bar img {
        max-width: 205px!important
    }

    .Section-05 .imghand {
        width: 620px!important;
        max-width: 34vw;
        display: none;
    }
}

/* Final cascade authority for the hand showcase after legacy breakpoint rules. */
.Section-05 .imghand {
    display: block!important;
    right: auto!important;
    left: 49.6%!important;
    width: min(510px,48vw)!important;
    max-width: none!important;
    transform: translateX(-26%)!important;
}

@media(max-width: 767px) {
    .Section-05 .imghand {
        bottom: -82px!important;
        width: min(430px,112vw)!important;
        transform: translateX(-24%)!important;
        display: none !important;
    }
}

/* Homepage-only first-visit brand intro. */
.home-intro-loader {
    position: fixed;
    z-index: 20000;
    inset: 0;
    display: grid;
    place-items: center;
    overflow: hidden;
    background: #17000f;
    opacity: 1;
    transition: opacity .55s ease,visibility .55s ease
}

.home-intro-loader__glow {
    position: absolute;
    width: min(76vw,760px);
    aspect-ratio: 1;
    border-radius: 50%;
    background: radial-gradient(circle,rgba(208,0,221,.28),rgba(111,0,141,.1) 46%,transparent 70%);
    transform: scale(.65);
    opacity: 0;
    transition: transform 1.4s cubic-bezier(.2,.8,.2,1),opacity .8s ease
}

.home-intro-loader__content {
    position: relative;
    width: min(78vw,360px);
    text-align: center;
    transform: translateY(16px);
    opacity: 0;
    transition: transform .8s cubic-bezier(.2,.8,.2,1),opacity .65s ease
}

.home-intro-loader__content img {
    display: block;
    width: min(100%,270px);
    height: auto;
    margin: 0 auto 24px;
    filter: drop-shadow(0 0 28px rgba(220,0,255,.25))
}

.home-intro-loader__content p {
    margin: 0 0 18px;
    color: #e9dfe8;
    font: 500 clamp(11px,2.6vw,14px)/1.5 Poppins,sans-serif;
    letter-spacing: .16em;
    text-transform: uppercase
}

.home-intro-loader__track {
    height: 3px;
    overflow: hidden;
    border-radius: 4px;
    background: rgba(255,255,255,.12)
}

.home-intro-loader__track span {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg,#7d0a99,#f000df,#8b28ff);
    transform: translateX(-101%)
}

.home-intro-loader.is-running .home-intro-loader__glow {
    transform: scale(1);
    opacity: 1
}

.home-intro-loader.is-running .home-intro-loader__content {
    transform: none;
    opacity: 1
}

.home-intro-loader.is-running .home-intro-loader__track span {
    animation: homeLoaderProgress 1.55s cubic-bezier(.2,.75,.25,1) forwards
}

.home-intro-loader.is-leaving {
    visibility: hidden;
    opacity: 0
}

.home-intro-loader.is-leaving .home-intro-loader__content {
    transform: translateY(-12px) scale(.98);
    opacity: 0
}

@keyframes homeLoaderProgress {
    to {transform: translateX(0)}
}

@media(prefers-reduced-motion: reduce) {
    .home-intro-loader__glow,.home-intro-loader__content,.home-intro-loader {
        transition-duration: .01ms
    }

    .home-intro-loader__track span {
        animation-duration: .01ms!important
    }
}

/* Smooth, stable marketplace tab transitions. */
.Section-05 .tab-content {
    transform: translateY(0);
    opacity: 1;
    transition: opacity .16s ease;
    will-change: opacity
}

.Section-05.is-switching .tab-content {
    opacity: 0
}

.Section-05.is-switching .nav-tabs a {
    pointer-events: none
}

/* Keep the results stage proportionate on common large-laptop screens. */
@media(min-width: 1200px) and (max-width: 1680px) {
    .Section-05 {
        min-height: 710px !important;
        padding-top: 46px !important;
        padding-bottom: 54px !important
    }

    .Section-05 .contnt {
        margin-bottom: 20px
    }

    .Section-05 ul.nav.nav-tabs {
        margin-bottom: 38px
    }

    .Section-05 .blogslider {
        width: min(100%, 1240px) !important
    }

    .Section-05 .image-bar img {
        width: min(100%, 195px) !important;
        max-width: 195px !important
    }

    .Section-05 .imghand {
        bottom: -70px !important;
        width: min(520px, 39vw) !important
    }
}

@media(prefers-reduced-motion: reduce) {
    .Section-05 .tab-content {
        transition: none
    }
}

/* Shared forms: fluid laptop layout, comfortable touch targets and clean mobile flow. */
.topform {
    padding: clamp(38px,5vw,72px) 0;
    overflow: hidden
}

.topform .ecm-top-form {
    width: 100%;
    max-width: 1320px;
    margin-inline: auto;
    padding: 0
}

.topform .Frist {
    max-width: 1050px;
    margin: 0 auto clamp(24px,3vw,34px);
    text-align: center
}

.topform .big-title {
    margin: 0;
    color: #fff;
    font-size: clamp(32px,3.25vw,52px);
    line-height: 1.12;
    text-wrap: balance
}

.topform .ecm-top-form form {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr)) minmax(190px,.64fr);
    gap: 15px;
    width: 100%;
    align-items: stretch
}

.topform .ecm-input-box {
    width: 100%;
    min-width: 0;
    height: 58px
}

.topform .ecm-input-box input {
    min-width: 0
}

.topform .btn-style1 {
    width: 100%;
    min-width: 0;
    max-width: none!important;
    min-height: 58px;
    margin: 0;
    padding-inline: 20px;
    justify-content: center;
    white-space: nowrap
}

.lead-form input,.lead-form select,.lead-form textarea,.lead-form button {
    font-size: 16px
}

@media(max-width:1199px) {
    .topform .ecm-top-form form {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .topform .btn-style1 {
        grid-column: auto
    }

    .Contact-sec .imggirl {
        right: -95px;
        max-width: 390px;
        height: auto
    }
}

@media(max-width:991px) {
    .topform .container {
        max-width: 760px
    }

    section.Contact-sec {
        padding-bottom: 40px
    }

    .Contact-sec .textnew {
        margin-top: 48px
    }

    .Contact-sec .imggirl {
        position: relative;
        top: auto;
        right: auto;
        display: block;
        width: min(100%,360px);
        height: auto;
        margin: 24px auto 0
    }
}

@media(max-width:767px) {
    .topform {
        padding: 42px 0
    }

    .topform .container {
        padding-inline: 18px
    }

    .topform .big-title {
        font-size: clamp(28px,8.6vw,38px);
        line-height: 1.14
    }

    .topform .ecm-top-form form {
        grid-template-columns: 1fr;
        gap: 12px
    }

    .topform .ecm-input-box,.topform .btn-style1 {
        min-height: 56px
    }
}

@media(max-width:390px) {
    .topform .container {
        padding-inline: 14px
    }

    .topform .ecm-input-box {
        padding-inline: 14px
    }

    .Contact-sec .textcontact {
        padding-inline: 14px
    }
}

/* Laptop scale: keep 1024–1440px layouts dense without changing large desktop or mobile. */
@media(min-width:992px) and (max-width:1440px) {
    .container {
        max-width: 1180px
    }

    section.Section-01 {
        padding-top: 112px;
        padding-bottom: 42px
    }

    .Section-01 .content-1 h5.text {
        font-size: clamp(29px,3.6vw,37px);
        line-height: 1.04;
        padding-bottom: 20px
    }

    .Section-01 .content-1 p {
        font-size: 15px;
        line-height: 1.65
    }

    .ecm-main-heading {
        font-size: clamp(29px,3vw,34px)!important;
        line-height: 1.08!important
    }

    .ecm-services-section .ecm-service-title,
    .ecx-main-title {
        font-size: clamp(33px,3.4vw,35px)!important;
        line-height: 1.06!important
    }

    .ecm-brand-section,
    .ecm-services-section,
    .ecx-growth-section {
        padding-top: 64px!important;
        padding-bottom: 68px!important
    }

    .topform {
        padding-block: 42px
    }

    .topform .big-title {
        font-size: clamp(32px,3vw,42px)
    }

    section.Contact-sec {
        min-height: 0;
        padding: 48px 0 42px
    }

    .Contact-sec .textcontact {
        padding: 22px
    }

    section.Contact-sec .ecm-service-title {
        font-size: 30px;
        line-height: 1.08
    }

    section.Contact-sec .ecm-service-desc {
        margin-bottom: 18px;
        font-size: 14px;
        line-height: 1.55
    }

    .Contact-sec .textcontact input,
    .Contact-sec .textcontact select {
        min-height: 44px;
        margin-bottom: 11px;
        padding: 10px 12px
    }

    .Contact-sec .textcontact textarea {
        min-height: 96px;
        max-height: 110px;
        margin-bottom: 11px;
        padding: 10px 12px
    }

    .Contact-sec .submit-btn {
        padding: 14px 52px
    }

    .Contact-sec .textnew h5 {
        margin-bottom: 18px;
        font-size: 34px;
        line-height: 1.05
    }

    .Contact-sec .textnew p {
        font-size: 14px;
        line-height: 1.55
    }

    .Contact-sec .imggirl {
        top: -185px;
        right: -75px;
        width: auto;
        max-width: none;
        height: 520px
    }

    .Contact-sec .textnew:before {
        top: -28px
    }

    .Contact-sec .textnew:after {
        bottom: -32px
    }

    .footer-top {
        padding: 52px 0 36px
    }
}

/* Responsive hand-and-phone success-story artwork. */
.Section-05 .imghand {
    aspect-ratio: 1238 / 1271;
    height: auto;
    pointer-events: none;
}

.Section-05 .imghand .hand-art {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.Section-05 .hand-screen {
    position: absolute;
    z-index: 2;
    top: 3.55%;
    left: 11.5%;
    width: 34.05%;
    height: 67.6%;
    overflow: hidden;
    border-radius: 9% / 4.5%;
    background: #fff;
}

.Section-05 .hand-screen img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    animation: handScreenCycle 15s infinite;
}

.Section-05 .hand-screen img:nth-child(2) { animation-delay: 3s; }
.Section-05 .hand-screen img:nth-child(3) { animation-delay: 6s; }
.Section-05 .hand-screen img:nth-child(4) { animation-delay: 9s; }
.Section-05 .hand-screen img:nth-child(5) { animation-delay: 12s; }

@keyframes handScreenCycle {
    0%, 18% { opacity: 1; }
    20%, 98% { opacity: 0; }
    100% { opacity: 1; }
}

@media(max-width: 767px) {
    .Section-05 {
        padding-bottom: clamp(48px, 14vw, 64px) !important;
    }

    .Section-05 .imghand {
        display: block !important;
        left: 50% !important;
        bottom: -7px !important;
        width: min(430px, 108vw) !important;
        transform: translateX(-39%) !important;
    }
}

@media(prefers-reduced-motion: reduce) {
    .Section-05 .hand-screen img { animation: none; }
    .Section-05 .hand-screen img:first-child { opacity: 1; }
}

/* The shared consultation portrait uses its natural proportions at every size. */
.Contact-sec .imggirl {
    object-fit: contain;
    object-position: bottom center;
}

@media(min-width: 992px) {
    .Contact-sec .imggirl {
        height: min(560px, 48vw);
        width: auto;
        max-width: none;
    }
}

@media(max-width: 991px) {
    .Contact-sec figure {
        display: block;
        overflow: hidden;
        margin: 0;
        text-align: center;
    }
    .Contact-sec .imggirl {
        width: min(100%, 330px);
        height: auto;
        margin: 24px auto 0;
    }
}

/* Authoritative laptop-height fit, after all legacy showcase rules. */
@media(min-width: 1200px) and (max-width: 1680px) {
    .Section-05 {
        min-height: 650px !important;
        padding: 34px 0 40px !important
    }

    .Section-05 .contnt { margin-bottom: 14px }
    .Section-05 ul.nav.nav-tabs { margin-bottom: 28px }
    .Section-05 .blogslider { width: min(100%, 1180px) !important }

    .Section-05 .image-bar img {
        width: min(100%, 160px) !important;
        max-width: 160px !important
    }

    .Section-05 .imghand {
        bottom: -48px !important;
        width: min(420px, 34vw) !important
    }
}

/* Final fluid desktop authority from 1200px through 2500px. */
@media(min-width: 1200px) and (max-width: 2500px) {
    .Section-05 {
        min-height: clamp(650px, calc(493px + 13.1vw), 820px) !important;
        padding-top: clamp(34px, calc(22px + 1vw), 48px) !important;
        padding-bottom: clamp(40px, calc(27px + 1.1vw), 54px) !important
    }

    .Section-05 .blogslider {
        width: clamp(1100px, calc(897px + 16.9vw), 1320px) !important
    }

    .Section-05 .image-bar img {
        width: clamp(160px, calc(118px + 3.3vw), 205px) !important;
        max-width: clamp(160px, calc(118px + 3.3vw), 205px) !important
    }

    .Section-05 .imghand {
        bottom: clamp(-70px, calc(-28px - 1.7vw), -48px) !important;
        width: clamp(420px, calc(337px + 6.5vw), 510px) !important
    }
}

/* One true center phone: prevent a carousel card from covering its screen. */
@media(min-width: 1200px) {
    .Section-05 .tab-pane.active .slick-slide[data-slick-index="2"] .image-bar {
        visibility: hidden;
        opacity: 0
    }
}

/* Tablet/mobile uses the real hand-held phone and its internal rotating screen. */
@media(max-width: 1199px) {
    .Section-05 .blogslider {
        visibility: hidden
    }
}

.Section-05 .slick-dots {
    display: none !important
}

/* Phone screen follows the active Slick slide and never escapes the bezel. */
.Section-05 .hand-screen {
    isolation: isolate;
    clip-path: inset(0 round 9% 9% 9% 9%);
    contain: paint
}

.Section-05 .hand-screen img {
    animation: none !important;
    opacity: 0 !important;
    transition: opacity .42s cubic-bezier(.22,.61,.36,1) !important;
    will-change: opacity
}

.Section-05 .hand-screen img:first-child,
.Section-05 .hand-screen img.is-current {
    opacity: 1 !important
}

.Section-05 .hand-screen.has-synced-screen img:first-child:not(.is-current) {
    opacity: 0 !important
}

.Section-05 .hand-screen:not(.has-synced-screen) img:first-child {
    opacity: 1 !important
}

@media(max-width: 1199px) {
    .Section-05 .imghand {
        pointer-events: auto;
        touch-action: pan-y;
        cursor: grab
    }
}

/* Reference composition: five result phones with the hand-held phone centered. */
.Section-05 .blogslider {
    position:relative !important;
    z-index:4 !important;
    display:block !important;
    width:min(92vw,1320px) !important;
    height:auto !important;
    overflow:hidden !important;
    clip-path:none !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important
}

.Section-05 .Tabsarea {
    min-height:clamp(430px,39vw,610px)
}

.Section-05 .imghand {
    z-index:5 !important;
    left: 47% !important;
    transform: translateX(-26.5%) !important;
}

.Section-05 .slick-list { overflow:hidden !important }
.Section-05 .slick-track { display:flex !important; align-items:flex-start !important }
.Section-05 .slick-slide { opacity:1 !important; visibility:visible !important }
.Section-05 .slick-slide .image-bar { visibility:visible !important; opacity:1 !important; transition:opacity .3s ease }
.Section-05 .tab-pane.active .slick-slide.slick-center .image-bar {
    visibility:hidden !important;
    opacity:0 !important
}
.Section-05 .image-bar img { width:min(100%,205px) !important; height:auto !important }
.Section-05 .BlogBox,
.Section-05 .BlogBox:hover {
    transform:none !important;
    box-shadow:none !important;
    filter:none !important
}

@media(min-width:768px) {
    .Section-05 .imghand {bottom: -18px !important;}
}

/* Short laptop viewports: close the empty strip below the hand and the next section. */
@media(min-width:1200px) and (max-height:600px) {
    .Section-05 { padding-bottom:0 !important }
    .Section-05 + .faq-section { padding-top:0 !important }
}

@media(min-width:1200px) {
    .Section-05 .tab-pane.active .slick-slide[data-slick-index="2"]:not(.slick-center) .image-bar { visibility:visible !important; opacity:1 !important }
}

@media(max-width:767px) {
    .Section-05 { min-height:650px !important; padding-bottom:35px !important }
    .Section-05 .Tabsarea { min-height:440px }
    .Section-05 ul.nav.nav-tabs {
        display:grid !important;
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:6px !important;
        padding-inline:8px !important;
        flex-wrap:nowrap !important
    }
    .Section-05 ul.nav.nav-tabs>li { min-width:0 !important; width:100% !important }
    .Section-05 .nav-tabs li a {
        display:flex !important;
        align-items:center;
        justify-content:center;
        gap:5px;
        width:100% !important;
        min-width:0 !important;
        padding:10px 5px !important;
        white-space:nowrap;
        font-size:clamp(9px,2.9vw,12px) !important
    }
    .Section-05 .imghand {
        bottom:-5px !important;
        width:min(420px,108vw) !important;
        transform:translateX(-28.5%) !important
    }
    .Section-05 .blogslider {
        position:absolute !important;
        width:1px !important;
        height:1px !important;
        margin:0 !important;
        overflow:hidden !important;
        clip-path:inset(50%) !important;
        visibility:hidden !important;
        opacity:0 !important;
        pointer-events:none !important
    }
    .Section-05 .slick-slide { padding:0 4px !important }
    .Section-05 .image-bar img { width:min(100%,112px) !important }
}

/* Shared testimonial design based on the supplied dark-purple card reference. */
section.Testimonial-sec {
    overflow: hidden;
    padding: clamp(58px, 6vw, 92px) 0 !important;
    background: #1b002d !important
}

.Testimonial-sec .testimonial-top {
    width: min(880px, 100%);
    margin: 0 auto 38px
}

.Testimonial-sec .testimonial-top .ecm-service-title,
.Testimonial-sec .testimonial-top .ecm-service-desc {
    color: #fff
}

.Testimonial-sec .testimonial-slider {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto !important;
    padding: 0 !important
}

.Testimonial-sec .owl-stage {
    display: flex;
    align-items: stretch
}

.Testimonial-sec .owl-item,
.Testimonial-sec .item {
    display: flex;
    height: auto
}

.Testimonial-sec .testimonialbox {
    position: relative;
    display: flex;
    width: 100%;
    min-height: 222px;
    padding: 28px 92px 25px 26px;
    overflow: hidden;
    border: 2px solid #a900b8;
    border-radius: 10px;
    background: rgba(64, 0, 79, .55);
    box-shadow: inset 0 0 26px rgba(142, 0, 165, .08)
}

.Testimonial-sec .testi-content {
    display: flex;
    flex-direction: column;
    width: 100%
}

.Testimonial-sec .testi-content p {
    margin: 0 0 18px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.65
}

.Testimonial-sec .testi-content span {
    margin-top: auto;
    color: #ff37ef;
    font-size: 14px;
    font-weight: 700
}

.Testimonial-sec .testi-stars {
    margin-top: 7px;
    color: #ffe600;
    font-size: 18px;
    line-height: 1;
    letter-spacing: 5px
}

.Testimonial-sec .Testi-avatar {
    position: absolute;
    right: 18px;
    bottom: 18px;
    display: grid;
    place-items: center;
    width: 68px;
    height: 68px;
    border-radius: 50%;
    color: #fff;
    background: linear-gradient(145deg, #a621bd, #6b138e);
    font: 700 42px/1 Jost, sans-serif
}

.Testimonial-sec .owl-dots {
    position: static !important;
    display: flex;
    justify-content: center;
    gap: 7px;
    margin-top: 34px !important
}

.Testimonial-sec .owl-theme .owl-dots .owl-dot span {
    width: 9px !important;
    height: 9px !important;
    margin: 0 !important;
    border-radius: 50%;
    background: #8e729c !important;
    transition: background .25s ease, transform .25s ease
}

.Testimonial-sec .owl-theme .owl-dots .owl-dot.active span {
    background: #e536f4 !important;
    transform: scale(1.15)
}

@media(max-width: 767px) {
    .Testimonial-sec .testimonial-top { margin-bottom: 28px }
    .Testimonial-sec .testimonialbox {
        min-height: 230px;
        padding: 24px 82px 22px 22px
    }
    .Testimonial-sec .testi-content p { font-size: 13px }
    .Testimonial-sec .Testi-avatar {
        right: 14px;
        bottom: 16px;
        width: 58px;
        height: 58px;
        font-size: 34px
    }
}
ate-columns: 1fr
    }
}

@media(max-width: 767px) {
    .testimonial-slider .owl-item {
        padding:0 4px
    }

    .Tabsarea {
        margin-inline:0!important}

    .Section-05 {
        min-height: 760px
    }

    .Section-05 ul.nav.nav-tabs {
        gap: 10px!important;
        margin-bottom: 35px!important;
        flex-wrap: wrap
    }

    .Section-05 .nav-tabs li a {
        font-size: 14px!important;
        padding: 11px 16px!important
    }

    .Section-05 .imghand {
        width: 540px;
        max-width: none;
        bottom: -70px
    }

    .Section-05 .image-bar img {
        max-width: 220px
    }

    .blogslider {
        margin-inline:0!important}

    .blogslider .slick-slide {
        padding-inline:6px}

    .slider-mobile {
        margin-inline:0!important}

    .ecx-slider-wrapper {
        overflow: hidden
    }

    .ecx-slider-track {
        gap: 12px
    }

    .ecx-phone-slide {
        min-width: calc(100vw - 72px)!important;
        max-width: 318px;
        height: auto!important
    }

    .ecx-phone-slide img {
        height: auto!important;
        object-fit: contain!important
    }

    .buttonflexs {
        flex-wrap: wrap
    }

    .ecm-top-form form {
        width: 100%
    }
}

@media(prefers-reduced-motion:reduce) {
    html {
        scroll-behavior: auto
    }

    *,*:before,*:after {
        animation-duration: .01ms!important;
        animation-iteration-count: 1!important;
        transition-duration: .01ms!important
    }
}

.legal-page,.error-page {
    min-height: 70vh;
    padding: 180px 0 100px;
    background: #170021;
    color: #fff
}

.legal-page .container,.error-page .container {
    max-width: 900px
}

.legal-page h1,.error-page h1 {
    font-size: clamp(42px,6vw,74px);
    margin-bottom: 35px
}

.legal-page h2 {
    margin: 35px 0 12px;
    color: #ec25dc;
    font-size: 26px
}

.legal-page p,.error-page p {
    color: #d8cddd;
    font-size: 17px;
    line-height: 1.8
}

.error-page {
    text-align: center
}

.error-page>div>span {
    display: block;
    color: #ec25dc;
    font-size: clamp(70px,12vw,150px);
    font-weight: 800;
    line-height: 1
}

/* Homepage growth and success-story stage: keep all artwork in normal visual flow. */
.ecx-growth-section {
    padding: 120px 0 95px!important
}

.ecx-growth-wrapper {
    align-items: start!important;
    gap: clamp(45px,7vw,100px)!important
}

.ecx-growth-left {
    padding-top: 24px
}

.ecx-growth-wrapper>.ecx-growth-right {
    gap: 16px!important
}

.ecx-feature-box {
    min-height: 108px;
    padding: 18px 22px!important
}

.ecx-icon-box {
    width: 70px!important;
    height: 62px!important
}

.ecx-icon-box img {
    max-width: 56px;
    max-height: 56px
}

.ecx-feature-content p {
    line-height: 1.5
}

.ecx-laptop-wrapper {
    clear: both;
    max-width: 920px;
    margin: 120px auto 0!important
}

.ecx-laptop-screen img {
    display: block;
    width: 100%;
    height: auto
}

.Section-05 {
    min-height: 820px!important;
    padding: 0 0 0!important;
    /* display: none; */
}

.Section-05 .contnt {
    margin-bottom: 28px!important
}

.Section-05 .Tabsarea {
    width: calc(100% - 80px);
    max-width: 1180px;
    margin: 0 auto!important
}

.Section-05 ul.nav.nav-tabs {
    position: relative;
    z-index: 6;
    margin-bottom: 62px!important
}

.Section-05 ul.nav.nav-tabs {
    display: flex!important;
    justify-content: center!important;
    flex-wrap: wrap!important;
    width: 100%!important;
    max-width: 100%!important;
    margin-left: auto!important;
    margin-right: auto!important
}

.Section-05 ul.nav.nav-tabs>li {
    float: none!important;
    flex: 0 0 auto
}

.Section-05 .nav-tabs[data-aos],.Section-05 .tab-content[data-aos],.Section-05 .blogslider[data-aos] {
    opacity: 1!important;
    transform: none!important;
    transition: none!important
}

.Section-05 .tab-content {
    position: relative;
    z-index: 3
}

.Section-05 .blogslider {
    width: 100%;
    max-width: 1100px!important;
    margin: 0 auto!important;
    overflow: hidden
}

.Section-05 .slick-list {
    overflow: hidden!important
}

.Section-05 .slick-slide {
    padding: 0 10px
}

.Section-05 .image-bar img {
    width: 100%!important;
    max-width: 198px!important;
}

.Section-05 .imghand {
    z-index: 2!important;
    width: 520px!important;
    max-width: 42vw;
    bottom: -80px!important;
}

@media(max-width: 991px) {
    .ecx-growth-wrapper {
        grid-template-columns:1fr!important
    }

    .ecx-growth-left {
        padding-top: 0
    }

    .ecx-laptop-wrapper {
        margin-top: 80px!important
    }

    .Section-05 .Tabsarea {
        width: calc(100% - 32px)
    }

    .Section-05 .imghand {
        width: 460px!important;
        max-width: 58vw
    }

    .Section-05 .image-bar img {
        max-width: 185px!important
    }
}

@media(max-width: 767px) {
    .ecx-growth-section {
        padding:80px 0 65px!important
    }

    .ecx-main-title {
        font-size: 23px!important;
        line-height: 1.08!important
    }

    .ecx-feature-box {
        min-height: 0
    }

    .ecx-laptop-wrapper {
        margin-top: 60px!important
    }

    .Section-05 {
        min-height: 0!important;
        padding: -10px 0 64px!important;
    }

    .Section-05 .Tabsarea {
        width: 100%
    }

    .Section-05 ul.nav.nav-tabs {
        margin-bottom: 30px!important
    }

    .Section-05 .blogslider {
        max-width: 300px!important
    }

    .Section-05 .image-bar img {
        max-width: 230px!important
    }

    .Section-05 .imghand {
        display: none!important
    }

    .Section-05 .slick-dots {
        display: flex!important;
        justify-content: center;
        gap: 8px;
        margin: 18px 0 0;
        padding: 0;
        list-style: none
    }

    .Section-05 .slick-dots button {
        width: 9px;
        height: 9px;
        padding: 0;
        border: 1px solid #e400d5;
        border-radius: 50%;
        background: transparent;
        font-size: 0
    }

    .Section-05 .slick-dots .slick-active button {
        background: #e400d5
    }

    .Section-05 .slick-slide {
        opacity: .35;
        transition: opacity .25s
    }

    .Section-05 .slick-current {
        opacity: 1
    }
}

/* Figma Home 2006:2: remove the duplicated non-design growth-card block. */
.ecx-growth-section {
    padding: 82px 0 105px!important
}

.ecx-growth-section .ecx-growth-wrapper {
    display: none!important
}

.figma-growth-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr);
    gap: 70px;
    align-items: center;
    margin-bottom: 105px
}

.figma-growth-copy {
    max-width: 500px
}

.figma-growth-copy .ecx-main-title {
    font-size: clamp(38px,3.1vw,32px);
    line-height: 1.04
}

.figma-feature-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px
}

.figma-feature-grid .ecx-feature-box {
    min-height: 132px;
    padding: 20px!important
}

.figma-feature-grid .ecx-icon-box {
    flex: 0 0 62px;
    width: 62px!important
}

.figma-feature-grid .ecx-feature-content h3 {
    font-size: 18px
}

.figma-feature-grid .ecx-feature-content p {
    font-size: 13px
}

.ecx-growth-section .ecx-laptop-wrapper {
    max-width: 1040px;
    margin: 0 auto!important
}

.ecx-growth-section .bg-layer {
    opacity: .72
}

@media(max-width: 991px) {
    .figma-growth-grid {
        grid-template-columns:1fr;
        gap: 45px
    }

    .figma-growth-copy {
        max-width: 720px
    }

    .figma-feature-grid .ecx-feature-box {
        min-height: 120px
    }
}

@media(max-width: 767px) {
    .ecx-growth-section {
        padding:55px 0 70px!important
    }

    .figma-growth-grid {
        gap: 0px;
        margin-bottom: 70px
    }

    .figma-feature-grid {
        grid-template-columns: 1fr
    }

    .figma-feature-grid .ecx-feature-box {
        min-height: 0
    }

    .ecx-growth-section .ecx-laptop-wrapper {
        width: calc(100% - 24px)
    }
}

/* Shared consultation block: keep the Figma dark canvas between page content and footer. */
.Contact-sec {
    isolation: isolate;
    background: #1f0012;
    color: #fff
}

.Contact-sec .container {
    position: relative;
    z-index: 1
}

.Contact-sec .textcontact select {
    width: 100%;
    min-height: 48px;
    margin-bottom: 15px;
    padding: 12px;
    border: 0;
    border-radius: 8px;
    background: #fff;
    color: #2d1731
}

.Contact-sec .textcontact input,.Contact-sec .textcontact textarea {
    color: #2d1731
}

.Contact-sec .textnew:before,.Contact-sec .textnew:after {
    max-width: calc(100vw - 30px)
}

@media(max-width: 767px) {
    section.Contact-sec {
        padding:54px 0 0!important;
        background: #1f0012!important
    }

    .Contact-sec .textcontact {
        padding: 24px 18px;
        border-radius: 14px
    }

    section.Contact-sec .ecm-service-title {
        font-size: 30px;
        line-height: 1.1
    }

    section.Contact-sec .ecm-service-desc {
        font-size: 14px;
        line-height: 1.65
    }

    .Contact-sec .lead-form .col-6 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .Contact-sec .submit-btn {
        width: 100%;
        padding: 16px 24px
    }

    .Contact-sec .textnew {
        margin: 62px 0 20px;
        padding: 32px 10px 8px
    }

    .Contact-sec .textnew h5 {
        font-size: 36px;
        line-height: 1.08
    }

    .Contact-sec .textnew:before,.Contact-sec .textnew:after {
        left: 0;
        width: 100%
    }

    .Contact-sec .textnew:before {
        top: 0
    }

    .Contact-sec .textnew:after {
        bottom: -10px
    }

    .Contact-sec figure {
        margin: 0;
        text-align: center;
        display: none;
    }

    .Contact-sec .imggirl {
        position: relative;
        top: auto;
        right: auto;
        display: block;
        width: min(100%,420px);
        height: auto;
        margin: 0 auto -2px
    }
}

@media(min-width: 1600px) {
    .Section-05 .Tabsarea {
        max-width:1400px
    }

    .Section-05 .blogslider {
        max-width: 1320px!important
    }

    .Section-05 .image-bar img {
        max-width: 205px!important
    }

    .Section-05 .imghand {
        width: 620px!important;
        max-width: 34vw;
        display: none;
    }
}

/* Final cascade authority for the hand showcase after legacy breakpoint rules. */
.Section-05 .imghand {
    display: block!important;
    right: auto!important;
    left: 49.6%!important;
    width: min(510px,48vw)!important;
    max-width: none!important;
    transform: translateX(-26%)!important;
}

@media(max-width: 767px) {
    .Section-05 .imghand {
        bottom: -82px!important;
        width: min(430px,112vw)!important;
        transform: translateX(-24%)!important;
        display: none !important;
    }
}

/* Homepage-only first-visit brand intro. */
.home-intro-loader {
    position: fixed;
    z-index: 20000;
    inset: 0;
    display: grid;
    place-items: center;
    overflow: hidden;
    background: #17000f;
    opacity: 1;
    transition: opacity .55s ease,visibility .55s ease
}

.home-intro-loader__glow {
    position: absolute;
    width: min(76vw,760px);
    aspect-ratio: 1;
    border-radius: 50%;
    background: radial-gradient(circle,rgba(208,0,221,.28),rgba(111,0,141,.1) 46%,transparent 70%);
    transform: scale(.65);
    opacity: 0;
    transition: transform 1.4s cubic-bezier(.2,.8,.2,1),opacity .8s ease
}

.home-intro-loader__content {
    position: relative;
    width: min(78vw,360px);
    text-align: center;
    transform: translateY(16px);
    opacity: 0;
    transition: transform .8s cubic-bezier(.2,.8,.2,1),opacity .65s ease
}

.home-intro-loader__content img {
    display: block;
    width: min(100%,270px);
    height: auto;
    margin: 0 auto 24px;
    filter: drop-shadow(0 0 28px rgba(220,0,255,.25))
}

.home-intro-loader__content p {
    margin: 0 0 18px;
    color: #e9dfe8;
    font: 500 clamp(11px,2.6vw,14px)/1.5 Poppins,sans-serif;
    letter-spacing: .16em;
    text-transform: uppercase
}

.home-intro-loader__track {
    height: 3px;
    overflow: hidden;
    border-radius: 4px;
    background: rgba(255,255,255,.12)
}

.home-intro-loader__track span {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg,#7d0a99,#f000df,#8b28ff);
    transform: translateX(-101%)
}

.home-intro-loader.is-running .home-intro-loader__glow {
    transform: scale(1);
    opacity: 1
}

.home-intro-loader.is-running .home-intro-loader__content {
    transform: none;
    opacity: 1
}

.home-intro-loader.is-running .home-intro-loader__track span {
    animation: homeLoaderProgress 1.55s cubic-bezier(.2,.75,.25,1) forwards
}

.home-intro-loader.is-leaving {
    visibility: hidden;
    opacity: 0
}

.home-intro-loader.is-leaving .home-intro-loader__content {
    transform: translateY(-12px) scale(.98);
    opacity: 0
}

@keyframes homeLoaderProgress {
    to {transform: translateX(0)}
}

@media(prefers-reduced-motion: reduce) {
    .home-intro-loader__glow,.home-intro-loader__content,.home-intro-loader {
        transition-duration: .01ms
    }

    .home-intro-loader__track span {
        animation-duration: .01ms!important
    }
}

/* Smooth, stable marketplace tab transitions. */
.Section-05 .tab-content {
    transform: translateY(0);
    opacity: 1;
    transition: opacity .16s ease;
    will-change: opacity
}

.Section-05.is-switching .tab-content {
    opacity: 0
}

.Section-05.is-switching .nav-tabs a {
    pointer-events: none
}

/* Keep the results stage proportionate on common large-laptop screens. */
@media(min-width: 1200px) and (max-width: 1680px) {
    .Section-05 {
        min-height: 710px !important;
        padding-top: 46px !important;
        padding-bottom: 54px !important
    }

    .Section-05 .contnt {
        margin-bottom: 20px
    }

    .Section-05 ul.nav.nav-tabs {
        margin-bottom: 38px
    }

    .Section-05 .blogslider {
        width: min(100%, 1240px) !important
    }

    .Section-05 .image-bar img {
        width: min(100%, 195px) !important;
        max-width: 195px !important
    }

    .Section-05 .imghand {
        bottom: -70px !important;
        width: min(520px, 39vw) !important
    }
}

@media(prefers-reduced-motion: reduce) {
    .Section-05 .tab-content {
        transition: none
    }
}

/* Shared forms: fluid laptop layout, comfortable touch targets and clean mobile flow. */
.topform {
    padding: clamp(38px,5vw,72px) 0;
    overflow: hidden
}

.topform .ecm-top-form {
    width: 100%;
    max-width: 1320px;
    margin-inline: auto;
    padding: 0
}

.topform .Frist {
    max-width: 1050px;
    margin: 0 auto clamp(24px,3vw,34px);
    text-align: center
}

.topform .big-title {
    margin: 0;
    color: #fff;
    font-size: clamp(32px,3.25vw,52px);
    line-height: 1.12;
    text-wrap: balance
}

.topform .ecm-top-form form {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr)) minmax(190px,.64fr);
    gap: 15px;
    width: 100%;
    align-items: stretch
}

.topform .ecm-input-box {
    width: 100%;
    min-width: 0;
    height: 58px
}

.topform .ecm-input-box input {
    min-width: 0
}

.topform .btn-style1 {
    width: 100%;
    min-width: 0;
    max-width: none!important;
    min-height: 58px;
    margin: 0;
    padding-inline: 20px;
    justify-content: center;
    white-space: nowrap
}

.lead-form input,.lead-form select,.lead-form textarea,.lead-form button {
    font-size: 16px
}

@media(max-width:1199px) {
    .topform .ecm-top-form form {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .topform .btn-style1 {
        grid-column: auto
    }

    .Contact-sec .imggirl {
        right: -95px;
        max-width: 390px;
        height: auto
    }
}

@media(max-width:991px) {
    .topform .container {
        max-width: 760px
    }

    section.Contact-sec {
        padding-bottom: 40px
    }

    .Contact-sec .textnew {
        margin-top: 48px
    }

    .Contact-sec .imggirl {
        position: relative;
        top: auto;
        right: auto;
        display: block;
        width: min(100%,360px);
        height: auto;
        margin: 24px auto 0
    }
}

@media(max-width:767px) {
    .topform {
        padding: 42px 0
    }

    .topform .container {
        padding-inline: 18px
    }

    .topform .big-title {
        font-size: clamp(28px,8.6vw,38px);
        line-height: 1.14
    }

    .topform .ecm-top-form form {
        grid-template-columns: 1fr;
        gap: 12px
    }

    .topform .ecm-input-box,.topform .btn-style1 {
        min-height: 56px
    }
}

@media(max-width:390px) {
    .topform .container {
        padding-inline: 14px
    }

    .topform .ecm-input-box {
        padding-inline: 14px
    }

    .Contact-sec .textcontact {
        padding-inline: 14px
    }
}

/* Laptop scale: keep 1024–1440px layouts dense without changing large desktop or mobile. */
@media(min-width:992px) and (max-width:1440px) {
    .container {
        max-width: 1180px
    }

    section.Section-01 {
        padding-top: 112px;
        padding-bottom: 42px
    }

    .Section-01 .content-1 h5.text {
        font-size: clamp(29px,3.6vw,37px);
        line-height: 1.04;
        padding-bottom: 20px
    }

    .Section-01 .content-1 p {
        font-size: 15px;
        line-height: 1.65
    }

    .ecm-main-heading {
        font-size: clamp(29px,3vw,34px)!important;
        line-height: 1.08!important
    }

    .ecm-services-section .ecm-service-title,
    .ecx-main-title {
        font-size: clamp(33px,3.4vw,35px)!important;
        line-height: 1.06!important
    }

    .ecm-brand-section,
    .ecm-services-section,
    .ecx-growth-section {
        padding-top: 64px!important;
        padding-bottom: 68px!important
    }

    .topform {
        padding-block: 42px
    }

    .topform .big-title {
        font-size: clamp(32px,3vw,42px)
    }

    section.Contact-sec {
        min-height: 0;
        padding: 48px 0 42px
    }

    .Contact-sec .textcontact {
        padding: 22px
    }

    section.Contact-sec .ecm-service-title {
        font-size: 30px;
        line-height: 1.08
    }

    section.Contact-sec .ecm-service-desc {
        margin-bottom: 18px;
        font-size: 14px;
        line-height: 1.55
    }

    .Contact-sec .textcontact input,
    .Contact-sec .textcontact select {
        min-height: 44px;
        margin-bottom: 11px;
        padding: 10px 12px
    }

    .Contact-sec .textcontact textarea {
        min-height: 96px;
        max-height: 110px;
        margin-bottom: 11px;
        padding: 10px 12px
    }

    .Contact-sec .submit-btn {
        padding: 14px 52px
    }

    .Contact-sec .textnew h5 {
        margin-bottom: 18px;
        font-size: 34px;
        line-height: 1.05
    }

    .Contact-sec .textnew p {
        font-size: 14px;
        line-height: 1.55
    }

    .Contact-sec .imggirl {
        top: -185px;
        right: -75px;
        width: auto;
        max-width: none;
        height: 520px
    }

    .Contact-sec .textnew:before {
        top: -28px
    }

    .Contact-sec .textnew:after {
        bottom: -32px
    }

    .footer-top {
        padding: 52px 0 36px
    }
}

/* Responsive hand-and-phone success-story artwork. */
.Section-05 .imghand {
    aspect-ratio: 1238 / 1271;
    height: auto;
    pointer-events: none;
}

.Section-05 .imghand .hand-art {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.Section-05 .hand-screen {
    position: absolute;
    z-index: 2;
    top: 3.55%;
    left: 11.5%;
    width: 34.05%;
    height: 67.6%;
    overflow: hidden;
    border-radius: 9% / 4.5%;
    background: #fff;
}

.Section-05 .hand-screen img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    animation: handScreenCycle 15s infinite;
}

.Section-05 .hand-screen img:nth-child(2) { animation-delay: 3s; }
.Section-05 .hand-screen img:nth-child(3) { animation-delay: 6s; }
.Section-05 .hand-screen img:nth-child(4) { animation-delay: 9s; }
.Section-05 .hand-screen img:nth-child(5) { animation-delay: 12s; }

@keyframes handScreenCycle {
    0%, 18% { opacity: 1; }
    20%, 98% { opacity: 0; }
    100% { opacity: 1; }
}

@media(max-width: 767px) {
    .Section-05 {
        padding-bottom: clamp(48px, 14vw, 64px) !important;
    }

    .Section-05 .imghand {
        display: block !important;
        left: 50% !important;
        bottom: -7px !important;
        width: min(430px, 108vw) !important;
        transform: translateX(-39%) !important;
    }
}

@media(prefers-reduced-motion: reduce) {
    .Section-05 .hand-screen img { animation: none; }
    .Section-05 .hand-screen img:first-child { opacity: 1; }
}

/* The shared consultation portrait uses its natural proportions at every size. */
.Contact-sec .imggirl {
    object-fit: contain;
    object-position: bottom center;
}

@media(min-width: 992px) {
    .Contact-sec .imggirl {
        height: min(560px, 48vw);
        width: auto;
        max-width: none;
    }
}

@media(max-width: 991px) {
    .Contact-sec figure {
        display: block;
        overflow: hidden;
        margin: 0;
        text-align: center;
    }
    .Contact-sec .imggirl {
        width: min(100%, 330px);
        height: auto;
        margin: 24px auto 0;
    }
}

/* Authoritative laptop-height fit, after all legacy showcase rules. */
@media(min-width: 1200px) and (max-width: 1680px) {
    .Section-05 {
        min-height: 650px !important;
        padding: 34px 0 40px !important
    }

    .Section-05 .contnt { margin-bottom: 14px }
    .Section-05 ul.nav.nav-tabs { margin-bottom: 28px }
    .Section-05 .blogslider { width: min(100%, 1180px) !important }

    .Section-05 .image-bar img {
        width: min(100%, 160px) !important;
        max-width: 160px !important
    }

    .Section-05 .imghand {
        bottom: -48px !important;
        width: min(420px, 34vw) !important
    }
}

/* Final fluid desktop authority from 1200px through 2500px. */
@media(min-width: 1200px) and (max-width: 2500px) {
    .Section-05 {
        min-height: clamp(650px, calc(493px + 13.1vw), 820px) !important;
        padding-top: clamp(34px, calc(22px + 1vw), 48px) !important;
        padding-bottom: clamp(40px, calc(27px + 1.1vw), 54px) !important
    }

    .Section-05 .blogslider {
        width: clamp(1100px, calc(897px + 16.9vw), 1320px) !important
    }

    .Section-05 .image-bar img {
        width: clamp(160px, calc(118px + 3.3vw), 205px) !important;
        max-width: clamp(160px, calc(118px + 3.3vw), 205px) !important
    }

    .Section-05 .imghand {
        bottom: clamp(-70px, calc(-28px - 1.7vw), -48px) !important;
        width: clamp(420px, calc(337px + 6.5vw), 510px) !important
    }
}

/* One true center phone: prevent a carousel card from covering its screen. */
@media(min-width: 1200px) {
    .Section-05 .tab-pane.active .slick-slide[data-slick-index="2"] .image-bar {
        visibility: hidden;
        opacity: 0
    }
}

/* Tablet/mobile uses the real hand-held phone and its internal rotating screen. */
@media(max-width: 1199px) {
    .Section-05 .blogslider {
        visibility: hidden
    }
}

.Section-05 .slick-dots {
    display: none !important
}

/* Phone screen follows the active Slick slide and never escapes the bezel. */
.Section-05 .hand-screen {
    isolation: isolate;
    clip-path: inset(0 round 9% 9% 9% 9%);
    contain: paint
}

.Section-05 .hand-screen img {
    animation: none !important;
    opacity: 0 !important;
    transition: opacity .42s cubic-bezier(.22,.61,.36,1) !important;
    will-change: opacity
}

.Section-05 .hand-screen img:first-child,
.Section-05 .hand-screen img.is-current {
    opacity: 1 !important
}

.Section-05 .hand-screen.has-synced-screen img:first-child:not(.is-current) {
    opacity: 0 !important
}

.Section-05 .hand-screen:not(.has-synced-screen) img:first-child {
    opacity: 1 !important
}

@media(max-width: 1199px) {
    .Section-05 .imghand {
        pointer-events: auto;
        touch-action: pan-y;
        cursor: grab
    }
}

/* Reference composition: five result phones with the hand-held phone centered. */
.Section-05 .blogslider {
    position:relative !important;
    z-index:4 !important;
    display:block !important;
    width:min(92vw,1320px) !important;
    height:auto !important;
    overflow:hidden !important;
    clip-path:none !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important
}

.Section-05 .Tabsarea {
    min-height:clamp(430px,39vw,610px)
}

.Section-05 .imghand {
    z-index:5 !important;
    left: 50% !important;
    transform: translateX(-28.5%) !important
}

.Section-05 .slick-list { overflow:hidden !important }
.Section-05 .slick-track { display:flex !important; align-items:flex-start !important }
.Section-05 .slick-slide { opacity:1 !important; visibility:visible !important }
.Section-05 .slick-slide .image-bar { visibility:visible !important; opacity:1 !important; transition:opacity .3s ease }
.Section-05 .tab-pane.active .slick-slide.slick-center .image-bar {
    visibility:hidden !important;
    opacity:0 !important
}
.Section-05 .image-bar img { width:min(100%,205px) !important; height:auto !important }
.Section-05 .BlogBox,
.Section-05 .BlogBox:hover {
    transform:none !important;
    box-shadow:none !important;
    filter:none !important
}

@media(min-width:768px) {
    .Section-05 .imghand { bottom:5px !important }
}

/* Short laptop viewports: close the empty strip below the hand and the next section. */
@media(min-width:1200px) and (max-height:600px) {
    .Section-05 { padding-bottom:0 !important }
    .Section-05 + .faq-section { padding-top:0 !important }
}

@media(min-width:1200px) {
    .Section-05 .tab-pane.active .slick-slide[data-slick-index="2"]:not(.slick-center) .image-bar { visibility:visible !important; opacity:1 !important }
}

@media(max-width:767px) {
    .Section-05 { min-height:650px !important; padding-bottom:35px !important }
    .Section-05 .Tabsarea { min-height:440px }
    .Section-05 ul.nav.nav-tabs {
        display:grid !important;
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:6px !important;
        padding-inline:8px !important;
        flex-wrap:nowrap !important
    }
    .Section-05 ul.nav.nav-tabs>li { min-width:0 !important; width:100% !important }
    .Section-05 .nav-tabs li a {
        display:flex !important;
        align-items:center;
        justify-content:center;
        gap:5px;
        width:100% !important;
        min-width:0 !important;
        padding:10px 5px !important;
        white-space:nowrap;
        font-size:clamp(9px,2.9vw,12px) !important
    }
    .Section-05 .imghand {
        bottom:-5px !important;
        width:min(420px,108vw) !important;
        transform:translateX(-28.5%) !important
    }
    .Section-05 .blogslider {
        position:absolute !important;
        width:1px !important;
        height:1px !important;
        margin:0 !important;
        overflow:hidden !important;
        clip-path:inset(50%) !important;
        visibility:hidden !important;
        opacity:0 !important;
        pointer-events:none !important
    }
    .Section-05 .slick-slide { padding:0 4px !important }
    .Section-05 .image-bar img { width:min(100%,112px) !important }
}

/* Shared testimonial design based on the supplied dark-purple card reference. */
section.Testimonial-sec {
    overflow: hidden;
    padding: clamp(58px, 6vw, 92px) 0 !important;
    background: #1b002d !important
}

.Testimonial-sec .testimonial-top {
    width: min(880px, 100%);
    margin: 0 auto 38px
}

.Testimonial-sec .testimonial-top .ecm-service-title,
.Testimonial-sec .testimonial-top .ecm-service-desc {
    color: #fff
}

.Testimonial-sec .testimonial-slider {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto !important;
    padding: 0 !important
}

.Testimonial-sec .owl-stage {
    display: flex;
    align-items: stretch
}

.Testimonial-sec .owl-item,
.Testimonial-sec .item {
    display: flex;
    height: auto
}

.Testimonial-sec .testimonialbox {
    position: relative;
    display: flex;
    width: 100%;
    min-height: 222px;
    padding: 28px 92px 25px 26px;
    overflow: hidden;
    border: 2px solid #a900b8;
    border-radius: 10px;
    background: rgba(64, 0, 79, .55);
    box-shadow: inset 0 0 26px rgba(142, 0, 165, .08)
}

.Testimonial-sec .testi-content {
    display: flex;
    flex-direction: column;
    width: 100%
}

.Testimonial-sec .testi-content p {
    margin: 0 0 18px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.65
}

.Testimonial-sec .testi-content span {
    margin-top: auto;
    color: #ff37ef;
    font-size: 14px;
    font-weight: 700
}

.Testimonial-sec .testi-stars {
    margin-top: 7px;
    color: #ffe600;
    font-size: 18px;
    line-height: 1;
    letter-spacing: 5px
}

.Testimonial-sec .Testi-avatar {
    position: absolute;
    right: 18px;
    bottom: 18px;
    display: grid;
    place-items: center;
    width: 68px;
    height: 68px;
    border-radius: 50%;
    color: #fff;
    background: linear-gradient(145deg, #a621bd, #6b138e);
    font: 700 42px/1 Jost, sans-serif
}

.Testimonial-sec .owl-dots {
    position: static !important;
    display: flex;
    justify-content: center;
    gap: 7px;
    margin-top: 34px !important
}

.Testimonial-sec .owl-theme .owl-dots .owl-dot span {
    width: 9px !important;
    height: 9px !important;
    margin: 0 !important;
    border-radius: 50%;
    background: #8e729c !important;
    transition: background .25s ease, transform .25s ease
}

.Testimonial-sec .owl-theme .owl-dots .owl-dot.active span {
    background: #e536f4 !important;
    transform: scale(1.15)
}

@media(max-width: 767px) {
    .Testimonial-sec .testimonial-top { margin-bottom: 28px }
    .Testimonial-sec .testimonialbox {
        min-height: 230px;
        padding: 24px 82px 22px 22px
    }
    .Testimonial-sec .testi-content p { font-size: 13px }
    .Testimonial-sec .Testi-avatar {
        right: 14px;
        bottom: 16px;
        width: 58px;
        height: 58px;
        font-size: 34px
    }
}