/* =========================================================
   ABOUT PAGE — PREMIUM REDESIGN
========================================================= */

.tic-about-hero,
.tic-who-section {
    --tic-purple: #6f35d9;
    --tic-purple-dark: #3f188c;
    --tic-purple-light: #925df1;
    --tic-orange: #ff7a32;
    --tic-dark: #15162b;
    --tic-text: #5e6072;
}


/* =========================================================
   HERO
========================================================= */

.tic-about-hero {
    position: relative;
    overflow: hidden;

    padding: 58px 0 66px;

    background:
        linear-gradient(
            135deg,
            #fbf9ff 0%,
            #ffffff 45%,
            #fff9f5 100%
        );
}


.tic-about-hero-bg {
    position: absolute;
    inset: 0;

    background:
        radial-gradient(
            circle at 10% 20%,
            rgba(111,53,217,.11),
            transparent 27%
        ),
        radial-gradient(
            circle at 88% 72%,
            rgba(255,122,50,.10),
            transparent 24%
        );

    pointer-events: none;
}


.tic-about-hero-grid {
    position: absolute;
    inset: 0;

    opacity: .35;

    background-image:
        linear-gradient(
            rgba(111,53,217,.035) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(111,53,217,.035) 1px,
            transparent 1px
        );

    background-size: 40px 40px;

    mask-image:
        linear-gradient(
            to bottom,
            rgba(0,0,0,.8),
            transparent
        );
}


.tic-about-orb {
    position: absolute;

    border-radius: 50%;

    filter: blur(10px);

    pointer-events: none;
}


.tic-about-orb-1 {
    width: 220px;
    height: 220px;

    top: -95px;
    left: 8%;

    background:
        rgba(130,77,231,.09);
}


.tic-about-orb-2 {
    width: 260px;
    height: 260px;

    right: 4%;
    bottom: -140px;

    background:
        rgba(255,122,50,.08);
}


/* =========================================================
   BREADCRUMB
========================================================= */

.tic-about-breadcrumb {
    position: relative;
    z-index: 3;

    display: flex;
    align-items: center;

    gap: 10px;

    margin-bottom: 27px;

    font-size: 12px;
    font-weight: 700;

    color: #8a8c9b;
}


.tic-about-breadcrumb a {
    display: inline-flex;
    align-items: center;

    gap: 7px;

    color: var(--tic-purple);

    text-decoration: none;

    transition: .3s ease;
}


.tic-about-breadcrumb a:hover {
    color: var(--tic-orange);
}


.tic-about-breadcrumb i {
    font-size: 10px;
}


/* =========================================================
   HERO MAIN GRID
========================================================= */

.tic-about-hero-main {
    position: relative;
    z-index: 2;

    display: grid;

    grid-template-columns:
        minmax(0, 1.02fr)
        minmax(420px, .98fr);

    gap: 65px;

    align-items: center;
}


/* =========================================================
   HERO COPY
========================================================= */

.tic-about-kicker,
.tic-section-badge {
    width: fit-content;

    display: inline-flex;
    align-items: center;

    gap: 8px;

    padding: 8px 15px;

    border-radius: 999px;

    color: var(--tic-purple);

    background:
        rgba(111,53,217,.075);

    border:
        1px solid rgba(111,53,217,.10);

    font-size: 10px;

    font-weight: 800;

    letter-spacing: 1px;
}


.tic-about-kicker-icon {
    width: 23px;
    height: 23px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    color: #ffffff;

    background:
        linear-gradient(
            135deg,
            var(--tic-purple),
            var(--tic-purple-light)
        );
}


.tic-about-hero-copy h1 {
    max-width: 710px;

    margin: 19px 0 18px;

    color: var(--tic-dark);

    font-size:
        clamp(40px, 4.4vw, 67px);

    font-weight: 850;

    line-height: 1.04;

    letter-spacing: -2.4px;
}


.tic-about-hero-copy h1 span {
    display: block;

    background:
        linear-gradient(
            90deg,
            var(--tic-purple),
            #984edc,
            var(--tic-orange)
        );

    -webkit-background-clip: text;
    background-clip: text;

    -webkit-text-fill-color: transparent;
}


.tic-about-hero-copy > p {
    max-width: 690px;

    margin: 0;

    color: var(--tic-text);

    font-size: 15px;

    line-height: 1.85;
}


/* =========================================================
   HERO BUTTONS
========================================================= */

.tic-about-hero-actions {
    display: flex;
    align-items: center;

    flex-wrap: wrap;

    gap: 13px;

    margin-top: 28px;
}


.tic-about-primary-btn,
.tic-about-secondary-btn {
    min-height: 49px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 10px;

    padding: 0 22px;

    border-radius: 13px;

    text-decoration: none;

    font-size: 12px;

    font-weight: 750;

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        background .3s ease;
}


.tic-about-primary-btn {
    color: #ffffff;

    background:
        linear-gradient(
            135deg,
            #642cce,
            #8448df
        );

    box-shadow:
        0 12px 25px
        rgba(100,44,206,.22);
}


.tic-about-primary-btn:hover {
    color: #ffffff;

    transform: translateY(-2px);

    box-shadow:
        0 16px 35px
        rgba(100,44,206,.30);
}


.tic-about-secondary-btn {
    color: #34354c;

    background: #ffffff;

    border:
        1px solid rgba(50,30,90,.10);

    box-shadow:
        0 8px 18px
        rgba(35,25,65,.05);
}


.tic-about-secondary-btn:hover {
    color: var(--tic-purple);

    transform: translateY(-2px);
}


/* =========================================================
   HERO STATS
========================================================= */

.tic-about-hero-stats {
    max-width: 650px;

    display: flex;
    align-items: center;

    gap: 24px;

    margin-top: 34px;

    padding-top: 25px;

    border-top:
        1px solid rgba(35,25,65,.08);
}


.tic-about-stat {
    display: flex;
    flex-direction: column;

    gap: 2px;
}


.tic-about-stat strong {
    color: var(--tic-dark);

    font-size: 21px;

    line-height: 1;

    font-weight: 850;
}


.tic-about-stat span {
    color: #858797;

    font-size: 9px;

    font-weight: 650;

    letter-spacing: .25px;
}


.tic-about-stat-divider {
    width: 1px;
    height: 34px;

    background:
        rgba(35,25,65,.10);
}


/* =========================================================
   HERO IMAGE
========================================================= */

.tic-about-hero-visual {
    position: relative;

    width: 100%;

    min-height: 485px;
}


.tic-about-image-glow {
    position: absolute;

    inset: 35px 30px 10px;

    border-radius: 40px;

    background:
        linear-gradient(
            135deg,
            rgba(107,47,214,.28),
            rgba(255,122,50,.12)
        );

    filter: blur(38px);
}


.tic-about-image-card {
    position: absolute;

    inset: 0 22px 0 10px;

    overflow: hidden;

    border-radius: 30px;

    background: #1b1230;

    box-shadow:
        0 28px 60px
        rgba(34,18,70,.16);
}


.tic-about-image-card > img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;
}


.tic-about-image-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            180deg,
            transparent 48%,
            rgba(16,8,35,.30)
        );
}


/* =========================================================
   FLOATING CARDS
========================================================= */

.tic-about-floating-card {
    position: absolute;
    z-index: 3;

    display: flex;
    align-items: center;

    gap: 10px;

    padding: 10px 13px;

    border-radius: 14px;

    background:
        rgba(255,255,255,.91);

    backdrop-filter: blur(15px);

    box-shadow:
        0 12px 28px
        rgba(35,20,75,.14);
}


.tic-card-top {
    top: 24px;
    left: 22px;
}


.tic-card-bottom {
    right: 20px;
    bottom: 22px;
}


.tic-floating-icon {
    width: 36px;
    height: 36px;

    flex: 0 0 36px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 11px;

    color: #ffffff;

    background:
        linear-gradient(
            135deg,
            var(--tic-purple),
            var(--tic-purple-light)
        );
}


.tic-about-floating-card strong,
.tic-about-floating-card span {
    display: block;
}


.tic-about-floating-card strong {
    color: #202136;

    font-size: 10px;

    font-weight: 800;
}


.tic-about-floating-card span {
    margin-top: 2px;

    color: #858797;

    font-size: 8px;
}


/* =========================================================
   WHO WE ARE SECTION
========================================================= */

.tic-who-section {
    position: relative;

    padding: 82px 0;

    background: #ffffff;
}


.tic-who-grid {
    display: grid;

    grid-template-columns:
        minmax(420px, .95fr)
        minmax(0, 1.05fr);

    gap: 72px;

    align-items: center;
}


/* =========================================================
   WHO VISUAL
========================================================= */

.tic-who-visual {
    position: relative;

    min-height: 540px;
}


.tic-who-image-frame {
    position: absolute;

    inset: 0 55px 30px 0;

    overflow: hidden;

    border-radius: 30px;

    box-shadow:
        0 25px 60px
        rgba(41,23,80,.13);
}


.tic-who-image-frame img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
    object-position: center;
}


.tic-who-experience-card {
    position: absolute;

    right: 0;
    bottom: 0;

    z-index: 3;

    min-width: 245px;

    display: flex;
    align-items: center;

    gap: 12px;

    padding: 15px 18px;

    border-radius: 17px;

    background: #ffffff;

    box-shadow:
        0 18px 40px
        rgba(40,20,80,.14);
}


.tic-who-experience-number {
    color: var(--tic-purple);

    font-size: 35px;

    line-height: 1;

    font-weight: 900;
}


.tic-who-experience-card strong,
.tic-who-experience-card span {
    display: block;
}


.tic-who-experience-card strong {
    color: #222339;

    font-size: 11px;
}


.tic-who-experience-card span {
    margin-top: 2px;

    color: #898a98;

    font-size: 9px;
}


.tic-who-dot-pattern {
    position: absolute;

    left: -22px;
    bottom: 50px;

    width: 110px;
    height: 110px;

    z-index: -1;

    background-image:
        radial-gradient(
            var(--tic-purple) 1.5px,
            transparent 1.5px
        );

    background-size: 12px 12px;

    opacity: .22;
}


/* =========================================================
   WHO CONTENT
========================================================= */

.tic-who-content h2 {
    margin: 18px 0 19px;

    color: var(--tic-dark);

    font-size:
        clamp(33px, 3.3vw, 49px);

    font-weight: 850;

    line-height: 1.08;

    letter-spacing: -1.4px;
}


.tic-who-content h2 span {
    display: block;

    color: var(--tic-purple);
}


.tic-who-content > p {
    margin-bottom: 12px;

    color: var(--tic-text);

    font-size: 13px;

    line-height: 1.78;
}


.tic-who-lead {
    color: #33354a !important;

    font-size: 14px !important;
}


/* =========================================================
   WHO FEATURES
========================================================= */

.tic-who-feature-grid {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0,1fr));

    gap: 11px;

    margin-top: 22px;
}


.tic-who-feature {
    display: flex;

    align-items: flex-start;

    gap: 11px;

    padding: 13px;

    border-radius: 14px;

    border:
        1px solid rgba(68,39,120,.08);

    background:
        linear-gradient(
            135deg,
            #ffffff,
            #fcfaff
        );

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}


.tic-who-feature:hover {
    transform: translateY(-3px);

    box-shadow:
        0 10px 25px
        rgba(65,35,120,.08);
}


.tic-who-feature-icon {
    width: 37px;
    height: 37px;

    flex: 0 0 37px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 11px;

    color: var(--tic-purple);

    background:
        rgba(111,53,217,.08);
}


.tic-who-feature h4 {
    margin: 0 0 3px;

    color: #24253a;

    font-size: 11px;

    font-weight: 800;
}


.tic-who-feature p {
    margin: 0;

    color: #888998;

    font-size: 9px;

    line-height: 1.45;
}


/* =========================================================
   WHO FOOTER
========================================================= */

.tic-who-footer {
    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 22px;

    margin-top: 25px;
}


.tic-who-trust {
    display: flex;

    align-items: center;

    gap: 9px;
}


.tic-who-trust-icon {
    width: 36px;
    height: 36px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    color: var(--tic-orange);

    background:
        rgba(255,122,50,.10);
}


.tic-who-trust strong,
.tic-who-trust span {
    display: block;
}


.tic-who-trust strong {
    color: #292a3e;

    font-size: 10px;
}


.tic-who-trust span {
    margin-top: 2px;

    color: #8a8b99;

    font-size: 8px;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .tic-about-hero {
        padding: 45px 0 55px;
    }

    .tic-about-hero-main,
    .tic-who-grid {
        grid-template-columns: 1fr;

        gap: 45px;
    }

    .tic-about-hero-visual {
        min-height: 500px;

        max-width: 700px;

        margin: 0 auto;
    }

    .tic-who-visual {
        min-height: 520px;

        max-width: 650px;

        width: 100%;

        margin: 0 auto;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .tic-about-hero {
        padding: 35px 0 45px;
    }


    .tic-about-breadcrumb {
        margin-bottom: 20px;
    }


    .tic-about-hero-copy h1 {
        font-size: 37px;

        letter-spacing: -1.4px;
    }


    .tic-about-hero-copy > p {
        font-size: 13px;

        line-height: 1.7;
    }


    .tic-about-hero-actions {
        align-items: stretch;

        flex-direction: column;
    }


    .tic-about-primary-btn,
    .tic-about-secondary-btn {
        width: 100%;
    }


    .tic-about-hero-stats {
        display: grid;

        grid-template-columns:
            repeat(3, 1fr);

        gap: 10px;
    }


    .tic-about-stat-divider {
        display: none;
    }


    .tic-about-stat strong {
        font-size: 18px;
    }


    .tic-about-stat span {
        font-size: 8px;
    }


    .tic-about-hero-visual {
        min-height: 390px;
    }


    .tic-about-image-card {
        inset: 0;
    }


    .tic-about-floating-card {
        padding: 8px 10px;
    }


    .tic-card-top {
        top: 14px;
        left: 12px;
    }


    .tic-card-bottom {
        right: 12px;
        bottom: 14px;
    }


    .tic-who-section {
        padding: 58px 0;
    }


    .tic-who-visual {
        min-height: 390px;
    }


    .tic-who-image-frame {
        inset: 0 20px 35px 0;
    }


    .tic-who-experience-card {
        min-width: 210px;
    }


    .tic-who-feature-grid {
        grid-template-columns: 1fr;
    }


    .tic-who-footer {
        align-items: flex-start;

        flex-direction: column;
    }

}

/* =========================================================
   MISSION & VISION
========================================================= */

.tic-mv-section {
    position: relative;

    overflow: hidden;

    padding: 82px 0;

    background:
        linear-gradient(
            180deg,
            #faf8ff 0%,
            #ffffff 55%,
            #fffaf7 100%
        );
}


/* =========================================================
   BACKGROUND DECORATIONS
========================================================= */

.tic-mv-bg-shape {
    position: absolute;

    border-radius: 50%;

    pointer-events: none;

    filter: blur(5px);
}


.tic-mv-bg-shape-1 {
    width: 280px;
    height: 280px;

    left: -130px;
    top: 80px;

    background:
        rgba(111, 53, 217, .07);
}


.tic-mv-bg-shape-2 {
    width: 300px;
    height: 300px;

    right: -150px;
    bottom: 20px;

    background:
        rgba(255, 122, 50, .07);
}


/* =========================================================
   SECTION HEADING
========================================================= */

.tic-mv-heading {
    position: relative;
    z-index: 2;

    max-width: 760px;

    margin: 0 auto 42px;
}


.tic-mv-heading .tic-section-badge {
    margin-left: auto;
    margin-right: auto;
}


.tic-mv-heading h2 {
    margin: 17px 0 13px;

    color: #18192f;

    font-size:
        clamp(34px, 3.5vw, 50px);

    line-height: 1.08;

    font-weight: 850;

    letter-spacing: -1.5px;
}


.tic-mv-heading h2 span {
    color: #7137d8;
}


.tic-mv-heading > p {
    max-width: 620px;

    margin: 0 auto;

    color: #737586;

    font-size: 13px;

    line-height: 1.75;
}


/* =========================================================
   GRID
========================================================= */

.tic-mv-grid {
    position: relative;
    z-index: 2;

    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 24px;
}


/* =========================================================
   CARD
========================================================= */

.tic-mv-card {
    position: relative;

    min-width: 0;

    overflow: hidden;

    padding: 30px;

    border-radius: 26px;

    background:
        rgba(255,255,255,.94);

    border:
        1px solid rgba(65, 36, 115, .08);

    box-shadow:
        0 18px 45px
        rgba(38, 23, 75, .07);

    transition:
        transform .35s ease,
        box-shadow .35s ease,
        border-color .35s ease;
}


.tic-mv-card:hover {
    transform: translateY(-7px);

    box-shadow:
        0 28px 55px
        rgba(43, 25, 85, .12);
}


/* Mission */

.tic-mv-mission:hover {
    border-color:
        rgba(111, 53, 217, .22);
}


/* Vision */

.tic-mv-vision {
    background:
        linear-gradient(
            145deg,
            #ffffff,
            #fffaf6
        );
}


.tic-mv-vision:hover {
    border-color:
        rgba(255, 122, 50, .25);
}


/* =========================================================
   CARD TOP
========================================================= */

.tic-mv-card-top {
    display: flex;

    align-items: center;
    justify-content: space-between;

    margin-bottom: 24px;
}


.tic-mv-number {
    color:
        rgba(111, 53, 217, .10);

    font-size: 56px;

    line-height: 1;

    font-weight: 900;
}


.tic-mv-vision .tic-mv-number {
    color:
        rgba(255, 122, 50, .12);
}


.tic-mv-icon {
    width: 62px;
    height: 62px;

    display: flex;

    align-items: center;
    justify-content: center;

    flex: 0 0 62px;

    border-radius: 18px;

    color: #ffffff;

    font-size: 22px;

    background:
        linear-gradient(
            135deg,
            #6530cb,
            #8a4de1
        );

    box-shadow:
        0 12px 25px
        rgba(103, 48, 203, .20);
}


.tic-mv-vision .tic-mv-icon {
    background:
        linear-gradient(
            135deg,
            #ff7832,
            #ff9a5e
        );

    box-shadow:
        0 12px 25px
        rgba(255, 120, 50, .20);
}


/* =========================================================
   CARD CONTENT
========================================================= */

.tic-mv-label {
    display: inline-block;

    margin-bottom: 10px;

    color: #7137d8;

    font-size: 9px;

    font-weight: 850;

    letter-spacing: 1.3px;
}


.tic-mv-vision .tic-mv-label {
    color: #f16f2b;
}


.tic-mv-content h3 {
    max-width: 520px;

    margin: 0 0 17px;

    color: #202137;

    font-size:
        clamp(23px, 2.2vw, 31px);

    font-weight: 820;

    line-height: 1.17;

    letter-spacing: -.6px;
}


.tic-mv-content p {
    margin: 0 0 10px;

    color: #6f7181;

    font-size: 12px;

    line-height: 1.72;
}


/* =========================================================
   POINTS
========================================================= */

.tic-mv-points {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 8px;

    margin-top: 23px;
}


.tic-mv-point {
    min-width: 0;

    display: flex;

    align-items: center;

    gap: 7px;

    padding: 10px;

    border-radius: 11px;

    color: #525465;

    background: #faf9fd;

    font-size: 9px;

    font-weight: 650;
}


.tic-mv-point i {
    flex: 0 0 auto;

    color: #7137d8;

    font-size: 11px;
}


.tic-mv-vision .tic-mv-point {
    background: #fff9f5;
}


.tic-mv-vision .tic-mv-point i {
    color: #ff7832;
}


/* =========================================================
   DECORATIVE LINE
========================================================= */

.tic-mv-decoration {
    position: absolute;

    left: 30px;
    right: 30px;
    bottom: 0;

    height: 3px;

    border-radius:
        20px 20px 0 0;

    transform: scaleX(.18);

    transform-origin: left;

    opacity: 0;

    background:
        linear-gradient(
            90deg,
            #7137d8,
            #a15fe8
        );

    transition:
        transform .4s ease,
        opacity .4s ease;
}


.tic-mv-vision .tic-mv-decoration {
    background:
        linear-gradient(
            90deg,
            #ff7832,
            #ffac73
        );
}


.tic-mv-card:hover .tic-mv-decoration {
    opacity: 1;

    transform: scaleX(1);
}


/* =========================================================
   TRUST STRIP
========================================================= */

.tic-mv-trust {
    position: relative;
    z-index: 2;

    display: grid;

    grid-template-columns:
        1fr auto 1fr auto 1fr auto 1fr;

    align-items: center;

    margin-top: 25px;

    padding: 17px 22px;

    border-radius: 17px;

    background: #ffffff;

    border:
        1px solid rgba(62, 35, 110, .07);

    box-shadow:
        0 12px 30px
        rgba(40, 22, 77, .05);
}


.tic-mv-trust-item {
    min-width: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 9px;
}


.tic-mv-trust-icon {
    width: 35px;
    height: 35px;

    flex: 0 0 35px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 10px;

    color: #7137d8;

    background:
        rgba(113, 55, 216, .08);

    font-size: 13px;
}


.tic-mv-trust-item strong,
.tic-mv-trust-item span {
    display: block;
}


.tic-mv-trust-item strong {
    margin-bottom: 1px;

    color: #2d2e43;

    font-size: 10px;

    font-weight: 800;
}


.tic-mv-trust-item span {
    color: #8b8c98;

    font-size: 8px;
}


.tic-mv-trust-divider {
    width: 1px;
    height: 32px;

    background:
        rgba(50, 28, 90, .08);
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .tic-mv-section {
        padding: 65px 0;
    }


    .tic-mv-grid {
        grid-template-columns: 1fr;
    }


    .tic-mv-points {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }


    .tic-mv-trust {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 15px;
    }


    .tic-mv-trust-divider {
        display: none;
    }


    .tic-mv-trust-item {
        justify-content: flex-start;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .tic-mv-section {
        padding: 52px 0;
    }


    .tic-mv-heading {
        margin-bottom: 30px;
    }


    .tic-mv-heading h2 {
        font-size: 32px;
    }


    .tic-mv-card {
        padding: 23px 19px;
    }


    .tic-mv-number {
        font-size: 44px;
    }


    .tic-mv-icon {
        width: 52px;
        height: 52px;

        flex-basis: 52px;

        border-radius: 15px;

        font-size: 19px;
    }


    .tic-mv-content h3 {
        font-size: 24px;
    }


    .tic-mv-points {
        grid-template-columns: 1fr;
    }


    .tic-mv-trust {
        grid-template-columns: 1fr;

        padding: 15px;
    }


    .tic-mv-trust-item {
        justify-content: flex-start;

        padding: 4px 0;
    }

}

/* =========================================================
   PREMIUM SERVICES SECTION
========================================================= */

.tic-services-section {
    position: relative;
    overflow: hidden;
    padding: 82px 0;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #faf9fd 100%
        );
}


/* =========================================================
   DECORATIONS
========================================================= */

.tic-services-orb {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    filter: blur(4px);
}

.tic-services-orb-1 {
    width: 300px;
    height: 300px;
    top: 120px;
    left: -170px;

    background:
        rgba(111, 53, 217, .06);
}

.tic-services-orb-2 {
    width: 280px;
    height: 280px;
    right: -140px;
    bottom: 100px;

    background:
        rgba(255, 122, 50, .06);
}


/* =========================================================
   HEADING
========================================================= */

.tic-services-heading {
    position: relative;
    z-index: 2;

    max-width: 780px;
    margin: 0 auto 42px;
}

.tic-services-heading .tic-section-badge {
    margin-left: auto;
    margin-right: auto;
}

.tic-services-heading h2 {
    margin: 17px 0 13px;

    color: #18192f;

    font-size: clamp(34px, 3.5vw, 50px);

    line-height: 1.08;
    font-weight: 850;
    letter-spacing: -1.5px;
}

.tic-services-heading h2 span {
    color: #7137d8;
}

.tic-services-heading p {
    max-width: 650px;
    margin: 0 auto;

    color: #77798a;

    font-size: 13px;
    line-height: 1.75;
}


/* =========================================================
   GRID
========================================================= */

.tic-services-grid {
    position: relative;
    z-index: 2;

    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 20px;

    align-items: stretch;
}


/* =========================================================
   CARD
========================================================= */

.tic-service-card {
    position: relative;

    min-width: 0;

    display: flex;
    flex-direction: column;

    height: 100%;
    min-height: 410px;

    padding: 24px;

    overflow: hidden;

    border-radius: 22px;

    background: #ffffff;

    border:
        1px solid rgba(54, 35, 95, .08);

    box-shadow:
        0 14px 35px
        rgba(40, 25, 76, .055);

    transition:
        transform .35s ease,
        box-shadow .35s ease,
        border-color .35s ease;
}

.tic-service-card:hover {
    transform: translateY(-7px);

    border-color:
        rgba(111, 53, 217, .18);

    box-shadow:
        0 24px 48px
        rgba(45, 27, 88, .10);
}


/* =========================================================
   FEATURED CARD
========================================================= */

.tic-service-featured {
    background:
        linear-gradient(
            145deg,
            #ffffff,
            #fcf9ff
        );

    border-color:
        rgba(111, 53, 217, .18);

    box-shadow:
        0 18px 42px
        rgba(83, 44, 155, .10);
}

.tic-service-popular {
    position: absolute;

    top: 0;
    right: 20px;

    padding: 6px 11px;

    border-radius:
        0 0 9px 9px;

    color: #ffffff;

    background:
        linear-gradient(
            135deg,
            #6b32cf,
            #8e50e4
        );

    font-size: 7px;

    font-weight: 850;

    letter-spacing: .9px;
}


/* =========================================================
   CARD TOP
========================================================= */

.tic-service-card-top {
    display: flex;

    align-items: center;
    justify-content: space-between;

    margin-bottom: 21px;
}

.tic-service-icon {
    width: 54px;
    height: 54px;

    flex: 0 0 54px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 16px;

    color: #7137d8;

    background:
        linear-gradient(
            135deg,
            rgba(111,53,216,.11),
            rgba(154,91,237,.055)
        );

    font-size: 20px;

    transition:
        color .3s ease,
        background .3s ease,
        transform .3s ease;
}

.tic-service-card:hover .tic-service-icon {
    color: #ffffff;

    transform: rotate(-4deg) scale(1.05);

    background:
        linear-gradient(
            135deg,
            #6730cd,
            #8b4be0
        );
}

.tic-service-number {
    color:
        rgba(111, 53, 217, .10);

    font-size: 36px;

    line-height: 1;

    font-weight: 900;
}


/* =========================================================
   CONTENT
========================================================= */

.tic-service-content {
    flex: 1;

    display: flex;
    flex-direction: column;
}

.tic-service-content h3 {
    margin: 0 0 10px;

    color: #202137;

    font-size: 18px;

    font-weight: 820;

    line-height: 1.25;

    letter-spacing: -.3px;
}

.tic-service-content > p {
    margin: 0 0 17px;

    color: #747686;

    font-size: 11px;

    line-height: 1.68;
}


/* =========================================================
   SERVICE LIST
========================================================= */

.tic-service-content ul {
    list-style: none;

    padding: 0;
    margin: 0;

    display: flex;
    flex-direction: column;

    gap: 9px;
}

.tic-service-content li {
    display: flex;

    align-items: flex-start;

    gap: 8px;

    color: #5d5f70;

    font-size: 10px;

    line-height: 1.45;
}

.tic-service-content li i {
    margin-top: 2px;

    flex: 0 0 auto;

    color: #7137d8;

    font-size: 9px;
}


/* =========================================================
   CARD FOOTER
========================================================= */

.tic-service-footer {
    margin-top: auto;

    padding-top: 16px;

    border-top:
        1px solid rgba(45, 28, 80, .07);
}

.tic-service-footer a {
    display: inline-flex;

    align-items: center;

    gap: 8px;

    color: #7137d8;

    text-decoration: none;

    font-size: 10px;

    font-weight: 800;

    transition:
        gap .3s ease,
        color .3s ease;
}

.tic-service-footer a:hover {
    gap: 12px;

    color: #ff7832;
}


/* =========================================================
   BOTTOM CTA
========================================================= */

.tic-services-bottom {
    position: relative;
    z-index: 2;

    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 25px;

    margin-top: 24px;

    padding: 18px 21px;

    border-radius: 16px;

    background:
        linear-gradient(
            135deg,
            #1b1433,
            #291950
        );

    box-shadow:
        0 16px 35px
        rgba(35, 22, 72, .12);
}

.tic-services-bottom span,
.tic-services-bottom strong {
    display: block;
}

.tic-services-bottom span {
    margin-bottom: 3px;

    color:
        rgba(255,255,255,.64);

    font-size: 9px;
}

.tic-services-bottom strong {
    color: #ffffff;

    font-size: 13px;

    font-weight: 700;
}

.tic-services-bottom-btn {
    min-height: 42px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 9px;

    flex: 0 0 auto;

    padding: 0 17px;

    border-radius: 11px;

    color: #ffffff;

    background:
        linear-gradient(
            135deg,
            #7137d8,
            #9352e7
        );

    text-decoration: none;

    font-size: 10px;

    font-weight: 750;

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}

.tic-services-bottom-btn:hover {
    color: #ffffff;

    transform: translateY(-2px);

    box-shadow:
        0 10px 22px
        rgba(111,55,216,.25);
}


/* =========================================================
   DESKTOP / LAPTOP
   3 CARDS PER ROW = 2 ROWS
========================================================= */

@media (min-width: 992px) {

    .tic-services-grid {
        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;

        gap: 20px !important;
    }

    .tic-service-card {
        height: 100%;

        min-height: 410px;
    }

}


/* =========================================================
   LARGE DESKTOP
========================================================= */

@media (min-width: 1200px) {

    .tic-services-grid {
        gap: 22px !important;
    }

    .tic-service-card {
        padding: 25px;

        min-height: 405px;
    }

}


/* =========================================================
   TABLET
   2 CARDS PER ROW
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .tic-services-section {
        padding: 65px 0;
    }

    .tic-services-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 18px;
    }

    .tic-service-card {
        min-height: 400px;
    }

}


/* =========================================================
   MOBILE
   1 CARD PER ROW
========================================================= */

@media (max-width: 767px) {

    .tic-services-section {
        padding: 52px 0;
    }

    .tic-services-heading {
        margin-bottom: 30px;
    }

    .tic-services-heading h2 {
        font-size: 32px;
    }

    .tic-services-grid {
        grid-template-columns: 1fr !important;

        gap: 15px;
    }

    .tic-service-card {
        min-height: auto;

        height: auto;

        padding: 21px 18px;
    }

    .tic-service-content h3 {
        font-size: 17px;
    }

    .tic-services-bottom {
        align-items: flex-start;

        flex-direction: column;
    }

    .tic-services-bottom-btn {
        width: 100%;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .tic-services-heading h2 {
        font-size: 28px;
    }

    .tic-service-card {
        border-radius: 18px;
    }

    .tic-service-icon {
        width: 48px;
        height: 48px;

        flex-basis: 48px;

        border-radius: 14px;

        font-size: 18px;
    }

    .tic-service-number {
        font-size: 31px;
    }

}


/* =========================================================
   FINAL FIX - SERVICE CARDS OVERLAP
   Desktop = 3 Cards x 2 Rows
========================================================= */

.tic-services-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 22px !important;
    width: 100% !important;
}


/* Card must stay inside its own grid column */
.tic-service-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    box-sizing: border-box !important;

    overflow: hidden !important;

    display: flex !important;
    flex-direction: column !important;
}


/* All inner containers allowed to shrink */
.tic-service-card-top,
.tic-service-content,
.tic-service-footer {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    box-sizing: border-box !important;
}


/* =========================================================
   TITLE WRAPPING FIX
========================================================= */

.tic-service-content h3 {
    width: 100% !important;
    max-width: 100% !important;

    white-space: normal !important;

    overflow-wrap: anywhere !important;
    word-break: normal !important;

    line-height: 1.3 !important;
}


/* =========================================================
   DESCRIPTION WRAPPING FIX
========================================================= */

.tic-service-content > p {
    width: 100% !important;
    max-width: 100% !important;

    white-space: normal !important;

    overflow-wrap: anywhere !important;
    word-break: normal !important;

    line-height: 1.65 !important;
}


/* =========================================================
   LIST FIX
========================================================= */

.tic-service-content ul {
    width: 100% !important;
    max-width: 100% !important;

    min-width: 0 !important;

    padding: 0 !important;
    margin: 0 !important;
}


.tic-service-content li {
    width: 100% !important;
    max-width: 100% !important;

    min-width: 0 !important;

    white-space: normal !important;

    overflow-wrap: anywhere !important;

    box-sizing: border-box !important;
}


/* =========================================================
   FOOTER LINK FIX
========================================================= */

.tic-service-footer {
    margin-top: auto !important;

    overflow: hidden !important;
}


.tic-service-footer a {
    max-width: 100% !important;

    white-space: normal !important;
}


/* =========================================================
   DESKTOP
========================================================= */

@media (min-width: 1200px) {

    .tic-services-grid {
        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;

        gap: 22px !important;
    }

}


/* =========================================================
   SMALL LAPTOP
   Still 3 x 2
========================================================= */

@media (min-width: 992px) and (max-width: 1199px) {

    .tic-services-grid {
        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;

        gap: 15px !important;
    }

    .tic-service-card {
        padding: 20px !important;
    }

    .tic-service-content h3 {
        font-size: 16px !important;
    }

    .tic-service-content > p {
        font-size: 10px !important;
    }

    .tic-service-content li {
        font-size: 9px !important;
    }

}


/* =========================================================
   TABLET
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .tic-services-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .tic-services-grid {
        grid-template-columns: 1fr !important;
        gap: 15px !important;
    }

}

/* =========================================================
   WHY CHOOSE US
========================================================= */

.tic-why-section {
    position: relative;
    overflow: hidden;

    padding: 82px 0;

    background:
        linear-gradient(
            135deg,
            #171027 0%,
            #23133e 52%,
            #321650 100%
        );

    color: #ffffff;
}


/* =========================================================
   BACKGROUND ORBS
========================================================= */

.tic-why-orb {
    position: absolute;

    border-radius: 50%;

    pointer-events: none;

    filter: blur(10px);
}

.tic-why-orb-1 {
    width: 350px;
    height: 350px;

    top: -180px;
    left: -120px;

    background:
        rgba(123, 65, 220, .20);
}

.tic-why-orb-2 {
    width: 320px;
    height: 320px;

    right: -120px;
    bottom: -180px;

    background:
        rgba(255, 122, 50, .12);
}


/* =========================================================
   GRID
========================================================= */

.tic-why-grid {
    position: relative;
    z-index: 2;

    display: grid;

    grid-template-columns:
        minmax(0, 1.04fr)
        minmax(420px, .96fr);

    align-items: center;

    gap: 65px;
}


/* =========================================================
   BADGE
========================================================= */

.tic-why-badge {
    width: fit-content;

    display: inline-flex;

    align-items: center;

    gap: 8px;

    padding: 8px 14px;

    border-radius: 999px;

    color: #d8c5ff;

    background:
        rgba(255,255,255,.07);

    border:
        1px solid rgba(255,255,255,.09);

    font-size: 9px;

    font-weight: 850;

    letter-spacing: 1px;
}

.tic-why-badge i {
    color: #ff9a5c;
}


/* =========================================================
   HEADING
========================================================= */

.tic-why-content h2 {
    max-width: 660px;

    margin: 17px 0 15px;

    color: #ffffff;

    font-size:
        clamp(35px, 3.6vw, 51px);

    font-weight: 850;

    line-height: 1.08;

    letter-spacing: -1.4px;
}

.tic-why-content h2 span {
    display: block;

    background:
        linear-gradient(
            90deg,
            #a975ff,
            #c08cff,
            #ff9352
        );

    -webkit-background-clip: text;
    background-clip: text;

    -webkit-text-fill-color: transparent;
}

.tic-why-description {
    max-width: 650px;

    margin: 0;

    color:
        rgba(255,255,255,.65);

    font-size: 12px;

    line-height: 1.75;
}


/* =========================================================
   FEATURES
========================================================= */

.tic-why-features {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0,1fr));

    gap: 11px;

    margin-top: 26px;
}

.tic-why-feature {
    display: flex;

    align-items: flex-start;

    gap: 11px;

    min-width: 0;

    padding: 13px;

    border-radius: 14px;

    background:
        rgba(255,255,255,.045);

    border:
        1px solid rgba(255,255,255,.065);

    transition:
        transform .3s ease,
        background .3s ease,
        border-color .3s ease;
}

.tic-why-feature:hover {
    transform: translateY(-3px);

    background:
        rgba(255,255,255,.075);

    border-color:
        rgba(167,112,255,.20);
}

.tic-why-feature-icon {
    width: 39px;
    height: 39px;

    flex: 0 0 39px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 11px;

    color: #b785ff;

    background:
        rgba(159,99,245,.12);

    font-size: 13px;
}

.tic-why-feature h4 {
    margin: 0 0 4px;

    color: #ffffff;

    font-size: 11px;

    font-weight: 800;
}

.tic-why-feature p {
    margin: 0;

    color:
        rgba(255,255,255,.56);

    font-size: 8.5px;

    line-height: 1.5;
}


/* =========================================================
   ACTIONS
========================================================= */

.tic-why-actions {
    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 21px;

    margin-top: 27px;
}

.tic-why-primary-btn {
    min-height: 48px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 10px;

    padding: 0 21px;

    border-radius: 12px;

    color: #ffffff;

    background:
        linear-gradient(
            135deg,
            #7137d8,
            #9655e8
        );

    text-decoration: none;

    font-size: 10px;

    font-weight: 800;

    box-shadow:
        0 13px 28px
        rgba(105,49,207,.27);

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}

.tic-why-primary-btn:hover {
    color: #ffffff;

    transform: translateY(-2px);

    box-shadow:
        0 17px 35px
        rgba(105,49,207,.35);
}


/* =========================================================
   TRUST
========================================================= */

.tic-why-trusted {
    display: flex;

    align-items: center;

    gap: 9px;
}

.tic-why-trusted > i {
    width: 37px;
    height: 37px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    color: #ff9757;

    background:
        rgba(255,151,87,.10);
}

.tic-why-trusted strong,
.tic-why-trusted span {
    display: block;
}

.tic-why-trusted strong {
    margin-bottom: 2px;

    color: #ffffff;

    font-size: 9px;
}

.tic-why-trusted span {
    color:
        rgba(255,255,255,.48);

    font-size: 8px;
}


/* =========================================================
   RIGHT VISUAL
========================================================= */

.tic-why-visual {
    position: relative;

    min-height: 520px;
}

.tic-why-image-glow {
    position: absolute;

    inset: 40px 20px 10px;

    border-radius: 40px;

    background:
        linear-gradient(
            135deg,
            rgba(143,77,233,.32),
            rgba(255,122,50,.13)
        );

    filter: blur(35px);
}

.tic-why-image-frame {
    position: absolute;

    inset: 0 15px 0 0;

    overflow: hidden;

    border-radius: 28px;

    background: #201134;

    border:
        1px solid rgba(255,255,255,.07);

    box-shadow:
        0 30px 65px
        rgba(0,0,0,.24);
}

.tic-why-image-frame > img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
    object-position: center;
}

.tic-why-image-overlay {
    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            180deg,
            rgba(18,8,34,.05) 35%,
            rgba(18,8,34,.55) 100%
        );
}


/* =========================================================
   FLOATING CARD
========================================================= */

.tic-why-floating-card {
    position: absolute;

    z-index: 3;

    display: flex;

    align-items: center;

    gap: 10px;

    padding: 11px 13px;

    border-radius: 14px;

    background:
        rgba(255,255,255,.92);

    backdrop-filter: blur(14px);

    box-shadow:
        0 15px 32px
        rgba(0,0,0,.17);
}

.tic-why-card-top {
    top: 22px;
    left: 21px;
}

.tic-why-floating-icon {
    width: 37px;
    height: 37px;

    display: flex;

    align-items: center;
    justify-content: center;

    flex: 0 0 37px;

    border-radius: 11px;

    color: #ffffff;

    background:
        linear-gradient(
            135deg,
            #7036d6,
            #9553e6
        );
}

.tic-why-floating-card strong,
.tic-why-floating-card span {
    display: block;
}

.tic-why-floating-card strong {
    color: #242338;

    font-size: 9px;

    font-weight: 800;
}

.tic-why-floating-card span {
    margin-top: 2px;

    color: #8b8996;

    font-size: 8px;
}


/* =========================================================
   IMAGE STATS
========================================================= */

.tic-why-stats {
    position: absolute;

    left: 20px;
    right: 20px;
    bottom: 20px;

    z-index: 3;

    display: grid;

    grid-template-columns:
        1fr auto 1fr auto 1fr;

    align-items: center;

    padding: 14px 17px;

    border-radius: 15px;

    background:
        rgba(23,13,39,.78);

    backdrop-filter: blur(14px);

    border:
        1px solid rgba(255,255,255,.08);
}

.tic-why-stat {
    text-align: center;
}

.tic-why-stat strong,
.tic-why-stat span {
    display: block;
}

.tic-why-stat strong {
    color: #ffffff;

    font-size: 18px;

    line-height: 1;

    font-weight: 850;
}

.tic-why-stat span {
    margin-top: 4px;

    color:
        rgba(255,255,255,.55);

    font-size: 8px;
}

.tic-why-stat-divider {
    width: 1px;
    height: 28px;

    background:
        rgba(255,255,255,.13);
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .tic-why-section {
        padding: 65px 0;
    }

    .tic-why-grid {
        grid-template-columns: 1fr;

        gap: 45px;
    }

    .tic-why-visual {
        min-height: 500px;

        max-width: 700px;

        width: 100%;

        margin: 0 auto;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .tic-why-section {
        padding: 52px 0;
    }

    .tic-why-content h2 {
        font-size: 32px;
    }

    .tic-why-features {
        grid-template-columns: 1fr;
    }

    .tic-why-actions {
        flex-direction: column;

        align-items: stretch;
    }

    .tic-why-primary-btn {
        width: 100%;
    }

    .tic-why-visual {
        min-height: 400px;
    }

    .tic-why-image-frame {
        inset: 0;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .tic-why-content h2 {
        font-size: 28px;
    }

    .tic-why-visual {
        min-height: 350px;
    }

    .tic-why-stats {
        left: 12px;
        right: 12px;
        bottom: 12px;

        padding: 12px 8px;
    }

}

/* =========================================================
   OUR COMMITMENT
========================================================= */

.tic-commitment-section {
    position: relative;
    overflow: hidden;

    padding: 82px 0;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #fbf9ff 100%
        );
}


/* =========================================================
   BACKGROUND DECORATION
========================================================= */

.tic-commitment-orb {
    position: absolute;

    border-radius: 50%;

    pointer-events: none;
}

.tic-commitment-orb-1 {
    width: 290px;
    height: 290px;

    top: 100px;
    left: -160px;

    background:
        rgba(111, 53, 217, .055);
}

.tic-commitment-orb-2 {
    width: 320px;
    height: 320px;

    right: -170px;
    bottom: 40px;

    background:
        rgba(255, 122, 50, .055);
}


/* =========================================================
   MAIN GRID
========================================================= */

.tic-commitment-grid {
    position: relative;
    z-index: 2;

    display: grid;

    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(420px, .95fr);

    gap: 70px;

    align-items: center;
}


/* =========================================================
   CONTENT
========================================================= */

.tic-commitment-content {
    min-width: 0;
}

.tic-commitment-content h2 {
    margin: 17px 0 17px;

    color: #18192f;

    font-size:
        clamp(34px, 3.5vw, 50px);

    line-height: 1.08;

    font-weight: 850;

    letter-spacing: -1.4px;
}

.tic-commitment-content h2 span {
    display: block;

    color: #7137d8;
}

.tic-commitment-content > p {
    max-width: 680px;

    margin: 0 0 11px;

    color: #707283;

    font-size: 12px;

    line-height: 1.75;
}

.tic-commitment-lead {
    color: #343548 !important;

    font-size: 13px !important;
}


/* =========================================================
   FEATURE GRID
========================================================= */

.tic-commitment-features {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 11px;

    margin-top: 24px;
}

.tic-commitment-feature {
    min-width: 0;

    display: flex;

    align-items: flex-start;

    gap: 11px;

    padding: 13px;

    border-radius: 14px;

    border:
        1px solid rgba(64, 38, 108, .075);

    background:
        linear-gradient(
            135deg,
            #ffffff,
            #fcfbff
        );

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease;
}

.tic-commitment-feature:hover {
    transform: translateY(-3px);

    border-color:
        rgba(113, 55, 216, .16);

    box-shadow:
        0 11px 26px
        rgba(48, 27, 90, .07);
}

.tic-commitment-feature-icon {
    width: 39px;
    height: 39px;

    flex: 0 0 39px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 11px;

    color: #7137d8;

    background:
        rgba(113, 55, 216, .085);

    font-size: 13px;
}

.tic-commitment-feature h4 {
    margin: 0 0 4px;

    color: #26273c;

    font-size: 10px;

    font-weight: 800;

    line-height: 1.3;
}

.tic-commitment-feature p {
    margin: 0;

    color: #818391;

    font-size: 8.5px;

    line-height: 1.5;
}


/* =========================================================
   ACTIONS
========================================================= */

.tic-commitment-actions {
    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 20px;

    margin-top: 25px;
}

.tic-commitment-mini-trust {
    display: flex;

    align-items: center;

    gap: 9px;
}

.tic-commitment-trust-icon {
    width: 37px;
    height: 37px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    color: #ff7832;

    background:
        rgba(255, 120, 50, .09);
}

.tic-commitment-mini-trust strong,
.tic-commitment-mini-trust span {
    display: block;
}

.tic-commitment-mini-trust strong {
    color: #303145;

    font-size: 9px;

    font-weight: 800;
}

.tic-commitment-mini-trust span {
    margin-top: 2px;

    color: #8a8b99;

    font-size: 8px;
}


/* =========================================================
   RIGHT VISUAL
========================================================= */

.tic-commitment-visual {
    position: relative;

    min-height: 530px;
}

.tic-commitment-image-glow {
    position: absolute;

    inset: 40px 30px 20px;

    border-radius: 40px;

    background:
        linear-gradient(
            135deg,
            rgba(111, 53, 217, .24),
            rgba(255, 122, 50, .11)
        );

    filter: blur(35px);
}

.tic-commitment-image-frame {
    position: absolute;

    inset: 0 25px 25px 0;

    overflow: hidden;

    border-radius: 30px;

    background: #1d1234;

    box-shadow:
        0 26px 60px
        rgba(40, 22, 80, .15);
}

.tic-commitment-image-frame > img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;
}

.tic-commitment-image-overlay {
    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            180deg,
            rgba(20, 8, 40, .03) 40%,
            rgba(20, 8, 40, .28) 100%
        );
}


/* =========================================================
   FLOATING CARDS
========================================================= */

.tic-commitment-floating-card {
    position: absolute;

    z-index: 3;

    display: flex;

    align-items: center;

    gap: 10px;

    padding: 10px 13px;

    border-radius: 14px;

    background:
        rgba(255, 255, 255, .92);

    backdrop-filter: blur(14px);

    box-shadow:
        0 13px 30px
        rgba(28, 16, 60, .15);
}

.tic-commitment-card-top {
    top: 22px;
    left: 22px;
}

.tic-commitment-card-bottom {
    right: 20px;
    bottom: 22px;
}

.tic-commitment-floating-icon {
    width: 37px;
    height: 37px;

    flex: 0 0 37px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 11px;

    color: #ffffff;

    background:
        linear-gradient(
            135deg,
            #6b33d1,
            #9554e6
        );
}

.tic-commitment-floating-icon.orange {
    background:
        linear-gradient(
            135deg,
            #ff7832,
            #ff9d62
        );
}

.tic-commitment-floating-card strong,
.tic-commitment-floating-card span {
    display: block;
}

.tic-commitment-floating-card strong {
    color: #292a3f;

    font-size: 9px;

    font-weight: 800;
}

.tic-commitment-floating-card span {
    margin-top: 2px;

    color: #858693;

    font-size: 8px;
}


/* =========================================================
   EXPERIENCE CARD
========================================================= */

.tic-commitment-experience {
    position: absolute;

    z-index: 4;

    right: 0;
    bottom: 0;

    display: flex;

    align-items: center;

    gap: 11px;

    min-width: 205px;

    padding: 14px 17px;

    border-radius: 16px;

    background: #ffffff;

    border:
        1px solid rgba(70, 40, 120, .07);

    box-shadow:
        0 17px 38px
        rgba(38, 20, 78, .14);
}

.tic-commitment-experience > strong {
    color: #7137d8;

    font-size: 32px;

    line-height: 1;

    font-weight: 900;
}

.tic-commitment-experience span,
.tic-commitment-experience b {
    display: block;
}

.tic-commitment-experience span {
    color: #93949f;

    font-size: 8px;
}

.tic-commitment-experience b {
    margin-top: 1px;

    color: #313246;

    font-size: 9px;
}


/* =========================================================
   BOTTOM TRUST STRIP
========================================================= */

.tic-commitment-strip {
    position: relative;
    z-index: 2;

    display: grid;

    grid-template-columns:
        1fr auto 1fr auto 1fr auto 1fr;

    align-items: center;

    margin-top: 28px;

    padding: 16px 22px;

    border-radius: 16px;

    background: #ffffff;

    border:
        1px solid rgba(65, 37, 110, .07);

    box-shadow:
        0 11px 30px
        rgba(40, 23, 78, .05);
}

.tic-commitment-strip-item {
    min-width: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 9px;
}

.tic-commitment-strip-item > i {
    width: 34px;
    height: 34px;

    flex: 0 0 34px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 10px;

    color: #7137d8;

    background:
        rgba(113, 55, 216, .075);

    font-size: 11px;
}

.tic-commitment-strip-item strong,
.tic-commitment-strip-item span {
    display: block;
}

.tic-commitment-strip-item strong {
    margin-bottom: 2px;

    color: #303145;

    font-size: 9px;

    font-weight: 800;
}

.tic-commitment-strip-item span {
    color: #8c8d9a;

    font-size: 8px;
}

.tic-commitment-strip-divider {
    width: 1px;
    height: 31px;

    background:
        rgba(55, 32, 95, .08);
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .tic-commitment-section {
        padding: 65px 0;
    }

    .tic-commitment-grid {
        grid-template-columns: 1fr;

        gap: 45px;
    }

    .tic-commitment-visual {
        width: 100%;

        max-width: 680px;

        min-height: 500px;

        margin: 0 auto;
    }

    .tic-commitment-strip {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 14px;
    }

    .tic-commitment-strip-divider {
        display: none;
    }

    .tic-commitment-strip-item {
        justify-content: flex-start;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .tic-commitment-section {
        padding: 52px 0;
    }

    .tic-commitment-content h2 {
        font-size: 32px;
    }

    .tic-commitment-features {
        grid-template-columns: 1fr;
    }

    .tic-commitment-actions {
        align-items: flex-start;

        flex-direction: column;
    }

    .tic-commitment-actions .tic-about-primary-btn {
        width: 100%;
    }

    .tic-commitment-visual {
        min-height: 400px;
    }

    .tic-commitment-image-frame {
        inset: 0 0 25px 0;
    }

    .tic-commitment-experience {
        right: 12px;
    }

    .tic-commitment-strip {
        grid-template-columns: 1fr;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .tic-commitment-content h2 {
        font-size: 28px;
    }

    .tic-commitment-visual {
        min-height: 350px;
    }

    .tic-commitment-card-bottom {
        right: 12px;
        bottom: 55px;
    }

    .tic-commitment-floating-card {
        padding: 8px 10px;
    }

}


/* =========================================================
   FINAL PREMIUM CTA
========================================================= */

.tic-final-cta-section {
    position: relative;

    padding: 78px 0 0;

    background: #ffffff;

    overflow: hidden;
}


/* =========================================================
   CTA CONTAINER
========================================================= */

.tic-final-cta {
    position: relative;

    min-height: 430px;

    overflow: hidden;

    display: grid;

    grid-template-columns:
        minmax(0, 1.12fr)
        minmax(360px, .88fr);

    align-items: center;

    gap: 50px;

    padding: 55px 65px;

    border-radius: 32px 32px 0 0;

    background:
        linear-gradient(
            125deg,
            #1b0d35 0%,
            #331365 46%,
            #5c21a4 100%
        );

    box-shadow:
        0 -5px 40px
        rgba(62, 30, 118, .09);
}


/* =========================================================
   BACKGROUND GRID
========================================================= */

.tic-final-cta-grid {
    position: absolute;

    inset: 0;

    opacity: .13;

    pointer-events: none;

    background-image:
        linear-gradient(
            rgba(255,255,255,.10) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.10) 1px,
            transparent 1px
        );

    background-size: 40px 40px;

    mask-image:
        linear-gradient(
            to right,
            rgba(0,0,0,.8),
            transparent
        );
}


/* =========================================================
   ORBS
========================================================= */

.tic-final-cta-orb {
    position: absolute;

    border-radius: 50%;

    pointer-events: none;

    filter: blur(3px);
}


.tic-final-orb-1 {
    width: 300px;
    height: 300px;

    left: -130px;
    bottom: -190px;

    background:
        rgba(173, 106, 255, .20);
}


.tic-final-orb-2 {
    width: 330px;
    height: 330px;

    right: -100px;
    top: -160px;

    background:
        rgba(255, 125, 58, .18);
}


/* =========================================================
   CONTENT
========================================================= */

.tic-final-cta-content {
    position: relative;

    z-index: 3;

    min-width: 0;
}


/* =========================================================
   BADGE
========================================================= */

.tic-final-cta-badge {
    width: fit-content;

    display: inline-flex;

    align-items: center;

    gap: 8px;

    padding: 8px 14px;

    border-radius: 999px;

    color: #dfceff;

    background:
        rgba(255,255,255,.08);

    border:
        1px solid rgba(255,255,255,.10);

    font-size: 9px;

    font-weight: 850;

    letter-spacing: 1px;
}


.tic-final-cta-badge i {
    color: #ff9655;
}


/* =========================================================
   HEADING
========================================================= */

.tic-final-cta-content h2 {
    max-width: 700px;

    margin: 17px 0 15px;

    color: #ffffff;

    font-size:
        clamp(38px, 4vw, 57px);

    line-height: 1.05;

    font-weight: 850;

    letter-spacing: -1.8px;
}


.tic-final-cta-content h2 span {
    display: block;

    background:
        linear-gradient(
            90deg,
            #c397ff,
            #edc7ff,
            #ff9c60
        );

    -webkit-background-clip: text;

    background-clip: text;

    -webkit-text-fill-color: transparent;
}


.tic-final-cta-content > p {
    max-width: 670px;

    margin: 0;

    color:
        rgba(255,255,255,.65);

    font-size: 12px;

    line-height: 1.75;
}


/* =========================================================
   ACTIONS
========================================================= */

.tic-final-cta-actions {
    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 13px;

    margin-top: 25px;
}


/* Primary */

.tic-final-primary-btn {
    min-height: 50px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 10px;

    padding: 0 22px;

    border-radius: 13px;

    color: #ffffff;

    background:
        linear-gradient(
            135deg,
            #ff7131,
            #ff934d
        );

    text-decoration: none;

    font-size: 10px;

    font-weight: 800;

    box-shadow:
        0 13px 30px
        rgba(255,113,49,.22);

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}


.tic-final-primary-btn:hover {
    color: #ffffff;

    transform: translateY(-2px);

    box-shadow:
        0 17px 35px
        rgba(255,113,49,.30);
}


/* Phone */

.tic-final-secondary-btn {
    min-height: 50px;

    display: inline-flex;

    align-items: center;

    gap: 9px;

    padding: 6px 15px 6px 7px;

    border-radius: 13px;

    color: #ffffff;

    background:
        rgba(255,255,255,.07);

    border:
        1px solid rgba(255,255,255,.09);

    text-decoration: none;

    transition:
        background .3s ease,
        transform .3s ease;
}


.tic-final-secondary-btn:hover {
    color: #ffffff;

    background:
        rgba(255,255,255,.11);

    transform: translateY(-2px);
}


.tic-final-call-icon {
    width: 36px;
    height: 36px;

    flex: 0 0 36px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 10px;

    color: #ffffff;

    background:
        rgba(183,133,255,.20);

    font-size: 11px;
}


.tic-final-call-content small,
.tic-final-call-content strong {
    display: block;
}


.tic-final-call-content small {
    margin-bottom: 1px;

    color:
        rgba(255,255,255,.52);

    font-size: 7px;
}


.tic-final-call-content strong {
    color: #ffffff;

    font-size: 9px;

    font-weight: 750;
}


/* =========================================================
   TRUST ITEMS
========================================================= */

.tic-final-trust {
    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 17px;

    margin-top: 21px;
}


.tic-final-trust span {
    display: inline-flex;

    align-items: center;

    gap: 6px;

    color:
        rgba(255,255,255,.58);

    font-size: 8px;

    font-weight: 600;
}


.tic-final-trust i {
    color: #a77bff;

    font-size: 9px;
}


/* =========================================================
   RIGHT VISUAL
========================================================= */

.tic-final-visual {
    position: relative;

    z-index: 3;

    min-height: 315px;

    display: flex;

    align-items: center;
    justify-content: center;
}


/* =========================================================
   MAIN CIRCLE
========================================================= */

.tic-final-visual-circle {
    position: relative;

    width: 275px;
    height: 275px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.12),
            rgba(255,255,255,.035)
        );

    border:
        1px solid rgba(255,255,255,.13);

    box-shadow:
        inset 0 0 50px
        rgba(255,255,255,.03),
        0 25px 60px
        rgba(10,3,30,.22);
}


.tic-final-visual-circle::before {
    content: "";

    position: absolute;

    inset: 22px;

    border-radius: 50%;

    border:
        1px dashed
        rgba(255,255,255,.16);
}


/* =========================================================
   INNER CIRCLE
========================================================= */

.tic-final-visual-inner {
    position: relative;

    z-index: 2;

    width: 190px;
    height: 190px;

    display: flex;

    flex-direction: column;

    align-items: center;
    justify-content: center;

    text-align: center;

    border-radius: 50%;

    background:
        linear-gradient(
            135deg,
            rgba(30,12,60,.85),
            rgba(90,34,157,.88)
        );

    border:
        1px solid rgba(255,255,255,.10);

    box-shadow:
        0 15px 35px
        rgba(8,3,25,.20);
}


.tic-final-main-icon {
    width: 45px;
    height: 45px;

    display: flex;

    align-items: center;
    justify-content: center;

    margin-bottom: 11px;

    border-radius: 14px;

    color: #ffffff;

    background:
        linear-gradient(
            135deg,
            #ff7434,
            #ff9a58
        );

    font-size: 16px;

    box-shadow:
        0 10px 24px
        rgba(255,116,52,.22);
}


.tic-final-visual-inner > span {
    color:
        rgba(255,255,255,.50);

    font-size: 7px;

    font-weight: 800;

    letter-spacing: 1.1px;
}


.tic-final-visual-inner > strong {
    display: block;

    margin-top: 5px;

    color: #ffffff;

    font-size: 19px;

    line-height: 1.12;

    font-weight: 850;
}


.tic-final-visual-inner b {
    display: block;

    color: #d0a8ff;
}


/* =========================================================
   FLOATING SERVICE ICONS
========================================================= */

.tic-final-floating-icon {
    position: absolute;

    z-index: 4;

    width: 42px;
    height: 42px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 13px;

    color: #ffffff;

    background:
        rgba(255,255,255,.12);

    border:
        1px solid rgba(255,255,255,.12);

    backdrop-filter: blur(10px);

    font-size: 13px;

    box-shadow:
        0 10px 25px
        rgba(7,2,22,.15);
}


.tic-final-fi-1 {
    top: 18px;
    left: 32px;
}


.tic-final-fi-2 {
    top: 38px;
    right: 10px;
}


.tic-final-fi-3 {
    bottom: 26px;
    right: 22px;
}


.tic-final-fi-4 {
    bottom: 15px;
    left: 19px;
}


/* =========================================================
   RESULT CARD
========================================================= */

.tic-final-result-card {
    position: absolute;

    right: -10px;
    bottom: 0;

    display: flex;

    align-items: center;

    gap: 9px;

    padding: 10px 12px;

    border-radius: 13px;

    background:
        rgba(255,255,255,.93);

    backdrop-filter: blur(14px);

    box-shadow:
        0 14px 30px
        rgba(10,4,30,.18);
}


.tic-final-result-icon {
    width: 35px;
    height: 35px;

    flex: 0 0 35px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 10px;

    color: #ffffff;

    background:
        linear-gradient(
            135deg,
            #7236d8,
            #9755e7
        );

    font-size: 11px;
}


.tic-final-result-card strong,
.tic-final-result-card span {
    display: block;
}


.tic-final-result-card strong {
    color: #29293d;

    font-size: 9px;

    font-weight: 800;
}


.tic-final-result-card span {
    margin-top: 2px;

    color: #858692;

    font-size: 7px;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .tic-final-cta-section {
        padding-top: 60px;
    }

    .tic-final-cta {
        grid-template-columns: 1fr;

        gap: 45px;

        padding: 48px 40px;
    }

    .tic-final-visual {
        max-width: 500px;

        width: 100%;

        margin: 0 auto;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .tic-final-cta-section {
        padding-top: 50px;
    }

    .tic-final-cta {
        min-height: auto;

        padding: 38px 20px;

        border-radius: 24px 24px 0 0;
    }

    .tic-final-cta-content h2 {
        font-size: 34px;
    }

    .tic-final-cta-actions {
        align-items: stretch;

        flex-direction: column;
    }

    .tic-final-primary-btn,
    .tic-final-secondary-btn {
        width: 100%;
    }

    .tic-final-secondary-btn {
        justify-content: center;
    }

    .tic-final-trust {
        gap: 10px 15px;
    }

    .tic-final-visual {
        min-height: 300px;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .tic-final-cta-content h2 {
        font-size: 29px;
    }

    .tic-final-visual-circle {
        width: 245px;
        height: 245px;
    }

    .tic-final-visual-inner {
        width: 165px;
        height: 165px;
    }

    .tic-final-result-card {
        right: 0;
    }

}


  /* Additional style fixes for About Us page - preserves all existing code */
    
    /* Service feature item hover effect */
    .service-feature-item {
        background: #ffffff;
        border-radius: 20px;
        padding: 35px 25px;
        transition: all 0.3s ease;
        box-shadow: 0 5px 20px rgba(0,0,0,0.05);
        height: 100%;
    }
    
    .service-feature-item:hover {
        transform: translateY(-8px);
        box-shadow: 0 15px 35px rgba(255, 107, 61, 0.15);
        border-bottom: 3px solid #ff6b3d;
    }
    
    .service-feature-item .icon {
        width: 70px;
        height: 70px;
        background: linear-gradient(135deg, #ff6b3d15, #ff6b3d08);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto 20px;
    }
    
    .service-feature-item .icon i {
        font-size: 32px;
        color: #ff6b3d;
    }
    
    .service-feature-item h4 {
        font-size: 1.4rem;
        font-weight: 700;
        margin-bottom: 15px;
        color: #1a2b3e;
    }
    
    .service-feature-item p {
        color: #5a6e7c;
        font-size: 0.95rem;
        line-height: 1.6;
    }
    
    /* Custom list styling */
    .custom-list {
        list-style: none;
        padding-left: 0;
        margin-bottom: 0;
    }
    
    .custom-list li {
        position: relative;
        padding-left: 22px;
        margin-bottom: 8px;
        font-size: 0.9rem;
        color: #4a5a6a;
    }
    
    .custom-list li:before {
        content: "✓";
        position: absolute;
        left: 0;
        color: #ff6b3d;
        font-weight: bold;
    }
    
    .custom-list.text-white li {
        color: #ffffff;
    }
    
    .custom-list.text-white li:before {
        color: #ffaa7a;
    }
    
    /* Value box items enhancement */
    .value-box-items {
        transition: all 0.3s ease;
    }
    
    .value-box-items:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    }
    
    .value-box-items .icon i {
        font-size: 48px;
        color: #ff6b3d;
    }
    
    .value-box-items .content h3 {
        font-size: 1.8rem;
        font-weight: 700;
        margin-top: 15px;
        color: #1a2b3e;
    }
    
    /* About section image styling */
    .about-image img {
        border-radius: 20px;
        box-shadow: 0 15px 35px rgba(0,0,0,0.1);
        width: 100%;
    }
    
    /* Icon items area */
    .icon-items-area {
        display: flex;
        flex-direction: column;
        gap: 20px;
        margin-top: 20px;
    }
    
    .icon-items {
        display: flex;
        gap: 15px;
        align-items: flex-start;
        padding: 15px;
        background: #f8f9fc;
        border-radius: 15px;
        transition: all 0.3s ease;
    }
    
    .icon-items:hover {
        background: #ffffff;
        box-shadow: 0 5px 20px rgba(0,0,0,0.05);
    }
    
    .icon-items .icon i {
        font-size: 40px;
        color: #ff6b3d;
    }
    
    .icon-items .content h3 {
        font-size: 1.2rem;
        font-weight: 700;
        margin-bottom: 8px;
        color: #1a2b3e;
    }
    
    .icon-items .content p {
        font-size: 0.9rem;
        color: #5a6e7c;
        margin-bottom: 0;
    }
    
    /* CTA section enhancements */
    .cta-wrapper {
        border-radius: 30px;
        padding: 50px 40px;
        text-align: center;
        position: relative;
        overflow: hidden;
    }
    
    .cta-wrapper h2 {
        font-size: 2.5rem;
        font-weight: 800;
        color: #ffffff;
        margin-bottom: 15px;
    }
    
    .cta-wrapper p {
        font-size: 1.1rem;
        margin-bottom: 25px;
    }
    
    /* Theme button styling */
    .theme-btn {
        display: inline-block;
        background: #ff6b3d;
        color: #ffffff;
        padding: 12px 28px;
        border-radius: 50px;
        font-weight: 600;
        text-decoration: none;
        transition: all 0.3s ease;
    }
    
    .theme-btn:hover {
        background: #e55a2b;
        color: #ffffff;
        transform: translateX(5px);
    }
    
    .main-button {
        display: inline-flex;
        align-items: center;
        gap: 10px;
    }
    
    .arrow-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 48px;
        height: 48px;
        background: #ff6b3d;
        border-radius: 50%;
        transition: all 0.3s ease;
    }
    
    .arrow-btn i {
        color: #ffffff;
        font-size: 18px;
    }
    
    .main-button:hover .arrow-btn {
        transform: rotate(45deg);
        background: #e55a2b;
    }
    
    /* Breadcrumb styling */
    .breadcrumb-wrapper {
        padding: 100px 0;
        position: relative;
        background-size: cover;
        background-position: center;
    }
    
    .page-heading h1 {
        font-size: 3rem;
        font-weight: 800;
        color: #ffffff;
        margin-bottom: 15px;
    }
    
    .breadcrumb-items {
        display: flex;
        align-items: center;
        gap: 10px;
        list-style: none;
        padding: 0;
        margin: 0;
    }
    
    .breadcrumb-items li {
        color: #ffffff;
        font-size: 1rem;
    }
    
    .breadcrumb-items li a {
        color: #ffaa7a;
        text-decoration: none;
    }
    
    .breadcrumb-items li a:hover {
        color: #ffffff;
    }
    
    /* Section padding */
    .section-padding {
        padding: 80px 0;
    }
    
    .pt-0 {
        padding-top: 0;
    }
    
    .pb-0 {
        padding-bottom: 0;
    }
    
    /* Section background */
    .section-bg {
        background: #f8f9fc;
    }
    
    /* Section title styling */
    .section-title .sub-title {
        display: inline-block;
        padding: 8px 20px;
        border-radius: 50px;
        margin-bottom: 15px;
    }
    
    .bg-color-2 {
        background: #ff6b3d15;
    }
    
    .bg-color-3 {
        background: rgba(255, 255, 255, 0.15);
    }
    
    .bg-color-2 span,
    .bg-color-3 span {
        font-weight: 600;
        font-size: 0.85rem;
        letter-spacing: 1px;
    }
    
    .bg-color-2 span {
        color: #ff6b3d;
    }
    
    .bg-color-3 span {
        color: #ffffff;
    }
    
    .section-title h2 {
        font-size: 2.5rem;
        font-weight: 800;
        color: #1a2b3e;
        margin-bottom: 0;
    }
    
    .text-white h2 {
        color: #ffffff;
    }
    
    /* Responsive adjustments */
    @media (max-width: 768px) {
        .section-title h2 {
            font-size: 1.8rem;
        }
        
        .cta-wrapper h2 {
            font-size: 1.6rem;
        }
        
        .breadcrumb-wrapper {
            padding: 60px 0;
        }
        
        .page-heading h1 {
            font-size: 2.2rem;
        }
        
        .section-padding {
            padding: 50px 0;
        }
        
        .service-feature-item {
            padding: 25px 20px;
        }
        
        .value-box-items .content h3 {
            font-size: 1.4rem;
        }
    }
    
    /* Animation classes */
    .wow {
        visibility: hidden;
    }
    
    /* Background cover for counter section */
    .bg-cover {
        background-size: cover;
        background-position: center;
    }
    
    /* Shape animations */
    .float-bob-y {
        animation: floatBobY 3s ease-in-out infinite;
    }
    
    .float-bob-x {
        animation: floatBobX 4s ease-in-out infinite;
    }
    
    @keyframes floatBobY {
        0%, 100% { transform: translateY(0); }
        50% { transform: translateY(-15px); }
    }
    
    @keyframes floatBobX {
        0%, 100% { transform: translateX(0); }
        50% { transform: translateX(-15px); }
    }
    
    @keyframes img-custom-anim-left {
        from {
            opacity: 0;
            transform: translateX(-50px);
        }
        to {
            opacity: 1;
            transform: translateX(0);
        }
    }
    
    @keyframes img-custom-anim-right {
        from {
            opacity: 0;
            transform: translateX(50px);
        }
        to {
            opacity: 1;
            transform: translateX(0);
        }
    }
    
    .img-custom-anim-left {
        animation: img-custom-anim-left 1s ease forwards;
    }
    
    .img-custom-anim-right {
        animation: img-custom-anim-right 1s ease forwards;
    }
    
    /* Rounded corners */
    .rounded-4 {
        border-radius: 20px;
    }
    
    /* CTA video image */
    .cta-video-image img {
        border-radius: 20px;
        width: 100%;
        box-shadow: 0 15px 35px rgba(0,0,0,0.2);
    }
    
    /* Rocket shape */
    .rokect-shape {
        position: relative;
        margin-bottom: -30px;
        text-align: center;
    }
    
    .rokect-shape img {
        max-width: 80px;
    }



/* =========================================================
   ABOUT US PAGE — DESKTOP VIEWPORT FIT
   Target: Laptop/Desktop 1366x768+
========================================================= */

@media (min-width: 992px) {

    /* =====================================================
       01. ABOUT HERO
    ===================================================== */

    .tic-about-hero {
        min-height: calc(100svh - 100px);
        padding: 18px 0 24px;
        display: flex;
        align-items: center;
    }

    .tic-about-hero > .container {
        width: 100%;
    }

    .tic-about-breadcrumb {
        margin-bottom: 12px;
        font-size: 10px;
    }

    .tic-about-hero-main {
        grid-template-columns:
            minmax(0, 1.05fr)
            minmax(380px, .95fr);

        gap: 42px;
        align-items: center;
    }

    .tic-about-kicker {
        padding: 6px 13px;
        font-size: 9px;
    }

    .tic-about-kicker-icon {
        width: 21px;
        height: 21px;
    }

    .tic-about-hero-copy h1 {
        max-width: 650px;
        margin: 11px 0 13px;

        font-size: clamp(37px, 3.5vw, 50px);
        line-height: 1.03;
        letter-spacing: -1.7px;
    }

    .tic-about-hero-copy > p {
        max-width: 620px;
        font-size: 12px;
        line-height: 1.6;
    }

    .tic-about-hero-actions {
        margin-top: 16px;
        gap: 10px;
    }

    .tic-about-primary-btn,
    .tic-about-secondary-btn {
        min-height: 43px;
        padding: 0 17px;
        font-size: 10px;
    }

    .tic-about-hero-stats {
        margin-top: 15px;
        padding-top: 12px;
        gap: 16px;
    }

    .tic-about-stat strong {
        font-size: 18px;
    }

    .tic-about-stat span {
        font-size: 8px;
    }

    .tic-about-stat-divider {
        height: 28px;
    }

    .tic-about-hero-visual {
        height: 375px;
        min-height: 375px;
    }

    .tic-about-image-card {
        inset: 0 18px 0 8px;
        border-radius: 25px;
    }

    .tic-about-floating-card {
        padding: 8px 11px;
    }

    .tic-floating-icon {
        width: 31px;
        height: 31px;
        flex: 0 0 31px;
    }


    /* =====================================================
       02. WHO WE ARE
    ===================================================== */

    .tic-who-section {
        padding: 58px 0;
    }

    .tic-who-grid {
        grid-template-columns:
            minmax(370px, .92fr)
            minmax(0, 1.08fr);

        gap: 48px;
        align-items: center;
    }

    .tic-who-visual {
        min-height: 410px;
    }

    .tic-who-image-frame {
        min-height: 390px;
    }

    .tic-who-content h2 {
        margin: 12px 0 12px;
        font-size: clamp(31px, 2.8vw, 40px);
        line-height: 1.08;
    }

    .tic-who-lead {
        margin-bottom: 8px;
    }

    .tic-who-content > p {
        font-size: 11px;
        line-height: 1.6;
        margin-bottom: 8px;
    }

    .tic-who-feature-grid {
        margin-top: 17px;
        gap: 10px;
    }

    .tic-who-feature {
        padding: 10px;
    }

    .tic-who-feature-icon {
        width: 38px;
        height: 38px;
        flex: 0 0 38px;
    }

    .tic-who-feature h4 {
        font-size: 10px;
    }

    .tic-who-feature p {
        font-size: 8px;
    }

    .tic-who-footer {
        margin-top: 17px;
    }


    /* =====================================================
       03. MISSION & VISION
    ===================================================== */

    .tic-mv-section {
        padding: 58px 0;
    }

    .tic-mv-heading {
        margin-bottom: 27px;
    }

    .tic-mv-heading h2 {
        margin: 12px 0 10px;
        font-size: clamp(31px, 2.8vw, 40px);
    }

    .tic-mv-heading > p {
        font-size: 11px;
    }

    .tic-mv-grid {
        gap: 18px;
    }

    .tic-mv-card {
        min-height: 315px;
        padding: 22px;
    }

    .tic-mv-icon {
        width: 47px;
        height: 47px;
    }

    .tic-mv-content h3 {
        font-size: 18px;
        line-height: 1.2;
    }

    .tic-mv-content p {
        font-size: 10px;
        line-height: 1.6;
    }

    .tic-mv-points {
        margin-top: 13px;
        gap: 6px;
    }

    .tic-mv-point {
        font-size: 9px;
    }

    .tic-mv-trust {
        margin-top: 23px;
        padding: 14px 20px;
    }


    /* =====================================================
       04. SERVICES
    ===================================================== */

    .tic-services-section {
        padding: 58px 0;
    }

    .tic-services-heading {
        margin-bottom: 27px;
    }

    .tic-services-heading h2 {
        margin: 12px 0 10px;
        font-size: clamp(31px, 2.8vw, 40px);
    }

    .tic-services-heading > p {
        font-size: 11px;
    }

    .tic-services-grid {
        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;

        gap: 16px !important;
    }

    .tic-service-card {
        min-height: 350px !important;
        padding: 20px !important;
    }

    .tic-service-icon {
        width: 45px;
        height: 45px;
    }

    .tic-service-content h3 {
        font-size: 16px;
        line-height: 1.2;
    }

    .tic-service-content > p {
        font-size: 9px;
        line-height: 1.55;
    }

    .tic-service-content li {
        font-size: 9px;
        line-height: 1.45;
    }

    .tic-service-footer {
        padding-top: 13px;
    }

    .tic-services-bottom {
        margin-top: 22px;
        padding: 15px 20px;
    }


    /* =====================================================
       05. WHY CHOOSE US
    ===================================================== */

    .tic-why-section {
        padding: 58px 0;
    }

    .tic-why-grid {
        grid-template-columns:
            minmax(0, 1.05fr)
            minmax(370px, .95fr);

        gap: 45px;
        align-items: center;
    }

    .tic-why-content h2 {
        margin: 12px 0 11px;
        font-size: clamp(31px, 2.8vw, 40px);
    }

    .tic-why-description {
        font-size: 11px;
        line-height: 1.6;
    }

    .tic-why-features {
        margin-top: 18px;
        gap: 10px;
    }

    .tic-why-feature {
        padding: 9px;
    }

    .tic-why-feature-icon {
        width: 37px;
        height: 37px;
        flex: 0 0 37px;
    }

    .tic-why-feature h4 {
        font-size: 10px;
    }

    .tic-why-feature p {
        font-size: 8px;
        line-height: 1.45;
    }

    .tic-why-actions {
        margin-top: 17px;
    }

    .tic-why-visual {
        min-height: 410px;
    }

    .tic-why-image-frame {
        min-height: 390px;
    }


    /* =====================================================
       06. COMMITMENT
    ===================================================== */

    .tic-commitment-section {
        padding: 58px 0;
    }

    .tic-commitment-grid {
        grid-template-columns:
            minmax(0, 1.06fr)
            minmax(370px, .94fr);

        gap: 46px;
        align-items: center;
    }

    .tic-commitment-content h2 {
        margin: 12px 0 11px;
        font-size: clamp(31px, 2.8vw, 40px);
    }

    .tic-commitment-content > p,
    .tic-commitment-lead {
        font-size: 10px;
        line-height: 1.55;
        margin-bottom: 7px;
    }

    .tic-commitment-features {
        margin-top: 16px;
        gap: 10px;
    }

    .tic-commitment-feature {
        padding: 9px;
    }

    .tic-commitment-feature-icon {
        width: 37px;
        height: 37px;
        flex: 0 0 37px;
    }

    .tic-commitment-feature h4 {
        font-size: 10px;
    }

    .tic-commitment-feature p {
        font-size: 8px;
        line-height: 1.45;
    }

    .tic-commitment-actions {
        margin-top: 17px;
    }

    .tic-commitment-visual {
        min-height: 410px;
    }

    .tic-commitment-image-frame {
        min-height: 390px;
    }

    .tic-commitment-strip {
        margin-top: 22px;
        padding: 14px 18px;
    }


    /* =====================================================
       07. FINAL CTA
    ===================================================== */

    .tic-final-cta-section {
        padding-top: 50px;
    }

    .tic-final-cta {
        min-height: 370px;
        padding: 42px 52px;
    }

    .tic-final-cta-content h2 {
        margin: 14px 0 12px;

        font-size: clamp(32px, 3vw, 44px);
        line-height: 1.07;
    }

    .tic-final-cta-content > p {
        font-size: 11px;
        line-height: 1.65;
    }

    .tic-final-cta-actions {
        margin-top: 19px;
    }

    .tic-final-trust {
        margin-top: 17px;
    }

    .tic-final-visual {
        min-height: 270px;
    }

    .tic-final-visual-circle {
        width: 225px;
        height: 225px;
    }

    .tic-final-visual-inner {
        width: 165px;
        height: 165px;
    }
}


/* =========================================================
   EXTRA COMPACT — 1366x768 / SHORT LAPTOP
========================================================= */

@media (min-width: 992px) and (max-height: 800px) {

    .tic-about-hero {
        min-height: calc(100svh - 95px);
        padding: 12px 0 16px;
    }

    .tic-about-breadcrumb {
        margin-bottom: 8px;
    }

    .tic-about-hero-main {
        gap: 35px;
    }

    .tic-about-hero-copy h1 {
        font-size: clamp(34px, 3.2vw, 45px);
        margin: 8px 0 10px;
    }

    .tic-about-hero-copy > p {
        font-size: 11px;
        line-height: 1.5;
    }

    .tic-about-hero-actions {
        margin-top: 12px;
    }

    .tic-about-hero-stats {
        margin-top: 11px;
        padding-top: 9px;
    }

    .tic-about-hero-visual {
        height: 350px;
        min-height: 350px;
    }


    .tic-who-section,
    .tic-mv-section,
    .tic-services-section,
    .tic-why-section,
    .tic-commitment-section {
        padding-top: 46px;
        padding-bottom: 46px;
    }

    .tic-who-visual,
    .tic-why-visual,
    .tic-commitment-visual {
        min-height: 375px;
    }

    .tic-who-image-frame,
    .tic-why-image-frame,
    .tic-commitment-image-frame {
        min-height: 355px;
    }

    .tic-mv-card {
        min-height: 290px;
    }

    .tic-service-card {
        min-height: 330px !important;
    }

    .tic-final-cta-section {
        padding-top: 40px;
    }

    .tic-final-cta {
        min-height: 340px;
        padding: 36px 45px;
    }
}