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

:root{

    --primary:#00C9A7;
    --secondary:#3B82F6;
    --dark:#071521;
    --dark-light:#0E2235;
    --card-bg:rgba(255,255,255,.05);
    --card-border:rgba(255,255,255,.12);
    --text:#ffffff;
    --text-light:rgba(255,255,255,.75);

    --gradient:
    linear-gradient(
        135deg,
        #00C9A7 0%,
        #3B82F6 100%
    );

    --shadow:
    0 20px 60px rgba(0,0,0,.35);

}

*{

    margin:0;
    padding:0;
    box-sizing:border-box;

}

html{

    scroll-behavior:smooth;

}

body{

    font-family:'Inter',sans-serif;
    background:#071521;
    color:#fff;
    overflow-x:hidden;

}

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

.tds-hero{

    position:relative;

    min-height:100vh;

    display:flex;

    align-items:center;

    overflow:hidden;

    padding:150px 7% 110px;

    background:

    radial-gradient(circle at 0% 0%,
    rgba(0,201,167,.18),
    transparent 38%),

    radial-gradient(circle at 100% 100%,
    rgba(59,130,246,.18),
    transparent 38%),

    linear-gradient(
        180deg,
        #071521 0%,
        #081A2C 100%
    );

}

/*==========================================================
            AURORA GLOW
==========================================================*/

.tds-hero::before{

    content:"";

    position:absolute;

    width:520px;
    height:520px;

    background:#00C9A7;

    filter:blur(140px);

    opacity:.15;

    border-radius:50%;

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

    animation:
    glowMoveOne 14s ease-in-out infinite;

}

.tds-hero::after{

    content:"";

    position:absolute;

    width:520px;
    height:520px;

    background:#3B82F6;

    filter:blur(150px);

    opacity:.16;

    border-radius:50%;

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

    animation:
    glowMoveTwo 15s ease-in-out infinite;

}

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

.hero-container{

    position:relative;

    width:100%;

    max-width:1400px;

    margin:auto;

    display:grid;

    grid-template-columns:
    1.05fr
    .95fr;

    gap:70px;

    align-items:center;

    z-index:2;

}

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

.hero-content{

    position:relative;

    z-index:5;

}

.hero-badge{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:12px 22px;

    border-radius:50px;

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

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

    backdrop-filter:blur(20px);

    color:#DDFDF7;

    font-size:.95rem;

    font-weight:600;

    letter-spacing:.4px;

    margin-bottom:28px;

}

.hero-content h1{

    font-family:'Outfit',sans-serif;

    font-size:4rem;

    line-height:1.15;

    font-weight:800;

    color:#fff;

    margin-bottom:28px;

    max-width:760px;

}

.hero-description{

    font-size:1.12rem;

    line-height:1.95;

    color:var(--text-light);

    max-width:720px;

}

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

.hero-highlights{

    display:grid;

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

    gap:18px;

    margin-top:40px;

}

/*==========================================================
            HERO HIGHLIGHT ITEMS
==========================================================*/

.highlight-item{

    position:relative;

    display:flex;

    align-items:center;

    gap:12px;

    padding:18px 22px;

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

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

    backdrop-filter:blur(25px);

    border-radius:18px;

    color:#F5F7FA;

    font-size:.98rem;

    font-weight:600;

    transition:.45s;

    overflow:hidden;

}

.highlight-item::before{

    content:"";

    position:absolute;

    inset:0;

    background:

    linear-gradient(
    90deg,
    transparent,
    rgba(255,255,255,.08),
    transparent);

    transform:translateX(-100%);

    transition:.8s;

}

.highlight-item:hover::before{

    transform:translateX(100%);

}

.highlight-item:hover{

    transform:translateY(-8px);

    border-color:rgba(0,201,167,.35);

    box-shadow:

    0 18px 40px rgba(0,201,167,.12);

}

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

.hero-buttons{

    display:flex;

    align-items:center;

    gap:22px;

    margin-top:45px;

    flex-wrap:wrap;

}

.primary-btn{

    display:inline-flex;

    justify-content:center;

    align-items:center;

    padding:18px 38px;

    border-radius:60px;

    text-decoration:none;

    background:var(--gradient);

    color:#fff;

    font-size:1rem;

    font-weight:700;

    letter-spacing:.4px;

    transition:.45s;

    box-shadow:

    0 18px 45px rgba(0,201,167,.30);

}

.primary-btn:hover{

    transform:

    translateY(-6px);

    box-shadow:

    0 30px 60px rgba(0,201,167,.45);

}

.secondary-btn{

    display:inline-flex;

    justify-content:center;

    align-items:center;

    padding:18px 38px;

    border-radius:60px;

    text-decoration:none;

    color:#fff;

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

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

    backdrop-filter:blur(18px);

    transition:.45s;

    font-weight:700;

}

.secondary-btn:hover{

    transform:

    translateY(-6px);

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

    border-color:rgba(0,201,167,.40);

}

/*==========================================================
            RIGHT SIDE
==========================================================*/

.hero-right{

    position:relative;

    display:flex;

    justify-content:center;

    align-items:center;

    min-height:720px;

}

/*==========================================================
            MAIN GLASS CARD
==========================================================*/

.main-card{

    position:relative;

    width:100%;

    max-width:480px;

    padding:42px;

    border-radius:30px;

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

    backdrop-filter:blur(30px);

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

    box-shadow:

    0 30px 80px rgba(0,0,0,.35);

    overflow:hidden;

}

.main-card::before{

    content:"";

    position:absolute;

    inset:0;

    padding:1px;

    border-radius:30px;

    background:

    linear-gradient(
    135deg,
    rgba(0,201,167,.60),
    rgba(59,130,246,.40));

    -webkit-mask:

    linear-gradient(#fff 0 0) content-box,

    linear-gradient(#fff 0 0);

    -webkit-mask-composite:xor;

            mask-composite:exclude;

}

.card-tag{

    display:inline-block;

    padding:10px 18px;

    border-radius:40px;

    background:rgba(0,201,167,.15);

    color:#8DFFE7;

    font-size:.82rem;

    letter-spacing:1px;

    font-weight:700;

    margin-bottom:22px;

}

.main-card h2{

    font-family:'Outfit',sans-serif;

    font-size:2.2rem;

    margin-bottom:18px;

}

.main-card p{

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

    line-height:1.9;

    margin-bottom:25px;

}

.main-card ul{

    list-style:none;

}

.main-card ul li{

    padding:13px 0;

    color:#F2F5F8;

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

}

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

.floating-card{

    position:absolute;

    padding:22px 30px;

    border-radius:22px;

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

    backdrop-filter:blur(25px);

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

    box-shadow:

    0 18px 45px rgba(0,0,0,.28);

    animation:

    floating 5s ease-in-out infinite;

}

.floating-card h3{

    font-family:'Outfit',sans-serif;

    font-size:2rem;

    color:#00E6BE;

    margin-bottom:8px;

}

.floating-card p{

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

    font-size:.92rem;

}

.floating-one{

    top:40px;

    right:-40px;

}

.floating-two{

    bottom:140px;

    left:-55px;

    animation-delay:1.5s;

}

.floating-three{

    bottom:20px;

    right:20px;

    animation-delay:3s;

}

/*==========================================================
            ANIMATIONS
==========================================================*/

@keyframes floating{

    0%,100%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-18px);

    }

}

@keyframes glowMoveOne{

    0%{

        transform:translate(0,0);

    }

    50%{

        transform:translate(90px,60px);

    }

    100%{

        transform:translate(0,0);

    }

}

@keyframes glowMoveTwo{

    0%{

        transform:translate(0,0);

    }

    50%{

        transform:translate(-80px,-50px);

    }

    100%{

        transform:translate(0,0);

    }

}

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

@media (max-width:1200px){

    .hero-container{

        grid-template-columns:1fr;
        gap:60px;
        text-align:center;

    }

    .hero-content{

        display:flex;
        flex-direction:column;
        align-items:center;

    }

    .hero-content h1{

        max-width:100%;

    }

    .hero-description{

        max-width:100%;

    }

    .hero-right{

        min-height:620px;

    }

}

@media (max-width:992px){

    .tds-hero{

        padding:130px 5% 90px;
        min-height:auto;

    }

    .hero-content h1{

        font-size:3.2rem;

    }

    .hero-highlights{

        grid-template-columns:1fr;
        width:100%;

    }

    .hero-buttons{

        justify-content:center;

    }

    .main-card{

        max-width:100%;

    }

    .floating-one{

        top:10px;
        right:10px;

    }

    .floating-two{

        left:10px;
        bottom:110px;

    }

    .floating-three{

        right:10px;
        bottom:10px;

    }

}

@media (max-width:768px){

    .tds-hero{

        padding:120px 5% 80px;

    }

    .hero-content h1{

        font-size:2.7rem;
        line-height:1.2;

    }

    .hero-description{

        font-size:1rem;
        line-height:1.8;

    }

    .hero-buttons{

        flex-direction:column;
        width:100%;

    }

    .primary-btn,
    .secondary-btn{

        width:100%;

    }

    .main-card{

        padding:32px 24px;
        border-radius:24px;

    }

    .main-card h2{

        font-size:1.9rem;

    }

    .floating-card{

        padding:18px 22px;

    }

    .floating-card h3{

        font-size:1.6rem;

    }

}

@media (max-width:576px){

    .tds-hero{

        padding:110px 4% 70px;

    }

    .hero-content h1{

        font-size:2.2rem;

    }

    .hero-badge{

        font-size:.85rem;
        padding:10px 18px;

    }

    .highlight-item{

        padding:16px 18px;
        font-size:.92rem;

    }

    .hero-right{

        min-height:520px;

    }

    .main-card{

        padding:26px 20px;

    }

    .main-card h2{

        font-size:1.7rem;

    }

    .floating-card{

        position:relative;
        margin-top:15px;
        animation:none;

    }

    .floating-one,
    .floating-two,
    .floating-three{

        top:auto;
        left:auto;
        right:auto;
        bottom:auto;

    }

}

/*==========================================================
            EXTRA PREMIUM POLISH
==========================================================*/

.hero-content{

    animation:fadeUp 1s ease both;

}

.hero-right{

    animation:fadeUp 1.2s ease both;

}

@keyframes fadeUp{

    from{

        opacity:0;
        transform:translateY(30px);

    }

    to{

        opacity:1;
        transform:translateY(0);

    }

}

/*==========================================================
            SECTION 2
        WHAT IS TDS RETURN FILING
==========================================================*/

.tds-introduction{

    position:relative;

    padding:120px 7%;

    overflow:hidden;

    background:

    linear-gradient(
    180deg,
    #081A2C 0%,
    #071521 100%);

}

/*==============================
        BACKGROUND GLOW
==============================*/

.tds-introduction::before{

    content:"";

    position:absolute;

    width:420px;

    height:420px;

    border-radius:50%;

    background:#00C9A7;

    filter:blur(140px);

    opacity:.08;

    top:-120px;

    left:-180px;

}

.tds-introduction::after{

    content:"";

    position:absolute;

    width:450px;

    height:450px;

    border-radius:50%;

    background:#3B82F6;

    filter:blur(150px);

    opacity:.10;

    bottom:-180px;

    right:-180px;

}

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

.section-container{

    position:relative;

    max-width:1400px;

    margin:auto;

    z-index:2;

}

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

.section-heading{

    text-align:center;

    max-width:850px;

    margin:0 auto 70px;

}

.section-badge{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:12px 24px;

    border-radius:50px;

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

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

    backdrop-filter:blur(18px);

    color:#9AF8E6;

    font-size:.9rem;

    font-weight:700;

    letter-spacing:1px;

    margin-bottom:25px;

}

.section-heading h2{

    font-family:'Outfit',sans-serif;

    font-size:3rem;

    font-weight:800;

    line-height:1.2;

    color:#ffffff;

    margin-bottom:20px;

}

.section-heading p{

    font-size:1.08rem;

    line-height:1.9;

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

}

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

.intro-grid{

    display:grid;

    grid-template-columns:1.35fr .75fr;

    gap:40px;

    align-items:start;

}

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

.intro-content{

    position:relative;

    padding:45px;

    border-radius:30px;

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

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

    backdrop-filter:blur(22px);

    overflow:hidden;

    transition:.45s;

}

.intro-content::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:5px;

    height:100%;

    background:

    linear-gradient(
    180deg,
    #00C9A7,
    #3B82F6);

}

.intro-content:hover{

    transform:translateY(-8px);

    border-color:rgba(0,201,167,.35);

    box-shadow:

    0 30px 70px rgba(0,0,0,.35);

}

.intro-content p{

    font-size:1.05rem;

    line-height:2;

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

    margin-bottom:24px;

}

.intro-content strong{

    color:#ffffff;

    font-weight:700;

}

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

.intro-card{

    position:sticky;

    top:120px;

    padding:38px;

    border-radius:28px;

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

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

    backdrop-filter:blur(25px);

    overflow:hidden;

    transition:.45s;

}

.intro-card:hover{

    transform:translateY(-8px);

    border-color:rgba(59,130,246,.35);

    box-shadow:

    0 25px 60px rgba(0,0,0,.35);

}

.intro-card::before{

    content:"";

    position:absolute;

    inset:0;

    background:

    linear-gradient(
    140deg,
    rgba(0,201,167,.06),
    transparent,
    rgba(59,130,246,.08));

    pointer-events:none;

}

.card-header{

    margin-bottom:25px;

}

.card-header h3{

    font-family:'Outfit',sans-serif;

    font-size:1.7rem;

    color:#ffffff;

}

.intro-card ul{

    list-style:none;

}

.intro-card ul li{

    position:relative;

    padding:16px 0 16px 32px;

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

    font-size:1rem;

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

}

.intro-card ul li:last-child{

    border-bottom:none;

}

.intro-card ul li::before{

    content:"✓";

    position:absolute;

    left:0;

    top:16px;

    width:22px;

    height:22px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:rgba(0,201,167,.18);

    color:#00E6BE;

    font-size:.8rem;

    font-weight:700;

}

/*==============================
        RESPONSIVE
==============================*/

@media(max-width:1100px){

.intro-grid{

grid-template-columns:1fr;

}

.intro-card{

position:relative;

top:0;

}

}

@media(max-width:768px){

.tds-introduction{

padding:90px 20px;

}

.section-heading h2{

font-size:2.2rem;

}

.section-heading{

margin-bottom:45px;

}

.intro-content{

padding:30px;

}

.intro-card{

padding:30px;

}

.intro-content p{

font-size:1rem;

line-height:1.9;

}

}

@media(max-width:500px){

.section-heading h2{

font-size:1.9rem;

}

.section-badge{

font-size:.78rem;

padding:10px 18px;

}

.intro-content{

padding:25px;

}

.intro-card{

padding:25px;

}

}

/*==========================================================
                SECTION 3
        WHO NEEDS TDS RETURN FILING
==========================================================*/

.tds-eligibility{

    position:relative;

    padding:130px 7%;

    background:

    linear-gradient(
    180deg,
    #071521 0%,
    #081E31 100%);

    overflow:hidden;

}

/*=========================================
            BACKGROUND GLOW
=========================================*/

.tds-eligibility::before{

    content:"";

    position:absolute;

    width:520px;

    height:520px;

    border-radius:50%;

    background:#00C9A7;

    filter:blur(170px);

    opacity:.08;

    top:-180px;

    right:-200px;

}

.tds-eligibility::after{

    content:"";

    position:absolute;

    width:460px;

    height:460px;

    border-radius:50%;

    background:#3B82F6;

    filter:blur(160px);

    opacity:.08;

    left:-180px;

    bottom:-180px;

}

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

.eligibility-grid{

    position:relative;

    display:grid;

    grid-template-columns:

    repeat(3,1fr);

    gap:30px;

    z-index:2;

}

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

.eligibility-card{

    position:relative;

    padding:40px;

    border-radius:28px;

    overflow:hidden;

    background:

    rgba(255,255,255,.05);

    backdrop-filter:blur(26px);

    border:

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

    transition:.45s;

}

/* Premium Border */

.eligibility-card::before{

    content:"";

    position:absolute;

    inset:0;

    padding:1px;

    border-radius:28px;

    background:

    linear-gradient(

    140deg,

    rgba(0,201,167,.55),

    transparent,

    rgba(59,130,246,.45)

    );

    -webkit-mask:

    linear-gradient(#fff 0 0)

    content-box,

    linear-gradient(#fff 0 0);

    -webkit-mask-composite:xor;

    mask-composite:exclude;

}

/* Hover Glow */

.eligibility-card:hover{

    transform:

    translateY(-12px);

    border-color:

    rgba(0,201,167,.30);

    box-shadow:

    0 35px 80px

    rgba(0,0,0,.35);

}

/*=========================================
            ICON
=========================================*/

.card-icon{

    width:78px;

    height:78px;

    border-radius:24px;

    display:flex;

    justify-content:center;

    align-items:center;

    margin-bottom:28px;

    background:

    linear-gradient(

    135deg,

    rgba(0,201,167,.22),

    rgba(59,130,246,.22)

    );

    border:

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

    color:#00E4BD;

    font-size:30px;

    transition:.45s;

}

.eligibility-card:hover .card-icon{

    transform:

    rotate(-8deg)

    scale(1.08);

}

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

.eligibility-card h3{

    font-family:'Outfit',sans-serif;

    font-size:1.45rem;

    color:#fff;

    margin-bottom:18px;

}

/*=========================================
            PARAGRAPH
=========================================*/

.eligibility-card p{

    color:

    rgba(255,255,255,.76);

    line-height:1.95;

    font-size:1rem;

}

/*=========================================
        PREMIUM CTA CARD
=========================================*/

.eligibility-note{

    margin-top:70px;

}

.note-content{

    position:relative;

    overflow:hidden;

    padding:60px;

    border-radius:34px;

    text-align:center;

    background:

    linear-gradient(

    135deg,

    rgba(0,201,167,.10),

    rgba(59,130,246,.08)

    );

    border:

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

    backdrop-filter:blur(25px);

}

.note-content span{

    display:inline-block;

    padding:10px 24px;

    border-radius:50px;

    margin-bottom:22px;

    background:

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

    color:#98FBE7;

    font-weight:700;

    letter-spacing:1px;

}

.note-content h3{

    font-family:'Outfit',sans-serif;

    font-size:2.3rem;

    margin-bottom:20px;

    color:#fff;

}

.note-content p{

    max-width:900px;

    margin:auto;

    line-height:2;

    color:

    rgba(255,255,255,.78);

}

.note-content a{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    margin-top:40px;

    padding:18px 42px;

    border-radius:60px;

    text-decoration:none;

    color:#fff;

    font-weight:700;

    background:var(--gradient);

    box-shadow:

    0 20px 45px

    rgba(0,201,167,.25);

    transition:.45s;

}

.note-content a:hover{

    transform:

    translateY(-6px);

}

/*=========================================
            RESPONSIVE
=========================================*/

@media(max-width:1100px){

.eligibility-grid{

grid-template-columns:

repeat(2,1fr);

}

}

@media(max-width:768px){

.tds-eligibility{

padding:90px 20px;

}

.eligibility-grid{

grid-template-columns:1fr;

}

.eligibility-card{

padding:30px;

}

.note-content{

padding:40px 25px;

}

.note-content h3{

font-size:1.8rem;

}

}

@media(max-width:500px){

.card-icon{

width:65px;

height:65px;

font-size:25px;

}

.eligibility-card h3{

font-size:1.25rem;

}

.note-content h3{

font-size:1.5rem;

}

}

/*==========================================================
                SECTION 4
        TYPES OF TDS RETURNS
==========================================================*/

.tds-return-types{

position:relative;

padding:130px 7%;

overflow:hidden;

background:

linear-gradient(

180deg,

#081E31 0%,

#071521 100%

);

}

/*=========================================
            GLOW
=========================================*/

.tds-return-types::before{

content:"";

position:absolute;

width:520px;

height:520px;

background:#00C9A7;

filter:blur(180px);

opacity:.08;

border-radius:50%;

left:-180px;

top:-180px;

}

.tds-return-types::after{

content:"";

position:absolute;

width:450px;

height:450px;

background:#3B82F6;

filter:blur(170px);

opacity:.08;

border-radius:50%;

right:-180px;

bottom:-180px;

}

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

.return-grid{

position:relative;

display:grid;

grid-template-columns:

repeat(2,1fr);

gap:35px;

z-index:2;

}

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

.return-card{

position:relative;

overflow:hidden;

padding:45px;

border-radius:32px;

background:

rgba(255,255,255,.05);

border:

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

backdrop-filter:blur(28px);

transition:.45s;

}

.return-card::before{

content:"";

position:absolute;

inset:0;

padding:1px;

border-radius:32px;

background:

linear-gradient(

140deg,

rgba(0,201,167,.45),

transparent,

rgba(59,130,246,.40)

);

-webkit-mask:

linear-gradient(#fff 0 0)

content-box,

linear-gradient(#fff 0 0);

-webkit-mask-composite:xor;

mask-composite:exclude;

}

.return-card:hover{

transform:

translateY(-12px);

box-shadow:

0 35px 80px

rgba(0,0,0,.35);

}

/*=========================================
            NUMBER
=========================================*/

.return-number{

font-family:'Outfit',sans-serif;

font-size:5rem;

font-weight:800;

line-height:1;

background:

linear-gradient(

135deg,

#00E0B7,

#4DA5FF

);

-webkit-background-clip:text;

-webkit-text-fill-color:transparent;

margin-bottom:25px;

}

/*=========================================
            TITLE
=========================================*/

.return-card h3{

font-family:'Outfit',sans-serif;

font-size:1.8rem;

margin-bottom:18px;

color:#fff;

}

/*=========================================
            TEXT
=========================================*/

.return-card p{

line-height:2;

font-size:1rem;

color:

rgba(255,255,255,.78);

margin-bottom:30px;

}

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

.return-footer{

padding-top:20px;

border-top:

1px solid rgba(255,255,255,.08);

display:flex;

justify-content:space-between;

align-items:center;

}

.return-footer span{

font-size:.92rem;

color:

rgba(255,255,255,.60);

}

.return-footer strong{

font-size:.95rem;

color:#00E7BF;

}

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

.return-info{

margin-top:70px;

}

.return-info-content{

padding:60px;

text-align:center;

border-radius:35px;

background:

linear-gradient(

135deg,

rgba(0,201,167,.10),

rgba(59,130,246,.08)

);

border:

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

backdrop-filter:blur(28px);

}

.return-info-content span{

display:inline-block;

padding:10px 22px;

border-radius:50px;

margin-bottom:20px;

background:

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

color:#97FFE8;

font-weight:700;

}

.return-info-content h3{

font-family:'Outfit',sans-serif;

font-size:2.3rem;

margin-bottom:20px;

}

.return-info-content p{

max-width:900px;

margin:auto;

line-height:2;

color:

rgba(255,255,255,.78);

}

.return-info-content a{

display:inline-flex;

justify-content:center;

align-items:center;

margin-top:40px;

padding:18px 42px;

border-radius:60px;

text-decoration:none;

color:#fff;

font-weight:700;

background:var(--gradient);

transition:.45s;

}

.return-info-content a:hover{

transform:

translateY(-6px);

}

/*=========================================
            RESPONSIVE
=========================================*/

@media(max-width:992px){

.return-grid{

grid-template-columns:1fr;

}

}

@media(max-width:768px){

.tds-return-types{

padding:90px 20px;

}

.return-card{

padding:30px;

}

.return-number{

font-size:4rem;

}

.return-info-content{

padding:40px 25px;

}

.return-info-content h3{

font-size:1.8rem;

}

}

@media(max-width:500px){

.return-footer{

flex-direction:column;

align-items:flex-start;

gap:10px;

}

.return-number{

font-size:3.3rem;

}

.return-card h3{

font-size:1.4rem;

}

.return-info-content h3{

font-size:1.5rem;

}

}

/*==========================================================
                SECTION 5
            TDS DUE DATES
==========================================================*/

.tds-due-dates{

    position:relative;

    padding:130px 7%;

    overflow:hidden;

    background:
    linear-gradient(
    180deg,
    #071521 0%,
    #0A1F33 100%);

}

/*=========================================
            BACKGROUND GLOW
=========================================*/

.tds-due-dates::before{

    content:"";

    position:absolute;

    width:520px;
    height:520px;

    border-radius:50%;

    background:#00C9A7;

    filter:blur(170px);

    opacity:.08;

    left:-220px;
    top:-180px;

}

.tds-due-dates::after{

    content:"";

    position:absolute;

    width:480px;
    height:480px;

    border-radius:50%;

    background:#3B82F6;

    filter:blur(170px);

    opacity:.08;

    right:-220px;
    bottom:-180px;

}

/*=========================================
            TIMELINE
=========================================*/

.timeline-line{

    position:relative;

    max-width:1100px;

    margin:0 auto 60px;

    height:8px;

}

.timeline-line span{

    position:absolute;

    left:0;
    right:0;
    top:50%;

    transform:translateY(-50%);

    height:4px;

    border-radius:50px;

    background:
    linear-gradient(
    90deg,
    #00C9A7,
    #3B82F6);

    box-shadow:
    0 0 25px rgba(0,201,167,.45);

}

.timeline-line span::before,
.timeline-line span::after{

    content:"";

    position:absolute;

    width:18px;
    height:18px;

    border-radius:50%;

    background:#00E6BE;

    top:50%;

    transform:translateY(-50%);

    box-shadow:
    0 0 18px rgba(0,201,167,.65);

}

.timeline-line span::before{

    left:0;

}

.timeline-line span::after{

    right:0;

}

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

.due-date-grid{

    position:relative;

    display:grid;

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

    gap:28px;

    z-index:2;

}

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

.due-card{

    position:relative;

    padding:35px;

    border-radius:30px;

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

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

    backdrop-filter:blur(25px);

    transition:.45s;

    overflow:hidden;

}

.due-card::before{

    content:"";

    position:absolute;

    inset:0;

    padding:1px;

    border-radius:30px;

    background:
    linear-gradient(
    135deg,
    rgba(0,201,167,.55),
    transparent,
    rgba(59,130,246,.45));

    -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);

    -webkit-mask-composite:xor;

    mask-composite:exclude;

}

.due-card:hover{

    transform:translateY(-10px);

    box-shadow:
    0 30px 70px rgba(0,0,0,.35);

}

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

.quarter-badge{

    width:65px;
    height:65px;

    border-radius:18px;

    display:flex;

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

    margin-bottom:22px;

    font-family:'Outfit',sans-serif;

    font-size:1.4rem;

    font-weight:800;

    color:#fff;

    background:var(--gradient);

    box-shadow:
    0 15px 35px rgba(0,201,167,.28);

}

.due-card h3{

    font-family:'Outfit',sans-serif;

    color:#fff;

    font-size:1.4rem;

    margin-bottom:18px;

}

.due-card h4{

    color:#92FFE8;

    margin-bottom:10px;

    font-size:.9rem;

    letter-spacing:1px;

    text-transform:uppercase;

}

.due-date{

    font-family:'Outfit',sans-serif;

    font-size:2rem;

    font-weight:800;

    margin-bottom:18px;

    color:#ffffff;

}

.due-card p{

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

    line-height:1.9;

}

/*=========================================
        COMPLIANCE ALERT
=========================================*/

.compliance-alert{

    margin-top:80px;

    display:flex;

    gap:35px;

    align-items:center;

    padding:50px;

    border-radius:35px;

    background:
    linear-gradient(
    135deg,
    rgba(0,201,167,.08),
    rgba(59,130,246,.08));

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

    backdrop-filter:blur(25px);

}

.alert-icon{

    min-width:90px;

    width:90px;

    height:90px;

    border-radius:24px;

    display:flex;

    justify-content:center;

    align-items:center;

    background:var(--gradient);

    color:#fff;

    font-size:2rem;

}

.alert-content span{

    display:inline-block;

    margin-bottom:15px;

    color:#9CFBE8;

    font-weight:700;

    letter-spacing:1px;

}

.alert-content h3{

    font-family:'Outfit',sans-serif;

    font-size:2rem;

    margin-bottom:18px;

}

.alert-content p{

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

    line-height:2;

    margin-bottom:28px;

}

.alert-content a{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:16px 38px;

    border-radius:50px;

    background:var(--gradient);

    color:#fff;

    text-decoration:none;

    font-weight:700;

    transition:.4s;

}

.alert-content a:hover{

    transform:translateY(-5px);

}

/*=========================================
            RESPONSIVE
=========================================*/

@media(max-width:1200px){

.due-date-grid{

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

}

}

@media(max-width:768px){

.tds-due-dates{

padding:90px 20px;

}

.timeline-line{

display:none;

}

.due-date-grid{

grid-template-columns:1fr;

}

.compliance-alert{

flex-direction:column;

text-align:center;

padding:35px 25px;

}

.alert-content h3{

font-size:1.6rem;

}

}

@media(max-width:500px){

.quarter-badge{

width:55px;
height:55px;

font-size:1.1rem;

}

.due-date{

font-size:1.6rem;

}

.alert-icon{

width:75px;
height:75px;

min-width:75px;

font-size:1.6rem;

}

}

/*==========================================================
                SECTION 6
        DOCUMENTS REQUIRED
==========================================================*/

.tds-documents{

    position:relative;

    padding:130px 7%;

    overflow:hidden;

    background:
    linear-gradient(
    180deg,
    #081C2E 0%,
    #071521 100%);

}

/*=========================================
        BACKGROUND GLOW
=========================================*/

.tds-documents::before{

    content:"";

    position:absolute;

    width:520px;
    height:520px;

    border-radius:50%;

    background:#00C9A7;

    filter:blur(180px);

    opacity:.08;

    top:-180px;
    left:-220px;

}

.tds-documents::after{

    content:"";

    position:absolute;

    width:460px;
    height:460px;

    border-radius:50%;

    background:#3B82F6;

    filter:blur(170px);

    opacity:.08;

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

}

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

.documents-grid{

    position:relative;

    display:grid;

    grid-template-columns:1.05fr .95fr;

    gap:45px;

    align-items:start;

    z-index:2;

}

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

.documents-content{

    padding:45px;

    border-radius:32px;

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

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

    backdrop-filter:blur(26px);

    transition:.45s;

}

.documents-content:hover{

    transform:translateY(-8px);

    box-shadow:
    0 30px 70px rgba(0,0,0,.35);

}

.documents-content h3{

    font-family:'Outfit',sans-serif;

    font-size:2rem;

    color:#ffffff;

    margin-bottom:22px;

}

.documents-content p{

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

    line-height:2;

    margin-bottom:25px;

}

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

.documents-points{

    display:flex;

    flex-direction:column;

    gap:18px;

    margin-top:35px;

}

.doc-point{

    display:flex;

    align-items:center;

    gap:16px;

    padding:18px 22px;

    border-radius:18px;

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

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

    transition:.35s;

}

.doc-point:hover{

    transform:translateX(8px);

    border-color:rgba(0,201,167,.35);

}

.doc-point i{

    color:#00E6BE;

    font-size:1.2rem;

}

.doc-point span{

    color:#ffffff;

    font-weight:600;

}

/*=========================================
        DOCUMENT VAULT
=========================================*/

.document-vault{

    position:relative;

    overflow:hidden;

    border-radius:34px;

    padding:35px;

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

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

    backdrop-filter:blur(28px);

}

.document-vault::before{

    content:"";

    position:absolute;

    inset:0;

    padding:1px;

    border-radius:34px;

    background:
    linear-gradient(
    135deg,
    rgba(0,201,167,.45),
    transparent,
    rgba(59,130,246,.40));

    -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);

    -webkit-mask-composite:xor;

    mask-composite:exclude;

}

/*=========================================
        HEADER
=========================================*/

.vault-header{

    display:flex;

    align-items:center;

    gap:18px;

    margin-bottom:35px;

}

.vault-header i{

    width:65px;
    height:65px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:20px;

    background:var(--gradient);

    color:#fff;

    font-size:1.5rem;

    box-shadow:
    0 18px 40px rgba(0,201,167,.28);

}

.vault-header h3{

    font-family:'Outfit',sans-serif;

    font-size:1.7rem;

    color:#fff;

}

/*=========================================
        DOCUMENT ITEMS
=========================================*/

.vault-list{

    display:flex;

    flex-direction:column;

    gap:16px;

}

.vault-item{

    display:grid;

    grid-template-columns:55px 1fr 40px;

    align-items:center;

    gap:15px;

    padding:18px 20px;

    border-radius:18px;

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

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

    transition:.35s;

}

.vault-item:hover{

    transform:translateX(8px);

    border-color:rgba(0,201,167,.35);

    box-shadow:
    0 15px 35px rgba(0,0,0,.25);

}

.vault-item i:first-child{

    width:44px;
    height:44px;

    display:flex;

    justify-content:center;

    align-items:center;

    border-radius:14px;

    background:rgba(0,201,167,.12);

    color:#00E7BF;

    font-size:1rem;

}

.vault-item span{

    color:#fff;

    font-weight:600;

}

.vault-item i:last-child{

    color:#00E676;

    font-size:1rem;

}

/*=========================================
        SECURITY NOTE
=========================================*/

.documents-note{

    margin-top:70px;

    display:flex;

    align-items:center;

    gap:35px;

    padding:45px;

    border-radius:35px;

    background:
    linear-gradient(
    135deg,
    rgba(0,201,167,.08),
    rgba(59,130,246,.08));

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

    backdrop-filter:blur(24px);

}

.note-icon{

    width:90px;
    height:90px;

    min-width:90px;

    border-radius:24px;

    display:flex;

    justify-content:center;

    align-items:center;

    background:var(--gradient);

    color:#fff;

    font-size:2rem;

    box-shadow:
    0 18px 40px rgba(0,201,167,.28);

}

.note-text span{

    display:inline-block;

    margin-bottom:12px;

    color:#98FBE7;

    font-weight:700;

    letter-spacing:1px;

}

.note-text h3{

    font-family:'Outfit',sans-serif;

    font-size:2rem;

    color:#fff;

    margin-bottom:18px;

}

.note-text p{

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

    line-height:2;

}

/*=========================================
        RESPONSIVE
=========================================*/

@media(max-width:1100px){

.documents-grid{

grid-template-columns:1fr;

}

}

@media(max-width:768px){

.tds-documents{

padding:90px 20px;

}

.documents-content{

padding:30px;

}

.document-vault{

padding:25px;

}

.documents-note{

flex-direction:column;

text-align:center;

padding:35px 25px;

}

.note-text h3{

font-size:1.7rem;

}

}

@media(max-width:500px){

.documents-content h3{

font-size:1.6rem;

}

.vault-header{

flex-direction:column;

text-align:center;

}

.vault-item{

grid-template-columns:45px 1fr 30px;

padding:16px;

}

.note-icon{

width:75px;
height:75px;
min-width:75px;

font-size:1.5rem;

}

.note-text h3{

font-size:1.45rem;

}

}

/*==========================================================
                SECTION 7
        BENEFITS OF PROFESSIONAL TDS FILING
==========================================================*/


.tds-benefits{

    position:relative;

    padding:130px 7%;

    overflow:hidden;

    background:

    linear-gradient(
    180deg,
    #071521 0%,
    #081E31 100%);

}


/*=========================================
            BACKGROUND GLOW
=========================================*/


.tds-benefits::before{

    content:"";

    position:absolute;

    width:500px;

    height:500px;

    border-radius:50%;

    background:#00C9A7;

    filter:blur(180px);

    opacity:.08;

    top:-150px;

    right:-200px;

}


.tds-benefits::after{

    content:"";

    position:absolute;

    width:450px;

    height:450px;

    border-radius:50%;

    background:#3B82F6;

    filter:blur(170px);

    opacity:.08;

    bottom:-180px;

    left:-200px;

}



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


.benefits-layout{

    position:relative;

    display:grid;

    grid-template-columns:

    repeat(3,1fr);

    gap:30px;

    z-index:2;

}



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


.benefit-card{

    position:relative;

    overflow:hidden;

    padding:40px 35px;

    border-radius:30px;

    background:

    rgba(255,255,255,.05);

    border:

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

    backdrop-filter:blur(25px);

    transition:.45s;

}



.benefit-card::before{

    content:"";

    position:absolute;

    inset:0;

    padding:1px;

    border-radius:30px;

    background:

    linear-gradient(

    135deg,

    rgba(0,201,167,.45),

    transparent,

    rgba(59,130,246,.45)

    );


    -webkit-mask:

    linear-gradient(#fff 0 0) content-box,

    linear-gradient(#fff 0 0);


    -webkit-mask-composite:xor;

    mask-composite:exclude;

}



.benefit-card:hover{

    transform:

    translateY(-12px);

    box-shadow:

    0 35px 80px rgba(0,0,0,.35);

}



/*=========================================
        NUMBER DESIGN
=========================================*/


.benefit-number{

    position:absolute;

    top:15px;

    right:25px;


    font-family:'Outfit',sans-serif;

    font-size:5rem;

    font-weight:900;

    color:

    rgba(255,255,255,.04);

    line-height:1;

}



/*=========================================
            ICON
=========================================*/


.benefit-icon{

    width:75px;

    height:75px;

    border-radius:24px;


    display:flex;

    align-items:center;

    justify-content:center;


    background:

    linear-gradient(

    135deg,

    rgba(0,201,167,.25),

    rgba(59,130,246,.25)

    );


    border:

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


    color:#00E6BE;

    font-size:28px;


    margin-bottom:28px;


    transition:.45s;

}



.benefit-card:hover .benefit-icon{


    transform:

    rotate(-8deg)

    scale(1.1);


    box-shadow:

    0 0 30px rgba(0,201,167,.35);

}



/*=========================================
            TITLE
=========================================*/


.benefit-card h3{

    position:relative;

    font-family:'Outfit',sans-serif;

    color:#ffffff;

    font-size:1.45rem;

    margin-bottom:18px;

}



/*=========================================
            DESCRIPTION
=========================================*/


.benefit-card p{

    position:relative;

    color:

    rgba(255,255,255,.76);

    line-height:1.95;

    font-size:1rem;

}



/*=========================================
        PREMIUM HIGHLIGHT BOX
=========================================*/


.benefit-highlight{

    position:relative;

    margin-top:80px;


    display:flex;

    align-items:center;

    gap:35px;


    padding:55px;


    border-radius:35px;


    background:

    linear-gradient(

    135deg,

    rgba(0,201,167,.10),

    rgba(59,130,246,.10)

    );


    border:

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


    backdrop-filter:blur(30px);


    overflow:hidden;

}



.benefit-highlight::before{

    content:"";

    position:absolute;

    width:300px;

    height:300px;

    background:#00C9A7;

    filter:blur(130px);

    opacity:.12;

    left:-100px;

    top:-100px;

}



/*=========================================
            HIGHLIGHT ICON
=========================================*/


.highlight-icon{

    position:relative;

    min-width:95px;

    width:95px;

    height:95px;


    display:flex;

    align-items:center;

    justify-content:center;


    border-radius:30px;


    background:

    linear-gradient(

    135deg,

    #00C9A7,

    #3B82F6

    );


    color:white;

    font-size:38px;


    box-shadow:

    0 20px 50px rgba(0,201,167,.30);

}



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


.highlight-content{

    position:relative;

}


.highlight-content span{

    display:inline-block;

    color:#98FBE7;

    font-weight:700;

    letter-spacing:1px;

    margin-bottom:15px;

}



.highlight-content h3{

    font-family:'Outfit',sans-serif;

    color:#fff;

    font-size:2.2rem;

    line-height:1.3;

    margin-bottom:20px;

}



.highlight-content p{

    color:

    rgba(255,255,255,.78);

    line-height:2;

    margin-bottom:30px;

}



.highlight-content a{

    display:inline-flex;

    align-items:center;

    justify-content:center;


    padding:17px 40px;


    border-radius:60px;


    background:

    linear-gradient(

    135deg,

    #00C9A7,

    #3B82F6

    );


    color:white;

    text-decoration:none;

    font-weight:700;


    transition:.45s;

}



.highlight-content a:hover{

    transform:

    translateY(-6px);

    box-shadow:

    0 20px 45px rgba(0,201,167,.35);

}



/*=========================================
            RESPONSIVE
=========================================*/


@media(max-width:1100px){


.benefits-layout{

grid-template-columns:

repeat(2,1fr);

}


}



@media(max-width:768px){


.tds-benefits{

padding:90px 20px;

}


.benefits-layout{

grid-template-columns:1fr;

}


.benefit-highlight{

flex-direction:column;

text-align:center;

padding:40px 25px;

}


.highlight-content h3{

font-size:1.7rem;

}


}



@media(max-width:500px){


.benefit-card{

padding:30px 25px;

}


.benefit-number{

font-size:4rem;

}


.benefit-icon{

width:65px;

height:65px;

font-size:24px;

}


.highlight-icon{

width:75px;

height:75px;

min-width:75px;

font-size:28px;

}


.highlight-content h3{

font-size:1.45rem;

}


}

/*==========================================================
                SECTION 8
        COMMON TDS FILING MISTAKES
==========================================================*/


.tds-mistakes{

    position:relative;

    padding:130px 7%;

    overflow:hidden;

    background:

    linear-gradient(
    180deg,
    #081E31 0%,
    #071521 100%);

}



/*=========================================
            BACKGROUND GLOW
=========================================*/


.tds-mistakes::before{

    content:"";

    position:absolute;

    width:520px;

    height:520px;

    border-radius:50%;


    background:#EF4444;

    filter:blur(180px);

    opacity:.06;


    top:-200px;

    left:-200px;

}



.tds-mistakes::after{


    content:"";

    position:absolute;

    width:450px;

    height:450px;

    border-radius:50%;


    background:#00C9A7;

    filter:blur(170px);

    opacity:.08;


    right:-180px;

    bottom:-180px;

}



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


.mistakes-grid{

    position:relative;

    display:grid;

    grid-template-columns:

    repeat(2,1fr);


    gap:35px;


    z-index:2;

}



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


.mistake-card{


    position:relative;

    padding:40px;


    border-radius:32px;


    background:

    rgba(255,255,255,.05);


    border:

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


    backdrop-filter:blur(25px);


    overflow:hidden;


    transition:.45s;

}



.mistake-card::before{


    content:"";

    position:absolute;


    inset:0;


    padding:1px;


    border-radius:32px;


    background:

    linear-gradient(

    135deg,

    rgba(239,68,68,.35),

    transparent,

    rgba(0,201,167,.45)

    );


    -webkit-mask:

    linear-gradient(#fff 0 0) content-box,

    linear-gradient(#fff 0 0);


    -webkit-mask-composite:xor;


    mask-composite:exclude;


}



.mistake-card:hover{


    transform:

    translateY(-12px);


    box-shadow:


    0 35px 80px rgba(0,0,0,.35);

}



/*=========================================
        TOP AREA
=========================================*/


.mistake-top{


    display:flex;

    align-items:center;

    gap:18px;

    margin-bottom:25px;

}



.mistake-top span{


    color:#FFB4B4;


    font-weight:700;


    letter-spacing:1px;


    font-size:.9rem;

}



/*=========================================
            ICON
=========================================*/


.mistake-icon{


    width:65px;

    height:65px;


    border-radius:20px;


    display:flex;

    justify-content:center;

    align-items:center;


    font-size:1.4rem;

}



.mistake-icon.error{


    background:

    rgba(239,68,68,.15);


    color:#FF6B6B;


    border:

    1px solid rgba(239,68,68,.25);

}



/*=========================================
            TITLE
=========================================*/


.mistake-card h3{


    font-family:'Outfit',sans-serif;


    font-size:1.55rem;


    color:#fff;


    margin-bottom:18px;

}



.mistake-card > p{


    color:

    rgba(255,255,255,.76);


    line-height:1.95;


    margin-bottom:25px;

}



/*=========================================
            SOLUTION BOX
=========================================*/


.solution-box{


    display:flex;


    gap:15px;


    align-items:flex-start;


    padding:22px;


    border-radius:22px;


    background:

    rgba(0,201,167,.08);


    border:

    1px solid rgba(0,201,167,.20);

}



.solution-box > i{


    color:#00E6BE;


    font-size:1.3rem;


    margin-top:4px;

}



.solution-box strong{


    color:#98FBE7;


    display:block;


    margin-bottom:8px;


}



.solution-box p{


    color:

    rgba(255,255,255,.75);


    line-height:1.7;


    margin:0;

}



/*=========================================
        PREMIUM SUPPORT BOX
=========================================*/


.mistake-highlight{


    position:relative;


    margin-top:80px;


    display:flex;


    align-items:center;


    gap:35px;


    padding:55px;


    border-radius:35px;


    background:

    linear-gradient(

    135deg,

    rgba(0,201,167,.10),

    rgba(59,130,246,.10)

    );


    border:

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


    backdrop-filter:blur(30px);


    overflow:hidden;

}



.mistake-highlight::before{


    content:"";


    position:absolute;


    width:300px;


    height:300px;


    border-radius:50%;


    background:#00C9A7;


    filter:blur(130px);


    opacity:.12;


    left:-120px;


    top:-100px;

}



/*=========================================
            HIGHLIGHT ICON
=========================================*/


.mistake-highlight .highlight-icon{


    position:relative;


    width:95px;


    height:95px;


    min-width:95px;


    border-radius:30px;


    display:flex;


    align-items:center;


    justify-content:center;


    background:

    linear-gradient(

    135deg,

    #00C9A7,

    #3B82F6

    );


    color:#fff;


    font-size:2.2rem;


    box-shadow:


    0 20px 50px rgba(0,201,167,.30);

}



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


.mistake-highlight span{


    display:inline-block;


    color:#98FBE7;


    font-weight:700;


    letter-spacing:1px;


    margin-bottom:15px;

}



.mistake-highlight h3{


    font-family:'Outfit',sans-serif;


    color:#fff;


    font-size:2.2rem;


    line-height:1.3;


    margin-bottom:20px;

}



.mistake-highlight p{


    color:

    rgba(255,255,255,.78);


    line-height:2;


    margin-bottom:30px;

}



.mistake-highlight a{


    display:inline-flex;


    align-items:center;


    justify-content:center;


    padding:17px 40px;


    border-radius:60px;


    text-decoration:none;


    color:#fff;


    font-weight:700;


    background:

    linear-gradient(

    135deg,

    #00C9A7,

    #3B82F6

    );


    transition:.45s;

}



.mistake-highlight a:hover{


    transform:

    translateY(-6px);


    box-shadow:

    0 20px 45px rgba(0,201,167,.35);

}



/*=========================================
            RESPONSIVE
=========================================*/


@media(max-width:1000px){


.mistakes-grid{


grid-template-columns:1fr;


}


}



@media(max-width:768px){


.tds-mistakes{


padding:90px 20px;


}



.mistake-card{


padding:30px;


}



.mistake-highlight{


flex-direction:column;


text-align:center;


padding:40px 25px;


}



.mistake-highlight h3{


font-size:1.7rem;


}



}



@media(max-width:500px){


.mistake-top{


flex-direction:column;


align-items:flex-start;


}



.mistake-card h3{


font-size:1.3rem;


}



.solution-box{


padding:18px;


}



.mistake-highlight .highlight-icon{


width:75px;


height:75px;


min-width:75px;


font-size:1.7rem;


}



.mistake-highlight h3{


font-size:1.45rem;


}


}

/*==========================================================
                SECTION 9
        TDS RETURN FILING PROCESS
==========================================================*/


.tds-process-premium{

    position:relative;

    padding:130px 7%;

    overflow:hidden;

    background:

    linear-gradient(
    180deg,
    #071521 0%,
    #081E31 100%);

}



/*=========================================
            BACKGROUND EFFECT
=========================================*/


.tds-process-premium::before{

    content:"";

    position:absolute;

    width:520px;

    height:520px;

    border-radius:50%;


    background:#3B82F6;

    filter:blur(180px);

    opacity:.07;


    top:-150px;

    right:-200px;

}



.tds-process-premium::after{

    content:"";

    position:absolute;

    width:450px;

    height:450px;

    border-radius:50%;


    background:#00C9A7;

    filter:blur(170px);

    opacity:.08;


    bottom:-150px;

    left:-200px;

}



/*=========================================
        TIMELINE WRAPPER
=========================================*/


.process-timeline{

    position:relative;

    max-width:1000px;

    margin:70px auto 0;

    z-index:2;

}



/*=========================================
        VERTICAL LINE
=========================================*/


.process-timeline::before{

    content:"";

    position:absolute;


    top:0;

    bottom:0;


    left:50%;


    width:4px;


    transform:translateX(-50%);


    background:

    linear-gradient(

    180deg,

    #00C9A7,

    #3B82F6

    );


    border-radius:50px;


    box-shadow:

    0 0 25px rgba(0,201,167,.45);

}



/*=========================================
            ITEM
=========================================*/


.process-item{

    position:relative;

    display:flex;

    justify-content:flex-end;

    width:100%;


    margin-bottom:80px;

}



.process-item:nth-child(even){

    justify-content:flex-start;

}



/*=========================================
        NUMBER CIRCLE
=========================================*/


.process-number{

    position:absolute;


    left:50%;


    transform:

    translateX(-50%);


    width:80px;

    height:80px;


    border-radius:50%;


    display:flex;


    justify-content:center;

    align-items:center;


    background:

    linear-gradient(

    135deg,

    #00C9A7,

    #3B82F6

    );


    color:#fff;


    font-family:'Outfit',sans-serif;


    font-size:1.5rem;


    font-weight:800;


    z-index:5;


    box-shadow:


    0 0 40px rgba(0,201,167,.40);

}



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


.process-content{

    width:42%;


    padding:40px;


    border-radius:32px;


    background:

    rgba(255,255,255,.05);


    border:

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


    backdrop-filter:blur(25px);


    transition:.45s;

}



.process-content:hover{


    transform:

    translateY(-10px);


    box-shadow:


    0 35px 80px rgba(0,0,0,.35);


}



/*=========================================
            ICON
=========================================*/


.process-icon{


    width:70px;


    height:70px;


    border-radius:22px;


    display:flex;


    align-items:center;


    justify-content:center;


    background:

    rgba(0,201,167,.12);


    border:

    1px solid rgba(0,201,167,.25);


    color:#00E6BE;


    font-size:1.5rem;


    margin-bottom:25px;


}



.process-content h3{


    font-family:'Outfit',sans-serif;


    font-size:1.55rem;


    color:#fff;


    margin-bottom:18px;


}



.process-content p{


    color:

    rgba(255,255,255,.76);


    line-height:1.95;


}



/*=========================================
        FINAL TRUST BOX
=========================================*/


.process-trust-box{


    position:relative;


    margin-top:80px;


    display:flex;


    align-items:center;


    gap:35px;


    padding:55px;


    border-radius:35px;


    background:


    linear-gradient(

    135deg,

    rgba(0,201,167,.10),

    rgba(59,130,246,.10)

    );


    border:

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


    backdrop-filter:blur(30px);


    overflow:hidden;


}



.process-trust-box::before{


    content:"";


    position:absolute;


    width:300px;


    height:300px;


    border-radius:50%;


    background:#00C9A7;


    filter:blur(130px);


    opacity:.12;


    left:-120px;


    top:-120px;


}



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


.trust-icon{


    position:relative;


    width:95px;


    height:95px;


    min-width:95px;


    border-radius:30px;


    display:flex;


    justify-content:center;


    align-items:center;


    background:

    linear-gradient(

    135deg,

    #00C9A7,

    #3B82F6

    );


    color:#fff;


    font-size:2.3rem;


    box-shadow:


    0 20px 50px rgba(0,201,167,.30);


}



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


.process-trust-box span{


    display:inline-block;


    color:#98FBE7;


    font-weight:700;


    letter-spacing:1px;


    margin-bottom:15px;


}



.process-trust-box h3{


    font-family:'Outfit',sans-serif;


    font-size:2.2rem;


    color:#fff;


    margin-bottom:20px;


}



.process-trust-box p{


    color:

    rgba(255,255,255,.78);


    line-height:2;


    margin-bottom:30px;


}



.process-trust-box a{


    display:inline-flex;


    padding:17px 40px;


    border-radius:60px;


    text-decoration:none;


    color:#fff;


    font-weight:700;


    background:

    linear-gradient(

    135deg,

    #00C9A7,

    #3B82F6

    );


    transition:.45s;


}



.process-trust-box a:hover{


    transform:

    translateY(-6px);


    box-shadow:


    0 20px 45px rgba(0,201,167,.35);


}



/*=========================================
            RESPONSIVE
=========================================*/


@media(max-width:900px){


.process-timeline::before{


left:40px;


}



.process-item,

.process-item:nth-child(even){


justify-content:flex-start;


padding-left:100px;


}



.process-number{


left:40px;


}



.process-content{


width:100%;


}


}



@media(max-width:768px){


.tds-process-premium{


padding:90px 20px;


}



.process-trust-box{


flex-direction:column;


text-align:center;


padding:40px 25px;


}



.process-trust-box h3{


font-size:1.7rem;


}


}



@media(max-width:500px){


.process-number{


width:65px;

height:65px;


font-size:1.1rem;


}



.process-icon{


width:60px;

height:60px;


}



.process-content{


padding:28px;


}



.process-content h3{


font-size:1.3rem;


}



.process-trust-box h3{


font-size:1.45rem;


}



}

/*==========================================================
                SECTION 10
        WHY CHOOSE FINANCIAL SOLUTIONS
==========================================================*/


.tds-why-choose{

    position:relative;

    padding:130px 7%;

    overflow:hidden;


    background:

    linear-gradient(

    180deg,

    #081E31 0%,

    #071521 100%

    );

}



/*=========================================
            BACKGROUND GLOW
=========================================*/


.tds-why-choose::before{


    content:"";


    position:absolute;


    width:520px;


    height:520px;


    border-radius:50%;


    background:#00C9A7;


    filter:blur(180px);


    opacity:.08;


    top:-180px;


    left:-220px;


}



.tds-why-choose::after{


    content:"";


    position:absolute;


    width:500px;


    height:500px;


    border-radius:50%;


    background:#3B82F6;


    filter:blur(180px);


    opacity:.08;


    right:-220px;


    bottom:-180px;


}




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


.why-grid{


    position:relative;


    display:grid;


    grid-template-columns:

    repeat(4,1fr);


    gap:28px;


    z-index:2;


}




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


.why-card{


    position:relative;


    padding:40px 30px;


    border-radius:32px;


    background:


    rgba(255,255,255,.05);


    border:


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


    backdrop-filter:blur(25px);


    transition:.45s;


    overflow:hidden;


}



.why-card::before{


    content:"";


    position:absolute;


    inset:0;


    padding:1px;


    border-radius:32px;


    background:


    linear-gradient(

    135deg,

    rgba(0,201,167,.45),

    transparent,

    rgba(59,130,246,.45)

    );



    -webkit-mask:


    linear-gradient(#fff 0 0) content-box,


    linear-gradient(#fff 0 0);



    -webkit-mask-composite:xor;


    mask-composite:exclude;


}



.why-card:hover{


    transform:


    translateY(-12px);


    box-shadow:


    0 35px 80px rgba(0,0,0,.35);


}



/*=========================================
            ICON
=========================================*/


.why-icon{


    width:75px;


    height:75px;


    border-radius:24px;


    display:flex;


    justify-content:center;


    align-items:center;


    background:


    linear-gradient(

    135deg,

    rgba(0,201,167,.20),

    rgba(59,130,246,.20)

    );



    border:


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



    color:#00E6BE;


    font-size:1.7rem;


    margin-bottom:28px;


    transition:.45s;


}



.why-card:hover .why-icon{


    transform:


    scale(1.1)

    rotate(-8deg);



    box-shadow:


    0 0 35px rgba(0,201,167,.35);


}



/*=========================================
            TEXT
=========================================*/


.why-card h3{


    font-family:'Outfit',sans-serif;


    color:#fff;


    font-size:1.4rem;


    margin-bottom:18px;


}



.why-card p{


    color:


    rgba(255,255,255,.76);


    line-height:1.95;


}




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


.trust-dashboard{


    position:relative;


    margin-top:80px;


    display:grid;


    grid-template-columns:

    repeat(4,1fr);


    gap:25px;



    padding:45px;


    border-radius:35px;



    background:


    linear-gradient(

    135deg,

    rgba(0,201,167,.08),


    rgba(59,130,246,.08)

    );



    border:


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



    backdrop-filter:blur(25px);


    z-index:2;


}



.dashboard-item{


    text-align:center;


    padding:25px;


    border-radius:22px;


    background:


    rgba(255,255,255,.04);



    border:


    1px solid rgba(255,255,255,.08);


}



.dashboard-item h3{


    font-family:'Outfit',sans-serif;


    font-size:2.6rem;


    color:#fff;


    margin-bottom:12px;


}



.dashboard-item p{


    color:#98FBE7;


    font-weight:700;


    letter-spacing:.5px;


}




/*=========================================
            CTA BOX
=========================================*/


.why-cta{


    position:relative;


    margin-top:70px;



    padding:55px;


    text-align:center;


    border-radius:35px;



    background:


    linear-gradient(

    135deg,

    rgba(0,201,167,.12),

    rgba(59,130,246,.12)

    );



    border:


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


    backdrop-filter:blur(25px);


    z-index:2;


}



.why-cta h3{


    font-family:'Outfit',sans-serif;


    font-size:2.3rem;


    color:#fff;


    margin-bottom:18px;


}



.why-cta p{


    color:


    rgba(255,255,255,.78);


    margin-bottom:30px;


    line-height:1.8;


}



.why-cta a{


    display:inline-flex;


    padding:17px 42px;


    border-radius:60px;



    background:


    linear-gradient(

    135deg,

    #00C9A7,

    #3B82F6

    );



    color:#fff;


    text-decoration:none;


    font-weight:700;


    transition:.45s;


}



.why-cta a:hover{


    transform:


    translateY(-6px);



    box-shadow:


    0 20px 45px rgba(0,201,167,.35);


}




/*=========================================
            RESPONSIVE
=========================================*/


@media(max-width:1200px){


.why-grid{


grid-template-columns:

repeat(2,1fr);


}


.trust-dashboard{


grid-template-columns:

repeat(2,1fr);


}


}



@media(max-width:768px){


.tds-why-choose{


padding:90px 20px;


}



.why-grid{


grid-template-columns:1fr;


}



.trust-dashboard{


grid-template-columns:1fr;


padding:25px;


}



.why-cta{


padding:40px 25px;


}



.why-cta h3{


font-size:1.7rem;


}



}



@media(max-width:500px){


.why-card{


padding:30px 25px;


}



.why-icon{


width:65px;


height:65px;


}



.dashboard-item h3{


font-size:2rem;


}



.why-cta h3{


font-size:1.45rem;


}



}

/*==========================================================
                SECTION 11
        WHO CAN USE TDS SERVICES
==========================================================*/


.tds-users{

    position:relative;

    padding:130px 7%;

    overflow:hidden;


    background:

    linear-gradient(

    180deg,

    #071521 0%,

    #081E31 100%

    );

}



/*=========================================
            BACKGROUND GLOW
=========================================*/


.tds-users::before{


    content:"";


    position:absolute;


    width:520px;


    height:520px;


    border-radius:50%;


    background:#00C9A7;


    filter:blur(180px);


    opacity:.08;


    top:-180px;


    right:-220px;


}



.tds-users::after{


    content:"";


    position:absolute;


    width:480px;


    height:480px;


    border-radius:50%;


    background:#3B82F6;


    filter:blur(180px);


    opacity:.07;


    left:-200px;


    bottom:-180px;


}




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


.users-grid{


    position:relative;


    display:grid;


    grid-template-columns:


    repeat(3,1fr);



    gap:30px;


    z-index:2;


}



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


.user-card{


    position:relative;


    padding:40px 32px;


    border-radius:32px;


    background:


    rgba(255,255,255,.05);


    border:


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



    backdrop-filter:blur(25px);



    overflow:hidden;



    transition:.45s;


}



.user-card::before{


    content:"";


    position:absolute;


    inset:0;


    padding:1px;


    border-radius:32px;



    background:


    linear-gradient(

    135deg,


    rgba(0,201,167,.45),


    transparent,


    rgba(59,130,246,.45)

    );



    -webkit-mask:


    linear-gradient(#fff 0 0) content-box,


    linear-gradient(#fff 0 0);



    -webkit-mask-composite:xor;


    mask-composite:exclude;


}



.user-card:hover{


    transform:


    translateY(-12px);



    box-shadow:


    0 35px 80px rgba(0,0,0,.35);


}



/*=========================================
            ICON
=========================================*/


.user-icon{


    width:75px;


    height:75px;


    border-radius:24px;


    display:flex;


    justify-content:center;


    align-items:center;



    background:


    linear-gradient(

    135deg,


    rgba(0,201,167,.20),


    rgba(59,130,246,.20)

    );



    border:


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



    color:#00E6BE;


    font-size:1.8rem;



    margin-bottom:28px;


    transition:.45s;


}



.user-card:hover .user-icon{


    transform:


    scale(1.1)

    rotate(-8deg);



    box-shadow:


    0 0 35px rgba(0,201,167,.35);


}



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


.user-card h3{


    font-family:'Outfit',sans-serif;


    font-size:1.5rem;


    color:#fff;


    margin-bottom:18px;


}



.user-card p{


    color:


    rgba(255,255,255,.76);



    line-height:1.95;


}



/*=========================================
        CUSTOM SUPPORT BOX
=========================================*/


.tds-custom-support{


    position:relative;


    margin-top:80px;


    display:flex;


    align-items:center;


    gap:35px;


    padding:55px;


    border-radius:35px;


    background:


    linear-gradient(

    135deg,


    rgba(0,201,167,.10),


    rgba(59,130,246,.10)

    );



    border:


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



    backdrop-filter:blur(30px);



    overflow:hidden;


}



.tds-custom-support::before{


    content:"";


    position:absolute;


    width:300px;


    height:300px;


    border-radius:50%;



    background:#00C9A7;



    filter:blur(130px);



    opacity:.12;



    left:-120px;


    top:-120px;


}



/*=========================================
            SUPPORT ICON
=========================================*/


.support-icon{


    position:relative;


    width:95px;


    height:95px;


    min-width:95px;


    border-radius:30px;



    display:flex;


    justify-content:center;


    align-items:center;



    background:


    linear-gradient(

    135deg,


    #00C9A7,


    #3B82F6

    );



    color:#fff;


    font-size:2.2rem;



    box-shadow:


    0 20px 50px rgba(0,201,167,.30);


}




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


.support-content span{


    display:inline-block;



    color:#98FBE7;


    font-weight:700;


    letter-spacing:1px;



    margin-bottom:15px;


}



.support-content h3{


    font-family:'Outfit',sans-serif;



    font-size:2.2rem;


    color:#fff;



    margin-bottom:20px;


}



.support-content p{


    color:


    rgba(255,255,255,.78);



    line-height:2;



    margin-bottom:30px;


}



.support-content a{


    display:inline-flex;


    padding:17px 40px;


    border-radius:60px;



    background:


    linear-gradient(

    135deg,


    #00C9A7,


    #3B82F6

    );



    color:#fff;


    text-decoration:none;


    font-weight:700;



    transition:.45s;


}



.support-content a:hover{


    transform:


    translateY(-6px);



    box-shadow:


    0 20px 45px rgba(0,201,167,.35);


}





/*=========================================
            RESPONSIVE
=========================================*/


@media(max-width:1100px){


.users-grid{


grid-template-columns:


repeat(2,1fr);


}



}



@media(max-width:768px){


.tds-users{


padding:90px 20px;


}



.users-grid{


grid-template-columns:1fr;


}



.tds-custom-support{


flex-direction:column;


text-align:center;


padding:40px 25px;


}



.support-content h3{


font-size:1.7rem;


}



}



@media(max-width:500px){


.user-card{


padding:30px 25px;


}



.user-icon{


width:65px;


height:65px;


font-size:1.5rem;


}



.support-icon{


width:75px;


height:75px;


min-width:75px;


font-size:1.7rem;


}



.support-content h3{


font-size:1.45rem;


}



}

/*==========================================================
                SECTION 12
        TDS FAQ SECTION
==========================================================*/


.tds-faq-section{

    position:relative;

    padding:130px 7%;

    overflow:hidden;


    background:

    linear-gradient(

    180deg,

    #081E31 0%,

    #071521 100%

    );

}



/*=========================================
            BACKGROUND GLOW
=========================================*/


.tds-faq-section::before{


    content:"";


    position:absolute;


    width:520px;


    height:520px;


    border-radius:50%;


    background:#3B82F6;


    filter:blur(180px);


    opacity:.07;



    top:-180px;


    left:-200px;


}



.tds-faq-section::after{


    content:"";


    position:absolute;


    width:450px;


    height:450px;


    border-radius:50%;


    background:#00C9A7;


    filter:blur(180px);


    opacity:.08;


    right:-180px;


    bottom:-180px;


}



/*=========================================
            FAQ WRAPPER
=========================================*/


.faq-wrapper{


    position:relative;


    max-width:1000px;


    margin:70px auto 0;


    z-index:2;


}



/*=========================================
            FAQ ITEM
=========================================*/


.faq-item{


    margin-bottom:20px;


    border-radius:25px;


    overflow:hidden;



    background:


    rgba(255,255,255,.05);



    border:


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



    backdrop-filter:blur(25px);



    transition:.4s;


}



.faq-item:hover{


    border-color:


    rgba(0,201,167,.35);



    transform:


    translateY(-4px);


}



/*=========================================
            QUESTION BUTTON
=========================================*/


.faq-question{


    width:100%;


    display:flex;


    justify-content:space-between;


    align-items:center;



    padding:30px 35px;


    background:transparent;


    border:none;


    cursor:pointer;


    text-align:left;


    color:#fff;



    font-family:'Outfit',sans-serif;


    font-size:1.2rem;


    font-weight:600;


}



.faq-question span{


    width:42px;


    height:42px;


    border-radius:50%;



    display:flex;


    justify-content:center;


    align-items:center;



    background:


    rgba(0,201,167,.15);



    color:#00E6BE;


    font-size:1.7rem;



    transition:.4s;


}



/*=========================================
            ANSWER
=========================================*/


.faq-answer{


    max-height:0;


    overflow:hidden;


    transition:


    max-height .5s ease;


}



.faq-answer p{


    padding:


    0 35px 30px;



    color:


    rgba(255,255,255,.76);



    line-height:2;


    font-size:1rem;


}



/*=========================================
        ACTIVE STATE
=========================================*/


.faq-item.active{


    border-color:


    rgba(0,201,167,.45);



    box-shadow:


    0 25px 60px rgba(0,0,0,.25);


}



.faq-item.active 
.faq-question span{


    transform:


    rotate(45deg);


    background:


    linear-gradient(

    135deg,

    #00C9A7,

    #3B82F6

    );


    color:#fff;


}



/*=========================================
            CTA BOX
=========================================*/


.faq-cta{


    position:relative;


    margin-top:80px;



    padding:55px;


    text-align:center;


    border-radius:35px;



    background:


    linear-gradient(

    135deg,

    rgba(0,201,167,.10),


    rgba(59,130,246,.10)

    );



    border:


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



    backdrop-filter:blur(30px);



    overflow:hidden;



    z-index:2;


}



.faq-cta::before{


    content:"";


    position:absolute;


    width:280px;


    height:280px;


    border-radius:50%;


    background:#00C9A7;


    filter:blur(120px);



    opacity:.12;


    left:-120px;


    top:-100px;


}




.faq-cta h3{


    position:relative;


    font-family:'Outfit',sans-serif;


    font-size:2.2rem;


    color:#fff;


    margin-bottom:18px;


}



.faq-cta p{


    position:relative;


    color:


    rgba(255,255,255,.78);



    line-height:1.8;


    margin-bottom:30px;


}




.faq-cta a{


    position:relative;


    display:inline-flex;


    padding:17px 42px;


    border-radius:60px;



    text-decoration:none;


    color:#fff;


    font-weight:700;



    background:


    linear-gradient(

    135deg,


    #00C9A7,


    #3B82F6

    );



    transition:.45s;


}



.faq-cta a:hover{


    transform:


    translateY(-6px);



    box-shadow:


    0 20px 45px rgba(0,201,167,.35);


}



/*=========================================
            RESPONSIVE
=========================================*/


@media(max-width:768px){


.tds-faq-section{


padding:90px 20px;


}



.faq-question{


padding:25px;


font-size:1rem;


}



.faq-answer p{


padding:


0 25px 25px;


}



.faq-cta{


padding:40px 25px;


}



.faq-cta h3{


font-size:1.7rem;


}



}



@media(max-width:500px){


.faq-question span{


width:35px;


height:35px;


font-size:1.3rem;


}



.faq-cta h3{


font-size:1.45rem;


}


}

/*==========================================================
                SECTION 13
        RELATED FINANCIAL SERVICES
==========================================================*/


.tds-related-services{

    position:relative;

    padding:130px 7%;


    overflow:hidden;


    background:


    linear-gradient(

    180deg,

    #071521 0%,

    #081E31 100%

    );

}



/*=========================================
            BACKGROUND GLOW
=========================================*/


.tds-related-services::before{


    content:"";


    position:absolute;


    width:520px;


    height:520px;


    border-radius:50%;


    background:#00C9A7;


    filter:blur(180px);


    opacity:.07;


    top:-180px;


    left:-220px;


}



.tds-related-services::after{


    content:"";


    position:absolute;


    width:500px;


    height:500px;


    border-radius:50%;


    background:#3B82F6;


    filter:blur(180px);


    opacity:.08;


    right:-220px;


    bottom:-180px;


}




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


.related-grid{


    position:relative;


    display:grid;


    grid-template-columns:


    repeat(3,1fr);



    gap:30px;


    margin-top:70px;


    z-index:2;


}



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


.related-card{


    position:relative;


    padding:40px 32px;


    border-radius:32px;



    background:


    rgba(255,255,255,.05);



    border:


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



    backdrop-filter:blur(25px);



    overflow:hidden;



    transition:.45s;


}



.related-card::before{


    content:"";


    position:absolute;


    inset:0;



    padding:1px;



    border-radius:32px;



    background:


    linear-gradient(

    135deg,


    rgba(0,201,167,.45),


    transparent,


    rgba(59,130,246,.45)

    );



    -webkit-mask:


    linear-gradient(#fff 0 0) content-box,


    linear-gradient(#fff 0 0);



    -webkit-mask-composite:xor;


    mask-composite:exclude;


}



.related-card:hover{


    transform:


    translateY(-12px);



    box-shadow:


    0 35px 80px rgba(0,0,0,.35);


}




/*=========================================
            ICON
=========================================*/


.related-icon{


    width:75px;


    height:75px;


    border-radius:24px;


    display:flex;


    justify-content:center;


    align-items:center;



    background:


    linear-gradient(

    135deg,


    rgba(0,201,167,.20),


    rgba(59,130,246,.20)

    );



    border:


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



    color:#00E6BE;


    font-size:1.8rem;



    margin-bottom:28px;



    transition:.45s;


}



.related-card:hover .related-icon{


    transform:


    scale(1.1)

    rotate(-8deg);



    box-shadow:


    0 0 35px rgba(0,201,167,.35);


}



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


.related-card h3{


    font-family:'Outfit',sans-serif;


    color:#fff;


    font-size:1.45rem;


    margin-bottom:18px;


}



.related-card p{


    color:


    rgba(255,255,255,.76);



    line-height:1.95;


    margin-bottom:25px;


}



/*=========================================
            LINK BUTTON
=========================================*/


.related-card a{


    display:inline-flex;


    align-items:center;



    padding:12px 25px;


    border-radius:50px;



    color:#98FBE7;


    text-decoration:none;



    font-weight:700;



    border:


    1px solid rgba(0,201,167,.35);



    transition:.4s;


}



.related-card a:hover{


    background:


    linear-gradient(

    135deg,


    #00C9A7,


    #3B82F6

    );



    color:#fff;


    border-color:transparent;



}





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


.tds-final-cta{


    position:relative;


    margin-top:80px;



    display:flex;


    align-items:center;


    justify-content:space-between;


    gap:30px;



    padding:60px;



    border-radius:35px;



    background:


    linear-gradient(

    135deg,


    rgba(0,201,167,.12),


    rgba(59,130,246,.12)

    );



    border:


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



    backdrop-filter:blur(30px);



    overflow:hidden;


    z-index:2;


}



.tds-final-cta::before{


    content:"";


    position:absolute;


    width:320px;


    height:320px;


    border-radius:50%;


    background:#00C9A7;


    filter:blur(130px);


    opacity:.12;


    left:-130px;


    top:-120px;


}




.tds-final-cta span{


    display:block;


    color:#98FBE7;


    font-weight:700;


    letter-spacing:1px;


    margin-bottom:15px;


}



.tds-final-cta h3{


    font-family:'Outfit',sans-serif;


    font-size:2.3rem;


    color:#fff;


    margin-bottom:18px;


}



.tds-final-cta p{


    color:


    rgba(255,255,255,.78);



    line-height:1.9;


}




.tds-final-cta a{


    display:inline-flex;


    padding:18px 42px;



    border-radius:60px;



    background:


    linear-gradient(

    135deg,


    #00C9A7,


    #3B82F6

    );



    color:#fff;



    text-decoration:none;



    font-weight:700;



    white-space:nowrap;



    transition:.45s;


}



.tds-final-cta a:hover{


    transform:


    translateY(-6px);



    box-shadow:


    0 20px 45px rgba(0,201,167,.35);


}






/*=========================================
            RESPONSIVE
=========================================*/


@media(max-width:1100px){


.related-grid{


grid-template-columns:


repeat(2,1fr);


}



.tds-final-cta{


flex-direction:column;


text-align:center;


}



}



@media(max-width:768px){


.tds-related-services{


padding:90px 20px;


}



.related-grid{


grid-template-columns:1fr;


}



.related-card{


padding:30px 25px;


}



.tds-final-cta{


padding:40px 25px;


}



.tds-final-cta h3{


font-size:1.7rem;


}



}



@media(max-width:500px){


.related-icon{


width:65px;


height:65px;


font-size:1.5rem;


}



.tds-final-cta h3{


font-size:1.45rem;


}



.tds-final-cta a{


width:100%;


justify-content:center;


}


}

/*==========================================================
                SECTION 14
        FINAL TDS CTA SECTION
==========================================================*/


.tds-final-section{

    position:relative;

    padding:140px 7%;

    overflow:hidden;


    background:


    linear-gradient(

    180deg,

    #081E31 0%,

    #050F19 100%

    );

}



/*=========================================
            BACKGROUND EFFECT
=========================================*/


.tds-final-section::before{


    content:"";


    position:absolute;


    width:600px;


    height:600px;


    border-radius:50%;



    background:#00C9A7;



    filter:blur(200px);



    opacity:.12;



    top:-220px;


    left:-250px;


}



.tds-final-section::after{


    content:"";


    position:absolute;


    width:550px;


    height:550px;


    border-radius:50%;



    background:#3B82F6;



    filter:blur(200px);



    opacity:.10;



    right:-250px;


    bottom:-200px;


}




/*=========================================
            MAIN WRAPPER
=========================================*/


.tds-final-section 
.section-container{


    position:relative;


    z-index:2;


}



.final-content{


    max-width:900px;


}



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


.final-badge{


    display:inline-flex;


    padding:10px 22px;


    border-radius:50px;



    color:#98FBE7;



    font-size:.9rem;


    font-weight:700;



    letter-spacing:1.5px;



    background:


    rgba(0,201,167,.12);



    border:


    1px solid rgba(0,201,167,.25);



    margin-bottom:25px;


}



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


.final-content h2{


    font-family:'Outfit',sans-serif;


    font-size:3.5rem;


    line-height:1.25;



    color:#fff;


    margin-bottom:25px;


}



.final-content p{


    color:


    rgba(255,255,255,.78);



    font-size:1.1rem;


    line-height:2;



    max-width:850px;


}




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


.final-points{


    display:flex;


    flex-wrap:wrap;


    gap:25px;


    margin-top:45px;


}



.final-point{


    display:flex;


    align-items:center;


    gap:12px;


    padding:16px 25px;


    border-radius:50px;



    background:


    rgba(255,255,255,.05);



    border:


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



}



.final-point i{


    color:#00E6BE;


    font-size:1.2rem;


}



.final-point span{


    color:#fff;


    font-weight:600;


}




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


.final-buttons{


    display:flex;


    gap:20px;


    margin-top:50px;


}



.final-primary,


.final-secondary{


    display:inline-flex;


    align-items:center;


    justify-content:center;


    padding:18px 45px;


    border-radius:60px;


    text-decoration:none;


    font-weight:700;



    transition:.45s;


}




.final-primary{


    background:


    linear-gradient(

    135deg,


    #00C9A7,


    #3B82F6

    );



    color:#fff;


}



.final-primary:hover{


    transform:


    translateY(-6px);



    box-shadow:


    0 20px 50px rgba(0,201,167,.35);


}





.final-secondary{


    color:#fff;


    border:


    1px solid rgba(255,255,255,.25);


    background:


    rgba(255,255,255,.05);


}



.final-secondary:hover{


    background:


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


    transform:


    translateY(-6px);


}





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


.final-glass-card{


    position:absolute;


    right:7%;


    top:50%;


    transform:


    translateY(-50%);



    width:360px;



    padding:45px;



    border-radius:35px;



    background:


    rgba(255,255,255,.06);



    border:


    1px solid rgba(255,255,255,.15);



    backdrop-filter:blur(35px);



    box-shadow:


    0 40px 100px rgba(0,0,0,.35);



}





.glass-icon{


    width:85px;


    height:85px;



    border-radius:28px;



    display:flex;


    justify-content:center;


    align-items:center;



    background:


    linear-gradient(

    135deg,


    #00C9A7,


    #3B82F6

    );



    color:#fff;


    font-size:2rem;



    margin-bottom:30px;



}





.final-glass-card h3{


    font-family:'Outfit',sans-serif;



    color:#fff;



    font-size:1.6rem;



    margin-bottom:18px;



}



.final-glass-card p{


    color:


    rgba(255,255,255,.75);



    line-height:1.8;



}




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


.glass-stats{


    display:flex;


    gap:25px;


    margin-top:35px;


    padding-top:30px;


    border-top:


    1px solid rgba(255,255,255,.15);



}



.glass-stats div{


    display:flex;


    flex-direction:column;


}



.glass-stats strong{


    color:#fff;


    font-size:2rem;


}



.glass-stats span{


    color:#98FBE7;


    font-size:.9rem;


}




/*=========================================
            RESPONSIVE
=========================================*/


@media(max-width:1200px){


.final-glass-card{


position:relative;


right:auto;


top:auto;


transform:none;


margin-top:60px;


width:100%;


}



}



@media(max-width:768px){


.tds-final-section{


padding:100px 20px;


}



.final-content h2{


font-size:2.2rem;


}



.final-buttons{


flex-direction:column;


}



.final-primary,


.final-secondary{


width:100%;


}



.final-points{


flex-direction:column;


}



.final-point{


justify-content:center;


}



.final-glass-card{


padding:35px 25px;


}



}



@media(max-width:500px){


.final-content h2{


font-size:1.7rem;


}



.final-content p{


font-size:1rem;


}



.glass-stats strong{


font-size:1.6rem;


}



}