/* Apex logo palette applied over the original website design */
:root {
    --apex-cyan: #18bfff;
    --apex-blue: #3155ef;
    --apex-violet: #6623da;
    --apex-purple: #8b12d5;
    --apex-deep: #10072d
}

.grediant-overlay:before,.dark-bg,.ht-theme-info {
    background: linear-gradient(135deg,var(--apex-deep),#15103e 50%,#251061)!important
}

.banner-3:before {
    background: linear-gradient(135deg,rgba(24,191,255,.2),rgba(102,35,218,.88))!important
}

h1 span,.text-theme,.section-title h6,.featured-icon i,.counter span,.btn-simple,.btn-simple:hover {
    color: var(--apex-cyan)!important
}

.section-title .title:before,.btn-theme,.scroll-top a,.loader-dots span,.round-p-animation:before,.round-p-animation:after {
    background: linear-gradient(135deg,var(--apex-blue),var(--apex-purple))!important
}

.btn-theme,.btn-white:hover {
    border-color: var(--apex-violet)!important
}

.btn-white {
    color: var(--apex-violet)!important
}

.btn-white:hover {
    color: #fff!important;
    background: var(--apex-violet)!important
}

.navbar-nav .nav-link:hover,.navbar-nav .nav-link.active,.footer-list li a:hover,.footer a:hover {
    color: var(--apex-cyan)!important
}

.featured-item.style-2 {
    height: 100%;
    border-radius: 14px;
    border: 1px solid rgba(104,35,218,.18);
    box-shadow: 0 14px 38px rgba(33,12,80,.09);
    transition: .3s
}

.featured-item.style-2:hover {
    transform: translateY(-8px);
    border-color: var(--apex-violet);
    box-shadow: 0 22px 45px rgba(63,25,142,.2)
}

.services-old {
    background-color: #f8f7ff
}

.services-old .section-title h2,.services-old .featured-title h5 {
    color: #16102d!important
}

.services-old .section-title p {
    color: #666
}

.counter-area {
    background-color: #120b31!important
}

.counter-area .counter h6 {
    color: #fff!important
}

.counter-area .counter span {
    font-weight: 700
}

.cases-item:hover .cases-description {
    background: linear-gradient(120deg,var(--apex-blue),var(--apex-purple))!important
}

.cases-description h5 a,.cases-description span {
    color: #fff!important
}

.footer.white-bg {
    background: #090719!important
}

.footer .title,.footer p,.footer a,.footer span {
    color: #fff
}

.secondary-footer {
    background: #070511!important
}

#header-wrap.fixed-header {
    box-shadow: 0 5px 25px rgba(52,24,113,.12)
}

@media(max-width: 767px) {
    .counter-area .col-6:nth-child(n+3) {
        margin-top:30px!important
    }
}

/* Professional conversion redesign */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@600;700&display=swap'); body {
    font-family: Manrope,sans-serif!important;
    letter-spacing: 0!important;
    color: #626577
}

.page-wrapper {
    overflow: hidden
}

h1,h2,h3,h4,h5,h6 {
    font-family: Space Grotesk,sans-serif!important;
    letter-spacing: -.02em!important;
    text-transform: none!important
}

.insideText {
    opacity: .025!important
}

.container {
    max-width: 1180px
}

#site-header {
    position: relative;
    z-index: 100
}

#header-wrap {
    background: #080a12!important
}

.navbar {
    min-height: 82px;
    padding: 8px 0
}

.navbar-nav {
    gap: 8px
}

.navbar-nav .nav-link {
    font-family: Manrope,sans-serif!important;
    font-size: 13px!important;
    font-weight: 700!important;
    letter-spacing: 0!important;
    color: #c6c8d2!important;
    padding: 14px 13px!important
}

.navbar-nav .nav-link:before {
    display: none!important
}

.navbar-nav .nav-link.active {
    color: #fff!important
}

.navbar-nav .nav-link.active:after {
    content: "";
    position: absolute;
    left: 13px;
    right: 13px;
    bottom: 4px;
    height: 2px;
    background: linear-gradient(90deg,var(--apex-cyan),var(--apex-purple));
    border-radius: 2px
}

.header-cta,.conversion-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    background: linear-gradient(120deg,var(--apex-blue),var(--apex-purple));
    color: #fff!important;
    padding: 14px 20px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 800;
    box-shadow: 0 14px 30px rgba(75,39,215,.22);
    transition: .25s
}

.header-cta:hover,.conversion-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 18px 35px rgba(75,39,215,.35)
}

.apex-logo {
    display: inline-flex!important;
    align-items: center;
    gap: 10px
}

.apex-symbol {
    position: relative;
    width: 41px;
    height: 44px;
    display: grid;
    place-items: center;
    color: #fff;
    font: 700 17px Space Grotesk;
    z-index: 1
}

.apex-symbol:before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(145deg,var(--apex-cyan),var(--apex-blue) 48%,var(--apex-purple));
    clip-path: polygon(50% 0,100% 84%,75% 100%,50% 55%,23% 100%,0 84%);
    filter: drop-shadow(0 8px 12px rgba(67,45,220,.35))
}

.apex-name {
    display: flex;
    flex-direction: column;
    line-height: .9
}

.apex-name b {
    color: #fff;
    font: 800 16px Space Grotesk;
    letter-spacing: .04em
}

.apex-name em {
    font-style: normal;
    color: #8950ef
}

.apex-name small {
    color: #fff;
    font-size: 7px;
    letter-spacing: .52em;
    margin-top: 7px
}

.apex-hero {
    min-height: 690px;
    position: relative;
    display: flex;
    align-items: center;
    background: #090b14;
    overflow: hidden;
    color: #fff
}

.hero-row {
    min-height: 690px
}

.hero-grid {
    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: 52px 52px;
    mask-image: linear-gradient(90deg,#000,transparent)
}

.hero-glow {
    position: absolute;
    border-radius: 50%;
    filter: blur(5px)
}

.glow-one {
    width: 520px;
    height: 520px;
    right: -80px;
    top: 20px;
    background: radial-gradient(circle,rgba(103,37,221,.34),transparent 67%)
}

.glow-two {
    width: 350px;
    height: 350px;
    left: -160px;
    bottom: -160px;
    background: radial-gradient(circle,rgba(22,177,244,.13),transparent 70%)
}

.hero-copy {
    position: relative;
    z-index: 2
}

.hero-label {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .18em;
    color: #aeb3c5
}

.hero-label i {
    width: 26px;
    height: 2px;
    background: linear-gradient(90deg,var(--apex-cyan),var(--apex-purple))
}

.hero-copy h1 {
    font-size: 63px!important;
    line-height: 1.03!important;
    letter-spacing: -.045em!important;
    color: #fff!important;
    max-width: 720px;
    margin: 24px 0!important
}

.hero-copy h1 span {
    background: linear-gradient(90deg,var(--apex-cyan),#6752ef 70%,#b725e6);
    -webkit-background-clip: text;
    color: transparent!important
}

.hero-copy>p {
    max-width: 620px;
    color: #acb0bf;
    font-size: 16px;
    line-height: 1.75;
    letter-spacing: 0
}

.hero-buttons {
    display: flex;
    align-items: center;
    gap: 28px;
    margin-top: 32px
}

.work-link {
    font-size: 12px;
    font-weight: 800;
    color: #fff;
    border-bottom: 1px solid #565b69;
    padding: 8px 0
}

.work-link i {
    margin-left: 8px;
    font-size: 8px
}

.hero-trust {
    display: flex;
    gap: 35px;
    margin-top: 49px
}

.hero-trust div {
    display: flex;
    flex-direction: column;
    padding-right: 34px;
    border-right: 1px solid rgba(255,255,255,.12)
}

.hero-trust div:last-child {
    border: 0
}

.hero-trust strong {
    font: 700 21px Space Grotesk;
    color: #fff
}

.hero-trust span {
    font-size: 9px;
    color: #858a9d;
    margin-top: 3px
}

.hero-art {
    position: relative;
    z-index: 2;
    min-height: 500px;
    display: grid;
    place-items: center
}

.growth-panel {
    width: 370px;
    padding: 28px;
    border-radius: 19px;
    background: linear-gradient(145deg,rgba(31,35,56,.95),rgba(17,19,32,.93));
    border: 1px solid rgba(255,255,255,.14);
    box-shadow: 0 35px 80px rgba(0,0,0,.4);
    transform: rotate(2deg)
}

.panel-top {
    display: flex;
    justify-content: space-between;
    color: #a3a8b9;
    font-size: 10px
}

.panel-top small {
    color: #52e5a0
}

.growth-panel>strong {
    display: block;
    font: 700 48px Space Grotesk;
    margin-top: 28px
}

.growth-panel>p {
    font-size: 11px;
    color: #8e93a5
}

.hero-chart {
    height: 155px;
    display: flex;
    align-items: flex-end;
    gap: 11px;
    margin: 25px 0
}

.hero-chart i {
    flex: 1;
    height: 30%;
    border-radius: 5px 5px 2px 2px;
    background: linear-gradient(#2fc5fa,#453beb)
}

.hero-chart i:nth-child(2) {
    height: 42%
}

.hero-chart i:nth-child(3) {
    height: 36%
}

.hero-chart i:nth-child(4) {
    height: 61%
}

.hero-chart i:nth-child(5) {
    height: 54%
}

.hero-chart i:nth-child(6) {
    height: 78%
}

.hero-chart i:nth-child(7) {
    height: 100%;
    background: linear-gradient(#d22aef,#6628e3)
}

.mini-results {
    display: flex;
    gap: 35px;
    border-top: 1px solid rgba(255,255,255,.1);
    padding-top: 18px
}

.mini-results span {
    font-size: 9px;
    color: #8e93a5;
    display: flex;
    flex-direction: column
}

.mini-results b {
    font-size: 14px;
    color: #fff
}

.floating-win {
    position: absolute;
    right: -10px;
    bottom: 48px;
    padding: 13px 16px;
    border-radius: 12px;
    background: rgba(23,26,42,.94);
    border: 1px solid rgba(255,255,255,.13);
    display: flex;
    gap: 10px;
    box-shadow: 0 20px 35px rgba(0,0,0,.3)
}

.floating-win>i {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg,var(--apex-blue),var(--apex-purple));
    font-size: 11px
}

.floating-win span {
    display: flex;
    flex-direction: column;
    color: #858a9d;
    font-size: 8px
}

.floating-win b {
    color: #fff;
    font-size: 10px
}

.about-premium {
    padding: 105px 0!important;
    background: #fff
}

.about-premium .section-title h6,.services-old .section-title h6,.case-premium .section-title h6 {
    display: inline-block;
    background: #eeeaff!important;
    color: #6435da!important;
    padding: 7px 11px;
    border-radius: 5px;
    font: 800 9px Manrope!important;
    letter-spacing: .15em!important
}

.about-premium .section-title h2 {
    font-size: 42px!important;
    line-height: 1.14!important;
    color: #111426!important
}

.about-premium p {
    color: #676b79!important;
    text-align: left!important;
    font-size: 14px;
    line-height: 1.85;
    letter-spacing: 0!important
}

.about-visual {
    position: relative
}

.about-visual img {
    height: 490px;
    object-fit: cover;
    border-radius: 16px
}

.about-visual>div {
    position: absolute;
    right: -25px;
    bottom: 28px;
    padding: 18px 22px;
    border-radius: 12px;
    background: #101426;
    color: #fff;
    box-shadow: 0 18px 35px rgba(20,15,55,.25);
    display: flex;
    align-items: center;
    gap: 12px
}

.about-visual b {
    font: 700 31px Space Grotesk;
    color: #69bfff
}

.about-visual span {
    font-size: 9px;
    line-height: 1.5
}

.about-points {
    display: grid;
    gap: 12px;
    margin-top: 23px
}

.about-points span {
    font-size: 12px;
    font-weight: 700;
    color: #303344
}

.about-points i {
    color: #6942e1;
    margin-right: 10px
}

.counter-area {
    padding: 60px 0!important;
    background: linear-gradient(110deg,#11152a,#1c1040)!important
}

.counter-area .counter {
    border-right: 1px solid rgba(255,255,255,.13)
}

.counter-area .col-lg-3:last-child .counter {
    border: 0
}

.counter-area .counter span {
    font-family: Space Grotesk;
    font-size: 42px!important;
    background: linear-gradient(90deg,#3ac8ff,#9a48ee);
    -webkit-background-clip: text;
    color: transparent!important
}

.counter-area .counter h6 {
    font: 700 10px Manrope!important;
    letter-spacing: .13em!important;
    text-transform: uppercase!important;
    color: #aeb1c0!important
}

.services-old {
    padding: 105px 0!important
}

.services-old .section-title {
    margin-bottom: 43px
}

.services-old .section-title h2,.case-premium .section-title h2 {
    font-size: 43px!important;
    letter-spacing: -.04em!important
}

.services-old .featured-item.style-2 {
    padding: 28px 25px!important;
    min-height: 335px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    border-radius: 14px!important;
    background: #fff
}

.service-number {
    position: absolute;
    right: 22px;
    top: 20px;
    font-size: 9px;
    color: #9a9dac
}

.services-old .featured-icon {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: linear-gradient(135deg,var(--apex-blue),var(--apex-purple));
    margin-bottom: 28px
}

.services-old .featured-icon i {
    font-size: 17px!important;
    color: #fff!important
}

.services-old .featured-title h5 {
    font-size: 19px!important;
    margin-bottom: 12px
}

.services-old .featured-desc p {
    font-size: 12px;
    line-height: 1.75;
    color: #747785
}

.services-old .featured-item>a {
    margin-top: auto;
    padding-top: 20px;
    border-top: 1px solid #e9e7ef;
    width: 100%;
    color: #4f2bd3;
    font-size: 9px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .1em
}

.services-old .featured-item>a i {
    float: right
}

.case-premium {
    padding: 105px 0!important;
    background: #0d101b!important
}

.case-premium .section-title {
    margin-bottom: 43px
}

.case-premium .section-title p {
    font-size: 13px
}

.case-premium .cases-item {
    border-radius: 14px;
    overflow: hidden;
    background: #151927!important
}

.case-premium .cases-images {
    position: relative;
    overflow: hidden
}

.case-premium .cases-images img {
    width: 100%;
    height: 260px;
    object-fit: cover;
    transition: .4s
}

.case-premium .cases-item:hover img {
    transform: scale(1.04)
}

.result-badge {
    position: absolute;
    top: 16px;
    right: 16px;
    padding: 8px 11px;
    border-radius: 7px;
    background: rgba(9,11,20,.9);
    color: #69d3ff;
    font: 700 11px Space Grotesk
}

.case-premium .cases-description {
    position: static!important;
    transform: none!important;
    opacity: 1!important;
    background: #151927!important;
    padding: 24px!important
}

.case-premium .cases-description small {
    font-size: 8px;
    letter-spacing: .13em;
    color: #8b58ed
}

.case-premium .cases-description h5 {
    margin: 7px 0
}

.case-premium .cases-description h5 a {
    font-size: 18px;
    color: #fff!important
}

.case-premium .cases-description p {
    font-size: 10px;
    color: #9297a9;
    margin: 0
}

.proof-section {
    padding: 100px 0;
    background: #f7f7fb
}

.proof-quote {
    font: 700 80px serif;
    color: #6b36df;
    line-height: .5
}

.proof-section blockquote {
    font: 600 27px/1.5 Space Grotesk;
    color: #171a2a;
    max-width: 760px;
    margin: 18px 0 28px
}

.proof-person {
    display: flex;
    gap: 12px;
    align-items: center
}

.proof-person>b {
    width: 43px;
    height: 43px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: linear-gradient(135deg,var(--apex-blue),var(--apex-purple));
    color: #fff
}

.proof-person span {
    display: flex;
    flex-direction: column
}

.proof-person strong {
    font-size: 11px;
    color: #1d2030
}

.proof-person small {
    font-size: 9px;
    color: #898c99
}

.proof-card {
    max-width: 300px;
    margin-left: auto;
    padding: 35px;
    text-align: center;
    border-radius: 16px;
    background: #101426;
    color: #fff;
    box-shadow: 0 25px 55px rgba(34,23,75,.18)
}

.proof-card>span {
    font-size: 8px;
    letter-spacing: .15em;
    color: #9196a8
}

.proof-card>strong {
    display: block;
    font: 700 58px Space Grotesk;
    margin: 15px
}

.proof-card>strong small {
    font-size: 19px
}

.proof-card>div {
    color: #ffc94a;
    letter-spacing: 5px
}

.proof-card p {
    font-size: 9px;
    color: #858a9d;
    margin-top: 13px
}

.conversion-section {
    padding: 80px 0;
    background: linear-gradient(120deg,#284be7,#7129dc 72%,#a820d0);
    color: #fff
}

.conversion-section .container {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.conversion-section span {
    font-size: 9px;
    letter-spacing: .16em;
    font-weight: 800
}

.conversion-section h2 {
    color: #fff!important;
    font-size: 43px!important;
    line-height: 1.1!important;
    margin: 13px 0
}

.conversion-section p {
    color: rgba(255,255,255,.75);
    font-size: 12px;
    margin: 0
}

.conversion-btn.light {
    background: #fff;
    color: #421ec9!important;
    box-shadow: none
}

.premium-footer {
    background: #080a12!important
}

.premium-footer .primary-footer {
    padding: 60px 0
}

.premium-footer .container-fluid {
    max-width: 1180px;
    margin: auto
}

.premium-footer .ht-theme-info {
    background: transparent!important;
    padding: 0!important
}

.premium-footer .footer-logo img {
    display: none
}

.premium-footer .footer-logo {
    margin-bottom: 22px
}

.premium-footer .ht-theme-info p {
    font-size: 11px;
    line-height: 1.8;
    color: #9296a6!important;
    max-width: 350px
}

.premium-footer .py-8 {
    padding-top: 0!important;
    padding-bottom: 0!important
}

.premium-footer .title {
    font-size: 15px!important
}

.premium-footer .footer-list li {
    margin-bottom: 8px
}

.premium-footer a,.premium-footer p {
    font-size: 11px
}

.premium-footer .secondary-footer {
    border-top: 1px solid rgba(255,255,255,.09)
}

.footer-sep {
    margin-left: 22px
}

.whatsapp-cta {
    position: fixed;
    right: 22px;
    bottom: 22px;
    z-index: 99;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 12px 16px;
    border-radius: 28px;
    background: #24c769;
    color: #fff!important;
    font-size: 11px;
    font-weight: 800;
    box-shadow: 0 15px 30px rgba(0,0,0,.25)
}

.whatsapp-cta i {
    font-size: 18px
}

@media(max-width: 991px) {
    .hero-row {
        padding:70px 0
    }

    .hero-copy h1 {
        font-size: 49px!important
    }

    .hero-art {
        margin-top: 30px
    }

    .about-visual>div {
        right: 20px
    }

    .services-old .featured-item.style-2 {
        min-height: 315px
    }

    .conversion-section .container {
        gap: 35px
    }

    .premium-footer .container-fluid {
        padding: 0 30px!important
    }
}

@media(max-width: 767px) {
    .navbar {
        min-height:72px
    }

    .apex-symbol {
        width: 34px;
        height: 38px
    }

    .header-cta {
        display: none!important
    }

    .apex-hero,.hero-row {
        min-height: auto
    }

    .hero-row {
        padding: 75px 0
    }

    .hero-copy h1 {
        font-size: 42px!important
    }

    .hero-copy>p {
        font-size: 14px
    }

    .hero-buttons {
        align-items: flex-start;
        flex-direction: column
    }

    .hero-trust {
        gap: 15px
    }

    .hero-trust div {
        padding-right: 14px
    }

    .hero-art {
        display: none
    }

    .about-premium,.services-old,.case-premium,.proof-section {
        padding: 75px 0!important
    }

    .about-premium .section-title h2,.services-old .section-title h2,.case-premium .section-title h2,.conversion-section h2 {
        font-size: 34px!important
    }

    .about-visual img {
        height: 360px
    }

    .counter-area .counter {
        border: 0
    }

    .conversion-section .container {
        display: block
    }

    .conversion-section .conversion-btn {
        margin-top: 25px
    }

    .proof-card {
        margin: 35px 0 0
    }

    .premium-footer .primary-footer {
        padding: 50px 0
    }

    .whatsapp-cta span {
        display: none
    }

    .whatsapp-cta {
        width: 48px;
        height: 48px;
        justify-content: center;
        padding: 0
    }

    .navbar-collapse {
        background: #0b0d16;
        padding: 15px;
        position: absolute;
        top: 65px;
        left: 0;
        right: 0
    }
}

/* Denser, richer service cards */
.services-old {
    padding: 85px 0 92px!important;
    background: radial-gradient(circle at 50% 58%,rgba(100,54,220,.07),transparent 34%),#f8f7ff!important
}

.services-old .section-title {
    margin-bottom: 34px!important
}

.services-old .section-title h2 {
    margin-bottom: 6px!important
}

.services-old .section-title p {
    margin: 20px 0 0!important
}

.services-old .featured-item.style-2 {
    min-height: 390px!important;
    padding: 25px 24px 22px!important;
    overflow: hidden;
    position: relative
}

.services-old .featured-item.style-2:before {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    right: -65px;
    top: -65px;
    background: linear-gradient(135deg,rgba(30,190,255,.11),rgba(130,32,220,.13));
    transition: .35s
}

.services-old .featured-item.style-2:hover:before {
    transform: scale(1.45)
}

.service-top {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 22px
}

.services-old .service-top .featured-icon {
    margin: 0!important
}

.service-result {
    font-size: 7px;
    font-weight: 800;
    letter-spacing: .12em;
    color: #6533db;
    background: #f0ebff;
    border: 1px solid #e4dcff;
    padding: 6px 8px;
    border-radius: 20px
}

.services-old .featured-title h5 {
    font-size: 18px!important;
    margin-bottom: 8px!important
}

.services-old .featured-desc p {
    min-height: 63px;
    margin-bottom: 14px!important
}

.service-list {
    list-style: none;
    margin: 0 0 17px!important;
    padding: 14px 0 4px!important;
    border-top: 1px solid #ebe9f1
}

.service-list li {
    position: relative;
    padding: 4px 0 4px 16px;
    color: #555a6b;
    font-size: 10px;
    font-weight: 600
}

.service-list li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: linear-gradient(135deg,var(--apex-cyan),var(--apex-purple));
    box-shadow: 0 0 0 3px #eeeaff
}

.services-old .featured-item>a {
    padding-top: 14px!important
}

.service-number {
    z-index: 2;
    top: 14px!important;
    right: 16px!important;
    opacity: .55
}

.services-old .featured-item.style-2:hover {
    background: linear-gradient(155deg,#fff,#faf8ff)!important
}

@media(max-width: 991px) {
    .services-old .featured-item.style-2 {
        min-height:370px!important
    }

    .services-old .col-md-6:nth-child(n+3) {
        margin-top: 28px!important
    }
}

@media(max-width: 767px) {
    .services-old {
        padding:70px 0!important
    }

    .services-old .featured-item.style-2 {
        min-height: auto!important
    }

    .services-old .featured-desc p {
        min-height: auto
    }

    .services-old .col-md-6 {
        margin-top: 20px!important
    }

    .services-old .col-md-6:first-child {
        margin-top: 0!important
    }
}

/* Consistent readable type scale */
body {
    font-size: 16px!important;
    line-height: 1.65!important;
    -webkit-font-smoothing: antialiased
}

p {
    font-size: 15px!important;
    line-height: 1.75!important;
    letter-spacing: 0!important
}

.navbar-nav .nav-link {
    font-size: 14px!important
}

.header-cta,.conversion-btn {
    font-size: 14px!important
}

.hero-label,.about-premium .section-title h6,.services-old .section-title h6,.case-premium .section-title h6 {
    font-size: 11px!important
}

.hero-copy>p {
    font-size: 17px!important;
    line-height: 1.7!important
}

.hero-trust strong {
    font-size: 24px
}

.hero-trust span {
    font-size: 12px
}

.work-link {
    font-size: 14px
}

.panel-top,.growth-panel>p {
    font-size: 12px!important
}

.mini-results span {
    font-size: 11px
}

.mini-results b {
    font-size: 16px
}

.floating-win b {
    font-size: 12px
}

.floating-win span {
    font-size: 10px
}

.about-premium p {
    font-size: 15px!important
}

.about-points span {
    font-size: 14px
}

.services-old .section-title p,.case-premium .section-title p {
    font-size: 15px!important
}

.services-old .featured-title h5 {
    font-size: 21px!important
}

.services-old .featured-desc p {
    font-size: 14px!important;
    line-height: 1.65!important
}

.service-result {
    font-size: 9px
}

.service-list li {
    font-size: 13px;
    line-height: 1.55
}

.services-old .featured-item>a {
    font-size: 11px
}

.case-premium .cases-description small {
    font-size: 10px
}

.case-premium .cases-description h5 a {
    font-size: 20px
}

.case-premium .cases-description p {
    font-size: 13px!important
}

.proof-person strong {
    font-size: 13px
}

.proof-person small {
    font-size: 11px
}

.proof-card>span {
    font-size: 10px
}

.proof-card p {
    font-size: 12px!important
}

.conversion-section>div>div>span,.conversion-section .container>div>span {
    font-size: 11px
}

.conversion-section p {
    font-size: 15px!important
}

.premium-footer .primary-footer {
    padding: 52px 0!important
}

.premium-footer .primary-footer>.container-fluid>.row {
    align-items: flex-start!important
}

.premium-footer .ht-theme-info {
    display: block!important;
    height: auto!important
}

.premium-footer .ht-theme-info p {
    font-size: 14px!important;
    line-height: 1.75!important;
    max-width: 390px
}

.premium-footer .title {
    font-size: 18px!important;
    margin-bottom: 22px!important
}

.premium-footer .footer-list li {
    margin-bottom: 10px
}

.premium-footer .footer-list li a,.premium-footer .media-icon li,.premium-footer .media-icon li a {
    font-size: 14px!important;
    line-height: 1.6!important
}

.premium-footer .media-icon li p {
    font-size: 14px!important;
    line-height: 1.7!important
}

.premium-footer .secondary-footer {
    padding: 20px 0!important
}

.premium-footer .copyright,.premium-footer .copyright span,.premium-footer .copyright a {
    font-size: 12px!important;
    letter-spacing: 0!important
}

.premium-footer .social-icons li a {
    font-size: 15px!important
}

.whatsapp-cta {
    font-size: 13px
}

@media(max-width: 991px) {
    body {
        font-size:15px!important
    }

    .hero-copy>p {
        font-size: 16px!important
    }

    .premium-footer .title {
        font-size: 17px!important
    }
}

@media(max-width: 767px) {
    p {
        font-size:14px!important
    }

    .hero-copy h1 {
        font-size: 39px!important;
        line-height: 1.08!important
    }

    .hero-copy>p {
        font-size: 15px!important
    }

    .hero-trust span {
        font-size: 10px
    }

    .about-premium .section-title h2,.services-old .section-title h2,.case-premium .section-title h2,.conversion-section h2 {
        font-size: 32px!important;
        line-height: 1.18!important
    }

    .premium-footer .footer-list li a,.premium-footer .media-icon li,.premium-footer .media-icon li a,.premium-footer .media-icon li p,.premium-footer .ht-theme-info p {
        font-size: 13px!important
    }

    .premium-footer .copyright,.premium-footer .copyright span,.premium-footer .copyright a {
        font-size: 11px!important
    }
}

/* Filterable premium capabilities */
.capabilities-section {
    position: relative;
    padding: 105px 0;
    background: #080a13;
    color: #fff;
    overflow: hidden
}

.capabilities-section:before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 50% 25%,rgba(78,43,200,.14),transparent 28%),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
    background-size: auto,52px 52px,52px 52px
}

.capabilities-section .container {
    position: relative;
    z-index: 2
}

.capability-stars {
    position: absolute;
    inset: 0;
    opacity: .55;
    background-image: radial-gradient(circle at 13% 18%,#7845e7 0 2px,transparent 3px),radial-gradient(circle at 29% 44%,#24bdf5 0 1px,transparent 2px),radial-gradient(circle at 71% 19%,#cf2cd9 0 2px,transparent 3px),radial-gradient(circle at 88% 35%,#7d47e9 0 1px,transparent 2px),radial-gradient(circle at 48% 72%,#344aec 0 2px,transparent 3px)
}

.capability-heading span {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .17em;
    color: #7962ef
}

.capability-heading h2 {
    font-size: 48px!important;
    color: #fff!important;
    margin: 12px 0!important
}

.capability-heading h2 em {
    font-style: normal;
    background: linear-gradient(90deg,#44c8ff,#8d4aee,#e232c5);
    -webkit-background-clip: text;
    color: transparent
}

.capability-heading p {
    color: #9a9eae;
    font-size: 15px!important;
    margin: 0
}

.capability-filters {
    display: flex;
    justify-content: center;
    gap: 13px;
    margin: 42px 0 48px
}

.capability-filters button {
    border: 1px solid #292e40;
    background: #111420;
    color: #a8abb8;
    border-radius: 28px;
    padding: 13px 23px;
    font: 700 13px Manrope;
    cursor: pointer;
    transition: .25s
}

.capability-filters button:hover {
    border-color: #6b42e2;
    color: #fff
}

.capability-filters button.active {
    border-color: transparent;
    color: #fff;
    background: linear-gradient(110deg,#6a51ed,#d737ae);
    box-shadow: 0 10px 28px rgba(100,55,226,.35)
}

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

.capability-card {
    min-height: 340px;
    padding: 31px 27px 26px;
    border: 1px solid #252a3c;
    border-radius: 17px;
    background: linear-gradient(145deg,#111522,#0e111d);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    transition: opacity .25s,transform .3s,border-color .3s,box-shadow .3s
}

.capability-card:hover {
    transform: translateY(-7px);
    border-color: #5040a0;
    box-shadow: 0 25px 50px rgba(0,0,0,.25)
}

.capability-card.is-hidden {
    display: none
}

.capability-icon {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    border: 1px solid #2c3143;
    background: linear-gradient(145deg,#181c29,#111420);
    color: #aeb3c2;
    font-size: 24px;
    margin-bottom: 25px;
    transition: .3s
}

.capability-card:hover .capability-icon {
    color: #fff;
    border-color: #7048e4;
    box-shadow: 0 0 0 7px rgba(106,70,224,.08)
}

.capability-card h3 {
    font-size: 19px!important;
    color: #f4f5fa!important;
    margin: 0 0 12px!important
}

.capability-card p {
    font-size: 13px!important;
    line-height: 1.7!important;
    color: #a3a7b6!important;
    margin: 0 auto 22px;
    max-width: 260px
}

.capability-tags {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    margin-top: auto
}

.capability-tags span,.capability-tags b {
    padding: 6px 12px;
    border-radius: 18px;
    border: 1px solid #30365a;
    background: #171b38;
    color: #9298ff;
    font-size: 10px;
    letter-spacing: .05em
}

.capability-tags b {
    background: #1b1e2b;
    border-color: #303444;
    color: #c7cad4
}

.capability-tags.pink span {
    border-color: #64304f;
    background: #281529;
    color: #f064bd
}

.capability-bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 17px;
    margin-top: 38px;
    color: #898e9f
}

.capability-bottom p {
    font-size: 13px!important;
    margin: 0
}

.capability-bottom a {
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    border-bottom: 1px solid #6646d8;
    padding-bottom: 4px
}

.capability-bottom i {
    margin-left: 7px;
    font-size: 10px
}

@media(max-width: 991px) {
    .capability-grid {
        grid-template-columns:repeat(2,1fr)
    }

    .capability-heading h2 {
        font-size: 42px!important
    }

    .capability-filters {
        flex-wrap: wrap
    }
}

@media(max-width: 600px) {
    .capabilities-section {
        padding:75px 0
    }

    .capability-heading h2 {
        font-size: 34px!important
    }

    .capability-filters {
        justify-content: flex-start;
        gap: 8px;
        margin: 30px 0
    }

    .capability-filters button {
        padding: 10px 14px;
        font-size: 11px
    }

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

    .capability-card {
        min-height: 310px
    }

    .capability-bottom {
        align-items: flex-start;
        flex-direction: column
    }
}

/* Alternating light / dark section rhythm */
.capabilities-section {
    background: #f7f8fc;
    color: #141728
}

.capabilities-section:before {
    background: radial-gradient(circle at 50% 28%,rgba(91,53,215,.08),transparent 30%),linear-gradient(rgba(31,35,55,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(31,35,55,.025) 1px,transparent 1px);
    background-size: auto,52px 52px,52px 52px
}

.capability-stars {
    opacity: .22
}

.capability-heading span {
    color: #6740d9
}

.capability-heading h2 {
    color: #111426!important
}

.capability-heading p {
    color: #686d7d!important
}

.capability-filters button {
    border-color: #e0e2eb;
    background: #fff;
    color: #666b7b;
    box-shadow: 0 4px 16px rgba(31,25,65,.04)
}

.capability-filters button:hover {
    border-color: #7148dd;
    color: #4c2bc7
}

.capability-filters button.active {
    color: #fff;
    border-color: transparent
}

.capability-card {
    border-color: #e1e3ed;
    background: rgba(255,255,255,.92);
    box-shadow: 0 12px 35px rgba(36,29,78,.06)
}

.capability-card:hover {
    border-color: #7450dc;
    box-shadow: 0 22px 45px rgba(50,34,111,.13)
}

.capability-icon {
    border-color: #e0e2ec;
    background: #f4f3fa;
    color: #625d76
}

.capability-card:hover .capability-icon {
    color: #fff;
    background: linear-gradient(135deg,var(--apex-blue),var(--apex-purple))
}

.capability-card h3 {
    color: #16192a!important
}

.capability-card p {
    color: #6d7180!important
}

.capability-tags span {
    border-color: #dedbfa;
    background: #f0efff;
    color: #5947cf
}

.capability-tags b {
    border-color: #e1e3ea;
    background: #f5f6f9;
    color: #565b6a
}

.capability-tags.pink span {
    border-color: #f0d3e5;
    background: #fff0f8;
    color: #bd377e
}

.capability-bottom {
    color: #696e7d
}

.capability-bottom a {
    color: #4c2bc7
}

.case-premium {
    border-top: 1px solid rgba(255,255,255,.05)
}

.proof-section {
    border-top: 1px solid #ececf2
}

.about-premium {
    border-bottom: 1px solid #ececf2
}

/* Final typography and alignment system */
:root {
    --font-body: 'Inter',Arial,sans-serif;
    --font-display: 'Plus Jakarta Sans','Inter',Arial,sans-serif
}

html {
    font-size: 16px
}

body,button,input,textarea,select {
    font-family: var(--font-body)!important;
    font-weight: 400
}

body {
    color: #626777!important;
    line-height: 1.65!important
}

h1,h2,h3,h4,h5,h6,.apex-name b,.growth-panel>strong,.counter span,.proof-card>strong {
    font-family: var(--font-display)!important;
    font-weight: 700!important;
    letter-spacing: -.025em!important
}

p {
    font-family: var(--font-body)!important;
    font-weight: 400!important;
    color: #656a79;
    max-width: 100%
}

.container {
    max-width: 1240px!important;
    padding-left: 28px!important;
    padding-right: 28px!important
}

.navbar {
    min-height: 84px
}

.navbar-brand {
    margin-right: 34px!important
}

.navbar-nav {
    gap: 2px!important;
    white-space: nowrap
}

.navbar-nav .nav-link {
    font-size: 13px!important;
    line-height: 1.2!important;
    padding: 14px 12px!important;
    white-space: nowrap
}

.header-cta {
    font-size: 13px!important;
    line-height: 1.3!important;
    padding: 14px 18px!important;
    white-space: nowrap;
    min-width: 178px
}

.apex-name b {
    letter-spacing: .015em!important
}

.hero-copy h1 {
    font-size: 60px!important;
    line-height: 1.07!important
}

.hero-copy>p {
    font-size: 17px!important;
    line-height: 1.7!important
}

.hero-label {
    font-size: 11px!important
}

.conversion-btn,.work-link {
    font-size: 14px!important
}

.hero-trust strong {
    font-size: 23px!important
}

.hero-trust span {
    font-size: 11px!important;
    line-height: 1.4
}

.section-title h2,.about-premium .section-title h2 {
    font-size: 42px!important;
    line-height: 1.18!important
}

.section-title p,.about-premium p {
    font-size: 15px!important;
    line-height: 1.75!important
}

.about-points span {
    font-size: 14px!important;
    line-height: 1.5
}

.counter-area .counter span {
    font-size: 40px!important
}

.counter-area .counter h6 {
    font-family: var(--font-body)!important;
    font-size: 11px!important;
    letter-spacing: .08em!important
}

.capability-heading h2 {
    font-size: 46px!important;
    line-height: 1.16!important
}

.capability-heading>span {
    font-family: var(--font-body)!important;
    font-size: 11px!important
}

.capability-heading p {
    font-size: 15px!important;
    line-height: 1.65!important
}

.capability-filters button {
    font-family: var(--font-body)!important;
    font-size: 13px!important;
    font-weight: 600!important;
    line-height: 1.2
}

.capability-card {
    justify-content: flex-start
}

.capability-card h3 {
    font-size: 19px!important;
    line-height: 1.3!important;
    margin-bottom: 12px!important
}

.capability-card p {
    font-size: 14px!important;
    line-height: 1.65!important;
    min-height: 70px
}

.capability-tags span,.capability-tags b {
    font-family: var(--font-body)!important;
    font-size: 10px!important;
    font-weight: 700
}

.capability-bottom p,.capability-bottom a {
    font-size: 13px!important
}

.case-premium .section-title h2 {
    font-size: 42px!important;
    line-height: 1.18!important
}

.case-premium .section-title p {
    font-size: 15px!important
}

.case-premium .cases-description h5 a {
    font-family: var(--font-display)!important;
    font-size: 19px!important;
    line-height: 1.35
}

.case-premium .cases-description p {
    font-size: 13px!important;
    line-height: 1.6!important
}

.proof-section blockquote {
    font-family: var(--font-display)!important;
    font-size: 27px!important;
    line-height: 1.5!important;
    letter-spacing: -.02em!important
}

.conversion-section h2 {
    font-size: 42px!important;
    line-height: 1.16!important
}

.conversion-section p {
    font-size: 15px!important
}

.premium-footer .title {
    font-family: var(--font-display)!important;
    font-size: 17px!important
}

.premium-footer .footer-list li a,.premium-footer .media-icon li,.premium-footer .media-icon li a,.premium-footer .media-icon li p,.premium-footer .ht-theme-info p {
    font-family: var(--font-body)!important;
    font-size: 14px!important;
    line-height: 1.65!important
}

.premium-footer .copyright,.premium-footer .copyright span,.premium-footer .copyright a {
    font-size: 12px!important
}

@media(max-width: 1199px) {
    .container {
        max-width:1080px!important
    }

    .navbar-brand {
        margin-right: 15px!important
    }

    .navbar-nav .nav-link {
        padding-left: 9px!important;
        padding-right: 9px!important
    }

    .header-cta {
        min-width: 160px;
        padding-left: 14px!important;
        padding-right: 14px!important
    }

    .hero-copy h1 {
        font-size: 53px!important
    }
}

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

    .hero-copy h1 {
        font-size: 49px!important
    }

    .capability-grid {
        grid-template-columns: repeat(2,1fr)
    }

    .capability-card p {
        min-height: 48px
    }

    .section-title h2,.about-premium .section-title h2,.case-premium .section-title h2,.conversion-section h2 {
        font-size: 37px!important
    }
}

@media(max-width: 767px) {
    html {
        font-size:15px
    }

    .container {
        width: 100%!important;
        padding-left: 20px!important;
        padding-right: 20px!important
    }

    .hero-copy h1 {
        font-size: 38px!important;
        line-height: 1.12!important
    }

    .hero-copy>p {
        font-size: 15px!important
    }

    .section-title h2,.about-premium .section-title h2,.case-premium .section-title h2,.conversion-section h2,.capability-heading h2 {
        font-size: 31px!important;
        line-height: 1.2!important
    }

    .capability-card h3 {
        font-size: 18px!important
    }

    .capability-card p {
        font-size: 14px!important;
        min-height: 0
    }

    .proof-section blockquote {
        font-size: 22px!important
    }

    .premium-footer .footer-list li a,.premium-footer .media-icon li,.premium-footer .media-icon li a,.premium-footer .media-icon li p,.premium-footer .ht-theme-info p {
        font-size: 13px!important
    }
}

/* Final unified high-contrast colour palette */
:root {
    --brand-navy: #080b16;
    --brand-ink: #111528;
    --brand-blue: #3157f4;
    --brand-purple: #7429df;
    --brand-cyan: #18bff5;
    --brand-soft: #f6f7fc;
    --brand-border: #e2e5ef;
    --brand-body: #606678
}

body {
    background: #fff!important;
    color: var(--brand-body)!important
}

#header-wrap {
    background: var(--brand-navy)!important;
    border-bottom: 1px solid rgba(255,255,255,.07)
}

.navbar-nav .nav-link {
    color: #b9bdca!important
}

.navbar-nav .nav-link:hover,.navbar-nav .nav-link.active {
    color: #fff!important
}

.navbar-nav .nav-link.active:after {
    background: linear-gradient(90deg,var(--brand-cyan),var(--brand-blue),var(--brand-purple))!important
}

.header-cta,.conversion-btn {
    background: linear-gradient(120deg,var(--brand-blue),var(--brand-purple))!important
}

.apex-name em {
    color: #9a63f3!important
}

.apex-hero {
    background: var(--brand-navy)!important
}

.hero-copy h1 {
    color: #fff!important
}

.hero-copy h1 span {
    background: linear-gradient(90deg,#22c6fb,#5970f5 55%,#a13ce8);
    -webkit-background-clip: text;
    color: transparent!important
}

.hero-copy>p {
    color: #b0b5c3!important
}

.growth-panel {
    background: linear-gradient(145deg,#171c2e,#0e111e)!important;
    border-color: #2b3043!important
}

.hero-chart i {
    background: linear-gradient(#33c8f6,#4053eb)!important
}

.hero-chart i:last-child {
    background: linear-gradient(#a34aeb,#662ce0)!important
}

.about-premium {
    background: #fff!important
}

.about-premium .section-title h2,.about-premium h2 {
    color: var(--brand-ink)!important
}

.about-premium p {
    color: var(--brand-body)!important
}

.about-premium .section-title h6,.case-premium .section-title h6 {
    background: #eeebff!important;
    color: #5c35ce!important
}

.about-points i {
    color: var(--brand-blue)!important
}

.counter-area {
    background: linear-gradient(115deg,#10152a,#17103a)!important
}

.counter-area .counter span {
    background: linear-gradient(90deg,#3bc9f7,#8b50ec);
    -webkit-background-clip: text;
    color: transparent!important
}

.counter-area .counter h6 {
    color: #c0c4d1!important
}

.capabilities-section {
    background: var(--brand-soft)!important
}

.capability-heading h2,.capability-card h3 {
    color: var(--brand-ink)!important
}

.capability-heading p,.capability-card p {
    color: var(--brand-body)!important
}

.capability-heading h2 em {
    background: linear-gradient(90deg,var(--brand-blue),var(--brand-purple));
    -webkit-background-clip: text;
    color: transparent
}

.capability-filters button {
    background: #fff!important;
    border-color: var(--brand-border)!important;
    color: #596071!important
}

.capability-filters button:hover {
    border-color: #7450dc!important;
    color: #4f2bc7!important
}

.capability-filters button.active {
    background: linear-gradient(120deg,var(--brand-blue),var(--brand-purple))!important;
    color: #fff!important;
    border-color: transparent!important
}

.capability-card {
    background: #fff!important;
    border-color: var(--brand-border)!important;
    box-shadow: 0 12px 32px rgba(31,37,75,.07)!important
}

.capability-card:hover {
    border-color: #7852df!important;
    box-shadow: 0 20px 45px rgba(55,42,120,.15)!important
}

.capability-icon {
    background: #f2f3fa!important;
    border-color: #dde0eb!important;
    color: #5f6475!important
}

.capability-card:hover .capability-icon {
    color: #fff!important;
    background: linear-gradient(135deg,var(--brand-blue),var(--brand-purple))!important;
    border-color: transparent!important
}

.capability-tags span {
    background: #efefff!important;
    border-color: #dcdafa!important;
    color: #5144c6!important
}

.capability-tags b {
    background: #f6f7fa!important;
    border-color: #e0e3eb!important;
    color: #4e5465!important
}

.capability-tags.pink span {
    background: #f4efff!important;
    border-color: #e4d7fa!important;
    color: #7038cd!important
}

.capability-bottom a {
    color: #4d2bc8!important
}

.case-premium {
    background: var(--brand-navy)!important
}

.case-premium .section-title h2 {
    color: #fff!important
}

.case-premium .section-title p {
    color: #abb0c0!important
}

.case-premium .cases-item,.case-premium .cases-description {
    background: #121725!important
}

.case-premium .cases-description h5 a {
    color: #fff!important
}

.case-premium .cases-description p {
    color: #9da3b5!important
}

.result-badge {
    background: rgba(8,11,22,.92)!important;
    color: #55d3fa!important
}

.btn-theme {
    background: linear-gradient(120deg,var(--brand-blue),var(--brand-purple))!important;
    border-color: transparent!important;
    color: #fff!important
}

.proof-section {
    background: #fff!important
}

.proof-section blockquote {
    color: var(--brand-ink)!important
}

.proof-card {
    background: var(--brand-ink)!important
}

.conversion-section {
    background: linear-gradient(115deg,#2855ed,#6333df 65%,#8d27dc)!important
}

.conversion-section h2,.conversion-section p {
    color: #fff!important
}

.conversion-btn.light {
    background: #fff!important;
    color: #4024bd!important
}

.premium-footer {
    background: #080a12!important
}

.premium-footer .primary-footer,.premium-footer .secondary-footer {
    background: #080a12!important
}

.premium-footer .title,.premium-footer a {
    color: #fff!important
}

.premium-footer p,.premium-footer .media-icon li p {
    color: #9da2b1!important
}

.premium-footer .title:after,.premium-footer .title:before {
    background: linear-gradient(90deg,var(--brand-blue),var(--brand-purple))!important
}

.scroll-top a {
    background: linear-gradient(135deg,var(--brand-blue),var(--brand-purple))!important
}

.whatsapp-cta {
    background: #20bd63!important
}

/* Remove legacy orange theme from every inner page */
::selection {
    background: var(--brand-purple)!important;
    color: #fff!important
}

.section-title h6 {
    background: linear-gradient(120deg,var(--brand-blue),var(--brand-purple))!important;
    color: #fff!important;
    border: 0!important;
    border-radius: 6px!important;
    padding: 8px 13px!important;
    font-family: var(--font-body)!important;
    font-size: 11px!important;
    font-weight: 700!important;
    line-height: 1.2!important;
    letter-spacing: .08em!important;
    text-transform: uppercase!important;
    box-shadow: 0 8px 20px rgba(75,48,205,.18)
}

.section-title h6:before,.section-title h6:after {
    display: none!important
}

.section-title .title:before {
    background: linear-gradient(90deg,var(--brand-cyan),var(--brand-blue),var(--brand-purple))!important
}

.theme-bg,.step-num,.popup-link:hover,.portfolio-filter button.is-checked,.portfolio-filter button:hover,.tab .nav-tabs .nav-link.active,.tab .nav-tabs .nav-link:hover,.pagination>.active .page-link,.list-icon-2 li:before,.play-btn span:before {
    background: linear-gradient(120deg,var(--brand-blue),var(--brand-purple))!important
}

.text-theme,.breadcrumb-item.active,.breadcrumb-item a:hover,.list-icon li i,.list-icon-3 li i,.contact-info li i,.featured-icon i,.price-title {
    color: var(--brand-purple)!important
}

.form-control:focus,.search-input {
    border-color: var(--brand-purple)!important
}

.btn.btn-theme,.btn.btn-theme:hover {
    background: linear-gradient(120deg,var(--brand-blue),var(--brand-purple))!important;
    color: #fff!important;
    border-color: transparent!important
}

.btn.btn-border {
    border-color: var(--brand-purple)!important
}

.footer-list li a:hover {
    background: transparent!important;
    color: var(--brand-cyan)!important
}

.scroll-top a:hover {
    background: #fff!important;
    color: var(--brand-purple)!important
}

/* Replace the orange artwork baked into the legacy page-title image */
.page-title {
    position: relative!important;
    min-height: 420px!important;
    display: flex!important;
    align-items: center!important;
    background-color: #0b0e1a!important;
    background-image: radial-gradient(circle at 15% 25%,rgba(35,194,245,.16) 0 3px,transparent 4px),radial-gradient(circle at 82% 28%,rgba(133,48,225,.2) 0 4px,transparent 5px),radial-gradient(circle at 68% 78%,rgba(54,91,244,.16) 0 3px,transparent 4px),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px)!important;
    background-size: auto,auto,auto,54px 54px,54px 54px!important;
    background-position: center!important
}

.page-title:before {
    content: "";
    position: absolute;
    width: 360px;
    height: 360px;
    border-radius: 50%;
    left: -150px;
    top: -170px;
    background: radial-gradient(circle,rgba(33,182,244,.16),transparent 68%);
    pointer-events: none
}

.page-title:after {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    border-radius: 50%;
    right: -140px;
    bottom: -230px;
    background: radial-gradient(circle,rgba(115,38,221,.22),transparent 67%);
    pointer-events: none
}

.page-title .container {
    position: relative;
    z-index: 2
}

.page-title .title {
    color: #fff!important;
    font-size: 52px!important;
    line-height: 1.15!important
}

.page-title .title:before {
    background: linear-gradient(90deg,var(--brand-cyan),var(--brand-blue),var(--brand-purple))!important;
    height: 3px!important
}

.page-title .breadcrumb-item,.page-title .breadcrumb-item a {
    color: #d3d6e1!important
}

.page-title .breadcrumb-item.active {
    color: #9760f1!important
}

.page-title .breadcrumb-item:before {
    color: #757b8e!important
}

@media(max-width: 767px) {
    .page-title {
        min-height:320px!important
    }

    .page-title .title {
        font-size: 38px!important
    }
}

/* Three-card scrolling client reviews */
.reviews-section {
    padding: 100px 0;
    background: #fff;
    overflow: hidden
}

.reviews-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 44px
}

.reviews-heading>div:first-child>span {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .14em;
    color: #653bd7
}

.reviews-heading h2 {
    font-size: 43px!important;
    line-height: 1.16!important;
    color: var(--brand-ink)!important;
    margin: 12px 0 0!important
}

.reviews-heading h2 em {
    font-style: normal;
    background: linear-gradient(90deg,var(--brand-blue),var(--brand-purple));
    -webkit-background-clip: text;
    color: transparent
}

.review-summary {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 14px 20px;
    border: 1px solid var(--brand-border);
    border-radius: 12px;
    background: var(--brand-soft)
}

.review-summary>strong {
    font: 700 34px var(--font-display);
    color: var(--brand-ink)
}

.review-summary div {
    display: flex;
    flex-direction: column
}

.review-summary span,.review-top span {
    color: #f4b83f;
    letter-spacing: 2px;
    font-size: 13px
}

.review-summary p {
    font-size: 11px!important;
    line-height: 1.4!important;
    margin: 3px 0 0;
    color: #74798a
}

.review-carousel .owl-stage {
    display: flex
}

.review-carousel .owl-item {
    display: flex
}

.review-card {
    width: 100%;
    min-height: 310px;
    margin: 2px 10px 28px;
    padding: 28px;
    border: 1px solid var(--brand-border);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 12px 34px rgba(28,33,65,.07);
    display: flex;
    flex-direction: column;
    transition: .3s
}

.review-card:hover {
    transform: translateY(-5px);
    border-color: #7954df;
    box-shadow: 0 20px 42px rgba(55,42,115,.13)
}

.review-top {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.review-top i {
    font-size: 25px;
    color: #e8e5f2
}

.review-card>p {
    font-size: 14px!important;
    line-height: 1.75!important;
    color: #585e70!important;
    margin: 27px 0!important
}

.review-person {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: auto;
    padding-top: 18px;
    border-top: 1px solid #eceef3
}

.review-person>b {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg,var(--brand-blue),var(--brand-purple));
    color: #fff;
    font-size: 12px
}

.review-person>div {
    display: flex;
    flex-direction: column
}

.review-person strong {
    font: 700 13px var(--font-display);
    color: var(--brand-ink)
}

.review-person small {
    font-size: 11px;
    color: #878c9a;
    margin-top: 3px
}

.review-carousel.owl-carousel .owl-dots {
    text-align: center;
    margin-top: 4px
}

.review-carousel.owl-carousel .owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
    background: #d9dbe5;
    border-radius: 10px;
    margin: 4px;
    display: block;
    transition: .25s
}

.review-carousel.owl-carousel .owl-dots .owl-dot.active span {
    width: 25px;
    background: linear-gradient(90deg,var(--brand-blue),var(--brand-purple))
}

@media(max-width: 767px) {
    .reviews-section {
        padding:75px 0
    }

    .reviews-heading {
        display: block
    }

    .reviews-heading h2 {
        font-size: 31px!important
    }

    .review-summary {
        margin-top: 24px;
        width: max-content
    }

    .review-card {
        min-height: 290px;
        margin-left: 4px;
        margin-right: 4px
    }
}

/* Premium, simple trust sections */
.section-kicker {
    display: block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .14em;
    color: #6741d7;
    margin-bottom: 13px
}

.why-section {
    padding: 95px 0;
    background: #fff;
    border-top: 1px solid #eceef4
}

.why-copy h2,.process-heading h2,.faq-intro h2 {
    font-size: 40px!important;
    line-height: 1.18!important;
    color: var(--brand-ink)!important;
    margin: 0 0 20px!important
}

.why-copy h2 em,.process-heading h2 em,.faq-intro h2 em {
    font-style: normal;
    background: linear-gradient(90deg,var(--brand-blue),var(--brand-purple));
    -webkit-background-clip: text;
    color: transparent
}

.why-copy>p,.process-heading>p,.faq-intro>p {
    font-size: 15px!important;
    line-height: 1.75!important;
    color: var(--brand-body)!important;
    max-width: 430px
}

.why-link {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: #4d2cca!important;
    font-size: 13px;
    font-weight: 700;
    margin-top: 12px;
    padding-bottom: 5px;
    border-bottom: 1px solid #cfc5f4
}

.why-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border: 1px solid var(--brand-border);
    border-radius: 17px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 18px 45px rgba(33,37,72,.06)
}

.why-grid article {
    min-height: 180px;
    padding: 25px;
    display: flex;
    gap: 15px;
    border-right: 1px solid var(--brand-border);
    border-bottom: 1px solid var(--brand-border)
}

.why-grid article:nth-child(2n) {
    border-right: 0
}

.why-grid article:nth-child(n+3) {
    border-bottom: 0
}

.why-icon {
    flex: 0 0 42px;
    height: 42px;
    border-radius: 11px;
    display: grid;
    place-items: center;
    background: #f0efff;
    color: #593bd0;
    font-size: 15px
}

.why-grid h3 {
    font-size: 15px!important;
    line-height: 1.4!important;
    color: var(--brand-ink)!important;
    margin: 3px 0 8px!important
}

.why-grid p {
    font-size: 12px!important;
    line-height: 1.65!important;
    color: #74798a!important;
    margin: 0!important
}

.process-section {
    padding: 95px 0;
    background: var(--brand-soft)
}

.process-heading {
    text-align: center;
    max-width: 680px;
    margin: 0 auto
}

.process-heading>p {
    max-width: 580px;
    margin: 0 auto
}

.process-line {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 18px;
    margin-top: 55px
}

.process-line:before {
    content: "";
    position: absolute;
    left: 12%;
    right: 12%;
    top: 44px;
    height: 1px;
    background: linear-gradient(90deg,transparent,#d0c9ef 15%,#d0c9ef 85%,transparent)
}

.process-line article {
    position: relative;
    text-align: center;
    padding: 0 18px
}

.process-line article>span {
    position: absolute;
    right: 18px;
    top: 5px;
    font-size: 10px;
    font-weight: 700;
    color: #a2a5b2
}

.process-icon {
    position: relative;
    z-index: 2;
    width: 88px;
    height: 88px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    margin: 0 auto 22px;
    background: #fff;
    border: 1px solid #dedfea;
    color: #5e3bd2;
    font-size: 20px;
    box-shadow: 0 10px 25px rgba(38,38,77,.07)
}

.process-line h3 {
    font-size: 17px!important;
    color: var(--brand-ink)!important;
    margin-bottom: 10px!important
}

.process-line p {
    font-size: 12px!important;
    line-height: 1.65!important;
    color: #74798a!important;
    margin: 0!important
}

.faq-section {
    position: relative;
    padding: 100px 0;
    background: #f6f7fc;
    border-top: 1px solid #e4e6ef
}

.faq-section:before {
    content: "";
    position: absolute;
    top: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 120px;
    height: 3px;
    border-radius: 0 0 4px 4px;
    background: linear-gradient(90deg,var(--brand-cyan),var(--brand-blue),var(--brand-purple))
}

.faq-contact {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 32px
}

.faq-contact>i {
    width: 46px;
    height: 46px;
    border-radius: 12px;
    display: grid;
    place-items: center;
    color: #fff;
    background: linear-gradient(135deg,var(--brand-blue),var(--brand-purple))
}

.faq-contact div {
    display: flex;
    flex-direction: column
}

.faq-contact span {
    font-size: 11px;
    color: #858a98
}

.faq-contact a {
    font-size: 13px;
    font-weight: 700;
    color: #4b2ac5!important
}

.faq-list {
    padding: 8px 28px;
    background: #fff;
    border: 1px solid var(--brand-border);
    border-radius: 15px;
    box-shadow: 0 12px 32px rgba(31,37,75,.05)
}

.faq-list details {
    border-top: 1px solid var(--brand-border);
    padding: 21px 4px
}

.faq-list details:first-child {
    border-top: 0
}

.faq-list details:last-child {
    border-bottom: 0
}

.faq-list summary {
    list-style: none;
    cursor: pointer;
    font: 600 15px/1.5 var(--font-display);
    color: var(--brand-ink)
}

.faq-list summary::-webkit-details-marker {
    display: none
}

.faq-list summary i {
    float: right;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: #f0effa;
    color: #5c38ce;
    font-size: 9px;
    transition: .25s
}

.faq-list details[open] summary i {
    transform: rotate(45deg);
    background: #5d39d2;
    color: #fff
}

.faq-list details p {
    font-size: 13px!important;
    line-height: 1.7!important;
    color: #707586!important;
    margin: 14px 42px 0 0!important
}

@media(max-width: 991px) {
    .why-section,.process-section,.faq-section {
        padding:80px 0
    }

    .faq-list {
        padding-left: 12px
    }

    .process-line {
        grid-template-columns: 1fr 1fr;
        gap: 35px 15px
    }

    .process-line:before {
        display: none
    }
}

@media(max-width: 600px) {
    .why-copy h2,.process-heading h2,.faq-intro h2 {
        font-size:30px!important
    }

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

    .why-grid article,.why-grid article:nth-child(2n),.why-grid article:nth-child(n+3) {
        min-height: auto;
        border-right: 0;
        border-bottom: 1px solid var(--brand-border)
    }

    .why-grid article:last-child {
        border-bottom: 0
    }

    .process-line {
        grid-template-columns: 1fr
    }

    .process-line article {
        padding: 0 30px
    }

    .faq-list {
        padding-left: 12px
    }

    .faq-list summary {
        font-size: 14px;
        padding-right: 6px
    }
}

/* Final spacing and utility polish */
.why-section {
    padding: 76px 0!important
}

.why-grid article {
    min-height: 154px!important;
    padding: 22px!important
}

.why-grid {
    box-shadow: 0 14px 36px rgba(33,37,72,.055)!important
}

.process-section {
    padding: 78px 0 82px!important
}

.process-line {
    margin-top: 44px!important
}

.reviews-section {
    padding: 78px 0 48px!important
}

.reviews-heading {
    margin-bottom: 34px!important
}

.review-card {
    margin-bottom: 18px!important
}

.review-carousel.owl-carousel .owl-dots {
    margin-top: 0!important
}

.faq-section {
    padding: 76px 0 82px!important
}

.faq-list details {
    padding: 18px 4px!important
}

.scroll-top {
    right: 22px!important;
    bottom: 86px!important
}

.scroll-top a,.scroll-top a:visited {
    width: 52px!important;
    height: 52px!important;
    line-height: 52px!important;
    font-size: 24px!important
}

.whatsapp-cta {
    right: 22px!important;
    bottom: 22px!important
}

.navbar-nav .nav-link {
    white-space: nowrap!important
}

@media(max-width: 991px) {
    .why-section,.process-section,.reviews-section,.faq-section {
        padding-top:68px!important;
        padding-bottom: 68px!important
    }

    .why-grid article {
        min-height: 145px!important
    }
}

@media(max-width: 600px) {
    .why-grid article {
        min-height:auto!important
    }

    .scroll-top {
        bottom: 80px!important
    }

    .scroll-top a,.scroll-top a:visited {
        width: 48px!important;
        height: 48px!important;
        line-height: 48px!important
    }

    .reviews-section {
        padding-bottom: 40px!important
    }

    .faq-section {
        padding-top: 62px!important
    }
}

@media(max-width: 991px) {
    .faq-list {
        padding:8px 24px!important
    }
}

@media(max-width: 600px) {
    .faq-list {
        padding:6px 17px!important;
        border-radius: 12px
    }

    .faq-section:before {
        width: 82px
    }
}

/* Mobile layout corrections */
@media(max-width: 767px) {
    html,body,.page-wrapper {
        max-width:100%!important;
        overflow-x: hidden!important
    }

    #header-wrap .container {
        padding-left: 14px!important;
        padding-right: 14px!important
    }

    .navbar {
        min-height: 72px!important;
        flex-wrap: nowrap!important
    }

    .navbar-brand {
        margin-right: auto!important;
        max-width: 170px!important
    }

    .apex-symbol {
        width: 32px!important;
        height: 37px!important
    }

    .apex-name b {
        font-size: 13px!important
    }

    .apex-name small {
        font-size: 6px!important
    }

    .navbar-toggler {
        flex: 0 0 42px!important;
        width: 42px!important;
        height: 42px!important;
        margin: 0!important;
        border: 0!important;
        border-radius: 7px!important;
        background: linear-gradient(135deg,var(--brand-blue),var(--brand-purple))!important;
        box-shadow: 0 10px 24px rgba(70,39,201,.28)!important
    }

    .navbar-toggler span {
        width: 22px!important;
        height: 2px!important;
        margin: 5px auto!important;
        background: #fff!important
    }

    .navbar-collapse {
        top: 72px!important;
        left: 0px!important;
        right: -14px!important;
        padding: 16px 20px 20px!important;
        /* border-top:1px solid rgba(255,255,255,.08)!important; */
        box-shadow: 0 18px 30px rgba(0,0,0,.28)!important
    }

    .navbar-nav {
        gap: 0!important
    }

    .navbar-nav .nav-link {
        padding: 12px 4px!important;
        font-size: 14px!important
    }

    .navbar-nav .nav-link.active:after {
        left: 4px!important;
        right: auto!important;
        width: 34px!important
    }

    .counter-area {
        padding: 42px 0!important
    }

    .counter-area .row {
        row-gap: 28px!important
    }

    .counter-area .col-6 {
        margin-top: 0!important
    }

    .counter-area .counter span {
        font-size: 32px!important
    }

    .counter-area .counter h6 {
        font-size: 9px!important;
        line-height: 1.4!important
    }

    .capabilities-section .container {
        padding-left: 14px!important;
        padding-right: 14px!important
    }

    .capability-heading {
        padding: 0 6px!important
    }

    .capability-heading h2 {
        font-size: 28px!important;
        line-height: 1.18!important
    }

    .capability-heading p {
        font-size: 13px!important;
        line-height: 1.6!important
    }

    .capability-filters {
        display: grid!important;
        grid-template-columns: 1fr 1fr!important;
        width: 100%!important;
        gap: 8px!important;
        margin: 26px 0 24px!important
    }

    .capability-filters button {
        width: 100%!important;
        min-width: 0!important;
        padding: 10px 7px!important;
        font-size: 10px!important;
        white-space: nowrap!important
    }

    .capability-grid {
        display: grid!important;
        grid-template-columns: minmax(0,1fr)!important;
        gap: 14px!important;
        width: 100%!important
    }

    .capability-card {
        width: 100%!important;
        min-width: 0!important;
        min-height: auto!important;
        padding: 25px 20px 22px!important;
        margin: 0!important
    }

    .capability-card p {
        max-width: 300px!important;
        min-height: auto!important
    }

    .capability-icon {
        width: 64px!important;
        height: 64px!important;
        margin-bottom: 20px!important
    }

    .capability-bottom {
        margin-top: 26px!important
    }

    .scroll-top {
        right: 13px!important;
        bottom: 86px!important
    }

    .whatsapp-cta {
        right: 13px!important;
        bottom: 22px!important
    }
}

@media(max-width: 380px) {
    .capability-filters {
        grid-template-columns:1fr!important
    }

    .capability-filters button {
        font-size: 11px!important
    }

    .apex-name b {
        font-size: 12px!important
    }
}

/* Dedicated Services page cards */
.services-page-grid {
    padding: 95px 0!important;
    background: #0c0f19!important
}

.services-page-grid .section-title {
    margin-bottom: 42px!important
}

.services-page-grid .section-title h2 {
    color: #fff!important;
    font-size: 42px!important
}

.services-page-grid .cases-item {
    height: 100%;
    border-radius: 15px;
    overflow: hidden;
    background: #151a29;
    border: 1px solid #272d3f;
    box-shadow: 0 18px 40px rgba(0,0,0,.2);
    transition: .3s
}

.services-page-grid .cases-item:hover {
    transform: translateY(-7px);
    border-color: #6242d0;
    box-shadow: 0 25px 48px rgba(0,0,0,.3)
}

.services-page-grid .cases-images {
    height: 290px;
    overflow: hidden
}

.services-page-grid .cases-images img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .4s
}

.services-page-grid .cases-item:hover .cases-images img {
    transform: scale(1.04)
}

.services-page-grid .cases-description {
    position: static!important;
    opacity: 1!important;
    transform: none!important;
    min-height: 145px;
    padding: 23px 24px!important;
    background: #151a29!important;
    text-align: left!important
}

.services-page-grid .cases-description h5 {
    margin: 0 0 10px!important
}

.services-page-grid .cases-description h5 a {
    font-family: var(--font-display)!important;
    font-size: 18px!important;
    line-height: 1.4!important;
    color: #fff!important
}

.services-page-grid .cases-description span {
    font-family: var(--font-body)!important;
    font-size: 13px!important;
    font-weight: 400!important;
    line-height: 1.65!important;
    color: #9ca2b4!important
}

.services-page-grid .col-lg-4 {
    margin-bottom: 28px
}

.services-page-grid .col-lg-4.mt-5 {
    margin-top: 0!important
}

@media(max-width: 991px) {
    .services-page-grid {
        padding:75px 0!important
    }

    .services-page-grid .cases-images {
        height: 260px
    }

    .services-page-grid .col-md-6 {
        margin-top: 0!important
    }
}

@media(max-width: 767px) {
    .services-page-grid {
        padding:65px 0!important
    }

    .services-page-grid .section-title h2 {
        font-size: 32px!important
    }

    .services-page-grid .cases-images {
        height: 240px
    }

    .services-page-grid .cases-description {
        min-height: auto!important;
        padding: 20px!important
    }

    .services-page-grid .col-md-6 {
        margin-bottom: 20px!important
    }
}

/* Case-study page carousel readability */
.case-study-page {
    background: #0c0f19!important;
    padding-bottom: 70px!important
}

.case-study-page .cases-item {
    border: 1px solid #292e40;
    background: #151a29!important;
    overflow: hidden
}

.case-study-page .cases-images {
    height: 320px;
    overflow: hidden
}

.case-study-page .cases-images img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.case-study-page .cases-description {
    position: static!important;
    opacity: 1!important;
    transform: none!important;
    min-height: 135px;
    padding: 22px!important;
    background: #151a29!important;
    text-align: left!important
}

.case-study-page .cases-description h5 {
    margin: 0 0 9px!important
}

.case-study-page .cases-description h5 a {
    font-family: var(--font-display)!important;
    font-size: 17px!important;
    line-height: 1.4!important;
    color: #fff!important
}

.case-study-page .cases-description span {
    font-family: var(--font-body)!important;
    font-size: 12px!important;
    font-weight: 400!important;
    line-height: 1.6!important;
    color: #a1a7b8!important
}

.case-study-page .owl-nav button {
    border-color: #6d4bd2!important;
    color: #fff!important
}

.case-study-page .owl-nav button:hover {
    background: linear-gradient(120deg,var(--brand-blue),var(--brand-purple))!important
}

@media(max-width: 767px) {
    .case-study-page {
        padding-bottom:55px!important
    }

    .case-study-page .cases-images {
        height: 260px
    }

    .case-study-page .cases-description {
        min-height: auto!important
    }
}

/* Premium homepage company introduction */
.about-premium-v2 {
    padding: 96px 0!important;
    background: linear-gradient(180deg,#fff,#fafbff)!important
}

.about-premium-v2>.insideText,.about-premium-v2>.container-fluid {
    display: none!important
}

.about-orb {
    position: absolute;
    width: 420px;
    height: 420px;
    border-radius: 50%;
    right: -230px;
    top: -220px;
    background: radial-gradient(circle,rgba(108,48,220,.11),transparent 68%)
}

.about-v2-content {
    position: relative;
    z-index: 2
}

.about-media {
    position: relative;
    padding: 0 30px 28px 0
}

.about-media:before {
    content: "";
    position: absolute;
    left: 26px;
    right: 0;
    top: 28px;
    bottom: 0;
    border-radius: 18px;
    background: linear-gradient(135deg,#eef1ff,#f6edff)
}

.about-media>img {
    position: relative;
    height: 520px;
    object-fit: cover;
    border-radius: 18px;
    box-shadow: 0 25px 55px rgba(24,28,57,.14)
}

.about-experience {
    position: absolute;
    right: 0;
    bottom: 0;
    min-width: 205px;
    padding: 18px 20px;
    border-radius: 13px;
    background: #11162a;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 13px;
    box-shadow: 0 18px 38px rgba(20,23,46,.28)
}

.about-experience strong {
    font: 700 37px var(--font-display);
    color: #60c8ff
}

.about-experience sup {
    font-size: 16px
}

.about-experience span {
    font-size: 10px;
    line-height: 1.5;
    color: #d2d5df
}

.about-location {
    position: absolute;
    left: 18px;
    top: 20px;
    padding: 12px 15px;
    border-radius: 11px;
    background: rgba(255,255,255,.94);
    display: flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0 12px 28px rgba(20,25,55,.15);
    backdrop-filter: blur(10px)
}

.about-location>i {
    width: 32px;
    height: 32px;
    border-radius: 9px;
    display: grid;
    place-items: center;
    background: #eeeaff;
    color: #5b38d0
}

.about-location span {
    display: flex;
    flex-direction: column;
    font-size: 9px;
    color: #777c8d
}

.about-location b {
    font-size: 11px;
    color: var(--brand-ink)
}

.about-content {
    padding-left: 18px
}

.about-kicker {
    display: inline-flex;
    padding: 8px 12px;
    border-radius: 6px;
    background: #eeebff;
    color: #5d37cf;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .11em
}

.about-content>h2 {
    font-size: 42px!important;
    line-height: 1.16!important;
    color: var(--brand-ink)!important;
    margin: 20px 0!important
}

.about-content>h2 em {
    font-style: normal;
    background: linear-gradient(90deg,var(--brand-blue),var(--brand-purple));
    -webkit-background-clip: text;
    color: transparent
}

.about-lead {
    font-size: 15px!important;
    line-height: 1.75!important;
    color: var(--brand-body)!important;
    max-width: 590px
}

.about-benefits {
    display: grid;
    gap: 9px;
    margin-top: 24px
}

.about-benefits article {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 13px 15px;
    border: 1px solid #e6e8f1;
    border-radius: 11px;
    background: #fff;
    transition: .25s
}

.about-benefits article:hover {
    border-color: #cfc5f4;
    transform: translateX(4px)
}

.about-benefits article>i {
    flex: 0 0 38px;
    height: 38px;
    border-radius: 10px;
    display: grid;
    place-items: center;
    background: #f0efff;
    color: #5a38cd;
    font-size: 13px
}

.about-benefits h3 {
    font-size: 14px!important;
    color: var(--brand-ink)!important;
    margin: 0 0 3px!important
}

.about-benefits p {
    font-size: 11px!important;
    line-height: 1.5!important;
    color: #777c8d!important;
    margin: 0!important
}

.about-actions {
    display: flex;
    align-items: center;
    gap: 25px;
    margin-top: 25px
}

.about-talk {
    font-size: 13px;
    font-weight: 700;
    color: #4d2bc7!important;
    border-bottom: 1px solid #cfc5f4;
    padding-bottom: 4px
}

@media(max-width: 991px) {
    .about-premium-v2 {
        padding:78px 0!important
    }

    .about-content {
        padding-left: 0
    }

    .about-media {
        max-width: 680px;
        margin: auto
    }
}

@media(max-width: 600px) {
    .about-premium-v2 {
        padding:65px 0!important
    }

    .about-media {
        padding: 0 14px 20px 0
    }

    .about-media>img {
        height: 390px
    }

    .about-experience {
        right: 0;
        min-width: 178px;
        padding: 14px
    }

    .about-experience strong {
        font-size: 31px
    }

    .about-location {
        left: 10px;
        top: 12px
    }

    .about-content>h2 {
        font-size: 31px!important
    }

    .about-actions {
        align-items: flex-start;
        flex-direction: column;
        gap: 16px
    }

    .about-benefits article:hover {
        transform: none
    }
}

/* Final narrow-mobile alignment */
@media(max-width: 480px) {
    #header-wrap .container {
        padding-left:12px!important;
        padding-right: 12px!important
    }

    .navbar-brand {
        max-width: 185px!important
    }

    .apex-symbol {
        width: 35px!important;
        height: 40px!important
    }

    .apex-name b {
        font-size: 13px!important
    }

    .apex-name small {
        letter-spacing: .42em!important
    }

    .about-premium-v2 {
        text-align: center!important
    }

    .about-media {
        padding: 0 0 22px!important
    }

    .about-media:before {
        left: 12px!important;
        right: 12px!important
    }

    .about-media>img {
        height: 360px!important
    }

    .about-location {
        left: 8px!important;
        text-align: left!important
    }

    .about-experience {
        right: 8px!important;
        text-align: left!important
    }

    .about-content {
        padding: 0 3px!important
    }

    .about-kicker {
        margin: auto!important
    }

    .about-content>h2 {
        font-size: 29px!important
    }

    .about-lead {
        font-size: 14px!important
    }

    .about-benefits {
        text-align: left!important
    }

    .about-benefits article {
        padding: 12px!important
    }

    .about-actions {
        width: 100%!important;
        align-items: stretch!important;
        gap: 14px!important
    }

    .about-actions .conversion-btn {
        width: 100%!important;
        padding: 15px 16px!important
    }

    .about-talk {
        align-self: center!important
    }

    .capability-filters {
        grid-template-columns: 1fr!important
    }

    .capability-filters button {
        font-size: 11px!important;
        padding: 11px 10px!important
    }

    .capability-heading p {
        padding: 0 4px!important
    }

    .scroll-top {
        display: none!important
    }

    .whatsapp-cta {
        right: 12px!important;
        bottom: 14px!important;
        width: 48px!important;
        height: 48px!important;
        padding: 0!important;
        justify-content: center!important
    }

    .whatsapp-cta span {
        display: none!important
    }
}

/* Actual Apex Node Media logo treatment */
#header-wrap {
    background: #fff!important;
    border-bottom: 1px solid #e8eaf1!important;
    box-shadow: 0 8px 25px rgba(26,30,59,.06)!important
}

.actual-logo {
    width: 142px!important;
    height: 82px!important;
    margin: 0!important;
    padding: 3px 0!important;
    display: flex!important;
    align-items: center!important
}

.actual-logo img {
    display: block!important;
    width: 100%!important;
    height: 76px!important;
    object-fit: contain!important
}

.navbar-nav .nav-link {
    color: #515666!important
}

.navbar-nav .nav-link:hover,.navbar-nav .nav-link.active {
    color: #141728!important
}

.premium-footer .actual-footer-logo {
    display: inline-flex!important;
    width: 190px!important;
    padding: 0!important;
    border-radius: 0!important;
    background: transparent!important;
    margin-bottom: 22px!important
}

.premium-footer .actual-footer-logo img {
    display: block!important;
    width: 100%!important;
    height: auto!important;
    max-height: none!important
}

.navbar-collapse {
    background: #fff!important
}

.navbar-toggler {
    background: linear-gradient(135deg,var(--brand-blue),var(--brand-purple))!important
}

@media(max-width: 767px) {
    .actual-logo {
        width:112px!important;
        height: 70px!important;
        max-width: 112px!important
    }

    .actual-logo img {
        height: 64px!important
    }

    .navbar-collapse {
        border-top-color: #e7e9f0!important;
        box-shadow: 0 18px 30px rgba(23,28,58,.14)!important
    }

    .navbar-nav .nav-link {
        color: #454b5b!important
    }
}

/* Apex Node About page */
.about-company-section {
    padding: 100px 0;
    background: #fff
}

.about-company-image {
    position: relative
}

.about-company-image>img {
    width: 100%;
    height: 520px;
    object-fit: cover;
    border-radius: 17px
}

.about-company-image>div {
    position: absolute;
    left: 24px;
    right: 24px;
    bottom: 24px;
    padding: 20px 22px;
    border-radius: 13px;
    background: rgba(10,13,25,.92);
    backdrop-filter: blur(10px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff
}

.about-company-image strong {
    font: 700 22px/1.2 var(--font-display)
}

.about-company-image span {
    font-size: 10px;
    letter-spacing: .08em;
    color: #b3b7c7
}

.about-company-section .section-title h2 {
    font-size: 42px!important;
    line-height: 1.18!important;
    color: var(--brand-ink)!important
}

.about-company-section p {
    font-size: 15px!important;
    line-height: 1.8!important;
    color: var(--brand-body)!important;
    text-align: left!important
}

.about-values {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 22px
}

.about-values span {
    font-size: 13px;
    font-weight: 600;
    color: #323748
}

.about-values i {
    margin-right: 9px;
    color: var(--brand-blue)
}

.about-mission-section {
    padding: 90px 0;
    background: var(--brand-soft)
}

.about-mission-section>div>.row {
    align-items: center
}

.about-mission-section .col-lg-4>span {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .14em;
    color: #6741d7
}

.about-mission-section h2 {
    font-size: 34px!important;
    line-height: 1.25!important;
    color: var(--brand-ink)!important;
    margin-top: 13px!important
}

.mission-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    border: 1px solid var(--brand-border);
    border-radius: 15px;
    overflow: hidden;
    background: #fff
}

.mission-grid article {
    padding: 26px;
    border-right: 1px solid var(--brand-border)
}

.mission-grid article:last-child {
    border: 0
}

.mission-grid i {
    color: #603bd2;
    font-size: 18px
}

.mission-grid h3 {
    font-size: 16px!important;
    color: var(--brand-ink)!important;
    margin: 18px 0 9px!important
}

.mission-grid p {
    font-size: 12px!important;
    line-height: 1.7!important;
    color: #74798a!important;
    margin: 0!important
}

@media(max-width: 991px) {
    .about-company-section,.about-mission-section {
        padding:75px 0
    }

    .about-company-image>img {
        height: 430px
    }

    .mission-grid {
        margin-top: 35px
    }
}

@media(max-width: 767px) {
    .about-company-section .section-title h2 {
        font-size:31px!important
    }

    .about-company-image>img {
        height: 350px
    }

    .about-company-image>div {
        left: 14px;
        right: 14px;
        bottom: 14px
    }

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

    .mission-grid article {
        border-right: 0;
        border-bottom: 1px solid var(--brand-border)
    }
}